@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-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%
}
.alert {
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 12px;
  font-size: 13px;
}
.alert h4 {
  margin: 0 auto 15px;
  text-transform: uppercase;
}
.alert.alert-success {
  background-color: rgba(227, 253, 235, 1);
  border-color: rgba(38, 179, 3, 1);
  color: rgba(60, 118, 61, 1);
}
.alert.alert-info {
  background-color: rgba(217, 237, 247, 1);
  color: rgba(49, 112, 143, 1);
  border-color: rgba(126, 182, 193, 1);
}
.alert.alert-warning {
  background-color: rgba(252, 248, 227, 1);
  border-color: rgba(177, 161, 129, 1);
  color: rgba(138, 109, 59, 1);
}
.alert.alert-danger {
  background-color: rgba(248, 215, 218, 1);
  border-color: rgba(220, 53, 69, 1);
  color: rgba(114, 28, 36,1);
}
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("Ruberoid-Regular"),url(../fonts/Ruberoid/Ruberoid-Regular.woff) format("woff"),url(../fonts/Ruberoid/Ruberoid-Regular.woff2) format("woff2");
  font-family: Ruberoid;
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  src: local("Ruberoid-Bold"),url(../fonts/Ruberoid/Ruberoid-Bold.woff) format("woff"),url(../fonts/Ruberoid/Ruberoid-Bold.woff2) format("woff2");
  font-family: Ruberoid;
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  src: local("TTFirsNeue-Medium"),url(../fonts/TTFirsNeue/TTFirsNeue-Medium.woff) format("woff"),url(../fonts/TTFirsNeue/TTFirsNeue-Medium.woff2) format("woff2");
  font-family: TTFirsNeue;
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  src: local("TTFirsNeue-DemiBold"),url(../fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff) format("woff"),url(../fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff2) format("woff2");
  font-family: TTFirsNeue;
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@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-L-BTC:before,
.icon-L-CCBC:before {
  content: "\e900"
}
.icon-S-BTC:before,
.icon-S-CCBC:before {
  content: "\e901"
}
.icon-L-DASH:before,
.icon-L-CCDH:before {
  content: "\e902"
}
.icon-L-DC:before {
  content: "\e903"
}
.icon-S-ETH:before,
.icon-S-CCE:before {
  content: "\e904"
}
.icon-L-LTC:before,
.icon-L-CCLC:before {
  content: "\e905"
}
.icon-S-PY:before {
  content: "\e906"
}
.icon-S-PM:before {
  content: "\e907"
}
.icon-L-XRP:before,
.icon-L-XRPA:before {
  content: "\e908"
}
.icon-L-SOL:before,
.icon-L-CCB4:before {
  content: "\e909"
}
.icon-L-USDT:before,
.icon-L-CCE1:before,
.icon-L-CCT1:before,
.icon-L-CCB1:before {
  content: "\e90a"
}
.icon-S-USDT:before,
.icon-S-CCE1:before,
.icon-S-CCT1:before,
.icon-S-CCB1:before {
  content: "\e90b"
}
.icon-L-TRON:before,
.icon-L-CCT:before {
  content: "\e90c"
}
.icon-S-VISA:before {
  content: "\e90d"
}
.icon-accounting:before {
  content: "\e90e"
}
.icon-affiliate-marketing:before {
  content: "\e90f"
}
.icon-album:before {
  content: "\e910"
}
.icon-budget:before {
  content: "\e911"
}
.icon-business:before {
  content: "\e912"
}
.icon-calendar:before {
  content: "\e913"
}
.icon-calendar-2:before {
  content: "\e914"
}
.icon-call-center-agent:before {
  content: "\e915"
}
.icon-chart:before {
  content: "\e916"
}
.icon-chat:before {
  content: "\e917"
}
.icon-check-mark:before {
  content: "\e918"
}
.icon-clickbait:before {
  content: "\e919"
}
.icon-credit-card:before {
  content: "\e91a"
}
.icon-credit-card-2:before {
  content: "\e91b"
}
.icon-cyber-security:before {
  content: "\e91c"
}
.icon-dashboard:before {
  content: "\e91d"
}
.icon-data-analytics:before {
  content: "\e91e"
}
.icon-document:before {
  content: "\e91f"
}
.icon-email-marketing:before {
  content: "\e920"
}
.icon-eye:before {
  content: "\e921"
}
.icon-flow:before {
  content: "\e922"
}
.icon-folder:before {
  content: "\e923"
}
.icon-follow-up:before {
  content: "\e924"
}
.icon-home:before {
  content: "\e925"
}
.icon-info:before {
  content: "\e926"
}
.icon-installing:before {
  content: "\e927"
}
.icon-insurance:before {
  content: "\e928"
}
.icon-locker:before {
  content: "\e929"
}
.icon-mail:before {
  content: "\e92a"
}
.icon-market:before {
  content: "\e92b"
}
.icon-monetization:before {
  content: "\e92c"
}
.icon-money:before {
  content: "\e92d"
}
.icon-online-discount:before {
  content: "\e92e"
}
.icon-optimization:before {
  content: "\e92f"
}
.icon-payday:before {
  content: "\e930"
}
.icon-performance:before {
  content: "\e931"
}
.icon-recieve:before {
  content: "\e932"
}
.icon-research:before {
  content: "\e933"
}
.icon-safe:before {
  content: "\e934"
}
.icon-stock-market:before {
  content: "\e935"
}
.icon-telegram:before {
  content: "\e936"
}
.icon-touch:before {
  content: "\e937"
}
.icon-transit:before {
  content: "\e938"
}
.icon-video-conference:before {
  content: "\e939"
}
.icon-wallet:before {
  content: "\e93a"
}
.icon-wallet-2:before {
  content: "\e93b"
}
.icon-website:before {
  content: "\e93c"
}
.icon-youtube:before {
  content: "\e93d"
}
.fs-giant {
  font-size: 120px;
  line-height: .9
}
@media only screen and (max-width:1899px) {
  .fs-giant {
    font-size: 90px
  }
}
@media only screen and (max-width:1439px) {
  .fs-giant {
    font-size: 70px
  }
}
.fs-xlarge {
  font-size: 100px;
  line-height: .9
}
@media only screen and (max-width:1899px) {
  .fs-xlarge {
    font-size: 75px
  }
}
@media only screen and (max-width:1439px) {
  .fs-xlarge {
    font-size: 60px
  }
}
@media only screen and (max-width:1149px) {
  .fs-xlarge {
    font-size: 50px
  }
}
.fs-large {
  font-size: 60px;
  line-height: 1.2
}
@media only screen and (max-width:1899px) {
  .fs-large {
    font-size: 40px
  }
}
@media only screen and (max-width:1439px) {
  .fs-large {
    font-size: 30px
  }
}
.fs-h1,
h1 {
  font-size: 50px;
  line-height: 1.2
}
@media only screen and (max-width:1899px) {
  .fs-h1,
  h1 {
    font-size: 40px
  }
}
@media only screen and (max-width:1439px) {
  .fs-h1,
  h1 {
    font-size: 30px
  }
}
.fs-h2,
h2 {
  font-size: 40px;
  line-height: 1.2
}
@media only screen and (max-width:1899px) {
  .fs-h2,
  h2 {
    font-size: 30px
  }
}
.fs-h3,
h3 {
  font-size: 30px;
  line-height: 1.2
}
@media only screen and (max-width:1899px) {
  .fs-h3,
  h3 {
    font-size: 20px
  }
}
@media only screen and (max-width:1439px) {
  .fs-h3,
  h3 {
    font-size: 15px
  }
}
@media only screen and (max-width:1149px) {
  .fs-h3,
  h3 {
    font-size: 20px
  }
}
.fs-h4,
h4 {
  font-size: 20px
}
@media only screen and (max-width:1899px) {
  .fs-h4,
  h4 {
    font-size: 15px
  }
}
@media only screen and (max-width:1149px) {
  .fs-h4,
  h4 {
    font-size: 20px
  }
}
.fs-h5,
h5 {
  font-size: 15px
}
@media only screen and (max-width:1899px) {
  .fs-h5,
  h5 {
    font-size: 13px
  }
}
@media only screen and (max-width:1149px) {
  .fs-h5,
  h5 {
    font-size: 15px
  }
}
.fs-h6,
h6 {
  font-size: 14px;
  text-transform: uppercase
}
@media only screen and (max-width:1899px) {
  .fs-h6,
  h6 {
    font-size: 12px
  }
}
@media only screen and (max-width:1149px) {
  .fs-h6,
  h6 {
    font-size: 14px
  }
}
.fs-giant,
.fs-h1,
.fs-h2,
.fs-h3,
.fs-h4,
.fs-h5,
.fs-h6,
.fs-large,
.fs-xlarge {
  font-family: TTFirsNeue;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 500
}
.fs-demi {
  font-size: 25px;
  font-weight: 600
}
@media only screen and (max-width:1899px) {
  .fs-demi {
    font-size: 15px
  }
}
.fs-small {
  font-size: 14px
}
@media only screen and (max-width:1899px) {
  .fs-small {
    font-size: 13px
  }
}
.fs-tiny {
  font-size: 12px
}
@media only screen and (max-width:1899px) {
  .fs-tiny {
    font-size: 11px
  }
}
.fs-min {
  font-size: 10px
}
b,
strong {
  font-weight: 700
}
sub {
  top: 0
}
a {
  text-decoration: none;
  transition: all .3s ease
}
button {
  cursor: pointer;
  transition: all .3s ease
}
a:hover,
button:hover {
  opacity: .8
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}
.ff-primary {
  font-family: Ruberoid
}
.ff-second {
  font-family: TTFirsNeue;
  text-transform: uppercase
}
.ff-icons {
  font-family: icons
}
.fw-100 {
  font-weight: 100
}
.fw-200 {
  font-weight: 200
}
.fw-300 {
  font-weight: 300
}
.fw-400 {
  font-weight: 400
}
.fw-500 {
  font-weight: 500
}
.fw-600 {
  font-weight: 600
}
.fw-700 {
  font-weight: 700
}
.fw-800 {
  font-weight: 800
}
.fw-900 {
  font-weight: 900
}
.tt-upp {
  text-transform: uppercase!important
}
.tt-cap {
  text-transform: capitalize!important
}
.tt-low {
  text-transform: lowercase!important
}
.cl-main {
  color: #00000000
}
.cl-primary {
  color: #00000000
}
.cl-secondary {
  color: #00000000
}
.cl-black {
  color: #000
}
.cl-dark {
  color: #1b1d23
}
.cl-white {
  color: #fff
}
.cl-pink {
  color: #f100c3
}
.cl-blue {
  color: #245bea
}
.cl-azure {
  color: #2fabff
}
.cl-indigo {
  color: #7394ff
}
.cl-gray {
  color: grey
}
.cl-teal {
  color: #00d615
}
.cl-purple {
  color: #c98ed2
}
.cl-cyan {
  color: #15aff0
}
.cl-orange {
  color: #f39c00
}
.cl-yellow {
  color: #ffde79
}
.cl-green {
  color: #2bbba1
}
.cl-red {
  color: #c56167
}
.cl-gradient {
  background: #baeef5;
  background: linear-gradient(131deg,#baeef5 0,#c98ed2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.p-0 {
  padding: 0
}
.pt-0 {
  padding-top: 0!important
}
.pb-0 {
  padding-bottom: 0!important
}
.m-0 {
  margin: 0
}
.mt-0 {
  margin-top: 0
}
.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-0 {
  margin-bottom: 0
}
.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;
  background-color: transparent
}
.show-on-tablet {
  display: none!important
}
@media only screen and (max-width:991px) {
  .show-on-tablet {
    display: block!important
  }
}
@media only screen and (max-width:991px) {
  .hide-on-tablet {
    display: none!important
  }
}
.show-on-mobile {
  display: none!important
}
@media only screen and (max-width:749px) {
  .show-on-mobile {
    display: block!important
  }
}
@media only screen and (max-width:749px) {
  .hide-on-mobile {
    display: none!important
  }
}
[data-block-animation] {
  opacity: 0
}
[data-block-animation].block-animation {
  animation: blurInBottom .85s cubic-bezier(.65,0,.35,1) both
}
@media only screen and (max-width:1149px) {
  [data-block-animation] {
    opacity: 1
  }
  [data-block-animation].block-animation {
    animation: none
  }
}
.accordion {
  position: relative;
  display: flex;
  flex-direction: column
}
.accordion__title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 30px 30px 30px 70px;
  border-bottom: 1px solid #d3e0f4;
  cursor: pointer;
  transition: all .3s ease
}
@media only screen and (max-width:1899px) {
  .accordion__title {
    padding: 15px 30px 15px 40px
  }
}
@media only screen and (max-width:749px) {
  .accordion__title {
    padding: 15px 30px
  }
}
.accordion__title b {
  position: absolute;
  left: 0;
  font-weight: 500
}
@media only screen and (max-width:749px) {
  .accordion__title .fs-h4 {
    font-size: 15px
  }
}
.accordion__title:after {
  content: "\002B";
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 28px;
  transform: translateY(-50%)
}
.accordion__title .ui-icon {
  display: none
}
.accordion__title:not(.ui-accordion-header-active):hover {
  opacity: .85
}
.accordion__title.ui-accordion-header-active {
  color: #245bea;
  border-color: transparent
}
.accordion__title.ui-accordion-header-active:after {
  content: "\2212"
}
.accordion__body {
  display: none;
  position: relative;
  width: 100%;
  padding: 0 70px 30px 70px;
  font-size: 15px
}
@media only screen and (max-width:1899px) {
  .accordion__body {
    padding: 0 40px 15px 40px;
    font-size: 13px
  }
}
@media only screen and (max-width:749px) {
  .accordion__body {
    padding: 0 0 15px 0
  }
}
.accordion__body.ui-accordion-content-active {
  border-bottom: 1px solid #d3e0f4
}
.accordion-styled {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  border-left: 1px solid #d3e0f4
}
@media only screen and (max-width:1149px) {
  .accordion-styled {
    border: 0
  }
}
.accordion-styled__title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 40px;
  cursor: pointer;
  transition: all .3s ease
}
@media only screen and (max-width:1899px) {
  .accordion-styled__title {
    padding: 0 0 0 30px
  }
}
@media only screen and (max-width:1149px) {
  .accordion-styled__title {
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid #d3e0f4
  }
}
.accordion-styled__title:before {
  content: '';
  position: absolute;
  top: 0;
  left: -4px;
  width: 7px;
  height: 0;
  border-radius: 3px;
  background: linear-gradient(-180deg,#245bea 0,#3caff8 100%);
  transition: all .3s ease
}
@media only screen and (max-width:1899px) {
  .accordion-styled__title:before {
    left: -3px;
    width: 5px
  }
}
@media only screen and (max-width:1149px) {
  .accordion-styled__title:before {
    display: none
  }
}
.accordion-styled__title:after {
  display: none;
  content: "\002B";
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 28px;
  transform: translateY(-50%)
}
@media only screen and (max-width:1149px) {
  .accordion-styled__title:after {
    display: flex
  }
}
.accordion-styled__title .ui-icon {
  display: none
}
.accordion-styled__title:not(.ui-accordion-header-active):hover {
  opacity: .85
}
.accordion-styled__title.ui-accordion-header-active {
  color: #245bea
}
@media only screen and (max-width:1149px) {
  .accordion-styled__title.ui-accordion-header-active {
    border-color: transparent
  }
}
.accordion-styled__title.ui-accordion-header-active:before {
  height: 100%
}
.accordion-styled__title.ui-accordion-header-active:after {
  content: "\2212"
}
.accordion-styled__body {
  display: none;
  position: relative;
  width: 100%;
  padding: 15px 0 0 40px
}
@media only screen and (max-width:1899px) {
  .accordion-styled__body {
    padding: 10px 0 0 30px
  }
}
@media only screen and (max-width:1149px) {
  .accordion-styled__body.ui-accordion-content-active {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d3e0f4
  }
}
.accordion-styled__body + .accordion-styled__title {
  margin-top: 30px
}
@media only screen and (max-width:1439px) {
  .accordion-styled__body + .accordion-styled__title {
    margin-top: 20px
  }
}
@media only screen and (max-width:1149px) {
  .accordion-styled__body + .accordion-styled__title {
    margin-top: 0
  }
}
@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%
  }
}
@keyframes transform {
  0% {
    transform: translate(0,-10px)
  }
  100% {
    transform: translate(0,-90px)
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625
  }
  100% {
    stroke-dashoffset: 0
  }
}
@keyframes glow {
  from {
    opacity: 1
  }
  to {
    opacity: .5
  }
}
@keyframes glow-reverse {
  from {
    opacity: .5
  }
  to {
    opacity: 1
  }
}
@keyframes pulse {
  0% {
    opacity: 1
  }
  30% {
    opacity: .75
  }
  50% {
    opacity: .5
  }
  70% {
    opacity: .75
  }
  100% {
    opacity: 1
  }
}
@keyframes criss-cross-left {
  50% {
    left: 50%;
    transform: translate(-50%,-50%);
    width: .9em;
    height: .9em
  }
  100% {
    left: 50%;
    transform: translate(-50%,-50%);
    width: 150%;
    height: 150%
  }
}
@keyframes criss-cross-right {
  50% {
    right: 50%;
    transform: translate(50%,-50%);
    width: .9em;
    height: .9em
  }
  100% {
    right: 50%;
    transform: translate(50%,-50%);
    width: 150%;
    height: 150%
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translate3d(0,50%,0)
  }
  100% {
    opacity: 1;
    transform: translateZ(0)
  }
}
@keyframes fadeInBottomScale {
  0% {
    opacity: 0;
    bottom: -100%;
    transform: scale(.5)
  }
  100% {
    opacity: 1;
    bottom: 0;
    transform: scale(1)
  }
}
@keyframes blurInBottom {
  0% {
    transform: translateY(20px);
    filter: blur(5px);
    opacity: 0
  }
  100% {
    transform: translateY(0);
    filter: blur(0);
    opacity: 1
  }
}
.breadcrumbs {
  position: relative;
  margin-bottom: 20px;
  width: 100%
}
.breadcrumbs ul {
  display: flex;
  align-items: center
}
.breadcrumbs__item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #a1a1a1
}
@media only screen and (max-width:359px) {
  .breadcrumbs__item {
    font-size: 12px
  }
}
.breadcrumbs__item:after,
.breadcrumbs__item:before {
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  flex: 0 0 24px
}
.breadcrumbs__item:before {
  display: none;
  margin-right: 10px;
  background-image: url(../images/icons/prev.svg);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:359px) {
  .breadcrumbs__item:before {
    margin-right: 5px
  }
}
.breadcrumbs__item:after {
  background-image: url(../images/icons/next.svg);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat;
  margin: 0 10px
}
@media only screen and (max-width:359px) {
  .breadcrumbs__item:after {
    margin: 0 5px
  }
}
.breadcrumbs__item a {
  display: flex;
  white-space: nowrap
}
.breadcrumbs__item--main:before {
  display: flex
}
.breadcrumbs__item--current {
  color: #000;
  overflow: hidden
}
.breadcrumbs__item--current:after {
  display: none
}
.breadcrumbs__item--current span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 5px 35px;
  border-radius: 56px;
  background-color: transparent;
  font-family: TTFirsNeue;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  cursor: pointer;
  outline: 0;
  border: 0;
  transition: all .3s ease;
  overflow: hidden;
  opacity: 1!important
}
@media only screen and (max-width:1899px) {
  .btn {
    min-height: 42px;
    font-size: 12px;
    padding: 5px 20px;
    border-radius: 42px
  }
}
@media only screen and (max-width:1439px) {
  .btn {
    min-height: 34px;
    font-size: 10px;
    padding: 5px 15px;
    border-radius: 34px;
    letter-spacing: .5px
  }
}
@media only screen and (max-width:1149px) {
  .btn {
    min-height: 42px;
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 42px
  }
}
.btn:after,
.btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.btn:before {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease-in-out
}
.btn:after {
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in-out
}
.btn i {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 1
}
.btn span {
  position: relative;
  z-index: 1
}
.btn:not(:disabled):hover:before {
  opacity: 0;
  visibility: hidden
}
.btn:not(:disabled):hover:after {
  opacity: 1;
  visibility: visible
}
.btn:not(:disabled):active:after,
.btn:not(:disabled):active:before {
  opacity: 0;
  visibility: hidden
}
.btn:disabled {
  opacity: .5!important
}
.btn--main {
  color: #fff;
  background-color: #245bea;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
.btn--main:before {
  background: #245bea;
  background: linear-gradient(90deg,#245bea 0,#1d89f5 100%)
}
.btn--main:after {
  background: #245bea;
  background: linear-gradient(-90deg,#245bea 0,#1d89f5 100%)
}
.btn--main:not(:disabled):active {
  background-color: #245bea
}
.btn--dark {
  color: #fff;
  background-color: #091e40;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
.btn--dark:not(:disabled):active,
.btn--dark:not(:disabled):hover {
  background-color: #1b1d23
}
.btn--light {
  color: #245bea;
  background-color: #fff;
  border: 1px solid #245bea;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
.btn--light:not(:disabled):active,
.btn--light:not(:disabled):hover {
  background-color: #faf7f7
}
.chart-line .highcharts-button {
  position: absolute!important;
  top: 0!important;
  left: 0!important
}
.chart-line .highcharts-axis,
.chart-line .highcharts-axis-line,
.chart-line .highcharts-grid,
.chart-line .highcharts-grid-line {
  stroke-width: 0!important;
  stroke: #245bea!important
}
.chart-line .highcharts-axis-line {
  stroke-width: 0!important
}
.chart-line .highcharts-axis-labels text {
  fill: #000!important;
  font-family: TTFirsNeue!important;
  font-size: 9px!important;
  font-weight: 500!important
}
.chart-line .highcharts-label rect {
  height: 26px!important;
  overflow: hidden!important
}
.chart-line .highcharts-label text {
  fill: #000!important;
  text-shadow: none!important;
  font-family: TTFirsNeue!important;
  font-size: 10px!important;
  font-weight: 500!important;
  text-align: center!important;
  line-height: 1!important;
  stroke-width: 0!important
}
.chart-line .highcharts-tooltip-box {
  fill: #245bea!important;
  fill-opacity: 1!important;
  stroke-width: .1!important;
  stroke: #245bea!important
}
.chart-line .highcharts-tooltip text {
  text-shadow: none!important;
  font-family: TTFirsNeue!important;
  font-size: 12px!important;
  color: #fff!important
}
.chart-line .highcharts-tooltip tspan {
  color: #fff!important;
  stroke: #fff!important;
  fill: #fff!important
}
.chart-line .highcharts-tooltip-header {
  text-shadow: none!important;
  font-family: TTFirsNeue!important;
  font-size: 12px!important;
  color: #fff!important
}
.chart-pie .highcharts-label text {
  text-shadow: none!important;
  font-size: 12px!important;
  font-weight: 500!important;
  letter-spacing: 1px!important
}
.chart-pie .highcharts-label tspan {
  stroke: none!important;
  fill: none!important
}
.chart-dynamic .highcharts-navigator,
.chart-dynamic .highcharts-navigator-mask-outside,
.chart-dynamic .highcharts-navigator-series,
.chart-dynamic .highcharts-navigator-xaxis,
.chart-dynamic .highcharts-range-selector-group {
  display: none!important
}
.chart-dynamic .highcharts-axis,
.chart-dynamic .highcharts-axis-line,
.chart-dynamic .highcharts-grid,
.chart-dynamic .highcharts-grid-line,
.chart-dynamic .highcharts-tick {
  stroke: #eee!important
}
.chart-dynamic .highcharts-tooltip {
  box-shadow: none!important;
  filter: none!important
}
.chart-dynamic .highcharts-tooltip text {
  text-shadow: none!important;
  font-family: Ruberoid!important;
  font-size: 14px!important;
  font-weight: 600!important;
  color: #fff!important
}
.chart-dynamic .highcharts-tooltip-box path {
  fill: #000!important;
  stroke: #000!important;
  filter: none!important;
  box-shadow: none!important
}
.chart-dynamic .highcharts-axis-labels text {
  font-family: Ruberoid!important;
  font-size: 10px!important;
  font-weight: 600!important;
  line-height: 1!important;
  fill: #c2c2c2!important
}
.chart-dynamic .highcharts-label text {
  font-family: Ruberoid!important;
  font-size: 12px!important;
  font-weight: 600!important;
  line-height: 0!important;
  stroke-width: 0!important;
  white-space: nowrap!important;
  fill: #fff!important
}
[data-clip-confirm] {
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease
}
[data-clip-confirm].show {
  opacity: 1;
  visibility: visible
}
.clock {
  position: relative;
  display: flex;
  align-items: center
}
.clock__icon {
  flex: 0 0 35px;
  margin-right: 15px
}
.clock__nums {
  font-size: 24px;
  line-height: 35px;
  padding-top: 5px
}
.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:1439px) {
  .counter {
    padding: 60px 30px 60px 0
  }
}
@media only screen and (max-width:1149px) {
  .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:1149px) {
  .counter li {
    width: 50%;
    margin: 25px 0
  }
}
@media only screen and (max-width:749px) {
  .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: #00000000
}
.counter__text {
  margin-top: 15px
}
.courses {
  position: relative
}
.courses__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: auto;
  margin: 0 -15px
}
@media only screen and (max-width:1149px) {
  .courses__list {
    margin: 0 -5px
  }
}
.courses__list li {
  padding: 0 15px
}
@media only screen and (max-width:1149px) {
  .courses__list li {
    padding: 0 5px
  }
}
.courses__item {
  position: relative;
  display: flex;
  font-family: TTFirsNeue;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff
}
@media only screen and (max-width:1899px) {
  .courses__item {
    font-size: 12px
  }
}
.courses__item span {
  padding-right: 5px
}
.courses__item-up {
  color: #15aff0
}
.courses__item-down {
  color: #c56167
}
.ui-datepicker {
  display: none;
  background-color: #fff;
  z-index: 9999!important;
  margin-top: 5px;
  width: 100%;
  max-width: 300px;
  padding: 0 5px 5px 5px;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  display: flex;
  min-height: 40px;
  justify-content: center;
  background-color: #fff;
  color: #000
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: absolute;
  background-color: transparent!important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 40px;
  height: 40px
}
.ui-datepicker .ui-datepicker-next:before,
.ui-datepicker .ui-datepicker-prev:before {
  content: "";
  display: flex;
  width: 16px;
  height: 10px;
  transition: all .3s ease
}
.ui-datepicker .ui-datepicker-prev {
  left: 0
}
.ui-datepicker .ui-datepicker-next {
  right: 0
}
.ui-datepicker .ui-datepicker-prev:before {
  background-image: url(../images/icons/prev.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.ui-datepicker .ui-datepicker-next:before {
  background-image: url(../images/icons/next.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display: none!important
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  text-align: center
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
  line-height: 38px
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 700;
  border: 0
}
.ui-datepicker td {
  border: 0;
  padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}
.ui-datepicker .ui-datepicker-calendar {
  background-color: #fff;
  border-color: #fff!important;
  color: #000
}
.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,
html .ui-button.ui-state-disabled:hover {
  line-height: 20px;
  border-color: #fff!important;
  color: #000;
  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;
  background: #245bea;
  color: #fff
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  line-height: 20px;
  background: #deeaff;
  color: #000
}
.ui-datepicker .ui-state-disabled {
  opacity: .1
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #00000000;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: Ruberoid;
  font-size: 15px;
  line-height: 1em
}
.daterangepicker:after,
.daterangepicker:before {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0,0,0,.2);
  content: ''
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #00000000
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent
}
.daterangepicker.opensleft:before {
  right: 9px
}
.daterangepicker.opensleft:after {
  right: 10px
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto
}
.daterangepicker.opensright:before {
  left: 9px
}
.daterangepicker.opensright:after {
  left: 10px
}
.daterangepicker.drop-up {
  margin-top: -7px
}
.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #00000000
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none
}
.daterangepicker.single .drp-selected {
  display: none
}
.daterangepicker.show-calendar .drp-calendar {
  display: block
}
.daterangepicker.show-calendar .drp-buttons {
  display: block
}
.daterangepicker.auto-apply .drp-buttons {
  display: none
}
.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px
}
.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px
}
.daterangepicker .drp-calendar.right {
  padding: 8px
}
.daterangepicker .drp-calendar.single .calendar-table {
  border: none
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid #000;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px
}
.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}
.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg)
}
.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff
}
.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #00000000;
  border-color: transparent;
  color: inherit
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #00000000
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
  background-color: #fff;
  border-color: transparent;
  color: #999
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #00000000;
  border-color: transparent;
  color: #fff
}
.daterangepicker th.month {
  width: auto
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%
}
.daterangepicker select.yearselect {
  width: 40%
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
  width: 50px;
  margin: 0 auto;
  background: #00000000;
  border: 1px solid #00000000;
  padding: 2px;
  outline: 0;
  font-size: 12px
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative
}
.daterangepicker .calendar-time select.disabled {
  color: #00000000;
  cursor: not-allowed
}
.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #00000000;
  display: none;
  line-height: 12px;
  vertical-align: middle
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px
}
.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 8px
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #00000000
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #00000000
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #00000000
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #00000000
}
.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0
}
.daterangepicker.show-calendar .ranges {
  margin-top: 8px
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%
}
.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer
}
.daterangepicker .ranges li:hover {
  background-color: #00000000
}
.daterangepicker .ranges li.active {
  background-color: #00000000;
  color: #fff
}
@media (min-width:564px) {
  .daterangepicker {
    width: auto
  }
  .daterangepicker .ranges ul {
    width: 140px
  }
  .daterangepicker.single .ranges ul {
    width: 100%
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none
  }
  .daterangepicker.single .drp-calendar,
  .daterangepicker.single .ranges {
    float: left
  }
  .daterangepicker {
    direction: ltr;
    text-align: left
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px
  }
  .daterangepicker .drp-calendar,
  .daterangepicker .ranges {
    float: left
  }
}
@media (min-width:730px) {
  .daterangepicker .ranges {
    width: auto
  }
  .daterangepicker .ranges {
    float: left
  }
  .daterangepicker.rtl .ranges {
    float: right
  }
  .daterangepicker .drp-calendar.left {
    clear: none!important
  }
}
.page-title {
  position: relative;
  display: flex;
  flex-direction: column
}
.page-title .fs-large {
  line-height: 1
}
@media only screen and (max-width:1439px) {
  .page-title .fs-large {
    line-height: 1.2
  }
}
.page-title .fs-h6 {
  padding-bottom: 10px;
  color: #245bea
}
.page-text {
  position: relative
}
.page-text p:not(:last-of-type) {
  margin-bottom: 20px
}
@media only screen and (max-width:1899px) {
  .page-text p:not(:last-of-type) {
    margin-bottom: 15px
  }
}
@media only screen and (max-width:1149px) {
  .page-text p:not(:last-of-type) {
    margin-bottom: 10px
  }
}
.page-text ul {
  display: flex;
  flex-direction: column;
  list-style-type: disc;
  padding-left: 18px
}
.page-text ul li + li {
  margin-top: 10px
}
.page-text ul li::marker {
  padding: 0;
  font-size: 16px;
  color: #245bea
}
.page-button {
  position: relative
}
.page-button.fluid-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0
}
.page-button.centered {
  text-align: center
}
.page-join {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end
}
@media only screen and (max-width:1149px) {
  .page-join {
    flex-direction: column;
    align-items: flex-start
  }
}
.page-join .fs-h6 {
  max-width: 250px;
  margin-right: 60px;
  text-align: right;
  line-height: 1.5
}
@media only screen and (max-width:1899px) {
  .page-join .fs-h6 {
    margin-right: 40px
  }
}
@media only screen and (max-width:1149px) {
  .page-join .fs-h6 {
    margin-right: 0;
    margin-bottom: 15px;
    max-width: none;
    text-align: left
  }
}
.form {
  position: relative
}
.form__row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -7.5px -5px
}
.form__row.nowrap {
  flex-wrap: nowrap
}
.form__col {
  padding: 7.5px 5px
}
.form__col--100 {
  width: 100%
}
.form__col--65 {
  width: 65%
}
.form__col--60 {
  width: 60%
}
.form__col--50 {
  width: 50%
}
.form__col--40 {
  width: 40%
}
.form__col--35 {
  width: 35%
}
.form__col--33 {
  width: calc(100% / 3)
}
@media only screen and (max-width:991px) {
  .form__col--33 {
    width: 50%
  }
}
.form__col--33-offset {
  width: calc(100% - (100% / 3))
}
.form__col--30 {
  width: 30%
}
.form__col--25 {
  width: 25%
}
.form__col--10 {
  width: 10%
}
@media only screen and (max-width:749px) {
  .form__col {
    width: 100%!important
  }
}
.form-line,
.form__line {
  position: relative
}
.form-line .error-msg,
.form__line .error-msg {
  display: none;
  position: relative;
  margin-top: 3px;
  color: #c56167;
  font-size: 10px
}
.form-line .error-msg.cl-success,
.form__line .error-msg.cl-success {
  color: #2bbba1
}
.form-line .error-msg.cl-info,
.form__line .error-msg.cl-info {
  color: #15aff0
}
.form-line .error-msg.cl-warning,
.form__line .error-msg.cl-warning {
  color: #f39c00
}
.form-line .error-msg.cl-error,
.form__line .error-msg.cl-error {
  color: #c56167
}
.form-line.error .checkbox-group__marker,
.form-line.error .input-group,
.form-line.error input,
.form-line.error textarea,
.form__line.error .checkbox-group__marker,
.form__line.error .input-group,
.form__line.error input,
.form__line.error textarea {
  border-color: #c56167!important
}
.form-line.error .error-msg,
.form__line.error .error-msg {
  display: block
}
.input-group {
  position: relative;
  display: flex;
  flex-direction: column
}
.input-group label {
  position: relative;
  padding-bottom: 5px;
  font-size: 13px
}
@media only screen and (max-width:1899px) {
  .input-group label {
    font-size: 11px
  }
}
.input-group input,
.input-group textarea {
  position: relative;
  width: 100%;
  min-height: 50px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #d3e0f4;
  border-radius: 6px;
  color: #1b1d23;
  font-size: 13px;
  font-weight: 400
}
.input-group input:focus,
.input-group textarea:focus {
  outline: 0
}
.input-group input::-webkit-input-placeholder,
.input-group textarea::-webkit-input-placeholder {
  color: #868b9a;
  font-size: inherit;
  font-weight: inherit
}
.input-group input::-moz-placeholder,
.input-group textarea::-moz-placeholder {
  color: #868b9a;
  font-size: inherit;
  font-weight: inherit
}
.input-group input:-ms-input-placeholder,
.input-group textarea:-ms-input-placeholder {
  color: #868b9a;
  font-size: inherit;
  font-weight: inherit
}
.input-group input:-moz-placeholder,
.input-group textarea:-moz-placeholder {
  color: #868b9a;
  font-size: inherit;
  font-weight: inherit
}
@media only screen and (max-width:1899px) {
  .input-group input,
  .input-group textarea {
    padding: 0 10px;
    min-height: 42px;
    font-size: 11px
  }
}
.input-group textarea {
  height: 100%;
  min-height: 130px;
  padding: 15px 20px
}
@media only screen and (max-width:1899px) {
  .input-group textarea {
    min-height: 100px
  }
}
.input-group--icon {
  position: relative
}
.input-group--icon .icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  color: #859cc4;
  font-size: 16px;
  font-weight: 700
}
@media only screen and (max-width:1899px) {
  .input-group--icon .icon {
    width: 34px;
    font-size: 13px
  }
}
.input-group--icon .value {
  position: relative
}
.input-group--icon .value input {
  padding-right: 50px
}
@media only screen and (max-width:1899px) {
  .input-group--icon .value input {
    padding-right: 34px
  }
}
.input-group--icon [data-show-pass] {
  cursor: pointer
}
.input-group--icon [data-show-pass]:hover {
  opacity: .85
}
.input-group--icon [data-show-pass].active {
  color: #245bea
}
.input-group--captcha {
  position: relative
}
.input-group--captcha .value {
  display: flex;
  align-items: center
}
.input-group--captcha .captcha {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 125px;
  margin-left: 10px;
  min-height: 50px;
  background-color: #fff;
  border: 1px solid #245bea;
  border-radius: 6px
}
@media only screen and (max-width:1899px) {
  .input-group--captcha .captcha {
    flex: 0 0 90px;
    padding: 0 10px;
    min-height: 42px
  }
}
.input-group--captcha .captcha img {
  max-width: 112px
}
@media only screen and (max-width:1899px) {
  .input-group--captcha .captcha img {
    max-width: 65px
  }
}
.captcha-group {
  position: relative;
  max-width: 275px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px
}
.button-group {
  position: relative
}
.button-group--center {
  text-align: center;
  margin-top: 10px
}
.button-group ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px
}
.button-group ul li {
  padding: 10px
}
.buttons-group {
  position: relative
}
.buttons-group ul {
  display: flex;
  flex-direction: column
}
.buttons-group ul li + li {
  margin-top: 20px
}
.buttons-group ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  padding: 5px 20px;
  border-radius: 8px;
  background-color: #1e1e1e;
  opacity: 1
}
.buttons-group ul li a:hover {
  background-color: #353535
}
.forgot-group {
  position: relative;
  text-align: center
}
.forgot-group a {
  color: #245bea;
  text-decoration: underline
}
.radio-group {
  position: relative
}
.radio-group__label {
  position: relative;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 600
}
.radio-group__row {
  display: flex;
  flex-wrap: wrap;
  margin: -5px
}
.radio-group__col {
  width: 50%;
  padding: 5px
}
.radio-group input[type=radio] {
  display: none
}
.radio-group label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 40px;
  padding: 10px 24px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  background-color: #e0e0e0;
  transition: all .3s ease;
  cursor: pointer
}
.radio-group input[type=radio]:not(:checked):hover + label {
  opacity: .85
}
.radio-group input[type=radio]:checked + label {
  background-color: #00000000;
  color: #fff;
  opacity: 1
}
.checkbox-group {
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.checkbox-group input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 34px;
  width: 34px;
  cursor: pointer;
  z-index: 5
}
@media only screen and (max-width:1899px) {
  .checkbox-group input {
    height: 24px;
    width: 24px
  }
}
.checkbox-group label {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 34px;
  padding-left: 50px;
  font-size: 13px
}
@media only screen and (max-width:1899px) {
  .checkbox-group label {
    font-size: 11px;
    min-height: 24px;
    padding-left: 30px
  }
}
.checkbox-group label:before {
  font-family: icons;
  content: "";
  font-size: 0;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  width: 34px;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer
}
@media only screen and (max-width:1899px) {
  .checkbox-group label:before {
    height: 24px;
    width: 24px
  }
}
.checkbox-group label:after {
  display: none;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 6px
}
@media only screen and (max-width:1899px) {
  .checkbox-group label:after {
    height: 24px;
    width: 24px
  }
}
.checkbox-group label a {
  color: #245bea;
  text-decoration: underline;
  padding-left: 5px;
  z-index: 2
}
.checkbox-group input:checked ~ label:before {
  font-size: 16px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  .checkbox-group input:checked ~ label:before {
    font-size: 12px
  }
}
.form-line.error label:after {
  display: block;
  border: 1px solid #c56167
}
.select-group {
  position: relative;
  display: flex;
  flex-direction: column
}
.select-group label {
  position: relative;
  padding-bottom: 5px;
  font-size: 13px
}
@media only screen and (max-width:1899px) {
  .select-group label {
    font-size: 11px
  }
}
.select-group .selectric-wrapper {
  position: relative;
  width: 100%
}
.select-group .selectric-wrapper.selectric-open .selectric .button {
  transform: rotate(-180deg)
}
.select-group .selectric-wrapper.selectric-open .selectric-items {
  width: 100%;
  display: block
}
.select-group .selectric-wrapper.selectric-open.selectric-below .selectric {
  border-radius: 6px 6px 0 0
}
.select-group .selectric-wrapper.selectric-open.selectric-above .selectric {
  border-radius: 0 0 6px 6px
}
.select-group .selectric-wrapper.selectric-open.selectric-above .selectric-items {
  top: auto;
  border-radius: 6px 6px 0 0
}
.select-group .selectric-wrapper.selectric-disabled {
  opacity: 1
}
.select-group .selectric {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  background-color: #fff;
  width: 100%;
  padding: 0 50px 0 20px;
  border: 1px solid #d3e0f4;
  border-radius: 6px;
  box-shadow: none
}
@media only screen and (max-width:1899px) {
  .select-group .selectric {
    min-height: 42px;
    padding: 0 42px 0 10px
  }
}
.select-group .selectric .label {
  position: relative;
  display: flex;
  align-items: center;
  height: auto;
  padding: 0;
  margin: 0;
  color: #1b1d23;
  font-size: 13px;
  font-weight: 400;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0
}
@media only screen and (max-width:1899px) {
  .select-group .selectric .label {
    font-size: 11px
  }
}
.select-group .selectric .label span {
  font-size: 15px;
  font-weight: 700;
  padding-right: 5px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  .select-group .selectric .label span {
    font-size: 12px
  }
}
.select-group .selectric .label .disabled {
  color: grey
}
.select-group .selectric .button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  display: flex;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 0;
  transition: all .3s ease;
  background-image: url(../images/icons/str.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  .select-group .selectric .button {
    width: 34px
  }
}
.select-group .selectric .button:after,
.select-group .selectric .button:before {
  display: none
}
.select-group .selectric-items {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  height: auto!important;
  max-height: 300px;
  background: #fff;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05);
  outline: 0;
  overflow: hidden;
  border: 1px solid #d3e0f4;
  border-top: 0;
  z-index: -1
}
.select-group .selectric-items .selectric-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px
}
.select-group .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
  background: rgba(36,91,234,.3)
}
.select-group .selectric-items .selectric-scroll::-webkit-scrollbar-track {
  background: rgba(36,91,234,.2)
}
.select-group .selectric-items .selectric-scroll ul {
  display: flex;
  flex-direction: column
}
.select-group .selectric-items .selectric-scroll li {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 400;
  color: #1b1d23;
  background-color: transparent
}
@media only screen and (max-width:1899px) {
  .select-group .selectric-items .selectric-scroll li {
    min-height: 34px;
    padding: 0 34px 0 10px;
    font-size: 11px
  }
}
.select-group .selectric-items .selectric-scroll li:hover {
  transition: all .3s ease;
  background-color: rgba(36,91,234,.1)
}
.select-group .selectric-items .selectric-scroll li span {
  font-weight: 700;
  padding-right: 5px;
  color: #245bea
}
.select-group .selectric-items .selectric-scroll li.highlighted {
  background-color: rgba(36,91,234,.2)
}
.select-group .selectric-items .selectric-scroll li.disabled {
  color: grey
}
.switcher {
  position: relative;
  display: flex;
  align-items: center
}
.switcher input {
  opacity: 0;
  width: 0;
  height: 0
}
.switcher .switch {
  position: relative;
  display: inline-flex;
  align-items: center
}
.switcher .switch-from,
.switcher .switch-to {
  font-size: 12px;
  color: grey;
  transition: all .3s ease
}
.switcher .switch-from {
  color: #000
}
.switcher .switch-slider {
  position: relative;
  width: 52px;
  height: 24px;
  margin: 0 10px;
  background-color: #000;
  border-radius: 24px;
  transition: all .3s ease;
  cursor: pointer
}
.switcher .switch-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: all .3s ease
}
.switcher input:checked + .switch .switch-from {
  color: grey
}
.switcher input:checked + .switch .switch-to {
  color: #000
}
.switcher input:checked + .switch .switch-slider:before {
  transform: translateX(28px)
}
.auth-group {
  position: relative;
  display: flex;
  flex-direction: column
}
.auth-group__title {
  position: relative
}
.auth-group__key {
  display: flex;
  flex-direction: column;
  margin-top: 10px
}
.auth-group__data {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 15px
}
.auth-group__qr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  flex: 0 0 110px;
  padding: 4px;
  margin-right: 30px;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden
}
@media only screen and (max-width:1899px) {
  .auth-group__qr {
    margin-right: 20px
  }
}
.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;
  padding-bottom: 5px
}
.file-group__btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border: 1px dashed #00000000;
  border-radius: 12px;
  transition: all .3s ease;
  cursor: pointer
}
.file-group__btn:hover {
  opacity: .8
}
.file-group__txt {
  margin-top: 5px
}
.file-group input[type=file]:disabled + .file-group__btn {
  opacity: .5
}
.slider-group {
  position: relative
}
.slider-group .ui-slider {
  position: relative;
  width: 100%;
  min-height: 30px;
  background: #292f50;
  border: 0!important;
  border-radius: 15px
}
.slider-group .ui-slider-range {
  position: absolute;
  top: 50%;
  left: 5px;
  right: 5px;
  transform: translateY(-50%);
  max-width: calc(100% - 10px);
  height: 20px;
  border: 2px solid #00000000;
  border-radius: 10px;
  background: linear-gradient(90deg,#245bea 0,#1d89f5 100%)
}
.slider-group .ui-slider-handle {
  position: absolute;
  display: flex;
  align-items: center;
  width: 110px;
  height: 120px;
  top: -55px;
  margin-left: -35px;
  padding: 0;
  border: 0;
  cursor: pointer;
  z-index: 2
}
.slider-group .ui-slider-handle:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 188px;
  height: 150px;
  margin-left: -60px;
  margin-top: -37px;
  background-image: url(../images/calc/hand.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat;
  z-index: -1
}
@media only screen and (max-width:749px) {
  .slider-group .ui-slider-handle:before {
    display: none
  }
}
.slider-group .ui-slider-handle:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url(../images/calc/handler.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.slider-group .ui-slider-amount {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 38px;
  padding: 0 5px;
  top: -10px;
  min-width: 100%;
  margin-left: -20px;
  border: 1px solid #00000000;
  border-radius: 20px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 500;
  color: #00000000
}
.slider-group .ui-slider-amount:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 15px;
  left: 50%;
  top: 100%;
  background-color: #00000000;
  z-index: -1
}
.slider-group .ui-slider-scale {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 492px;
  height: 32px;
  overflow: hidden;
  background-image: url(../images/calc/scale.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.slider-group .ui-slider-scale .ui-slider-scale-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: url(../images/calc/scale-ac.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.filter {
  position: relative
}
.filter__row {
  display: flex;
  flex-wrap: wrap;
  margin: -12.5px
}
@media only screen and (max-width:1899px) {
  .filter__row {
    margin: -10px
  }
}
@media only screen and (max-width:991px) {
  .filter__row {
    flex-wrap: wrap
  }
}
.filter__col {
  width: 25%;
  padding: 12.5px
}
@media only screen and (max-width:1899px) {
  .filter__col {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  .filter__col {
    width: 50%
  }
}
@media only screen and (max-width:359px) {
  .filter__col {
    width: 100%
  }
}
.filter__submit {
  display: flex;
  justify-content: center;
  margin-top: 50px
}
@media only screen and (max-width:749px) {
  .filter__submit {
    margin-top: 30px
  }
}
.filter__submit .btn {
  min-width: 170px;
  min-height: 44px;
  font-size: 12px;
  margin-bottom: -8px
}
@media only screen and (max-width:1149px) {
  .filter__submit .btn {
    min-width: 150px
  }
}
@media only screen and (max-width:749px) {
  .filter__submit .btn {
    min-width: 120px
  }
}
.gallery {
  position: relative
}
.gallery__list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px
}
@media only screen and (max-width:749px) {
  .gallery__list {
    margin-left: 0;
    margin-right: 0
  }
}
.gallery__col {
  padding: 5px
}
@media only screen and (max-width:749px) {
  .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: 6px;
  overflow: hidden;
  height: 235px
}
.grid {
  position: relative
}
.grid + .grid {
  margin-top: 10px
}
.grid__row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px
}
.grid__col {
  padding: 10px
}
.grid__col--100 {
  width: 100%
}
.grid__col--50 {
  width: 50%
}
.grid__col--33 {
  width: calc(100% / 3)
}
@media only screen and (max-width:991px) {
  .grid__col--33 {
    width: 50%
  }
}
@media only screen and (max-width:749px) {
  .grid__col {
    width: 100%
  }
}
.language {
  position: relative;
  display: flex;
  width: 80px;
  height: 130px;
  background-color: #1b1d23
}
@media only screen and (max-width:1439px) {
  .language {
    width: 60px;
    height: 60px
  }
}
.language.open .language__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(-20px)
}
@media only screen and (max-width:1439px) {
  .language.open .language__dropdown {
    transform: translateY(0)
  }
}
.language.open .language__current:after {
  transform: scale(1,-1)
}
.language__current {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: auto;
  z-index: 1;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase
}
.language__current span {
  margin-top: 10px
}
@media only screen and (max-width:1439px) {
  .language__current span {
    display: none
  }
}
.language__current:after {
  font-family: icons;
  content: "";
  font-size: 9px;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #00000000;
  margin-top: 5px;
  transition: all .3s ease
}
@media only screen and (max-width:1439px) {
  .language__current:after {
    display: none
  }
}
.language__current:hover {
  opacity: .8
}
.language__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 10px 0;
  background-color: #1b1d23;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  transform: translateY(20px);
  z-index: 0
}
@media only screen and (max-width:1439px) {
  .language__dropdown {
    padding: 0
  }
}
.language__list {
  position: relative
}
.language__list ul {
  display: flex;
  flex-direction: column;
  margin: -5px
}
.language__list ul li {
  padding: 5px
}
.language__list ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase
}
@media only screen and (max-width:1439px) {
  .language__list ul li a {
    min-height: 60px;
    justify-content: center
  }
}
.language__list ul li a span {
  margin-top: 5px
}
.styled-list {
  position: relative;
  display: flex;
  flex-direction: column
}
.styled-list li {
  display: flex;
  align-items: center
}
.styled-list li + li {
  margin-top: 25px
}
.styled-list i {
  font-size: 48px;
  margin-right: 20px
}
.styled-list-color {
  position: relative;
  display: flex;
  flex-direction: column
}
.styled-list-color li {
  position: relative
}
.styled-list-color li + li {
  margin-top: 30px
}
.styled-list-color li:nth-child(1),
.styled-list-color li:nth-child(6n+6) {
  color: #00000000
}
.styled-list-color li:nth-child(1):before,
.styled-list-color li:nth-child(6n+6):before {
  content: '';
  position: absolute;
  left: 95%;
  top: 70%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 30px 30px rgba(0,0,0,.6);
  transition: all .3s ease
}
.styled-list-color li:nth-child(2),
.styled-list-color li:nth-child(7n+7) {
  color: #00000000
}
.styled-list-color li:nth-child(2):before,
.styled-list-color li:nth-child(7n+7):before {
  content: '';
  position: absolute;
  left: 95%;
  top: 70%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 30px 30px rgba(0,0,0,.6);
  transition: all .3s ease
}
.styled-list-color li:nth-child(3),
.styled-list-color li:nth-child(8n+8) {
  color: #00000000
}
.styled-list-color li:nth-child(3):before,
.styled-list-color li:nth-child(8n+8):before {
  content: '';
  position: absolute;
  left: 95%;
  top: 70%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 30px 30px rgba(0,0,0,.6);
  transition: all .3s ease
}
.styled-list-color li:nth-child(4),
.styled-list-color li:nth-child(9n+9) {
  color: #00000000
}
.styled-list-color li:nth-child(4):before,
.styled-list-color li:nth-child(9n+9):before {
  content: '';
  position: absolute;
  left: 95%;
  top: 70%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 30px 30px rgba(0,0,0,.6);
  transition: all .3s ease
}
.styled-list-color li:nth-child(10n+10),
.styled-list-color li:nth-child(5) {
  color: #00000000
}
.styled-list-color li:nth-child(10n+10):before,
.styled-list-color li:nth-child(5):before {
  content: '';
  position: absolute;
  left: 95%;
  top: 70%;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  z-index: 0;
  background-color: rgba(0,0,0,.6);
  box-shadow: 0 0 30px 30px rgba(0,0,0,.6);
  transition: all .3s ease
}
.styled-list-color p {
  position: relative;
  display: flex;
  min-height: 55px;
  padding: 5px 70px 5px 20px;
  align-items: center;
  border: 1px solid #00000000;
  border-radius: 6px;
  font-weight: 400;
  overflow: hidden
}
.styled-list-color span {
  position: absolute;
  right: -5px;
  bottom: -25px;
  font-size: 50px;
  font-weight: 400;
  z-index: 1;
  color: #fff
}
.masonry {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -20px
}
.masonry-item {
  padding: 20px
}
.masonry-item--33 {
  width: calc(100% / 3)
}
.fancybox__slide::-webkit-scrollbar {
  width: 10px;
  height: 10px
}
.fancybox__slide::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.2)
}
.fancybox__slide::-webkit-scrollbar-track {
  background: rgba(255,255,255,.1)
}
.fancybox__backdrop {
  background-color: rgba(3,13,44,.8)
}
.modal {
  display: none;
  position: relative;
  width: 100%;
  max-width: 790px;
  padding: 20px;
  border-radius: 20px;
  background-color: #deeaff
}
@media only screen and (max-width:1149px) {
  .modal {
    padding: 15px
  }
}
.modal .carousel__button.is-close svg {
  display: none
}
.modal__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 40px;
  border-radius: 20px;
  background-image: url(../images/frame/26.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  .modal__wrap {
    padding: 0 30px
  }
}
@media only screen and (max-width:1149px) {
  .modal__wrap {
    padding: 0 15px
  }
}
.modal__wrap:before {
  content: '';
  position: absolute;
  top: -73px;
  left: 50%;
  width: 226px;
  height: 73px;
  transform: translateX(-50%);
  background-image: url(../images/frame/28.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1149px) {
  .modal__wrap:before {
    width: 170px;
    top: -50px
  }
}
.modal__head {
  position: relative
}
.modal__head-icon {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%)
}
@media only screen and (max-width:1149px) {
  .modal__head-icon {
    top: -25px
  }
}
.modal__head-title {
  position: relative;
  text-align: center;
  margin-top: 50px
}
@media only screen and (max-width:1899px) {
  .modal__head-title .fs-h3 {
    font-size: 25px
  }
}
.modal__head-close {
  position: absolute;
  top: -50px;
  right: -90px;
  cursor: pointer;
  transition: all .3s ease
}
@media only screen and (max-width:1149px) {
  .modal__head-close {
    top: -50px;
    right: -40px
  }
}
@media only screen and (max-width:749px) {
  .modal__head-close {
    right: -20px
  }
}
.modal__head-close:hover {
  opacity: .85
}
.modal__body {
  position: relative;
  margin-top: 50px
}
@media only screen and (max-width:1899px) {
  .modal__body {
    margin-top: 30px
  }
}
.modal__foot {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 70px
}
@media only screen and (max-width:1899px) {
  .modal__foot {
    margin-top: 50px
  }
}
.modal__foot .btn {
  width: 100%;
  max-width: 240px;
  min-height: 42px;
  padding: 5px;
  font-size: 12px
}
.notification {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%
}
.notification.open .notification__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0)
}
.notification__current {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: all .3s ease;
  z-index: 1
}
.notification__current:hover {
  opacity: .8
}
.notification__dropdown {
  position: absolute;
  top: 100%;
  left: -148px;
  width: 320px;
  padding: 18px 12px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05);
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  transform: translateY(20px);
  z-index: 0
}
@media only screen and (max-width:1149px) {
  .notification__dropdown {
    left: auto;
    right: 0
  }
}
.notification__head {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.notification__head .btn {
  border-color: #000
}
.notification__list {
  position: relative;
  margin-top: 20px
}
.notification__list ul {
  display: flex;
  flex-direction: column
}
.notification__list ul li + li {
  margin-top: 15px
}
.notification__list-item {
  display: flex;
  flex-direction: column
}
.notification__list-item .title {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.notification__list-item .title .fs-small {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 10px
}
.notification__list-item .title .fs-small:before {
  content: '';
  display: flex;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #e8e8e8
}
.notification__list-item .text {
  margin-top: 5px
}
.pagination {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 180px;
  margin: 0 auto
}
.pagination ul {
  display: flex;
  align-items: center;
  margin: -5px -10px
}
.pagination ul li {
  padding: 5px 10px
}
.pagination ul li a {
  display: flex;
  font-family: TTFirsNeue;
  font-weight: 500
}
.pagination ul li.active {
  color: #245bea
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff
}
.preloader__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 20px;
  height: 20px
}
.preloader__wrap .line--1,
.preloader__wrap .line--2,
.preloader__wrap .line--3 {
  width: 20%;
  height: 100%;
  background: #00000000
}
.preloader__wrap .line--1 {
  animation: preloader-anim-h-hover .5s linear infinite alternate
}
.preloader__wrap .line--2 {
  animation: preloader-anim-h-hover .5s linear .2s infinite alternate
}
.preloader__wrap .line--3 {
  animation: preloader-anim-h-hover .5s linear .4s infinite alternate
}
@keyframes preloader-anim-h-hover {
  100% {
    opacity: 0
  }
}
@keyframes preloader-anim-v-jumping {
  50% {
    transform: scaleY(0)
  }
}
.progressbar {
  position: relative
}
.progressbar__amount {
  position: relative
}
.progressbar__track {
  position: relative;
  margin-top: 5px;
  width: 100%;
  height: 7px;
  background: #deeaff
}
.progressbar__scale {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}
.circular {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 108px;
  background: #1b1d23;
  border-radius: 50%
}
@media only screen and (max-width:1899px) {
  .circular {
    width: 80px;
    height: 80px
  }
}
.circular__amount {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  background: #1b1d23;
  border-radius: 50%;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  .circular__amount {
    width: 66px;
    height: 66px
  }
}
.circular__scale {
  position: absolute;
  height: 100px;
  width: 100px;
  border-radius: 50%
}
@media only screen and (max-width:1899px) {
  .circular__scale {
    width: 76px;
    height: 76px
  }
}
.scroll-to-next,
.scroll-to-top {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: 70px;
  width: 30px;
  cursor: pointer
}
.scroll-to-next .chevron,
.scroll-to-top .chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(.5,.5,.5);
  animation: move 3s ease-out infinite
}
.scroll-to-next .chevron:first-child,
.scroll-to-top .chevron:first-child {
  animation: move 3s ease-out 1s infinite
}
.scroll-to-next .chevron:nth-child(2),
.scroll-to-top .chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite
}
.scroll-to-next .chevron:after,
.scroll-to-next .chevron:before,
.scroll-to-top .chevron:after,
.scroll-to-top .chevron:before {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff
}
.scroll-to-next .chevron:before,
.scroll-to-top .chevron:before {
  left: 0;
  transform: skew(0deg,30deg)
}
.scroll-to-next .chevron:after,
.scroll-to-top .chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg,-30deg)
}
@keyframes move {
  25% {
    opacity: 1
  }
  33% {
    opacity: 1;
    transform: translateY(30px)
  }
  67% {
    opacity: 1;
    transform: translateY(40px)
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(.5,.5,.5)
  }
}
.smooth-scroll {
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  width: 197px;
  height: 42px;
  z-index: 5
}
.smooth-scroll--top {
  top: 0
}
.smooth-scroll--bot {
  bottom: -42px
}
.smooth-scroll--light {
  background-image: url(../images/wave/1.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.smooth-scroll--dark {
  background-image: url(../images/wave/2.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.smooth-scroll--semi {
  background-image: url(../images/wave/5.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
.smooth-scroll a {
  display: inline-flex;
  justify-content: center;
  min-width: 40px;
  min-height: 100%;
  text-align: center;
  font-size: 20px;
  color: #fff
}
.smooth-scroll a:hover {
  opacity: .8
}
.socials {
  position: relative
}
.socials__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}
.socials__list li {
  display: flex;
  align-items: center;
  padding: 0 15px
}
.socials__item {
  display: flex;
  font-size: 30px;
  color: #00000000
}
.socials__item .icon-yt {
  font-size: 34px
}
.socials__item .icon-mail {
  font-size: 28px
}
.networks {
  position: relative
}
.networks__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -15px -50px
}
.networks__list li {
  padding: 15px 50px
}
.networks__item {
  display: flex;
  flex-direction: column;
  text-align: center
}
.networks__item .icon {
  padding-bottom: 15px;
  font-size: 30px;
  color: #00000000
}
.networks__item .icon-yt {
  font-size: 34px
}
.networks__item .icon-mail {
  font-size: 28px
}
.networks__item .link {
  text-decoration: underline
}
.swiper-horizontal {
  position: relative
}
.swiper-horizontal .swiper-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1
}
@media only screen and (max-width:1149px) {
  .swiper-horizontal .swiper-navigation {
    margin-top: 20px
  }
}
.swiper-horizontal .swiper-navigation:has(.swiper-button-lock),
.swiper-horizontal .swiper-navigation:has(.swiper-scrollbar-lock) {
  display: none
}
.swiper-horizontal .swiper-navigation .swiper-button-next,
.swiper-horizontal .swiper-navigation .swiper-button-prev {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  padding: 0;
  margin: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: 0;
  background-color: transparent;
  color: #1b1d23;
  overflow: hidden;
  z-index: 10;
  cursor: pointer;
  transition: all .3s ease
}
.swiper-horizontal .swiper-navigation .swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-horizontal .swiper-navigation .swiper-button-prev:not(.swiper-button-disabled):hover {
  opacity: .8
}
.swiper-horizontal .swiper-navigation .swiper-button-next.swiper-button-disabled,
.swiper-horizontal .swiper-navigation .swiper-button-prev.swiper-button-disabled {
  opacity: 1
}
.swiper-horizontal .swiper-navigation .swiper-button-next:after,
.swiper-horizontal .swiper-navigation .swiper-button-prev:after {
  display: none
}
.swiper-horizontal .swiper-pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: auto;
  top: auto;
  left: auto;
  right: auto
}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid transparent;
  margin: 0 5px;
  opacity: 1;
  background: 0 0;
  font-size: 0
}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background-color: #1b1d23;
  transition: all .3s ease
}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet-active {
  border-color: #245bea
}
.swiper-horizontal .swiper-pagination .swiper-pagination-bullet-active:before {
  background-color: #245bea
}
.swiper-vertical {
  position: relative
}
.swiper-vertical .swiper-pagination {
  position: absolute;
  width: 90px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: none;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0
}
@media only screen and (max-width:1439px) {
  .swiper-vertical .swiper-pagination {
    width: 60px
  }
}
.swiper-vertical .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 2px 0;
  opacity: 1
}
.swiper-vertical .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  display: flex;
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background-color: #baeef5
}
.swiper-vertical .swiper-pagination .swiper-pagination-bullet-active {
  background-image: url(../images/icons/pages-hover.svg);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat
}
.swiper-vertical .swiper-navigation {
  position: absolute;
  top: 100vh;
  margin-top: -80px;
  left: 340px;
  z-index: 10
}
@media only screen and (max-width:1899px) {
  .swiper-vertical .swiper-navigation {
    left: 50%;
    transform: translateX(-50%)
  }
}
.tabs {
  position: relative
}
.tabs-nav {
  position: relative
}
.tabs-nav ul {
  display: flex;
  margin: -7px
}
@media only screen and (max-width:991px) {
  .tabs-nav ul {
    flex-wrap: wrap
  }
}
.tabs-nav ul li {
  padding: 7px
}
@media only screen and (max-width:749px) {
  .tabs-nav ul li {
    width: 50%
  }
}
@media only screen and (max-width:359px) {
  .tabs-nav ul li {
    width: 100%
  }
}
.tabs-nav ul li.ui-state-active .tabs-nav__item {
  background: #c98ed2;
  background: linear-gradient(90deg,#c98ed2 0,#c98ed2 100%);
  opacity: 1
}
.tabs-nav__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 60px;
  min-width: 200px;
  height: 100%;
  padding: 15px;
  border-radius: 15px 15px 0 0;
  font-size: 15px;
  font-weight: 500;
  transition: all .3s ease;
  color: #fff;
  background: #31e2e1;
  background: linear-gradient(90deg,#31e2e1 0,#0fc2b0 100%)
}
@media only screen and (max-width:749px) {
  .tabs-nav__item {
    min-height: 40px
  }
}
.tabs-body {
  position: relative;
  margin-top: 15px
}
.db-table {
  position: relative;
  width: 100%;
  border-spacing: 0 10px
}
@media only screen and (max-width:1899px) {
  .db-table {
    border-spacing: 0 5px
  }
}
.db-table thead th {
  position: relative;
  height: 50px;
  padding: 0 15px;
  vertical-align: middle;
  background-color: #deeaff;
  text-align: left
}
@media only screen and (max-width:1899px) {
  .db-table thead th {
    height: 38px;
    padding: 0 10px
  }
}
@media only screen and (max-width:1149px) {
  .db-table thead th {
    padding: 0 5px
  }
}
.db-table thead th:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0 25px
}
@media only screen and (max-width:1899px) {
  .db-table thead th:first-child {
    padding: 0 15px
  }
}
@media only screen and (max-width:1149px) {
  .db-table thead th:first-child {
    padding: 0 10px
  }
}
.db-table thead th:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}
.db-table tbody td {
  position: relative;
  height: 52px;
  vertical-align: middle;
  background-color: #f0f5ff;
  padding: 0 15px;
  text-align: left
}
@media only screen and (max-width:1899px) {
  .db-table tbody td {
    height: 38px;
    padding: 0 10px
  }
}
@media only screen and (max-width:1149px) {
  .db-table tbody td {
    padding: 0 5px
  }
}
.db-table tbody td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0 25px
}
@media only screen and (max-width:1899px) {
  .db-table tbody td:first-child {
    padding: 0 15px
  }
}
@media only screen and (max-width:1149px) {
  .db-table tbody td:first-child {
    padding: 0 10px
  }
}
.db-table tbody td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}
.db-table tbody td.td--info .icon {
  display: flex;
  font-size: 18px;
  color: #245bea;
  cursor: pointer
}
.db-table tbody td.td--info .icon:hover > .tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  bottom: 0;
  right: 0
}
.db-table tbody td .fs-tiny {
  font-size: 11px
}
.db-table tbody td .eps {
  display: flex;
  align-items: center
}
.db-table tbody td .eps .icon {
  font-size: 38px;
  margin-right: 10px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  .db-table tbody td .eps .icon {
    font-size: 28px
  }
}
.db-table tbody td .eps .value {
  display: flex;
  flex-direction: column
}
.db-table-list {
  position: relative
}
.db-table-list .db-table-head {
  position: relative;
  margin-bottom: 10px
}
.db-table-list .db-table-head .th-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  vertical-align: middle;
  padding: 0 10px;
  min-height: 52px;
  margin-left: auto;
  background-color: #deeaff;
  border-radius: 10px;
  transition: all .3s ease;
  border: 1px solid transparent;
  cursor: pointer
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-head .th-content {
    min-height: 38px;
    padding: 0 5px
  }
}
.db-table-list .db-table-head .th-content .th-item {
  display: flex;
  align-items: center;
  width: 20%;
  padding: 0 10px
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-head .th-content .th-item {
    padding: 0 5px
  }
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-head .th-content .th-item .fs-h6,
  .db-table-list .db-table-head .th-content .th-item .fs-tiny {
    font-size: 7px;
    word-break: break-word
  }
}
.db-table-list .db-table-head .th-content .th-item--info {
  width: 80px
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-head .th-content .th-item--info {
    width: 40px
  }
}
.db-table-list .db-table-head .th-content .th-item--info .icon {
  font-size: 20px;
  margin-left: 40px
}
.db-table-list .db-table-body {
  position: relative
}
.db-table-list .db-table-body .td {
  margin-top: 10px
}
.db-table-list .db-table-body .td-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  vertical-align: middle;
  min-height: 52px;
  padding: 0 10px;
  margin-left: auto;
  background-color: #f0f5ff;
  border-radius: 10px;
  transition: all .3s ease;
  border: 1px solid transparent;
  cursor: pointer
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-content {
    padding: 0 5px;
    min-height: 38px
  }
}
.db-table-list .db-table-body .td-content:hover {
  opacity: .95
}
.db-table-list .db-table-body .td-content.active {
  background-color: #fff;
  border-color: #245bea
}
.db-table-list .db-table-body .td-content.active + .td-children {
  display: block
}
.db-table-list .db-table-body .td-item {
  position: relative;
  display: flex;
  align-items: center;
  width: 20%;
  padding: 0 10px
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-item {
    padding: 0 5px
  }
}
.db-table-list .db-table-body .td-item .icon {
  display: flex
}
.db-table-list .db-table-body .td-item .data {
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-item .fs-h6,
  .db-table-list .db-table-body .td-item .fs-tiny {
    font-size: 7px;
    word-break: break-word
  }
}
.db-table-list .db-table-body .td-item--pointer .icon {
  flex: 0 0 16px;
  margin-right: 10px
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-item--pointer .icon {
    flex: 0 0 10px;
    margin-right: 5px
  }
}
.db-table-list .db-table-body .td-content .td-item--pointer .icon img:first-child {
  display: block;
}
.db-table-list .db-table-body .td-content .td-item--pointer .icon img:last-child {
  display: none;
}
.db-table-list .db-table-body .td-content.active .td-item--pointer .icon img:first-child {
  display: none;
}
.db-table-list .db-table-body .td-content.active .td-item--pointer .icon img:last-child {
  display: block;
}
.db-table-list .db-table-body .td-item--info {
  width: 80px
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-item--info {
    width: 40px
  }
}
.db-table-list .db-table-body .td-item--info .icon {
  font-size: 20px;
  margin-left: 40px
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-item--info .icon {
    font-size: 18px;
    margin-left: 5px
  }
}
.db-table-list .db-table-body .td-item--info .icon:hover > .tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.db-table-list .db-table-body .td-children {
  display: none;
  width: calc(100% - 30px);
  margin-left: auto
}
@media only screen and (max-width:1899px) {
  .db-table-list .db-table-body .td-children {
    width: calc(100% - 20px)
  }
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-children {
    width: calc(100% - 10px)
  }
}
.db-table-list .db-table-body .td-children .td-item--pointer {
  margin-right: -30px
}
@media only screen and (max-width:1899px) {
  .db-table-list .db-table-body .td-children .td-item--pointer {
    margin-right: -20px
  }
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-children .td-item--pointer {
    margin-right: -10px
  }
}
.db-table-list .db-table-body .td-children .td-children .td-item--pointer {
  margin-right: -60px
}
@media only screen and (max-width:1899px) {
  .db-table-list .db-table-body .td-children .td-children .td-item--pointer {
    margin-right: -40px
  }
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-children .td-children .td-item--pointer {
    margin-right: -20px
  }
}
.db-table-list .db-table-body .td-children .td-children .td-children .td-item--pointer {
  margin-right: -120px
}
@media only screen and (max-width:1899px) {
  .db-table-list .db-table-body .td-children .td-children .td-children .td-item--pointer {
    margin-right: -60px
  }
}
@media only screen and (max-width:749px) {
  .db-table-list .db-table-body .td-children .td-children .td-children .td-item--pointer {
    margin-right: -40px
  }
}
.teaser {
  position: relative;
  flex: 1;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden
}
@media only screen and (max-width:749px) {
  .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:1149px) {
  .teaser__text .title-h1 {
    font-size: 36px
  }
}
@media only screen and (max-width:749px) {
  .teaser__text .title-h1 {
    font-size: 26px
  }
}
.teaser__text .title-h4 {
  font-size: 26px
}
@media only screen and (max-width:749px) {
  .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
}
.timer {
  position: relative;
  display: flex
}
.timer li {
  position: relative;
  text-align: center;
  min-width: 30px
}
.timer li.sep {
  min-width: auto;
  padding: 0 10px
}
.timer span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}
.tooltip {
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  bottom: -15px;
  right: -15px;
  padding: 15px;
  min-width: 240px;
  max-width: 300px;
  margin-bottom: 50px;
  border-radius: 10px;
  color: #1b1d23;
  z-index: 15;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05);
  transition: all .3s ease;
  font-size: 11px
}
.tooltip:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 1px solid #d3e0f4;
  border-radius: 10px;
  z-index: 0;
  opacity: 1!important
}
.tooltip:before {
  content: '';
  position: absolute;
  bottom: -14px;
  right: 30px;
  width: 17px;
  height: 17px;
  z-index: 1;
  background-image: url(../images/frame/36.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1149px) {
  .tooltip {
    padding: 10px
  }
}
.tooltip__info {
  position: relative;
  z-index: 1
}
.tooltip__info ul {
  display: flex;
  flex-direction: column
}
.tooltip__info a {
  color: #245bea;
  text-decoration: underline
}
.ui-helper-hidden-accessible {
  display: none!important
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
html {
  overflow-x: hidden
}
html::-webkit-scrollbar {
  width: 10px;
  height: 10px
}
html::-webkit-scrollbar-thumb {
  background: rgba(36,91,234,.3)
}
html::-webkit-scrollbar-track {
  background: rgba(36,91,234,.2)
}
html.with-fancybox {
  overflow: hidden
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: #1b1d23;
  background-color: #f5f8ff;
  overflow-x: hidden;
  font-family: Ruberoid;
  font-size: 13px;
  line-height: 1.38;
  font-weight: 400
}
@media only screen and (max-width:1899px) {
  body {
    font-size: 11px
  }
}
@media only screen and (max-width:1149px) {
  body {
    font-size: 13px
  }
}
body.template--bg {
  background-image: url(../images/bg/main.png);
  background-position: center -500px;
  background-size: auto;
  background-repeat: no-repeat
}
body.template .main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh
}
body.template .container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.template .container {
    max-width: 1090px
  }
}
@media only screen and (max-width:1439px) {
  body.template .container {
    max-width: 870px
  }
}
body.template .header {
  position: fixed;
  display: flex;
  align-items: center;
  width: calc(100% - 80px);
  min-height: 100px;
  top: 40px;
  left: 50%;
  padding: 0 40px;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 20px;
  z-index: 100;
  transition: all .3s ease
}
@media only screen and (max-width:1899px) {
  body.template .header {
    width: calc(100% - 60px);
    min-height: 75px;
    top: 30px;
    padding: 0 30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .header {
    width: calc(100% - 40px);
    min-height: 60px;
    top: 20px;
    padding: 0 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header {
    width: 100%;
    min-height: 50px;
    top: 0;
    padding: 0 10px;
    border-radius: 0 0 10px 10px
  }
}
body.template .header.sticky {
  top: 0;
  min-height: 60px;
  border-radius: 0 0 20px 20px;
  background-color: rgba(255,255,255,.95)
}
@media only screen and (max-width:1899px) {
  body.template .header.sticky {
    min-height: 50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header.sticky {
    background-color: #fff;
    border-radius: 0 0 10px 10px
  }
}
body.template .header__wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: auto
}
body.template .header__logo {
  position: relative;
  margin-right: auto;
  flex: 0 0 132px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.template .header__logo {
    flex: 0 0 98px
  }
}
@media only screen and (max-width:1439px) {
  body.template .header__logo {
    flex: 0 0 88px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header__logo {
    flex: 0 0 98px
  }
}
body.template .header__logo a {
  display: flex
}
body.template .header__nav {
  position: relative
}
@media only screen and (max-width:1149px) {
  body.template .header__nav {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    position: absolute;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    top: 0;
    left: -10px;
    width: calc(100% + 22px);
    height: auto;
    padding: 50px 10px 30px 10px;
    transition: all .3s ease;
    background-color: #fff;
    box-shadow: 0 11px 11px 0 rgba(0,0,0,.05);
    border-radius: 0 0 10px 10px;
    z-index: 0
  }
}
@media only screen and (max-width:1149px) and (max-width:359px) {
  body.template .header__nav {
    padding-bottom: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header__nav.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
  }
}
body.template .header__menu {
  position: relative
}
body.template .header__menu ul {
  display: flex;
  align-items: center
}
@media only screen and (max-width:1149px) {
  body.template .header__menu ul {
    flex-direction: column;
    align-items: flex-start
  }
}
@media only screen and (max-width:1149px) {
  body.template .header__menu ul li {
    width: 100%
  }
}
body.template .header__menu ul li a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 25px;
  border-radius: 25px;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .header__menu ul li a {
    min-height: 28px;
    padding: 0 20px
  }
}
@media only screen and (max-width:1439px) {
  body.template .header__menu ul li a {
    min-height: 22px;
    padding: 0 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header__menu ul li a {
    min-height: 50px;
    padding: 0;
    border-bottom: 1px solid #d3e0f4;
    border-radius: 0;
    font-size: 14px
  }
}
@media only screen and (max-width:359px) {
  body.template .header__menu ul li a {
    min-height: 40px
  }
}
body.template .header__menu ul li a.active {
  opacity: 1;
  background-color: #245bea;
  color: #fff
}
@media only screen and (max-width:1149px) {
  body.template .header__menu ul li a.active {
    color: #245bea;
    background-color: transparent
  }
}
body.template .header__lang {
  position: relative;
  margin-left: 80px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.template .header__lang {
    margin-left: 40px
  }
}
@media only screen and (max-width:1439px) {
  body.template .header__lang {
    margin-left: 10px
  }
}
body.template .header__lang ul {
  display: flex;
  align-items: center;
  margin: -7.5px
}
@media only screen and (max-width:1899px) {
  body.template .header__lang ul {
    margin: -5px
  }
}
body.template .header__lang ul li {
  padding: 7.5px
}
@media only screen and (max-width:1899px) {
  body.template .header__lang ul li {
    padding: 5px
  }
}
body.template .header__lang ul li a,
body.template .header__lang ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background-color: #f3f7ff;
  border: 1px solid transparent;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .header__lang ul li a,
  body.template .header__lang ul li span {
    width: 28px;
    height: 28px;
    flex: 0 0 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header__lang ul li a,
  body.template .header__lang ul li span {
    width: 32px;
    height: 32px;
    flex: 0 0 32px
  }
}
body.template .header__lang ul li span {
  border-color: #245bea;
  background-color: #fff;
  color: #245bea;
  cursor: inherit
}
body.template .header__auth {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 80px
}
@media only screen and (max-width:1899px) {
  body.template .header__auth {
    margin-left: 40px
  }
}
@media only screen and (max-width:1439px) {
  body.template .header__auth {
    margin-left: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.template .header__auth {
    display: none
  }
}
body.template .header__auth .icon {
  flex: 0 0 14px;
  margin-right: 10px
}
body.template .header__auth ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px
}
body.template .header__auth ul li {
  position: relative;
  display: flex;
  padding: 0 10px;
  color: #245bea
}
body.template .header__auth ul li:not(:last-child):after {
  content: '/';
  position: absolute;
  right: -4px;
  font-size: 12px
}
body.template .header__auth ul li a {
  color: #245bea
}
body.template .header__sign {
  display: none;
  position: relative
}
@media only screen and (max-width:1149px) {
  body.template .header__sign {
    display: flex;
    margin-left: 30px
  }
}
body.template .header__burger {
  display: none;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30px;
  flex: 0 0 30px;
  margin-left: 30px;
  transition: all .3s ease;
  cursor: pointer;
  z-index: 99
}
@media only screen and (max-width:1149px) {
  body.template .header__burger {
    display: flex
  }
}
body.template .header__burger .line {
  width: 100%;
  height: 2px;
  margin: 2px 0;
  transition: all .3s ease;
  background-color: #000
}
body.template .header__burger.open .line--2 {
  opacity: 0;
  margin: 0
}
body.template .header__burger.open .line--1 {
  margin: -2px 0;
  transform: rotate(40deg)
}
body.template .header__burger.open .line--3 {
  margin: -2px 0;
  transform: rotate(-40deg)
}
body.template .header__actions {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px
}
@media only screen and (max-width:359px) {
  body.template .header__actions {
    margin-top: 20px
  }
}
body.template .header__socials {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  margin-right: 20px
}
body.template .header__socials ul {
  display: flex;
  align-items: center;
  margin: -5px
}
body.template .header__socials ul li {
  padding: 5px
}
body.template .header__socials ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  color: #1b1d23;
  background-color: #f2f7ff;
  font-size: 16px
}
body.template .header__socials ul li a .icon-youtube {
  font-size: 18px
}
body.template .header__support {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  font-size: 11px
}
body.template .header__support a {
  color: #245bea;
  text-decoration: underline;
  font-size: 12px
}
body.template .header__apps {
  position: relative;
  width: 100%;
  margin-top: 30px
}
@media only screen and (max-width:359px) {
  body.template .header__apps {
    margin-top: 20px
  }
}
body.template .header__apps ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px
}
body.template .header__apps ul li {
  padding: 5px
}
body.template .header__apps ul li a img {
  max-width: 100px
}
body.template .exchanges {
  position: relative
}
body.template .exchanges__wrap {
  position: relative;
  display: flex;
  align-items: center
}
body.template .exchanges__wrap ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: auto;
  margin: 0 -20px
}
body.template .exchanges__wrap ul li {
  padding: 0 20px;
  flex: 0 0 auto
}
body.template .exchanges__wrap ul li a {
  display: flex
}
@media only screen and (max-width:1899px) {
  body.template .exchanges__wrap ul li a img {
    width: 75%
  }
}
body.template .systems {
  position: relative
}
body.template .systems__wrap {
  position: relative;
  display: flex;
  align-items: center
}
body.template .systems__wrap ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: auto;
  margin: 0 -20px
}
body.template .systems__wrap ul li {
  padding: 0 20px;
  flex: 0 0 auto
}
body.template .systems__wrap ul li a {
  display: flex
}
body.template .systems__wrap ul li a img {
  filter: brightness(0) invert(1)
}
@media only screen and (max-width:1899px) {
  body.template .systems__wrap ul li a img {
    width: 80%
  }
}
body.template .splash {
  position: relative
}
body.template .splash .exchanges {
  min-height: 210px;
  padding-top: 130px;
  margin-top: -130px;
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px;
  z-index: 0;
  background-image: url(../images/bg/exchanges.jpg);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .splash .exchanges {
    padding-top: 150px;
    margin-top: -150px;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash .exchanges {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
  }
}
body.template .splash .exchanges__wrap {
  height: 80px;
  overflow: hidden
}
@media only screen and (max-width:1899px) {
  body.template .splash .exchanges__wrap {
    height: 60px
  }
}
body.template .splash__wrap {
  position: relative;
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px;
  color: #fff;
  z-index: 1;
  background-image: url(../images/bg/splash.jpg);
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .splash__wrap {
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__wrap {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__wrap {
    background-image: url(../images/bg/splash-sm.jpg);
    background-position: 70% top;
    background-size: cover;
    background-repeat: no-repeat
  }
}
body.template .splash__details {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  min-height: 845px;
  padding: 230px 0 50px 0
}
@media only screen and (max-width:1899px) {
  body.template .splash__details {
    padding: 170px 0 40px 0;
    min-height: 640px
  }
}
@media only screen and (max-width:1439px) {
  body.template .splash__details {
    padding: 120px 0 20px 0;
    min-height: 500px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__details {
    padding: 120px 0 20px 0;
    min-height: 460px
  }
}
body.template .splash__info {
  display: flex;
  flex-direction: column;
  max-width: 540px
}
@media only screen and (max-width:1899px) {
  body.template .splash__info {
    max-width: 440px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__info {
    max-width: none;
    width: 100%
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__info {
    max-width: 250px
  }
}
body.template .splash__title {
  display: flex;
  flex-direction: column
}
body.template .splash__title .fs-h1 {
  margin-top: 20px
}
@media only screen and (max-width:1899px) {
  body.template .splash__title .fs-h1 {
    margin-top: 10px
  }
}
body.template .splash__text {
  margin-top: 60px
}
@media only screen and (max-width:1899px) {
  body.template .splash__text {
    max-width: 370px;
    margin-top: 45px
  }
}
@media only screen and (max-width:1439px) {
  body.template .splash__text {
    max-width: 300px;
    margin-top: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__text {
    display: none
  }
}
body.template .splash__link {
  margin-top: 60px
}
@media only screen and (max-width:1899px) {
  body.template .splash__link {
    margin-top: 45px
  }
}
@media only screen and (max-width:1439px) {
  body.template .splash__link {
    margin-top: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__link {
    margin-top: 22px
  }
}
body.template .splash__courses {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: auto
}
@media only screen and (max-width:1149px) {
  body.template .splash__courses {
    flex-direction: row;
    margin-top: 0
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__courses {
    width: 100%;
    margin-top: 50px
  }
}
body.template .splash__courses-item {
  position: relative;
  width: 272px;
  height: 91px;
  background-image: url(../images/bg/course.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .splash__courses-item {
    width: 200px;
    height: 70px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__courses-item {
    width: 170px;
    height: 60px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__courses-item--01 {
    margin-top: 80px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__courses-item--01 {
    margin-top: 0;
    margin-right: 15px
  }
}
body.template .splash__courses-item--01 .splash__course {
  animation: fadeInScale 12s ease-in-out infinite
}
body.template .splash__courses-item--01 .splash__course:nth-child(1) {
  animation-delay: 4s;
  z-index: 2
}
body.template .splash__courses-item--01 .splash__course:nth-child(2) {
  animation-delay: 8s;
  z-index: 3
}
body.template .splash__courses-item--02 {
  margin-left: -290px;
  margin-top: 40px
}
@media only screen and (max-width:1899px) {
  body.template .splash__courses-item--02 {
    margin-left: -200px;
    margin-top: 30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .splash__courses-item--02 {
    margin-left: -130px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__courses-item--02 {
    margin-left: 0;
    margin-top: 0
  }
}
@media only screen and (max-width:359px) {
  body.template .splash__courses-item--02 {
    display: none
  }
}
body.template .splash__courses-item--02 .splash__course {
  animation: fadeInScale 15s ease-in-out infinite
}
body.template .splash__courses-item--02 .splash__course:nth-child(1) {
  animation-delay: 5s;
  z-index: 2
}
body.template .splash__courses-item--02 .splash__course:nth-child(2) {
  animation-delay: 10s;
  z-index: 3
}
body.template .splash__courses-item--03 {
  margin-left: 130px;
  margin-top: -60px
}
@media only screen and (max-width:1899px) {
  body.template .splash__courses-item--03 {
    margin-left: 100px;
    margin-top: -50px
  }
}
@media only screen and (max-width:1439px) {
  body.template .splash__courses-item--03 {
    margin-left: 130px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__courses-item--03 {
    margin-left: -100px;
    margin-top: 80px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__courses-item--03 {
    display: none;
    margin-left: 0;
    margin-top: 0
  }
}
body.template .splash__courses-item--03 .splash__course {
  animation: fadeInScale 18s ease-in-out infinite
}
body.template .splash__courses-item--03 .splash__course:nth-child(1) {
  animation-delay: 6s;
  z-index: 2
}
body.template .splash__courses-item--03 .splash__course:nth-child(2) {
  animation-delay: 12s;
  z-index: 3
}
body.template .splash__course {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  transition: all .3s ease;
  opacity: 0
}
body.template .splash__course-val {
  padding: 15px;
  white-space: nowrap
}
@media only screen and (max-width:1899px) {
  body.template .splash__course-val {
    padding: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .splash__course-val .fs-h4 {
    font-size: 14px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__course-val .fs-h4 {
    font-size: 14px
  }
}
body.template .splash__course-prc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 15px 10px
}
@media only screen and (max-width:1899px) {
  body.template .splash__course-prc {
    padding: 10px
  }
}
body.template .splash__course-prc i {
  margin-top: 10px
}
@media only screen and (max-width:1899px) {
  body.template .splash__course-prc i {
    max-width: 70px;
    margin-top: 5px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__course-prc i {
    max-width: 50px
  }
}
body.template .splash__course-eps {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 0;
  left: 70px;
  min-width: 72px;
  height: 24px;
  padding: 2px 4px;
  background-color: #1b1d23;
  border-radius: 24px;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .splash__course-eps {
    left: 52px;
    bottom: 4px;
    min-width: 54px;
    height: 18px
  }
}
@media only screen and (max-width:749px) {
  body.template .splash__course-eps {
    left: 42px;
    bottom: 4px;
    min-width: 50px;
    height: 16px
  }
}
@media only screen and (max-width:1899px) {
  body.template .splash__course-eps span {
    font-size: 10px
  }
}
body.template .splash__course-eps i {
  flex: 0 0 18px;
  font-size: 18px;
  margin-right: 5px
}
@media only screen and (max-width:1899px) {
  body.template .splash__course-eps i {
    flex: 0 0 12px;
    font-size: 12px;
    margin-right: 4px
  }
}
@keyframes fadeInScale {
  0% {
    opacity: 1
  }
  15% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  85% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
body.template .hero {
  position: relative;
  padding: 0 0 100px 0
}
@media only screen and (max-width:1899px) {
  body.template .hero {
    padding: 0 0 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .hero {
    padding: 0 0 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .hero {
    padding: 0 0 40px 0
  }
}
body.template .hero:before {
  content: '';
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 248px;
  background-image: url(../images/shad/10.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
body.template .hero__overlay {
  position: relative;
  width: 100%;
  padding: 220px 0 100px 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px
}
@media only screen and (max-width:1899px) {
  body.template .hero__overlay {
    padding: 150px 0 70px 0;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .hero__overlay {
    padding: 120px 0 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .hero__overlay {
    padding: 130px 0 80px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
  }
}
@media only screen and (max-width:749px) {
  body.template .hero__overlay {
    display: flex;
    align-items: flex-end;
    min-height: 300px;
    padding: 70px 0 30px 0
  }
}
body.template .hero__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 720px;
  color: #fff
}
@media only screen and (max-width:1899px) {
  body.template .hero__wrap {
    max-width: 580px
  }
}
@media only screen and (max-width:1439px) {
  body.template .hero__wrap {
    max-width: 420px
  }
}
body.template .hero__title {
  display: flex;
  flex-direction: column;
  max-width: 480px
}
body.template .hero__title--full {
  max-width: none
}
body.template .hero__title .fs-large {
  font-size: 60px;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .hero__title .fs-large {
    font-size: 55px
  }
}
@media only screen and (max-width:1439px) {
  body.template .hero__title .fs-large {
    font-size: 40px;
    line-height: 1.2
  }
}
@media only screen and (max-width:1149px) {
  body.template .hero__title .fs-large {
    font-size: 30px
  }
}
body.template .hero__title .fs-h6 {
  padding-bottom: 10px;
  color: #2fabff
}
@media only screen and (max-width:1149px) {
  body.template .hero__title .fs-h6 {
    font-size: 10px
  }
}
body.template .hero__text {
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:1149px) {
  body.template .hero__text {
    display: none
  }
}
body.template .hero__text p {
  margin-top: 25px
}
@media only screen and (max-width:1439px) {
  body.template .hero__text p {
    margin-top: 15px
  }
}
body.template .footer {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-top: 130px
}
@media only screen and (max-width:1899px) {
  body.template .footer {
    padding-top: 100px
  }
}
@media only screen and (max-width:1439px) {
  body.template .footer {
    padding-top: 50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer {
    padding-top: 40px
  }
}
body.template .footer .exchanges,
body.template .footer .systems {
  min-height: 210px;
  padding-bottom: 130px;
  margin-bottom: -130px;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  z-index: 0;
  background-image: url(../images/bg/systems.jpg);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .footer .exchanges,
  body.template .footer .systems {
    padding-bottom: 150px;
    margin-bottom: -150px;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer .exchanges,
  body.template .footer .systems {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
  }
}
body.template .footer .exchanges__wrap,
body.template .footer .systems__wrap {
  height: 80px;
  overflow: hidden
}
@media only screen and (max-width:1899px) {
  body.template .footer .exchanges__wrap,
  body.template .footer .systems__wrap {
    height: 60px
  }
}
body.template .footer__wrap {
  position: relative;
  min-height: 280px;
  padding: 70px 0 50px 0;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  color: #fff;
  background-color: #245bea;
  z-index: 1;
  background-image: url(../images/bg/footer.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .footer__wrap {
    min-height: 210px;
    padding: 50px 0 40px 0;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    background-image: url(../images/bg/footer-lgx.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
@media only screen and (max-width:1439px) {
  body.template .footer__wrap {
    min-height: 160px;
    padding: 35px 0;
    background-image: url(../images/bg/footer-lg.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__wrap {
    min-height: auto;
    padding: 20px 0 70px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #245bea;
    background-image: none
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__wrap {
    padding: 20px 0 55px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__wrap .container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__wrap .container {
    justify-content: center
  }
}
body.template .footer__rules {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  bottom: 0;
  left: 50%;
  width: 315px;
  height: 50px;
  padding: 5px 50px;
  margin-left: -765px;
}
@media only screen and (max-width:1899px) {
  body.template .footer__rules {
    /* left: 145px; */
    width: 235px;
    height: 36px;
    padding: 5px 15px;
    margin-left: -575px;
  }
}
@media only screen and (max-width:1439px) {
  body.template .footer__rules {
    /* left: 115px; */
    width: 190px;
    height: 30px;
    padding: 5px 15px;
    margin-left: -460px;
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__rules {
    left: 10px;
    width: 270px;
    height: 35px;
    padding: 0;
    background-image: url(../images/bg/rules.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat;
    margin: 0;
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__rules {
    left: 50%;
    transform: translateX(-50%)
  }
}
body.template .footer__rules a {
  color: #245bea
}
@media only screen and (max-width:1439px) {
  body.template .footer__rules a {
    font-size: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__rules a {
    font-size: 14px
  }
}
body.template .footer__details {
  display: flex;
  align-items: center
}
@media only screen and (max-width:1149px) {
  body.template .footer__details {
    flex-direction: column;
    align-items: flex-start;
    margin-right: auto;
    order: 0
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__details {
    margin: 0
  }
}
body.template .footer__logo {
  margin-right: auto;
  flex: 0 0 187px
}
@media only screen and (max-width:1899px) {
  body.template .footer__logo {
    flex: 0 0 140px
  }
}
@media only screen and (max-width:1439px) {
  body.template .footer__logo {
    flex: 0 0 100px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__logo {
    display: none
  }
}
body.template .footer__logo a {
  display: flex
}
body.template .footer__menu ul {
  display: flex;
  align-items: center
}
@media only screen and (max-width:1149px) {
  body.template .footer__menu ul {
    flex-direction: column;
    align-items: flex-start;
    margin: -8px 0
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__menu ul {
    align-items: center
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__menu ul li {
    padding: 8px 0
  }
}
body.template .footer__menu ul li a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 25px;
  border-radius: 25px;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .footer__menu ul li a {
    min-height: 28px;
    padding: 0 20px
  }
}
@media only screen and (max-width:1439px) {
  body.template .footer__menu ul li a {
    min-height: 22px;
    padding: 0 10px;
    font-size: 11px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__menu ul li a {
    min-height: auto;
    padding: 0;
    font-size: 14px
  }
}
body.template .footer__menu ul li a.active {
  opacity: 1;
  background-color: #1b1d23;
  color: #fff
}
@media only screen and (max-width:1149px) {
  body.template .footer__menu ul li a.active {
    background-color: transparent;
    text-decoration: underline
  }
}
body.template .footer__lang {
  margin-left: 60px
}
@media only screen and (max-width:1899px) {
  body.template .footer__lang {
    margin-left: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__lang {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px
  }
}
body.template .footer__lang ul {
  display: flex;
  align-items: center;
  margin: -7.5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__lang ul {
    margin: -5px
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__lang ul {
    justify-content: center
  }
}
body.template .footer__lang ul li {
  padding: 7.5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__lang ul li {
    padding: 5px
  }
}
body.template .footer__lang ul li a,
body.template .footer__lang ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  background-color: #2149b0;
  border: 1px solid transparent;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .footer__lang ul li a,
  body.template .footer__lang ul li span {
    width: 28px;
    height: 28px;
    flex: 0 0 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__lang ul li a,
  body.template .footer__lang ul li span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    font-size: 14px
  }
}
body.template .footer__lang ul li span {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
  cursor: inherit
}
body.template .footer__auth {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 40px
}
@media only screen and (max-width:1899px) {
  body.template .footer__auth {
    margin-left: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__auth {
    margin-left: 0;
    margin-top: 10px
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__auth {
    justify-content: center;
    margin-left: auto;
    margin-right: auto
  }
}
body.template .footer__auth ul {
  position: relative;
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width:749px) {
  body.template .footer__auth ul {
    justify-content: center
  }
}
body.template .footer__auth ul li {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff
}
body.template .footer__auth ul li:not(:last-child):after {
  content: '/';
  font-family: TTFirsNeue;
  margin: 0 5px;
  font-size: inherit;
  font-weight: 400
}
body.template .footer__auth ul li a {
  color: #fff
}
@media only screen and (max-width:1439px) {
  body.template .footer__auth ul li a {
    font-size: 11px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__auth ul li a {
    font-size: 14px
  }
}
body.template .footer__copyright {
  display: flex;
  flex-direction: column;
  flex: auto;
  margin-top: 30px
}
@media only screen and (max-width:1899px) {
  body.template .footer__copyright {
    margin-top: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__copyright {
    order: 2;
    flex-direction: row;
    flex-wrap: wrap
  }
  body.template .footer__copyright .fs-tiny {
    padding-right: 5px
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__copyright {
    justify-content: center;
    text-align: center
  }
}
body.template .footer__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 370px;
  margin-top: -5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__actions {
    padding-left: 230px
  }
}
@media only screen and (max-width:1439px) {
  body.template .footer__actions {
    padding: 20px 0;
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__actions {
    align-items: flex-start;
    max-width: 390px;
    order: 1;
    padding: 0;
    margin: 0
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__actions {
    width: 100%;
    margin-top: 20px;
    justify-content: center;
    align-items: center
  }
}
body.template .footer__socials {
  position: relative;
  margin-right: 70px
}
@media only screen and (max-width:1899px) {
  body.template .footer__socials {
    margin-right: 50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__socials {
    margin-right: 25px
  }
}
@media only screen and (max-width:359px) {
  body.template .footer__socials {
    margin: 0 auto
  }
}
body.template .footer__socials ul {
  display: flex;
  align-items: center;
  margin: -7.5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__socials ul {
    margin: -5px
  }
}
body.template .footer__socials ul li {
  padding: 7.5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__socials ul li {
    padding: 5px
  }
}
body.template .footer__socials ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  color: #1b1d23;
  background-color: #fff;
  font-size: 18px
}
@media only screen and (max-width:1899px) {
  body.template .footer__socials ul li a {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    font-size: 14px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__socials ul li a {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    font-size: 16px
  }
}
body.template .footer__socials ul li a .icon-youtube {
  font-size: 20px
}
@media only screen and (max-width:1899px) {
  body.template .footer__socials ul li a .icon-youtube {
    font-size: 16px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__socials ul li a .icon-youtube {
    font-size: 20px
  }
}
body.template .footer__support {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: auto
}
@media only screen and (max-width:749px) {
  body.template .footer__support {
    margin-right: 0
  }
}
@media only screen and (max-width:359px) {
  body.template .footer__support {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center
  }
}
body.template .footer__support .icon {
  display: flex;
  flex: 0 0 40px;
  font-size: 40px;
  margin-right: 25px
}
@media only screen and (max-width:1899px) {
  body.template .footer__support .icon {
    flex: 0 0 30px;
    font-size: 30px;
    margin-right: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .footer__support .icon {
    flex: 0 0 38px;
    font-size: 38px
  }
}
body.template .footer__support .info {
  display: flex;
  flex-direction: column
}
body.template .footer__support .info a {
  padding-top: 5px;
  text-decoration: underline
}
@media only screen and (max-width:1899px) {
  body.template .footer__support .info a {
    padding-top: 2px
  }
}
body.template .footer__apps {
  position: relative
}
@media only screen and (max-width:1149px) {
  body.template .footer__apps {
    margin-top: 50px
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__apps {
    margin-top: 20px
  }
}
body.template .footer__apps ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -7.5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__apps ul {
    margin: -5px
  }
}
@media only screen and (max-width:749px) {
  body.template .footer__apps ul {
    justify-content: center
  }
}
body.template .footer__apps ul li {
  padding: 7.5px
}
@media only screen and (max-width:1899px) {
  body.template .footer__apps ul li {
    padding: 5px
  }
}
body.template .footer__apps ul li a {
  flex: 0 0 135px
}
@media only screen and (max-width:1899px) {
  body.template .footer__apps ul li a img {
    max-width: 100px
  }
}
body.template .about {
  position: relative;
  padding: 80px 0 0 0
}
@media only screen and (max-width:1899px) {
  body.template .about {
    padding: 60px 0 0 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .about {
    padding: 50px 0 0 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .about {
    padding: 40px 0 0 0
  }
}
body.template .about__wrap {
  position: relative;
  min-height: 765px
}
@media only screen and (max-width:1899px) {
  body.template .about__wrap {
    min-height: 575px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__wrap {
    min-height: 460px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__wrap {
    min-height: auto
  }
}
body.template .about__wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1240px;
  height: 100%;
  z-index: 0;
  background-image: url(../images/bg/about-2.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .about__wrap:before {
    width: 930px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__wrap:before {
    width: 740px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__wrap:before {
    display: none
  }
}
body.template .about__details {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 450px;
  top: 130px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5
}
@media only screen and (max-width:1899px) {
  body.template .about__details {
    top: 100px;
    max-width: 340px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__details {
    top: 80px;
    max-width: 270px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__details {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    max-width: none
  }
}
body.template .about__details .fs-giant {
  color: #245bea;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(../images/other/text.jpg);
  background-position: center -20px;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .about__details .fs-h3 {
  margin-top: 10px
}
body.template .about__details .fs-h4 {
  max-width: 80%;
  margin-top: 30px;
  text-align: center
}
@media only screen and (max-width:1439px) {
  body.template .about__details .fs-h4 {
    max-width: none;
    margin-top: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__details .fs-h4 {
    font-size: 14px
  }
}
@media only screen and (max-width:749px) {
  body.template .about__details .fs-h4 {
    max-width: 250px;
    margin-top: 25px
  }
}
body.template .about__swiper {
  position: relative;
  min-height: 485px;
  width: calc(100% + 200px);
  margin-left: -100px;
  padding: 70px 100px 50px 100px
}
@media only screen and (max-width:1899px) {
  body.template .about__swiper {
    min-height: 365px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__swiper {
    min-height: 330px;
    padding: 50px 100px 30px 100px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__swiper {
    width: 100%;
    min-height: auto;
    margin: 0;
    padding: 70px 0 0 0
  }
}
@media only screen and (max-width:749px) {
  body.template .about__swiper {
    padding: 50px 0 0 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__swiper .swiper-navigation {
    margin-top: -40px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__swiper .swiper-navigation {
    margin-top: 20px
  }
}
body.template .about__swiper .swiper-slide {
  height: auto
}
body.template .about__swiper .swiper-slide.swiper-slide-next .about__item {
  margin-left: auto
}
body.template .about__swiper .swiper-slide.swiper-slide-next .about__item:before {
  content: '';
  background-image: url(../images/shad/8.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .about__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
  min-height: 330px;
  max-width: 440px;
  background-color: #fff
}
@media only screen and (max-width:1899px) {
  body.template .about__item {
    min-height: auto;
    max-width: 340px;
    padding: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__item {
    max-width: 260px;
    padding: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__item {
    max-width: none;
    padding: 20px
  }
}
body.template .about__item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: 80px;
  width: 711px;
  height: 372px;
  z-index: -1;
  background-image: url(../images/shad/7.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .about__item:before {
    width: 500px;
    height: 100%
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__item:before {
    width: 400px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__item:before {
    display: none
  }
}
body.template .about__item-info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 220px;
  padding: 0 30px 30px 30px;
  background-color: #eaf2ff;
  border-radius: 20px
}
@media only screen and (max-width:1899px) {
  body.template .about__item-info {
    min-height: 160px;
    padding: 0 10px 15px 10px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__item-info {
    padding: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__item-info {
    padding: 0 20px 20px 20px
  }
}
body.template .about__item-info:before {
  content: '';
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 43px;
  z-index: 0;
  background-image: url(../images/frame/1.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .about__item-info:before {
    top: -30px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__item-info:before {
    top: -43px
  }
}
body.template .about__item-info .icon {
  position: relative;
  margin-top: -25px;
  margin-bottom: 10px
}
@media only screen and (max-width:1899px) {
  body.template .about__item-info .icon {
    max-width: 120px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__item-info .icon {
    max-width: 80px;
    margin-top: -30px;
    margin-bottom: 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__item-info .icon {
    max-width: 120px
  }
}
body.template .about__item-title {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  text-align: center;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.template .about__item-title {
    margin-top: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__item-title {
    margin-top: 10px
  }
}
body.template .about__item-title .fs-h4 {
  max-width: 80%
}
@media only screen and (max-width:1439px) {
  body.template .about__item-title .fs-h4 {
    max-width: none
  }
}
body.template .about__canvas {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 500px;
  z-index: -1
}
@media only screen and (max-width:1899px) {
  body.template .about__canvas {
    height: 400px
  }
}
@media only screen and (max-width:1439px) {
  body.template .about__canvas {
    height: 300px
  }
}
@media only screen and (max-width:1149px) {
  body.template .about__canvas {
    display: none
  }
}
body.template .about__canvas canvas {
  width: 70%;
  height: 100%
}
body.template .strategy {
  position: relative;
  margin-top: -40px
}
@media only screen and (max-width:1149px) {
  body.template .strategy {
    margin: 0;
    padding: 40px 0 0 0
  }
}
body.template .strategy__wrap {
  position: relative
}
body.template .strategy__row {
  display: flex;
  flex-wrap: wrap
}
body.template .strategy__col--start {
  width: 390px
}
@media only screen and (max-width:1899px) {
  body.template .strategy__col--start {
    width: 290px
  }
}
@media only screen and (max-width:1439px) {
  body.template .strategy__col--start {
    width: 200px
  }
}
body.template .strategy__col--end {
  width: calc(100% - 390px)
}
@media only screen and (max-width:1899px) {
  body.template .strategy__col--end {
    width: calc(100% - 290px)
  }
}
@media only screen and (max-width:1439px) {
  body.template .strategy__col--end {
    width: calc(100% - 200px)
  }
}
@media only screen and (max-width:1149px) {
  body.template .strategy__col {
    width: 100%
  }
}
body.template .strategy__block {
  position: relative;
  display: flex;
  margin-top: 40px
}
@media only screen and (max-width:1149px) {
  body.template .strategy__block {
    margin-top: 10px
  }
}
body.template .strategy__block-acc {
  flex: 0 0 390px;
  margin-right: 30px
}
@media only screen and (max-width:1899px) {
  body.template .strategy__block-acc {
    flex: 0 0 300px
  }
}
@media only screen and (max-width:1439px) {
  body.template .strategy__block-acc {
    flex: 0 0 250px
  }
}
@media only screen and (max-width:1149px) {
  body.template .strategy__block-acc {
    flex: auto;
    width: 100%;
    margin: 0
  }
}
body.template .strategy__block-acc .accordion-styled__title {
  max-width: 280px
}
@media only screen and (max-width:1899px) {
  body.template .strategy__block-acc .accordion-styled__title {
    max-width: 160px
  }
}
@media only screen and (max-width:1149px) {
  body.template .strategy__block-acc .accordion-styled__title {
    max-width: none
  }
}
body.template .strategy__block-img {
  position: relative;
  min-height: 100%;
  flex: auto;
  margin-left: auto
}
@media only screen and (max-width:1149px) {
  body.template .strategy__block-img {
    display: none
  }
}
body.template .strategy__block-img .image {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  bottom: 0;
  right: 0;
  width: 100%;
  transition: all .5s ease
}
body.template .strategy__block-img .image:before {
  content: '';
  position: absolute;
  top: 30%;
  left: 20%;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../images/shad/9.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .strategy__block-img .image.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0)
}
body.template .strategy__item {
  position: relative;
  display: flex;
  align-items: center
}
@media only screen and (max-width:749px) {
  body.template .strategy__item {
    flex-direction: column
  }
}
body.template .strategy__item img {
  max-width: 40%;
  margin-left: 30px
}
@media only screen and (max-width:749px) {
  body.template .strategy__item img {
    margin-left: auto;
    margin-top: 10px;
    max-width: 100%
  }
}
body.template .steps {
  position: relative;
  padding: 130px 0 100px 0;
  background-image: url(../images/shad/2.png);
  background-position: center -80px;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .steps {
    padding: 60px 0 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps {
    padding: 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps {
    padding: 40px 0
  }
}
body.template .steps:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: #e0ecfe;
  z-index: -1
}
body.template .steps__wrap {
  position: relative;
  padding: 80px 0 120px 0;
  border-radius: 34px;
  background-color: #fff
}
@media only screen and (max-width:1899px) {
  body.template .steps__wrap {
    padding: 80px 0;
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__wrap {
    padding: 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__wrap {
    padding: 40px 0;
    border-radius: 10px
  }
}
body.template .steps__start {
  position: relative
}
body.template .steps__start-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -10px
}
@media only screen and (max-width:1149px) {
  body.template .steps__start-row {
    flex-direction: column;
    align-items: flex-start
  }
}
body.template .steps__start-col {
  padding: 10px
}
body.template .steps__start-col .page-title {
  max-width: 500px
}
@media only screen and (max-width:1439px) {
  body.template .steps__start-col .page-title {
    max-width: 300px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__start-col .page-title {
    max-width: none
  }
}
body.template .steps__start-col .page-join {
  margin-top: 40px
}
@media only screen and (max-width:1149px) {
  body.template .steps__start-col .page-join {
    margin-top: 0
  }
}
body.template .steps__swiper {
  position: relative;
  margin-top: 70px;
  overflow: visible
}
@media only screen and (max-width:1439px) {
  body.template .steps__swiper {
    margin-top: 50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__swiper {
    margin-top: 30px
  }
}
body.template .steps__swiper .swiper-wrapper {
  flex-wrap: wrap;
  margin: -20px;
  width: auto
}
@media only screen and (max-width:1899px) {
  body.template .steps__swiper .swiper-wrapper {
    margin: -15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__swiper .swiper-wrapper {
    width: 100%;
    margin: 0;
    flex-wrap: nowrap
  }
}
body.template .steps__swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% / 3);
  min-height: 100%;
  height: auto;
  padding: 20px
}
body.template .steps__swiper .swiper-slide:nth-child(1) {
  animation-delay: .4s
}
body.template .steps__swiper .swiper-slide:nth-child(2) {
  animation-delay: .8s
}
body.template .steps__swiper .swiper-slide:nth-child(3) {
  animation-delay: 1.2s
}
@media only screen and (max-width:1899px) {
  body.template .steps__swiper .swiper-slide {
    padding: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__swiper .swiper-slide {
    padding: 0;
    width: 355px
  }
}
body.template .steps__item {
  position: relative
}
body.template .steps__item:before {
  content: '';
  position: absolute;
  width: 352px;
  height: 183px;
  bottom: -45px;
  left: -55px;
  background-image: url(../images/shad/4.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
body.template .steps__item-data {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 297px;
  min-height: 324px;
  padding: 30px 50px 20px 35px;
  z-index: 1;
  background-image: url(../images/bg/step.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-data {
    width: 220px;
    min-height: 240px;
    padding: 20px 36px 20px 20px
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-data {
    width: 183px;
    min-height: 200px;
    padding: 15px 25px 15px 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__item-data {
    width: 265px;
    min-height: 289px;
    padding: 15px 25px 15px 15px
  }
}
body.template .steps__item-name {
  position: absolute;
  min-height: 30px;
  width: calc(100% - 30px);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-name {
    width: calc(100% - 25px);
    min-height: 22px
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-name {
    min-height: 18px
  }
}
body.template .steps__item-title {
  position: relative
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-title {
    line-height: 14px;
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-title .fs-h4 {
    font-size: 12px;
  }
}
body.template .steps__item-text {
  margin-top: 20px
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-text {
    margin-top: 15px;
    line-height: 12px;
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-text {
    font-size: 9px;
  }
}
body.template .steps__item-count {
  position: absolute;
  bottom: 25px;
  right: -6px;
  writing-mode: vertical-rl;
  transform: rotate(180deg)
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-count {
    right: -3px;
    bottom: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-count {
    right: -3px;
    bottom: 15px
  }
}
body.template .steps__item-count .fs-large {
  font-size: 70px;
  line-height: 1;
  color: #eef3ff
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-count .fs-large {
    font-size: 50px
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-count .fs-large {
    font-size: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__item-count .fs-large {
    font-size: 70px
  }
}
body.template .steps__item-image {
  position: absolute;
  width: 226px;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 38px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0
}
@media only screen and (max-width:1899px) {
  body.template .steps__item-image {
    width: 170px;
    border-radius: 34px
  }
}
@media only screen and (max-width:1439px) {
  body.template .steps__item-image {
    width: 130px;
    border-radius: 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .steps__item-image {
    width: 170px
  }
}
body.template .program {
  position: relative;
  background-color: #e0ecfe
}
body.template .program__wrap {
  position: relative
}
body.template .program__row {
  position: relative;
  display: flex
}
@media only screen and (max-width:1149px) {
  body.template .program__row {
    flex-direction: column
  }
}
body.template .program__col {
  position: relative;
  width: 100%
}
body.template .program__col--start {
  max-width: 560px;
  z-index: 0
}
@media only screen and (max-width:1899px) {
  body.template .program__col--start {
    max-width: 420px
  }
}
@media only screen and (max-width:1439px) {
  body.template .program__col--start {
    max-width: 330px
  }
}
@media only screen and (max-width:1149px) {
  body.template .program__col--start {
    max-width: none
  }
}
body.template .program__col--center {
  max-width: 480px;
  margin-left: -60px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.template .program__col--center {
    max-width: 370px;
    margin-left: -50px
  }
}
@media only screen and (max-width:1439px) {
  body.template .program__col--center {
    max-width: 300px
  }
}
@media only screen and (max-width:1149px) {
  body.template .program__col--center {
    max-width: none;
    margin-left: 0;
    margin-top: -40px;
    margin-bottom: -40px;
    z-index: 5
  }
}
body.template .program__col--end {
  max-width: 530px;
  margin-left: -70px;
  z-index: 2
}
@media only screen and (max-width:1899px) {
  body.template .program__col--end {
    max-width: 400px
  }
}
@media only screen and (max-width:1439px) {
  body.template .program__col--end {
    max-width: 340px;
    margin-left: -50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .program__col--end {
    max-width: none;
    margin-left: 0
  }
}
body.template .program__item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 240px;
  padding: 20px 120px 20px 30px;
  justify-content: center;
  border-radius: 34px
}
@media only screen and (max-width:1899px) {
  body.template .program__item {
    min-height: 180px;
    padding: 20px 80px 20px 20px;
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .program__item {
    padding: 15px 60px 15px 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .program__item {
    min-height: auto;
    border-radius: 10px;
    padding: 20px
  }
}
body.template .program__item--info {
  background-color: #eaf2ff
}
@media only screen and (max-width:1149px) {
  body.template .program__item--info {
    padding-bottom: 60px;
    justify-content: flex-start;
    text-align: center
  }
}
body.template .program__item--info .fs-h3 {
  padding-bottom: 15px
}
body.template .program__item--data {
  flex-direction: row;
  align-items: center;
  color: #fff;
  background-image: url(../images/bg/program.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .program__item--data .fs-giant {
  margin-right: 10px;
  font-size: 150px;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.template .program__item--data .fs-giant {
    margin-right: 10px;
    font-size: 115px
  }
}
@media only screen and (max-width:1439px) {
  body.template .program__item--data .fs-giant {
    font-size: 90px
  }
}
body.template .program__item--data .fs-h6 {
  margin-top: 60px
}
@media only screen and (max-width:1899px) {
  body.template .program__item--data .fs-h6 {
    margin-top: 35px
  }
}
@media only screen and (max-width:1439px) {
  body.template .program__item--data .fs-h6 {
    margin-top: 10px
  }
}
body.template .program__item--join {
  padding: 20px;
  text-align: center;
  align-items: center;
  background-image: url(../images/bg/program.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .program__item--join {
    background-size: 100% 100%
  }
}
@media only screen and (max-width:1149px) {
  body.template .program__item--join {
    padding: 60px 20px 40px 20px;
    justify-content: flex-start;
    background-image: url(../images/bg/programs-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.template .program__item--join:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 592px;
  height: 380px;
  z-index: -1;
  background-image: url(../images/shad/5.png);
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .program__item--join:before {
    width: 100%;
    height: 100%;
    background-size: cover
  }
}
@media only screen and (max-width:1149px) {
  body.template .program__item--join:before {
    display: none
  }
}
body.template .program__item--join .fs-h6 {
  max-width: 360px;
  margin-bottom: 30px
}
@media only screen and (max-width:1149px) {
  body.template .program__item--join .fs-h6 {
    max-width: none;
    margin-bottom: 20px
  }
}
body.template .program__item--join .btn {
  position: absolute;
  bottom: -10px;
  left: 50%;
  max-width: 220px;
  transform: translateX(-50%)
}
body.template .advantages {
  position: relative;
  padding: 100px 0 300px 0;
  margin-bottom: -180px;
  background-image: url(../images/bg/advantages-2.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .advantages {
    padding: 80px 0 180px 0;
    margin-bottom: -100px
  }
}
@media only screen and (max-width:1439px) {
  body.template .advantages {
    padding: 50px 0;
    margin-bottom: 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages {
    padding: 40px 0;
    background-position: center top
  }
}
body.template .advantages__overlay {
  position: absolute;
  bottom: 200px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 0
}
@media only screen and (max-width:1149px) {
  body.template .advantages__overlay {
    display: none
  }
}
body.template .advantages__wrap {
  position: relative
}
body.template .advantages__title {
  position: relative
}
body.template .advantages__swiper {
  position: relative
}
@media only screen and (max-width:1149px) {
  body.template .advantages__swiper {
    margin-top: 30px;
    overflow: visible
  }
}
body.template .advantages__swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
  width: auto
}
@media only screen and (max-width:1899px) {
  body.template .advantages__swiper .swiper-wrapper {
    margin: -15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .advantages__swiper .swiper-wrapper {
    margin: -10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__swiper .swiper-wrapper {
    width: 100%;
    margin: 0;
    flex-wrap: nowrap
  }
}
body.template .advantages__swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% / 3);
  min-height: 100%;
  height: auto;
  padding: 20px
}
@media only screen and (max-width:1899px) {
  body.template .advantages__swiper .swiper-slide {
    padding: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .advantages__swiper .swiper-slide {
    padding: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__swiper .swiper-slide {
    padding: 0;
    width: 315px
  }
}
body.template .advantages__item {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 232px;
  padding: 20px 40px 30px 40px;
  background-image: url(../images/bg/advantage.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .advantages__item {
    min-height: auto;
    padding: 15px 15px 20px 30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .advantages__item {
    align-items: flex-start;
    padding: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__item {
    flex-direction: column;
    padding: 20px 20px 20px 60px;
    background-image: url(../images/bg/advantage-sm.png);
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat
  }
}
body.template .advantages__item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:1439px) {
  body.template .advantages__item:before {
    height: 60%;
    border-radius: 28px
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__item:before {
    border-radius: 10px;
    height: 40%
  }
}
body.template .advantages__item-start {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: flex-end;
  margin-right: 20px;
  height: 100%;
  flex: 0 0 154px
}
@media only screen and (max-width:1899px) {
  body.template .advantages__item-start {
    flex: 0 0 100px
  }
}
@media only screen and (max-width:1439px) {
  body.template .advantages__item-start {
    justify-content: flex-start;
    margin-right: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__item-start {
    width: 100%;
    height: auto;
    flex: auto;
    text-align: left
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__item-start .icon {
    max-width: 120px;
    margin-left: -35px
  }
}
body.template .advantages__item-start .title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  min-height: 50px;
  color: #245bea
}
@media only screen and (max-width:1149px) {
  body.template .advantages__item-start .title {
    min-height: auto;
    text-align: left;
    justify-content: flex-start
  }
}
body.template .advantages__item-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%
}
@media only screen and (max-width:1439px) {
  body.template .advantages__item-end {
    justify-content: flex-start
  }
}
@media only screen and (max-width:1149px) {
  body.template .advantages__item-end {
    margin-top: 15px;
    justify-content: flex-start
  }
}
body.template .banner {
  position: relative
}
body.template .banner__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  min-height: 275px;
  color: #fff
}
@media only screen and (max-width:1899px) {
  body.template .banner__wrap {
    min-height: 215px;
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .banner__wrap {
    min-height: 175px
  }
}
@media only screen and (max-width:1149px) {
  body.template .banner__wrap {
    min-height: auto;
    padding: 30px 15px 80px 15px;
    border-radius: 10px;
    background-size: cover;
    background-position: center bottom
  }
}
@media only screen and (max-width:749px) {
  body.template .banner__wrap {
    padding: 15px 10px 80px 10px;
    background-image: url(../images/banner/mb.png)!important;
    background-position: center bottom!important;
    background-size: 100%!important;
    background-repeat: no-repeat!important
  }
}
body.template .banner__row {
  display: flex;
  align-items: center;
  justify-content: space-between
}
@media only screen and (max-width:1149px) {
  body.template .banner__row {
    margin-top: 10px;
    flex-direction: column
  }
}
body.template .banner__col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: calc(100% / 3)
}
@media only screen and (max-width:1149px) {
  body.template .banner__col {
    width: 100%;
    margin-top: 10px
  }
}
body.template .banner__text {
  max-width: 250px
}
@media only screen and (max-width:1149px) {
  body.template .banner__text {
    max-width: 500px
  }
}
body.template .banner__title {
  position: absolute;
  display: flex;
  flex-direction: column;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: -30px
}
@media only screen and (max-width:1149px) {
  body.template .banner__title {
    position: relative;
    margin: 0;
    top: auto;
    left: auto;
    transform: none
  }
}
body.template .banner__link {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  left: 0;
  bottom: -12px
}
body.template .banner__link .btn {
  max-width: 220px
}
body.template .slogan {
  position: relative
}
body.template .slogan .page-text .fs-h6 {
  line-height: 1.7
}
body.template .slogan__row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -30px
}
@media only screen and (max-width:1899px) {
  body.template .slogan__row {
    margin: -10px -20px
  }
}
body.template .slogan__col {
  padding: 10px 30px
}
@media only screen and (max-width:1899px) {
  body.template .slogan__col {
    padding: 10px 20px
  }
}
body.template .slogan__col--start {
  width: 480px
}
@media only screen and (max-width:1899px) {
  body.template .slogan__col--start {
    width: 370px
  }
}
@media only screen and (max-width:1439px) {
  body.template .slogan__col--start {
    width: 290px
  }
}
body.template .slogan__col--end {
  width: calc(100% - 480px)
}
@media only screen and (max-width:1899px) {
  body.template .slogan__col--end {
    width: calc(100% - 370px)
  }
}
@media only screen and (max-width:1439px) {
  body.template .slogan__col--end {
    width: calc(100% - 290px)
  }
}
@media only screen and (max-width:1149px) {
  body.template .slogan__col {
    width: 100%
  }
}
body.template .plans {
  position: relative;
  padding: 130px 0 100px 0;
  background-image: url(../images/shad/2.png);
  background-position: center -80px;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .plans {
    padding: 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans {
    padding: 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans {
    padding: 40px 0
  }
}
body.template .plans__wrap {
  position: relative;
  padding: 100px 0 50px 0;
  border-radius: 34px;
  background-color: #fff
}
@media only screen and (max-width:1899px) {
  body.template .plans__wrap {
    padding: 80px 0 30px 0;
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__wrap {
    padding: 50px 0 30px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__wrap {
    padding: 40px 0;
    border-radius: 10px
  }
}
body.template .plans__details {
  position: relative
}
body.template .plans__details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: -10px -30px
}
@media only screen and (max-width:1899px) {
  body.template .plans__details-row {
    margin: -10px -20px
  }
}
body.template .plans__details-col {
  padding: 10px 30px
}
@media only screen and (max-width:1899px) {
  body.template .plans__details-col {
    padding: 10px 20px
  }
}
body.template .plans__details-col--start {
  width: 480px
}
@media only screen and (max-width:1899px) {
  body.template .plans__details-col--start {
    width: 370px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__details-col--start {
    width: 290px
  }
}
body.template .plans__details-col--end {
  width: calc(100% - 480px)
}
@media only screen and (max-width:1899px) {
  body.template .plans__details-col--end {
    width: calc(100% - 370px)
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__details-col--end {
    width: calc(100% - 290px)
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__details-col {
    width: 100%
  }
}
body.template .plans__support {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 40px;
  border-radius: 20px;
  background-image: url(../images/bg/support.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .plans__support {
    padding: 20px
  }
}
@media only screen and (max-width:749px) {
  body.template .plans__support {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center
  }
}
body.template .plans__support-info .text {
  display: flex;
  flex-direction: column;
  max-width: 260px
}
@media only screen and (max-width:1899px) {
  body.template .plans__support-info .text {
    max-width: 200px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__support-info .text {
    max-width: 170px
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__support-info .text {
    max-width: 260px
  }
}
@media only screen and (max-width:749px) {
  body.template .plans__support-info .text {
    max-width: none
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__support-info .text .fs-h4 {
    font-size: 12px
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__support-info .text .fs-h4 {
    font-size: 15px
  }
}
body.template .plans__support-value {
  position: relative
}
@media only screen and (max-width:749px) {
  body.template .plans__support-value {
    margin: 15px 0 30px 0
  }
}
body.template .plans__support-value .fs-h1 {
  color: #245bea
}
@media only screen and (max-width:1439px) {
  body.template .plans__support-value .fs-h1 {
    font-size: 25px
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__support-value .fs-h1 {
    font-size: 30px
  }
}
body.template .plans__support-value .fs-h1.invert {
  position: absolute;
  left: 0;
  top: 60%;
  opacity: .1;
  transform: scale(1,-1)
}
body.template .plans__swiper {
  position: relative;
  width: calc(100% + 100px);
  margin-left: -50px;
  margin-top: 80px;
  padding: 0 50px 50px 50px
}
@media only screen and (max-width:1899px) {
  body.template .plans__swiper {
    margin-top: 60px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__swiper {
    margin-top: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__swiper {
    padding: 0 50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__swiper .swiper-slide {
    width: auto
  }
}
body.template .plans__swiper .swiper-navigation {
  display: none
}
@media only screen and (max-width:1149px) {
  body.template .plans__swiper .swiper-navigation {
    display: flex
  }
}
body.template .plans__navigation {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 319px;
  height: 29px;
  background-image: url(../images/frame/3.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
@media only screen and (max-width:1149px) {
  body.template .plans__navigation {
    display: none
  }
}
body.template .plans__navigation-next,
body.template .plans__navigation-prev {
  position: relative;
  display: flex;
  cursor: pointer;
  transition: all .3s ease
}
body.template .plans__navigation-next:hover,
body.template .plans__navigation-prev:hover {
  opacity: .85
}
body.template .plans__navigation-bull {
  display: flex;
  margin: 0 20px
}
body.template .plans__navigation-bull ul {
  display: flex;
  margin: 0 -7px
}
body.template .plans__navigation-bull ul li {
  padding: 7px;
  cursor: pointer
}
body.template .plans__navigation-bull ul li.active .fs-h6 {
  background-color: #fff;
  color: #245bea
}
body.template .plans__navigation-bull ul li .fs-h6 {
  display: flex;
  min-height: 20px;
  min-width: 80px;
  align-items: center;
  justify-content: center;
  color: #aabdec;
  border-radius: 20px
}
body.template .plans__row {
  display: flex;
  margin: 0 -20px
}
@media only screen and (max-width:1439px) {
  body.template .plans__row {
    margin: 0 -10px
  }
}
body.template .plans__col {
  width: calc(100% / 3);
  padding: 0 20px
}
@media only screen and (max-width:1439px) {
  body.template .plans__col {
    padding: 0 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .plans__col {
    width: auto
  }
}
body.template .plans__item {
  position: relative;
  width: 100%
}
@media only screen and (max-width:1149px) {
  body.template .plans__item {
    width: 270px
  }
}
body.template .plans__item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 60%;
  left: -15%;
  z-index: -1;
  background-image: url(../images/shad/4.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .plans__item:before {
    top: 45%
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item:before {
    top: 35%;
    left: -25%
  }
}
body.template .plans__item--01 {
  background-image: url(../images/plans/1.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .plans__item--02 {
  background-image: url(../images/plans/2.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .plans__item--03 {
  background-image: url(../images/plans/3.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .plans__item--04 {
  background-image: url(../images/plans/4.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .plans__item--05 {
  background-image: url(../images/plans/5.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .plans__item--06 {
  background-image: url(../images/plans/6.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .plans__item-data {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 325px;
  width: 325px;
  padding: 60px 30px 30px 30px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-data {
    width: 245px;
    height: 245px;
    padding: 40px 20px 20px 20px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-data {
    width: 195px;
    height: 196px;
    padding: 30px 15px 15px 15px
  }
}
body.template .plans__item-name {
  position: absolute;
  min-height: 30px;
  width: calc(100% - 55px);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-name {
    width: calc(100% - 40px);
    min-height: 22px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-name {
    width: calc(100% - 30px);
    min-height: 18px
  }
}
body.template .plans__item-count {
  position: absolute;
  bottom: 25px;
  right: -6px;
  writing-mode: vertical-rl;
  transform: rotate(180deg)
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-count {
    right: -3px;
    bottom: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-count {
    right: -3px;
    bottom: 15px
  }
}
body.template .plans__item-count .fs-large {
  font-size: 70px;
  line-height: 1;
  color: #eef3ff
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-count .fs-large {
    font-size: 50px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-count .fs-large {
    font-size: 40px
  }
}
body.template .plans__item-info {
  position: relative
}
body.template .plans__item-info ul {
  display: flex;
  flex-direction: column;
  margin: -8px 0
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-info ul {
    margin: -5px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-info ul {
    margin: -3px 0
  }
}
body.template .plans__item-info ul li {
  padding: 8px 0;
  display: flex;
  align-items: center
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-info ul li {
    padding: 5px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-info ul li {
    padding: 3px 0
  }
}
body.template .plans__item-info ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  margin-right: 15px
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-info ul li .icon {
    flex: 0 0 30px;
    margin-right: 10px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-info ul li .icon {
    flex: 0 0 24px
  }
}
body.template .plans__item-info ul li .value {
  display: flex;
  flex-direction: column
}
body.template .plans__item-info ul li .value .fs-h4 {
  color: #245bea
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-info ul li .value .fs-h4 {
    font-size: 12px
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-info ul li .value .fs-h6 {
    font-size: 10px
  }
}
body.template .plans__item-cond {
  position: relative;
  margin-top: 25px
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-cond {
    margin-top: 10px
  }
}
body.template .plans__item-cond ul {
  display: flex;
  flex-direction: column;
  margin: -3px 0
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-cond ul {
    margin: 0
  }
}
body.template .plans__item-cond ul li {
  padding: 3px 0
}
@media only screen and (max-width:1899px) {
  body.template .plans__item-cond ul li {
    padding: 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .plans__item-cond ul li {
    font-size: 10px;
    line-height: 1.2
  }
}
body.template .calc {
  position: relative;
  z-index: 10
}
body.template .calc__wrap {
  position: relative
}
body.template .calc__row {
  position: relative;
  display: flex
}
@media only screen and (max-width:1149px) {
  body.template .calc__row {
    flex-direction: column
  }
}
body.template .calc__col {
  position: relative;
  width: 100%
}
body.template .calc__col--start {
  max-width: 560px;
  z-index: 0
}
@media only screen and (max-width:1899px) {
  body.template .calc__col--start {
    max-width: 420px
  }
}
@media only screen and (max-width:1439px) {
  body.template .calc__col--start {
    max-width: 330px
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__col--start {
    max-width: none
  }
}
body.template .calc__col--center {
  max-width: 480px;
  margin-left: -70px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.template .calc__col--center {
    max-width: 370px;
    margin-left: -50px
  }
}
@media only screen and (max-width:1439px) {
  body.template .calc__col--center {
    margin-left: -30px;
    max-width: 300px
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__col--center {
    max-width: none;
    margin-left: 0;
    z-index: 5
  }
}
body.template .calc__col--end {
  max-width: 530px;
  margin-left: -70px;
  z-index: 2
}
@media only screen and (max-width:1899px) {
  body.template .calc__col--end {
    max-width: 400px
  }
}
@media only screen and (max-width:1439px) {
  body.template .calc__col--end {
    max-width: 340px;
    margin-left: -50px
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__col--end {
    max-width: none;
    margin-left: 0
  }
}
body.template .calc__item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 240px;
  padding: 30px 120px 30px 50px;
  border-radius: 34px
}
@media only screen and (max-width:1899px) {
  body.template .calc__item {
    min-height: 180px;
    padding: 20px 80px 20px 20px;
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .calc__item {
    min-height: 150px;
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__item {
    min-height: auto;
    border-radius: 10px;
    padding: 20px
  }
}
body.template .calc__item--start {
  background-color: #eaf2ff;
  padding-bottom: 60px
}
body.template .calc__item--center {
  color: #fff;
  overflow: hidden
}
@media only screen and (max-width:1149px) {
  body.template .calc__item--center {
    margin: -40px 0
  }
}
body.template .calc__item--end {
  padding: 30px;
  background-image: url(../images/frame/4.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .calc__item--end {
    padding: 20px
  }
}
@media only screen and (max-width:1439px) {
  body.template .calc__item--end {
    background-size: 100% 100%
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__item--end {
    padding: 60px 20px;
    background-image: url(../images/frame/4-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.template .calc__item--end:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 592px;
  height: 380px;
  z-index: -1;
  background-image: url(../images/shad/5.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .calc__item--end:before {
    width: 100%;
    height: 100%
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__item--end:before {
    display: none
  }
}
body.template .calc__title {
  position: relative
}
body.template .calc__plan {
  position: relative;
  margin-top: 30px
}
@media only screen and (max-width:1149px) {
  body.template .calc__plan {
    margin-top: 15px
  }
}
body.template .calc__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
body.template .calc__overlay--1 {
  background-image: url(../images/plans/1-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .calc__overlay--2 {
  background-image: url(../images/plans/2-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .calc__overlay--3 {
  background-image: url(../images/plans/3-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .calc__overlay--4 {
  background-image: url(../images/plans/4-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .calc__overlay--5 {
  background-image: url(../images/plans/5-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .calc__overlay--6 {
  background-image: url(../images/plans/6-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.template .calc__data {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .calc__amount {
  margin-top: 12px
}
body.template .calc__amount .input-group input {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
  font-weight: 700;
  font-size: 15px
}
@media only screen and (max-width:1439px) {
  body.template .calc__amount .input-group input {
    font-size: 13px
  }
}
body.template .calc__amount .input-group input:invalid {
  color: #c56167;
  border: 1px solid #c56167
}
body.template .calc__amount .input-group .icon {
  color: #fff
}
body.template .calc__result {
  position: relative
}
body.template .calc__result ul {
  display: flex;
  flex-direction: column;
  margin: -10px 0
}
@media only screen and (max-width:1439px) {
  body.template .calc__result ul {
    margin: -5px 0
  }
}
body.template .calc__result ul li {
  padding: 10px 0
}
@media only screen and (max-width:1439px) {
  body.template .calc__result ul li {
    padding: 5px 0
  }
}
body.template .calc__result-item {
  display: flex;
  flex-direction: column;
  text-align: center
}
@media only screen and (max-width:1439px) {
  body.template .calc__result-item .fs-h6 {
    font-size: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__result-item .fs-h6 {
    font-size: 12px
  }
}
@media only screen and (max-width:1439px) {
  body.template .calc__result-item .fs-demi {
    font-size: 12px
  }
}
@media only screen and (max-width:1149px) {
  body.template .calc__result-item .fs-demi {
    font-size: 15px
  }
}
body.template .calc__submit {
  position: absolute;
  bottom: -10px;
  left: 50%;
  max-width: 220px;
  transform: translateX(-50%)
}
body.template .partners {
  position: relative;
  padding: 100px 0 0 0
}
@media only screen and (max-width:1899px) {
  body.template .partners {
    padding: 80px 0 0 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .partners {
    padding: 50px 0 0 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners {
    padding: 40px 0 0 0
  }
}
body.template .partners__wrap {
  position: relative
}
body.template .partners__row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -30px
}
@media only screen and (max-width:1899px) {
  body.template .partners__row {
    margin: -10px -20px
  }
}
body.template .partners__col {
  padding: 10px 30px
}
@media only screen and (max-width:1899px) {
  body.template .partners__col {
    padding: 10px 20px
  }
}
body.template .partners__col--start {
  width: 480px
}
@media only screen and (max-width:1899px) {
  body.template .partners__col--start {
    width: 370px
  }
}
@media only screen and (max-width:1439px) {
  body.template .partners__col--start {
    width: 290px
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners__col--start {
    width: 50%
  }
}
body.template .partners__col--end {
  width: calc(100% - 480px)
}
@media only screen and (max-width:1899px) {
  body.template .partners__col--end {
    width: calc(100% - 370px)
  }
}
@media only screen and (max-width:1439px) {
  body.template .partners__col--end {
    width: calc(100% - 290px)
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners__col--end {
    width: 50%
  }
}
@media only screen and (max-width:749px) {
  body.template .partners__col {
    width: 100%
  }
}
body.template .partners__info {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .partners__info .page-text {
  margin-top: 40px
}
@media only screen and (max-width:1439px) {
  body.template .partners__info .page-text {
    margin-top: 10px
  }
}
body.template .partners__info .page-text .fs-h6 {
  margin-top: 20px
}
@media only screen and (max-width:1439px) {
  body.template .partners__info .page-text .fs-h6 {
    margin-top: 10px
  }
}
body.template .partners__block {
  position: relative;
  width: 100%;
  min-height: 460px;
  border-radius: 28px;
  background-image: url(../images/bg/partner.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .partners__block {
    min-height: 340px
  }
}
@media only screen and (max-width:1439px) {
  body.template .partners__block {
    border-radius: 20px;
    min-height: 280px
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners__block {
    min-height: auto;
    height: 300px;
    background-image: url(../images/bg/partner-sm.png);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat
  }
}
@media only screen and (max-width:749px) {
  body.template .partners__block {
    background-size: auto;
    background-position: center bottom
  }
}
body.template .partners__levels {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 340px;
  padding: 30px;
  background-color: #fff;
  border-radius: 28px
}
@media only screen and (max-width:1899px) {
  body.template .partners__levels {
    width: 260px
  }
}
@media only screen and (max-width:1439px) {
  body.template .partners__levels {
    width: 200px;
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners__levels {
    width: 200px;
    height: 230px;
    bottom: auto;
    padding: 20px 15px;
    top: 0
  }
}
body.template .partners__levels ul {
  display: flex;
  flex-direction: column;
  margin: -15px 0
}
@media only screen and (max-width:1439px) {
  body.template .partners__levels ul {
    margin: -10px 0
  }
}
body.template .partners__levels ul li {
  padding: 15px 0
}
@media only screen and (max-width:1439px) {
  body.template .partners__levels ul li {
    padding: 10px 0
  }
}
body.template .partners__levels ul li .fs-large {
  padding-right: 10px;
  line-height: 1
}
body.template .partners__levels ul li .fs-h6 {
  color: #245bea
}
@media only screen and (max-width:1149px) {
  body.template .partners__levels ul li .fs-h6 {
    font-size: 10px
  }
}
body.template .partners__link {
  position: absolute;
  right: 110px;
  bottom: -10px
}
@media only screen and (max-width:1899px) {
  body.template .partners__link {
    right: 75px
  }
}
@media only screen and (max-width:1439px) {
  body.template .partners__link {
    right: 60px
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners__link {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
  }
}
@media only screen and (max-width:1149px) {
  body.template .partners__link .btn {
    font-size: 10px;
    min-height: 34px;
    padding: 5px 15px;
    letter-spacing: 0
  }
}
body.template .history {
  position: relative
}
body.template .history__wrap {
  position: relative
}
body.template .history__row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -50px
}
@media only screen and (max-width:1899px) {
  body.template .history__row {
    margin: -15px -30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .history__row {
    margin: -15px
  }
}
@media only screen and (max-width:749px) {
  body.template .history__row {
    flex-direction: column-reverse
  }
}
body.template .history__col {
  width: 50%;
  padding: 15px 50px
}
@media only screen and (max-width:1899px) {
  body.template .history__col {
    padding: 15px 30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .history__col {
    padding: 15px
  }
}
@media only screen and (max-width:749px) {
  body.template .history__col {
    width: 100%
  }
}
body.template .history__info {
  display: flex;
  flex-direction: column
}
body.template .history__info .page-title .fs-large {
  margin: 0
}
body.template .history__info .page-text {
  margin-top: 30px
}
@media only screen and (max-width:1439px) {
  body.template .history__info .page-text {
    margin-top: 10px
  }
}
body.template .history__info .accordion-styled {
  margin-top: 40px
}
@media only screen and (max-width:1439px) {
  body.template .history__info .accordion-styled {
    margin-top: 20px
  }
}
body.template .history__image {
  position: relative;
  display: flex;
  border-radius: 34px;
  overflow: hidden
}
@media only screen and (max-width:1899px) {
  body.template .history__image {
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .history__image {
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .history__image {
    border-radius: 10px
  }
}
body.template .quickfinders {
  position: relative;
  padding: 100px 0
}
@media only screen and (max-width:1899px) {
  body.template .quickfinders {
    padding: 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders {
    padding: 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .quickfinders {
    padding: 40px 0
  }
}
body.template .quickfinders__wrap {
  position: relative
}
body.template .quickfinders__row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -35px
}
@media only screen and (max-width:1899px) {
  body.template .quickfinders__row {
    margin: -15px
  }
}
body.template .quickfinders__col {
  padding: 15px 35px
}
@media only screen and (max-width:1899px) {
  body.template .quickfinders__col {
    padding: 15px
  }
}
body.template .quickfinders__col--start {
  width: 410px
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders__col--start {
    display: none
  }
}
body.template .quickfinders__col--end {
  width: calc(100% - 410px)
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders__col--end {
    width: 100%
  }
}
body.template .quickfinders__image {
  position: relative;
  display: flex;
  border-radius: 28px;
  overflow: hidden;
  margin-top: 5px;
  max-width: 340px
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders__image {
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .quickfinders__image {
    border-radius: 10px
  }
}
body.template .quickfinders__title {
  position: relative
}
body.template .quickfinders__title .fs-large {
  display: flex;
  max-width: 500px;
  line-height: 1
}
body.template .quickfinders__swiper {
  position: relative;
  margin-top: 40px
}
@media only screen and (max-width:1149px) {
  body.template .quickfinders__swiper {
    margin-top: 30px;
    overflow: visible
  }
}
body.template .quickfinders__swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
  width: auto
}
@media only screen and (max-width:1899px) {
  body.template .quickfinders__swiper .swiper-wrapper {
    margin: -15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders__swiper .swiper-wrapper {
    margin: -10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .quickfinders__swiper .swiper-wrapper {
    width: 100%;
    margin: 0;
    flex-wrap: nowrap
  }
}
body.template .quickfinders__swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% / 3);
  min-height: 100%;
  height: auto;
  padding: 20px
}
@media only screen and (max-width:1899px) {
  body.template .quickfinders__swiper .swiper-slide {
    width: 50%;
    padding: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders__swiper .swiper-slide {
    width: calc(100% / 3);
    padding: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .quickfinders__swiper .swiper-slide {
    padding: 0;
    width: 315px
  }
}
body.template .quickfinders__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 130px;
  padding: 30px;
  background-color: #deeaff;
  border-radius: 28px
}
@media only screen and (max-width:1439px) {
  body.template .quickfinders__item {
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .quickfinders__item {
    border-radius: 10px
  }
}
body.template .quickfinders__item .icon {
  display: flex;
  flex: 0 0 154px;
  margin: 0 -15px -30px -30px
}
body.template .video {
  position: relative
}
body.template .video__wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 590px;
  border-radius: 28px;
  background-image: url(../images/bg/video.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .video__wrap {
    min-height: 440px
  }
}
@media only screen and (max-width:1439px) {
  body.template .video__wrap {
    min-height: 350px;
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .video__wrap {
    min-height: 280px;
    border-radius: 10px
  }
}
@media only screen and (max-width:749px) {
  body.template .video__wrap {
    background-size: cover
  }
}
body.template .video__link {
  position: relative
}
body.template .video__link a {
  display: flex
}
@media only screen and (max-width:1899px) {
  body.template .video__link a img {
    max-width: 44px
  }
}
body.template .video__title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 53px;
  bottom: 0;
  left: 0;
  color: #245bea;
  text-align: center
}
@media only screen and (max-width:1899px) {
  body.template .video__title {
    height: 40px
  }
}
@media only screen and (max-width:1439px) {
  body.template .video__title {
    height: 30px;
    max-width: 220px;
    left: 50%;
    transform: translateX(-50%)
  }
}
@media only screen and (max-width:1149px) {
  body.template .video__title {
    align-items: flex-start;
    bottom: -12px
  }
}
body.template .documents {
  position: relative;
  padding: 130px 0 0 0;
  background-image: url(../images/shad/2.png);
  background-position: center -80px;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .documents {
    padding: 80px 0 0 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .documents {
    padding: 50px 0 0 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .documents {
    padding: 40px 0 0 0
  }
}
body.template .documents__wrap {
  position: relative;
  padding: 110px 0;
  border-radius: 34px;
  background-color: #fff
}
@media only screen and (max-width:1899px) {
  body.template .documents__wrap {
    padding: 80px 0;
    border-radius: 28px
  }
}
@media only screen and (max-width:1439px) {
  body.template .documents__wrap {
    padding: 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .documents__wrap {
    padding: 40px 0;
    border-radius: 10px
  }
}
body.template .documents__row {
  position: relative;
  display: flex;
  flex-wrap: wrap
}
@media only screen and (max-width:1439px) {
  body.template .documents__row {
    flex-direction: column-reverse
  }
}
body.template .documents__col {
  width: 50%
}
body.template .documents__col--start {
  width: 710px
}
body.template .documents__col--end {
  width: calc(100% - 710px)
}
@media only screen and (max-width:1439px) {
  body.template .documents__col {
    width: 100%
  }
}
body.template .documents__block {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 460px;
  background-image: url(../images/bg/docs.png);
  background-position: right bottom;
  background-size: auto;
  background-repeat: no-repeat
}
body.template .documents__block-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: auto
}
body.template .documents__block-col--start {
  width: 340px
}
body.template .documents__block-col--end {
  width: calc(100% - 340px)
}
@media only screen and (max-width:749px) {
  body.template .documents__block-col {
    width: 100%
  }
}
@media only screen and (max-width:1439px) {
  body.template .documents__block {
    margin-top: 30px
  }
}
@media only screen and (max-width:749px) {
  body.template .documents__block {
    background-image: none
  }
}
body.template .documents__swiper {
  position: relative;
  background-color: #f5f8ff;
  border-radius: 28px;
  margin: -1px
}
@media only screen and (max-width:1439px) {
  body.template .documents__swiper {
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .documents__swiper {
    border-radius: 10px
  }
}
body.template .documents__swiper .title {
  padding: 30px 0;
  text-align: center;
  color: #245bea
}
body.template .documents__swiper .swiper-slide {
  width: auto
}
body.template .documents__swiper .swiper-slide.swiper-slide-next,
body.template .documents__swiper .swiper-slide.swiper-slide-prev {
  opacity: .5
}
body.template .documents__swiper .swiper-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99px;
  height: 29px;
  margin: 30px auto 0 auto;
  background-image: url(../images/frame/5.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
body.template .documents__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
body.template .documents__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  margin: auto;
  text-align: center;
  color: #fff
}
@media only screen and (max-width:749px) {
  body.template .documents__data {
    margin-top: -40px;
    padding-top: 80px;
    padding-bottom: 80px;
    max-width: none;
    border-radius: 20px;
    background-image: url(../images/bg/docs-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.template .documents__data .address {
  display: flex;
  flex-direction: column
}
body.template .documents__data .number {
  display: flex;
  flex-direction: column;
  margin-top: 30px
}
body.template .documents__link {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  left: 0;
  bottom: -12px
}
@media only screen and (max-width:749px) {
  body.template .documents__link {
    bottom: 0
  }
}
body.template .documents__link .btn {
  width: 100%;
  max-width: 185px;
  margin-right: 105px
}
@media only screen and (max-width:1439px) {
  body.template .documents__link .btn {
    min-height: 42px
  }
}
@media only screen and (max-width:749px) {
  body.template .documents__link .btn {
    margin: 0 auto
  }
}
body.template .documents__info {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 100px
}
@media only screen and (max-width:1899px) {
  body.template .documents__info {
    padding-left: 60px
  }
}
@media only screen and (max-width:1439px) {
  body.template .documents__info {
    padding: 0
  }
}
body.template .documents__info .page-text {
  margin-top: 60px
}
@media only screen and (max-width:1899px) {
  body.template .documents__info .page-text {
    margin-top: 30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .documents__info .page-text {
    margin-top: 10px
  }
}
body.template .roadmap {
  position: relative;
  padding: 80px 0 0 0;
  overflow: hidden;
  background-image: url(../images/bg/roadmap.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .roadmap {
    padding: 50px 0 0 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .roadmap {
    padding: 40px 0 0 0
  }
}
body.template .roadmap__title {
  padding-bottom: 60px;
  text-align: center
}
@media only screen and (max-width:1439px) {
  body.template .roadmap__title {
    padding-bottom: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.template .roadmap__title {
    padding-bottom: 30px
  }
}
body.template .roadmap__swiper {
  position: relative
}
@media only screen and (max-width:1149px) {
  body.template .roadmap__swiper {
    padding: 0 10px
  }
}
body.template .roadmap__swiper .swiper-slide {
  width: auto
}
body.template .roadmap__swiper .swiper-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99px;
  height: 29px;
  margin: 70px auto 0 auto;
  background-image: url(../images/frame/8.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .roadmap__swiper .swiper-navigation {
    margin: 50px auto 0 auto
  }
}
@media only screen and (max-width:1149px) {
  body.template .roadmap__swiper .swiper-navigation {
    margin: 20px auto 0 auto
  }
}
body.template .roadmap__item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 377px;
  height: 324px;
  background-image: url(../images/frame/6.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
body.template .roadmap__item.inactive {
  background-image: url(../images/frame/7.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1149px) {
  body.template .roadmap__item {
    width: 355px
  }
}
body.template .roadmap__item-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 100%;
  color: #245bea
}
body.template .roadmap__item-text {
  position: relative;
  padding: 30px
}
@media only screen and (max-width:749px) {
  body.template .roadmap__item-text {
      padding: 15px 20px;
  }
}
body.template .roadmap__item-text ul {
  display: flex;
  flex-direction: column
}
body.template .roadmap__item-text ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  color: #245bea
}
body.template .roadmap__item-text ul li + li {
  margin-top: 15px
}
@media only screen and (max-width:749px) {
  body.template .roadmap__item-text ul li + li {
    margin-top: 10px
  }
}
body.template .roadmap__item-text ul li.inactive {
  color: #1b1d23
}
body.template .roadmap__item-text ul li.inactive:before {
  border-color: transparent
}
body.template .roadmap__item-text ul li:before {
  content: "\2022";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  margin-right: 10px;
  margin-top: 2px;
  border: 1px solid #245bea;
  border-radius: 50%;
  color: #245bea;
  font-size: 30px;
  line-height: 7px;
  text-align: center
}
body.template .mission {
  position: relative;
  padding: 100px 0;
  background-color: #f5f8ff
}
@media only screen and (max-width:1899px) {
  body.template .mission {
    padding: 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .mission {
    padding: 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .mission {
    padding: 40px 0
  }
}
body.template .mission__wrap {
  position: relative
}
body.template .mission__details {
  position: relative
}
body.template .mission__details-row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -30px
}
body.template .mission__details-col {
  padding: 15px 30px
}
body.template .mission__details-col--start {
  width: 490px
}
body.template .mission__details-col--end {
  width: calc(100% - 490px)
}
@media only screen and (max-width:1149px) {
  body.template .mission__details-col {
    width: 100%
  }
}
body.template .mission__info {
  display: flex;
  flex-direction: column
}
body.template .mission__info .page-text {
  margin-top: 50px
}
@media only screen and (max-width:1149px) {
  body.template .mission__info .page-text {
    margin-top: 10px
  }
}
body.template .mission__info .page-text .fs-h5 {
  line-height: 1.7
}
body.template .mission__block {
  position: relative;
  width: 100%;
  max-width: 930px;
  min-height: 440px;
  padding: 60px;
  margin-left: auto;
  border-radius: 28px;
  overflow: hidden;
  color: #fff;
  background-image: url(../images/bg/mission.jpg);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .mission__block {
    min-height: 360px;
    padding: 40px
  }
}
@media only screen and (max-width:749px) {
  body.template .mission__block {
    padding: 40px 20px
  }
}
@media only screen and (max-width:1439px) {
  body.template .mission__block {
    border-radius: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .mission__block {
    border-radius: 10px
  }
}
body.template .mission__block-wrap {
  display: flex;
  flex-direction: column;
  max-width: 480px
}
body.template .mission__block-title {
  display: flex;
  flex-direction: column
}
body.template .mission__block-price {
  display: flex;
  flex-direction: column;
  margin-top: 40px
}
body.template .mission__block-link {
  margin-top: 40px
}
body.template .mission__swiper {
  position: relative;
  margin-top: 60px
}
@media only screen and (max-width:1149px) {
  body.template .mission__swiper {
    overflow: visible;
    margin-top: 40px
  }
}
body.template .mission__swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -20px;
  width: auto
}
@media only screen and (max-width:1899px) {
  body.template .mission__swiper .swiper-wrapper {
    margin: -15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .mission__swiper .swiper-wrapper {
    margin: -10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .mission__swiper .swiper-wrapper {
    width: 100%;
    margin: 0;
    flex-wrap: nowrap
  }
}
body.template .mission__swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% / 3);
  min-height: 100%;
  height: auto;
  padding: 20px
}
@media only screen and (max-width:1899px) {
  body.template .mission__swiper .swiper-slide {
    padding: 15px
  }
}
@media only screen and (max-width:1439px) {
  body.template .mission__swiper .swiper-slide {
    padding: 10px
  }
}
@media only screen and (max-width:1149px) {
  body.template .mission__swiper .swiper-slide {
    padding: 0;
    width: auto
  }
}
body.template .mission__goal {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 190px;
  padding: 15px 30px;
  border-radius: 28px;
  color: #245bea;
  background-image: url(../images/frame/9.png);
  background-position: left center;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.template .mission__goal {
    padding: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .mission__goal {
    max-width: 355px
  }
}
body.template .mission__goal .icon {
  display: flex;
  flex: 0 0 154px;
  margin: 0 0 -30px 0
}
@media only screen and (max-width:1439px) {
  body.template .mission__goal .icon {
    margin: 0 -15px -30px -15px
  }
}
body.template .faq {
  position: relative;
  padding: 0 0 130px 0
}
@media only screen and (max-width:1899px) {
  body.template .faq {
    padding: 0 0 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq {
    padding: 0 0 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq {
    padding: 0 0 40px 0
  }
}
body.template .faq__row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -15px -30px
}
@media only screen and (max-width:1439px) {
  body.template .faq__row {
    margin: -15px
  }
}
body.template .faq__col {
  padding: 15px 30px
}
@media only screen and (max-width:1439px) {
  body.template .faq__col {
    padding: 15px
  }
}
body.template .faq__col--start {
  width: 480px
}
@media only screen and (max-width:1899px) {
  body.template .faq__col--start {
    width: 400px
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq__col--start {
    width: 330px
  }
}
body.template .faq__col--end {
  width: calc(100% - 480px)
}
@media only screen and (max-width:1899px) {
  body.template .faq__col--end {
    width: calc(100% - 400px)
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq__col--end {
    width: calc(100% - 330px)
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq__col {
    width: 100%
  }
}
body.template .faq__nav {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 455px;
  background-image: url(../images/bg/faq.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .faq__nav {
    min-height: 370px
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq__nav {
    min-height: 325px
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq__nav {
    min-height: 455px;
    max-width: 420px;
    margin: 0 auto
  }
}
@media only screen and (max-width:749px) {
  body.template .faq__nav {
    min-height: 385px
  }
}
@media only screen and (max-width:359px) {
  body.template .faq__nav {
    min-height: 330px
  }
}
body.template .faq__nav ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 295px;
  padding: 15px 15px 15px 55px
}
@media only screen and (max-width:1899px) {
  body.template .faq__nav ul {
    max-width: 235px
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq__nav ul {
    max-width: 210px;
    padding: 15px 15px 15px 35px
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq__nav ul {
    max-width: 295px;
    padding: 15px 15px 15px 55px
  }
}
@media only screen and (max-width:749px) {
  body.template .faq__nav ul {
    max-width: 250px
  }
}
@media only screen and (max-width:359px) {
  body.template .faq__nav ul {
    padding: 15px 15px 15px 35px
  }
}
body.template .faq__nav ul li + li {
  margin-top: 40px
}
@media only screen and (max-width:1439px) {
  body.template .faq__nav ul li + li {
    margin-top: 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq__nav ul li + li {
    margin-top: 30px
  }
}
body.template .faq__nav ul li.ui-state-active a {
  color: #245bea
}
body.template .faq__nav ul li a {
  text-transform: uppercase
}
@media only screen and (max-width:749px) {
  body.template .faq__nav ul li a {
    font-size: 15px
  }
}
body.template .faq__message {
  position: relative;
  margin-top: 70px;
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 242px;
  background-image: url(../images/frame/10.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .faq__message {
    min-height: 190px;
    margin-top: 40px
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq__message {
    min-height: 170px;
    margin-top: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq__message {
    margin: 0 auto;
    max-width: 360px;
    min-height: 210px
  }
}
@media only screen and (max-width:359px) {
  body.template .faq__message {
    min-height: 190px
  }
}
body.template .faq__message-text {
  display: flex;
  flex-direction: column;
  max-width: 320px;
  margin-top: 40px;
  text-align: center
}
@media only screen and (max-width:1899px) {
  body.template .faq__message-text {
    margin-top: 30px;
    padding: 0 30px
  }
}
@media only screen and (max-width:1439px) {
  body.template .faq__message-text {
    margin-top: 20px;
    padding: 0 15px
  }
}
@media only screen and (max-width:1149px) {
  body.template .faq__message-text {
    margin-top: 30px
  }
}
body.template .faq__message-text .fs-h3 {
  font-size: 25px;
  padding-bottom: 30px
}
@media only screen and (max-width:1439px) {
  body.template .faq__message-text .fs-h3 {
    padding-bottom: 20px
  }
}
@media only screen and (max-width:1899px) {
  body.template .faq__message-text .fs-h3 {
    font-size: 20px
  }
}
body.template .faq__message-link {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%)
}
@media only screen and (max-width:1149px) {
  body.template .faq__message-link {
    bottom: 0
  }
}
body.template .faq__data {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .faq__data .page-title {
  padding-bottom: 30px
}
@media only screen and (max-width:1439px) {
  body.template .faq__data .page-title {
    padding-bottom: 15px
  }
}
body.template .faq__data .accordion__title {
  position: relative
}
body.template .contacts {
  position: relative
}
body.template .contacts__wrap {
  position: relative
}
body.template .contacts__row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -40px
}
@media only screen and (max-width:1439px) {
  body.template .contacts__row {
    margin: -30px -20px
  }
}
@media only screen and (max-width:749px) {
  body.template .contacts__row {
    margin: -20px
  }
}
body.template .contacts__col {
  width: 50%;
  padding: 40px
}
body.template .contacts__col--full {
  width: 100%
}
@media only screen and (max-width:1439px) {
  body.template .contacts__col {
    padding: 30px 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .contacts__col {
    width: 100%
  }
}
@media only screen and (max-width:749px) {
  body.template .contacts__col {
    padding: 20px
  }
}
body.template .contacts__info .page-text {
  margin-top: 30px;
  font-size: 15px
}
@media only screen and (max-width:1149px) {
  body.template .contacts__info .page-text {
    margin-top: 10px
  }
}
@media only screen and (max-width:1899px) {
  body.template .contacts__info .page-text {
    font-size: 13px
  }
}
body.template .contacts__data {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #d3e0f4
}
@media only screen and (max-width:1149px) {
  body.template .contacts__data {
    margin-top: 25px;
    padding-top: 25px
  }
}
body.template .contacts__details {
  position: relative;
  max-width: 500px
}
body.template .contacts__details ul {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -30px
}
@media only screen and (max-width:749px) {
  body.template .contacts__details ul {
    margin: -10px
  }
}
body.template .contacts__details ul li {
  width: 50%;
  padding: 15px 30px
}
@media only screen and (max-width:749px) {
  body.template .contacts__details ul li {
    width: 100%;
    padding: 10px
  }
}
body.template .contacts__details-item {
  display: flex;
  flex-direction: column
}
body.template .contacts__details-item .label {
  padding-bottom: 10px
}
body.template .contacts__details-item .value {
  display: flex;
  flex-direction: column
}
body.template .contacts__details-item .value a {
  margin-top: 10px;
  color: #245bea;
  font-size: 15px;
  text-decoration: underline
}
body.template .contacts__details-item .value a.phone {
  text-decoration: none;
  font-weight: 700;
  color: #1b1d23
}
body.template .contacts__socials {
  position: relative;
  max-width: 500px;
  margin-top: 50px
}
@media only screen and (max-width:1149px) {
  body.template .contacts__socials {
    margin-top: 25px
  }
}
body.template .contacts__socials ul {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -30px
}
@media only screen and (max-width:749px) {
  body.template .contacts__socials ul {
    margin: -10px
  }
}
body.template .contacts__socials ul li {
  width: 50%;
  padding: 15px 30px
}
@media only screen and (max-width:749px) {
  body.template .contacts__socials ul li {
    padding: 10px
  }
}
@media only screen and (max-width:359px) {
  body.template .contacts__socials ul li {
    width: 100%
  }
}
body.template .contacts__socials-item {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 55px;
  border: 1px solid #245bea;
  background-color: #fff;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
body.template .contacts__socials-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  margin-right: 20px;
  background-color: #e1ecff;
  color: #245bea;
  font-size: 18px
}
@media only screen and (max-width:1439px) {
  body.template .contacts__socials-item .icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-right: 15px
  }
}
body.template .contacts__socials-item .text {
  display: flex;
  flex-direction: column
}
body.template .contacts__form {
  position: relative;
  padding: 40px 50px 0 50px;
  border-radius: 34px;
  background-image: url(../images/frame/11.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .contacts__form {
    padding: 20px 20px 0 20px
  }
}
@media only screen and (max-width:1149px) {
  body.template .contacts__form {
    background-size: 100%
  }
}
@media only screen and (max-width:749px) {
  body.template .contacts__form {
    border-radius: 20px;
    background-size: auto
  }
}
body.template .contacts__form:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #deeaff;
  z-index: -1;
  border-radius: 34px
}
body.template .contacts__form .title {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-bottom: 40px
}
@media only screen and (max-width:1899px) {
  body.template .contacts__form .title {
    padding-bottom: 30px
  }
}
body.template .contacts__form .title .fs-h3 {
  padding-bottom: 10px
}
body.template .contacts__form .form .captcha-group {
  margin-top: 20px
}
@media only screen and (max-width:1899px) {
  body.template .contacts__form .form .captcha-group {
    margin-top: 10px
  }
}
body.template .contacts__form .form .button-group {
  text-align: center;
  margin-top: 40px;
  margin-bottom: -12px
}
@media only screen and (max-width:1899px) {
  body.template .contacts__form .form .button-group {
    margin-top: 20px
  }
}
body.template .contacts__form .form .button-group .btn {
  width: 100%;
  max-width: 220px
}
@media only screen and (max-width:1899px) {
  body.template .contacts__form .form .button-group .btn {
    min-height: 56px;
    font-size: 14px
  }
}
body.template .contacts__map {
  position: relative;
  width: 100%;
  height: 470px;
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05);
  z-index: 0
}
@media only screen and (max-width:749px) {
  body.template .contacts__map {
    border-radius: 20px
  }
}
body.template .contacts__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: grayscale(1)
}
body.template .privacy {
  position: relative;
  padding: 0 0 130px 0
}
@media only screen and (max-width:1899px) {
  body.template .privacy {
    padding: 0 0 80px 0
  }
}
@media only screen and (max-width:1439px) {
  body.template .privacy {
    padding: 0 0 50px 0
  }
}
@media only screen and (max-width:1149px) {
  body.template .privacy {
    padding: 0 0 40px 0
  }
}
body.template .privacy__intro {
  position: relative;
  padding: 40px 40px 100px 40px;
  margin-bottom: 60px;
  border-radius: 34px;
  background-image: url(../images/frame/12.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.template .privacy__intro {
    margin-bottom: 40px;
    padding: 30px 30px 80px 30px
  }
}
@media only screen and (max-width:1149px) {
  body.template .privacy__intro {
    padding: 20px 20px 60px 20px;
    background-size: 100%
  }
}
@media only screen and (max-width:749px) {
  body.template .privacy__intro {
    border-radius: 20px;
    background-size: auto
  }
}
body.template .privacy__intro:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #deeaff;
  z-index: -1;
  border-radius: 34px
}
body.template .privacy__intro-title {
  padding-bottom: 20px;
  text-align: center
}
body.template .privacy__intro-text {
  text-align: center;
  font-size: 15px
}
@media only screen and (max-width:1899px) {
  body.template .privacy__intro-text {
    font-size: 13px
  }
}
body.template .privacy__intro-text p {
  padding-bottom: 20px
}
body.template .privacy__intro-link {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 5px;
  bottom: -12px
}
body.template .privacy__intro-link .btn {
  width: 100%;
  max-width: 220px
}
@media only screen and (max-width:1899px) {
  body.template .privacy__intro-link .btn {
    min-height: 56px;
    font-size: 14px
  }
}
body.template .privacy__content {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .privacy__item {
  position: relative;
  display: flex;
  flex-direction: column
}
body.template .privacy__item .page-title {
  padding-bottom: 20px
}
body.template .privacy__item + .privacy__item {
  margin-top: 30px
}
body.authorization--signup {
  background-image: url(../images/bg/signup.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.authorization--signin {
  background-image: url(../images/bg/signin.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}
body.authorization .main-content {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100vh;
  padding: 150px 0
}
@media only screen and (max-width:1149px) {
  body.authorization .main-content {
    padding: 80px 0 100px 0
  }
}
body.authorization .header {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 379px;
  height: 112px;
  z-index: 1;
  background-image: url(../images/frame/13.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1149px) {
  body.authorization .header {
    width: 200px;
    height: 58px
  }
}
body.authorization .header__logo {
  display: flex;
  flex: 0 0 192px
}
@media only screen and (max-width:1149px) {
  body.authorization .header__logo {
    flex: 0 0 100px
  }
}
body.authorization .header__logo a {
  display: flex
}
body.authorization .footer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 295px;
  height: 52px;
  z-index: 1;
  background-image: url(../images/frame/14.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1149px) {
  body.authorization .footer {
    width: 220px;
    height: 40px
  }
}
body.authorization .footer__copy {
  display: flex;
  flex-direction: column;
  text-align: center
}
body.authorization .signup {
  position: relative;
  width: 100%
}
body.authorization .signup__wrap {
  position: relative;
  width: 100%;
  max-width: 710px;
  margin: 0 auto
}
@media only screen and (max-width:1439px) {
  body.authorization .signup__wrap {
    max-width: 600px;
    padding: 0 10px
  }
}
body.authorization .signup__back {
  position: relative;
  margin-bottom: 40px;
  text-align: center
}
@media only screen and (max-width:1149px) {
  body.authorization .signup__back {
    margin-bottom: 20px
  }
}
body.authorization .signup__back a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2fabff
}
body.authorization .signup__back a i {
  margin-right: 10px
}
body.authorization .signup__back a span {
  text-decoration: underline
}
body.authorization .signup__title {
  position: relative;
  text-align: center;
  padding-bottom: 30px
}
@media only screen and (max-width:749px) {
  body.authorization .signup__title {
    padding-bottom: 15px
  }
}
body.authorization .signup__form {
  position: relative;
  padding: 40px 50px 0 50px;
  border-radius: 34px;
  background-image: url(../images/frame/11.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1439px) {
  body.authorization .signup__form {
    padding: 30px 40px 0 40px
  }
}
@media only screen and (max-width:1149px) {
  body.authorization .signup__form {
    background-size: 100%
  }
}
@media only screen and (max-width:749px) {
  body.authorization .signup__form {
    border-radius: 20px;
    padding: 20px 20px 0 20px;
    background-image: url(../images/frame/11-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.authorization .signup__form:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #deeaff;
  z-index: -1;
  border-radius: 34px
}
body.authorization .signup__form .form.form-signin {
  max-width: 420px;
  margin: 0 auto;
  min-height: 300px;
}
body.authorization .signup__form .form.form-signin h2 {
  font-size: 30px;
}
body.authorization .signup__form .form .checkbox-group {
  margin-top: 20px
}
@media only screen and (max-width:1899px) {
  body.authorization .signup__form .form .checkbox-group {
    margin-top: 10px
  }
}
body.authorization .signup__form .form .button-group {
  text-align: center;
  margin-top: 40px;
  margin-bottom: -18px
}
@media only screen and (max-width:1899px) {
  body.authorization .signup__form .form .button-group {
    margin-top: 20px
  }
}
body.authorization .signup__form .form .button-group .btn {
  width: 100%;
  max-width: 220px
}
@media only screen and (max-width:1899px) {
  body.authorization .signup__form .form .button-group .btn {
    min-height: 56px;
    font-size: 14px
  }
}
@media only screen and (max-width:1149px) {
  body.authorization .signup__form .form .button-group .btn {
    min-height: 52px;
    max-width: 200px
  }
}
@media only screen and (max-width:749px) {
  body.authorization .signup__form .form .button-group .btn {
    min-height: 48px;
    max-width: 180px
  }
}
body.dashboard {
  color: #1b1d23;
  background-color: #f0f5ff;
  font-family: Ruberoid;
  font-size: 13px;
  line-height: 1.38;
  font-weight: 400
}
@media only screen and (max-width:1899px) {
  body.dashboard {
    font-size: 11px
  }
}
body.dashboard .main-content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh
}
body.dashboard .container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 10px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .container {
    max-width: 1090px
  }
}
body.dashboard .fs-h4,
body.dashboard h4 {
  font-size: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .fs-h4,
  body.dashboard h4 {
    font-size: 15px
  }
}
body.dashboard .fs-h5,
body.dashboard h5 {
  font-size: 14px
}
@media only screen and (max-width:1899px) {
  body.dashboard .fs-h5,
  body.dashboard h5 {
    font-size: 12px
  }
}
body.dashboard .fs-h6,
body.dashboard h6 {
  font-size: 12px;
  text-transform: uppercase
}
@media only screen and (max-width:1899px) {
  body.dashboard .fs-h6,
  body.dashboard h6 {
    font-size: 10px
  }
}
body.dashboard .fs-demi {
  font-size: 25px
}
@media only screen and (max-width:1899px) {
  body.dashboard .fs-demi {
    font-size: 20px
  }
}
body.dashboard .fs-small {
  font-size: 12px
}
@media only screen and (max-width:1899px) {
  body.dashboard .fs-small {
    font-size: 10px
  }
}
body.dashboard .fs-tiny {
  font-size: 11px
}
@media only screen and (max-width:1899px) {
  body.dashboard .fs-tiny {
    font-size: 9px
  }
}
body.dashboard .fs-demi,
body.dashboard .fs-h4,
body.dashboard .fs-h5,
body.dashboard .fs-h6 {
  font-family: TTFirsNeue;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 500;
  text-transform: uppercase
}
body.dashboard.mobile-menu-open .header__logo-light {
  display: none
}
body.dashboard.mobile-menu-open .header__logo-dark {
  display: block
}
body.dashboard.mobile-menu-open .header__lang ul li a {
  opacity: 1;
  border-color: #f2f7ff;
  background-color: #f2f7ff;
  color: #1b1d23
}
body.dashboard.mobile-menu-open .header__lang ul li span {
  opacity: 1;
  border-color: #245bea;
  background-color: transparent;
  color: #245bea
}
body.dashboard.mobile-menu-open .header__sign ul li a {
  color: #245bea
}
body.dashboard.mobile-menu-open .header__burger .line {
  background-color: #1b1d23
}
body.dashboard .header {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  top: 0;
  left: 50%;
  padding: 20px 0;
  transform: translateX(-50%);
  z-index: 100;
  transition: all .3s ease
}
@media only screen and (max-width:1899px) {
  body.dashboard .header {
    padding: 15px 0
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .header {
    padding: 5px 0
  }
}
body.dashboard .header.sticky {
  top: 0;
  padding: 5px 0;
  border-radius: 0 0 20px 20px;
  background-color: rgba(255,255,255,.95);
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05)
}
body.dashboard .header.sticky .header__logo-light {
  display: none
}
body.dashboard .header.sticky .header__logo-dark {
  display: block
}
body.dashboard .header.sticky .header__socials-item .text {
  color: #1b1d23
}
body.dashboard .header.sticky .header__support {
  color: #1b1d23
}
body.dashboard .header.sticky .header__lang ul li a {
  opacity: 1;
  border-color: #f2f7ff;
  background-color: #f2f7ff;
  color: #1b1d23
}
body.dashboard .header.sticky .header__lang ul li span {
  opacity: 1;
  border-color: #245bea;
  background-color: transparent;
  color: #245bea
}
body.dashboard .header.sticky .header__sign ul li a {
  color: #245bea
}
body.dashboard .header.sticky .header__burger .line {
  background-color: #1b1d23
}
body.dashboard .header__wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: auto
}
body.dashboard .header__logo {
  position: relative;
  margin-right: auto;
  flex: 0 0 132px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__logo {
    flex: 0 0 98px
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .header__logo {
    flex: 0 0 80px
  }
}
body.dashboard .header__logo a {
  display: flex
}
body.dashboard .header__logo-dark {
  display: none
}
body.dashboard .header__socials {
  position: relative;
  margin-right: 70px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__socials {
    margin-right: 50px
  }
}
body.dashboard .header__socials ul {
  display: flex;
  align-items: center;
  margin: 0 -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__socials ul {
    margin: 0 -15px
  }
}
body.dashboard .header__socials ul li {
  padding: 0 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__socials ul li {
    padding: 0 15px
  }
}
body.dashboard .header__socials-item {
  display: flex;
  align-items: center
}
body.dashboard .header__socials-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  margin-right: 20px;
  background-color: #245bea;
  color: #fff;
  font-size: 18px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__socials-item .icon {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-right: 10px;
    font-size: 12px
  }
}
body.dashboard .header__socials-item .text {
  display: flex;
  flex-direction: column;
  color: #fff
}
body.dashboard .header__support {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-right: 50px;
  color: #fff
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__support {
    margin-right: 30px
  }
}
body.dashboard .header__support a {
  text-decoration: underline
}
body.dashboard .header__lang {
  position: relative;
  margin-right: 50px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__lang {
    margin-right: 30px
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .header__lang {
    margin-right: 15px
  }
}
body.dashboard .header__lang ul {
  display: flex;
  align-items: center;
  margin: 0 -5px
}
body.dashboard .header__lang ul li {
  padding: 0 5px
}
body.dashboard .header__lang ul li a,
body.dashboard .header__lang ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 50%;
  color: #84a1d3;
  border: 1px solid #84a1d3;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__lang ul li a,
  body.dashboard .header__lang ul li span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px
  }
}
body.dashboard .header__lang ul li span {
  opacity: 1;
  border-color: #245bea;
  background-color: #245bea;
  color: #fff;
  cursor: inherit
}
body.dashboard .header__sign {
  position: relative;
  z-index: 1
}
body.dashboard .header__sign ul {
  display: flex;
  margin: 0 -15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__sign ul {
    margin: 0 -10px
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .header__sign ul {
    margin: 0 -5px
  }
}
body.dashboard .header__sign ul li {
  padding: 0 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__sign ul li {
    padding: 0 10px
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .header__sign ul li {
    padding: 0 5px
  }
}
body.dashboard .header__sign ul li a {
  display: flex;
  align-items: center
}
body.dashboard .header__sign ul li a i {
  display: flex;
  font-size: 23px;
  margin-right: 10px;
  margin-top: -2px
}
@media only screen and (max-width:1899px) {
  body.dashboard .header__sign ul li a i {
    font-size: 18px;
    margin-right: 5px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .header__sign ul li a i {
    font-size: 23px;
    margin-right: 0
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .header__sign ul li a span {
    display: none
  }
}
body.dashboard .header__burger {
  display: none;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30px;
  flex: 0 0 30px;
  margin-left: 30px;
  transition: all .3s ease;
  cursor: pointer;
  z-index: 99
}
@media only screen and (max-width:1149px) {
  body.dashboard .header__burger {
    display: flex
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .header__burger {
    margin-left: 15px
  }
}
body.dashboard .header__burger .line {
  width: 100%;
  height: 2px;
  margin: 2px 0;
  transition: all .3s ease;
  background-color: #fff
}
body.dashboard .header__burger.open .line--2 {
  opacity: 0;
  margin: 0
}
body.dashboard .header__burger.open .line--1 {
  margin: -2px 0;
  transform: rotate(40deg)
}
body.dashboard .header__burger.open .line--3 {
  margin: -2px 0;
  transform: rotate(-40deg)
}
body.dashboard .header__nav {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  position: absolute;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  top: -5px;
  left: -10px;
  width: calc(100% + 22px);
  height: auto;
  padding: 50px 10px 20px 10px;
  transition: all .3s ease;
  background-color: #fff;
  box-shadow: 0 11px 11px 0 rgba(0,0,0,.05);
  border-radius: 0 0 10px 10px;
  z-index: 0
}
@media only screen and (max-width:359px) {
  body.dashboard .header__nav {
    padding-bottom: 10px
  }
}
body.dashboard .header__nav.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0)
}
body.dashboard .header__menu {
  position: relative
}
body.dashboard .header__menu ul {
  flex-direction: column;
  align-items: flex-start
}
body.dashboard .header__menu ul li a {
  display: flex;
  align-items: center;
  line-height: 1;
  min-height: 50px;
  padding: 0;
  border-bottom: 1px solid #d3e0f4;
  border-radius: 0;
  font-size: 14px
}
@media only screen and (max-width:359px) {
  body.dashboard .header__menu ul li a {
    min-height: 40px
  }
}
body.dashboard .header__menu ul li a i {
  font-size: 23px;
  margin-right: 20px;
  color: #245bea
}
body.dashboard .header__menu ul li a.active {
  opacity: 1;
  color: #245bea
}
body.dashboard .header__apps {
  position: relative;
  width: 100%;
  margin-top: 20px
}
body.dashboard .header__apps ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px
}
body.dashboard .header__apps ul li {
  padding: 5px
}
body.dashboard .header__apps ul li a img {
  max-width: 100px
}
body.dashboard .header__actions {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px
}
@media only screen and (max-width:749px) {
  body.dashboard .header__actions .header__socials {
    margin-top: 15px
  }
}
body.dashboard .header__actions .header__socials-item .text {
  color: #1b1d23
}
body.dashboard .header__actions .header__socials-item .text .cl-azure {
  color: #245bea
}
body.dashboard .header__actions .header__support {
  color: #1b1d23
}
body.dashboard .header__actions .header__support a {
  color: #245bea
}
body.dashboard .footer {
  position: relative;
  margin-top: auto;
  padding-top: 80px
}
@media only screen and (max-width:1899px) {
  body.dashboard .footer {
    padding-top: 60px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .footer {
    padding-top: 40px
  }
}
body.dashboard .footer:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 175px;
  z-index: -1;
  background-image: url(../images/shad/12.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .footer__wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  color: #fff;
  background-color: #245bea;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  z-index: 0
}
@media only screen and (max-width:1899px) {
  body.dashboard .footer__wrap {
    min-height: 40px;
    text-align: center
  }
}
body.dashboard .wrapper {
  position: relative
}
@media only screen and (max-width:749px) {
  body.dashboard .wrapper {
    width: 100%;
    max-width: 375px;
    margin: 0 auto
  }
}
body.dashboard .wrapper__row {
  display: flex;
  flex-wrap: wrap;
  margin: -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper__row {
    margin: -15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .wrapper__row {
    margin: -10px
  }
}
body.dashboard .wrapper__col {
  padding: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper__col {
    padding: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .wrapper__col {
    padding: 10px
  }
}
body.dashboard .wrapper__col--start {
  width: 390px
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper__col--start {
    width: 290px
  }
}
body.dashboard .wrapper__col--end {
  width: calc(100% - 390px)
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper__col--end {
    width: calc(100% - 290px)
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .wrapper__col {
    width: 100%
  }
}
body.dashboard .wrapper__item {
  position: relative
}
body.dashboard .wrapper__item + .wrapper__item {
  margin-top: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .wrapper__item + .wrapper__item {
    margin-top: 30px
  }
}
body.dashboard .hero {
  position: relative;
  padding-bottom: 100px;
  margin-bottom: -200px
}
@media only screen and (max-width:1899px) {
  body.dashboard .hero {
    margin-bottom: -180px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .hero {
    margin-bottom: -160px
  }
}
body.dashboard .hero:before {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 200px;
  background-image: url(../images/shad/11.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .hero__overlay {
  position: relative;
  width: 100%;
  min-height: 420px;
  padding: 120px 0 140px 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-image: url(../images/hero/db.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .hero__overlay {
    min-height: 320px;
    padding: 80px 0 100px 0
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .hero__overlay {
    min-height: 270px;
    padding: 70px 0 100px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
  }
}
body.dashboard .hero__wrap {
  position: relative;
  display: flex;
  flex-direction: column
}
body.dashboard .hero__title {
  position: relative;
  display: flex;
  flex-direction: column
}
body.dashboard .hero__courses {
  position: relative;
  margin-top: 60px
}
@media only screen and (max-width:1899px) {
  body.dashboard .hero__courses {
    margin-top: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .hero__courses {
    margin-top: 20px
  }
}
body.dashboard .balance {
  position: relative;
  padding: 20px;
  background-color: #deeaff;
  border-radius: 34px
}
@media only screen and (max-width:1899px) {
  body.dashboard .balance {
    padding: 15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .balance {
    border-radius: 20px
  }
}
body.dashboard .balance__block {
  position: relative;
  padding: 40px 20px 20px 20px;
  background-color: #fff;
  border-radius: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .balance__block {
    padding: 30px 15px 10px 15px
  }
}
body.dashboard .balance__block:before {
  content: '';
  position: absolute;
  top: -43px;
  left: 50%;
  width: 130px;
  height: 43px;
  transform: translateX(-50%);
  background-image: url(../images/frame/15.png);
  background-position: center top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__block:before {
    top: -33px
  }
}
body.dashboard .balance__block-icon {
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%)
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__block-icon {
    top: -25px
  }
}
@media only screen and (max-width:1899px) {
  body.dashboard .balance__block-icon img {
    max-width: 55px
  }
}
body.dashboard .balance__block-data {
  display: flex;
  flex-direction: column;
  text-align: center
}
body.dashboard .balance__block-stat {
  position: relative;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d3e0f4
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__block-stat {
    margin-top: 10px;
    padding-top: 10px
  }
}
body.dashboard .balance__block-stat ul {
  display: flex;
  margin: -5px
}
body.dashboard .balance__block-stat ul li {
  position: relative;
  width: 50%;
  padding: 5px
}
body.dashboard .balance__block-stat ul li:nth-child(even) {
  text-align: right;
  border-left: 1px solid #d3e0f4
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__block-stat ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center!important
  }
}
body.dashboard .balance__dropdown {
  position: relative
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__dropdown {
    margin-top: 10px
  }
}
body.dashboard .balance__dropdown.open .balance__open img {
  transform: scale(1,-1)
}
body.dashboard .balance__dropdown.open .balance__list {
  display: block
}
body.dashboard .balance__open {
  display: none;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__open {
    display: flex
  }
}
body.dashboard .balance__open .fs-h5 {
  margin-right: 10px
}
body.dashboard .balance__open img {
  transition: all .3s ease
}
body.dashboard .balance__list {
  position: relative;
  margin-top: 15px;
  transition: all .3s ease
}
@media only screen and (max-width:1149px) {
  body.dashboard .balance__list {
    display: none
  }
}
body.dashboard .balance__item {
  position: relative;
  display: flex;
  align-items: center;
  transition: all .3s ease;
  overflow: hidden;
  cursor: pointer
}
body.dashboard .balance__item + .balance__item {
  margin-top: 10px
}
body.dashboard .balance__item:hover .balance__item-links {
  display: flex
}
body.dashboard .balance__item-icon {
  position: relative;
  display: flex;
  margin-right: 15px;
  color: #245bea;
  font-size: 38px;
  z-index: 5
}
@media only screen and (max-width:1899px) {
  body.dashboard .balance__item-icon {
    font-size: 28px;
    margin-right: 10px
  }
}
body.dashboard .balance__item-name {
  position: relative;
  display: flex;
  flex-direction: column
}
body.dashboard .balance__item-price {
  position: relative;
  margin-left: auto
}
body.dashboard .balance__item-links {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #245bea;
  border-radius: 38px;
  z-index: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .balance__item-links {
    padding: 5px
  }
}
body.dashboard .balance__item-links ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -5px
}
body.dashboard .balance__item-links ul li {
  padding: 0 5px
}
body.dashboard .balance__item-links ul li .btn {
  min-width: 120px;
  padding: 0 5px;
  min-height: 24px;
  font-size: 11px;
  letter-spacing: 0
}
@media only screen and (max-width:1899px) {
  body.dashboard .balance__item-links ul li .btn {
    min-height: 18px;
    min-width: 85px;
    font-size: 10px
  }
}
body.dashboard .menu {
  position: relative;
  padding: 60px 20px 20px 20px;
  border-radius: 34px;
  background-image: url(../images/frame/16.png);
  background-position: center top;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .menu:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 34px;
  background-color: #fff;
  z-index: -1
}
body.dashboard .menu__title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 28px
}
body.dashboard .menu__links {
  position: relative
}
body.dashboard .menu__links ul {
  flex-direction: column;
  margin: -10px 0
}
@media only screen and (max-width:1899px) {
  body.dashboard .menu__links ul {
    margin: -6px 0
  }
}
body.dashboard .menu__links ul li {
  padding: 10px 0
}
@media only screen and (max-width:1899px) {
  body.dashboard .menu__links ul li {
    padding: 6px 0
  }
}
body.dashboard .menu__links ul li a {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px
}
body.dashboard .menu__links ul li a:after {
  flex: 0 0 16px;
  width: 16px;
  height: 10px;
  margin-left: auto;
  background-image: url(../images/icons/arr-r.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .menu__links ul li a:after {
    flex: 0 0 12px
  }
}
body.dashboard .menu__links ul li a i {
  font-size: 23px;
  margin-right: 20px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .menu__links ul li a i {
    font-size: 20px;
    margin-right: 10px
  }
}
body.dashboard .menu__links ul li a.active,
body.dashboard .menu__links ul li a:hover {
  opacity: 1;
  color: #245bea
}
body.dashboard .menu__links ul li a.active:after {
  content: ''
}
body.dashboard .userdata {
  position: relative;
  padding: 40px;
  border-radius: 34px;
  background-image: url(../images/frame/17.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata {
    padding: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .userdata {
    padding: 30px 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata {
    padding: 20px 15px 70px 15px;
    border-radius: 20px;
    background-image: url(../images/frame/17-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .userdata:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  z-index: -1;
  border-radius: 34px
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata:before {
    border-radius: 20px
  }
}
body.dashboard .userdata__wrap {
  position: relative
}
body.dashboard .userdata__info {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 5
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__info {
    top: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__info {
    position: relative;
    top: auto;
    left: auto;
    transform: none
  }
}
body.dashboard .userdata__avatar {
  position: relative;
  display: flex
}
body.dashboard .userdata__avatar:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  width: 25px;
  height: 25px;
  background-color: #245bea;
  border-radius: 50%;
  background-image: url(../images/icons/set.png);
  background-position: center;
  background-size: 17px 17px;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__avatar:after {
    width: 18px;
    height: 18px;
    background-size: 12px 12px
  }
}
body.dashboard .userdata__avatar .file-group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 93px;
  height: 93px;
  background-color: #f0f5ff;
  border-radius: 50%;
  cursor: pointer
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__avatar .file-group {
    width: 70px;
    height: 70px
  }
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__avatar .file-group img {
    max-width: 50%
  }
}
body.dashboard .userdata__login {
  display: flex;
  flex-direction: column;
  margin-top: 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__login {
    margin-top: 10px
  }
}
body.dashboard .userdata__ref {
  display: flex;
  flex-direction: column;
  margin-top: 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__ref {
    margin-top: 10px
  }
}
body.dashboard .userdata__ref .label {
  display: flex;
  align-items: center;
  justify-content: center
}
body.dashboard .userdata__ref .label [data-clip-confirm] {
  position: absolute;
  margin-left: 5px
}
body.dashboard .userdata__ref .value {
  display: flex;
  align-items: center;
  color: #245bea
}
body.dashboard .userdata__ref .value [data-clip-text] {
  text-decoration: underline
}
body.dashboard .userdata__ref .value [data-clip-btn] {
  display: flex;
  cursor: pointer;
  margin-left: 5px;
  font-size: 16px
}
body.dashboard .userdata__stat {
  position: relative
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat {
    margin-top: 20px
  }
}
body.dashboard .userdata__stat ul {
  display: flex;
  flex-wrap: wrap;
  margin: -25px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__stat ul {
    margin: -15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat ul {
    margin: -10px
  }
}
body.dashboard .userdata__stat ul li {
  padding: 25px;
  width: 50%
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__stat ul li {
    padding: 15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat ul li {
    padding: 10px
  }
}
body.dashboard .userdata__stat ul li:nth-child(even) {
  text-align: right
}
body.dashboard .userdata__stat ul li:nth-child(even) .userdata__stat-item {
  flex-direction: row-reverse
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat ul li:nth-child(even) .userdata__stat-item {
    flex-direction: column
  }
}
body.dashboard .userdata__stat ul li:nth-child(even) .userdata__stat-item .icon {
  margin-left: 20px;
  margin-right: -15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__stat ul li:nth-child(even) .userdata__stat-item .icon {
    margin-left: 10px;
    margin-right: -10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat ul li:nth-child(even) .userdata__stat-item .icon {
    margin: 0
  }
}
body.dashboard .userdata__stat-item {
  display: flex
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
  }
}
body.dashboard .userdata__stat-item .icon {
  display: flex;
  flex: 0 0 76px;
  margin-right: 20px;
  margin-left: -15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__stat-item .icon {
    flex: 0;
    margin-left: -10px;
    margin-right: 10px
  }
  body.dashboard .userdata__stat-item .icon img {
    max-width: 55px;
    height: auto
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__stat-item .icon {
    margin: 0;
    min-height: 55px;
    align-items: center
  }
}
body.dashboard .userdata__stat-item .text {
  display: flex;
  flex-direction: column
}
body.dashboard .userdata__rank {
  position: relative;
  margin-top: 30px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__rank {
    margin-top: 15px
  }
}
body.dashboard .userdata__rank ul {
  display: flex;
  flex-wrap: wrap;
  margin: -20px
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__rank ul {
    margin: -10px
  }
}
body.dashboard .userdata__rank ul li {
  padding: 20px;
  width: 50%
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__rank ul li {
    padding: 10px
  }
}
body.dashboard .userdata__rank ul li:nth-child(even) {
  text-align: right
}
body.dashboard .userdata__rank-item {
  display: flex;
  flex-direction: column
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__rank-item {
    text-align: center
  }
}
body.dashboard .userdata__link {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: -12px;
  left: 50%;
  margin-left: 4px;
  transform: translateX(-50%)
}
@media only screen and (max-width:749px) {
  body.dashboard .userdata__link {
    margin: 0
  }
}
body.dashboard .userdata__link .btn {
  min-width: 220px
}
@media only screen and (max-width:1899px) {
  body.dashboard .userdata__link .btn {
    min-width: 170px;
    min-height: 44px;
    font-size: 12px
  }
}
body.dashboard .statistics {
  position: relative
}
body.dashboard .statistics__row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px
}
@media only screen and (max-width:1149px) {
  body.dashboard .statistics__row {
    margin: -10px
  }
}
body.dashboard .statistics__col {
  width: calc(100% / 3);
  padding: 15px
}
@media only screen and (max-width:1149px) {
  body.dashboard .statistics__col {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .statistics__col {
    width: 100%
  }
}
body.dashboard .statistics__item {
  position: relative;
  padding: 50px 20px 20px 20px;
  border-radius: 34px;
  background-image: url(../images/frame/23.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .statistics__item {
    padding: 40px 15px 15px 15px;
    background-size: auto
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .statistics__item {
    padding: 40px 10px 10px 10px;
    border-radius: 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .statistics__item {
    background-image: url(../images/frame/23-sm.png);
    background-position: left top;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .statistics__item:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  z-index: -1;
  border-radius: 34px
}
body.dashboard .statistics__item-title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  width: calc(100% - 40px);
  height: 28px
}
@media only screen and (max-width:749px) {
  body.dashboard .statistics__item-title {
    max-width: 215px;
    height: 18px
  }
}
body.dashboard .statistics__item-data {
  display: flex;
  flex-direction: column
}
body.dashboard .statistics__item-chart {
  position: relative;
  width: 100%
}
body.dashboard .statistics__item-chart .chart-line {
  display: flex;
  height: 110px;
  margin: -10px -10px -20px -10px
}
body.dashboard .deposit {
  position: relative;
  display: flex
}
@media only screen and (max-width:749px) {
  body.dashboard .deposit {
    width: 100%;
    max-width: 336px;
    min-height: 289px;
    margin: 0 auto;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-right: 1px solid #245bea;
    background-image: url(../images/frame/19-sm.png);
    background-position: left top;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .deposit + .deposit {
  margin-top: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit + .deposit {
    margin-top: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .deposit + .deposit {
    margin-top: 20px
  }
}
body.dashboard .deposit--plan-1 .deposit__progress {
  background-image: url(../images/deps/1.png);
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .deposit--plan-2 .deposit__progress {
  background-image: url(../images/deps/2.png);
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .deposit--plan-3 .deposit__progress {
  background-image: url(../images/deps/3.png);
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .deposit--plan-4 .deposit__progress {
  background-image: url(../images/deps/4.png);
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .deposit--plan-5 .deposit__progress {
  background-image: url(../images/deps/5.png);
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .deposit--plan-6 .deposit__progress {
  background-image: url(../images/deps/6.png);
  background-position: right center;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .deposit--inactive {
  filter: grayscale(1)
}
body.dashboard .deposit__wrap {
  position: relative;
  display: flex;
  width: 776px;
  height: 184px;
  padding: 1px;
  overflow: hidden;
  z-index: 1;
  background-image: url(../images/frame/19.png);
  background-position: left center;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__wrap {
    width: 580px;
    height: 136px;
    background-size: 100%
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .deposit__wrap {
    flex-wrap: wrap;
    background-image: none;
    height: auto
  }
}
body.dashboard .deposit__plan {
  position: relative;
  width: 280px;
  margin-right: -50px;
  padding: 20px 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__plan {
    width: 210px;
    margin-right: -40px;
    padding: 10px 40px 10px 30px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .deposit__plan {
    width: 50%;
    height: 144px;
    margin: 0;
    padding: 10px 10px 10px 30px
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .deposit__plan {
    padding: 5px 5px 5px 25px
  }
}
body.dashboard .deposit__plan ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%
}
body.dashboard .deposit__plan-item {
  display: flex;
  flex-direction: column
}
body.dashboard .deposit__stat {
  position: relative;
  display: flex;
  width: 280px;
  margin-right: -80px;
  padding: 20px 50px;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 1;
  background-image: url(../images/frame/20.png);
  background-position: left center;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__stat {
    width: 210px;
    margin-right: -60px;
    padding: 10px 10px 10px 40px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .deposit__stat {
    width: 50%;
    height: 144px;
    margin: 0;
    padding: 10px;
    background-image: none;
    background-color: #f4f8ff;
    border-bottom-right-radius: 0
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .deposit__stat {
    padding: 5px
  }
}
body.dashboard .deposit__stat ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%
}
body.dashboard .deposit__stat-item {
  display: flex;
  align-items: center
}
body.dashboard .deposit__stat-item .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__stat-item .image {
    width: 28px;
    height: 28px;
    flex: 0 0 28px
  }
  body.dashboard .deposit__stat-item .image img {
    width: 18px
  }
}
body.dashboard .deposit__stat-item .icon {
  display: flex;
  margin-right: 10px;
  font-size: 36px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__stat-item .icon {
    font-size: 28px
  }
}
body.dashboard .deposit__info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 354px;
  padding: 20px 20px 20px 80px;
  background-color: #deeaff;
  border-radius: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__info {
    width: 260px;
    padding: 10px 10px 10px 60px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .deposit__info {
    width: 50%;
    height: 143px;
    margin: 0;
    padding: 10px;
    background-image: none;
    background-color: #dbeaff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .deposit__info {
    padding: 5px
  }
}
body.dashboard .deposit__info ul {
  display: flex;
  flex-direction: column;
  margin: -5px 0
}
body.dashboard .deposit__info ul li {
  padding: 5px 0
}
body.dashboard .deposit__info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}
body.dashboard .deposit__info-item [data-timer] span {
  padding: 0 5px
}
body.dashboard .deposit__progress {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 706px);
  height: 184px;
  margin-left: -70px;
  padding-left: 70px;
  border-radius: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposit__progress {
    width: calc(100% - 500px);
    height: 136px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .deposit__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 145px;
    margin: 0;
    padding: 10px;
    background-image: none;
    background-color: #dbeaff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0
  }
}
@media only screen and (max-width:359px) {
  body.dashboard .deposit__progress {
    padding: 5px
  }
}
body.dashboard .deposit__progress-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}
body.dashboard .deposit__progress-title {
  max-width: 50%;
  line-height: 1;
  padding-bottom: 10px
}
body.dashboard .last-deposit {
  position: relative;
  padding: 70px 40px 40px 40px;
  border-radius: 34px;
  background-image: url(../images/frame/18.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .last-deposit {
    padding: 50px 30px 30px 30px;
    background-size: auto
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .last-deposit {
    padding: 50px 10px 10px 10px;
    border-radius: 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .last-deposit {
    background-image: url(../images/frame/18-sm.png);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .last-deposit:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .last-deposit:before {
    border-radius: 20px
  }
}
body.dashboard .last-deposit__title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 385px;
  height: 28px
}
@media only screen and (max-width:749px) {
  body.dashboard .last-deposit__title {
    width: calc(100% - 50px);
    height: 18px
  }
}
body.dashboard .last-deposit__wrap {
  position: relative
}
body.dashboard .deposits {
  position: relative;
  padding: 40px 40px 0 40px;
  border-radius: 34px;
  background-image: url(../images/frame/24.png);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposits {
    padding: 30px 30px 0 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .deposits {
    padding: 10px 10px 0 10px
  }
}
body.dashboard .deposits:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .deposits:before {
    border-radius: 20px
  }
}
body.dashboard .deposits__nav {
  position: relative;
  margin-bottom: 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .deposits__nav {
    margin-bottom: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .deposits__nav {
    margin-bottom: 20px
  }
}
body.dashboard .deposits__nav ul {
  display: flex;
  align-items: center
}
body.dashboard .deposits__nav ul li {
  position: relative;
  width: 50%;
  padding-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid #d3e0f4
}
@media only screen and (max-width:1149px) {
  body.dashboard .deposits__nav ul li {
    padding-bottom: 10px
  }
}
body.dashboard .deposits__nav ul li:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #245bea;
  bottom: -2px;
  left: 0;
  border-radius: 6px;
  transition: all .3s ease
}
body.dashboard .deposits__nav ul li.ui-state-active:after {
  width: 100%
}
body.dashboard .deposits__body {
  position: relative
}
body.dashboard .deposits__swiper {
  position: relative;
  padding-bottom: 60px
}
@media only screen and (max-width:1149px) {
  body.dashboard .deposits__swiper {
    padding-bottom: 50px
  }
}
body.dashboard .deposits__swiper .swiper-navigation {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 180px;
  min-height: 28px
}
@media only screen and (max-width:1149px) {
  body.dashboard .deposits__swiper .swiper-navigation {
    margin-top: 20px
  }
}
body.dashboard .deposits__swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet {
  font-family: TTFirsNeue;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0;
  border: 0
}
body.dashboard .deposits__swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet:before {
  display: none
}
body.dashboard .deposits__swiper .swiper-navigation .swiper-pagination .swiper-pagination-bullet-active {
  color: #245bea
}
body.dashboard .operations {
  position: relative;
  padding: 50px 40px 0 40px;
  border-radius: 34px;
  background-image: url(../images/frame/33.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .operations {
    padding: 30px 30px 0 30px;
    background-size: auto
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .operations {
    padding: 20px 20px 0 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .operations {
    padding: 15px 15px 30px 15px;
    border-radius: 20px
  }
}
body.dashboard .operations:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .operations:before {
    height: 100%;
    border-radius: 20px
  }
}
body.dashboard .operations__title {
  position: relative;
  padding-bottom: 30px;
  text-align: center
}
body.dashboard .operations__filter {
  position: relative;
  padding: 30px 30px 0 30px;
  border-radius: 34px;
  background-image: url(../images/frame/32.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .operations__filter {
    padding: 20px 20px 0 20px;
    border-radius: 20px;
    background-size: auto
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .operations__filter {
    background-image: url(../images/frame/32-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .operations__filter:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #deeaff;
  border-radius: 34px;
  z-index: 0
}
@media only screen and (max-width:749px) {
  body.dashboard .operations__filter:before {
    border-radius: 20px
  }
}
body.dashboard .operations__data {
  position: relative;
  margin-top: 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .operations__data {
    margin-top: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .operations__data {
    margin-top: 30px
  }
}
body.dashboard .operations__list {
  position: relative
}
body.dashboard .operations__list-block + .operations__list-block {
  margin-top: 25px
}
body.dashboard .operations__list-block ul {
  display: flex;
  flex-direction: column;
  margin: -3px 0
}
body.dashboard .operations__list-block ul li {
  padding: 3px 0
}
body.dashboard .operations__list-item {
  position: relative;
  display: flex
}
body.dashboard .operations__list-item .label,
body.dashboard .operations__list-item .value {
  display: flex;
  align-items: center;
  min-height: 38px;
  flex: 0 0 50%;
  padding: 0 15px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #dbeaff
}
body.dashboard .operations__list-item .value {
  justify-content: space-between;
  padding: 0 10px;
  background-color: #eff5ff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}
body.dashboard .operations__list-item .value .fs-tiny {
  font-size: 10px
}
body.dashboard .operations__list-item .eps {
  display: flex;
  align-items: center
}
body.dashboard .operations__list-item .eps .icon {
  font-size: 28px;
  margin-right: 10px;
  color: #245bea
}
body.dashboard .operations__list-item .eps .fs-h6 {
  display: flex;
  flex-direction: column
}
body.dashboard .operations__list-item .note {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}
body.dashboard .operations__list-item .note i {
  font-size: 18px;
  color: #245bea;
  cursor: pointer
}
body.dashboard .operations__list-item .note .icon:hover > .tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 100
}
body.dashboard .operations__pagination {
  position: relative;
  margin-top: 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .operations__pagination {
    margin-top: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .operations__pagination {
    margin-top: 30px
  }
}
body.dashboard .last-operation {
  position: relative;
  padding: 60px 40px 50px 40px;
  border-radius: 34px;
  background-image: url(../images/frame/22.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .last-operation {
    padding: 50px 30px 30px 30px;
    background-size: auto
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .last-operation {
    padding: 50px 10px 10px 10px;
    border-radius: 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .last-operation {
    background-image: url(../images/frame/22-sm.png);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .last-operation:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #deeaff;
  z-index: -1;
  border-radius: 34px
}
@media only screen and (max-width:1149px) {
  body.dashboard .last-operation:before {
    border-radius: 20px
  }
}
body.dashboard .last-operation__title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 385px;
  height: 28px
}
@media only screen and (max-width:749px) {
  body.dashboard .last-operation__title {
    width: calc(100% - 50px);
    height: 18px
  }
}
body.dashboard .last-operation__list {
  position: relative
}
body.dashboard .last-operation__list ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .last-operation__list ul {
    margin: -5px
  }
}
body.dashboard .last-operation__list ul li {
  width: 25%;
  padding: 10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .last-operation__list ul li {
    padding: 5px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .last-operation__list ul li {
    width: 50%
  }
}
body.dashboard .last-operation__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 20px;
  padding: 8px
}
body.dashboard .last-operation__item .icon {
  display: flex;
  margin-right: 10px;
  font-size: 36px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .last-operation__item .icon {
    font-size: 28px
  }
}
body.dashboard .last-operation__item .value {
  padding-top: 3px;
  display: flex;
  flex-direction: column
}
body.dashboard .last-operation__item .value .fs-h5 {
  padding-top: 5px
}
@media only screen and (max-width:1899px) {
  body.dashboard .last-operation__item .value .fs-h5 {
    padding: 0
  }
}
body.dashboard .calc {
  position: relative;
  padding: 40px 40px 0 40px;
  border-radius: 34px;
  background-image: url(../images/frame/26.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc {
    padding: 30px 30px 0 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .calc {
    padding: 30px 15px 0 15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc {
    padding: 30px 10px 0 10px;
    background-image: url(../images/frame/26-sm.png);
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat
  }
}
body.dashboard .calc:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .calc:before {
    border-radius: 20px
  }
}
body.dashboard .calc__section {
  position: relative
}
body.dashboard .calc__section + .calc__section {
  margin-top: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__section + .calc__section {
    margin-top: 30px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__section {
    overflow: hidden
  }
}
body.dashboard .calc__title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__title {
    padding-bottom: 30px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__title {
    padding-bottom: 20px
  }
}
body.dashboard .calc__title .fs-large {
  position: relative;
  margin: 0 0 -45px 0;
  font-size: 70px;
  color: #eef3ff;
  z-index: 0;
  line-height: 1
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__title .fs-large {
    font-size: 50px;
    margin: -5px 0 -30px 0
  }
}
body.dashboard .calc__title .fs-h3 {
  position: relative;
  z-index: 1
}
body.dashboard .calc__plan-nav {
  position: relative;
  padding: 0 30px;
  margin-bottom: -1px;
  z-index: 5
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-nav {
    padding: 0;
    margin-bottom: 0
  }
}
body.dashboard .calc__plan-nav ul {
  position: relative;
  display: flex;
  align-items: center
}
body.dashboard .calc__plan-nav ul li {
  position: relative
}
body.dashboard .calc__plan-nav ul li input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
body.dashboard .calc__plan-nav ul li label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 135px;
  height: 38px;
  cursor: pointer;
  background-image: url(../images/frame/25.png);
  background-position: center -1px;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-nav ul li label {
    width: 92px;
    height: 26px;
    background-size: 100%
  }
}
body.dashboard .calc__plan-nav ul li input[type=radio]:not(:checked):hover + label {
  opacity: .9
}
body.dashboard .calc__plan-nav ul li input[type=radio]:checked + label {
  background-position: center bottom
}
body.dashboard .calc__plan-nav ul li input[type=radio]:disabled + label {
  opacity: .3
}
body.dashboard .calc__plan {
  position: relative
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan {
    border: 1px solid #245bea;
    border-radius: 20px;
    padding: 20px 20px 10px 20px
  }
}
body.dashboard .calc__plan-item {
  display: none;
  position: relative;
  padding: 35px 30px 25px 30px;
  background-color: #fff;
  border: 1px solid #245bea;
  border-radius: 20px;
  top: 0
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-item {
    padding: 25px 15px 15px 15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-item {
    padding: 0;
    border: 0;
    border-radius: 0
  }
}
body.dashboard .calc__plan-data {
  position: relative
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-data {
    margin-top: 20px
  }
}
body.dashboard .calc__plan-data ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-data ul {
    margin: -5px
  }
}
body.dashboard .calc__plan-data ul li {
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  padding: 10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-data ul li {
    padding: 5px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-data ul li {
    width: 100%
  }
}
body.dashboard .calc__plan-data ul li .icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  margin-right: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-data ul li .icon {
    flex: 0 0 30px;
    margin-right: 15px
  }
}
body.dashboard .calc__plan-data ul li .value {
  display: flex;
  flex-direction: column
}
body.dashboard .calc__plan-cond {
  position: relative;
  margin-top: 10px
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-cond {
    margin-top: 15px
  }
}
body.dashboard .calc__plan-cond ul {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-cond ul {
    margin: -5px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-cond ul {
    margin: 3px 0
  }
}
body.dashboard .calc__plan-cond ul li {
  width: calc(100% / 3);
  padding: 5px 10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__plan-cond ul li {
    padding: 5px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__plan-cond ul li {
    width: 100%;
    padding: 3px 0
  }
}
body.dashboard .calc__currency {
  position: relative
}
body.dashboard .calc__currency .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
  width: auto
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__currency .swiper-wrapper {
    margin: -10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__currency .swiper-wrapper {
    width: 100%;
    margin: 0;
    flex-wrap: nowrap
  }
}
body.dashboard .calc__currency .swiper-slide {
  position: relative;
  width: calc(100% / 3);
  padding: 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__currency .swiper-slide {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__currency .swiper-slide {
    padding: 0;
    width: 220px
  }
}
body.dashboard .calc__currency .swiper-slide input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
body.dashboard .calc__currency .swiper-slide input[type=radio]:checked + .calc__currency-eps {
  background-position: center bottom
}
body.dashboard .calc__currency .swiper-slide input[type=radio]:disabled + .calc__currency-eps {
  opacity: .3
}
body.dashboard .calc__currency-eps {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 140px;
  text-align: center;
  padding: 40px 15px 15px 15px;
  cursor: pointer;
  background-image: url(../images/frame/27.png);
  background-position: center top;
  background-size: auto;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__currency-eps {
    height: 106px;
    padding: 30px 10px 10px 10px;
    background-size: 100%;
    background-position: center 4px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .calc__currency-eps {
    height: 104px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__currency-eps {
    width: 220px
  }
}
body.dashboard .calc__currency-eps .title {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 1.1
}
body.dashboard .calc__currency-eps .icon {
  padding-bottom: 10px;
  font-size: 38px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__currency-eps .icon {
    font-size: 28px
  }
}
body.dashboard .calc__currency-eps .data {
  display: flex;
  flex-direction: column
}
body.dashboard .calc__invest {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin: 0 auto
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__invest {
    max-width: 300px
  }
}
body.dashboard .calc__amount {
  position: relative
}
body.dashboard .calc__amount input {
  text-align: center;
  color: #245bea;
  font-size: 15px;
  font-weight: 700
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__amount input {
    min-height: 42px;
    font-size: 12px
  }
}
body.dashboard .calc__amount input:invalid {
  color: #c56167;
  border-color: #c56167
}
body.dashboard .calc__result {
  position: relative;
  margin-top: 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__result {
    margin-top: 30px
  }
}
body.dashboard .calc__result ul {
  display: flex;
  justify-content: space-between;
  margin: -10px
}
body.dashboard .calc__result ul li {
  padding: 10px
}
body.dashboard .calc__result-item {
  display: flex;
  flex-direction: column;
  text-align: center
}
body.dashboard .calc__submit {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 70px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__submit {
    margin-top: 50px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .calc__submit {
    margin-top: 30px
  }
}
body.dashboard .calc__submit .btn {
  min-width: 220px;
  margin-bottom: -12px
}
@media only screen and (max-width:1899px) {
  body.dashboard .calc__submit .btn {
    min-width: 170px;
    min-height: 44px;
    font-size: 12px
  }
}
body.dashboard .confirm {
  position: relative
}
body.dashboard .confirm__row {
  position: relative;
  display: flex;
  flex-wrap: wrap
}
body.dashboard .confirm__col {
  width: 50%
}
@media only screen and (max-width:749px) {
  body.dashboard .confirm__col--end {
    margin-top: -1px
  }
}
body.dashboard .confirm__col--end .confirm__item {
  flex-direction: row-reverse;
  text-align: right
}
@media only screen and (max-width:749px) {
  body.dashboard .confirm__col--end .confirm__item {
    flex-direction: row;
    text-align: left
  }
}
body.dashboard .confirm__col--end .confirm__item .icon {
  margin-right: 0;
  margin-left: 20px
}
@media only screen and (max-width:749px) {
  body.dashboard .confirm__col--end .confirm__item .icon {
    margin-right: 20px;
    margin-left: 0
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .confirm__col {
    width: 100%
  }
}
body.dashboard .confirm__col ul {
  display: flex;
  flex-direction: column
}
body.dashboard .confirm__col ul li {
  width: 100%
}
body.dashboard .confirm__col ul li:last-child .confirm__item {
  border-bottom: 1px solid #d3e0f4
}
body.dashboard .confirm__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 70px;
  border-top: 1px solid #d3e0f4
}
@media only screen and (max-width:1899px) {
  body.dashboard .confirm__item {
    min-height: 60px
  }
}
body.dashboard .confirm__item .icon {
  display: flex;
  font-size: 38px;
  color: #245bea;
  margin-right: 20px
}
body.dashboard .confirm__item .info {
  display: flex;
  flex-direction: column
}
body.dashboard .confirm__item .info .eps {
  display: flex;
  align-items: center
}
body.dashboard .confirm__item .info .eps i {
  font-size: 20px;
  margin-right: 10px
}
body.dashboard .application {
  position: relative;
  padding: 50px 40px 0 40px;
  border-radius: 34px;
  background-image: url(../images/frame/30.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .application {
    padding: 30px 30px 0 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .application {
    padding: 20px 20px 0 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application {
    padding: 15px 15px 30px 15px;
    border-radius: 20px;
    background-size: auto
  }
}
body.dashboard .application:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .application:before {
    height: 100%;
    border-radius: 20px
  }
}
body.dashboard .application__title {
  position: relative;
  text-align: center
}
body.dashboard .application__error {
  position: relative;
  margin-top: 15px;
  text-align: center
}
body.dashboard .application__info {
  position: relative;
  padding: 0 50px 50px 50px;
  margin-top: 45px;
  border-radius: 20px;
  background-image: url(../images/frame/31.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__info {
    margin-top: 30px;
    padding: 0 30px 30px 30px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application__info {
    padding: 0 15px 15px 15px;
    border-radius: 20px;
    background-size: auto
  }
}
body.dashboard .application__info:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #deeaff;
  border-radius: 20px;
  z-index: 0
}
@media only screen and (max-width:749px) {
  body.dashboard .application__info:before {
    border-radius: 20px
  }
}
body.dashboard .application__info-title {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center
}
body.dashboard .application__info-amount {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 30px
}
@media only screen and (max-width:749px) {
  body.dashboard .application__info-amount {
    flex-direction: column;
    align-items: center;
    justify-content: center
  }
}
body.dashboard .application__info-amount .input-group {
  width: 100%;
  text-align: center
}
@media only screen and (max-width:749px) {
  body.dashboard .application__info-amount .input-group {
    padding: 10px
  }
}
body.dashboard .application__info-amount .input-group input {
  text-align: center;
  color: #245bea;
  font-size: 14px;
  font-weight: 500
}
body.dashboard .application__info-amount .input-group [data-clip-text] {
  position: absolute;
  opacity: 0
}
body.dashboard .application__info-amount .input-group [data-clip-btn] {
  font-size: 18px;
  font-weight: 400;
  color: #245bea;
  cursor: pointer
}
body.dashboard .application__info-amount .input-group [data-clip-confirm] {
  position: absolute;
  padding-left: 5px
}
body.dashboard .application__info-amount .icon-group {
  display: flex;
  align-items: center;
  min-height: 50px;
  margin: 0 20px;
  font-size: 38px;
  color: #245bea
}
body.dashboard .application__info-message {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  text-align: center
}
body.dashboard .application__info-message p + p {
  margin-top: 20px
}
body.dashboard .application__info-message a {
  font-size: 14px;
  text-decoration: underline;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__info-message a {
    font-size: 12px
  }
}
body.dashboard .application__data {
  position: relative;
  margin-top: 50px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__data {
    margin-top: 30px
  }
}
body.dashboard .application__data-row {
  display: flex;
  margin: -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__data-row {
    margin: -10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application__data-row {
    flex-direction: column
  }
}
body.dashboard .application__data-col {
  padding: 20px;
  width: calc((100% - 290px)/ 2)
}
body.dashboard .application__data-col--center {
  width: 290px
}
@media only screen and (max-width:749px) {
  body.dashboard .application__data-col--center {
    order: 0!important
  }
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__data-col {
    padding: 10px;
    width: calc(100% / 3)
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application__data-col {
    width: 100%;
    order: 1
  }
}
body.dashboard .application__data-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}
body.dashboard .application__data-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  min-height: 110px;
  padding: 20px 40px;
  background-color: #f5f8ff
}
@media only screen and (max-width:749px) {
  body.dashboard .application__data-box + .application__data-box {
    margin-top: 20px
  }
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__data-box {
    padding: 20px;
    min-height: 90px
  }
}
body.dashboard .application__data-box span {
  padding: 5px 0
}
body.dashboard .application__data-box [data-clip-btn] {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  color: #245bea;
  cursor: pointer
}
body.dashboard .application__data-box [data-clip-confirm] {
  position: absolute;
  top: 5px;
  right: 35px
}
body.dashboard .application__data-qr {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 240px;
  border-radius: 20px;
  border: 1px solid #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__data-qr {
    min-height: 200px
  }
}
body.dashboard .application__data-qr .image {
  display: flex
}
body.dashboard .application__data-qr .label {
  margin: 20px auto 0 auto;
  max-width: 50%;
  text-align: center
}
body.dashboard .application__stat {
  position: relative;
  margin-top: 50px;
  border-radius: 20px;
  padding: 40px;
  background-color: #f5f8ff
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat {
    margin-top: 30px;
    padding: 30px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application__stat {
    padding: 15px
  }
}
body.dashboard .application__stat-row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat-row {
    margin: -10px
  }
}
body.dashboard .application__stat-col {
  width: 50%;
  padding: 10px 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat-col {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application__stat-col {
    width: 100%
  }
}
body.dashboard .application__stat-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #d3e0f4;
  border-radius: 6px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat-item {
    padding: 0 10px;
    min-height: 42px
  }
}
body.dashboard .application__stat-item .label {
  margin-right: 10px
}
body.dashboard .application__stat-item .value {
  display: flex;
  align-items: center
}
body.dashboard .application__stat-item .value .fs-h5 {
  font-size: 13px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat-item .value .fs-h5 {
    font-size: 11px
  }
}
body.dashboard .application__stat-item [data-clip-confirm] {
  position: absolute;
  top: -18px;
  right: 5px;
  font-size: 12px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat-item [data-clip-confirm] {
    top: -15px;
    font-size: 10px
  }
}
body.dashboard .application__stat-item [data-clip-btn] {
  display: flex;
  margin-left: 10px;
  font-size: 18px;
  color: #245bea;
  cursor: pointer
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__stat-item [data-clip-btn] {
    font-size: 16px;
    margin-left: 5px
  }
}
body.dashboard .application__note {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 670px;
  margin: 40px auto 0 auto;
  text-align: center
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__note {
    margin: 30px auto 0 auto
  }
}
body.dashboard .application__note .fs-tiny {
  display: flex;
  flex-direction: column;
  text-align: center
}
body.dashboard .application__note .fs-tiny a {
  color: #245bea;
  text-decoration: underline
}
body.dashboard .application__note .fs-tiny + p {
  margin-top: 20px
}
body.dashboard .application__links {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 60px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__links {
    margin-top: 40px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .application__links {
    margin-top: 30px
  }
}
body.dashboard .application__links ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px
}
@media only screen and (max-width:1149px) {
  body.dashboard .application__links ul {
    margin: -5px
  }
}
body.dashboard .application__links ul li {
  padding: 10px
}
@media only screen and (max-width:1149px) {
  body.dashboard .application__links ul li {
    padding: 5px
  }
}
body.dashboard .application__links ul li .btn {
  min-width: 220px;
  margin-bottom: -12px
}
@media only screen and (max-width:1899px) {
  body.dashboard .application__links ul li .btn {
    min-width: 170px;
    min-height: 44px;
    font-size: 12px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .application__links ul li .btn {
    min-width: 150px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .application__links ul li .btn {
    margin: 0
  }
}
body.dashboard .partners {
  position: relative;
  padding: 40px 40px 0 40px;
  border-radius: 34px;
  background-image: url(../images/frame/34.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners {
    padding: 30px 30px 0 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .partners {
    padding: 30px 20px 0 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners {
    padding: 15px 15px 0 15px;
    border-radius: 20px;
    background-image: url(../images/frame/17-sm.png);
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .partners:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  z-index: -1;
  border-radius: 34px
}
@media only screen and (max-width:749px) {
  body.dashboard .partners:before {
    border-radius: 20px
  }
}
body.dashboard .partners__wrap {
  position: relative
}
body.dashboard .partners__info {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 5
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__info {
    top: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__info {
    position: relative;
    top: auto;
    left: auto;
    transform: none
  }
}
body.dashboard .partners__ref {
  display: flex;
  flex-direction: column;
  margin-top: 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__ref {
    margin-top: 10px
  }
}
body.dashboard .partners__ref .label {
  display: flex;
  align-items: center;
  justify-content: center
}
body.dashboard .partners__ref .label [data-clip-confirm] {
  position: absolute;
  margin-left: 5px
}
body.dashboard .partners__ref .value {
  display: flex;
  align-items: center;
  color: #245bea
}
body.dashboard .partners__ref .value [data-clip-text] {
  text-decoration: underline
}
body.dashboard .partners__ref .value [data-clip-btn] {
  display: flex;
  cursor: pointer;
  margin-left: 5px;
  font-size: 16px
}
body.dashboard .partners__program {
  display: flex;
  flex-direction: column;
  margin-top: 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__program {
    margin-top: 10px
  }
}
body.dashboard .partners__actions {
  display: flex;
  flex-direction: column;
  margin-top: 15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__actions {
    margin-top: 10px
  }
}
body.dashboard .partners__actions ul {
  display: flex;
  flex-direction: column;
  margin: -5px 0
}
body.dashboard .partners__actions ul li {
  display: flex;
  flex-direction: column;
  padding: 5px 0
}
body.dashboard .partners__actions ul li a {
  color: #245bea;
  text-decoration: underline
}
body.dashboard .partners__stat {
  position: relative
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat {
    margin-top: 20px
  }
}
body.dashboard .partners__stat ul {
  display: flex;
  flex-wrap: wrap;
  margin: -25px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__stat ul {
    margin: -15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat ul {
    margin: -10px
  }
}
body.dashboard .partners__stat ul li {
  padding: 25px;
  width: 50%
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__stat ul li {
    padding: 15px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat ul li {
    padding: 10px
  }
}
body.dashboard .partners__stat ul li:nth-child(even) {
  text-align: right
}
body.dashboard .partners__stat ul li:nth-child(even) .partners__stat-item {
  flex-direction: row-reverse
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat ul li:nth-child(even) .partners__stat-item {
    flex-direction: column
  }
}
body.dashboard .partners__stat ul li:nth-child(even) .partners__stat-item .icon {
  margin-left: 20px;
  margin-right: -15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__stat ul li:nth-child(even) .partners__stat-item .icon {
    margin-left: 10px;
    margin-right: -10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat ul li:nth-child(even) .partners__stat-item .icon {
    margin: 0
  }
}
body.dashboard .partners__stat-item {
  display: flex;
  align-items: flex-start
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
  }
}
body.dashboard .partners__stat-item .icon {
  display: flex;
  flex: 0 0 76px;
  margin-right: 20px;
  margin-left: -15px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__stat-item .icon {
    flex: 0 0 55px;
    margin-left: -10px;
    margin-right: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__stat-item .icon {
    margin: 0;
    min-height: 55px;
    align-items: center
  }
}
body.dashboard .partners__stat-item .text {
  display: flex;
  flex-direction: column;
  max-width: 190px
}
@media only screen and (max-width:1899px) {
  body.dashboard .partners__stat-item .text {
    max-width: 140px
  }
}
body.dashboard .partners__accrual {
  position: relative;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  text-align: center
}
@media only screen and (max-width:1149px) {
  body.dashboard .partners__accrual {
    margin-top: 40px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__accrual {
    margin: 30px auto 0 auto;
    max-width: 220px
  }
}
body.dashboard .partners__accrual .fs-h3 {
  margin-bottom: -12px
}
@media only screen and (max-width:749px) {
  body.dashboard .partners__accrual .fs-h3 {
    margin-bottom: -20px
  }
}
body.dashboard .lines {
  position: relative;
  padding: 40px;
  border-radius: 34px;
  background-color: #deeaff
}
@media only screen and (max-width:1899px) {
  body.dashboard .lines {
    padding: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .lines {
    padding: 20px;
    border-radius: 20px
  }
}
body.dashboard .lines ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .lines ul {
    margin: -5px
  }
}
body.dashboard .lines ul li {
  width: 25%;
  padding: 10px
}
@media only screen and (max-width:1899px) {
  body.dashboard .lines ul li {
    padding: 5px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .lines ul li {
    width: 50%
  }
}
body.dashboard .lines__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 20px;
  padding: 8px
}
body.dashboard .lines__item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  margin-right: 10px;
  background-color: #245bea;
  border-radius: 50%;
  color: #fff
}
@media only screen and (max-width:1899px) {
  body.dashboard .lines__item .icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px
  }
}
body.dashboard .lines__item .value {
  padding-top: 3px;
  display: flex;
  flex-direction: column
}
body.dashboard .lines__item .value .fs-h5 {
  padding-top: 5px
}
@media only screen and (max-width:1899px) {
  body.dashboard .lines__item .value .fs-h5 {
    padding: 0
  }
}
body.dashboard .referrals {
  position: relative;
  padding: 70px 40px 40px 40px;
  border-radius: 34px;
  background-image: url(../images/frame/35.png);
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .referrals {
    padding: 50px 30px 30px 30px;
    background-size: auto
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .referrals {
    padding: 50px 10px 10px 10px;
    border-radius: 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .referrals {
    background-image: url(../images/frame/18-sm.png);
    background-position: center top;
    background-size: auto;
    background-repeat: no-repeat
  }
}
body.dashboard .referrals:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .referrals:before {
    border-radius: 20px
  }
}
body.dashboard .referrals__title {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 335px;
  height: 28px
}
@media only screen and (max-width:749px) {
  body.dashboard .referrals__title {
    width: calc(100% - 50px);
    height: 18px
  }
}
body.dashboard .referrals__wrap {
  position: relative
}
body.dashboard .payments {
  position: relative;
  padding: 60px 40px 0 40px;
  border-radius: 34px;
  background-image: url(../images/frame/37.png);
  background-position: center bottom;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments {
    padding: 30px 30px 0 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .payments {
    padding: 20px 20px 0 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .payments {
    padding: 15px 15px 0 15px;
    border-radius: 20px;
    background-image: url(../images/frame/17-sm.png);
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat
  }
}
body.dashboard .payments:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #fff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .payments:before {
    height: 80%;
    border-radius: 20px
  }
}
body.dashboard .payments__title {
  position: relative;
  padding-bottom: 50px;
  text-align: center
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__title {
    padding-bottom: 30px
  }
}
body.dashboard .payments__wrap {
  position: relative
}
body.dashboard .payments__row {
  display: flex;
  flex-wrap: wrap;
  margin: -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__row {
    margin: -15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .payments__row {
    margin: -10px
  }
}
body.dashboard .payments__col {
  width: 50%;
  padding: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__col {
    padding: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .payments__col {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .payments__col {
    width: 100%
  }
}
body.dashboard .payments__item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  padding: 0 30px 30px 30px;
  border-radius: 20px;
  cursor: pointer;
  background-image: url(../images/frame/38.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__item {
    background-size: auto;
    padding: 0 20px 20px 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .payments__item {
    padding: 0 15px 15px 15px
  }
}
body.dashboard .payments__item-title {
  position: relative;
  text-align: center
}
body.dashboard .payments__item-title .fs-h6 {
  display: flex;
  flex-direction: column
}
body.dashboard .payments__item-icon {
  margin-top: 20px;
  font-size: 38px;
  color: #245bea
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__item-icon {
    font-size: 28px
  }
}
body.dashboard .payments__item-area {
  display: flex;
  flex-direction: column;
  text-align: center
}
body.dashboard .payments__item-area input {
  text-align: center
}
body.dashboard .payments__link {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 100px
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__link {
    margin-top: 50px
  }
}
body.dashboard .payments__link .btn {
  bottom: -12px;
  min-width: 220px
}
@media only screen and (max-width:1899px) {
  body.dashboard .payments__link .btn {
    min-width: 170px;
    min-height: 44px;
    font-size: 12px
  }
}
body.dashboard .notices {
  position: relative
}
body.dashboard .notices__row {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .notices__row {
    margin: -10px -15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .notices__row {
    margin: -10px
  }
}
body.dashboard .notices__col {
  width: 50%;
  padding: 10px 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .notices__col {
    padding: 10px 15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .notices__col {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .notices__col {
    width: 100%
  }
}
body.dashboard .notices__item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 5px 20px;
  border-radius: 6px;
  border: 1px solid transparent
}
@media only screen and (max-width:1899px) {
  body.dashboard .notices__item {
    min-height: 42px;
    padding: 5px 15px
  }
}
body.dashboard .notices__item i {
  flex: 0 0 16px;
  margin-right: 10px
}
body.dashboard .notices__item--success {
  color: #2bbba1;
  border-color: #2bbba1
}
body.dashboard .notices__item--error {
  color: #c56167;
  border-color: #c56167
}
body.dashboard .notices__item--info {
  color: #245bea;
  border-color: #245bea
}
body.dashboard .notices__item--warning {
  color: #15aff0;
  border-color: #15aff0
}
body.dashboard .settings {
  position: relative;
  padding: 50px;
  border-radius: 34px;
  background-color: #fff
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings {
    padding: 30px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .settings {
    padding: 20px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .settings {
    padding: 15px;
    border-radius: 20px
  }
}
body.dashboard .settings__title {
  position: relative;
  padding-bottom: 30px;
  text-align: center
}
body.dashboard .settings__notice {
  position: relative;
  margin-bottom: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__notice {
    margin-bottom: 30px
  }
}
body.dashboard .settings__wrap {
  position: relative
}
body.dashboard .settings__row {
  display: flex;
  flex-wrap: wrap;
  margin: -20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__row {
    margin: -15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .settings__row {
    margin: -10px
  }
}
body.dashboard .settings__col {
  width: 50%;
  padding: 20px
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__col {
    padding: 15px
  }
}
@media only screen and (max-width:1149px) {
  body.dashboard .settings__col {
    padding: 10px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .settings__col {
    width: 100%
  }
}
body.dashboard .settings__form {
  position: relative;
  padding: 0 30px;
  border-radius: 34px;
  background-image: url(../images/frame/39.png);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__form {
    padding: 0 20px;
    background-size: auto
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .settings__form {
    padding: 0 15px;
    border-radius: 20px;
    background-size: auto
  }
}
body.dashboard .settings__form + .settings__form {
  margin-top: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__form + .settings__form {
    margin-top: 30px
  }
}
body.dashboard .settings__form:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #f0f5ff;
  border-radius: 34px;
  z-index: -1
}
@media only screen and (max-width:749px) {
  body.dashboard .settings__form:before {
    height: 100%;
    border-radius: 20px
  }
}
body.dashboard .settings__form-title {
  position: relative;
  text-align: center;
  padding-bottom: 40px
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__form-title {
    padding-bottom: 30px
  }
}
body.dashboard .settings__form-data {
  position: relative
}
body.dashboard .settings__form-submit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 30px auto 0 auto;
  width: 240px;
  height: 57px;
  background-image: url(../images/frame/42.png);
  background-position: left top;
  background-size: auto;
  background-repeat: no-repeat
}
body.dashboard .settings__form-submit .btn {
  min-width: 170px;
  min-height: 44px;
  font-size: 12px
}
body.dashboard .settings__avatar {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 30px 0
}
@media only screen and (max-width:749px) {
  body.dashboard .settings__avatar {
    margin: 0 0 10px 0
  }
}
body.dashboard .settings__avatar .image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #deeaff
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__avatar .image {
    width: 112px;
    height: 112px
  }
}
@media only screen and (max-width:749px) {
  body.dashboard .settings__avatar .image {
    width: 88px;
    height: 88px
  }
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__avatar .image img {
    max-width: 50%
  }
}
body.dashboard .settings__avatar .file-group {
  display: flex;
  justify-content: center;
  margin-top: 30px
}
@media only screen and (max-width:1899px) {
  body.dashboard .settings__avatar .file-group {
    margin-top: 20px
  }
}
body.dashboard .settings__avatar .file-group .btn {
  min-width: 190px;
  min-height: 44px;
  margin: 0 auto;
  padding: 0 10px;
  font-size: 12px;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
@media only screen and (max-width:749px) {
  body.dashboard .settings__avatar .file-group .btn {
    min-width: 150px;
    min-height: 38px;
    font-size: 10px
  }
}