@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],
template {
  display: none
}
a {
  background: 0 0;
  color: inherit
}
ol {
  list-style-type: decimal
}
a:active,
a:hover,
button:hover {
  outline: 0 none
}
abbr[title] {
  border-bottom: 1px dotted
}
b,
strong {
  font-weight: 500
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: 0
}
mark {
  background: #fff;
  color: #252525
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 65%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0;
  max-width: 100%;
  height: auto
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,
kbd,
pre,
samp {
  font-family: inherit;
  font-size: 1em;
  word-wrap: break-word;
  word-break: break-all
}
ins {
  text-decoration: none
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible;
  padding: 0;
  margin: 0;
  background: 0 0
}
button,
select {
  text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],
html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
  -webkit-appearance: none;
  margin: 0
}
input[type=number] {
  -moz-appearance: textfield
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
input[type=number],
input[type=password],
input[type=text],
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield
}
fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: inherit;
  border-spacing: 0
}
td,
th {
  padding: 0
}
* {
  box-sizing: border-box
}
:after,
:before {
  box-sizing: border-box
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent
}
body {
  line-height: 1.421;
  font-size: 12px
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0;
  border: 0
}
a {
  text-decoration: none
}
a:focus,
a:hover,
button:hover,
input[type=submit]:hover {
  text-decoration: none
}
a:focus {
  outline: 0 none;
  outline-offset: 0
}
:focus {
  outline: 0
}
figure {
  margin: 0
}
img {
  vertical-align: middle
}
.img-fullsize {
  width: auto;
  max-width: none;
  height: auto
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}
.img-rounded {
  border-radius: 6px
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}
.img-circle {
  border-radius: 50%
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}
.clearfix:after,
.clearfix:before {
  display: table;
  content: " "
}
.clearfix:after {
  clear: both
}
ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: 0
}
@font-face {
  src: local("Gilroy-Thin"),url(../fonts/Gilroy/Gilroy-Thin.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Thin.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 100;
  font-style: normal
}
@font-face {
  src: local("Gilroy-UltraLight"),url(../fonts/Gilroy/Gilroy-UltraLight.woff) format("woff"),url(../fonts/Gilroy/Gilroy-UltraLight.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 200;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Light"),url(../fonts/Gilroy/Gilroy-Light.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Light.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 300;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Regular"),url(../fonts/Gilroy/Gilroy-Regular.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Regular.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 400;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Medium"),url(../fonts/Gilroy/Gilroy-Medium.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Medium.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 500;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Semibold"),url(../fonts/Gilroy/Gilroy-Semibold.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Semibold.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 600;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Bold"),url(../fonts/Gilroy/Gilroy-Bold.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Bold.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 700;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Extrabold"),url(../fonts/Gilroy/Gilroy-Extrabold.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Extrabold.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 800;
  font-style: normal
}
@font-face {
  src: local("Gilroy-Black"),url(../fonts/Gilroy/Gilroy-Black.woff) format("woff"),url(../fonts/Gilroy/Gilroy-Black.woff2) format("woff2");
  font-family: Gilroy;
  font-weight: 900;
  font-style: normal
}
@font-face {
  src: local("BebasNeueThin"),url(../fonts/Bebas/BebasNeueThin.woff) format("woff"),url(../fonts/Bebas/BebasNeueThin.woff2) format("woff2");
  font-family: "Bebas Neue";
  font-weight: 100;
  font-style: normal
}
@font-face {
  src: local("BebasNeueLight"),url(../fonts/Bebas/BebasNeueLight.woff) format("woff"),url(../fonts/Bebas/BebasNeueLight.woff2) format("woff2");
  font-family: "Bebas Neue";
  font-weight: 200;
  font-style: normal
}
@font-face {
  src: local("BebasNeueBook"),url(../fonts/Bebas/BebasNeueBook.woff) format("woff"),url(../fonts/Bebas/BebasNeueBook.woff2) format("woff2");
  font-family: "Bebas Neue";
  font-weight: 300;
  font-style: normal
}
@font-face {
  src: local("BebasNeueRegular"),url(../fonts/Bebas/BebasNeueRegular.woff) format("woff"),url(../fonts/Bebas/BebasNeueRegular.woff2) format("woff2");
  font-family: "Bebas Neue";
  font-weight: 400;
  font-style: normal
}
@font-face {
  src: local("BebasNeueBold"),url(../fonts/Bebas/BebasNeueBold.woff) format("woff"),url(../fonts/Bebas/BebasNeueBold.woff2) format("woff2");
  font-family: "Bebas Neue";
  font-weight: 700;
  font-style: normal
}
@font-face {
  src: local("icons"),url(../fonts/Icons/icons.ttf) format("ttf"),url(../fonts/Icons/icons.woff) format("woff"),url(../fonts/Icons/icons.svg) format("svg");
  font-family: icons;
  font-weight: 400;
  font-style: normal;
  font-display: block
}
i {
  font-family: icons!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-check:before {
  content: "\e900"
}
.icon-hamburger:before {
  content: "\e901"
}
.icon-courses-down:before {
  content: "\e902"
}
.icon-courses-up:before {
  content: "\e903"
}
.icon-close:before {
  content: "\e904"
}
.icon-input-arrow-down1:before {
  content: "\e905"
}
.icon-input-arrow-down2:before {
  content: "\e906"
}
.icon-input-arrow-up1:before {
  content: "\e907"
}
.icon-input-arrow-up2:before {
  content: "\e908"
}
.icon-plan-left-arrow:before {
  content: "\e909"
}
.icon-plan-right-arrow:before {
  content: "\e90a"
}
.icon-copy:before {
  content: "\e90b"
}
.icon-pag-left-arrow:before {
  content: "\e90c"
}
.icon-pag-right-arrow:before {
  content: "\e90d"
}
.icon-tg:before {
  content: "\e90e"
}
.icon-mail:before {
  content: "\e90f"
}
.icon-menu1:before {
  content: "\e910"
}
.icon-menu-hamburger-db:before {
  content: "\e911"
}
.icon-success:before {
  content: "\e912"
}
.icon-error:before {
  content: "\e913"
}
.icon-menu7:before {
  content: "\e914"
}
.icon-info:before {
  content: "\e915"
}
.icon-avatar:before {
  content: "\e916"
}
.icon-menu4:before {
  content: "\e917"
}
.icon-canceled:before {
  content: "\e918"
}
.icon-menu3:before {
  content: "\e919"
}
.icon-menu2:before {
  content: "\e91a"
}
.icon-menu5:before {
  content: "\e91b"
}
.icon-btn-invest:before {
  content: "\e91c"
}
.icon-btn-start-now:before {
  content: "\e91d"
}
.icon-arrow3:before {
  content: "\e91e"
}
.icon-loading:before {
  content: "\e91f"
}
.title-giant {
  font-family: "Bebas Neue";
  font-size: 92px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word
}
@media only screen and (max-width:1199px) {
  .title-giant {
    font-size: 72px
  }
}
@media only screen and (max-width:479px) {
  .title-giant {
    font-size: 36px
  }
}
.title-xlarge {
  font-family: "Bebas Neue";
  font-size: 72px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word
}
@media only screen and (max-width:1199px) {
  .title-xlarge {
    font-size: 60px
  }
}
@media only screen and (max-width:479px) {
  .title-xlarge {
    font-size: 36px
  }
}
.title-large {
  font-family: "Bebas Neue";
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word
}
@media only screen and (max-width:1199px) {
  .title-large {
    font-size: 48px
  }
}
@media only screen and (max-width:479px) {
  .title-large {
    font-size: 36px
  }
}
h1 {
  font-size: 48px
}
@media only screen and (max-width:1199px) {
  h1 {
    font-size: 44px
  }
}
@media only screen and (max-width:479px) {
  h1 {
    font-size: 36px
  }
}
.title-h1 {
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}
@media only screen and (max-width:1199px) {
  .title-h1 {
    font-size: 44px
  }
}
@media only screen and (max-width:479px) {
  .title-h1 {
    font-size: 36px
  }
}
h2 {
  font-size: 36px
}
@media only screen and (max-width:1199px) {
  h2 {
    font-size: 32px
  }
}
@media only screen and (max-width:479px) {
  h2 {
    font-size: 24px
  }
}
.title-h2 {
  font-family: "Bebas Neue";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}
@media only screen and (max-width:1199px) {
  .title-h2 {
    font-size: 32px
  }
}
@media only screen and (max-width:479px) {
  .title-h2 {
    font-size: 24px
  }
}
h3 {
  font-size: 30px
}
@media only screen and (max-width:1199px) {
  h3 {
    font-size: 24px
  }
}
.title-h3 {
  font-family: "Bebas Neue";
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}
@media only screen and (max-width:1199px) {
  .title-h3 {
    font-size: 24px
  }
}
h4 {
  font-size: 24px
}
@media only screen and (max-width:1199px) {
  h4 {
    font-size: 20px
  }
}
.title-h4 {
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}
@media only screen and (max-width:1199px) {
  .title-h4 {
    font-size: 20px
  }
}
h5 {
  font-size: 18px
}
@media only screen and (max-width:479px) {
  h5 {
    font-size: 16px
  }
}
.title-h5 {
  font-family: "Bebas Neue";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}
@media only screen and (max-width:479px) {
  .title-h5 {
    font-size: 16px
  }
}
h6 {
  font-size: 16px
}
@media only screen and (max-width:479px) {
  h6 {
    font-size: 14px
  }
}
.title-h6 {
  font-family: "Bebas Neue";
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}
@media only screen and (max-width:479px) {
  .title-h6 {
    font-size: 14px
  }
}
.styled-subtitle {
  font-size: 24px;
  line-height: 1.2
}
@media only screen and (max-width:767px) {
  .styled-subtitle {
    font-size: 16px
  }
}
.body-small {
  font-size: 15px
}
.body-tiny {
  font-size: 12px
}
.body-small.thin,
.body-tiny.thin,
.styled-subtitle.thin,
.title-large.thin,
.title-xlarge.thin {
  font-weight: 100!important
}
.styled-subtitle.light,
.title-giant.light,
.title-h1.light,
.title-h2.light,
.title-h3.light,
.title-h4.light,
.title-h5.light,
.title-h6.light,
.title-large.light,
.title-xlarge.light,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
  font-weight: 200!important
}
.styled-subtitle.book,
.title-giant.book,
.title-h1.book,
.title-h2.book,
.title-h3.book,
.title-h4.book,
.title-h5.book,
.title-h6.book,
.title-large.book,
.title-xlarge.book,
h1.book,
h2.book,
h3.book,
h4.book,
h5.book,
h6.book {
  font-weight: 300!important
}
.styled-subtitle.regular,
.title-giant.regular,
.title-h1.regular,
.title-h2.regular,
.title-h3.regular,
.title-h4.regular,
.title-h5.regular,
.title-h6.regular,
.title-large.regular,
.title-xlarge.regular,
h1.regular,
h2.regular,
h3.regular,
h4.regular,
h5.regular,
h6.regular {
  font-weight: 400!important
}
p {
  line-height: 1.37
}
p.light {
  font-weight: 300
}
b {
  font-weight: 700
}
strong {
  font-weight: 900
}
a {
  text-decoration: none;
  transition: all .3s ease;
  color: #ffce59
}
button {
  cursor: pointer;
  transition: all .3s ease
}
a:hover,
button:hover {
  opacity: .85
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}
.tx-uppercase {
  text-transform: uppercase!important
}
.tx-capitalize {
  text-transform: capitalize
}
.tx-none {
  text-transform: none
}
.tx-main {
  color: #0c1227
}
.tx-font {
  color: #6d7285
}
.tx-primary {
  color: #ffce59
}
.tx-secondary {
  color: #eee
}
.tx-white {
  color: #fff
}
.tx-success {
  color: #56d959
}
.tx-danger {
  color: #ff7c7c
}
.tx-info {
  color: #56a3d9
}
.tx-warning {
  color: #ff9c00
}
.tx-pink {
  color: #c1307b
}
.tx-blue {
  color: #2565d3
}
.tx-indigo {
  color: #7c3aff
}
.tx-gray {
  color: #bdb7ca
}
.tx-teal {
  color: #d5ff92
}
.tx-purple {
  color: #c428ff
}
.tx-orange {
  color: #ffa072
}
.tx-gradient {
  background: #c428ff;
  background: linear-gradient(90deg,#c428ff 0,#7c3aff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.tx-gradient-invert {
  background: #7c3aff;
  background: linear-gradient(90deg,#7c3aff 0,#c428ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.m-0 {
  margin: 0!important
}
.p-0 {
  padding: 0!important
}
.mt-0 {
  margin-top: 0!important
}
.mt-10 {
  margin-top: 10px
}
.mt-15 {
  margin-top: 15px
}
.mt-20 {
  margin-top: 20px
}
.mt-30 {
  margin-top: 30px
}
.mt-35 {
  margin-top: 35px
}
.mt-40 {
  margin-top: 40px
}
.mt-45 {
  margin-top: 45px
}
.mt-50 {
  margin-top: 50px
}
.mt-60 {
  margin-top: 60px
}
.mt-70 {
  margin-top: 70px
}
.mb-15 {
  margin-bottom: 15px
}
.mb-20 {
  margin-bottom: 20px
}
.mb-30 {
  margin-bottom: 30px
}
.mb-35 {
  margin-bottom: 30px
}
.mb-40 {
  margin-bottom: 40px
}
.mb-45 {
  margin-bottom: 45px
}
.mb-50 {
  margin-bottom: 50px
}
.mb-60 {
  margin-bottom: 60px
}
.mb-80 {
  margin-bottom: 80px
}
.bg-none {
  background-image: none!important;
  background-color: transparent!important
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}
.preloader:before {
  content: "";
  position: fixed;
  width: 50%;
  height: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  transition: .72s ease transform .16s
}
.preloader:after {
  content: "";
  position: fixed;
  width: 50%;
  height: 100%;
  z-index: 2;
  right: 0;
  top: 0;
  transition: .72s ease transform .16s
}
body[data-loading=false] .preloader {
  visibility: hidden;
  transition: 10ms visibility .88s
}
body[data-loading=false] .preloader:before {
  transform: translateX(-100%)
}
body[data-loading=false] .preloader:after {
  transform: translateX(100%)
}
.preloader-icon {
  width: 52px;
  height: 52px;
  z-index: 3;
  transition: .16s ease opacity
}
body[data-loading=false] #g1 line {
  animation-play-state: paused
}
body[data-loading=false] #g2 line {
  animation-play-state: paused
}
body[data-loading=false] .preloader-icon {
  animation-play-state: paused;
  opacity: 0
}
.preloader-icon line {
  stroke-dasharray: 40px;
  stroke-dashoffset: 40px
}
#g1 line {
  animation: 2s animateLoader infinite
}
#g2 line {
  animation: 2s animateLoader infinite 1s
}
.preloader-icon {
  animation: 4s rotate infinite
}
@keyframes animateLoader {
  0% {
    stroke-dashoffset: 40px;
    stroke-dasharray: 40px
  }
  50% {
    stroke-dashoffset: 0;
    stroke-dasharray: 40px
  }
  100% {
    stroke-dashoffset: 80px;
    stroke-dasharray: 40px
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0)
  }
  50% {
    transform: rotate(90deg)
  }
  100% {
    transform: rotate(180deg)
  }
}
@keyframes move1 {
  from {
    transform: translateX(-100%) translateY(100%);
    opacity: 0
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: .7
  }
}
@keyframes move2 {
  from {
    transform: translateX(100%) translateY(-100%);
    opacity: 0
  }
  to {
    transform: translateX(0) translateY(0);
    opacity: .7
  }
}
@keyframes move3 {
  from {
    transform: translateX(-100px);
    opacity: 0
  }
  to {
    transform: translateX(0);
    opacity: 1
  }
}
@keyframes twinkle {
  0% {
    transform: translate(0,0)
  }
  30% {
    opacity: 0
  }
  50% {
    opacity: .75
  }
  70% {
    opacity: 0
  }
  100% {
    transform: translate(175px,100px)
  }
}
@keyframes float {
  0% {
    transform: translate(0,0)
  }
  100% {
    transform: translate(8000px,4000px)
  }
}
@keyframes bounce {
  0% {
    transform: translateY(50px)
  }
  100% {
    transform: translateY(-50px)
  }
}
@keyframes bounce-invert {
  0% {
    transform: translateY(-50px)
  }
  100% {
    transform: translateY(50px)
  }
}
@keyframes shadow {
  0% {
    background-position: 0 0
  }
  0% {
    background-position: 100% -100%
  }
}
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 5px 15px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0,100% 0,100% 55%,87% 100%,0 100%);
  clip-path: polygon(0 0,100% 0,100% 55%,87% 100%,0 100%);
  transition: all .3s ease-in-out;
  border: 1px solid transparent
}
.btn span {
  display: inline-flex;
  padding-top: 5px;
  z-index: 5;
  transition: all .3s ease
}
.btn i {
  opacity: 0;
  visibility: hidden;
  transform: translateX(200%);
  transition: all .3s ease-in-out
}
.btn:hover:not(:disabled) {
  opacity: 1;
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 100%)
}
.btn:hover:not(:disabled) i {
  transform: translateX(0);
  padding: 0 0 0 10px;
  opacity: 1;
  visibility: visible
}
.btn:disabled {
  opacity: .5
}
.btn--medium {
  min-height: 46px;
  min-width: 145px
}
.btn--medium:after {
  position: absolute;
  width: 58px;
  right: -13px;
  bottom: 0;
  height: 2px;
  transform: rotate(-48deg)
}
.btn--medium span {
  font-family: "Bebas Neue";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase
}
.btn--large {
  min-height: 60px
}
.btn--large span {
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase
}
.btn--large i {
  font-size: 26px;
  width: 26px;
  height: 26px;
  margin-left: -26px
}
.btn--large:hover:not(:disabled) {
  padding-left: 40px;
  padding-right: 40px
}
.btn--large:hover:not(:disabled) i {
  margin-left: 0
}
.btn--main {
  background-color: #292e41;
  color: #fff
}
.btn--main:not(:disabled):active {
  background-color: #6d7285
}
.btn--main-outline {
  background-color: transparent;
  border-color: #292e41;
  color: #292e41
}
.btn--main-outline:after {
  content: '';
  background-color: #292e41
}
.btn--main-outline:hover:not(:disabled) {
  background-color: #292e41
}
.btn--main-outline:hover:not(:disabled) span {
  color: #fff
}
.btn--main-outline:hover:not(:disabled):after {
  display: none
}
.btn--main-outline:not(:disabled):active {
  background-color: #0c1227;
  border-color: #0c1227
}
.btn--primary {
  background-color: #ffce59;
  color: #292e41
}
.btn--primary:not(:disabled):active {
  background-color: #ffc230;
  border-color: #ffc230
}
.btn--primary-outline {
  background-color: transparent;
  border-color: #ffce59;
  color: #fff
}
.btn--primary-outline:after {
  content: '';
  background-color: #ffce59
}
.btn--primary-outline:hover:not(:disabled) {
  background-color: #ffce59
}
.btn--primary-outline:hover:not(:disabled) span {
  color: #292e41
}
.btn--primary-outline:hover:not(:disabled):after {
  display: none
}
.btn--primary-outline:not(:disabled):active {
  background-color: #ffc230;
  border-color: #ffc230
}
.btn--secondary {
  background-color: #6d7285;
  color: #fff
}
.btn--secondary:not(:disabled):active {
  background-color: #292e41
}
.btn--light-outline {
  background-color: transparent;
  border-color: #fff;
  color: #292e41
}
.btn--light-outline:after {
  content: '';
  background-color: #fff
}
.btn--light-outline:hover:not(:disabled) {
  background-color: #fff
}
.btn--light-outline:hover:not(:disabled) span {
  color: #292e41
}
.btn--light-outline:hover:not(:disabled):after {
  display: none
}
.btn--light-outline:not(:disabled):active {
  background-color: #fff;
  border-color: #fff
}
.form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -20px
}
.form.nowrap {
  flex-wrap: nowrap
}
.form-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px
}
.form-col.form-col--end {
  justify-content: flex-end
}
.form-col.form-col--center {
  justify-content: center;
  margin: 0 auto
}
.form-col.form-col--100 {
  width: 100%
}
.form-col.form-col--65 {
  width: 65%
}
.form-col.form-col--60 {
  width: 60%
}
.form-col.form-col--50 {
  width: 50%
}
@media only screen and (max-width:991px) {
  .form-col.form-col--50 {
    width: 100%
  }
}
.form-col.form-col--40 {
  width: 40%
}
.form-col.form-col--35 {
  width: 35%
}
.form-col.form-col--33 {
  width: calc(100% / 3)
}
@media only screen and (max-width:1199px) {
  .form-col.form-col--33 {
    width: 50%
  }
}
@media only screen and (max-width:991px) {
  .form-col.form-col--33 {
    width: 100%
  }
}
@media only screen and (max-width:767px) {
  .form-col {
    width: 100%!important
  }
}
.error-msg {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff7c7c
}
.form-line.error {
  position: relative
}
.form-line.error .checkbox-group__marker,
.form-line.error .input-group,
.form-line.error input,
.form-line.error textarea {
  border-color: #ff7c7c!important;
  outline: 0!important
}
.form-line.error .error-msg {
  display: block
}
.input-group {
  position: relative;
  width: 100%
}
.input-group input,
.input-group textarea {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 3px 25px 0 25px;
  outline: 0;
  background-color: rgba(12,18,39,.2);
  color: #9f823e;
  border-radius: 30px;
  border: 2px solid transparent;
  font-family: "Arial";
  font-size: 24px;
  font-weight: 400;
}
.input-group input:focus,
.input-group textarea:focus {
  border-color: #fff;
  outline: 1px solid #6d7285;
  color: #9f823e
}
.input-group input.error,
.input-group textarea.error {
  border-color: #ff7c7c!important;
  outline: 0!important
}
.input-group.group--dark input,
.input-group.group--dark textarea {
  background-color: rgba(255,255,255,.15);
  color: #ffce59
}
.input-group.group--dark input:focus,
.input-group.group--dark textarea:focus {
  border-color: #0c1227;
  outline: 1px solid #fff;
  color: #ffce59
}
.input-group textarea {
  height: 100%;
  padding: 15px;
  min-height: 120px
}
.input-group label {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #b0b1b5;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase
}
.input-group .captcha {
  position: relative
}
.input-group .captcha input {
  padding-right: 150px
}
.input-group .captcha img {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 110px;
  height: auto
}
.btn-group {
  position: relative;
  margin: auto 0
}
.radio-group {
  position: relative
}
.radio-group input[type=radio] {
  display: none
}
.radio-group label {
  position: relative;
  display: inline-flex;
  height: 20px;
  align-items: center;
  padding-left: 45px;
  font-size: 20px;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all .3s ease
}
.radio-group label:before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0 5px 10px 15px rgba(0,0,0,.2)
}
.radio-group label:after {
  display: none;
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  left: 10px;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #fff
}
.radio-group input[type=radio]:checked + label:after {
  display: block
}
.radio-group input[type=radio]:disabled + label:before {
  filter: grayscale(100%)
}
.checkbox-group {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.checkbox-group input {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: -1
}
.checkbox-group__handle {
  position: relative;
  display: flex;
  align-items: center
}
.checkbox-group__label {
  margin-left: 15px;
  cursor: pointer;
  font-size: 14px
}
.checkbox-group__label a {
  text-decoration: underline;
  z-index: 2
}
.checkbox-group__marker {
  position: relative;
  height: 38px;
  min-width: 38px;
  background-color: rgba(12,18,39,.2);
  border-radius: 50%;
  margin-top: -3px;
  border: 0;
  cursor: pointer
}
.checkbox-group__marker:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  font-family: icons!important;
  content: ""!important;
  font-size: 12px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ffce59
}
.checkbox-group.group--dark .checkbox-group__marker {
  background-color: rgba(255,255,255,.15)
}
.checkbox-group.group--dark .checkbox-group__label {
  font-family: "Bebas Neue";
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff
}
input:checked ~ .checkbox-group__marker:after {
  opacity: 1
}
.select-group {
  position: relative;
  width: 100%
}
.select-group.group--dark .selectric {
  background-color: rgba(255,255,255,.15)
}
.select-group.group--dark .selectric .label {
  color: #ffce59
}
.select-group.group--dark .selectric .button:before {
  color: #ffce59
}
.select-group label {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #b0b1b5;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase
}
.select-group .selectric-wrapper {
  position: relative;
  width: 100%
}
.select-group .selectric {
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0 50px 0 25px;
  outline: 0;
  background-color: rgba(12,18,39,.2);
  border-radius: 30px;
  border: 2px solid transparent
}
.select-group .selectric .label {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  height: 100%;
  margin: 0;
  padding: 5px 0 0 0;
  color: #9f823e;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0
}
.select-group .selectric .button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 25px;
  top: 0;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: center;
  font: inherit;
  font-size: 0;
  text-indent: -9999
}
.select-group .selectric .button:after {
  display: none
}
.select-group .selectric .button:before {
  content: "\e905";
  font-family: icons;
  font-size: 9px;
  transition: transform .2s ease-in-out;
  color: #9f823e
}
.select-group .selectric-open .selectric .button:before {
  transform: rotate(-180deg)
}
.select-group .selectric-items {
  display: none;
  position: absolute;
  min-width: 100%;
  top: calc(100% + 10px);
  left: 0;
  outline: 0;
  background-color: transparent;
  border-radius: 30px;
  box-shadow: none;
  border: 0;
  z-index: -1
}
.select-group .selectric-items ul {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 3px 15px -5px rgba(3,5,3,.3);
  background: #fff;
  border-radius: 30px
}
.select-group .selectric-items ul::-webkit-scrollbar {
  width: 2px;
  height: 2px
}
.select-group .selectric-items ul::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.1);
  border-radius: 2px
}
.select-group .selectric-items ul::-webkit-scrollbar-track {
  background: 0 0
}
.select-group .selectric-items li {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 54px;
  padding: 5px 25px 0 25px;
  outline: 0;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: #6d7285;
  background-color: transparent;
  border: 0
}
.select-group .selectric-items li:hover {
  background-color: #ffce59;
  color: #6d7285
}
.select-group .selectric-items li.highlighted {
  color: #9f823e;
  background-color: transparent
}
.select-group .selectric-items .selectric-scroll {
  overflow: visible
}
.select-group .selectric-open .selectric-items {
  width: 100%!important;
  display: block
}
.switcher {
  position: relative
}
.switcher ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px
}
.switcher li {
  padding: 0 20px;
  margin-top: 30px
}
.switcher .radio-group {
  position: relative
}
.switcher .radio-group input[type=radio] {
  display: none
}
.switcher .radio-group label {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 40px;
  font-size: 17px;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all .3s ease
}
.switcher .radio-group label:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #e7e7fe;
  box-shadow: none
}
.switcher .radio-group label:after {
  display: none;
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 6px;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #eee
}
.switcher .radio-group input[type=radio]:checked + label {
  color: #eee
}
.switcher .radio-group input[type=radio]:checked + label:after {
  display: block
}
.switcher .radio-group input[type=radio]:disabled + label:before {
  filter: grayscale(100%)
}
.auth-group {
  position: relative;
  display: flex;
  flex-direction: column
}
.auth-group__block {
  position: relative;
  display: flex;
  margin-top: 30px
}
.auth-group__qr {
  position: relative;
  width: 100%;
  max-width: 150px;
  margin-right: 30px
}
.auth-group__key {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 230px
}
.auth-group__key code {
  margin-top: 20px
}
.auth-group__area {
  margin-top: 30px
}
.file-group {
  position: relative;
  display: flex;
  flex-direction: column
}
.file-group input[type=file] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0
}
.file-group__label {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #0f0237
}
.file-group__wrap {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease
}
.file-group__wrap:hover {
  opacity: .8
}
.file-group__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  min-height: 56px;
  background-color: #e4e3f8;
  border-radius: 15px
}
.file-group__btn i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
  left: 25px
}
.file-group__txt {
  position: absolute;
  width: 100%;
  padding: 0 20px 0 60px;
  font-size: 15px;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.file-group input[type=file]:disabled + .file-group__btn {
  opacity: .5
}
.slider-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.slider-group__range {
  position: relative;
  width: calc(100% - 100px);
  height: 15px;
  background-color: #292e41;
  border-radius: 15px;
  border: 0!important
}
.slider-group__handler {
  font-family: "Bebas Neue";
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 5px;
  color: #ffce59
}
.slider-group .ui-slider-range {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 15px;
  background-color: #ffce59
}
.slider-group .ui-slider-handle {
  position: absolute;
  display: flex;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  top: 50%;
  margin-top: -22px;
  margin-left: -22px;
  border-radius: 50%;
  border: 0;
  background-color: #ffc230;
  z-index: 2
}
.slider-group .ui-slider-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50%
}
.slider-group .ui-slider-scale {
  position: absolute;
  width: 100%;
  left: 0
}
.slider-group .ui-slider-scale ul {
  display: flex;
  justify-content: space-between
}
.slider-group .ui-slider-scale li {
  position: relative;
  padding-top: 45px;
  font-size: 12px;
  color: #7f74a1
}
.slider-group .ui-slider-scale li:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 10px;
  width: 1px;
  height: 30px;
  background-color: #e2e0f6
}
.slider-group .ui-slider-scale li.sep:after {
  height: 16px
}
:root {
  --fg: #17181c;
  --inputBg: #292e41;
  --handleBg: #ffce59;
  --handleDownBg: #ffc230;
  --handleTrackBg: #ffce59
}
.range,
.range__counter {
  display: flex;
  font-size: 1em
}
.range__counter-sr,
.range__input {
  width: 100%
}
.range input[type=range],
.range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none
}
.range input[type=range],
.range__input-fill {
  border-radius: .25em;
  height: .5em
}
.range input[type=range] {
  background-color: var(--inputBg);
  border: 0;
  display: block;
  margin: .5em 0;
  padding: 0;
  width: 100%
}
.range input[type=range]:focus {
  outline: transparent
}
.range input[type=range]::-webkit-slider-thumb {
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-transition: background .1s linear;
  transition: background .1s linear;
  width: 1.5em;
  height: 1.5em;
  background: #fff;
  background: radial-gradient(circle at center center,#fff 36%,#ffc230 0);
  z-index: 1
}
.range input[type=range]::-moz-range-thumb {
  background-color: #ffc230;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  transform: translateZ(1px);
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
  width: 1.5em;
  height: 1.5em;
  z-index: 55
}
.range input[type=range]::-moz-focus-outer {
  border: 0
}
.range__counter-column,
.range__counter-digit,
.range__input,
.range__input-fill {
  display: block
}
.range__counter,
.range__input {
  position: relative
}
.range__counter-sr,
.range__input-fill {
  position: absolute;
  left: 0
}
.range__input-fill {
  background-color: var(--handleTrackBg);
  pointer-events: none;
  top: calc(50% - .25em)
}
.range__counter,
.range__counter-digit {
  height: 1.5em
}
.range__counter {
  margin: auto 0;
  overflow: hidden;
  text-align: center;
  padding-left: 5px
}
.range__counter-sr {
  color: transparent;
  top: 0;
  text-align: right;
  letter-spacing: 0
}
.range__counter-column {
  transition: transform .25s ease-in-out;
  width: .5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.range__counter-column--pause {
  transition: none
}
.carousel[data-stats-carousel] .carousel__nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 30px
}
.carousel[data-stats-carousel] .carousel__button.is-next,
.carousel[data-stats-carousel] .carousel__button.is-prev {
  transition: all .3s ease
}
.carousel[data-stats-carousel] .carousel__button.is-next span,
.carousel[data-stats-carousel] .carousel__button.is-next svg,
.carousel[data-stats-carousel] .carousel__button.is-prev span,
.carousel[data-stats-carousel] .carousel__button.is-prev svg {
  display: none
}
.carousel[data-stats-carousel] .carousel__button.is-next.disabled,
.carousel[data-stats-carousel] .carousel__button.is-prev.disabled {
  opacity: .3
}
.carousel[data-stats-carousel] .carousel__button.is-prev:after {
  min-height: 20px;
  font-family: icons!important;
  content: ""!important;
  font-size: 6px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.carousel[data-stats-carousel] .carousel__button.is-next:after {
  min-height: 20px;
  font-family: icons!important;
  content: ""!important;
  font-size: 6px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.owl-carousel[data-docs-carousel] .owl-nav,
.owl-carousel[data-plans-carousel] .owl-nav {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px
}
.owl-carousel[data-docs-carousel] .owl-next,
.owl-carousel[data-docs-carousel] .owl-prev,
.owl-carousel[data-plans-carousel] .owl-next,
.owl-carousel[data-plans-carousel] .owl-prev {
  transition: all .3s ease
}
.owl-carousel[data-docs-carousel] .owl-next span,
.owl-carousel[data-docs-carousel] .owl-next svg,
.owl-carousel[data-docs-carousel] .owl-prev span,
.owl-carousel[data-docs-carousel] .owl-prev svg,
.owl-carousel[data-plans-carousel] .owl-next span,
.owl-carousel[data-plans-carousel] .owl-next svg,
.owl-carousel[data-plans-carousel] .owl-prev span,
.owl-carousel[data-plans-carousel] .owl-prev svg {
  display: none
}
.owl-carousel[data-docs-carousel] .owl-next.disabled,
.owl-carousel[data-docs-carousel] .owl-prev.disabled,
.owl-carousel[data-plans-carousel] .owl-next.disabled,
.owl-carousel[data-plans-carousel] .owl-prev.disabled {
  opacity: .3
}
.owl-carousel[data-docs-carousel] .owl-prev,
.owl-carousel[data-plans-carousel] .owl-prev {
  margin-top: -4px
}
.owl-carousel[data-docs-carousel] .owl-next,
.owl-carousel[data-plans-carousel] .owl-next {
  order: 3;
  margin-top: 4px
}
.owl-carousel[data-docs-carousel] .owl-prev:after,
.owl-carousel[data-plans-carousel] .owl-prev:after {
  font-family: icons!important;
  content: ""!important;
  font-size: 6px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.owl-carousel[data-docs-carousel] .owl-next:after,
.owl-carousel[data-plans-carousel] .owl-next:after {
  font-family: icons!important;
  content: ""!important;
  font-size: 6px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.owl-carousel[data-docs-carousel] .owl-dots,
.owl-carousel[data-plans-carousel] .owl-dots {
  display: flex;
  align-items: center;
  margin: 0 10px
}
.owl-carousel[data-docs-carousel] .owl-dot,
.owl-carousel[data-plans-carousel] .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 5px;
  transition: all .3s ease
}
.owl-carousel[data-docs-carousel] .owl-dot.active,
.owl-carousel[data-plans-carousel] .owl-dot.active {
  width: 10px;
  height: 10px;
  background-color: #0c1227
}
.owl-carousel[data-single-carousel] .owl-nav {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 40px;
  left: 0;
  width: 100px;
  opacity: 0
}
.owl-carousel[data-single-carousel] .owl-next,
.owl-carousel[data-single-carousel] .owl-prev {
  transition: all .3s ease
}
.owl-carousel[data-single-carousel] .owl-next span,
.owl-carousel[data-single-carousel] .owl-next svg,
.owl-carousel[data-single-carousel] .owl-prev span,
.owl-carousel[data-single-carousel] .owl-prev svg {
  display: none
}
.owl-carousel[data-single-carousel] .owl-next.disabled,
.owl-carousel[data-single-carousel] .owl-prev.disabled {
  opacity: .3
}
.owl-carousel[data-single-carousel] .owl-next {
  order: 3
}
.owl-carousel[data-single-carousel] .owl-prev:after {
  font-family: icons!important;
  content: ""!important;
  font-size: 6px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.owl-carousel[data-single-carousel] .owl-next:after {
  font-family: icons!important;
  content: ""!important;
  font-size: 6px!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1
}
.owl-carousel[data-single-carousel] .owl-counter {
  padding-top: 8px;
  font-family: "Bebas Neue";
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase
}
.owl-carousel[data-single-carousel] .owl-counter-curr {
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
  color: #0c1227;
  line-height: 1
}
.db-tabs {
  position: relative;
  display: flex;
  flex-direction: column
}
.db-tabs .deposit__wrap {
  padding-top: 60px
}
.db-tabs-nav {
  position: relative;
  width: 100%;
  padding: 0 30px;
  border-bottom: 10px solid #eee;
  background-color: #0c1227;
  background-image: url(../images/db/bg-thin.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
@media only screen and (max-width:767px) {
  .db-tabs-nav {
    padding: 0 10px
  }
}
.db-tabs-nav ul {
  display: flex
}
@media only screen and (max-width:767px) {
  .db-tabs-nav ul {
    justify-content: space-between
  }
}
.db-tabs-nav a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 50px;
  min-width: 200px;
  padding: 0 35px;
  color: #fff;
  opacity: 1!important;
  transition: color .3s ease
}
@media only screen and (max-width:767px) {
  .db-tabs-nav a {
    min-width: auto;
    padding: 0 10px
  }
}
.db-tabs-nav a span {
  padding-top: 5px
}
@media only screen and (max-width:479px) {
  .db-tabs-nav a span {
    font-size: 15px
  }
}
.db-tabs-nav a:not(.active):hover {
  color: #ffce59
}
.db-tabs-nav a:before {
  display: none;
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #ffce59;
  -webkit-clip-path: polygon(0 70%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 70%,100% 0,100% 100%,0 100%)
}
.db-tabs-nav a:after {
  display: none;
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #ffce59
}
.db-tabs-nav a.active {
  background-color: rgba(255,206,89,.7);
  color: #0c1227
}
.db-tabs-nav a.active:after,
.db-tabs-nav a.active:before {
  display: block
}
.db-tabs-body {
  position: relative;
  padding: 60px 30px 30px 30px
}
.accordion {
  position: relative;
  display: flex;
  flex-direction: column
}
.accordion__item {
  position: relative;
  display: flex;
  flex-direction: column
}
.accordion__item + .accordion__item {
  margin-top: 40px
}
.accordion__title {
  position: relative
}
.accordion__title a {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #ffce59;
  text-transform: uppercase
}
.accordion__title a i {
  font-size: 20px;
  margin-right: 15px
}
.accordion__title a.active {
  color: #eee
}
.accordion__title a.active i:before {
  content: "\e90f"!important
}
.accordion__body {
  position: relative;
  width: 100%;
  padding: 30px 0 20px 35px
}
.accordion__body p + p {
  margin-top: 20px
}
@media only screen and (max-width:767px) {
  .accordion__body {
    padding-left: 0
  }
}
.masonry {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -25px
}
.masonry-item {
  width: 50%;
  padding: 0 25px
}
@media only screen and (max-width:991px) {
  .masonry-item {
    width: 100%
  }
}
.fancybox__backdrop {
  background-color: rgba(0,0,0,.8)
}
.modal {
  display: none;
  position: relative;
  width: 100%;
  max-width: 900px;
  padding: 70px 110px 100px 110px;
  margin: 0;
  cursor: default;
  border-radius: 15px
}
@media only screen and (max-width:991px) {
  .modal {
    padding: 40px
  }
}
@media only screen and (max-width:767px) {
  .modal {
    padding: 40px 20px
  }
}
.modal:after {
  content: '';
  position: absolute;
  width: 280px;
  height: 530px;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/papaya2.png);
  background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
  .modal:after {
    display: none
  }
}
.modal .carousel__button.is-close {
  position: absolute;
  top: -30px;
  right: -30px;
  width: auto;
  height: auto;
  color: #fff;
  transition: all .3s ease
}
@media only screen and (max-width:991px) {
  .modal .carousel__button.is-close {
    right: 10px
  }
}
.modal .carousel__button.is-close:hover {
  opacity: .8
}
.modal .carousel__button.is-close svg {
  display: block;
  width: 25px;
  height: 25px;
  stroke-width: 2;
  filter: none
}
.modal__title {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #ffce59;
  text-align: center
}
.modal__title i {
  margin-left: 15px
}
@media only screen and (max-width:767px) {
  .modal__title i {
    display: none
  }
}
.modal__subtitle {
  margin-top: 20px
}
.modal__body {
  position: relative;
  text-align: center;
  margin-top: 60px;
  max-width: 520px;
  z-index: 1
}
@media only screen and (max-width:767px) {
  .modal__body {
    margin-top: 40px
  }
}
.modal__body-text {
  position: relative;
  text-align: left
}
.modal__btn {
  margin-top: 80px;
  z-index: 1
}
@media only screen and (max-width:767px) {
  .modal__btn {
    margin-top: 40px
  }
}
.modal__btn .btn:focus {
  outline: 0!important
}
.grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
.grid__item {
  position: relative;
  width: 100%;
  padding: 0 15px
}
.grid__item.grid-item--50 {
  width: 50%
}
@media only screen and (max-width:767px) {
  .grid__item.grid-item--50 {
    width: 100%
  }
}
.grid__item.grid-item--33 {
  width: calc(100% / 3)
}
@media only screen and (max-width:991px) {
  .grid__item.grid-item--33 {
    width: 50%
  }
}
@media only screen and (max-width:767px) {
  .grid__item.grid-item--33 {
    width: 100%
  }
}
.grid__item.grid-item--25 {
  width: 25%
}
@media only screen and (max-width:991px) {
  .grid__item.grid-item--25 {
    width: 50%
  }
}
@media only screen and (max-width:767px) {
  .grid__item.grid-item--25 {
    width: 100%
  }
}
.grid__item--fluid {
  width: calc(100% - 320px)
}
@media only screen and (max-width:1199px) {
  .grid__item--fluid {
    width: 100%
  }
}
.grid__item--offset {
  max-width: 320px
}
@media only screen and (max-width:1199px) {
  .grid__item--offset {
    max-width: none;
    width: 100%
  }
}
@media only screen and (max-width:991px) {
  .grid .tablet-100 {
    width: 100%!important
  }
}
.ui-datepicker {
  font-family: Gilroy;
  background-color: #292e41;
  border-color: #292e41!important;
  z-index: 50!important;
  margin-top: 5px;
  width: 18em
}
.ui-datepicker .ui-widget-header {
  background-color: rgba(255,255,255,.2);
  border-color: #292e41!important;
  color: #fff
}
.ui-datepicker .ui-widget-header .ui-datepicker-next,
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  background-color: transparent!important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}
.ui-datepicker .ui-widget-header .ui-datepicker-next:before,
.ui-datepicker .ui-widget-header .ui-datepicker-prev:before {
  font-family: icons;
  font-size: 8px;
  color: #fff;
  font-weight: 400
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev-hover {
  border: 0;
  left: 0;
  top: 2px
}
.ui-datepicker .ui-widget-header .ui-datepicker-next-hover {
  border: 0;
  right: 0;
  top: 2px
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev:before {
  content: "\e902";
  transform: rotate(90deg)
}
.ui-datepicker .ui-widget-header .ui-datepicker-next:before {
  content: "\e902";
  transform: rotate(-90deg)
}
.ui-datepicker .ui-widget-header .ui-datepicker-next span,
.ui-datepicker .ui-widget-header .ui-datepicker-prev span {
  display: none
}
.ui-datepicker .ui-datepicker-calendar {
  background-color: #292e41;
  border-color: #292e41!important;
  color: #fff
}
.ui-datepicker .ui-button,
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker html .ui-button.ui-state-disabled:hover {
  line-height: 20px;
  background-color: #292e41;
  border-color: #292e41!important;
  color: #fff;
  text-align: center
}
.ui-datepicker .ui-button.ui-state-active:hover,
.ui-datepicker .ui-button:active,
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker a.ui-button:active {
  line-height: 20px;
  border: 1px solid #ffce59;
  background: #ffce59;
  font-weight: 400;
  color: #0c1227
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  line-height: 20px;
  border: 1px solid #6d7285;
  background: #6d7285;
  color: #fff
}
.pagination {
  position: relative
}
.pagination ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.pagination .title-h2 {
  font-size: 40px
}
.pagination .title-h3 {
  font-size: 30px
}
.pagination__next,
.pagination__prev {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid #ffce59;
  color: #fff;
  font-size: 22px;
  opacity: 1!important
}
@media only screen and (max-width:479px) {
  .pagination__next,
  .pagination__prev {
    width: 40px;
    height: 40px;
    font-size: 16px
  }
}
.pagination__next:hover,
.pagination__prev:hover {
  background-color: #ffce59;
  color: #0c1227
}
.pagination__scale {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-top: 5px;
  text-align: center;
  overflow: hidden
}
.pagination__scale:after,
.pagination__scale:before {
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
  position: absolute;
  width: calc(50% - 60px);
  white-space: nowrap;
  overflow: hidden;
  font-size: 24px;
  color: #6d7285;
  margin-top: -15px;
  z-index: 0
}
@media only screen and (max-width:479px) {
  .pagination__scale:after,
  .pagination__scale:before {
    display: none
  }
}
.pagination__scale:before {
  left: 20px
}
.pagination__scale:after {
  right: 20px
}
.navigation {
  position: relative
}
.navigation__list {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center
}
.navigation__item-next,
.navigation__item-prev {
  position: relative
}
.navigation__item-next a,
.navigation__item-prev a {
  display: flex;
  color: rgba(255,255,255,.6);
  font-size: 6px
}
.navigation__item-curr {
  position: relative;
  padding: 15px 0 10px 0
}
.navigation__item-curr .title-h1 {
  line-height: 1;
  font-size: 48px;
  color: #0c1227
}
.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000
}
.scroll-to-top a {
  display: flex;
  min-width: 44px;
  max-height: 44px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  border-radius: 8px
}
@media only screen and (max-width:1399px) {
  .scroll-to-top {
    right: 15px;
    bottom: 15px
  }
}
.scroll-to-top i {
  font-size: 26px;
  margin: 0;
  transform: rotate(-90deg)
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible
}
.scroll-to-top:hover {
  opacity: .8
}
.progressbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between
}
.progressbar__scale {
  position: relative;
  display: flex;
  width: calc(100% - 50px);
  height: 12px;
  background-color: #0c1227;
  border-radius: 0!important;
  border: 0!important
}
.progressbar__scale .ui-progressbar-value {
  position: absolute;
  top: 0;
  left: 0;
  border: 0!important;
  border-radius: 0!important;
  max-width: 100%;
  height: 100%;
  background: #ffce59;
  margin: 0;
  z-index: 5
}
.progressbar__amount {
  font-family: "Bebas Neue";
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: auto;
  color: #ffce59
}
.progressbar-static {
  position: relative;
  display: flex;
  flex-direction: column
}
.progressbar-static__data {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.progressbar-static__accrual {
  font-weight: 700;
  font-size: 18px;
  color: #fff
}
.progressbar-static__amount {
  font-family: "Bebas Neue";
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffce59
}
.progressbar-static__scale {
  position: relative;
  display: flex;
  width: 100%;
  height: 12px;
  background-color: #0c1227
}
.progressbar-static__line {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 100%;
  background: #ffce59;
  margin: 0;
  z-index: 5
}
.timer {
  position: relative;
  display: flex
}
.timer li {
  text-align: center;
  margin-right: 10px
}
.timer span {
  display: inline-flex;
  width: 45px
}
.socials {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px
}
.socials li {
  padding: 0 5px
}
.socials__item {
  position: relative;
  display: flex;
  align-items: center
}
.socials__item span {
  padding-left: 10px;
  padding-top: 5px;
  text-decoration: underline;
  transition: all .3s ease
}
.socials__item i {
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  border: 1px solid #ffce59;
  transition: all .3s ease
}
.socials__item .icon-tg {
  font-size: 16px
}
.socials__item .icon-mail {
  font-size: 13px
}
.socials__item:hover {
  opacity: 1
}
.socials__item:hover i {
  background-color: #ffce59;
  color: #292e41
}
.socials__item:hover span {
  opacity: .8
}
.courses {
  position: relative;
  z-index: 5
}
.courses ul {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 -15px
}
@media only screen and (max-width:479px) {
  .courses ul {
    flex-wrap: wrap
  }
}
.courses li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 15px;
  line-height: 1
}
@media only screen and (max-width:479px) {
  .courses li {
    width: 50%
  }
}
.courses li img {
  margin-top: -7px;
  margin-right: 4px
}
.courses li i {
  width: 10px;
  height: 8px;
  font-size: 8px;
  margin-left: 5px
}
.courses li i.icon-courses-down {
  color: #ff7c7c
}
.courses li i.icon-courses-up {
  color: #56d959
}
.courses li b {
  font-size: 16px
}
.counter {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 60px 60px 60px 30px;
  min-height: 200px
}
@media only screen and (max-width:1399px) {
  .counter {
    padding: 60px 30px 60px 0
  }
}
@media only screen and (max-width:1199px) {
  .counter {
    justify-content: center;
    padding: 20px 100px 20px 160px
  }
}
@media only screen and (max-width:991px) {
  .counter {
    padding: 20px 0
  }
}
.counter li {
  display: flex;
  width: 25%
}
@media only screen and (max-width:1199px) {
  .counter li {
    width: 50%;
    margin: 25px 0
  }
}
@media only screen and (max-width:767px) {
  .counter li {
    width: 100%
  }
}
.counter__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 100px
}
.counter__wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  width: 115px;
  height: 115px;
  background-image: url(../images/icons/counter.png);
  background-repeat: no-repeat
}
.counter__numb {
  position: relative;
  font-size: 48px;
  color: #ffce59
}
.counter__text {
  margin-top: 15px
}
body .tooltip {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 92px;
  height: 52px;
  padding-top: 10px;
  border: 0!important;
  outline: 0!important;
  margin-top: -10px!important;
  font-family: Gilroy;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  background-color: transparent;
  background-image: url(../images/db/tooltip.png);
  background-repeat: no-repeat;
  background-position: center top
}
.language {
  position: relative;
  margin-left: 15px
}
.language__current {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  width: 76px;
  line-height: 30px
}
.language__current img {
  max-height: 30px;
  margin-right: 10px
}
.language__current span {
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 10px
}
.language__current i {
  color: #0c1227;
  font-size: 5px;
  transition: all .3s ease
}
.language__current.open i {
  transform: rotate(-180deg)
}
.language__list {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 90px;
  top: calc(100% + 10px);
  left: -7px;
  padding: 3px 0;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden
}
.language__list li {
  width: 100%;
  margin: 5px 0
}
.language__list a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  line-height: 36px;
  padding: 0 8px;
  color: #cfcfcf;
  font-size: 14px;
  text-transform: uppercase
}
.language__list a.active,
.language__list a:hover {
  background-color: #0c1227;
  opacity: 1
}
.language__list img {
  max-height: 30px;
  margin-right: 10px
}
.teaser {
  position: relative;
  flex: 1;
  border-radius: 15px;
  cursor: pointer;
  overflow: hidden
}
@media only screen and (max-width:767px) {
  .teaser {
    border-radius: 0
  }
}
.teaser__image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: scale(1);
  transition: transform 12s cubic-bezier(.23,1,.32,1);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
.teaser__image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  opacity: 0;
  transition: opacity 12s cubic-bezier(.23,1,.32,1);
  z-index: 1
}
.teaser__text {
  position: absolute;
  display: flex;
  flex-direction: column;
  text-align: right;
  right: 30px;
  bottom: 30px;
  z-index: 2;
  line-height: 1.2
}
.teaser__text .title-h1 {
  font-size: 48px
}
@media only screen and (max-width:1199px) {
  .teaser__text .title-h1 {
    font-size: 36px
  }
}
@media only screen and (max-width:767px) {
  .teaser__text .title-h1 {
    font-size: 26px
  }
}
.teaser__text .title-h4 {
  font-size: 26px
}
@media only screen and (max-width:767px) {
  .teaser__text .title-h4 {
    font-size: 20px
  }
}
.teaser__text .title-h6 {
  font-size: 15px
}
.teaser:hover .teaser__image {
  transform: scale(1.1)
}
.teaser:hover .teaser__image:after {
  opacity: 1
}
.styled-list {
  position: relative;
  display: flex;
  flex-direction: column
}
.styled-list li {
  position: relative;
  padding-left: 25px
}
.styled-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffce59
}
.styled-list.list--main li:before {
  background-color: #0c1227
}
.styled-list li + li {
  margin-top: 1em
}
.gallery {
  position: relative
}
.gallery__list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px
}
@media only screen and (max-width:767px) {
  .gallery__list {
    margin-left: 0;
    margin-right: 0
  }
}
.gallery__col {
  padding: 5px
}
@media only screen and (max-width:767px) {
  .gallery__col {
    padding-left: 10px;
    padding-right: 10px
  }
}
.gallery__col.col--30 {
  width: 30%
}
.gallery__col.col--50 {
  width: 50%
}
.gallery__col.col--70 {
  width: 70%
}
.gallery__col.col--100 {
  width: 100%
}
.gallery__item {
  position: relative;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  height: 235px
}
table.db-table {
  position: relative;
  width: 100%;
  table-layout: fixed;
  border-spacing: 2px;
  padding: 0 5px
}
table.db-table td,
table.db-table th {
  position: relative;
  height: 43px;
  vertical-align: middle;
  text-align: left;
  padding: 5px 25px 0 25px;
  line-height: 1;
  background-color: rgba(255,255,255,.1);
  word-wrap: break-word;
  word-break: break-all
}
@media only screen and (max-width:767px) {
  table.db-table td,
  table.db-table th {
    padding: 5px 10px 0 10px
  }
}
table.db-table td.td--eps,
table.db-table td.th--eps,
table.db-table th.td--eps,
table.db-table th.th--eps {
  width: 50px;
  text-align: center;
  padding: 0;
  cursor: pointer
}
table.db-table td.td--eps > i,
table.db-table td.th--eps > i,
table.db-table th.td--eps > i,
table.db-table th.th--eps > i {
  font-size: 24px
}
table.db-table td.td--id,
table.db-table td.td--line,
table.db-table td.th--id,
table.db-table td.th--line,
table.db-table th.td--id,
table.db-table th.td--line,
table.db-table th.th--id,
table.db-table th.th--line {
  width: 80px;
  text-align: center
}
table.db-table td.td--info,
table.db-table td.th--info,
table.db-table th.td--info,
table.db-table th.th--info {
  width: 300px
}
table.db-table td.td--info,
table.db-table th.td--info {
  color: #b0b1b5
}
table.db-table td.td--shares,
table.db-table td.th--shares,
table.db-table th.td--shares,
table.db-table th.th--shares {
  width: 170px
}
table.db-table td.td--date,
table.db-table th.td--date {
  color: #b0b1b5
}
table.db-table td.td--email .body-tiny,
table.db-table th.td--email .body-tiny {
  font-size: 14px
}
table.db-table th {
  color: #ffce59;
  background-color: rgba(255,194,48,.4)
}
table.db-table [data-infobox-trigger] {
  cursor: pointer
}
table.db-table [data-infobox-trigger]:hover ~ [data-infobox] {
  display: block
}
.logo {
  background-color: transparent;
  background-image: url(../images/logo/bg.png);
  background-repeat: no-repeat;
  background-position: center top
}
.logo-link {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
  height: 200px;
  z-index: 5
}
.logo-link .cube {
  width: 60px;
  height: 60px;
  font-size: 60px;
  margin-top: 20px;
  transform-style: preserve-3d
}
.logo-link .cube * {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5
}
.logo-link .facet {
  width: 1em;
  height: 1em;
  margin: -.5em -.5em;
  background: rgba(228,228,228,.4)
}
.logo-link .facet:nth-child(1) {
  transform: rotateY(0) translateZ(.5em)
}
.logo-link .facet:nth-child(2) {
  transform: rotateY(90deg) translateZ(.5em)
}
.logo-link .facet:nth-child(3) {
  transform: rotateY(180deg) translateZ(.5em)
}
.logo-link .facet:nth-child(4) {
  transform: rotateY(270deg) translateZ(.5em)
}
.logo-link .facet:nth-child(5) {
  transform: rotateX(810deg) translateZ(.5em)
}
.logo-link .facet:nth-child(6) {
  transform: rotateX(990deg) translateZ(.5em)
}
.logo-link .facet canvas {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.logo-link .text {
  margin-top: 30px;
  color: #292e41;
  letter-spacing: 5px;
  font-family: "Bebas Neue";
  font-size: 33px;
  font-weight: 700;
  text-transform: uppercase
}
.page-title {
  position: relative;
  display: flex;
  color: #292e41;
  padding-bottom: 30px
}
.page-title i {
  margin-top: -25px;
  margin-right: 15px;
  font-size: 90px;
  color: #ffce59
}
.page-text {
  position: relative
}
.page-text p + p {
  margin-top: 1em
}
.page-button {
  position: relative
}
.page-button.fluid-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0
}
.page-button.centered {
  text-align: center
}
.clock {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 130px;
  line-height: 1
}
.clock__icon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: -2px
}
.clock__nums {
  font-size: 18px
}
.clock__nums span {
  display: inline-flex;
  padding: 0 5px
}
.infobox {
  position: relative
}
.infobox__trigger {
  position: relative;
  display: flex;
  cursor: pointer;
  transition: all .3s ease
}
.infobox__trigger:hover {
  opacity: .95
}
.infobox__wrapper {
  display: none;
  position: absolute;
  top: 15px;
  left: calc(100% + 10px);
  width: 321px;
  height: 162px;
  padding: 15px 15px 50px 30px;
  font-size: 14px;
  background-color: transparent;
  background-image: url(../images/db/infobox.png);
  background-repeat: no-repeat;
  background-position: center top
}
.infobox__wrapper.active {
  display: block
}
.infobox__wrapper ul {
  display: flex;
  flex-direction: column
}
.infobox__wrapper li {
  display: flex
}
.infobox__wrapper li + li {
  margin-top: 5px
}
.infobox__wrapper .tx-font {
  padding-right: 5px
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Gilroy;
  font-weight: 400;
  overflow-x: hidden
}
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 8px;
  height: 8px
}
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.1);
  border-radius: 8px
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: 0 0
}
body.template {
  font-size: 16px;
  color: #6d7285;
  background-color: #fff
}
body.template .main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden
}
body.template .wrapper {
  position: relative;
  flex: 1 0 auto;
  width: 100%;
  height: 100%
}
body.template .container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 1
}
body.template .site-section {
  position: relative
}
body.template .site-section.section--overlap {
  margin-top: -130px;
  padding: 200px 0
}
@media only screen and (max-width:1199px) {
  body.template .site-section.section--overlap {
    padding: 200px 0 100px 0
  }
}
body.template .site-section__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
body.template .site-section__block {
  position: relative;
  width: 50%;
  padding: 0 15px
}
@media only screen and (max-width:1199px) {
  body.template .site-section__block {
    width: 100%
  }
  body.template .site-section__block + .site-section__block {
    margin-top: 30px
  }
}
body.template .site-section__block.block--100 {
  width: 100%
}
body.template .site-section__block.block--70 {
  width: 70%
}
@media only screen and (max-width:1199px) {
  body.template .site-section__block.block--70 {
    width: 100%
  }
}
body.template .site-section__block.block--30 {
  width: 30%
}
@media only screen and (max-width:1199px) {
  body.template .site-section__block.block--30 {
    width: 100%;
    margin-top: 10px
  }
}
body.template .site-section__scroll {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50
}
@media only screen and (max-width:1199px) {
  body.template .site-section__scroll {
    display: none
  }
}
body.template .site-section__scroll a {
  display: flex;
  color: #ffce59;
  font-size: 80px
}
body.template .header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99
}
body.template .header__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0
}
body.template .header__logo {
  position: absolute;
  width: 230px;
  height: 236px;
  left: 50%;
  margin-left: -115px;
  top: 0;
  z-index: 10
}
@media only screen and (max-width:1199px) {
  body.template .header__logo {
    padding-top: 5px;
    width: 120px;
    margin-left: -60px;
    height: 150px;
    background-color: transparent;
    background-image: url(../images/logo/bg-mobile.png);
    background-repeat: no-repeat;
    background-position: center top
  }
}
@media only screen and (max-width:1199px) {
  body.template .header__logo .logo-link {
    height: 100px;
  }
  body.template .header__logo .logo-link img {
    max-height: 80%;
  }
}
@media only screen and (max-width:1199px) {
  body.template .header__logo .text {
    display: none
  }
}
body.template .header__menu {
  position: relative;
  margin-right: auto
}
@media only screen and (max-width:1199px) {
  body.template .header__menu {
    z-index: 10
  }
}
body.template .header__menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
@media only screen and (max-width:1199px) {
  body.template .header__menu ul {
    position: absolute;
    width: 400px;
    height: 580px;
    top: -50px;
    left: 0;
    padding: 140px 60px 40px 40px;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    background-color: transparent;
    background-image: url(../images/bg/menu.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
  }
  body.template .header__menu ul.open {
    opacity: 1;
    visibility: visible
  }
}
body.template .header__menu li {
  padding: 0 15px
}
@media only screen and (max-width:1199px) {
  body.template .header__menu li {
    margin: 8px 0
  }
}
body.template .header__menu li.show-on-mobile {
  display: none
}
@media only screen and (max-width:1199px) {
  body.template .header__menu li.show-on-mobile {
    display: block
  }
}
body.template .header__menu a {
  position: relative;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  line-height: 1
}
@media only screen and (max-width:1199px) {
  body.template .header__menu a {
    font-weight: 700
  }
}
body.template .header__menu a:before {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 30px;
  height: 5px;
  background-color: #ffce59
}
body.template .header__menu a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 0;
  height: 3px;
  visibility: hidden;
  background-color: #ffce59;
  transition: all .3s ease
}
@media only screen and (max-width:1199px) {
  body.template .header__menu a:after {
    display: none
  }
}
body.template .header__menu a:hover {
  color: #ffce59;
  opacity: 1
}
body.template .header__menu a:hover:after {
  width: 100%;
  visibility: visible
}
@media only screen and (max-width:1199px) {
  body.template .header__menu a.active {
    padding-left: 30px
  }
}
body.template .header__menu a.active:after {
  width: 100%;
  visibility: visible
}
@media only screen and (max-width:1199px) {
  body.template .header__menu a.active:before {
    content: ''
  }
}
body.template .header__menu a.active span {
  display: inline-flex;
  transform: translateY(120%);
  color: #ffce59
}
@media only screen and (max-width:1199px) {
  body.template .header__menu a.active span {
    transform: none
  }
}
body.template .header__menu-toggle {
  display: none;
  position: relative;
  margin-right: auto;
  cursor: pointer;
  width: 32px;
  height: 16px;
  z-index: 10
}
@media only screen and (max-width:1199px) {
  body.template .header__menu-toggle {
    display: flex;
    align-items: center
  }
}
body.template .header__menu-toggle .line {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  background-color: #ffce59;
  transition: all .3s ease
}
body.template .header__menu-toggle .line--1 {
  margin-top: -8px
}
body.template .header__menu-toggle .line--3 {
  margin-top: 8px
}
body.template .header__menu-toggle.open {
  z-index: 101
}
body.template .header__menu-toggle.open .line--1 {
  margin-top: 0;
  transform: rotate(45deg)
}
body.template .header__menu-toggle.open .line--2 {
  opacity: 0
}
body.template .header__menu-toggle.open .line--3 {
  margin-top: 0;
  transform: rotate(-45deg)
}
@media only screen and (max-width:1199px) {
  body.template .header__socials {
    display: none
  }
}
body.template .header__clock {
  margin-left: 30px;
  color: #fff
}
@media only screen and (max-width:991px) {
  body.template .header__clock {
    display: none
  }
}
body.template .header__login {
  margin-left: 20px
}
@media only screen and (max-width:479px) {
  body.template .header__login {
    display: none
  }
}
body.template .header__login .btn {
  min-width: 140px
}
body.template .footer {
  position: relative;
  width: 100%;
  min-height: 620px;
  padding-top: 80px;
  margin-top: -100px;
  z-index: 10;
  overflow: hidden
}
body.template .footer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url(../images/bg/footer.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 1
}
body.template .footer:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 300px);
  background-color: #0c1227;
  z-index: 0
}
body.template .footer__aside {
  position: absolute;
  width: 180px;
  left: 30px;
  top: 0;
  z-index: 5
}
@media only screen and (max-width:1899px) {
  body.template .footer__aside {
    display: none
  }
}
body.template .footer__aside:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 530px;
  background-color: rgba(255,194,48,.1);
  -webkit-clip-path: polygon(0 0,100% 4%,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 4%,100% 100%,0 100%)
}
body.template .footer__aside img {
  margin-top: 560px
}
body.template .footer__infobox {
  position: relative;
  z-index: 5
}
body.template .footer__infobox-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 235px;
  padding-top: 70px
}
@media only screen and (max-width:1199px) {
  body.template .footer__infobox-wrap {
    padding-top: 30px
  }
}
@media only screen and (max-width:767px) {
  body.template .footer__infobox-wrap {
    padding-top: 240px
  }
}
body.template .footer__logo {
  position: absolute;
  width: 230px;
  height: 236px;
  left: 50%;
  margin-left: -115px;
  top: 7px;
  z-index: 10
}
body.template .footer__menu {
  position: relative;
  display: inline-flex;
  max-width: 450px;
  margin-right: auto
}
@media only screen and (max-width:767px) {
  body.template .footer__menu {
    max-width: 50%
  }
}
@media only screen and (max-width:479px) {
  body.template .footer__menu {
    width: 100%;
    max-width: none;
    margin-top: 15px
  }
}
body.template .footer__menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -40px
}
@media only screen and (max-width:1199px) {
  body.template .footer__menu ul {
    justify-content: center;
    margin: 0;
    padding-left: 60px
  }
}
@media only screen and (max-width:991px) {
  body.template .footer__menu ul {
    padding-left: 0
  }
}
body.template .footer__menu li {
  width: 50%;
  padding: 10px 40px
}
@media only screen and (max-width:1199px) {
  body.template .footer__menu li {
    width: 100%;
    padding: 5px 0
  }
}
@media only screen and (max-width:479px) {
  body.template .footer__menu li {
    text-align: center
  }
}
body.template .footer__menu a {
  position: relative;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  line-height: 1
}
body.template .footer__menu a:before {
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 30px;
  height: 5px;
  background-color: #ffce59
}
body.template .footer__menu a:hover {
  color: #ffce59;
  opacity: 1
}
body.template .footer__menu a.active {
  padding-left: 35px;
  color: #ffce59
}
body.template .footer__menu a.active:before {
  content: ''
}
body.template .footer__end {
  position: relative;
  display: flex
}
@media only screen and (max-width:1199px) {
  body.template .footer__end {
    flex-direction: column;
    padding-right: 40px
  }
}
@media only screen and (max-width:991px) {
  body.template .footer__end {
    padding-right: 0;
    padding-top: 30px
  }
}
@media only screen and (max-width:479px) {
  body.template .footer__end {
    width: 100%;
    text-align: center;
    align-items: center
  }
}
body.template .footer__socials {
  position: relative;
  margin-left: 40px
}
@media only screen and (max-width:1199px) {
  body.template .footer__socials {
    margin-left: 0
  }
}
body.template .footer__socials ul {
  display: flex;
  flex-direction: column
}
body.template .footer__socials li {
  padding: 0
}
body.template .footer__socials li + li {
  margin-top: 10px
}
body.template .footer__login {
  margin-left: 70px
}
@media only screen and (max-width:1199px) {
  body.template .footer__login {
    margin: 30px 0 0 -5px
  }
}
body.template .footer__login .btn {
  min-width: 140px
}
body.template .footer__payments {
  position: relative;
  margin-top: -20px;
  z-index: 5;
  background-color: transparent;
  background-image: url(../images/pays/bg.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:991px) {
  body.template .footer__payments {
    background-image: none;
    background-color: rgba(255,255,255,.05)
  }
}
body.template .footer__payments-list {
  position: relative
}
body.template .footer__payments-list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 180px
}
@media only screen and (max-width:991px) {
  body.template .footer__payments-list ul {
    flex-wrap: wrap;
    min-height: auto;
    margin-top: 50px
  }
}
@media only screen and (max-width:767px) {
  body.template .footer__payments-list ul {
    justify-content: center
  }
}
@media only screen and (max-width:991px) {
  body.template .footer__payments-list li {
    margin: 10px 0!important;
    width: 25%;
    text-align: center
  }
}
@media only screen and (max-width:767px) {
  body.template .footer__payments-list li {
    width: calc(100% / 3)
  }
}
@media only screen and (max-width:479px) {
  body.template .footer__payments-list li {
    width: 50%
  }
}
body.template .footer__payments-list li.item--1,
body.template .footer__payments-list li.item--8 {
  margin-top: -15px
}
body.template .footer__payments-list li.item--2 {
  margin-top: 20px
}
body.template .footer__payments-list li.item--7 {
  margin-top: -10px
}
body.template .footer__payments-list li.item--3 {
  margin-top: 45px
}
body.template .footer__payments-list li.item--6 {
  margin-top: 25px
}
body.template .footer__payments-list li.item--4 {
  margin-top: 85px
}
body.template .footer__payments-list li.item--5 {
  margin-top: 75px
}
body.template .footer__companies {
  position: relative;
  margin-top: 50px;
  z-index: 5
}
@media only screen and (max-width:991px) {
  body.template .footer__companies {
    margin-top: 30px
  }
}
body.template .footer__companies-list {
  position: relative
}
body.template .footer__companies-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: -10px -20px
}
body.template .footer__companies-list li {
  width: calc(100% / 8);
  padding: 10px 20px
}
@media only screen and (max-width:991px) {
  body.template .footer__companies-list li {
    width: 25%;
    text-align: center
  }
}
@media only screen and (max-width:479px) {
  body.template .footer__companies-list li {
    width: 50%
  }
}
body.template .footer__companies-list a {
  display: flex
}
@media only screen and (max-width:991px) {
  body.template .footer__companies-list a {
    justify-content: center;
    text-align: center
  }
}
body.template .footer__colophon {
  position: relative;
  margin-top: 70px
}
@media only screen and (max-width:991px) {
  body.template .footer__colophon {
    margin-top: 30px
  }
}
body.template .footer__colophon-list {
  position: relative
}
body.template .footer__colophon-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: -10px -20px
}
body.template .footer__colophon-list li {
  width: 50%;
  padding: 10px 20px;
  color: #fff
}
@media only screen and (max-width:767px) {
  body.template .footer__colophon-list li {
    width: 100%
  }
}
body.template .footer__copyright {
  position: relative;
  text-align: center;
  padding: 70px 15px 30px 15px;
  color: #cfcfcf;
  z-index: 5
}
@media only screen and (max-width:991px) {
  body.template .footer__copyright {
    padding: 30px 15px
  }
}
body.template .hero {
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom center;
  min-height: 590px;
  padding-top: 300px;
  z-index: 15
}
@media only screen and (max-width:1199px) {
  body.template .hero {
    padding: 200px 0 130px 0;
    min-height: auto
  }
}
body.template .hero.hero--splash {
  display: flex;
  align-items: center;
  padding: 170px 0 100px 0;
  min-height: 1023px;
  margin-bottom: -130px;
  background-image: url(../images/hero/home2.png)
}
@media only screen and (max-width:1199px) {
  body.template .hero.hero--splash {
    min-height: auto;
    background-position: center bottom
  }
}
body.template .hero__title {
  position: relative;
  text-align: center
}
body.template .hero__aside,
body.template .hero__aside-inner {
  position: absolute;
  width: 180px;
  left: 30px;
  top: 0
}
@media only screen and (max-width:1899px) {
  body.template .hero__aside,
  body.template .hero__aside-inner {
    display: none
  }
}
body.template .hero__aside-inner:before,
body.template .hero__aside:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 560px;
  background-color: rgba(255,194,48,.4)
}
body.template .hero__aside img,
body.template .hero__aside-inner img {
  margin-top: 600px
}
body.template .hero__aside-inner.aside--inner:before,
body.template .hero__aside.aside--inner:before {
  height: 390px
}
body.template .hero__aside-inner.aside--inner img,
body.template .hero__aside.aside--inner img {
  margin-top: 430px
}
body.template .hero__brain {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden
}
@media only screen and (max-width:767px) {
  body.template .hero__brain {
    display: none
  }
}
body.template .hero__brain-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2
}
body.template .hero__brain-image img {
  width: auto;
  max-width: none;
  height: auto
}
@media only screen and (max-width:1199px) {
  body.template .hero__brain-image img {
    max-width: 450px
  }
}
body.template .hero__brain-graph {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 140px);
  z-index: 1;
  transform: rotate(-6deg)
}
@media only screen and (max-width:1199px) {
  body.template .hero__brain-graph {
    display: none
  }
}
body.template .hero__brain-graph canvas {
  opacity: .8;
  min-height: 100vh
}
body.template .hero__banner {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 900px;
  padding: 60px 90px;
  margin-left: -90px;
  background: #0c1227;
  background: linear-gradient(90deg,#0c1227 50%,rgba(0,0,0,0) 100%)
}
@media only screen and (max-width:1199px) {
  body.template .hero__banner {
    width: 100%;
    max-width: none;
    flex-direction: column;
    padding: 40px 30px;
    margin: 0;
    background: 0 0;
    background-color: rgba(12,18,39,.8)
  }
}
body.template .hero__banner .title-xlarge {
  width: 100%;
  line-height: 1.2
}
@media only screen and (max-width:1199px) {
  body.template .hero__banner .title-xlarge {
    max-width: 350px;
    line-height: 1.5
  }
}
@media only screen and (max-width:767px) {
  body.template .hero__banner .title-xlarge {
    text-align: center;
    max-width: none
  }
}
body.template .hero__banner .btn {
  margin-top: 20px;
  min-width: 215px
}
@media only screen and (max-width:1199px) {
  body.template .hero__banner .btn {
    min-width: auto;
    max-width: 180px
  }
}
@media only screen and (max-width:767px) {
  body.template .hero__banner .btn {
    text-align: center;
    max-width: none;
    margin: 20px auto 0 auto
  }
}
body.template .hero__curses {
  position: relative;
  margin-top: 5px;
  color: #fff
}
body.template .about {
  position: relative
}
body.template .about.about--inner,
body.template .about.about--splash {
  background-color: #eee;
  background-image: url(../images/bg/about.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: left top
}
body.template .about.about--inner .site-section__block {
  margin-top: 70px
}
@media only screen and (max-width:991px) {
  body.template .about.about--inner .site-section__block {
    margin-top: 0
  }
}
@media only screen and (max-width:991px) {
  body.template .about.about--inner .site-section__block + .site-section__block {
    margin-top: 50px
  }
}
body.template .about-desc {
  position: relative;
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:1199px) {
  body.template .about-desc .page-button {
    margin-top: 30px!important
  }
}
body.template .about-desc .btn {
  min-width: 140px
}
body.template .about-data {
  position: relative;
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:1199px) {
  body.template .about-data__image {
    margin-left: 30px
  }
}
@media only screen and (max-width:767px) {
  body.template .about-data__image {
    margin: 0
  }
  body.template .about-data__image img {
    width: 100%;
    height: auto
  }
}
body.template .about-data__list {
  position: relative;
  max-width: 600px;
  margin-left: -35px;
  padding: 35px 0;
  overflow: hidden
}
@media only screen and (max-width:1199px) {
  body.template .about-data__list {
    margin-left: 0
  }
}
@media only screen and (max-width:767px) {
  body.template .about-data__list {
    padding: 30px 15px
  }
}
body.template .about-data__list:before {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  width: 450px;
  height: 100%;
  background-color: #ffce59;
  z-index: 0
}
@media only screen and (max-width:767px) {
  body.template .about-data__list:before {
    right: 0;
    width: 100%
  }
}
body.template .about-data__list:after {
  content: '';
  position: absolute;
  width: 195px;
  height: 161px;
  right: -40px;
  bottom: -15px;
  z-index: 0;
  background-color: transparent;
  background-image: url(../images/about/logo.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:767px) {
  body.template .about-data__list:after {
    display: none
  }
}
body.template .about-data__list ul {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 430px;
  z-index: 1
}
body.template .about-data__list li {
  display: flex;
  align-items: center
}
@media only screen and (max-width:479px) {
  body.template .about-data__list li {
    flex-direction: column;
    align-items: flex-start;
    margin: 5px 0
  }
}
body.template .about-data__list span {
  display: inline-flex;
  justify-content: flex-end;
  min-width: 140px;
  text-align: right;
  margin-right: 40px
}
@media only screen and (max-width:479px) {
  body.template .about-data__list span {
    margin: 0;
    justify-content: flex-start;
    min-width: 100%
  }
}
body.template .about-data__list b {
  font-weight: 400
}
body.template .about-docs {
  position: relative;
  min-height: 620px
}
@media only screen and (max-width:1199px) {
  body.template .about-docs {
    min-height: auto;
    margin-bottom: 40px
  }
}
@media only screen and (max-width:479px) {
  body.template .about-docs {
    min-height: auto
  }
}
body.template .about-docs:before {
  content: '';
  position: absolute;
  left: calc((1170px - 1920px)/ 2);
  top: -30px;
  width: 970px;
  height: 620px;
  background-color: transparent;
  background-image: url(../images/bg/documents.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 0
}
@media only screen and (max-width:1199px) {
  body.template .about-docs:before {
    left: -30%
  }
}
@media only screen and (max-width:479px) {
  body.template .about-docs:before {
    height: 470px
  }
}
body.template .about-docs a {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-right: 100px
}
@media only screen and (max-width:767px) {
  body.template .about-docs a {
    margin: 0;
    justify-content: center
  }
}
body.template .roadmap {
  position: relative
}
body.template .roadmap.roadmap--splash {
  min-height: 1012px;
  background-color: transparent;
  background-image: url(../images/bg/roadmap.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: center bottom;
  background-size: cover;
  z-index: 5
}
body.template .roadmap__aside {
  position: absolute;
  width: 180px;
  right: 30px;
  bottom: 130px
}
@media only screen and (max-width:1899px) {
  body.template .roadmap__aside {
    display: none
  }
}
body.template .roadmap-item {
  position: relative
}
body.template .roadmap-item + .roadmap-item {
  margin-top: 30px
}
body.template .roadmap-item__line {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__line {
    position: relative
  }
}
body.template .roadmap-item__line:after,
body.template .roadmap-item__line:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 271px;
  height: 1px;
  background-color: #b0b1b5
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__line:after,
  body.template .roadmap-item__line:before {
    width: 80%;
    bottom: 16px
  }
}
body.template .roadmap-item__line:after {
  left: auto;
  right: 0;
  bottom: -9px;
  width: calc(100% - 270px);
  transform: rotate(5deg)
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__line:after {
    display: none
  }
}
body.template .roadmap-item__line .title-giant {
  position: relative;
  font-size: 118px;
  color: #fff;
  text-shadow: -1px 0 #b0b1b5,-1px 0 #b0b1b5,0 1px 0 #b0b1b5,0 1px 0 #b0b1b5,-1px 0 0 #b0b1b5,1px 0 0 #b0b1b5,-1px 0 0 #b0b1b5,1px 0 0 #b0b1b5,-2px 0 #b0b1b5,0 0 #b0b1b5,-1px 1px 0 #b0b1b5,1px 1px 0 #b0b1b5,-2px 0 #b0b1b5,0 0 #b0b1b5,-1px 1px 0 #b0b1b5,1px 1px 0 #b0b1b5
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__line .title-giant {
    font-size: 72px
  }
}
body.template .roadmap-item__list {
  position: relative;
  padding-left: 270px
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__list {
    padding: 0
  }
}
body.template .roadmap-item__list ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -15px
}
body.template .roadmap-item__list li {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: calc(100% / 3);
  padding: 15px
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__list li {
    width: 100%;
    text-align: left;
    align-items: flex-start;
    margin-top: 0!important
  }
}
body.template .roadmap-item__list li.item--2 {
  margin-top: 30px
}
body.template .roadmap-item__list li.item--3 {
  margin-top: 60px
}
body.template .roadmap-item__list span {
  position: relative;
  display: inline-flex;
  padding: 15px 30px;
  font-weight: 700;
  text-align: center
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__list span {
    text-align: left;
    padding: 0 0 10px 0
  }
}
body.template .roadmap-item__list span:after {
  content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap
}
@media only screen and (max-width:1199px) {
  body.template .roadmap-item__list span:after {
    min-width: 110px;
    left: 0;
    transform: none
  }
}
body.template .roadmap-item__list b {
  margin: 5px 0 10px 0
}
body.template .plans-slider {
  position: relative;
  width: 100%;
  min-height: 1540px;
  display: flex;
  flex-direction: column;
  z-index: 0;
  --card-width: 255px;
  --card-height: 405px;
  --card-transition-duration: 800ms;
  --card-transition-easing: ease
}
body.template .plans-slider:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 125px;
  bottom: 130px;
  left: 0;
  z-index: 6;
  background-color: transparent;
  background-image: url(../images/plans/bg-after.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:1199px) {
  body.template .plans-slider:before {
    z-index: 15
  }
}
body.template .plans-slider__aside {
  position: absolute;
  width: 180px;
  right: 30px;
  top: 0;
  z-index: 15
}
@media only screen and (max-width:1899px) {
  body.template .plans-slider__aside {
    display: none
  }
}
body.template .plans-slider__aside:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 530px;
  background-color: rgba(255,194,48,.1);
  -webkit-clip-path: polygon(0 0,100% 4%,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 4%,100% 100%,0 100%)
}
body.template .plans-slider__form {
  display: flex;
  flex-direction: column;
  flex: 1
}
body.template .plans-slider__title {
  position: relative;
  z-index: 6
}
body.template .plans-slider__desc {
  position: relative;
  margin-top: auto;
  z-index: 6
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__desc {
    margin-top: 500px
  }
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__desc {
    margin-top: 450px
  }
}
body.template .plans-slider__desc ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
body.template .plans-slider__desc li {
  width: 50%;
  padding: 0 15px
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__desc li {
    width: 100%;
    margin-top: 30px
  }
}
body.template .plans-slider__calc {
  position: relative;
  margin-top: 35px;
  z-index: 7
}
@media only screen and (max-width:1199px) {
  body.template .plans-slider__calc {
    padding-bottom: 90px
  }
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc {
    padding-bottom: 0
  }
}
body.template .plans-slider__calc-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center
  }
}
body.template .plans-slider__calc-block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0 15px
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-block {
    width: 100%
  }
}
body.template .plans-slider__calc-block.block--100 {
  width: 100%;
  z-index: 5
}
body.template .plans-slider__calc-amount {
  position: relative;
  padding-top: 80px
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-amount {
    padding-top: 0
  }
}
body.template .plans-slider__calc-amount .slider-group {
  position: relative;
  width: 100%;
  margin-top: 60px
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-amount .slider-group {
    margin-top: 20px
  }
}
body.template .plans-slider__calc-result {
  position: relative;
  min-height: 430px;
  padding: 110px 100px 100px 100px;
  margin-bottom: -48px;
  background-color: rgba(255,194,48,.4);
  -webkit-clip-path: polygon(0 14%,100% 0,100% 85%,0 98.8%);
  clip-path: polygon(0 14%,100% 0,100% 85%,0 98.8%)
}
@media only screen and (max-width:1199px) {
  body.template .plans-slider__calc-result {
    padding: 100px 30px
  }
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-result {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    max-width: 80%;
    margin-top: 30px;
    margin-bottom: 0
  }
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__calc-result {
    max-width: none;
    width: 100%;
    padding-top: 90px;
    align-items: flex-start
  }
}
body.template .plans-slider__calc-result ul {
  position: relative;
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-result ul {
    justify-content: center
  }
}
body.template .plans-slider__calc-result li {
  display: flex;
  justify-content: space-between
}
body.template .plans-slider__calc-result li + li {
  margin-top: 50px
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-result li + li {
    margin-top: 15px
  }
}
body.template .plans-slider__calc-submit {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 10px;
  left: 0
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__calc-submit {
    bottom: 190px;
    justify-content: flex-end;
    padding-right: 60px
  }
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__calc-submit {
    justify-content: center;
    padding: 0;
    bottom: 150px
  }
}
body.template .plans-slider__calc-submit .btn {
  min-width: 180px
}
body.template .plans-slider__app {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0c1227;
  z-index: 5
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__app {
    align-items: flex-start
  }
}
body.template .plans-slider__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -5;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
body.template .plans-slider__bg-image {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(var(--image-translate-offset,0));
  width: 100%;
  height: 100%;
  transition: transform 1s ease,opacity 1s ease;
  background-position: center top
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__bg-image {
    background-size: cover
  }
}
body.template .plans-slider__bg-image img {
  width: 100%;
  height: 100%
}
body.template .plans-slider__bg-image.current--image {
  opacity: 1;
  --image-translate-offset: 0
}
body.template .plans-slider__bg-image.next--image,
body.template .plans-slider__bg-image.previous--image {
  opacity: 0
}
body.template .plans-slider__bg-image.previous--image {
  --image-translate-offset: -25%
}
body.template .plans-slider__bg-image.next--image {
  --image-translate-offset: 25%
}
body.template .plans-slider__cards {
  position: relative;
  width: calc(3 * var(--card-width));
  height: auto;
  transform: translateY(-230px)
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__cards {
    transform: translateY(-330px)
  }
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__cards {
    top: 500px;
    transform: translateY(0)
  }
}
body.template .plans-slider__cards .cards__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 1000px
}
body.template .plans-slider__cards .card {
  --card-translateY-offset: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) translateX(var(--card-translateX-offset)) translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));
  display: inline-block;
  width: var(--card-width);
  height: var(--card-height);
  transition: transform var(--card-transition-duration) var(--card-transition-easing);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
body.template .plans-slider__cards .card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
  transition: opacity var(--card-transition-duration) var(--card-transition-easing);
  opacity: calc(1 - var(--opacity));
  -webkit-clip-path: polygon(0 0,96% 0,96% 91%,0 98%);
  clip-path: polygon(0 0,96% 0,96% 91%,0 98%)
}
body.template .plans-slider__cards .card__image {
  position: relative;
  width: 100%;
  height: 100%
}
body.template .plans-slider__cards .card__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
body.template .plans-slider__cards .card.current--card {
  --current-card-rotation-offset: 0;
  --card-translateX-offset: 0;
  --card-rotation-offset: var(--current-card-rotation-offset);
  --card-scale-offset: 1.2;
  --opacity: 1
}
body.template .plans-slider__cards .card.previous--card {
  --card-translateX-offset: calc(-1 * var(--card-width) * 1.1);
  --card-rotation-offset: 25deg
}
body.template .plans-slider__cards .card.next--card {
  --card-translateX-offset: calc(var(--card-width) * 1.1);
  --card-rotation-offset: -25deg
}
body.template .plans-slider__cards .card.next--card,
body.template .plans-slider__cards .card.previous--card {
  --card-scale-offset: 0.9;
  --opacity: 0.5
}
body.template .plans-slider__cards-btn {
  --btn-size: 35px;
  width: var(--btn-size);
  height: var(--btn-size);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100
}
body.template .plans-slider__cards-btn.btn--left {
  left: -5%
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__cards-btn.btn--left {
    left: 0;
    text-align: center
  }
}
body.template .plans-slider__cards-btn.btn--right {
  right: -5%
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__cards-btn.btn--right {
    right: 0;
    text-align: center
  }
}
body.template .plans-slider__cards-btn i {
  font-size: 24px;
  color: #fff
}
body.template .plans-slider__info {
  position: absolute;
  width: calc(3 * var(--card-width));
  height: var(--card-height);
  pointer-events: none;
  transform: translateY(-190px)
}
@media only screen and (max-width:991px) {
  body.template .plans-slider__info {
    transform: translateY(-280px)
  }
}
@media only screen and (max-width:767px) {
  body.template .plans-slider__info {
    top: 350px;
    transform: translateY(0)
  }
}
body.template .plans-slider__info .info__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  perspective: 1000px;
  transform-style: preserve-3d
}
body.template .plans-slider__info input[type=radio] {
  display: none
}
body.template .plans-slider__info .info {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(var(--card-height)/ 8);
  margin-left: calc(var(--card-width)/ 1.2);
  transform: translateZ(2rem);
  transition: transform var(--card-transition-duration) var(--card-transition-easing)
}
@media only screen and (max-width:479px) {
  body.template .plans-slider__info .info {
    margin-left: calc(var(--card-width)/ 1)
  }
}
body.template .plans-slider__info .info .title-giant {
  position: relative;
  margin-bottom: 20px
}
body.template .plans-slider__info .info .title-giant:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 140px;
  height: 6px;
  background-color: #ffce59
}
@media only screen and (max-width:479px) {
  body.template .plans-slider__info .info .title-giant:after {
    width: 50px;
    height: 3px
  }
}
body.template .plans-slider__info .info .styled-subtitle {
  font-size: 36px
}
body.template .plans-slider__info .info.current--info {
  opacity: 1;
  display: flex
}
body.template .plans-slider__info .info.next--info,
body.template .plans-slider__info .info.previous--info {
  opacity: 0;
  display: none
}
body.template .thinks {
  position: relative;
  background-color: #eee
}
body.template .thinks.thinks--splash {
  padding-top: 100px
}
body.template .thinks.thinks--splash:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: -50px;
  left: 0;
  background-color: transparent;
  background-image: url(../images/bg/thinks.png);
  background-repeat: no-repeat;
  background-position: center top
}
body.template .thinks.thinks--inner {
  margin-top: -170px
}
@media only screen and (max-width:991px) {
  body.template .thinks.thinks--inner {
    margin-top: -130px
  }
}
body.template .thinks__aside {
  position: absolute;
  width: 180px;
  right: 30px;
  bottom: 130px
}
@media only screen and (max-width:1899px) {
  body.template .thinks__aside {
    display: none
  }
}
body.template .thinks__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px
}
body.template .thinks__block {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0 2px
}
@media only screen and (max-width:767px) {
  body.template .thinks__block {
    width: 100%
  }
}
body.template .thinks__logo {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: auto
}
@media only screen and (max-width:1199px) {
  body.template .thinks__logo img {
    max-width: 100%;
    height: auto
  }
}
@media only screen and (max-width:767px) {
  body.template .thinks__logo {
    display: none
  }
}
body.template .thinks__list {
  position: relative;
  display: flex
}
body.template .thinks__list ul {
  display: flex;
  flex-direction: column;
  flex: 1
}
body.template .thinks__list li + li {
  margin-top: 4px
}
body.template .thinks__list-item {
  position: relative;
  display: flex
}
body.template .thinks__list-item > div {
  flex: 1;
  min-width: 50%
}
body.template .thinks__list-item .image {
  width: 50%
}
body.template .thinks__list-item .desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
  padding: 20px 25px 0 25px
}
body.template .thinks__list-item .desc > span {
  max-width: 50%;
  padding-bottom: 25px
}
@media only screen and (max-width:991px) {
  body.template .thinks__list-item .desc > span {
    max-width: none
  }
}
body.template .thinks__list-item .desc > strong {
  display: inline-block;
  vertical-align: bottom;
  font-size: 150px;
  height: 115px;
  line-height: normal
}
@media only screen and (max-width:1199px) {
  body.template .thinks__list-item .desc > strong {
    font-size: 100px;
    height: 75px
  }
}
body.template .thinks__list-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 100%
}
body.template .thinks__list-item.item--transaction {
  background-color: #9fa5ba;
  color: #5e6479
}
body.template .thinks__list-item.item--transaction strong {
  margin-left: -10px
}
body.template .thinks__list-item.item--transaction:after {
  background-color: #5e6479
}
body.template .thinks__list-item.item--customers {
  background-color: #ffce59;
  color: #745e28
}
body.template .thinks__list-item.item--customers:after {
  background-color: #745e28
}
body.template .thinks__list-item.item--algorithms {
  flex-direction: row-reverse;
  background-color: #292e41;
  color: #a0a5b8
}
body.template .thinks__list-item.item--algorithms:after {
  background-color: #a0a5b8
}
@media only screen and (max-width:767px) {
  body.template .thinks__list-item.item--algorithms {
    flex-direction: row
  }
}
body.template .thinks__list-item.item--algorithms .desc {
  align-items: flex-end
}
@media only screen and (max-width:767px) {
  body.template .thinks__list-item.item--algorithms .desc {
    align-items: flex-start
  }
}
body.template .thinks__list-item.item--structure {
  background-color: #fff;
  color: #bcbcbc
}
body.template .thinks__list-item.item--structure:after {
  background-color: #bcbcbc
}
body.template .thinks__list-item.item--structure sup {
  top: -.65em;
  font-size: .5em
}
body.template .overview {
  position: relative
}
body.template .overview.overview--splash {
  background-color: transparent;
  background-image: url(../images/bg/overview.png);
  background-repeat: no-repeat;
  background-position: center top
}
body.template .overview.overview--splash:before {
  content: '';
  position: absolute;
  width: calc(50% - 15px);
  height: 780px;
  top: 200px;
  right: calc(50% + 15px);
  background-color: transparent;
  background-image: url(../images/bg/referral.jpg);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:1199px) {
  body.template .overview.overview--splash:before {
    width: 100%;
    right: 40%
  }
}
@media only screen and (max-width:991px) {
  body.template .overview.overview--splash:before {
    right: 20%
  }
}
@media only screen and (max-width:767px) {
  body.template .overview.overview--splash:before {
    right: 0
  }
}
body.template .overview.overview--inner {
  min-height: 820px;
  background-color: transparent;
  background-image: url(../images/bg/overview2.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 11
}
@media only screen and (max-width:991px) {
  body.template .overview.overview--inner {
    min-height: auto;
    margin-top: -170px;
    background-size: cover
  }
}
body.template .overview.overview--invest {
  background-color: #eee
}
body.template .overview.overview--inner .advantages {
  min-height: auto;
  padding: 0
}
body.template .overview.overview--inner .advantages__list ul {
  flex-direction: row;
  flex-wrap: wrap;
  margin: -15px
}
body.template .overview.overview--inner .advantages__list li {
  width: 50%;
  padding: 15px
}
@media only screen and (max-width:991px) {
  body.template .overview.overview--inner .advantages__list li {
    width: 100%
  }
}
body.template .advantages {
  position: relative;
  min-height: 780px;
  padding-top: 70px
}
body.template .advantages .page-title {
  padding-bottom: 0
}
body.template .advantages__list {
  position: relative
}
body.template .advantages__list ul {
  display: flex;
  flex-direction: column
}
body.template .advantages__list li {
  margin-top: 50px
}
@media only screen and (max-width:767px) {
  body.template .advantages__list li {
    margin-top: 25px
  }
}
body.template .advantages__list-item {
  position: relative;
  display: flex
}
@media only screen and (max-width:479px) {
  body.template .advantages__list-item {
    flex-direction: column;
    align-items: center;
    text-align: center
  }
}
body.template .advantages__list-item .icon {
  min-width: 170px;
  margin-right: 30px
}
@media only screen and (max-width:479px) {
  body.template .advantages__list-item .icon {
    margin-bottom: 15px;
    margin-right: 0
  }
}
body.template .advantages__list-item img {
  width: 100%
}
@media only screen and (max-width:479px) {
  body.template .advantages__list-item img {
    width: auto
  }
}
body.template .referral {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 780px;
  padding-top: 70px
}
body.template .referral .page-title {
  padding-bottom: 0
}
@media only screen and (max-width:767px) {
  body.template .referral .page-title {
    padding-bottom: 30px
  }
}
@media only screen and (max-width:1199px) {
  body.template .referral .page-text {
    padding-left: 30px
  }
}
@media only screen and (max-width:991px) {
  body.template .referral .page-text {
    padding: 0
  }
}
body.template .referral__block {
  position: relative;
  margin-top: auto;
  max-width: 500px;
  padding: 115px 30px 30px 30px;
  background-color: rgba(255,206,89,.85);
  -webkit-clip-path: polygon(0 10%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 10%,100% 0,100% 100%,0 100%)
}
@media only screen and (max-width:1199px) {
  body.template .referral__block {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: flex-start;
    max-width: none;
    -webkit-clip-path: none;
    clip-path: none;
    padding: 30px 15px
  }
}
@media only screen and (max-width:991px) {
  body.template .referral__block {
    flex-direction: column-reverse
  }
}
body.template .referral__levels {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 25px
}
@media only screen and (max-width:991px) {
  body.template .referral__levels {
    justify-content: center;
    margin: 0 auto 30px auto
  }
}
@media only screen and (max-width:479px) {
  body.template .referral__levels {
    flex-wrap: wrap
  }
}
body.template .referral__levels-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}
body.template .referral__levels-item.level-1 {
  min-width: 225px;
  height: 195px;
  justify-content: flex-end;
  padding-bottom: 5px;
  background-color: transparent;
  background-image: url(../images/overview/tr1.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:479px) {
  body.template .referral__levels-item.level-1 {
    min-width: 100%
  }
}
body.template .referral__levels-item.level-1 strong {
  font-size: 98px;
  line-height: .6
}
body.template .referral__levels-item.level-1 b {
  font-size: 32px;
  line-height: 1
}
body.template .referral__levels-item.level-2 {
  min-width: 179px;
  height: 155px;
  margin-left: -50px;
  padding-top: 5px;
  background-color: transparent;
  background-image: url(../images/overview/tr2.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:767px) {
  body.template .referral__levels-item.level-2 {
    margin-left: -70px
  }
}
@media only screen and (max-width:479px) {
  body.template .referral__levels-item.level-2 {
    margin-left: 0;
    margin-top: 30px
  }
}
body.template .referral__levels-item.level-2 strong {
  font-size: 70px;
  line-height: .8
}
body.template .referral__levels-item.level-2 b {
  font-size: 23px
}
body.template .referral__levels-item.level-3 {
  min-width: 129px;
  height: 113px;
  margin-left: -48px;
  justify-content: flex-end;
  padding-bottom: 5px;
  background-color: transparent;
  background-image: url(../images/overview/tr3.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:767px) {
  body.template .referral__levels-item.level-3 {
    margin-left: -70px
  }
}
body.template .referral__levels-item.level-3 strong {
  font-size: 48px;
  line-height: .5
}
body.template .referral__levels-item.level-3 b {
  font-size: 16px
}
body.template .referral__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  max-width: 500px;
  padding: 30px;
  background-color: #ffce59
}
@media only screen and (max-width:1199px) {
  body.template .referral__btn {
    margin-top: 0;
    max-width: calc(60% - 15px)
  }
}
@media only screen and (max-width:991px) {
  body.template .referral__btn {
    max-width: none
  }
}
body.template .advantages {
  position: relative;
  min-height: 780px;
  padding-top: 70px
}
body.template .advantages .page-title {
  padding-bottom: 0
}
body.template .advantages__list {
  position: relative
}
body.template .advantages__list ul {
  display: flex;
  flex-direction: column
}
body.template .advantages__list li {
  margin-top: 50px
}
@media only screen and (max-width:767px) {
  body.template .advantages__list li {
    margin-top: 25px
  }
}
body.template .advantages__list-item {
  position: relative;
  display: flex
}
@media only screen and (max-width:479px) {
  body.template .advantages__list-item {
    flex-direction: column;
    align-items: center;
    text-align: center
  }
}
body.template .advantages__list-item .icon {
  min-width: 170px;
  margin-right: 30px
}
@media only screen and (max-width:479px) {
  body.template .advantages__list-item .icon {
    margin-bottom: 15px;
    margin-right: 0
  }
}
body.template .advantages__list-item img {
  width: 100%
}
@media only screen and (max-width:479px) {
  body.template .advantages__list-item img {
    width: auto
  }
}
body.template .faq {
  position: relative;
  background-color: #eee;
  background-image: url(../images/bg/about.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: left center
}
@media only screen and (max-width:1199px) {
  body.template .faq .site-section__block {
    width: 50%;
    margin-top: 0
  }
}
@media only screen and (max-width:767px) {
  body.template .faq .site-section__block {
    width: 100%
  }
  body.template .faq .site-section__block + .site-section__block {
    margin-top: 80px
  }
}
body.template .faq__accordion {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .faq__accordion + .faq__accordion {
  margin-top: 80px
}
body.template .faq__accordion-item {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .faq__accordion-item + .faq__accordion-item {
  margin-top: 50px
}
body.template .faq__accordion-item:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  width: 100%;
  height: 100px;
  background-color: transparent;
  background-image: url(../images/acc/body.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: center bottom;
  transition: all .3s ease;
  z-index: 0
}
body.template .faq__accordion-item.active:before {
  bottom: -40px
}
body.template .faq__accordion-item-title {
  position: relative;
  display: flex;
  width: 100%;
  height: 87px;
  padding: 15px 35px 30px 35px;
  z-index: 1;
  background-color: transparent;
  background-image: url(../images/acc/title.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:479px) {
  body.template .faq__accordion-item-title {
    padding: 15px
  }
}
body.template .faq__accordion-item-title a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.1;
  color: #0c1227
}
@media only screen and (max-width:479px) {
  body.template .faq__accordion-item-title a {
    font-size: 16px
  }
}
body.template .faq__accordion-item-body {
  position: relative;
  max-width: 510px;
  margin: -50px auto 0 auto;
  padding: 60px 30px 15px 30px;
  background-color: #ffce59
}
@media only screen and (max-width:479px) {
  body.template .faq__accordion-item-body {
    padding: 60px 15px 15px 15px
  }
}
body.template .faq__accordion-item-body p {
  font-size: 15px;
  color: #0c1227
}
body.template .request {
  position: relative;
  min-height: 820px;
  background-color: transparent;
  background-image: url(../images/bg/overview2.png);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 11
}
@media only screen and (max-width:991px) {
  body.template .request {
    min-height: auto;
    margin-top: -170px;
    background-size: cover
  }
}
body.template .request__aside {
  position: absolute;
  width: 180px;
  right: 30px;
  bottom: 130px
}
@media only screen and (max-width:1899px) {
  body.template .request__aside {
    display: none
  }
}
body.template .request__wrap {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .request__form {
  position: relative;
  margin-top: 15px
}
@media only screen and (max-width:767px) {
  body.template .request__form .form-col {
    padding: 0 15px
  }
}
body.template .request__form .form-col--end {
  justify-content: flex-start
}
body.template .request__form .form-col--end .form-line,
body.template .request__form .form-col--end .form-line .input-group {
  height: 100%
}
body.template .request__form .form-col--end .form-line .input-group textarea,
body.template .request__form .form-col--end .form-line textarea {
  height: calc(100% - 20px)
}
body.template .request__form .form-line {
  margin-bottom: 15px
}
body.template .request__form .btn-group {
  text-align: center
}
body.template .request__form .btn {
  min-width: 140px;
  margin: 0 auto
}
body.template .contacts {
  position: relative;
  background-color: #eee;
  background-image: url(../images/bg/contacts.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: right bottom
}
body.template .contacts__map {
  position: relative;
  min-height: 600px
}
@media only screen and (max-width:1199px) {
  body.template .contacts__map {
    min-height: auto
  }
}
body.template .contacts__map-frame {
  position: absolute;
  left: calc((1170px - 1920px)/ 2);
  top: 0;
  width: 950px;
  height: 100%;
  -webkit-clip-path: polygon(0 0,100% 15%,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 15%,100% 100%,0 100%)
}
@media only screen and (max-width:1199px) {
  body.template .contacts__map-frame {
    position: relative;
    height: 600px;
    left: 0;
    width: 100%;
    -webkit-clip-path: none;
    clip-path: none
  }
}
body.template .contacts__map-frame:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12,18,39,.5)
}
body.template .contacts__loc {
  position: absolute;
  left: 15px;
  top: 35px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 60px;
  width: 210px;
  height: 360px;
  background-color: rgba(255,194,48,.7);
  -webkit-clip-path: polygon(0 0,100% 5.5%,100% 90%,0 100%);
  clip-path: polygon(0 0,100% 5.5%,100% 90%,0 100%);
  z-index: 5
}
@media only screen and (max-width:1199px) {
  body.template .contacts__loc {
    display: none
  }
}
body.template .contacts__address {
  position: absolute;
  display: flex;
  align-items: flex-end;
  bottom: -40px;
  right: 0;
  width: 940px;
  height: 230px;
  background-color: rgba(255,194,48,.7);
  -webkit-clip-path: polygon(0 45%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 45%,100% 0,100% 100%,0 100%)
}
@media only screen and (max-width:1199px) {
  body.template .contacts__address {
    width: calc(100% - 30px);
    top: -260px;
    right: auto;
    left: 15px;
    bottom: auto
  }
}
body.template .contacts__address-desc {
  position: relative;
  display: flex;
  align-items: center;
  padding: 50px 80px
}
@media only screen and (max-width:991px) {
  body.template .contacts__address-desc {
    padding: 30px 15px
  }
}
@media only screen and (max-width:767px) {
  body.template .contacts__address-desc {
    padding: 15px
  }
}
@media only screen and (max-width:767px) {
  body.template .contacts__address-desc {
    flex-direction: column;
    align-items: flex-start
  }
}
body.template .contacts__address-desc h2 {
  color: #fff
}
body.template .contacts__address-desc .title-h5 {
  max-width: 350px;
  padding-left: 70px;
  color: #292e41;
  font-weight: 400
}
@media only screen and (max-width:991px) {
  body.template .contacts__address-desc .title-h5 {
    padding-left: 15px
  }
}
@media only screen and (max-width:767px) {
  body.template .contacts__address-desc .title-h5 {
    padding: 0
  }
}
body.template .contacts__address-icon {
  position: absolute;
  right: 0;
  top: 0
}
@media only screen and (max-width:767px) {
  body.template .contacts__address-icon {
    display: none
  }
}
body.template .contacts__list {
  position: relative;
  margin-top: 90px;
  padding-left: 30px
}
@media only screen and (max-width:1199px) {
  body.template .contacts__list {
    margin-top: 0
  }
}
@media only screen and (max-width:991px) {
  body.template .contacts__list {
    padding: 0
  }
}
body.template .contacts__list ul {
  display: flex;
  flex-wrap: wrap;
  margin: -15px
}
body.template .contacts__list li {
  width: 50%;
  padding: 15px
}
@media only screen and (max-width:479px) {
  body.template .contacts__list li {
    width: 100%
  }
}
body.template .contacts__list-item {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #0c1227
}
body.template .contacts__list-item i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #6d7285;
  color: #ffce59
}
body.template .contacts__list-item i.icon-tg {
  font-size: 26px
}
body.template .contacts__list-item i.icon-mail {
  font-size: 20px
}
body.template .contacts__list-item .body-small {
  margin-top: 10px
}
body.template .contacts__list-item .title-h5 {
  margin-top: 5px;
  font-size: 19px;
  color: #6d7285;
  text-decoration: underline
}
body.template .terms {
  position: relative;
  background-color: #eee;
  background-image: url(../images/bg/contacts.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: right bottom
}
body.template .terms__aside {
  position: absolute;
  width: 180px;
  right: 30px;
  bottom: 130px
}
@media only screen and (max-width:1899px) {
  body.template .terms__aside {
    display: none
  }
}
body.template .terms__grid {
  position: relative;
  display: flex;
  margin: -15px
}
body.template .terms__grid-item {
  width: 50%;
  padding: 15px;
  margin-top: 30px
}
@media only screen and (max-width:767px) {
  body.template .terms__grid-item {
    width: 100%
  }
}
body.template .terms__grid-item-list {
  display: flex;
  flex-direction: column;
  list-style-type: none
}
body.template .terms__grid-item-list li {
  font-size: 15px
}
body.template .terms__grid-item-list span {
  font-family: "Bebas Neue";
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffc230
}
body.template .offers {
  position: relative;
  background-color: #eee;
  background-image: url(../images/bg/about.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: left bottom
}
body.template .offers__list {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .offers__item {
  position: relative;
  display: flex
}
@media only screen and (max-width:991px) {
  body.template .offers__item {
    flex-direction: column
  }
}
body.template .offers__item:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #b0b1b5;
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 75%);
  clip-path: polygon(0 0,100% 0,100% 100%,0 75%);
  z-index: -1
}
@media only screen and (max-width:991px) {
  body.template .offers__item:before {
    -webkit-clip-path: none;
    clip-path: none
  }
}
body.template .offers__item.item--inverse {
  flex-direction: row-reverse;
  margin-bottom: 40px
}
@media only screen and (max-width:991px) {
  body.template .offers__item.item--inverse {
    margin: 40px 0;
    flex-direction: column
  }
}
body.template .offers__item.item--inverse:before {
  -webkit-clip-path: polygon(0 0,100% 25%,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 25%,100% 100%,0 100%)
}
@media only screen and (max-width:991px) {
  body.template .offers__item.item--inverse:before {
    -webkit-clip-path: none;
    clip-path: none
  }
}
body.template .offers__item-start {
  position: relative
}
body.template .offers__item-img {
  position: relative;
  width: 621px;
  height: 320px;
  margin: -10px 0 0 -10px
}
body.template .offers__item.item--inverse .offers__item-img {
  margin: 0 -25px -25px 0
}
@media only screen and (max-width:991px) {
  body.template .offers__item.item--inverse .offers__item-img {
    transform: rotate(180deg);
    margin: -25px 0 0 -25px
  }
}
body.template .offers__item-btn {
  position: absolute;
  right: 25px;
  top: 0
}
@media only screen and (max-width:991px) {
  body.template .offers__item-btn {
    right: auto;
    left: 0
  }
}
body.template .offers__item-btn .btn {
  min-width: 180px
}
body.template .offers__item.item--inverse .offers__item-btn {
  right: auto;
  left: 10px;
  top: auto;
  bottom: 0
}
@media only screen and (max-width:991px) {
  body.template .offers__item.item--inverse .offers__item-btn {
    right: auto;
    left: 0;
    top: 0;
    bottom: auto
  }
}
body.template .offers__item-end {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 40px 30px 15px 15px;
  flex: 1
}
@media only screen and (max-width:1199px) {
  body.template .offers__item-end {
    flex-direction: column;
    padding: 15px
  }
}
@media only screen and (max-width:991px) {
  body.template .offers__item-end {
    margin-top: -60px;
    padding-bottom: 30px
  }
}
body.template .offers__item.item--inverse .offers__item-end {
  flex-direction: row-reverse;
  align-items: center;
  padding: 40px 30px 15px 30px
}
@media only screen and (max-width:1199px) {
  body.template .offers__item.item--inverse .offers__item-end {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px
  }
}
@media only screen and (max-width:991px) {
  body.template .offers__item.item--inverse .offers__item-end {
    margin-top: -50px;
    padding-bottom: 30px
  }
}
body.template .offers__item-data {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .offers__item-data .title-giant {
  position: relative;
  margin-bottom: 20px
}
body.template .offers__item-data .title-giant:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 140px;
  height: 6px;
  background-color: #ffce59
}
@media only screen and (max-width:479px) {
  body.template .offers__item-data .title-giant:after {
    width: 50px;
    height: 3px
  }
}
body.template .offers__item-data .styled-subtitle {
  font-size: 36px
}
body.template .offers__item-desc {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  max-width: 270px
}
@media only screen and (max-width:1199px) {
  body.template .offers__item-desc {
    padding-top: 0
  }
}
@media only screen and (max-width:991px) {
  body.template .offers__item-desc {
    max-width: none
  }
}
body.template .calculator {
  position: relative;
  min-height: 860px;
  background-color: transparent;
  background-image: url(../images/bg/calc.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-bottom: 0!important;
  z-index: 11
}
@media only screen and (max-width:991px) {
  body.template .calculator {
    padding-bottom: 100px!important
  }
}
body.template .calculator__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
@media only screen and (max-width:991px) {
  body.template .calculator__wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center
  }
}
body.template .calculator__block {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0 15px
}
@media only screen and (max-width:991px) {
  body.template .calculator__block {
    width: 100%
  }
}
body.template .calculator__block.block--100 {
  position: absolute;
  bottom: 180px;
  width: 100%;
  z-index: 5
}
@media only screen and (max-width:991px) {
  body.template .calculator__block.block--100 {
    position: relative;
    bottom: auto;
    margin-top: -35px
  }
}
body.template .calculator__amount {
  position: relative
}
body.template .calculator__amount .select-group {
  margin-top: 15px
}
body.template .calculator__amount .input-group {
  margin-top: 40px
}
@media only screen and (max-width:991px) {
  body.template .calculator__amount .input-group {
    margin-top: 30px
  }
}
body.template .calculator__amount .slider-group {
  margin-top: 30px
}
body.template .calculator__result {
  position: relative;
  min-height: 660px;
  margin-bottom: -85px;
  padding: 35px 90px 0 90px
}
@media only screen and (max-width:991px) {
  body.template .calculator__result {
    margin-bottom: 0;
    min-height: auto;
    background-color: #b0b1b5;
    padding: 90px;
    margin-top: 30px
  }
}
@media only screen and (max-width:767px) {
  body.template .calculator__result {
    padding: 30px 15px 60px 15px
  }
}
body.template .calculator__result:before {
  content: '';
  position: absolute;
  left: 0;
  top: -105px;
  width: 600px;
  height: 700px;
  background-color: transparent;
  background-image: url(../images/bg/calc2.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:991px) {
  body.template .calculator__result:before {
    display: none
  }
}
body.template .calculator__result ul {
  position: relative;
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:991px) {
  body.template .calculator__result ul {
    justify-content: center
  }
}
body.template .calculator__result li {
  display: flex;
  justify-content: space-between
}
body.template .calculator__result li + li {
  margin-top: 50px
}
@media only screen and (max-width:991px) {
  body.template .calculator__result li + li {
    margin-top: 15px
  }
}
body.template .calculator__submit {
  position: relative;
  display: flex;
  justify-content: center
}
body.template .calculator__submit .btn {
  min-width: 180px
}
body.template .program {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 527px;
  padding-top: 70px
}
body.template .program:before {
  content: '';
  position: absolute;
  left: calc((1170px - 1920px)/ 2);
  top: 0;
  width: 945px;
  height: 527px;
  background-color: transparent;
  background-image: url(../images/bg/referral2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 0
}
@media only screen and (max-width:479px) {
  body.template .program:before {
    height: 470px
  }
}
body.template .program__block {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: none;
  margin: -100px 0 0 0;
  padding: 80px 30px 30px 30px;
  background-color: rgba(255,206,89,.85);
  -webkit-clip-path: polygon(0 30%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 30%,100% 0,100% 100%,0 100%)
}
@media only screen and (max-width:1199px) {
  body.template .program__block {
    padding: 80px 15px 15px 15px
  }
}
@media only screen and (max-width:991px) {
  body.template .program__block {
    flex-direction: column;
    margin: 0;
    -webkit-clip-path: none;
    clip-path: none;
    padding: 15px 15px 100px 15px
  }
}
body.template .program__block .page-text {
  max-width: 500px
}
@media only screen and (max-width:991px) {
  body.template .program__block .page-text {
    max-width: none;
    margin-top: 30px
  }
}
body.template .program__levels {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 0;
  padding: 30px
}
@media only screen and (max-width:1199px) {
  body.template .program__levels {
    padding: 30px 30px 15px 0
  }
}
@media only screen and (max-width:991px) {
  body.template .program__levels {
    padding: 0
  }
}
@media only screen and (max-width:479px) {
  body.template .program__levels {
    flex-wrap: wrap
  }
}
body.template .program__levels-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}
body.template .program__levels-item.level-1 {
  min-width: 225px;
  height: 195px;
  justify-content: flex-end;
  padding-bottom: 5px;
  background-color: transparent;
  background-image: url(../images/overview/tr1.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:479px) {
  body.template .program__levels-item.level-1 {
    min-width: 100%
  }
}
body.template .program__levels-item.level-1 strong {
  font-size: 98px;
  line-height: .6
}
body.template .program__levels-item.level-1 b {
  font-size: 32px;
  line-height: 1
}
body.template .program__levels-item.level-2 {
  min-width: 179px;
  height: 155px;
  margin-left: -50px;
  padding-top: 5px;
  background-color: transparent;
  background-image: url(../images/overview/tr2.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:767px) {
  body.template .program__levels-item.level-2 {
    margin-left: -70px
  }
}
@media only screen and (max-width:479px) {
  body.template .program__levels-item.level-2 {
    margin-left: 0;
    margin-top: 30px
  }
}
body.template .program__levels-item.level-2 strong {
  font-size: 70px;
  line-height: .8
}
body.template .program__levels-item.level-2 b {
  font-size: 23px
}
body.template .program__levels-item.level-3 {
  min-width: 129px;
  height: 113px;
  margin-left: -48px;
  justify-content: flex-end;
  padding-bottom: 5px;
  background-color: transparent;
  background-image: url(../images/overview/tr3.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:767px) {
  body.template .program__levels-item.level-3 {
    margin-left: -70px
  }
}
body.template .program__levels-item.level-3 strong {
  font-size: 48px;
  line-height: .5
}
body.template .program__levels-item.level-3 b {
  font-size: 16px
}
body.template .program__btn {
  position: relative;
  display: flex;
  margin-top: auto;
  margin-left: auto;
  width: 100%;
  max-width: 530px;
  padding: 0;
  background-color: transparent
}
@media only screen and (max-width:1199px) {
  body.template .program__btn {
    justify-content: flex-end;
    max-width: none
  }
}
@media only screen and (max-width:991px) {
  body.template .program__btn {
    justify-content: flex-start;
    margin-top: -75px;
    margin-left: 15px
  }
}
body.template .bonuses {
  position: relative;
  margin-top: 100px
}
body.template .bonuses__list {
  position: relative
}
body.template .bonuses__list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -15px
}
@media only screen and (max-width:1199px) {
  body.template .bonuses__list ul {
    justify-content: center
  }
}
body.template .bonuses__list li {
  padding: 0 15px;
  margin-top: 15px
}
body.template .bonuses__list-item {
  position: relative;
  width: 210px;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: transparent;
  background-image: url(../images/offers/bonus.png);
  background-repeat: no-repeat;
  background-position: center top
}
body.template .bonuses__list-item .title {
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%)
}
body.template .bonuses__list-item .bonus,
body.template .bonuses__list-item .turnover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
body.template .bonuses__list-item .turnover {
  margin-top: 90px
}
body.template .bonuses__list-item .bonus {
  margin-top: auto;
  padding-bottom: 0
}
body.template .bonuses__list-item .title-h1,
body.template .bonuses__list-item .title-h3 {
  line-height: 1.2
}
body.template .bonuses__list-item .light {
  font-size: 18px
}
body.authorization {
  font-size: 16px;
  color: #6d7285;
  background-color: #eee;
  background-image: url(../images/bg/auth.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.authorization .main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden
}
body.authorization .container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  z-index: 1
}
body.authorization .content {
  position: relative;
  width: 100%;
  min-height: 100vh;
  padding-top: 270px
}
@media only screen and (max-width:1199px) {
  body.authorization .content {
    padding-top: 170px
  }
}
body.authorization .content:before {
  content: '';
  position: absolute;
  top: 0;
  right: calc(50% - 10px);
  width: calc(50% + 10px);
  height: 845px;
  z-index: 0;
  background-color: transparent;
  background-image: url(../images/bg/signin.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: right top;
  background-size: cover
}
@media only screen and (max-width:1199px) {
  body.authorization .content:before {
    width: calc(100% + 30px);
    right: -30px
  }
}
body.authorization .content:after {
  content: '';
  position: absolute;
  top: 150px;
  left: calc(50% + 5px);
  width: calc(50% + 10px);
  height: 845px;
  z-index: 0;
  background-color: transparent;
  background-image: url(../images/bg/signup.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-position: left top;
  background-size: cover
}
@media only screen and (max-width:1199px) {
  body.authorization .content:after {
    width: calc(100% + 30px);
    left: -30px;
    top: auto;
    bottom: -50px
  }
}
body.authorization .content__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
body.authorization .content__block {
  width: 50%;
  padding: 0 15px
}
@media only screen and (max-width:1199px) {
  body.authorization .content__block {
    width: 100%
  }
}
body.authorization .content__aside {
  position: absolute;
  width: 180px;
  left: 30px;
  top: 0
}
@media only screen and (max-width:1899px) {
  body.authorization .content__aside {
    display: none
  }
}
body.authorization .content__aside:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 560px;
  background-color: rgba(255,194,48,.4)
}
body.authorization .content__aside img {
  margin-top: 600px
}
body.authorization .signin {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 30px 50px 0
}
@media only screen and (max-width:1199px) {
  body.authorization .signin {
    padding: 0 0 50px 0
  }
}
body.authorization .signin .form-line + .form-line {
  margin-top: 15px
}
body.authorization .signin .btn-group {
  margin-right: 60px
}
@media only screen and (max-width:479px) {
  body.authorization .signin .btn-group {
    margin-right: 30px
  }
}
body.authorization .signin .btn-group .btn {
  min-width: 140px
}
body.authorization .signin .forgot-group a {
  text-decoration: underline
}
body.authorization .signin .form-line.form-line--submit {
  display: flex;
  align-items: center;
  margin-top: 30px
}
body.authorization .signup {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 0 50px 30px
}
@media only screen and (max-width:1199px) {
  body.authorization .signup {
    padding: 50px 0
  }
}
body.authorization .signup .form-line + .form-line {
  margin-top: 15px
}
body.authorization .signup .form-line.form-line--submit {
  margin-top: 30px
}
body.authorization .signup .form-line label {
  color: #fff
}
body.authorization .signup .form-line input {
  color: #ffce59
}
body.authorization .signup .btn-group .btn {
  min-width: 140px
}
body.authorization .header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99
}
body.authorization .header__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0
}
body.authorization .header__logo {
  position: absolute;
  width: 230px;
  height: 236px;
  left: 50%;
  margin-left: -115px;
  top: 0;
  z-index: 10
}
@media only screen and (max-width:1199px) {
  body.authorization .header__logo {
    padding-top: 5px;
    width: 120px;
    margin-left: -60px;
    height: 150px;
    background-color: transparent;
    background-image: url(../images/logo/bg-mobile.png);
    background-repeat: no-repeat;
    background-position: center top
  }
}
@media only screen and (max-width:1199px) {
  body.authorization .header__logo .logo-link {
    height: 100px;
  }
  body.authorization .header__logo .logo-link img {
    max-height: 80%;
  }
}
@media only screen and (max-width:1199px) {
  body.authorization .header__logo .text {
    display: none
  }
}
@media only screen and (max-width:479px) {
  body.authorization .header__socials {
    display: none
  }
}
body.authorization .header__clock {
  margin-left: auto
}
@media only screen and (max-width:1199px) {
  body.authorization .header__clock {
    color: #fff
  }
}
@media only screen and (max-width:991px) {
  body.authorization .header__clock {
    display: none
  }
}
body.authorization .header__login {
  margin-left: 30px
}
@media only screen and (max-width:479px) {
  body.authorization .header__login {
    display: none
  }
}
body.authorization .header__login .btn {
  min-width: 140px
}
@media only screen and (max-width:1199px) {
  body.authorization .header__login .btn span {
    color: #fff
  }
}
body.dashboard {
  font-size: 15px;
  color: #292e41;
  background-color: #eee
}
body.dashboard .main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 50px 0 0;
  min-height: 100%;
  overflow: hidden
}
@media only screen and (max-width:1899px) {
  body.dashboard .main-content {
    padding: 0
  }
}
body.dashboard .wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 290px);
  margin-left: auto;
  z-index: 11
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper {
    width: 100%
  }
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper {
    padding: 0 15px 0 60px
  }
}
body.dashboard .styled-subtitle {
  font-size: 18px
}
@media only screen and (max-width:767px) {
  body.dashboard .styled-subtitle {
    font-size: 16px
  }
}
body.dashboard .sidebar {
  position: fixed;
  width: 250px;
  min-height: 100vh;
  left: 0;
  top: 0;
  transition: all .3s ease;
  background-color: transparent;
  background-image: url(../images/db/sidebar.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:1899px) {
  body.dashboard .sidebar {
    max-width: 50px;
    z-index: 99;
    overflow: hidden
  }
  body.dashboard .sidebar .sidebar__menu {
    opacity: 0
  }
  body.dashboard .sidebar.open {
    max-width: 250px
  }
  body.dashboard .sidebar.open .sidebar__menu {
    opacity: 1;
    transform: translate(0,-50%)
  }
  body.dashboard .sidebar.open .sidebar__logo .logo-min {
    opacity: 0
  }
  body.dashboard .sidebar.open .sidebar__logo .logo-max {
    opacity: 1
  }
}
body.dashboard .sidebar__logo {
  display: none;
  position: relative;
  max-width: 230px;
  outline: 1px solid #92fb6d
}
@media only screen and (max-width:1899px) {
  body.dashboard .sidebar__logo {
    display: block
  }
}
body.dashboard .sidebar__logo .logo-max,
body.dashboard .sidebar__logo .logo-min {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .3s ease
}
body.dashboard .sidebar__logo .logo-max {
  opacity: 0
}
body.dashboard .sidebar__logo .logo-min {
  top: 30px
}
body.dashboard .sidebar__menu {
  position: relative;
  padding: 290px 15px 30px 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .sidebar__menu {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%,-50%);
    transition: all .3s ease;
    opacity: 0;
    padding: 15px
  }
}
body.dashboard .sidebar__menu ul {
  display: flex;
  flex-direction: column
}
body.dashboard .sidebar__menu li + li {
  margin-top: 25px
}
body.dashboard .sidebar__menu li.show-on-mobile {
  display: none
}
@media only screen and (max-width:767px) {
  body.dashboard .sidebar__menu li.show-on-mobile {
    display: block
  }
}
body.dashboard .sidebar__menu a {
  position: relative;
  display: flex;
  align-items: center;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  line-height: 1
}
body.dashboard .sidebar__menu i {
  display: inline-flex;
  justify-content: center;
  text-align: center;
  width: 25px;
  margin-right: 10px;
  margin-top: -5px
}
body.dashboard .sidebar__menu span {
  position: relative
}
body.dashboard .sidebar__menu span:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 30px;
  height: 5px;
  background-color: #ffce59
}
body.dashboard .sidebar__menu a:hover {
  color: #ffce59;
  opacity: 1
}
body.dashboard .sidebar__menu a.active span {
  padding-left: 35px;
  color: #ffce59
}
body.dashboard .sidebar__menu a.active span:before {
  content: ''
}
body.dashboard .sidebar__toggle {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all .3s ease
}
body.dashboard .sidebar__toggle a {
  display: flex
}
body.dashboard .sidebar__toggle.open {
  left: auto;
  right: 30px;
  transform: translate(0,-50%)
}
@media only screen and (max-width:1899px) {
  body.dashboard .sidebar__toggle {
    display: block
  }
}
@media only screen and (max-height: 800px){
  body.dashboard .sidebar{
      position: absolute;
      height: 100%;
  }

  body.dashboard .sidebar .sidebar__menu{
      top: 200px;
      transform: translate(0, 0) !important;
  }

  body.dashboard .sidebar__toggle {
      top: 250px;
      transform: translate(-50%, 0) !important;
  }

  body.dashboard .sidebar__toggle.open{
      right: 15px;
  }
}
body.dashboard .header {
  position: relative;
  width: 100%;
  min-height: 240px;
  z-index: 10;
  background-color: transparent;
  background-image: url(../images/db/head.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:1899px) {
  body.dashboard .header {
    padding: 0 15px 0 55px
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .header {
    min-height: 280px;
    background-size: cover;
    margin-bottom: -30px
  }
}
body.dashboard .header__start {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: -100px;
  padding: 20px 50px 20px 0;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__start {
    padding: 20px 0;
    margin-bottom: -85px
  }
}
@media only screen and (max-width:1399px) {
  body.dashboard .header__start {
    padding: 10px 0;
    margin-bottom: -70px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__start {
    margin-bottom: -110px
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .header__start {
    margin-bottom: 0
  }
}
body.dashboard .header__logo {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 230px;
  margin-top: -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__logo {
    display: none
  }
}
body.dashboard .header__logo a:hover {
  opacity: .95
}
body.dashboard .header__balance {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-width: 340px;
  min-height: 150px;
  margin-left: 50px;
  margin-top: -20px;
  padding: 30px 15px 15px 50px;
  background-color: transparent;
  background-image: url(../images/db/balance.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__balance {
    margin-left: 0
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__balance {
    background-size: cover;
    min-height: 180px;
    min-width: 250px;
    padding: 20px 15px;
    margin-left: 5px
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .header__balance {
    min-width: 200px
  }
}
@media only screen and (max-width:479px) {
  body.dashboard .header__balance {
    min-width: 100%
  }
}
body.dashboard .header__balance-icon {
  position: relative;
  margin-right: 20px
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__balance-icon {
    margin-right: 10px
  }
}
body.dashboard .header__balance-data {
  position: relative;
  display: flex;
  flex-direction: column
}
body.dashboard .header__balance-data .styled-subtitle {
  font-size: 18px
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__balance-data {
    justify-content: center
  }
  body.dashboard .header__balance-data .title-h3 {
    line-height: 1
  }
}
body.dashboard .header__stat {
  position: relative;
  margin-left: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__stat {
    margin-left: 15px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__stat {
    position: absolute;
    bottom: 60px
  }
}
body.dashboard .header__stat ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__stat ul {
    margin: 0 -15px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__stat ul {
    flex-direction: column
  }
}
body.dashboard .header__stat li {
  display: flex;
  flex-direction: column;
  padding: 0 25px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__stat li {
    padding: 0 15px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__stat li {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 20px
  }
  body.dashboard .header__stat li .title-h4 {
    padding-left: 5px;
    font-size: 18px
  }
}
body.dashboard .header__menu {
  position: relative;
  margin-left: 70px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__menu {
    margin-left: 0
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .header__menu {
    display: none
  }
}
body.dashboard .header__menu ul {
  display: flex
}
body.dashboard .header__menu li {
  min-width: 230px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__menu li {
    min-width: auto;
    margin-left: 30px
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .header__menu li {
    margin-left: 15px
  }
}
body.dashboard .header__menu .btn {
  min-width: 180px;
  padding-right: 10px;
  padding-left: 10px
}
@media only screen and (max-width:991px) {
  body.dashboard .header__menu .btn {
    min-width: 130px
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .header__menu .btn i {
    display: none
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .header__menu .btn span {
    font-size: 16px
  }
}
body.dashboard .header__socials {
  position: relative;
  margin-left: auto
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__socials {
    display: none
  }
}
body.dashboard .header__center {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 570px;
  padding-right: 50px;
  margin-left: auto;
  z-index: 2
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__center {
    padding-right: 0
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .header__center {
    max-width: 420px
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .header__center {
    position: absolute;
    top: 10px;
    right: 15px;
    flex-direction: column
  }
}
@media only screen and (max-width:479px) {
  body.dashboard .header__center {
    display: none
  }
}
body.dashboard .header__user {
  position: relative;
  display: flex
}
body.dashboard .header__user-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  margin-right: 15px
}
body.dashboard .header__user-icon i {
  font-size: 37px;
  color: #ffce59
}
body.dashboard .header__user-data {
  position: relative;
  display: flex;
  flex-direction: column
}
body.dashboard .header__bottom {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
  width: 200px;
  height: 80px;
  right: 0;
  bottom: 0;
  -webkit-clip-path: polygon(0 20%,100% 0,100% 100%,0 73%);
  clip-path: polygon(0 20%,100% 0,100% 100%,0 73%);
  background-color: #ffce59
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__bottom {
    bottom: 24px
  }
}
@media only screen and (max-width:1399px) {
  body.dashboard .header__bottom {
    bottom: 34px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .header__bottom {
    bottom: 44px
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .header__bottom {
    display: none
  }
}
body.dashboard .footer {
  position: relative;
  width: calc(100% - 290px);
  margin-left: auto;
  margin-top: auto;
  background-color: transparent;
  background-image: url(../images/db/footer.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
@media only screen and (max-width:1899px) {
  body.dashboard .footer {
    width: calc(100% - 60px)
  }
}
body.dashboard .footer__wrap {
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 15px
}
@media only screen and (max-width:767px) {
  body.dashboard .footer__wrap {
    flex-direction: column-reverse;
    padding: 15px
  }
}
body.dashboard .footer__socials {
  display: none;
  position: relative;
  margin-left: 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .footer__socials {
    display: block
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .footer__socials {
    margin-left: 0;
    margin-bottom: 15px
  }
}
body.dashboard .footer__copyright {
  position: relative;
  color: #cfcfcf
}
body.dashboard .db-section {
  position: relative
}
body.dashboard .db-section__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px
}
@media only screen and (max-width:1199px) {
  body.dashboard .db-section__wrap {
    margin: 0 -10px
  }
}
body.dashboard .db-section__block {
  position: relative;
  width: 50%;
  padding: 0 20px;
  margin-bottom: 60px
}
@media only screen and (max-width:1199px) {
  body.dashboard .db-section__block {
    padding: 0 10px
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .db-section__block {
    width: 100%;
    margin-bottom: 40px
  }
}
body.dashboard .db-section__block.block--100 {
  width: 100%
}
body.dashboard .db-section__block.block--75 {
  width: 75%
}
body.dashboard .db-section__block.block--33 {
  width: calc(100% / 3)
}
@media only screen and (max-width:1399px) {
  body.dashboard .db-section__block.block--33 {
    width: 50%
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .db-section__block.block--33 {
    width: 100%
  }
}
body.dashboard .db-section__block.block--25 {
  width: 25%
}
body.dashboard .db-section__block .db-section__block {
  margin-bottom: 0;
  margin-top: 40px
}
body.dashboard .db-section__item {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 21px 10px rgba(3,5,3,.1)
}
body.dashboard .db-section__item + .db-section__item {
  margin-top: 40px
}
body.dashboard .db-section__item.item--icon {
  padding-left: 200px
}
@media only screen and (max-width:1199px) {
  body.dashboard .db-section__item.item--icon {
    padding-left: 115px
  }
}
@media only screen and (max-width:479px) {
  body.dashboard .db-section__item.item--icon {
    padding-left: 0
  }
}
body.dashboard .db-section__item.item--small {
  min-height: 100px;
  background-color: #0c1227;
  background-image: url(../images/db/bg-small.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .db-section__item.item--medium {
  min-height: 515px;
  background-color: #0c1227;
  background-image: url(../images/db/bg-medium.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .db-section__item.item--full {
  background-color: #0c1227;
  background-image: url(../images/db/bg-full.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .db-section__item.item--large {
  background-color: #0c1227;
  background-image: url(../images/db/bg-large.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .db-section__item.item--light {
  position: relative;
  background-color: #0c1227;
  background-image: url(../images/db/bg-part.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .db-section__item.item--light.item--separator:after {
  content: '';
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 55px;
  background-color: transparent;
  background-image: url(../images/icons/part-sep.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:1199px) {
  body.dashboard .db-section__item.item--light.item--separator:after {
    display: none
  }
}
body.dashboard .db-section__item.item--auto {
  min-height: auto;
  min-width: auto
}
body.dashboard .db-section__title {
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  padding: 5px 30px 0 30px
}
@media only screen and (max-width:767px) {
  body.dashboard .db-section__title {
    padding: 5px 15px 0 15px
  }
}
body.dashboard .db-section__icon {
  position: absolute;
  left: 20px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 180px;
  min-height: 65px;
  background-color: rgba(255,206,89,.7);
  color: #fff
}
@media only screen and (max-width:1199px) {
  body.dashboard .db-section__icon {
    width: 100px;
    left: 15px
  }
}
@media only screen and (max-width:479px) {
  body.dashboard .db-section__icon {
    display: none
  }
}
body.dashboard .db-section__icon:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(255,206,89,.7);
  -webkit-clip-path: polygon(0 100%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 100%,100% 0,100% 100%,0 100%)
}
body.dashboard .db-section__icon:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #ffce59
}
body.dashboard .title-area {
  position: relative;
  margin-top: -50px
}
body.dashboard .referral-link {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  padding: 10px 60px 10px 40px
}
body.dashboard .referral-link [data-clipboard-confirm] {
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease
}
body.dashboard .referral-link [data-clipboard-confirm].active {
  opacity: 1;
  visibility: visible
}
@media only screen and (max-width:1899px) {
  body.dashboard .referral-link {
    padding: 10px 20px
  }
}
body.dashboard .referral-link__data {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 5px
}
body.dashboard .referral-link__data input {
  display: flex;
  min-width: 100%;
  background: 0 0;
  text-decoration: underline;
  border: 0;
  padding: 0;
  /* font-family: "Bebas Neue"; */
  font-size: 16px;
  font-weight: 400;
  color: #ffce59
}
body.dashboard .referral-link__btn {
  position: relative;
  margin-left: 15px
}
body.dashboard .referral-link__btn i {
  font-size: 25px;
  color: #fff
}
body.dashboard .user-partners {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center
}
body.dashboard .user-partners.user-partners--start {
  justify-content: flex-start;
  padding: 15px 30px
}
@media only screen and (max-width:1899px) {
  body.dashboard .user-partners {
    justify-content: flex-start;
    padding: 15px
  }
}
body.dashboard .user-partners ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .user-partners ul {
    margin: 0 -20px
  }
}
body.dashboard .user-partners li {
  display: flex;
  flex-direction: column;
  padding: 5px 50px 0 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .user-partners li {
    padding: 5px 20px
  }
}
body.dashboard .user-partners li:first-child .title-h4 {
  color: #b0b1b5
}
body.dashboard .user-partners li .styled-subtitle {
  padding-bottom: 5px
}
body.dashboard .user-partners__item {
  display: flex;
  flex-direction: column
}
body.dashboard .user-partners__item .styled-subtitle {
  padding-top: 5px;
  padding-bottom: 5px
}
body.dashboard .operations {
  position: relative
}
body.dashboard .operations .db-section__item + .db-section__item {
  margin-top: 10px
}
body.dashboard .operations .pagination {
  width: 100%;
  padding: 60px 30px 30px 30px
}
@media only screen and (max-width:767px) {
  body.dashboard .operations .operations--partners {
    margin-top: 30px
  }
}
body.dashboard .operations .db-tabs-body {
  padding: 30px 0 0 0
}
body.dashboard .operations .operations--all .operations__table {
  position: relative;
  width: 100%
}
@media only screen and (max-width:1199px) {
  body.dashboard .operations .operations--all .operations__table {
    overflow-x: auto
  }
  body.dashboard .operations .operations--all .operations__table::-webkit-scrollbar {
    width: 4px;
    height: 4px
  }
  body.dashboard .operations .operations--all .operations__table::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.1);
    border-radius: 4px
  }
  body.dashboard .operations .operations--all .operations__table::-webkit-scrollbar-track {
    background: 0 0
  }
  body.dashboard .operations .operations--all .operations__table .db-table {
    min-width: 1620px
  }
}
body.dashboard .operations .operations--last .operations__table {
  position: relative;
  width: 100%
}
@media only screen and (max-width:479px) {
  body.dashboard .operations .operations--last .operations__table {
    overflow-x: auto
  }
  body.dashboard .operations .operations--last .operations__table::-webkit-scrollbar {
    width: 4px;
    height: 4px
  }
  body.dashboard .operations .operations--last .operations__table::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.1);
    border-radius: 4px
  }
  body.dashboard .operations .operations--last .operations__table::-webkit-scrollbar-track {
    background: 0 0
  }
  body.dashboard .operations .operations--last .operations__table .db-table {
    min-width: 480px
  }
}
body.dashboard .operations .operations--partners .operations__table {
  position: relative;
  width: 100%
}
@media only screen and (max-width:991px) {
  body.dashboard .operations .operations--partners .operations__table {
    overflow-x: auto
  }
  body.dashboard .operations .operations--partners .operations__table::-webkit-scrollbar {
    width: 4px;
    height: 4px
  }
  body.dashboard .operations .operations--partners .operations__table::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.1);
    border-radius: 4px
  }
  body.dashboard .operations .operations--partners .operations__table::-webkit-scrollbar-track {
    background: 0 0
  }
  body.dashboard .operations .operations--partners .operations__table .db-table {
    min-width: 1000px
  }
}
body.dashboard .charge-list {
  position: relative;
  height: 50%;
  padding: 3px 4px;
  background-color: #0c1227;
  background-image: url(../images/db/bg-medium.jpg);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:991px) {
  body.dashboard .charge-list {
    height: auto
  }
}
@media only screen and (max-width:479px) {
  body.dashboard .charge-list {
    overflow-x: auto
  }
}
body.dashboard .charge-list ul {
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:479px) {
  body.dashboard .charge-list ul {
    min-width: 360px
  }
}
body.dashboard .charge-list li {
  margin: 1px
}
body.dashboard .charge-list__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 61px;
  background-color: rgba(255,255,255,.1)
}
@media only screen and (max-width:767px) {
  body.dashboard .charge-list__item {
    padding: 0 15px
  }
}
body.dashboard .charge-list__item i {
  display: inline-flex;
  min-width: 45px;
  justify-content: center;
  margin-left: 50px
}
@media only screen and (max-width:767px) {
  body.dashboard .charge-list__item i {
    margin-left: 0
  }
}
body.dashboard .charge-list__item .tx-white {
  padding-top: 5px;
  padding-left: 30px
}
@media only screen and (max-width:767px) {
  body.dashboard .charge-list__item .tx-white {
    padding-left: 15px
  }
}
body.dashboard .charge-list__item .tx-primary {
  padding-top: 5px;
  padding-right: 30px;
  margin-left: auto
}
@media only screen and (max-width:767px) {
  body.dashboard .charge-list__item .tx-primary {
    padding-right: 15px
  }
}
body.dashboard .charge-timer {
  position: relative;
  height: calc(50% - 40px);
  background-color: #0c1227;
  background-image: url(../images/db/bg-time.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
@media only screen and (max-width:991px) {
  body.dashboard .charge-timer {
    height: auto;
    min-height: 200px
  }
}
body.dashboard .charge-timer .db-section__icon {
  min-height: calc(100% - 35px)
}
body.dashboard .charge-timer__wrap {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px 0 100px
}
@media only screen and (max-width:1899px) {
  body.dashboard .charge-timer__wrap {
    padding: 10px 20px
  }
}
body.dashboard .charge-timer__wrap .tx-white {
  font-size: 22px
}
@media only screen and (max-width:991px) {
  body.dashboard .charge-timer__wrap .tx-white {
    font-size: 18px
  }
}
body.dashboard .charge-timer__wrap .title-large {
  font-size: 54px
}
@media only screen and (max-width:991px) {
  body.dashboard .charge-timer__wrap .title-large {
    font-size: 48px
  }
}
body.dashboard .deposit {
  position: relative
}
body.dashboard .deposit__wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 30px 30px 30px;
  margin: 0 -20px
}
@media only screen and (max-width:479px) {
  body.dashboard .deposit__wrap {
    padding: 10px 0 30px 0
  }
}
body.dashboard .db-tabs-body.deposit__wrap {
  padding-top: 60px
}
body.dashboard .deposit__block {
  width: 50%;
  padding: 0 20px;
  margin-bottom: 50px
}
@media only screen and (max-width:767px) {
  body.dashboard .deposit__block {
    width: 100%;
    padding: 0 15px
  }
}
body.dashboard .deposit__block.block--100 {
  width: 100%;
  margin-bottom: 0
}
body.dashboard .deposit__item {
  position: relative;
  display: flex;
  min-height: 290px;
  background-color: #6d7285
}
@media only screen and (max-width:1199px) {
  body.dashboard .deposit__item {
    flex-direction: column
  }
}
body.dashboard .deposit__item.item--close .deposit__item-image img {
  filter: grayscale(100%)
}
body.dashboard .deposit__item-start {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 30px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__item-start {
    padding: 30px 15px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .deposit__item-start {
    width: 100%;
    padding: 15px
  }
}
body.dashboard .deposit__item-fluid {
  position: absolute;
  top: -20px;
  left: -20px
}
body.dashboard .deposit__item-image {
  position: absolute;
  top: 0;
  left: 0
}
@media only screen and (max-width:991px) {
  body.dashboard .deposit__item-image img {
    max-width: 340px
  }
}
body.dashboard .deposit__item-info {
  position: relative;
  margin: 10px 0 0 10px;
  z-index: 5
}
body.dashboard .deposit__item-plane {
  position: relative;
  margin-top: auto;
  white-space: nowrap
}
body.dashboard .deposit__item-plane .title-giant {
  margin-left: -10px
}
@media only screen and (max-width:1199px) {
  body.dashboard .deposit__item-plane {
    margin-top: 100px
  }
}
@media only screen and (max-width:991px) {
  body.dashboard .deposit__item-plane {
    margin-top: 80px
  }
}
body.dashboard .deposit__item-progress {
  margin-top: 10px
}
body.dashboard .deposit__item-end {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 20px 20px 0 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__item-end {
    padding: 15px 15px 0 15px
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .deposit__item-end {
    width: 100%;
    padding: 0 15px
  }
}
body.dashboard .deposit__item-stats {
  position: relative
}
body.dashboard .deposit__item-stats ul {
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__item-stats ul {
    max-width: 210px;
    margin-left: auto
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .deposit__item-stats ul {
    max-width: none;
    margin-bottom: 15px
  }
}
body.dashboard .deposit__item-stats li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  background-color: rgba(41,46,65,.2);
  padding: 5px 20px 0 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__item-stats li {
    flex-direction: column;
    align-items: flex-start
  }
}
@media only screen and (max-width:1399px) {
  body.dashboard .deposit__item-stats li {
    align-items: flex-end
  }
}
@media only screen and (max-width:1199px) {
  body.dashboard .deposit__item-stats li {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
  }
}
body.dashboard .deposit__item-stats li + li {
  margin-top: 2px
}
body.dashboard .deposit__item-timer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  width: 100%;
  margin-top: auto;
  margin-bottom: -20px;
  padding-top: 10px;
  background-color: rgba(255,194,48,.6);
  -webkit-clip-path: polygon(0 30%,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 30%,100% 0,100% 100%,0 100%)
}
body.dashboard .deposit__item-timer:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #ffce59
}
body.dashboard .deposit__item-timer-icon {
  margin-right: 30px
}
@media only screen and (max-width:1399px) {
  body.dashboard .deposit__item-timer-icon {
    margin-right: 10px
  }
}
body.dashboard .deposit__item-timer-clock {
  display: flex;
  flex-direction: column
}
body.dashboard .deposit__item-timer-clock .timer {
  line-height: 1
}
body.dashboard .deposit__item-timer-clock .timer span {
  width: auto
}
body.dashboard .deposit__btn {
  position: relative;
  display: flex;
  justify-content: center
}
body.dashboard .deposit__btn .btn {
  min-width: 140px
}
body.dashboard .deposit-empty {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 0 15px
}
body.dashboard .deposit-empty__desc {
  display: flex;
  flex-wrap: wrap;
  max-width: 390px
}
body.dashboard .deposit-empty__desc .title-h1 {
  line-height: 1.2
}
body.dashboard .deposit-empty__desc .btn {
  margin-left: 20px;
  margin-top: 10px
}
@media only screen and (max-width:767px) {
  body.dashboard .deposit-empty__image {
    display: none
  }
}
body.dashboard .calculator {
  position: relative
}
body.dashboard .calculator .db-section__icon {
  min-height: calc(100% - 35px)
}
body.dashboard .calculator__amount,
body.dashboard .calculator__payment {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 150px;
  padding: 15px 30px
}
@media only screen and (max-width:767px) {
  body.dashboard .calculator__amount,
  body.dashboard .calculator__payment {
    padding: 15px
  }
}
@media only screen and (max-width:479px) {
  body.dashboard .calculator__amount .error-msg,
  body.dashboard .calculator__payment .error-msg {
    display: none!important
  }
}
body.dashboard .calculator__plans {
  position: relative;
  padding: 15px
}
body.dashboard .calculator__plans ul {
  display: flex;
  justify-content: center;
  margin: 0
}
@media only screen and (max-width:1899px) {
  body.dashboard .calculator__plans ul {
    flex-wrap: wrap
  }
}
body.dashboard .calculator__plans li {
  min-width: 420px
}
@media only screen and (max-width:767px) {
  body.dashboard .calculator__plans li {
    min-width: 100%
  }
}
body.dashboard .calculator__plans input[type=radio] {
  display: none
}
body.dashboard .calculator__plans label {
  transition: all .3s ease;
  cursor: pointer
}
body.dashboard .calculator__plans input[type=radio]:not(:checked):hover + label {
  opacity: .8
}
body.dashboard .calculator__plans input[type=radio]:checked + .calculator__plans-item:after {
  display: block
}
body.dashboard .calculator__plans input[type=radio]:disabled + .calculator__plans-item {
  opacity: .3
}
body.dashboard .calculator__plans-item {
  position: relative;
  display: flex;
  flex-direction: column
}
body.dashboard .calculator__plans-item:after {
  display: none;
  content: '';
  position: absolute;
  left: -5px;
  top: 11px;
  width: 100%;
  min-width: 420px;
  height: 100%;
  background-color: transparent;
  background-image: url(../images/db/plan-active.png);
  background-repeat: no-repeat;
  background-position: center top
}
@media only screen and (max-width:767px) {
  body.dashboard .calculator__plans-item:after {
    left: 5px;
    background-position: left top
  }
}
body.dashboard .calculator__plans-image {
  position: relative
}
body.dashboard .calculator__plans-data {
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 10
}
@media only screen and (max-width:767px) {
  body.dashboard .calculator__plans-data {
    left: 0;
    bottom: 30px
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .calculator__plans-data .title-giant {
    font-size: 48px
  }
}
body.dashboard .calculator__result {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 380px;
  padding: 15px 30px;
  text-align: center
}
@media only screen and (max-width:767px) {
  body.dashboard .calculator__result {
    padding: 15px
  }
}
body.dashboard .calculator__result .title-h1 {
  padding: 30px 0 60px 0
}
body.dashboard .calculator__result-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 270px;
  padding: 15px 70px;
  text-align: center
}
@media only screen and (max-width:1399px) {
  body.dashboard .calculator__result-list {
    padding: 15px
  }
}
body.dashboard .calculator__result-list ul {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -15px
}
@media only screen and (max-width:991px) {
  body.dashboard .calculator__result-list ul {
    justify-content: center
  }
}
body.dashboard .calculator__result-list li {
  display: flex;
  flex-direction: column;
  padding: 15px;
  min-width: 25%
}
body.dashboard .calculator__result-list span.tx-white {
  font-family: Gilroy;
  text-transform: none;
  font-weight: 400;
  padding-bottom: 10px
}
body.dashboard .calculator__result-list .btn {
  margin-top: 50px
}
body.dashboard .banners {
  position: relative
}
body.dashboard .banners .db-section__block {
  min-height: 100%
}
@media only screen and (max-width:991px) {
  body.dashboard .banners .db-section__block {
    width: 100%
  }
}
body.dashboard .banners .db-section__title {
  padding-left: 0;
  padding-right: 0
}
body.dashboard .banners-item {
  padding: 0 30px 30px 30px
}
@media only screen and (max-width:767px) {
  body.dashboard .banners-item {
    padding: 0 15px 15px 15px
  }
}
body.dashboard .banners-item__wrap {
  position: relative;
  display: flex;
  justify-content: space-between
}
@media only screen and (max-width:1899px) {
  body.dashboard .banners-item__wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
  }
}
body.dashboard .banners-item__image {
  position: relative;
  flex: 1 0 auto;
  margin-right: 30px
}
@media only screen and (max-width:1899px) {
  body.dashboard .banners-item__image {
    margin-right: 0
  }
}
body.dashboard .banners-item__image img {
  max-width: 100%
}
body.dashboard .banners-item__info {
  position: relative
}
@media only screen and (max-width:1899px) {
  body.dashboard .banners-item__info {
    margin-top: 15px
  }
}
body.dashboard .banners-item__info code {
  font-size: 16px;
  color: #fff
}
body.dashboard .banners-item__info a {
  font-size: 25px;
  color: #fff
}
body.dashboard .banners .banner--728 {
  min-height: 170px;
  background-color: transparent;
  background-image: url(../images/db/banner1-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .banners .banner--240 {
  min-height: 100%;
  background-color: transparent;
  background-image: url(../images/db/banner2-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .banners .banner--150 {
  background-color: transparent;
  background-image: url(../images/db/banner3-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .banners .banner--468 {
  background-color: transparent;
  background-image: url(../images/db/banner4-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .banners .banner--160 {
  min-height: 100%;
  background-color: transparent;
  background-image: url(../images/db/banner5-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
body.dashboard .banners .banner--468 .banners-item__wrap {
  position: relative;
  flex-direction: column
}
body.dashboard .banners .banner--468 .banners-item__info,
body.dashboard .banners .banner--728 .banners-item__info {
  display: flex;
  align-items: center;
  justify-content: space-between
}
@media only screen and (max-width:1899px) {
  body.dashboard .banners .banner--468 .banners-item__info,
  body.dashboard .banners .banner--728 .banners-item__info {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
  }
  body.dashboard .banners .banner--468 .banners-item__info a,
  body.dashboard .banners .banner--728 .banners-item__info a {
    margin-top: 30px
  }
}
body.dashboard .banners .banner--468 .banners-item__info code,
body.dashboard .banners .banner--728 .banners-item__info code {
  padding-right: 30px
}
@media only screen and (max-width:1899px) {
  body.dashboard .banners .banner--468 .banners-item__info code,
  body.dashboard .banners .banner--728 .banners-item__info code {
    padding-right: 0
  }
}
body.dashboard .banners .banner--468 .banners-item__info {
  margin-top: 15px
}
body.dashboard .banners .banner--150 .banners-item__info,
body.dashboard .banners .banner--160 .banners-item__info,
body.dashboard .banners .banner--240 .banners-item__info {
  display: flex;
  flex-direction: column;
  align-items: center
}
body.dashboard .banners .banner--150 .banners-item__info a,
body.dashboard .banners .banner--160 .banners-item__info a,
body.dashboard .banners .banner--240 .banners-item__info a {
  margin-top: 30px
}
body.dashboard .filters {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 20px 30px
}
@media only screen and (max-width:767px) {
  body.dashboard .filters {
    padding: 30px 15px
  }
}
body.dashboard .filters__wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: -20px
}
@media only screen and (max-width:1199px) {
  body.dashboard .filters__wrap {
    flex-wrap: wrap;
    justify-content: center
  }
}
body.dashboard .filters__block {
  display: flex;
  width: 100%;
  padding: 20px
}
@media only screen and (max-width:1199px) {
  body.dashboard .filters__block {
    width: 50%
  }
}
@media only screen and (max-width:767px) {
  body.dashboard .filters__block {
    width: 100%
  }
}
body.dashboard .filters__block.block--btn {
  width: auto;
  align-items: center
}
body.dashboard .filters__block .form-line {
  position: relative;
  flex: 1
}
body.dashboard .filters__block .form-line + .form-line {
  margin-left: 15px
}
body.dashboard .filters__block .btn-group .btn {
  min-width: 140px
}
body.dashboard .settings {
  position: relative
}
body.dashboard .settings .db-tabs-body {
  display: flex;
  width: 100%;
  padding-bottom: 50px;
  padding-top: 40px;
  min-height: 540px
}
@media only screen and (max-width:767px) {
  body.dashboard .settings .db-tabs-body {
    padding: 40px 15px
  }
}
body.dashboard .settings .form {
  width: 100%;
  align-items: flex-start;
  flex: auto
}
body.dashboard .settings .form-line + .form-line {
  margin-top: 20px
}
body.dashboard .settings .form-col--100 {
  margin-top: auto
}
body.dashboard .settings .btn-group--center {
  text-align: center
}
body.dashboard .settings .btn-group--center .btn {
  min-width: 140px
}
body.dashboard .settings .checkbox-group {
  margin: 24px 0 16px 0
}

.default_form {
  width: 100%;
}
.default_form fieldset {
  border: 0;
  padding: 0;
  margin: 0;

  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 45px;
}
.default_form table {}
.default_form table tr {
  padding: 4px 15px 4px 19px;
  min-height: 48px;
  position: relative;
  margin-bottom: 10px;
}
.default_form table tr:nth-child(2n) {
  background: rgba(58, 99, 79, 0.2);
}
.default_form table tr td {
  text-align: left;
  padding: 10px 50px 10px 10px;
  word-wrap: anywhere;
}
.default_form table tr td:first-child {
  font-weight: bold;
  text-transform: uppercase;
}

.button-blue, .button-green, .button-gray, .button-red {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 0.25px;
    position: relative;
    z-index: 1;
    text-align: center;
    height: 38px;
    padding: 4px 40px;
    padding-right: 40px;
    padding-left: 40px;
    text-decoration: none;
    background-color: #ffce59;
    border: 0;
    cursor: pointer;
}
.button-blue:hover, .button-green:hover, .button-gray:hover, .button-red:hover {
  opacity: 0.7;
}

span.err {
  color: #bd572b;
}

p.info a {
  color: #00efdc;
  text-decoration: underline;
}

p.info a:hover {
  text-decoration: none;
}