/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar
}

*,::after,::before {
  box-sizing: inherit
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container {
      max-width:1170px
  }
}

@media (min-width: 1490px) {
  .container {
      max-width:1490px
  }
}

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 576px) {
  .container,.container-sm {
      max-width:540px
  }
}

@media (min-width: 768px) {
  .container,.container-md,.container-sm {
      max-width:720px
  }
}

@media (min-width: 992px) {
  .container,.container-lg,.container-md,.container-sm {
      max-width:960px
  }
}

@media (min-width: 1200px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl {
      max-width:1170px
  }
}

@media (min-width: 1490px) {
  .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
      max-width:1490px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xxl,.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.row-cols-4>* {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 13
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.66667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333%
}

.offset-5 {
  margin-left: 41.66667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333%
}

.offset-8 {
  margin-left: 66.66667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333%
}

.offset-11 {
  margin-left: 91.66667%
}

@media (min-width: 576px) {
  .col-sm {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-sm-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-sm-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-sm-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-sm-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-sm-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-sm-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-sm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-sm-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-sm-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-sm-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-sm-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-sm-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-sm-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-sm-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-sm-first {
      order: -1
  }

  .order-sm-last {
      order: 13
  }

  .order-sm-0 {
      order: 0
  }

  .order-sm-1 {
      order: 1
  }

  .order-sm-2 {
      order: 2
  }

  .order-sm-3 {
      order: 3
  }

  .order-sm-4 {
      order: 4
  }

  .order-sm-5 {
      order: 5
  }

  .order-sm-6 {
      order: 6
  }

  .order-sm-7 {
      order: 7
  }

  .order-sm-8 {
      order: 8
  }

  .order-sm-9 {
      order: 9
  }

  .order-sm-10 {
      order: 10
  }

  .order-sm-11 {
      order: 11
  }

  .order-sm-12 {
      order: 12
  }

  .offset-sm-0 {
      margin-left: 0
  }

  .offset-sm-1 {
      margin-left: 8.33333%
  }

  .offset-sm-2 {
      margin-left: 16.66667%
  }

  .offset-sm-3 {
      margin-left: 25%
  }

  .offset-sm-4 {
      margin-left: 33.33333%
  }

  .offset-sm-5 {
      margin-left: 41.66667%
  }

  .offset-sm-6 {
      margin-left: 50%
  }

  .offset-sm-7 {
      margin-left: 58.33333%
  }

  .offset-sm-8 {
      margin-left: 66.66667%
  }

  .offset-sm-9 {
      margin-left: 75%
  }

  .offset-sm-10 {
      margin-left: 83.33333%
  }

  .offset-sm-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 768px) {
  .col-md {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-md-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-md-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-md-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-md-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-md-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-md-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-md-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-md-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-md-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-md-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-md-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-md-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-md-first {
      order: -1
  }

  .order-md-last {
      order: 13
  }

  .order-md-0 {
      order: 0
  }

  .order-md-1 {
      order: 1
  }

  .order-md-2 {
      order: 2
  }

  .order-md-3 {
      order: 3
  }

  .order-md-4 {
      order: 4
  }

  .order-md-5 {
      order: 5
  }

  .order-md-6 {
      order: 6
  }

  .order-md-7 {
      order: 7
  }

  .order-md-8 {
      order: 8
  }

  .order-md-9 {
      order: 9
  }

  .order-md-10 {
      order: 10
  }

  .order-md-11 {
      order: 11
  }

  .order-md-12 {
      order: 12
  }

  .offset-md-0 {
      margin-left: 0
  }

  .offset-md-1 {
      margin-left: 8.33333%
  }

  .offset-md-2 {
      margin-left: 16.66667%
  }

  .offset-md-3 {
      margin-left: 25%
  }

  .offset-md-4 {
      margin-left: 33.33333%
  }

  .offset-md-5 {
      margin-left: 41.66667%
  }

  .offset-md-6 {
      margin-left: 50%
  }

  .offset-md-7 {
      margin-left: 58.33333%
  }

  .offset-md-8 {
      margin-left: 66.66667%
  }

  .offset-md-9 {
      margin-left: 75%
  }

  .offset-md-10 {
      margin-left: 83.33333%
  }

  .offset-md-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 992px) {
  .col-lg {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-lg-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-lg-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-lg-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-lg-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-lg-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-lg-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-lg-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-lg-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-lg-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-lg-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-lg-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-lg-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-lg-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-lg-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-lg-first {
      order: -1
  }

  .order-lg-last {
      order: 13
  }

  .order-lg-0 {
      order: 0
  }

  .order-lg-1 {
      order: 1
  }

  .order-lg-2 {
      order: 2
  }

  .order-lg-3 {
      order: 3
  }

  .order-lg-4 {
      order: 4
  }

  .order-lg-5 {
      order: 5
  }

  .order-lg-6 {
      order: 6
  }

  .order-lg-7 {
      order: 7
  }

  .order-lg-8 {
      order: 8
  }

  .order-lg-9 {
      order: 9
  }

  .order-lg-10 {
      order: 10
  }

  .order-lg-11 {
      order: 11
  }

  .order-lg-12 {
      order: 12
  }

  .offset-lg-0 {
      margin-left: 0
  }

  .offset-lg-1 {
      margin-left: 8.33333%
  }

  .offset-lg-2 {
      margin-left: 16.66667%
  }

  .offset-lg-3 {
      margin-left: 25%
  }

  .offset-lg-4 {
      margin-left: 33.33333%
  }

  .offset-lg-5 {
      margin-left: 41.66667%
  }

  .offset-lg-6 {
      margin-left: 50%
  }

  .offset-lg-7 {
      margin-left: 58.33333%
  }

  .offset-lg-8 {
      margin-left: 66.66667%
  }

  .offset-lg-9 {
      margin-left: 75%
  }

  .offset-lg-10 {
      margin-left: 83.33333%
  }

  .offset-lg-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 1200px) {
  .col-xl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-xl-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-xl-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-xl-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-xl-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-xl-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-xl-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-xl-first {
      order: -1
  }

  .order-xl-last {
      order: 13
  }

  .order-xl-0 {
      order: 0
  }

  .order-xl-1 {
      order: 1
  }

  .order-xl-2 {
      order: 2
  }

  .order-xl-3 {
      order: 3
  }

  .order-xl-4 {
      order: 4
  }

  .order-xl-5 {
      order: 5
  }

  .order-xl-6 {
      order: 6
  }

  .order-xl-7 {
      order: 7
  }

  .order-xl-8 {
      order: 8
  }

  .order-xl-9 {
      order: 9
  }

  .order-xl-10 {
      order: 10
  }

  .order-xl-11 {
      order: 11
  }

  .order-xl-12 {
      order: 12
  }

  .offset-xl-0 {
      margin-left: 0
  }

  .offset-xl-1 {
      margin-left: 8.33333%
  }

  .offset-xl-2 {
      margin-left: 16.66667%
  }

  .offset-xl-3 {
      margin-left: 25%
  }

  .offset-xl-4 {
      margin-left: 33.33333%
  }

  .offset-xl-5 {
      margin-left: 41.66667%
  }

  .offset-xl-6 {
      margin-left: 50%
  }

  .offset-xl-7 {
      margin-left: 58.33333%
  }

  .offset-xl-8 {
      margin-left: 66.66667%
  }

  .offset-xl-9 {
      margin-left: 75%
  }

  .offset-xl-10 {
      margin-left: 83.33333%
  }

  .offset-xl-11 {
      margin-left: 91.66667%
  }
}

@media (min-width: 1490px) {
  .col-xxl {
      flex-basis:0;
      flex-grow: 1;
      max-width: 100%
  }

  .row-cols-xxl-1>* {
      flex: 0 0 100%;
      max-width: 100%
  }

  .row-cols-xxl-2>* {
      flex: 0 0 50%;
      max-width: 50%
  }

  .row-cols-xxl-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .row-cols-xxl-4>* {
      flex: 0 0 25%;
      max-width: 25%
  }

  .row-cols-xxl-5>* {
      flex: 0 0 20%;
      max-width: 20%
  }

  .row-cols-xxl-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
  }

  .col-xxl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-xxl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

  .col-xxl-3 {
      flex: 0 0 25%;
      max-width: 25%
  }

  .col-xxl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-xxl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

  .col-xxl-6 {
      flex: 0 0 50%;
      max-width: 50%
  }

  .col-xxl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-xxl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

  .col-xxl-9 {
      flex: 0 0 75%;
      max-width: 75%
  }

  .col-xxl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-xxl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

  .col-xxl-12 {
      flex: 0 0 100%;
      max-width: 100%
  }

  .order-xxl-first {
      order: -1
  }

  .order-xxl-last {
      order: 13
  }

  .order-xxl-0 {
      order: 0
  }

  .order-xxl-1 {
      order: 1
  }

  .order-xxl-2 {
      order: 2
  }

  .order-xxl-3 {
      order: 3
  }

  .order-xxl-4 {
      order: 4
  }

  .order-xxl-5 {
      order: 5
  }

  .order-xxl-6 {
      order: 6
  }

  .order-xxl-7 {
      order: 7
  }

  .order-xxl-8 {
      order: 8
  }

  .order-xxl-9 {
      order: 9
  }

  .order-xxl-10 {
      order: 10
  }

  .order-xxl-11 {
      order: 11
  }

  .order-xxl-12 {
      order: 12
  }

  .offset-xxl-0 {
      margin-left: 0
  }

  .offset-xxl-1 {
      margin-left: 8.33333%
  }

  .offset-xxl-2 {
      margin-left: 16.66667%
  }

  .offset-xxl-3 {
      margin-left: 25%
  }

  .offset-xxl-4 {
      margin-left: 33.33333%
  }

  .offset-xxl-5 {
      margin-left: 41.66667%
  }

  .offset-xxl-6 {
      margin-left: 50%
  }

  .offset-xxl-7 {
      margin-left: 58.33333%
  }

  .offset-xxl-8 {
      margin-left: 66.66667%
  }

  .offset-xxl-9 {
      margin-left: 75%
  }

  .offset-xxl-10 {
      margin-left: 83.33333%
  }

  .offset-xxl-11 {
      margin-left: 91.66667%
  }
}

.d-none {
  display: none!important
}

.d-inline {
  display: inline!important
}

.d-inline-block {
  display: inline-block!important
}

.d-block {
  display: block!important
}

.d-table {
  display: table!important
}

.d-table-row {
  display: table-row!important
}

.d-table-cell {
  display: table-cell!important
}

.d-flex {
  display: flex!important
}

.d-inline-flex {
  display: inline-flex!important
}

@media (min-width: 576px) {
  .d-sm-none {
      display:none!important
  }

  .d-sm-inline {
      display: inline!important
  }

  .d-sm-inline-block {
      display: inline-block!important
  }

  .d-sm-block {
      display: block!important
  }

  .d-sm-table {
      display: table!important
  }

  .d-sm-table-row {
      display: table-row!important
  }

  .d-sm-table-cell {
      display: table-cell!important
  }

  .d-sm-flex {
      display: flex!important
  }

  .d-sm-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 768px) {
  .d-md-none {
      display:none!important
  }

  .d-md-inline {
      display: inline!important
  }

  .d-md-inline-block {
      display: inline-block!important
  }

  .d-md-block {
      display: block!important
  }

  .d-md-table {
      display: table!important
  }

  .d-md-table-row {
      display: table-row!important
  }

  .d-md-table-cell {
      display: table-cell!important
  }

  .d-md-flex {
      display: flex!important
  }

  .d-md-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 992px) {
  .d-lg-none {
      display:none!important
  }

  .d-lg-inline {
      display: inline!important
  }

  .d-lg-inline-block {
      display: inline-block!important
  }

  .d-lg-block {
      display: block!important
  }

  .d-lg-table {
      display: table!important
  }

  .d-lg-table-row {
      display: table-row!important
  }

  .d-lg-table-cell {
      display: table-cell!important
  }

  .d-lg-flex {
      display: flex!important
  }

  .d-lg-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
      display:none!important
  }

  .d-xl-inline {
      display: inline!important
  }

  .d-xl-inline-block {
      display: inline-block!important
  }

  .d-xl-block {
      display: block!important
  }

  .d-xl-table {
      display: table!important
  }

  .d-xl-table-row {
      display: table-row!important
  }

  .d-xl-table-cell {
      display: table-cell!important
  }

  .d-xl-flex {
      display: flex!important
  }

  .d-xl-inline-flex {
      display: inline-flex!important
  }
}

@media (min-width: 1490px) {
  .d-xxl-none {
      display:none!important
  }

  .d-xxl-inline {
      display: inline!important
  }

  .d-xxl-inline-block {
      display: inline-block!important
  }

  .d-xxl-block {
      display: block!important
  }

  .d-xxl-table {
      display: table!important
  }

  .d-xxl-table-row {
      display: table-row!important
  }

  .d-xxl-table-cell {
      display: table-cell!important
  }

  .d-xxl-flex {
      display: flex!important
  }

  .d-xxl-inline-flex {
      display: inline-flex!important
  }
}

@media print {
  .d-print-none {
      display: none!important
  }

  .d-print-inline {
      display: inline!important
  }

  .d-print-inline-block {
      display: inline-block!important
  }

  .d-print-block {
      display: block!important
  }

  .d-print-table {
      display: table!important
  }

  .d-print-table-row {
      display: table-row!important
  }

  .d-print-table-cell {
      display: table-cell!important
  }

  .d-print-flex {
      display: flex!important
  }

  .d-print-inline-flex {
      display: inline-flex!important
  }
}

.flex-row {
  flex-direction: row!important
}

.flex-column {
  flex-direction: column!important
}

.flex-row-reverse {
  flex-direction: row-reverse!important
}

.flex-column-reverse {
  flex-direction: column-reverse!important
}

.flex-wrap {
  flex-wrap: wrap!important
}

.flex-nowrap {
  flex-wrap: nowrap!important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse!important
}

.flex-fill {
  flex: 1 1 auto!important
}

.flex-grow-0 {
  flex-grow: 0!important
}

.flex-grow-1 {
  flex-grow: 1!important
}

.flex-shrink-0 {
  flex-shrink: 0!important
}

.flex-shrink-1 {
  flex-shrink: 1!important
}

.justify-content-start {
  justify-content: flex-start!important
}

.justify-content-end {
  justify-content: flex-end!important
}

.justify-content-center {
  justify-content: center!important
}

.justify-content-between {
  justify-content: space-between!important
}

.justify-content-around {
  justify-content: space-around!important
}

.align-items-start {
  align-items: flex-start!important
}

.align-items-end {
  align-items: flex-end!important
}

.align-items-center {
  align-items: center!important
}

.align-items-baseline {
  align-items: baseline!important
}

.align-items-stretch {
  align-items: stretch!important
}

.align-content-start {
  align-content: flex-start!important
}

.align-content-end {
  align-content: flex-end!important
}

.align-content-center {
  align-content: center!important
}

.align-content-between {
  align-content: space-between!important
}

.align-content-around {
  align-content: space-around!important
}

.align-content-stretch {
  align-content: stretch!important
}

.align-self-auto {
  align-self: auto!important
}

.align-self-start {
  align-self: flex-start!important
}

.align-self-end {
  align-self: flex-end!important
}

.align-self-center {
  align-self: center!important
}

.align-self-baseline {
  align-self: baseline!important
}

.align-self-stretch {
  align-self: stretch!important
}

@media (min-width: 576px) {
  .flex-sm-row {
      flex-direction:row!important
  }

  .flex-sm-column {
      flex-direction: column!important
  }

  .flex-sm-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-sm-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-sm-wrap {
      flex-wrap: wrap!important
  }

  .flex-sm-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-sm-fill {
      flex: 1 1 auto!important
  }

  .flex-sm-grow-0 {
      flex-grow: 0!important
  }

  .flex-sm-grow-1 {
      flex-grow: 1!important
  }

  .flex-sm-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-sm-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-sm-start {
      justify-content: flex-start!important
  }

  .justify-content-sm-end {
      justify-content: flex-end!important
  }

  .justify-content-sm-center {
      justify-content: center!important
  }

  .justify-content-sm-between {
      justify-content: space-between!important
  }

  .justify-content-sm-around {
      justify-content: space-around!important
  }

  .align-items-sm-start {
      align-items: flex-start!important
  }

  .align-items-sm-end {
      align-items: flex-end!important
  }

  .align-items-sm-center {
      align-items: center!important
  }

  .align-items-sm-baseline {
      align-items: baseline!important
  }

  .align-items-sm-stretch {
      align-items: stretch!important
  }

  .align-content-sm-start {
      align-content: flex-start!important
  }

  .align-content-sm-end {
      align-content: flex-end!important
  }

  .align-content-sm-center {
      align-content: center!important
  }

  .align-content-sm-between {
      align-content: space-between!important
  }

  .align-content-sm-around {
      align-content: space-around!important
  }

  .align-content-sm-stretch {
      align-content: stretch!important
  }

  .align-self-sm-auto {
      align-self: auto!important
  }

  .align-self-sm-start {
      align-self: flex-start!important
  }

  .align-self-sm-end {
      align-self: flex-end!important
  }

  .align-self-sm-center {
      align-self: center!important
  }

  .align-self-sm-baseline {
      align-self: baseline!important
  }

  .align-self-sm-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 768px) {
  .flex-md-row {
      flex-direction:row!important
  }

  .flex-md-column {
      flex-direction: column!important
  }

  .flex-md-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-md-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-md-wrap {
      flex-wrap: wrap!important
  }

  .flex-md-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-md-fill {
      flex: 1 1 auto!important
  }

  .flex-md-grow-0 {
      flex-grow: 0!important
  }

  .flex-md-grow-1 {
      flex-grow: 1!important
  }

  .flex-md-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-md-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-md-start {
      justify-content: flex-start!important
  }

  .justify-content-md-end {
      justify-content: flex-end!important
  }

  .justify-content-md-center {
      justify-content: center!important
  }

  .justify-content-md-between {
      justify-content: space-between!important
  }

  .justify-content-md-around {
      justify-content: space-around!important
  }

  .align-items-md-start {
      align-items: flex-start!important
  }

  .align-items-md-end {
      align-items: flex-end!important
  }

  .align-items-md-center {
      align-items: center!important
  }

  .align-items-md-baseline {
      align-items: baseline!important
  }

  .align-items-md-stretch {
      align-items: stretch!important
  }

  .align-content-md-start {
      align-content: flex-start!important
  }

  .align-content-md-end {
      align-content: flex-end!important
  }

  .align-content-md-center {
      align-content: center!important
  }

  .align-content-md-between {
      align-content: space-between!important
  }

  .align-content-md-around {
      align-content: space-around!important
  }

  .align-content-md-stretch {
      align-content: stretch!important
  }

  .align-self-md-auto {
      align-self: auto!important
  }

  .align-self-md-start {
      align-self: flex-start!important
  }

  .align-self-md-end {
      align-self: flex-end!important
  }

  .align-self-md-center {
      align-self: center!important
  }

  .align-self-md-baseline {
      align-self: baseline!important
  }

  .align-self-md-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
      flex-direction:row!important
  }

  .flex-lg-column {
      flex-direction: column!important
  }

  .flex-lg-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-lg-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-lg-wrap {
      flex-wrap: wrap!important
  }

  .flex-lg-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-lg-fill {
      flex: 1 1 auto!important
  }

  .flex-lg-grow-0 {
      flex-grow: 0!important
  }

  .flex-lg-grow-1 {
      flex-grow: 1!important
  }

  .flex-lg-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-lg-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-lg-start {
      justify-content: flex-start!important
  }

  .justify-content-lg-end {
      justify-content: flex-end!important
  }

  .justify-content-lg-center {
      justify-content: center!important
  }

  .justify-content-lg-between {
      justify-content: space-between!important
  }

  .justify-content-lg-around {
      justify-content: space-around!important
  }

  .align-items-lg-start {
      align-items: flex-start!important
  }

  .align-items-lg-end {
      align-items: flex-end!important
  }

  .align-items-lg-center {
      align-items: center!important
  }

  .align-items-lg-baseline {
      align-items: baseline!important
  }

  .align-items-lg-stretch {
      align-items: stretch!important
  }

  .align-content-lg-start {
      align-content: flex-start!important
  }

  .align-content-lg-end {
      align-content: flex-end!important
  }

  .align-content-lg-center {
      align-content: center!important
  }

  .align-content-lg-between {
      align-content: space-between!important
  }

  .align-content-lg-around {
      align-content: space-around!important
  }

  .align-content-lg-stretch {
      align-content: stretch!important
  }

  .align-self-lg-auto {
      align-self: auto!important
  }

  .align-self-lg-start {
      align-self: flex-start!important
  }

  .align-self-lg-end {
      align-self: flex-end!important
  }

  .align-self-lg-center {
      align-self: center!important
  }

  .align-self-lg-baseline {
      align-self: baseline!important
  }

  .align-self-lg-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
      flex-direction:row!important
  }

  .flex-xl-column {
      flex-direction: column!important
  }

  .flex-xl-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-xl-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-xl-wrap {
      flex-wrap: wrap!important
  }

  .flex-xl-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-xl-fill {
      flex: 1 1 auto!important
  }

  .flex-xl-grow-0 {
      flex-grow: 0!important
  }

  .flex-xl-grow-1 {
      flex-grow: 1!important
  }

  .flex-xl-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-xl-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-xl-start {
      justify-content: flex-start!important
  }

  .justify-content-xl-end {
      justify-content: flex-end!important
  }

  .justify-content-xl-center {
      justify-content: center!important
  }

  .justify-content-xl-between {
      justify-content: space-between!important
  }

  .justify-content-xl-around {
      justify-content: space-around!important
  }

  .align-items-xl-start {
      align-items: flex-start!important
  }

  .align-items-xl-end {
      align-items: flex-end!important
  }

  .align-items-xl-center {
      align-items: center!important
  }

  .align-items-xl-baseline {
      align-items: baseline!important
  }

  .align-items-xl-stretch {
      align-items: stretch!important
  }

  .align-content-xl-start {
      align-content: flex-start!important
  }

  .align-content-xl-end {
      align-content: flex-end!important
  }

  .align-content-xl-center {
      align-content: center!important
  }

  .align-content-xl-between {
      align-content: space-between!important
  }

  .align-content-xl-around {
      align-content: space-around!important
  }

  .align-content-xl-stretch {
      align-content: stretch!important
  }

  .align-self-xl-auto {
      align-self: auto!important
  }

  .align-self-xl-start {
      align-self: flex-start!important
  }

  .align-self-xl-end {
      align-self: flex-end!important
  }

  .align-self-xl-center {
      align-self: center!important
  }

  .align-self-xl-baseline {
      align-self: baseline!important
  }

  .align-self-xl-stretch {
      align-self: stretch!important
  }
}

@media (min-width: 1490px) {
  .flex-xxl-row {
      flex-direction:row!important
  }

  .flex-xxl-column {
      flex-direction: column!important
  }

  .flex-xxl-row-reverse {
      flex-direction: row-reverse!important
  }

  .flex-xxl-column-reverse {
      flex-direction: column-reverse!important
  }

  .flex-xxl-wrap {
      flex-wrap: wrap!important
  }

  .flex-xxl-nowrap {
      flex-wrap: nowrap!important
  }

  .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }

  .flex-xxl-fill {
      flex: 1 1 auto!important
  }

  .flex-xxl-grow-0 {
      flex-grow: 0!important
  }

  .flex-xxl-grow-1 {
      flex-grow: 1!important
  }

  .flex-xxl-shrink-0 {
      flex-shrink: 0!important
  }

  .flex-xxl-shrink-1 {
      flex-shrink: 1!important
  }

  .justify-content-xxl-start {
      justify-content: flex-start!important
  }

  .justify-content-xxl-end {
      justify-content: flex-end!important
  }

  .justify-content-xxl-center {
      justify-content: center!important
  }

  .justify-content-xxl-between {
      justify-content: space-between!important
  }

  .justify-content-xxl-around {
      justify-content: space-around!important
  }

  .align-items-xxl-start {
      align-items: flex-start!important
  }

  .align-items-xxl-end {
      align-items: flex-end!important
  }

  .align-items-xxl-center {
      align-items: center!important
  }

  .align-items-xxl-baseline {
      align-items: baseline!important
  }

  .align-items-xxl-stretch {
      align-items: stretch!important
  }

  .align-content-xxl-start {
      align-content: flex-start!important
  }

  .align-content-xxl-end {
      align-content: flex-end!important
  }

  .align-content-xxl-center {
      align-content: center!important
  }

  .align-content-xxl-between {
      align-content: space-between!important
  }

  .align-content-xxl-around {
      align-content: space-around!important
  }

  .align-content-xxl-stretch {
      align-content: stretch!important
  }

  .align-self-xxl-auto {
      align-self: auto!important
  }

  .align-self-xxl-start {
      align-self: flex-start!important
  }

  .align-self-xxl-end {
      align-self: flex-end!important
  }

  .align-self-xxl-center {
      align-self: center!important
  }

  .align-self-xxl-baseline {
      align-self: baseline!important
  }

  .align-self-xxl-stretch {
      align-self: stretch!important
  }
}

.m-0 {
  margin: 0!important
}

.mt-0,.my-0 {
  margin-top: 0!important
}

.mr-0,.mx-0 {
  margin-right: 0!important
}

.mb-0,.my-0 {
  margin-bottom: 0!important
}

.ml-0,.mx-0 {
  margin-left: 0!important
}

.m-1 {
  margin: .25rem!important
}

.mt-1,.my-1 {
  margin-top: .25rem!important
}

.mr-1,.mx-1 {
  margin-right: .25rem!important
}

.mb-1,.my-1 {
  margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
  margin-left: .25rem!important
}

.m-2 {
  margin: .5rem!important
}

.mt-2,.my-2 {
  margin-top: .5rem!important
}

.mr-2,.mx-2 {
  margin-right: .5rem!important
}

.mb-2,.my-2 {
  margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
  margin-left: .5rem!important
}

.m-3 {
  margin: 1rem!important
}

.mt-3,.my-3 {
  margin-top: 1rem!important
}

.mr-3,.mx-3 {
  margin-right: 1rem!important
}

.mb-3,.my-3 {
  margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
  margin-left: 1rem!important
}

.m-4 {
  margin: 1.5rem!important
}

.mt-4,.my-4 {
  margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
  margin-right: 1.5rem!important
}

.mb-4,.my-4 {
  margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
  margin-left: 1.5rem!important
}

.m-5 {
  margin: 3rem!important
}

.mt-5,.my-5 {
  margin-top: 3rem!important
}

.mr-5,.mx-5 {
  margin-right: 3rem!important
}

.mb-5,.my-5 {
  margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
  margin-left: 3rem!important
}

.p-0 {
  padding: 0!important
}

.pt-0,.py-0 {
  padding-top: 0!important
}

.pr-0,.px-0 {
  padding-right: 0!important
}

.pb-0,.py-0 {
  padding-bottom: 0!important
}

.pl-0,.px-0 {
  padding-left: 0!important
}

.p-1 {
  padding: .25rem!important
}

.pt-1,.py-1 {
  padding-top: .25rem!important
}

.pr-1,.px-1 {
  padding-right: .25rem!important
}

.pb-1,.py-1 {
  padding-bottom: .25rem!important
}

.pl-1,.px-1 {
  padding-left: .25rem!important
}

.p-2 {
  padding: .5rem!important
}

.pt-2,.py-2 {
  padding-top: .5rem!important
}

.pr-2,.px-2 {
  padding-right: .5rem!important
}

.pb-2,.py-2 {
  padding-bottom: .5rem!important
}

.pl-2,.px-2 {
  padding-left: .5rem!important
}

.p-3 {
  padding: 1rem!important
}

.pt-3,.py-3 {
  padding-top: 1rem!important
}

.pr-3,.px-3 {
  padding-right: 1rem!important
}

.pb-3,.py-3 {
  padding-bottom: 1rem!important
}

.pl-3,.px-3 {
  padding-left: 1rem!important
}

.p-4 {
  padding: 1.5rem!important
}

.pt-4,.py-4 {
  padding-top: 1.5rem!important
}

.pr-4,.px-4 {
  padding-right: 1.5rem!important
}

.pb-4,.py-4 {
  padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
  padding-left: 1.5rem!important
}

.p-5 {
  padding: 3rem!important
}

.pt-5,.py-5 {
  padding-top: 3rem!important
}

.pr-5,.px-5 {
  padding-right: 3rem!important
}

.pb-5,.py-5 {
  padding-bottom: 3rem!important
}

.pl-5,.px-5 {
  padding-left: 3rem!important
}

.m-n1 {
  margin: -.25rem!important
}

.mt-n1,.my-n1 {
  margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
  margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
  margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
  margin-left: -.25rem!important
}

.m-n2 {
  margin: -.5rem!important
}

.mt-n2,.my-n2 {
  margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
  margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
  margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
  margin-left: -.5rem!important
}

.m-n3 {
  margin: -1rem!important
}

.mt-n3,.my-n3 {
  margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
  margin-right: -1rem!important
}

.mb-n3,.my-n3 {
  margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
  margin-left: -1rem!important
}

.m-n4 {
  margin: -1.5rem!important
}

.mt-n4,.my-n4 {
  margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
  margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
  margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
  margin-left: -1.5rem!important
}

.m-n5 {
  margin: -3rem!important
}

.mt-n5,.my-n5 {
  margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
  margin-right: -3rem!important
}

.mb-n5,.my-n5 {
  margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
  margin-left: -3rem!important
}

.m-auto {
  margin: auto!important
}

.mt-auto,.my-auto {
  margin-top: auto!important
}

.mr-auto,.mx-auto {
  margin-right: auto!important
}

.mb-auto,.my-auto {
  margin-bottom: auto!important
}

.ml-auto,.mx-auto {
  margin-left: auto!important
}

@media (min-width: 576px) {
  .m-sm-0 {
      margin:0!important
  }

  .mt-sm-0,.my-sm-0 {
      margin-top: 0!important
  }

  .mr-sm-0,.mx-sm-0 {
      margin-right: 0!important
  }

  .mb-sm-0,.my-sm-0 {
      margin-bottom: 0!important
  }

  .ml-sm-0,.mx-sm-0 {
      margin-left: 0!important
  }

  .m-sm-1 {
      margin: .25rem!important
  }

  .mt-sm-1,.my-sm-1 {
      margin-top: .25rem!important
  }

  .mr-sm-1,.mx-sm-1 {
      margin-right: .25rem!important
  }

  .mb-sm-1,.my-sm-1 {
      margin-bottom: .25rem!important
  }

  .ml-sm-1,.mx-sm-1 {
      margin-left: .25rem!important
  }

  .m-sm-2 {
      margin: .5rem!important
  }

  .mt-sm-2,.my-sm-2 {
      margin-top: .5rem!important
  }

  .mr-sm-2,.mx-sm-2 {
      margin-right: .5rem!important
  }

  .mb-sm-2,.my-sm-2 {
      margin-bottom: .5rem!important
  }

  .ml-sm-2,.mx-sm-2 {
      margin-left: .5rem!important
  }

  .m-sm-3 {
      margin: 1rem!important
  }

  .mt-sm-3,.my-sm-3 {
      margin-top: 1rem!important
  }

  .mr-sm-3,.mx-sm-3 {
      margin-right: 1rem!important
  }

  .mb-sm-3,.my-sm-3 {
      margin-bottom: 1rem!important
  }

  .ml-sm-3,.mx-sm-3 {
      margin-left: 1rem!important
  }

  .m-sm-4 {
      margin: 1.5rem!important
  }

  .mt-sm-4,.my-sm-4 {
      margin-top: 1.5rem!important
  }

  .mr-sm-4,.mx-sm-4 {
      margin-right: 1.5rem!important
  }

  .mb-sm-4,.my-sm-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-sm-4,.mx-sm-4 {
      margin-left: 1.5rem!important
  }

  .m-sm-5 {
      margin: 3rem!important
  }

  .mt-sm-5,.my-sm-5 {
      margin-top: 3rem!important
  }

  .mr-sm-5,.mx-sm-5 {
      margin-right: 3rem!important
  }

  .mb-sm-5,.my-sm-5 {
      margin-bottom: 3rem!important
  }

  .ml-sm-5,.mx-sm-5 {
      margin-left: 3rem!important
  }

  .p-sm-0 {
      padding: 0!important
  }

  .pt-sm-0,.py-sm-0 {
      padding-top: 0!important
  }

  .pr-sm-0,.px-sm-0 {
      padding-right: 0!important
  }

  .pb-sm-0,.py-sm-0 {
      padding-bottom: 0!important
  }

  .pl-sm-0,.px-sm-0 {
      padding-left: 0!important
  }

  .p-sm-1 {
      padding: .25rem!important
  }

  .pt-sm-1,.py-sm-1 {
      padding-top: .25rem!important
  }

  .pr-sm-1,.px-sm-1 {
      padding-right: .25rem!important
  }

  .pb-sm-1,.py-sm-1 {
      padding-bottom: .25rem!important
  }

  .pl-sm-1,.px-sm-1 {
      padding-left: .25rem!important
  }

  .p-sm-2 {
      padding: .5rem!important
  }

  .pt-sm-2,.py-sm-2 {
      padding-top: .5rem!important
  }

  .pr-sm-2,.px-sm-2 {
      padding-right: .5rem!important
  }

  .pb-sm-2,.py-sm-2 {
      padding-bottom: .5rem!important
  }

  .pl-sm-2,.px-sm-2 {
      padding-left: .5rem!important
  }

  .p-sm-3 {
      padding: 1rem!important
  }

  .pt-sm-3,.py-sm-3 {
      padding-top: 1rem!important
  }

  .pr-sm-3,.px-sm-3 {
      padding-right: 1rem!important
  }

  .pb-sm-3,.py-sm-3 {
      padding-bottom: 1rem!important
  }

  .pl-sm-3,.px-sm-3 {
      padding-left: 1rem!important
  }

  .p-sm-4 {
      padding: 1.5rem!important
  }

  .pt-sm-4,.py-sm-4 {
      padding-top: 1.5rem!important
  }

  .pr-sm-4,.px-sm-4 {
      padding-right: 1.5rem!important
  }

  .pb-sm-4,.py-sm-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-sm-4,.px-sm-4 {
      padding-left: 1.5rem!important
  }

  .p-sm-5 {
      padding: 3rem!important
  }

  .pt-sm-5,.py-sm-5 {
      padding-top: 3rem!important
  }

  .pr-sm-5,.px-sm-5 {
      padding-right: 3rem!important
  }

  .pb-sm-5,.py-sm-5 {
      padding-bottom: 3rem!important
  }

  .pl-sm-5,.px-sm-5 {
      padding-left: 3rem!important
  }

  .m-sm-n1 {
      margin: -.25rem!important
  }

  .mt-sm-n1,.my-sm-n1 {
      margin-top: -.25rem!important
  }

  .mr-sm-n1,.mx-sm-n1 {
      margin-right: -.25rem!important
  }

  .mb-sm-n1,.my-sm-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-sm-n1,.mx-sm-n1 {
      margin-left: -.25rem!important
  }

  .m-sm-n2 {
      margin: -.5rem!important
  }

  .mt-sm-n2,.my-sm-n2 {
      margin-top: -.5rem!important
  }

  .mr-sm-n2,.mx-sm-n2 {
      margin-right: -.5rem!important
  }

  .mb-sm-n2,.my-sm-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-sm-n2,.mx-sm-n2 {
      margin-left: -.5rem!important
  }

  .m-sm-n3 {
      margin: -1rem!important
  }

  .mt-sm-n3,.my-sm-n3 {
      margin-top: -1rem!important
  }

  .mr-sm-n3,.mx-sm-n3 {
      margin-right: -1rem!important
  }

  .mb-sm-n3,.my-sm-n3 {
      margin-bottom: -1rem!important
  }

  .ml-sm-n3,.mx-sm-n3 {
      margin-left: -1rem!important
  }

  .m-sm-n4 {
      margin: -1.5rem!important
  }

  .mt-sm-n4,.my-sm-n4 {
      margin-top: -1.5rem!important
  }

  .mr-sm-n4,.mx-sm-n4 {
      margin-right: -1.5rem!important
  }

  .mb-sm-n4,.my-sm-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-sm-n4,.mx-sm-n4 {
      margin-left: -1.5rem!important
  }

  .m-sm-n5 {
      margin: -3rem!important
  }

  .mt-sm-n5,.my-sm-n5 {
      margin-top: -3rem!important
  }

  .mr-sm-n5,.mx-sm-n5 {
      margin-right: -3rem!important
  }

  .mb-sm-n5,.my-sm-n5 {
      margin-bottom: -3rem!important
  }

  .ml-sm-n5,.mx-sm-n5 {
      margin-left: -3rem!important
  }

  .m-sm-auto {
      margin: auto!important
  }

  .mt-sm-auto,.my-sm-auto {
      margin-top: auto!important
  }

  .mr-sm-auto,.mx-sm-auto {
      margin-right: auto!important
  }

  .mb-sm-auto,.my-sm-auto {
      margin-bottom: auto!important
  }

  .ml-sm-auto,.mx-sm-auto {
      margin-left: auto!important
  }
}

@media (min-width: 768px) {
  .m-md-0 {
      margin:0!important
  }

  .mt-md-0,.my-md-0 {
      margin-top: 0!important
  }

  .mr-md-0,.mx-md-0 {
      margin-right: 0!important
  }

  .mb-md-0,.my-md-0 {
      margin-bottom: 0!important
  }

  .ml-md-0,.mx-md-0 {
      margin-left: 0!important
  }

  .m-md-1 {
      margin: .25rem!important
  }

  .mt-md-1,.my-md-1 {
      margin-top: .25rem!important
  }

  .mr-md-1,.mx-md-1 {
      margin-right: .25rem!important
  }

  .mb-md-1,.my-md-1 {
      margin-bottom: .25rem!important
  }

  .ml-md-1,.mx-md-1 {
      margin-left: .25rem!important
  }

  .m-md-2 {
      margin: .5rem!important
  }

  .mt-md-2,.my-md-2 {
      margin-top: .5rem!important
  }

  .mr-md-2,.mx-md-2 {
      margin-right: .5rem!important
  }

  .mb-md-2,.my-md-2 {
      margin-bottom: .5rem!important
  }

  .ml-md-2,.mx-md-2 {
      margin-left: .5rem!important
  }

  .m-md-3 {
      margin: 1rem!important
  }

  .mt-md-3,.my-md-3 {
      margin-top: 1rem!important
  }

  .mr-md-3,.mx-md-3 {
      margin-right: 1rem!important
  }

  .mb-md-3,.my-md-3 {
      margin-bottom: 1rem!important
  }

  .ml-md-3,.mx-md-3 {
      margin-left: 1rem!important
  }

  .m-md-4 {
      margin: 1.5rem!important
  }

  .mt-md-4,.my-md-4 {
      margin-top: 1.5rem!important
  }

  .mr-md-4,.mx-md-4 {
      margin-right: 1.5rem!important
  }

  .mb-md-4,.my-md-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-md-4,.mx-md-4 {
      margin-left: 1.5rem!important
  }

  .m-md-5 {
      margin: 3rem!important
  }

  .mt-md-5,.my-md-5 {
      margin-top: 3rem!important
  }

  .mr-md-5,.mx-md-5 {
      margin-right: 3rem!important
  }

  .mb-md-5,.my-md-5 {
      margin-bottom: 3rem!important
  }

  .ml-md-5,.mx-md-5 {
      margin-left: 3rem!important
  }

  .p-md-0 {
      padding: 0!important
  }

  .pt-md-0,.py-md-0 {
      padding-top: 0!important
  }

  .pr-md-0,.px-md-0 {
      padding-right: 0!important
  }

  .pb-md-0,.py-md-0 {
      padding-bottom: 0!important
  }

  .pl-md-0,.px-md-0 {
      padding-left: 0!important
  }

  .p-md-1 {
      padding: .25rem!important
  }

  .pt-md-1,.py-md-1 {
      padding-top: .25rem!important
  }

  .pr-md-1,.px-md-1 {
      padding-right: .25rem!important
  }

  .pb-md-1,.py-md-1 {
      padding-bottom: .25rem!important
  }

  .pl-md-1,.px-md-1 {
      padding-left: .25rem!important
  }

  .p-md-2 {
      padding: .5rem!important
  }

  .pt-md-2,.py-md-2 {
      padding-top: .5rem!important
  }

  .pr-md-2,.px-md-2 {
      padding-right: .5rem!important
  }

  .pb-md-2,.py-md-2 {
      padding-bottom: .5rem!important
  }

  .pl-md-2,.px-md-2 {
      padding-left: .5rem!important
  }

  .p-md-3 {
      padding: 1rem!important
  }

  .pt-md-3,.py-md-3 {
      padding-top: 1rem!important
  }

  .pr-md-3,.px-md-3 {
      padding-right: 1rem!important
  }

  .pb-md-3,.py-md-3 {
      padding-bottom: 1rem!important
  }

  .pl-md-3,.px-md-3 {
      padding-left: 1rem!important
  }

  .p-md-4 {
      padding: 1.5rem!important
  }

  .pt-md-4,.py-md-4 {
      padding-top: 1.5rem!important
  }

  .pr-md-4,.px-md-4 {
      padding-right: 1.5rem!important
  }

  .pb-md-4,.py-md-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-md-4,.px-md-4 {
      padding-left: 1.5rem!important
  }

  .p-md-5 {
      padding: 3rem!important
  }

  .pt-md-5,.py-md-5 {
      padding-top: 3rem!important
  }

  .pr-md-5,.px-md-5 {
      padding-right: 3rem!important
  }

  .pb-md-5,.py-md-5 {
      padding-bottom: 3rem!important
  }

  .pl-md-5,.px-md-5 {
      padding-left: 3rem!important
  }

  .m-md-n1 {
      margin: -.25rem!important
  }

  .mt-md-n1,.my-md-n1 {
      margin-top: -.25rem!important
  }

  .mr-md-n1,.mx-md-n1 {
      margin-right: -.25rem!important
  }

  .mb-md-n1,.my-md-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-md-n1,.mx-md-n1 {
      margin-left: -.25rem!important
  }

  .m-md-n2 {
      margin: -.5rem!important
  }

  .mt-md-n2,.my-md-n2 {
      margin-top: -.5rem!important
  }

  .mr-md-n2,.mx-md-n2 {
      margin-right: -.5rem!important
  }

  .mb-md-n2,.my-md-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-md-n2,.mx-md-n2 {
      margin-left: -.5rem!important
  }

  .m-md-n3 {
      margin: -1rem!important
  }

  .mt-md-n3,.my-md-n3 {
      margin-top: -1rem!important
  }

  .mr-md-n3,.mx-md-n3 {
      margin-right: -1rem!important
  }

  .mb-md-n3,.my-md-n3 {
      margin-bottom: -1rem!important
  }

  .ml-md-n3,.mx-md-n3 {
      margin-left: -1rem!important
  }

  .m-md-n4 {
      margin: -1.5rem!important
  }

  .mt-md-n4,.my-md-n4 {
      margin-top: -1.5rem!important
  }

  .mr-md-n4,.mx-md-n4 {
      margin-right: -1.5rem!important
  }

  .mb-md-n4,.my-md-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-md-n4,.mx-md-n4 {
      margin-left: -1.5rem!important
  }

  .m-md-n5 {
      margin: -3rem!important
  }

  .mt-md-n5,.my-md-n5 {
      margin-top: -3rem!important
  }

  .mr-md-n5,.mx-md-n5 {
      margin-right: -3rem!important
  }

  .mb-md-n5,.my-md-n5 {
      margin-bottom: -3rem!important
  }

  .ml-md-n5,.mx-md-n5 {
      margin-left: -3rem!important
  }

  .m-md-auto {
      margin: auto!important
  }

  .mt-md-auto,.my-md-auto {
      margin-top: auto!important
  }

  .mr-md-auto,.mx-md-auto {
      margin-right: auto!important
  }

  .mb-md-auto,.my-md-auto {
      margin-bottom: auto!important
  }

  .ml-md-auto,.mx-md-auto {
      margin-left: auto!important
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
      margin:0!important
  }

  .mt-lg-0,.my-lg-0 {
      margin-top: 0!important
  }

  .mr-lg-0,.mx-lg-0 {
      margin-right: 0!important
  }

  .mb-lg-0,.my-lg-0 {
      margin-bottom: 0!important
  }

  .ml-lg-0,.mx-lg-0 {
      margin-left: 0!important
  }

  .m-lg-1 {
      margin: .25rem!important
  }

  .mt-lg-1,.my-lg-1 {
      margin-top: .25rem!important
  }

  .mr-lg-1,.mx-lg-1 {
      margin-right: .25rem!important
  }

  .mb-lg-1,.my-lg-1 {
      margin-bottom: .25rem!important
  }

  .ml-lg-1,.mx-lg-1 {
      margin-left: .25rem!important
  }

  .m-lg-2 {
      margin: .5rem!important
  }

  .mt-lg-2,.my-lg-2 {
      margin-top: .5rem!important
  }

  .mr-lg-2,.mx-lg-2 {
      margin-right: .5rem!important
  }

  .mb-lg-2,.my-lg-2 {
      margin-bottom: .5rem!important
  }

  .ml-lg-2,.mx-lg-2 {
      margin-left: .5rem!important
  }

  .m-lg-3 {
      margin: 1rem!important
  }

  .mt-lg-3,.my-lg-3 {
      margin-top: 1rem!important
  }

  .mr-lg-3,.mx-lg-3 {
      margin-right: 1rem!important
  }

  .mb-lg-3,.my-lg-3 {
      margin-bottom: 1rem!important
  }

  .ml-lg-3,.mx-lg-3 {
      margin-left: 1rem!important
  }

  .m-lg-4 {
      margin: 1.5rem!important
  }

  .mt-lg-4,.my-lg-4 {
      margin-top: 1.5rem!important
  }

  .mr-lg-4,.mx-lg-4 {
      margin-right: 1.5rem!important
  }

  .mb-lg-4,.my-lg-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-lg-4,.mx-lg-4 {
      margin-left: 1.5rem!important
  }

  .m-lg-5 {
      margin: 3rem!important
  }

  .mt-lg-5,.my-lg-5 {
      margin-top: 3rem!important
  }

  .mr-lg-5,.mx-lg-5 {
      margin-right: 3rem!important
  }

  .mb-lg-5,.my-lg-5 {
      margin-bottom: 3rem!important
  }

  .ml-lg-5,.mx-lg-5 {
      margin-left: 3rem!important
  }

  .p-lg-0 {
      padding: 0!important
  }

  .pt-lg-0,.py-lg-0 {
      padding-top: 0!important
  }

  .pr-lg-0,.px-lg-0 {
      padding-right: 0!important
  }

  .pb-lg-0,.py-lg-0 {
      padding-bottom: 0!important
  }

  .pl-lg-0,.px-lg-0 {
      padding-left: 0!important
  }

  .p-lg-1 {
      padding: .25rem!important
  }

  .pt-lg-1,.py-lg-1 {
      padding-top: .25rem!important
  }

  .pr-lg-1,.px-lg-1 {
      padding-right: .25rem!important
  }

  .pb-lg-1,.py-lg-1 {
      padding-bottom: .25rem!important
  }

  .pl-lg-1,.px-lg-1 {
      padding-left: .25rem!important
  }

  .p-lg-2 {
      padding: .5rem!important
  }

  .pt-lg-2,.py-lg-2 {
      padding-top: .5rem!important
  }

  .pr-lg-2,.px-lg-2 {
      padding-right: .5rem!important
  }

  .pb-lg-2,.py-lg-2 {
      padding-bottom: .5rem!important
  }

  .pl-lg-2,.px-lg-2 {
      padding-left: .5rem!important
  }

  .p-lg-3 {
      padding: 1rem!important
  }

  .pt-lg-3,.py-lg-3 {
      padding-top: 1rem!important
  }

  .pr-lg-3,.px-lg-3 {
      padding-right: 1rem!important
  }

  .pb-lg-3,.py-lg-3 {
      padding-bottom: 1rem!important
  }

  .pl-lg-3,.px-lg-3 {
      padding-left: 1rem!important
  }

  .p-lg-4 {
      padding: 1.5rem!important
  }

  .pt-lg-4,.py-lg-4 {
      padding-top: 1.5rem!important
  }

  .pr-lg-4,.px-lg-4 {
      padding-right: 1.5rem!important
  }

  .pb-lg-4,.py-lg-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-lg-4,.px-lg-4 {
      padding-left: 1.5rem!important
  }

  .p-lg-5 {
      padding: 3rem!important
  }

  .pt-lg-5,.py-lg-5 {
      padding-top: 3rem!important
  }

  .pr-lg-5,.px-lg-5 {
      padding-right: 3rem!important
  }

  .pb-lg-5,.py-lg-5 {
      padding-bottom: 3rem!important
  }

  .pl-lg-5,.px-lg-5 {
      padding-left: 3rem!important
  }

  .m-lg-n1 {
      margin: -.25rem!important
  }

  .mt-lg-n1,.my-lg-n1 {
      margin-top: -.25rem!important
  }

  .mr-lg-n1,.mx-lg-n1 {
      margin-right: -.25rem!important
  }

  .mb-lg-n1,.my-lg-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-lg-n1,.mx-lg-n1 {
      margin-left: -.25rem!important
  }

  .m-lg-n2 {
      margin: -.5rem!important
  }

  .mt-lg-n2,.my-lg-n2 {
      margin-top: -.5rem!important
  }

  .mr-lg-n2,.mx-lg-n2 {
      margin-right: -.5rem!important
  }

  .mb-lg-n2,.my-lg-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-lg-n2,.mx-lg-n2 {
      margin-left: -.5rem!important
  }

  .m-lg-n3 {
      margin: -1rem!important
  }

  .mt-lg-n3,.my-lg-n3 {
      margin-top: -1rem!important
  }

  .mr-lg-n3,.mx-lg-n3 {
      margin-right: -1rem!important
  }

  .mb-lg-n3,.my-lg-n3 {
      margin-bottom: -1rem!important
  }

  .ml-lg-n3,.mx-lg-n3 {
      margin-left: -1rem!important
  }

  .m-lg-n4 {
      margin: -1.5rem!important
  }

  .mt-lg-n4,.my-lg-n4 {
      margin-top: -1.5rem!important
  }

  .mr-lg-n4,.mx-lg-n4 {
      margin-right: -1.5rem!important
  }

  .mb-lg-n4,.my-lg-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-lg-n4,.mx-lg-n4 {
      margin-left: -1.5rem!important
  }

  .m-lg-n5 {
      margin: -3rem!important
  }

  .mt-lg-n5,.my-lg-n5 {
      margin-top: -3rem!important
  }

  .mr-lg-n5,.mx-lg-n5 {
      margin-right: -3rem!important
  }

  .mb-lg-n5,.my-lg-n5 {
      margin-bottom: -3rem!important
  }

  .ml-lg-n5,.mx-lg-n5 {
      margin-left: -3rem!important
  }

  .m-lg-auto {
      margin: auto!important
  }

  .mt-lg-auto,.my-lg-auto {
      margin-top: auto!important
  }

  .mr-lg-auto,.mx-lg-auto {
      margin-right: auto!important
  }

  .mb-lg-auto,.my-lg-auto {
      margin-bottom: auto!important
  }

  .ml-lg-auto,.mx-lg-auto {
      margin-left: auto!important
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
      margin:0!important
  }

  .mt-xl-0,.my-xl-0 {
      margin-top: 0!important
  }

  .mr-xl-0,.mx-xl-0 {
      margin-right: 0!important
  }

  .mb-xl-0,.my-xl-0 {
      margin-bottom: 0!important
  }

  .ml-xl-0,.mx-xl-0 {
      margin-left: 0!important
  }

  .m-xl-1 {
      margin: .25rem!important
  }

  .mt-xl-1,.my-xl-1 {
      margin-top: .25rem!important
  }

  .mr-xl-1,.mx-xl-1 {
      margin-right: .25rem!important
  }

  .mb-xl-1,.my-xl-1 {
      margin-bottom: .25rem!important
  }

  .ml-xl-1,.mx-xl-1 {
      margin-left: .25rem!important
  }

  .m-xl-2 {
      margin: .5rem!important
  }

  .mt-xl-2,.my-xl-2 {
      margin-top: .5rem!important
  }

  .mr-xl-2,.mx-xl-2 {
      margin-right: .5rem!important
  }

  .mb-xl-2,.my-xl-2 {
      margin-bottom: .5rem!important
  }

  .ml-xl-2,.mx-xl-2 {
      margin-left: .5rem!important
  }

  .m-xl-3 {
      margin: 1rem!important
  }

  .mt-xl-3,.my-xl-3 {
      margin-top: 1rem!important
  }

  .mr-xl-3,.mx-xl-3 {
      margin-right: 1rem!important
  }

  .mb-xl-3,.my-xl-3 {
      margin-bottom: 1rem!important
  }

  .ml-xl-3,.mx-xl-3 {
      margin-left: 1rem!important
  }

  .m-xl-4 {
      margin: 1.5rem!important
  }

  .mt-xl-4,.my-xl-4 {
      margin-top: 1.5rem!important
  }

  .mr-xl-4,.mx-xl-4 {
      margin-right: 1.5rem!important
  }

  .mb-xl-4,.my-xl-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-xl-4,.mx-xl-4 {
      margin-left: 1.5rem!important
  }

  .m-xl-5 {
      margin: 3rem!important
  }

  .mt-xl-5,.my-xl-5 {
      margin-top: 3rem!important
  }

  .mr-xl-5,.mx-xl-5 {
      margin-right: 3rem!important
  }

  .mb-xl-5,.my-xl-5 {
      margin-bottom: 3rem!important
  }

  .ml-xl-5,.mx-xl-5 {
      margin-left: 3rem!important
  }

  .p-xl-0 {
      padding: 0!important
  }

  .pt-xl-0,.py-xl-0 {
      padding-top: 0!important
  }

  .pr-xl-0,.px-xl-0 {
      padding-right: 0!important
  }

  .pb-xl-0,.py-xl-0 {
      padding-bottom: 0!important
  }

  .pl-xl-0,.px-xl-0 {
      padding-left: 0!important
  }

  .p-xl-1 {
      padding: .25rem!important
  }

  .pt-xl-1,.py-xl-1 {
      padding-top: .25rem!important
  }

  .pr-xl-1,.px-xl-1 {
      padding-right: .25rem!important
  }

  .pb-xl-1,.py-xl-1 {
      padding-bottom: .25rem!important
  }

  .pl-xl-1,.px-xl-1 {
      padding-left: .25rem!important
  }

  .p-xl-2 {
      padding: .5rem!important
  }

  .pt-xl-2,.py-xl-2 {
      padding-top: .5rem!important
  }

  .pr-xl-2,.px-xl-2 {
      padding-right: .5rem!important
  }

  .pb-xl-2,.py-xl-2 {
      padding-bottom: .5rem!important
  }

  .pl-xl-2,.px-xl-2 {
      padding-left: .5rem!important
  }

  .p-xl-3 {
      padding: 1rem!important
  }

  .pt-xl-3,.py-xl-3 {
      padding-top: 1rem!important
  }

  .pr-xl-3,.px-xl-3 {
      padding-right: 1rem!important
  }

  .pb-xl-3,.py-xl-3 {
      padding-bottom: 1rem!important
  }

  .pl-xl-3,.px-xl-3 {
      padding-left: 1rem!important
  }

  .p-xl-4 {
      padding: 1.5rem!important
  }

  .pt-xl-4,.py-xl-4 {
      padding-top: 1.5rem!important
  }

  .pr-xl-4,.px-xl-4 {
      padding-right: 1.5rem!important
  }

  .pb-xl-4,.py-xl-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-xl-4,.px-xl-4 {
      padding-left: 1.5rem!important
  }

  .p-xl-5 {
      padding: 3rem!important
  }

  .pt-xl-5,.py-xl-5 {
      padding-top: 3rem!important
  }

  .pr-xl-5,.px-xl-5 {
      padding-right: 3rem!important
  }

  .pb-xl-5,.py-xl-5 {
      padding-bottom: 3rem!important
  }

  .pl-xl-5,.px-xl-5 {
      padding-left: 3rem!important
  }

  .m-xl-n1 {
      margin: -.25rem!important
  }

  .mt-xl-n1,.my-xl-n1 {
      margin-top: -.25rem!important
  }

  .mr-xl-n1,.mx-xl-n1 {
      margin-right: -.25rem!important
  }

  .mb-xl-n1,.my-xl-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-xl-n1,.mx-xl-n1 {
      margin-left: -.25rem!important
  }

  .m-xl-n2 {
      margin: -.5rem!important
  }

  .mt-xl-n2,.my-xl-n2 {
      margin-top: -.5rem!important
  }

  .mr-xl-n2,.mx-xl-n2 {
      margin-right: -.5rem!important
  }

  .mb-xl-n2,.my-xl-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-xl-n2,.mx-xl-n2 {
      margin-left: -.5rem!important
  }

  .m-xl-n3 {
      margin: -1rem!important
  }

  .mt-xl-n3,.my-xl-n3 {
      margin-top: -1rem!important
  }

  .mr-xl-n3,.mx-xl-n3 {
      margin-right: -1rem!important
  }

  .mb-xl-n3,.my-xl-n3 {
      margin-bottom: -1rem!important
  }

  .ml-xl-n3,.mx-xl-n3 {
      margin-left: -1rem!important
  }

  .m-xl-n4 {
      margin: -1.5rem!important
  }

  .mt-xl-n4,.my-xl-n4 {
      margin-top: -1.5rem!important
  }

  .mr-xl-n4,.mx-xl-n4 {
      margin-right: -1.5rem!important
  }

  .mb-xl-n4,.my-xl-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-xl-n4,.mx-xl-n4 {
      margin-left: -1.5rem!important
  }

  .m-xl-n5 {
      margin: -3rem!important
  }

  .mt-xl-n5,.my-xl-n5 {
      margin-top: -3rem!important
  }

  .mr-xl-n5,.mx-xl-n5 {
      margin-right: -3rem!important
  }

  .mb-xl-n5,.my-xl-n5 {
      margin-bottom: -3rem!important
  }

  .ml-xl-n5,.mx-xl-n5 {
      margin-left: -3rem!important
  }

  .m-xl-auto {
      margin: auto!important
  }

  .mt-xl-auto,.my-xl-auto {
      margin-top: auto!important
  }

  .mr-xl-auto,.mx-xl-auto {
      margin-right: auto!important
  }

  .mb-xl-auto,.my-xl-auto {
      margin-bottom: auto!important
  }

  .ml-xl-auto,.mx-xl-auto {
      margin-left: auto!important
  }
}

@media (min-width: 1490px) {
  .m-xxl-0 {
      margin:0!important
  }

  .mt-xxl-0,.my-xxl-0 {
      margin-top: 0!important
  }

  .mr-xxl-0,.mx-xxl-0 {
      margin-right: 0!important
  }

  .mb-xxl-0,.my-xxl-0 {
      margin-bottom: 0!important
  }

  .ml-xxl-0,.mx-xxl-0 {
      margin-left: 0!important
  }

  .m-xxl-1 {
      margin: .25rem!important
  }

  .mt-xxl-1,.my-xxl-1 {
      margin-top: .25rem!important
  }

  .mr-xxl-1,.mx-xxl-1 {
      margin-right: .25rem!important
  }

  .mb-xxl-1,.my-xxl-1 {
      margin-bottom: .25rem!important
  }

  .ml-xxl-1,.mx-xxl-1 {
      margin-left: .25rem!important
  }

  .m-xxl-2 {
      margin: .5rem!important
  }

  .mt-xxl-2,.my-xxl-2 {
      margin-top: .5rem!important
  }

  .mr-xxl-2,.mx-xxl-2 {
      margin-right: .5rem!important
  }

  .mb-xxl-2,.my-xxl-2 {
      margin-bottom: .5rem!important
  }

  .ml-xxl-2,.mx-xxl-2 {
      margin-left: .5rem!important
  }

  .m-xxl-3 {
      margin: 1rem!important
  }

  .mt-xxl-3,.my-xxl-3 {
      margin-top: 1rem!important
  }

  .mr-xxl-3,.mx-xxl-3 {
      margin-right: 1rem!important
  }

  .mb-xxl-3,.my-xxl-3 {
      margin-bottom: 1rem!important
  }

  .ml-xxl-3,.mx-xxl-3 {
      margin-left: 1rem!important
  }

  .m-xxl-4 {
      margin: 1.5rem!important
  }

  .mt-xxl-4,.my-xxl-4 {
      margin-top: 1.5rem!important
  }

  .mr-xxl-4,.mx-xxl-4 {
      margin-right: 1.5rem!important
  }

  .mb-xxl-4,.my-xxl-4 {
      margin-bottom: 1.5rem!important
  }

  .ml-xxl-4,.mx-xxl-4 {
      margin-left: 1.5rem!important
  }

  .m-xxl-5 {
      margin: 3rem!important
  }

  .mt-xxl-5,.my-xxl-5 {
      margin-top: 3rem!important
  }

  .mr-xxl-5,.mx-xxl-5 {
      margin-right: 3rem!important
  }

  .mb-xxl-5,.my-xxl-5 {
      margin-bottom: 3rem!important
  }

  .ml-xxl-5,.mx-xxl-5 {
      margin-left: 3rem!important
  }

  .p-xxl-0 {
      padding: 0!important
  }

  .pt-xxl-0,.py-xxl-0 {
      padding-top: 0!important
  }

  .pr-xxl-0,.px-xxl-0 {
      padding-right: 0!important
  }

  .pb-xxl-0,.py-xxl-0 {
      padding-bottom: 0!important
  }

  .pl-xxl-0,.px-xxl-0 {
      padding-left: 0!important
  }

  .p-xxl-1 {
      padding: .25rem!important
  }

  .pt-xxl-1,.py-xxl-1 {
      padding-top: .25rem!important
  }

  .pr-xxl-1,.px-xxl-1 {
      padding-right: .25rem!important
  }

  .pb-xxl-1,.py-xxl-1 {
      padding-bottom: .25rem!important
  }

  .pl-xxl-1,.px-xxl-1 {
      padding-left: .25rem!important
  }

  .p-xxl-2 {
      padding: .5rem!important
  }

  .pt-xxl-2,.py-xxl-2 {
      padding-top: .5rem!important
  }

  .pr-xxl-2,.px-xxl-2 {
      padding-right: .5rem!important
  }

  .pb-xxl-2,.py-xxl-2 {
      padding-bottom: .5rem!important
  }

  .pl-xxl-2,.px-xxl-2 {
      padding-left: .5rem!important
  }

  .p-xxl-3 {
      padding: 1rem!important
  }

  .pt-xxl-3,.py-xxl-3 {
      padding-top: 1rem!important
  }

  .pr-xxl-3,.px-xxl-3 {
      padding-right: 1rem!important
  }

  .pb-xxl-3,.py-xxl-3 {
      padding-bottom: 1rem!important
  }

  .pl-xxl-3,.px-xxl-3 {
      padding-left: 1rem!important
  }

  .p-xxl-4 {
      padding: 1.5rem!important
  }

  .pt-xxl-4,.py-xxl-4 {
      padding-top: 1.5rem!important
  }

  .pr-xxl-4,.px-xxl-4 {
      padding-right: 1.5rem!important
  }

  .pb-xxl-4,.py-xxl-4 {
      padding-bottom: 1.5rem!important
  }

  .pl-xxl-4,.px-xxl-4 {
      padding-left: 1.5rem!important
  }

  .p-xxl-5 {
      padding: 3rem!important
  }

  .pt-xxl-5,.py-xxl-5 {
      padding-top: 3rem!important
  }

  .pr-xxl-5,.px-xxl-5 {
      padding-right: 3rem!important
  }

  .pb-xxl-5,.py-xxl-5 {
      padding-bottom: 3rem!important
  }

  .pl-xxl-5,.px-xxl-5 {
      padding-left: 3rem!important
  }

  .m-xxl-n1 {
      margin: -.25rem!important
  }

  .mt-xxl-n1,.my-xxl-n1 {
      margin-top: -.25rem!important
  }

  .mr-xxl-n1,.mx-xxl-n1 {
      margin-right: -.25rem!important
  }

  .mb-xxl-n1,.my-xxl-n1 {
      margin-bottom: -.25rem!important
  }

  .ml-xxl-n1,.mx-xxl-n1 {
      margin-left: -.25rem!important
  }

  .m-xxl-n2 {
      margin: -.5rem!important
  }

  .mt-xxl-n2,.my-xxl-n2 {
      margin-top: -.5rem!important
  }

  .mr-xxl-n2,.mx-xxl-n2 {
      margin-right: -.5rem!important
  }

  .mb-xxl-n2,.my-xxl-n2 {
      margin-bottom: -.5rem!important
  }

  .ml-xxl-n2,.mx-xxl-n2 {
      margin-left: -.5rem!important
  }

  .m-xxl-n3 {
      margin: -1rem!important
  }

  .mt-xxl-n3,.my-xxl-n3 {
      margin-top: -1rem!important
  }

  .mr-xxl-n3,.mx-xxl-n3 {
      margin-right: -1rem!important
  }

  .mb-xxl-n3,.my-xxl-n3 {
      margin-bottom: -1rem!important
  }

  .ml-xxl-n3,.mx-xxl-n3 {
      margin-left: -1rem!important
  }

  .m-xxl-n4 {
      margin: -1.5rem!important
  }

  .mt-xxl-n4,.my-xxl-n4 {
      margin-top: -1.5rem!important
  }

  .mr-xxl-n4,.mx-xxl-n4 {
      margin-right: -1.5rem!important
  }

  .mb-xxl-n4,.my-xxl-n4 {
      margin-bottom: -1.5rem!important
  }

  .ml-xxl-n4,.mx-xxl-n4 {
      margin-left: -1.5rem!important
  }

  .m-xxl-n5 {
      margin: -3rem!important
  }

  .mt-xxl-n5,.my-xxl-n5 {
      margin-top: -3rem!important
  }

  .mr-xxl-n5,.mx-xxl-n5 {
      margin-right: -3rem!important
  }

  .mb-xxl-n5,.my-xxl-n5 {
      margin-bottom: -3rem!important
  }

  .ml-xxl-n5,.mx-xxl-n5 {
      margin-left: -3rem!important
  }

  .m-xxl-auto {
      margin: auto!important
  }

  .mt-xxl-auto,.my-xxl-auto {
      margin-top: auto!important
  }

  .mr-xxl-auto,.mx-xxl-auto {
      margin-right: auto!important
  }

  .mb-xxl-auto,.my-xxl-auto {
      margin-bottom: auto!important
  }

  .ml-xxl-auto,.mx-xxl-auto {
      margin-left: auto!important
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,strong {
  font-weight: bolder
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

[type=button],[type=reset],[type=submit],button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Thin"),local("Roboto-Thin"),url(/fonts/Roboto-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Thin Italic"),local("Roboto-ThinItalic"),url(/fonts/Roboto-Thinitalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Light"),local("Roboto-Light"),url(/fonts/Robotolight.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Light Italic"),local("Roboto-LightItalic"),url(/fonts/Roboto-Lightitalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: Roboto;
  src: local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Italic"),local("Roboto-Italic"),url(/fonts/Roboto-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(/fonts/Roboto-Mediumitalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Bold"),local("Roboto-Bold"),url(/fonts/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(/fonts/Roboto-Bolditalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Black"),local("Roboto-Black"),url(/fonts/Roboto-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Black Italic"),local("Roboto-BlackItalic"),url(/fonts/Roboto-Blackitalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic
}

body {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  background: linear-gradient(0deg,#1c1f2d,#1c1f2d),#f2f4f9
}

body.no-scroll {
  height: 100%;
  overflow: hidden
}

.registration-container {
  max-width: 570px;
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
  background-color: transparent;
  border-radius: 11px;
  margin: auto
}

@media screen and (max-width: 767.98px) {
  .registration-container {
      margin-left:-15px;
      margin-right: -15px
  }
}

@media screen and (min-width: 576px) and (max-width:767.98px) {
  .registration-container .-group .select__active {
      width:380px
  }
}

a {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  color: #35b972;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px dashed transparent;
  letter-spacing: .01em
}

a.-angle:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  margin-left: 5px;
  background: url(../img/icons/arrow-green-right.svg) no-repeat center center;
  background-size: contain
}

.padding {
  padding-top: 90px;
  padding-bottom: 90px;
  padding-left: 160px;
  padding-right: 160px
}

.bg-gray {
  background-color: #f6f4f9
}

.bg-dark {
  background-color: #363945
}

.bg-dark .button {
  box-shadow: 0 4px 4px rgba(0,0,0,.1)!important
}

.border-radius {
  border-radius: 5px
}

.border-radius-big {
  border-radius: 11px
}

hr {
  border: 0;
  border-bottom: 1px solid #474f63
}

@media screen and (min-width: 576.98px) {
  .container {
      padding-top:50px;
      padding-bottom: 60px
  }
}

@media screen and (min-width: 768px) {
  .container {
      padding-top:30px;
      padding-bottom: 30px
  }
}

@media screen and (min-width: 992px) {
  .container {
      padding-top:30px;
      padding-bottom: 30px;
      padding-left: 40px;
      padding-right: 40px
  }
}

@media screen and (min-width: 1200px) {
  .container {
      padding-top:60px;
      padding-bottom: 45px;
      padding-left: 80px;
      padding-right: 80px
  }
}

@media screen and (min-width: 1490px) {
  .container {
      padding-top:120px;
      padding-bottom: 90px;
      padding-left: 160px;
      padding-right: 160px
  }
}

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
  padding-left: 0;
  padding-right: 0
}

.footer {
  padding: 73px 16px 0;
  border-top: 1px solid rgba(255,255,255,.05)
}

.footer__container {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto 50px;
  font-size: 12px;
  line-height: 18px;
  color: #7e859d
}

.footer__container a:hover {
  text-decoration: none;
  border-color: transparent
}

.footer__logo {
  grid-column: span 3
}

.footer__logo img {
  max-width: 160px;
  width: 100%
}

@media (max-width: 650px) {
  .footer__logo {
      grid-column:auto
  }
}

@media (max-width: 568px) {
  .footer__logo {
      margin-bottom:24px
  }
}

.footer__menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 230px;
  grid-row-gap: 72px;
  grid-column-gap: 15px;
  margin-bottom: 35px
}

@media (max-width: 650px) {
  .footer__menu {
      grid-template-columns:1fr 1fr
  }
}

@media (max-width: 568px) {
  .footer__menu {
      display:block
  }
}

.footer__social {
  display: flex;
  align-items: center
}

@media (max-width: 568px) {
  .footer__social {
      display:none
  }
}

.footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 8px;
  background-color: rgba(255,255,255,.05)
}

.footer__social a:hover {
  border-color: transparent;
  background-color: #4a8ded
}

.footer__social a:hover .icon__youtube {
  background-image: url(../img/icons/youtube-white.svg)
}

.footer__social a:hover .icon__facebook {
  background-image: url(../img/icons/facebook-white.svg)
}

.footer__social a:hover .icon__instagram {
  background-image: url(../img/icons/instagram-white.svg)
}

.footer__social a:hover .icon__twitter {
  background-image: url(../img/icons/twitter-white.svg)
}

.footer__social-mobile {
  display: none;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 35px
}

@media (max-width: 568px) {
  .footer__social-mobile {
      display:flex
  }
}

.footer__social-mobile a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 24px;
  border-radius: 8px;
  background-color: rgba(255,255,255,.05)
}

.footer__social-mobile a:hover {
  border-color: transparent;
  background-color: #4a8ded
}

.footer__social-mobile a:hover .icon__youtube {
  background-image: url(../img/icons/youtube-white.svg)
}

.footer__social-mobile a:hover .icon__facebook {
  background-image: url(../img/icons/facebook-white.svg)
}

.footer__social-mobile a:hover .icon__instagram {
  background-image: url(../img/icons/instagram-white.svg)
}

.footer__social-mobile a:hover .icon__twitter {
  background-image: url(../img/icons/twitter-white.svg)
}

@media (max-width: 568px) {
  .footer__links {
      margin-bottom:18px
  }
}

.footer__links ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.footer__links p.-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 6px
}

.footer__links a {
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #7e859d;
  margin-bottom: 6px
}

.footer__links a.-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #fff
}

.footer__links a.active {
  color: #4a8ded
}

.footer__links a:hover {
  color: #4a8ded
}

.footer__bottom {
  margin-top: 27px
}

.footer__bottom p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .01em;
  color: #7e859d;
  margin-bottom: 10px
}

.footer__bottom a {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .01em
}

.footer__copyright {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .01em;
  margin-top: 40px
}

.header {
  background-color: transparent;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

.header a {
  border: none
}

.header__buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
  position: relative
}

.header__button {
  padding: 18px 39px;
  margin-left: auto;
  color: #fff;
  background: #35b972;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap
}

.header__button:hover {
  background: #4fd38c
}

@media (max-width: 870px) {
  .header__button {
      padding:13px 15px;
      font-size: 12px;
      line-height: 16px
  }
}

@media (max-width: 768px) {
  .header__button {
      padding:18px 24px;
      font-size: 16px;
      line-height: 20px
  }
}

@media (max-width: 568px) {
  .header__button {
      padding:13px 24px;
      font-size: 12px;
      line-height: 16px
  }
}

.header__button-log-in {
  background: #444b5d;
  border-radius: 8px;
  padding: 18px 34px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  margin-right: 10px;
  color: #fff;
  cursor: pointer;
  white-space: nowrap
}

.header__button-log-in:hover {
  background: #474c5d;
  color: #fff
}

@media (max-width: 870px) {
  .header__button-log-in {
      padding:13px 15px;
      font-size: 12px;
      line-height: 16px
  }
}

@media (max-width: 768px) {
  .header__button-log-in {
      padding:18px 24px;
      font-size: 16px;
      line-height: 20px
  }
}

@media (max-width: 568px) {
  .header__button-log-in {
      padding:13px 24px;
      font-size: 12px;
      line-height: 16px
  }
}

.header__language {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
  padding: 19px 18px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 10px
}

.header__language svg {
  fill: #fff
}

.header__language.is-active {
  color: #2b99ff;
  background: rgba(255,255,255,.03);
  border-radius: 8px
}

.header__language.is-active svg {
  fill: #2b99ff
}

.header__language.is-active svg:last-child {
  rotate: 180deg
}

.header__language-text {
  margin: 0 8px;
  text-transform: uppercase
}

@media (max-width: 870px) {
  .header__language {
      display:none
  }
}

.header__menu {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: grid;
  grid-template-columns: 150px 1fr 1fr;
  grid-column-gap: 25px;
  align-items: center;
  justify-content: center
}

@media (max-width: 1224px) {
  .header__menu {
      max-width:873px;
      grid-template-columns: 150px 1fr 1fr
  }
}

@media (max-width: 870px) {
  .header__menu {
      padding:0 16px;
      grid-template-columns: 30px 1fr 48px;
      grid-column-gap: 7px
  }
}

.header__logo {
  width: 100%;
  vertical-align: middle
}

.header__logo:hover {
  border: none
}

@media (max-width: 870px) {
  .header__links {
      display:none
  }
}

.header__list {
  list-style-type: none;
  display: flex;
  padding: 0;
  cursor: pointer
}

.header__list--item {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  margin-right: 48px
}

.header__list--item.active::after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%,0);
  width: calc(100% + 10px);
  display: block;
  height: 4px;
  border-radius: 4px;
  border-bottom: 4px solid #4a8ded;
  box-shadow: 0 4px 10px rgba(2,111,211,.45)
}

.header__list--item a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
}

.header__list--item a:hover {
  font-weight: 700;
  color: #4a8ded;
  border: none
}

.header__list--item .active {
  color: #35b972
}

.header__list--item:hover>a {
  color: #4a8ded;
  font-weight: 700
}

.header__list--item.sub-menu-header{
  position: relative;
}

.header__list--item .sub-menu{
    position: absolute;
    background: #262b3c;
    padding: 20px;
    border-radius: 8px;
    display: none;
}

.header__list--item .sub-menu li{
  margin: 15px 0;
}

@media (max-width: 870px) {
  .header__list--item {
      margin-top:45px
  }
}

.header__mobile-button {
  display: none;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: 0 0;
  border: 0
}

@media (max-width: 870px) {
  .header__mobile-button {
      display:flex
  }
}

.header__mobile-container {
  display: none
}

.header__mobile-container__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px
}

.header__mobile-container__nav a {
  width: 100%;
  color: #fff!important
}

.header__mobile-container__nav a:hover {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.header__mobile-container__footer {
  font-size: 12px;
  line-height: 16px;
  color: rgba(255,255,255,.25);
  text-align: center;
  position: fixed;
  bottom: 40px;
  width: calc(100% - 32px)
}

.header__mobile-container__footer-language {
  width: 100%;
  padding: 14px 10px 14px 23px;
  background: #242939;
  border-radius: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 31px;
  text-align: left;
  display: flex;
  align-items: center
}

.header__mobile-container__footer-language__flag {
  display: flex;
  align-items: center;
  justify-content: center
}

.header__mobile-container__footer-language__flag svg {
  width: 24px!important;
  height: 24px!important;
  margin-right: 19px;
  fill: #fff
}

.header__mobile-container__footer-language svg {
  margin-left: auto
}

.header__mobile-block {
  margin-top: 27px
}

.header.is-mobile {
  height: 100vh;
  background-color: #1c1f2d
}

.header.is-mobile .header__mobile-container {
  display: block;
  grid-column: span 3
}

.media {
  display: inline-flex;
  margin-left: -30px;
  margin-right: -30px
}

@media screen and (max-width: 575.98px) {
  .media {
      flex-wrap:wrap;
      margin-left: -15px;
      margin-right: -15px
  }
}

.media__item {
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width: 575.98px) {
  .media__item {
      margin-bottom:15px;
      margin-left: 15px;
      margin-right: 15px
  }
}

.media__icon {
  min-width: 24px;
  margin-right: 15px
}

.media__icon.right {
  margin-left: 15px;
  margin-right: 0
}

.media__text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .01em;
  color: #5f636f
}

.img-error {
  padding-top: 80px;
  text-align: center
}

.img-error img {
  max-width: 100%;
  width: 490px
}

.error-title {
  margin-top: 0
}

@media screen and (max-width: 575.98px) {
  .error-title {
      margin-top:20px
  }
}

.scrolling-wrapper {
  overflow: hidden
}

.scrolling-wrapper__inner {
  width: 100%;
  padding: 0;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
  margin-bottom: -20px
}

.scrolling-wrapper__inner>div {
  min-width: 1010px
}

.icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  vertical-align: middle;
  position: relative
}

.icon-row {
  display: flex;
  justify-content: space-between
}

.icon__arrow-right-white {
  width: 14px;
  height: 8px;
  background-image: url(../img/icons/arrow-right-white.svg)
}

.icon__arrow-contact {
  width: 18px;
  height: 18px;
  background-image: url(../img/icons/arrow-contact.svg)
}

.icon__online-learning {
  width: 24px;
  height: 25px;
  background-image: url(../img/icons/online-learning.svg)
}

.icon__mind {
  width: 24px;
  height: 25px;
  background-image: url(../img/icons/mind.svg)
}

.icon__bubble-speak {
  width: 24px;
  height: 25px;
  background-image: url(../img/icons/bubble-speak.svg)
}

.icon__visa {
  width: 96px;
  height: 30px;
  background-image: url(../img/visa.svg)
}

.icon__mastercard {
  width: 72px;
  height: 58px;
  background-image: url(../img/mastercard.svg)
}

.icon__skrill {
  width: 92px;
  height: 32px;
  background-image: url(../img/icons/skrill.svg)
}

.icon__neteller {
  width: 117px;
  height: 22px;
  background-image: url(../img/icons/neteller.svg)
}

.icon__yandex {
  width: 128px;
  height: 58px;
  background-image: url(../img/icons/yandex.svg)
}

.icon__webmoney {
  width: 125px;
  height: 30px;
  background-image: url(../img/icons/webmoney.svg)
}

.icon__qiwi {
  width: 131px;
  height: 60px;
  background-image: url(../img/icons/qiwi.svg)
}

.icon__rupay {
  width: 126px;
  height: 58px;
  background-image: url(../img/icons/rupay.svg)
}

.icon__airtel {
  width: 138px;
  height: 58px;
  background-image: url(../img/icons/airtel.svg)
}

.icon__olamoney {
  width: 44px;
  height: 44px;
  background-image: url(../img/icons/olamoney.svg)
}

.icon__upi {
  width: 84px;
  height: 58px;
  background-image: url(../img/icons/upi.svg)
}

.icon__mobikwik {
  width: 44px;
  height: 44px;
  background-image: url(../img/icons/mobikwik.svg)
}

.icon__paytm {
  width: 126px;
  height: 58px;
  background-image: url(../img/icons/paytm.svg)
}

.icon__bank_indian {
  width: 143px;
  height: 58px;
  background-image: url(../img/icons/bank_indian.svg)
}

.icon__bni {
  width: 126px;
  height: 58px;
  background-image: url(../img/icons/bni.svg)
}

.icon__doku {
  width: 58px;
  height: 58px;
  background-image: url(../img/icons/doku.svg)
}

.icon__mandiri {
  width: 124px;
  height: 58px;
  background-image: url(../img/icons/mandiri.svg)
}

.icon__danamon {
  width: 151px;
  height: 58px;
  background-image: url(../img/icons/danamon.svg)
}

.icon__bank_indonesian {
  width: 157px;
  height: 58px;
  background-image: url(../img/icons/bank_indonesian.svg)
}

.icon__pix {
  width: 142px;
  height: 58px;
  background-image: url(../img/icons/pix.svg)
}

.icon__paylivre {
  width: 211px;
  height: 58px;
  background-image: url(../img/icons/paylivre.svg)
}

.icon__itau {
  width: 58px;
  height: 58px;
  background-image: url(../img/icons/itau.svg)
}

.icon__advcash {
  width: 157px;
  height: 58px;
  background-image: url(../img/advcash.svg)
}

.icon__maybank {
  width: 208px;
  height: 58px;
  background-image: url(../img/icons/maybank.svg)
}

.icon__rhb_bank {
  width: 100px;
  height: 58px;
  background-image: url(../img/icons/rhb_bank.svg)
}

.icon__cimb {
  width: 138px;
  height: 58px;
  background-image: url(../img/icons/cimb.svg)
}

.icon__hong_leon {
  width: 218px;
  height: 58px;
  background-image: url(../img/icons/hong_leon.svg)
}

.icon__public_bank {
  width: 132px;
  height: 58px;
  background-image: url(../img/icons/public_bank.svg)
}

.icon__bank_malasia {
  width: 148px;
  height: 58px;
  background-image: url(../img/icons/bank_malasia.svg)
}

.icon__promptpay {
  width: 130px;
  height: 58px;
  background-image: url(../img/icons/promptpay.svg)
}

.icon__perfect_money {
  width: 239px;
  height: 58px;
  background-image: url(../img/perfect_money.svg)
}

.icon__bank_thailand {
  width: 151px;
  height: 58px;
  background-image: url(../img/icons/bank_thailand.svg)
}

.icon__grabpay {
  width: 58px;
  height: 58px;
  background-image: url(../img/icons/grabpay.svg)
}

.icon__gcash {
  width: 197px;
  height: 58px;
  background-image: url(../img/icons/gcash.svg)
}

.icon__paymaya {
  width: 226px;
  height: 58px;
  background-image: url(../img/icons/paymaya.svg)
}

.icon__coins_ph {
  width: 190px;
  height: 58px;
  background-image: url(../img/icons/coins_ph.svg)
}

.icon__momo {
  width: 58px;
  height: 58px;
  background-image: url(../img/icons/momo.svg)
}

.icon__bank_vietnam {
  width: 151px;
  height: 58px;
  background-image: url(../img/icons/bank_vietnam.svg)
}

.icon__yomoney {
  width: 147px;
  height: 58px;
  background-image: url(../img/icons/yomoney.svg)
}

.icon__fkwallet {
  width: 58px;
  height: 58px;
  background-image: url(../img/icons/fkwallet.svg)
}

.icon__piastrix {
  width: 126px;
  height: 58px;
  background-image: url(../img/icons/piastrix.svg)
}

.icon__analytics {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/analytics.svg)
}

.icon__diagram {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/diagram.svg)
}

.icon__graph {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/graph.svg)
}

.icon__award {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/award.svg)
}

.icon__rocket {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/rocket.svg)
}

.icon__businessman {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/businessman.svg)
}

.icon__youtube {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/youtube.svg)
}

.icon__facebook {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/facebook.svg)
}

.icon__instagram {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/instagram.svg)
}

.icon__twitter {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/twitter.svg)
}

.icon__youtube-white {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/youtube-white.svg)
}

.icon__facebook-white {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/facebook-white.svg)
}

.icon__instagram-white {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/instagram-white.svg)
}

.icon__twitter-white {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/twitter-white.svg)
}

.icon__arrow-dark-down {
  width: 9px;
  height: 9px;
  background-image: url(../img/icons/arrow-dark-down.svg)
}

.icon__arrow-white-down {
  width: 10px;
  height: 10px;
  background-image: url(../img/icons/arrow-white-down.svg)
}

.icon__english {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/english.svg)
}

.icon__russia {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/russia.svg)
}

.icon__portugal {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/portugal.svg)
}

.icon__spain {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/spain.svg)
}

.icon__italian {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/italian.svg)
}

.icon__poland {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/poland.svg)
}

.icon__france {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/france.svg)
}

.icon__deutsch {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/deutsch.svg)
}

.icon__indonesian {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/indonesian.svg)
}

.icon__ukraine {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/ukraine.svg)
}

.icon__china {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/china.svg)
}

.icon__turkey {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/turkey.svg)
}

.icon__indonesian {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/indonesian.svg)
}

.icon__india {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/india.svg)
}

.icon__iran {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/iran.svg)
}

.icon__thailand {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/thailand.svg)
}

.icon__saudi {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/saudi.svg)
}

.icon__vietnam {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/vietnam.svg)
}

.icon__malay {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/malay.svg)
}

.icon__philippines {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/philippines.svg)
}

.icon__brazil {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/brazil.svg)
}

.icon__japan {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/japan.svg)
}

.icon__bangladesh {
  width: 16px;
  height: 16px;
  background-image: url(../img/countries/bangladesh.svg)
}

.icon__article {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/article.svg)
}

.icon__video {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/video.svg)
}

.icon__facebook-color {
  width: 32px;
  height: 32px;
  background-image: url(../img/icons/facebook-color.svg)
}

.icon__google-color {
  width: 32px;
  height: 32px;
  background-image: url(../img/icons/google-color.svg)
}

.icon__vk-color {
  width: 32px;
  height: 32px;
  background-image: url(../img/icons/vk-color.svg)
}

.icon__facebook-login {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/facebook-login.svg)
}

.icon__google {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/google.svg)
}

.icon__vk {
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/vk.svg)
}

.icon__error {
  width: 48px;
  height: 48px;
  background-image: url(../img/icons/error.svg)
}

.icon__tw-blue {
  width: 20px;
  height: 20px;
  background-image: url(../img/icons/tw-blue.svg)
}

.icon__tg-blue {
  width: 20px;
  height: 20px;
  background-image: url(../img/icons/tg-blue.svg)
}

.icon__inst-blue {
  width: 20px;
  height: 20px;
  background-image: url(../img/icons/inst-blue.svg)
}

.icon__fb-blue {
  width: 20px;
  height: 20px;
  background-image: url(../img/icons/fb-blue.svg)
}

.h1,h1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
  color: #fff
}

@media (max-width: 567px) {
  .h1,h1 {
      font-size:20px;
      line-height: 24px
  }
}

.h2,h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: #fff
}

@media (max-width: 567px) {
  .h2,h2 {
      font-size:20px;
      line-height: 24px
  }
}

.h3,h3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #fff
}

@media (max-width: 567px) {
  .h3,h3 {
      font-size:16px;
      line-height: 20px
  }
}

.h4,h4 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: .01em;
  color: #363945
}

.h5,h5 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: .01em;
  color: #5f636f
}

.h6,h6 {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .01em;
  color: #5f636f
}

.text-white {
  color: #fff!important
}

.text-center {
  text-align: center!important
}

.text-left {
  text-align: left!important
}

.text-right {
  text-align: right!important
}

.text-justify {
  text-align: justify!important
}

@media screen and (max-width: 575.98px) {
  .list,ul.list {
      padding-left:15px
  }
}

.list li,ul.list li {
  position: relative;
  color: #35b972;
  margin-bottom: 30px
}

.list li span,ul.list li span {
  color: rgba(16,16,16,.95)
}

@media screen and (max-width: 575.98px) {
  .list li,ul.list li {
      margin-bottom:10px
  }

  .list li p,ul.list li p {
      margin-top: 10px;
      margin-bottom: 10px
  }
}

.list__title,ul.list__title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .01em;
  color: #434a5c
}

.list p,ul.list p {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin: 10px 0 0 0;
  letter-spacing: .01em;
  color: #5f636f
}

p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  color: rgba(255,255,255,.7)
}

@media (max-width: 1023px) {
  p {
      font-size:14px;
      line-height: 18px
  }
}

h1,h2,h3,h4,h5,h6 {
  margin: 0
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 40px
}

.ttu {
  text-transform: uppercase
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #7f7f7f;
  padding-left: 23px;
  padding-right: 23px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .03em;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.button .icon {
  margin-left: 9px;
  max-width: 16px
}

.button .icon.right {
  margin-left: 0;
  margin-right: 9px
}

.button:hover {
  text-decoration: none
}

.button.-big {
  min-height: 60px;
  letter-spacing: .05em;
  padding-left: 28px;
  padding-right: 28px
}

.button.-primary {
  background-color: #35b972;
  border-color: #35b972;
  color: #fff;
  box-shadow: 0 4px 12px #b9d6c6
}

.button.-primary:hover {
  background-color: #4fd38c;
  border-color: #4fd38c
}

.button.countries__trigger:hover {
  border-color: #4fd38c
}

.button.-danger {
  background-color: #e26e61;
  border-color: #e26e61;
  color: #fff;
  box-shadow: 0 4px 12px #b9d6c6
}

.button.-danger:hover {
  background-color: #f3887c;
  border-color: #f3887c
}

.button.-link {
  color: #7e859d;
  border: 2px solid #e2ddea;
  background-color: transparent
}

.button.-link:hover {
  color: #35b972
}

.button.-ar-left:before {
  content: "";
  display: inline-block;
  background-image: url(../img/icons/arrow-dark-left.svg);
  width: 8px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px
}

.button.-ar-right:after {
  content: "";
  display: inline-block;
  background-image: url(../img/icons/arrow-dark-right.svg);
  width: 8px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px
}

.button.-no-border {
  border-color: transparent!important
}

.button.-no-border:hover {
  border-color: transparent!important
}

.button-group {
  position: relative
}

.button-group>.button:not(:first-child) {
  margin-left: 30px
}

.button-group>.button:not(:first-child).right {
  margin-left: 0;
  margin-right: 30px
}

button {
  outline: transparent
}

@media screen and (max-width: 575.98px) {
  .button {
      width:100%
  }

  .button-group>.button:not(:first-child) {
      margin-left: 0;
      margin-top: 15px
  }
}

.content__inner {
  width: 100%;
  margin: auto;
  box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
}

.tabs {
  position: relative
}

.tabs__nav {
  position: relative
}

@media screen and (max-width: 991.98px) {
  .tabs__nav {
      min-width:680px!important;
      max-width: 680px!important
  }
}

.tabs__nav-decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transition: width .2s linear 0s,transform .2s ease-out 0s;
  border-bottom: 1px solid #35b972;
  z-index: 1
}

.tabs__nav-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  z-index: 5;
  padding-left: 0;
  margin-top: 15px;
  margin-bottom: 0
}

.tabs__nav-item {
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: .01em;
  color: #a6aec7;
  padding: 15px;
  cursor: pointer;
  white-space: nowrap
}

.tabs__nav-item.js-active {
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: linear;
  transition-delay: 50ms;
  color: #35b972
}

.tabs__panels {
  position: relative;
  margin-top: 25px;
  min-height: 470px
}

@media screen and (max-width: 575.98px) {
  .tabs__panels {
      min-width:590px!important;
      max-width: 590px!important;
      min-height: 300px
  }
}

.tabs__panel {
  position: absolute;
  top: 0;
  left: 0;
  transition: none;
  transform: scale(.99);
  width: 100%;
  opacity: 0
}

.tabs__panel.js-active {
  transition: all .25s linear 0s;
  transform: scale(1);
  opacity: 1;
  z-index: 999
}

.tabs__panel-card {
  display: flex;
  margin-bottom: 30px;
  padding: 15px
}

.tabs__panel-card:last-child {
  margin-bottom: 0
}

.tabs__panel-table {
  width: 100%;
  table-layout: fixed
}

.tabs__panel-table th {
  text-align: left;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .05em;
  font-variant: small-caps;
  color: #a6aec7
}

@media screen and (max-width: 575.98px) {
  .tabs__panel-table th {
      font-size:14px;
      line-height: 16px
  }
}

.tabs__panel-table td,.tabs__panel-table th {
  width: 100%;
  height: 50px
}

@media screen and (max-width: 575.98px) {
  .tabs__panel-table th {
      height:32px;
      vertical-align: top
  }
}

.tabs__panel-table td {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .01em;
  color: #363945
}

@media screen and (max-width: 575.98px) {
  .tabs__panel-table td {
      font-size:14px;
      height: 28px
  }
}

.tabs__panel-table td.up {
  color: #35b972
}

.tabs__panel-table td.up:after {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 5px;
  top: 2px;
  width: 14px;
  height: 13px;
  background: url(../img/icons/arrow-green-up.svg)
}

.tabs__panel-table td.down {
  color: #e26e61
}

.tabs__panel-table td.down:after {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 5px;
  top: 2px;
  width: 14px;
  height: 13px;
  background: url(../img/icons/arrow-red-down.svg)
}

.tabs__panel-table tbody td {
  border-bottom: 1px solid #e2ddea
}

.chart {
  background: linear-gradient(to bottom,var(--page-bg-color-0) 35%,var(--page-bg-color-100) 20%)
}

.chart p {
  padding-top: 5px;
  padding-bottom: 5px
}

.chart__wrapper {
  padding-top: 60px;
  padding-bottom: 80px;
  border-radius: 11px
}

@media screen and (max-width: 991.98px) {
  .chart__wrapper {
      padding-top:25px;
      padding-bottom: 30px
  }
}

@media screen and (max-width: 575.98px) {
  .chart__wrapper {
      border-radius:0
  }
}

.chart__container {
  display: block;
  position: relative;
  max-width: 970px;
  max-height: 470px;
  width: 100%;
  margin: auto
}

.chart__steps {
  padding-top: 70px;
  padding-bottom: 100px
}

@media screen and (max-width: 575.98px) {
  .chart__steps {
      padding-top:20px;
      padding-bottom: 40px
  }

  .chart__steps .h2 {
      margin-bottom: 5px
  }
}

.chart__step {
  display: flex;
  align-items: flex-start;
  margin-top: 15px
}

@media screen and (max-width: 575.98px) {
  .chart__step {
      flex-direction:column;
      align-items: center;
      margin-bottom: 15px
  }
}

.chart__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  margin-right: 20px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .01em;
  border-radius: 7px
}

@media screen and (max-width: 575.98px) {
  .chart__number {
      margin-right:0
  }
}

.chart__number.-green {
  color: #35b972;
  background-color: #e1f8eb
}

.chart__number.-red {
  color: #e26e61;
  background-color: #fcebe9
}

.chart__number.-blue {
  color: #4a8ded;
  background-color: #e2eaf7
}

.chart__number.right {
  margin-right: 0;
  margin-left: 20px
}

.chart__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start
}

@media screen and (max-width: 575.98px) {
  .chart__body a {
      text-align:center
  }
}

.chart__title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: .01em;
  margin-top: 15px
}

@media screen and (max-width: 575.98px) {
  .chart__title {
      margin-top:10px;
      text-align: center
  }
}

.chart__text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .01em;
  color: #5f636f;
  margin-top: 15px;
  margin-bottom: 5px
}

@media screen and (max-width: 575.98px) {
  .chart__text {
      margin-bottom:10px;
      text-align: center
  }
}

.chart .button-group {
  display: flex;
  justify-content: center
}

@media screen and (max-width: 575.98px) {
  .chart .button-group {
      flex-wrap:wrap
  }

  .chart .button-group>.button:not(:first-child) {
      margin-top: 10px
  }
}

.chart__scene {
  min-height: 130px;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  padding-top: 5px;
  padding-right: 160px;
  padding-left: 160px
}

@media screen and (max-width: 1489.98px) {
  .chart__scene {
      padding-right:80px;
      padding-left: 80px
  }
}

@media screen and (max-width: 991.98px) {
  .chart__scene {
      padding-right:15px;
      padding-left: 15px
  }
}

@media screen and (max-width: 767.98px) {
  .chart__scene {
      flex-wrap:wrap;
      padding-top: 20px;
      padding-left: 0;
      padding-right: 0
  }
}

.chart__scene p {
  margin-top: 0;
  margin-bottom: 15px
}

.chart__scene#sceneOne {
  display: none
}

.chart__scene#sceneOne.is-active {
  display: block
}

.chart__scene#sceneFive,.chart__scene#sceneFour,.chart__scene#sceneThree,.chart__scene#sceneTwo {
  display: none
}

.chart__scene#sceneFive.is-active,.chart__scene#sceneFour.is-active,.chart__scene#sceneThree.is-active,.chart__scene#sceneTwo.is-active {
  display: flex
}

.chart__scene--w8 {
  width: 100%;
  text-align: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .015em;
  color: #fff
}

.chart__scene--income {
  display: flex;
  align-self: center;
  justify-content: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .015em;
  color: #fff;
  margin-right: 90px
}

.chart__scene--income span {
  display: flex;
  align-self: center;
  justify-content: center
}

@media screen and (max-width: 1489.98px) {
  .chart__scene--income {
      margin-right:30px
  }
}

@media screen and (max-width: 767.98px) {
  .chart__scene--income {
      max-width:50%;
      order: 2;
      margin-top: 15px
  }
}

@media screen and (max-width: 575.98px) {
  .chart__scene--income {
      min-width:100%;
      margin-left: 0;
      margin-right: 0
  }
}

.chart__scene--info {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .015em;
  color: #fff;
  margin-right: 10px;
  text-align: right
}

@media screen and (max-width: 767.98px) {
  .chart__scene--info {
      max-width:100%;
      width: 100%;
      min-width: 100%;
      order: 1;
      text-align: center
  }
}

.chart__scene--action {
  display: flex;
  justify-content: flex-end;
  min-width: 240px
}

@media screen and (max-width: 767.98px) {
  .chart__scene--action {
      max-width:50%;
      width: 50%;
      min-width: 50%;
      order: 3;
      margin-top: 15px
  }
}

@media screen and (max-width: 575.98px) {
  .chart__scene--action {
      min-width:100%;
      margin-left: 0;
      margin-right: 0
  }
}

.chart__scene--value {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  font-size: 44px;
  line-height: 38px;
  letter-spacing: .01em;
  color: #f9aa64
}

.chart__scene--text-right {
  text-align: right;
  margin-right: 30px
}

.chart__inner {
  margin: auto;
  display: flex;
  justify-content: center
}

.chart__inner>svg {
  max-width: 100%;
  height: auto
}

#svgChart.down #chartBgFill {
  fill: #0048b4
}

#chartVerticalLine {
  opacity: 0
}

#svgChart.down #chartVerticalLine,#svgChart.up #chartVerticalLine {
  opacity: 1
}

#chartCurveLine.animate {
  stroke-dasharray: 467;
  stroke-dashoffset: 0;
  -webkit-animation: dash 5s linear alternate;
  animation: dash 5s linear alternate
}

.chartArrows {
  -webkit-animation: pulse 1.5s infinite ease-in-out;
  animation: pulse 1.5s infinite ease-in-out
}

#svgChart.down .chartArrows,#svgChart.up .chartArrows {
  -webkit-animation: none;
  animation: none;
  opacity: 0
}

.chartCircleInner,.chartCircleOuter,.chartCurveLine,.chartVerticalLine {
  transition: all ease-in-out .15s
}

@-webkit-keyframes dash {
  from {
      stroke-dashoffset: 467
  }

  to {
      stroke-dashoffset: 0
  }
}

@keyframes dash {
  from {
      stroke-dashoffset: 467
  }

  to {
      stroke-dashoffset: 0
  }
}

@-webkit-keyframes pulse {
  0% {
      opacity: .2
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: .2
  }
}

@keyframes pulse {
  0% {
      opacity: .2
  }

  50% {
      opacity: 1
  }

  100% {
      opacity: .2
  }
}

.dropdown {
  position: relative
}

.dropdown__trigger {
  position: relative;
  display: inline-flex
}

.dropdown__trigger:hover>.dropdown__menu {
  display: block
}

.dropdown__trigger:hover+.dropdown__menu {
  display: block
}

.dropdown__menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding: 20px;
  position: absolute;
  top: 100%;
  z-index: 20;
  margin: 0;
  list-style-type: none;
  padding-left: 0;
  background: #fff;
  box-shadow: 0 8px 16px rgba(177,183,211,.25);
  border-radius: 7px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

#nav-icon {
  width: 24px;
  height: 24px;
  margin: auto;
  display: grid;
  place-items: center;
  overflow: hidden;
  transform: rotate(0);
  transition: .5s ease-in-out;
  cursor: pointer
}

#nav-icon span {
  display: block;
  height: 3px;
  width: 18px;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0);
  transition: .25s ease-in-out
}

#nav-icon.open span:nth-child(1) {
  transform-origin: center center;
  transform: rotate(-45deg) translate(-20%,160%)
}

#nav-icon.open span:nth-child(2) {
  transform-origin: center center;
  transform: rotate(45deg) translate(-20%,-160%)
}

.quotex-logo {
  display: block;
  height: 30px;
  width: 150px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  background-image: url(../img/quotex_logo.svg)
}

@media (max-width: 765px) {
  .quotex-logo {
      background-image:url(../img/quotex_logo-white-mobile.svg);
      width: 40px
  }
}

@media screen and (max-width: 991.98px) {
  .payment-system {
      margin-top:30px;
      margin-bottom: 80px
  }
}

@media screen and (max-width: 575.98px) {
  .data-tables {
      padding-top:35px;
      padding-bottom: 30px
  }
}

.countries__menu {
  display: none;
  position: absolute;
  top: 65px;
  left: 0;
  right: auto;
  padding: 5px;
  background: #494f65;
  color: #fff;
  border-radius: 6px;
  z-index: 999
}

@media (max-width: 870px) {
  .countries__menu {
      top:auto!important;
      bottom: 115px;
      left: 0
  }
}

.countries__menu.right {
  left: 0;
  right: auto
}

.countries__menu.mobile {
  display: none
}

.countries__menu.is-active {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-column-gap: 15px;
  max-width: 270px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff
}

@media (max-width: 870px) {
  .countries__menu.is-active {
      max-width:100%;
      text-align: left
  }
}

.countries__menu i {
  margin-right: 14px
}

.countries__menu i.right {
  margin-left: 10px;
  margin-right: 0
}

.countries__menu a {
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  flex: 0 0 25%;
  padding: 15px 10px 15px 21px;
  color: #fff
}

.countries__menu a:hover {
  color: #fff;
  background: #353a4d;
  border-radius: 6px
}

.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(59,66,84,.94)
}

.cookie-bar .container {
  padding-top: 0;
  padding-bottom: 0
}

.cookie-bar .row {
  align-items: center
}

.cookie-bar__text {
  margin: 0;
  color: #a6aec7;
  font-size: 12px;
  line-height: 16px
}

.cookie-bar__button {
  padding: 18px 28px;
  color: #fff;
  background-color: #555e76;
  border: 1px solid #3b4254;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .05em;
  font-variant: all-small-caps;
  cursor: pointer;
  transition: background-color .2s ease
}

.cookie-bar__button:hover {
  background-color: #4f576d
}

:root {
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-font-size: 12px;
  --balloon-move: 4px
}

button[aria-label][data-balloon-pos] {
  overflow: visible
}

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer
}

[aria-label][data-balloon-pos]:after {
  opacity: 0;
  pointer-events: none;
  transition: all .18s ease-out .18s;
  text-indent: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: none;
  font-size: var(--balloon-font-size);
  background: var(--balloon-color);
  border-radius: 2px;
  color: #fff;
  content: attr(aria-label);
  padding: .5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10
}

[aria-label][data-balloon-pos]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: var(--balloon-color);
  opacity: 0;
  pointer-events: none;
  transition: all .18s ease-out .18s;
  content: "";
  position: absolute;
  z-index: 10
}

[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before,[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after,[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,[aria-label][data-balloon-pos][data-balloon-visible]:after,[aria-label][data-balloon-pos][data-balloon-visible]:before {
  opacity: 1;
  pointer-events: none
}

[aria-label][data-balloon-pos].font-awesome:after {
  font-family: FontAwesome,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif
}

[aria-label][data-balloon-pos][data-balloon-break]:after {
  white-space: pre
}

[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
  white-space: pre-line;
  word-break: break-word
}

[aria-label][data-balloon-pos][data-balloon-blunt]:after,[aria-label][data-balloon-pos][data-balloon-blunt]:before {
  transition: none
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 10px;
  transform: translate(-50%,var(--balloon-move));
  transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:before {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%,var(--balloon-move));
  transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:after {
  transform: translate(-50%,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=up][data-balloon-visible]:before {
  transform: translate(-50%,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:after {
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
  transform: translate(0,var(--balloon-move));
  transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:before {
  bottom: 100%;
  left: 5px;
  transform: translate(0,var(--balloon-move));
  transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up-left][data-balloon-visible]:after {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=up-left]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=up-left][data-balloon-visible]:before {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:after {
  bottom: 100%;
  right: 0;
  margin-bottom: 10px;
  transform: translate(0,var(--balloon-move));
  transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:before {
  bottom: 100%;
  right: 5px;
  transform: translate(0,var(--balloon-move));
  transform-origin: top
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up-right][data-balloon-visible]:after {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=up-right]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=up-right][data-balloon-visible]:before {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:after {
  left: 50%;
  margin-top: 10px;
  top: 100%;
  transform: translate(-50%,calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: var(--balloon-color);
  left: 50%;
  top: 100%;
  transform: translate(-50%,calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:after {
  transform: translate(-50%,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:after {
  left: 0;
  margin-top: 10px;
  top: 100%;
  transform: translate(0,calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: var(--balloon-color);
  left: 5px;
  top: 100%;
  transform: translate(0,calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=down-left][data-balloon-visible]:after {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down-left]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=down-left][data-balloon-visible]:before {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:after {
  right: 0;
  margin-top: 10px;
  top: 100%;
  transform: translate(0,calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: var(--balloon-color);
  right: 5px;
  top: 100%;
  transform: translate(0,calc(var(--balloon-move) * -1))
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=down-right][data-balloon-visible]:after {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=down-right]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=down-right][data-balloon-visible]:before {
  transform: translate(0,0)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:after {
  margin-right: 10px;
  right: 100%;
  top: 50%;
  transform: translate(var(--balloon-move),-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: var(--balloon-color);
  right: 100%;
  top: 50%;
  transform: translate(var(--balloon-move),-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:after {
  transform: translate(0,-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=left]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=left][data-balloon-visible]:before {
  transform: translate(0,-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:after {
  left: 100%;
  margin-left: 10px;
  top: 50%;
  transform: translate(calc(var(--balloon-move) * -1),-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: var(--balloon-color);
  left: 100%;
  top: 50%;
  transform: translate(calc(var(--balloon-move) * -1),-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:after {
  transform: translate(0,-50%)
}

[aria-label][data-balloon-pos][data-balloon-pos=right]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos=right][data-balloon-visible]:before {
  transform: translate(0,-50%)
}

[aria-label][data-balloon-pos][data-balloon-length=small]:after {
  white-space: normal;
  width: 80px
}

[aria-label][data-balloon-pos][data-balloon-length=medium]:after {
  white-space: normal;
  width: 150px
}

[aria-label][data-balloon-pos][data-balloon-length=large]:after {
  white-space: normal;
  width: 260px
}

[aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
  white-space: normal;
  width: 380px
}

@media screen and (max-width: 768px) {
  [aria-label][data-balloon-pos][data-balloon-length=xlarge]:after {
      white-space:normal;
      width: 90vw
  }
}

[aria-label][data-balloon-pos][data-balloon-length=fit]:after {
  white-space: normal;
  width: 100%
}

.tooltip-danger {
  --balloon-color: #E26E61
}

.tooltip-danger[aria-label][data-balloon-pos][data-balloon-pos=up-left]:before {
  left: -4px;
  bottom: calc(100% - 10px);
  border: 10px solid transparent;
  border-top: 10px solid var(--balloon-color)
}

.tooltip-danger[aria-label][data-balloon-pos][data-balloon-pos=up-left]:after {
  left: -44px;
  padding: 10px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em;
  color: #fff;
  box-shadow: 0 4px 4px rgba(184,104,95,.15);
  border-radius: 6px
}

.tooltip-danger[aria-label][data-balloon-pos][data-balloon-pos=up-left][data-balloon-hide]:after,.tooltip-danger[aria-label][data-balloon-pos][data-balloon-pos=up-left][data-balloon-hide]:before {
  opacity: 0!important;
  transform: translate(0,var(--balloon-move))!important
}

.alert {
  margin: 0 0 20px;
  padding-left: 24px;
  position: relative;
  color: #e26e61;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em
}

.alert:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(../img/icons/alert.svg);
  background-repeat: no-repeat;
  background-position: center
}

.hint {
  margin: 0 0 30px;
  padding: 18px 25px;
  position: relative;
  color: #353a4d;
  background-color: rgba(2,111,211,.05);
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  text-align: left
}

.hint:before {
  content: '';
  position: absolute;
  bottom: 9px;
  width: 2px;
  left: 0;
  top: 9px;
  background-color: #026fd3;
  border-radius: 1px
}

.hint:last-of-type {
  margin-bottom: 18px
}

.hint a {
  font-size: 12px;
  line-height: 16px
}

.hint.-danger {
  color: #db4635;
  background-color: rgba(219,70,53,.05)
}

.hint.-danger:before {
  background-color: #db4635
}

.hint.-success {
  color: #0faf59;
  background-color: rgba(15,175,89,.05)
}

.hint.-success:before {
  background-color: #0faf59
}

.breadcrumbs {
  background: #f6f4f9;
  height: 80px
}

.breadcrumbs .container {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0
}

.breadcrumbs ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style-type: none;
  height: 100%
}

.breadcrumbs li {
  padding-right: 10px;
  padding-left: 10px
}

.breadcrumbs li.right:after {
  right: auto;
  left: -10px
}

.breadcrumbs li.right:first-child {
  padding-right: 0;
  padding-left: 10px
}

.breadcrumbs li.right:last-child {
  padding-left: 0;
  padding-right: 10px
}

.breadcrumbs li.right:last-child:after {
  content: none
}

.breadcrumbs li:after {
  content: "-";
  display: inline-block;
  position: relative;
  right: -10px
}

.breadcrumbs li:first-child {
  padding-left: 0
}

.breadcrumbs li:last-child {
  padding-right: 0
}

.breadcrumbs li:last-child:after {
  content: none
}

.breadcrumbs li.is-active a {
  color: #363945
}

.breadcrumbs a {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: .05em;
  font-variant: small-caps;
  color: #a6aec7
}

.breadcrumbs a:hover {
  text-decoration: none;
  border-bottom: none
}

.page-content .h1,.page-content h1 {
  margin-top: 38px;
  margin-bottom: .67em
}

.page-content .h2,.page-content h2 {
  margin-top: 40px;
  margin-bottom: 20px
}

.page-content.container {
  padding-top: 45px
}

.page-content .container {
  padding-top: 45px
}

.page-content blockquote {
  background: #f6f4f9;
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: .01em;
  color: #363945;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 60px;
  padding-left: 135px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px
}

.page-content blockquote.right {
  padding-left: 60px;
  padding-right: 135px
}

.page-content blockquote.right::before {
  left: auto;
  right: 50px;
  transform: rotate(180deg)
}

.page-content blockquote:before {
  content: "";
  background-image: url(../img/icons/quote.svg);
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: 43px;
  left: 50px
}

@media screen and (max-width: 767.98px) {
  .page-content blockquote {
      padding-top:30px;
      padding-bottom: 30px;
      padding-right: 40px;
      padding-left: 100px
  }

  .page-content blockquote:before {
      width: 40px;
      height: 40px;
      left: 30px;
      top: 23px
  }
}

@media screen and (max-width: 575.98px) {
  .page-content blockquote {
      margin-right:-15px;
      margin-left: -15px;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-right: 15px;
      padding-left: 50px
  }

  .page-content blockquote:before {
      width: 20px;
      height: 20px;
      left: 15px;
      top: 30px
  }
}

.page-content .img-hero {
  margin-top: 60px;
  margin-left: -15px;
  margin-right: -15px;
  max-width: calc(100% + 30px)
}

.page-content img {
  max-width: 100%;
  height: auto
}

.page-content .img-title {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: .01em;
  color: #7e859d;
  display: block;
  text-align: center;
  margin-top: 10px
}

.page-content .img-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 15px;
  margin-top: 40px;
  margin-bottom: 40px
}

.page-content .img-row img {
  margin-top: 0;
  margin-bottom: 0
}

@media screen and (max-width: 575.98px) {
  .page-content .img-row {
      grid-template-columns:1fr;
      margin-left: -15px;
      margin-right: -15px
  }

  .page-content .img-row img {
      align-self: center
  }
}

.page-content .img-row--about {
  margin-bottom: 20px
}

.page-content.-text h1,.page-content.-text h2,.page-content.-text h3,.page-content.-text h4,.page-content.-text h5,.page-content.-text h6,.page-content.-text p {
  padding-left: 80px;
  padding-right: 80px
}

@media screen and (max-width: 991.98px) {
  .page-content.-text h1,.page-content.-text h2,.page-content.-text h3,.page-content.-text h4,.page-content.-text h5,.page-content.-text h6,.page-content.-text p {
      padding-left:0;
      padding-right: 0
  }
}

@media screen and (max-width: 767.98px) {
  .page-content.container {
      padding-top:10px
  }

  .page-content .container {
      padding-top: 10px
  }
}

.posts {
  padding-top: 35px
}

.posts a:not(.button) {
  color: inherit;
  font-size: inherit;
  font-weight: inherit
}

.posts a:not(.button):hover {
  border: none;
  color: #35b972
}

.posts__item {
  display: grid;
  grid-template-areas: "type            thumb" "title           thumb" "description     thumb" "info            thumb";
  grid-template-columns: 1fr 270px;
  grid-template-rows: 18px auto auto;
  -moz-column-gap: 120px;
  column-gap: 120px;
  border-bottom: 1px solid #e2ddea;
  margin-bottom: 41px;
  padding-bottom: 21px
}

@media screen and (max-width: 1489.98px) {
  .posts__item {
      -moz-column-gap:60px;
      column-gap: 60px
  }
}

@media screen and (max-width: 767.98px) {
  .posts__item {
      grid-template-areas:"type            thumb" "title           thumb" "description     description" "info            info";
      grid-template-columns: 1fr 1fr;
      -moz-column-gap: 15px;
      column-gap: 15px
  }
}

@media screen and (max-width: 575.98px) {
  .posts__item {
      grid-template-areas:"thumb            thumb" "type           type" "title           title" "description     description" "info            info";
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      -moz-column-gap: 15px;
      column-gap: 15px;
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 40px
  }
}

.posts__type {
  grid-area: type;
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .01em;
  font-variant: small-caps;
  color: #e26e61;
  height: 14px
}

@media screen and (max-width: 575.98px) {
  .posts__type {
      margin-top:20px;
      margin-bottom: 5px
  }
}

.posts__type.-video {
  color: #4a8ded
}

.posts__type.-article {
  color: #e26e61
}

.posts__title {
  grid-area: title;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: .015em;
  color: #363945;
  margin: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}

.posts__title.h1,.posts__title.h2,.posts__title.h3,.posts__title.h4,.posts__title.h5,.posts__title.h6,.posts__titleh1,.posts__titleh2,.posts__titleh3,.posts__titleh4,.posts__titleh5,.posts__titleh6 {
  margin: 0
}

@media screen and (max-width: 767.98px) {
  .posts__title {
      text-align:left
  }
}

@media screen and (max-width: 575.98px) {
  .posts__title {
      margin-bottom:15px
  }
}

.posts__description {
  grid-area: description;
  align-self: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .01em;
  color: #7e859d;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}

@media screen and (max-width: 1199.98px) {
  .posts__description {
      padding-top:5px;
      padding-bottom: 5px
  }
}

.posts__description p {
  margin: 0
}

.posts__info {
  grid-area: info;
  align-self: center
}

.posts__author {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .03em;
  font-variant: small-caps;
  color: #7e859d;
  margin-right: 28px
}

.posts__date {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .03em;
  font-variant: small-caps;
  color: #7e859d
}

.posts__thumb {
  grid-area: thumb;
  position: relative
}

.posts__thumb img {
  max-width: 100%;
  height: auto
}

@media screen and (max-width: 575.98px) {
  .posts__thumb {
      justify-self:center;
      width: 100%;
      width: calc(100% + 30px)
  }

  .posts__thumb a {
      width: 100%
  }

  .posts__thumb img {
      width: 100%;
      height: auto
  }
}

.posts__type-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #343b4d
}

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

@media screen and (max-width: 575.98px) {
  .posts__navigation .button {
      width:auto
  }
}

.to-top {
  display: block;
  width: 76px;
  height: 76px;
  background: #35b972;
  border-radius: 15px;
  transform: rotate(45deg);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 75px;
  bottom: -37px
}

.to-top:after {
  content: "";
  display: block;
  width: 14px;
  height: 26px;
  background-image: url(../img/icons/to-top.svg);
  background-repeat: no-repeat;
  transform: rotate(-45deg)
}

@media screen and (max-width: 767.98px) {
  .to-top {
      display:none
  }
}

.body-blackout {
  position: absolute;
  z-index: 1010;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  display: none
}

.body-blackout.-blacked-out {
  display: block
}

.popup-modal {
  width: 570px;
  height: auto;
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  overflow-x: hidden;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease-in-out;
  z-index: 1011
}

@media screen and (max-width: 1199.98px) {
  .popup-modal {
      max-height:100vh;
      overflow-y: auto
  }
}

@media screen and (max-width: 575.98px) {
  .popup-modal {
      width:100%
  }
}

.popup-modal.-visible {
  opacity: 1;
  pointer-events: auto
}

.popup-modal__close {
  position: absolute;
  font-size: 1.2rem;
  right: -10px;
  top: -10px;
  cursor: pointer;
  right: -15px;
  top: -15px;
  padding: 5px;
  line-height: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #35b972;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff
}

@media screen and (max-width: 575.98px) {
  .popup-modal__close {
      right:0;
      top: 0;
      border-radius: 7px;
      border-top-right-radius: 0
  }
}

.popup-modal__header {
  display: flex;
  align-items: center;
  min-height: 80px;
  height: 80px;
  background: #f6f4f9;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px
}

@media screen and (max-width: 575.98px) {
  .popup-modal__header {
      border-radius:0
  }
}

@media screen and (min-width: 992px) and (max-width:1489.98px) {
  .popup-modal__header {
      height:60px;
      min-height: 60px
  }
}

.popup-modal__header .tabs__links {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}

.popup-modal__header .tabs__links .tabs__link {
  width: 50%;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  -webkit-appearance: none;
  text-align: center;
  letter-spacing: .01em;
  color: #7e859d
}

.popup-modal__header .tabs__links .tabs__link.active {
  color: #35b972;
  font-weight: 700
}

.popup-modal__body {
  padding-top: 36px;
  padding-bottom: 46px;
  padding-left: 80px;
  padding-right: 80px;
  background: #fff;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px
}

@media screen and (max-width: 575.98px) {
  .popup-modal__body {
      border-radius:0;
      padding-left: 15px;
      padding-right: 15px
  }
}

@media screen and (min-width: 992px) and (max-width:1489.98px) {
  .popup-modal__body {
      padding-top:25px;
      padding-bottom: 25px
  }
}

.popup-modal__alert {
  margin: 8px -80px 34px;
  padding: 18px 105px;
  color: #4f5876;
  background-color: rgba(251,187,0,.19);
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em
}

.popup-modal__footer {
  padding-left: 80px;
  padding-right: 80px;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
  background: #fff
}

@media screen and (max-width: 575.98px) {
  .popup-modal__footer {
      border-radius:0;
      padding-left: 15px;
      padding-right: 15px
  }
}

.if-blocked {
  display: flex;
  flex-direction: column;
  align-items: center
}

.modal__main-img {
  text-align: center;
  padding-bottom: 15px
}

.modal__main-title {
  color: #363945;
  font-weight: 500;
  padding-bottom: 12px;
  text-align: center
}

.modal__description {
  color: #7e859d;
  text-align: center
}

.modal__description span {
  font-weight: 600
}

.modal__redirect {
  padding-top: 27px;
  padding-bottom: 50px
}

.modal__redirect a {
  background: #35b972;
  box-shadow: 0 4px 12px #b9d6c6;
  border-radius: 5px;
  width: 100%;
  color: #fff;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.modal__redirect a:hover {
  color: #fff
}

.time-left {
  padding-left: 3px
}

.modal-registration {
  display: none;
  opacity: 1
}

.form__field {
  position: relative;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px
}

.form__field .button {
  width: 100%
}

@media screen and (min-width: 992px) and (max-width:1489.98px) {
  .form__field .button {
      height:50px;
      min-height: 50px
  }
}

.form__field.-xs {
  padding-top: 0;
  padding-bottom: 10px
}

.form__field-title {
  text-align: center
}

.form__field-text {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #5f636f;
  margin-bottom: 20px
}

.form__field__email-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #353a4d;
  margin: 5px 0
}

.form__field__email-container {
  background-color: rgba(2,111,211,.05);
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  padding: 15px 10px 10px;
  margin-bottom: 30px;
  color: #7e859d
}

.form__field__email-container.-bg-green {
  background-color: rgba(15,175,89,.1)
}

.form__field.-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap
}

.form__field.-group .form__select {
  width: 81px;
  min-width: 81px;
  margin-right: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.form__field.-group .form__input {
  width: calc(100% - 81px);
  max-width: calc(100% - 81px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.form__input,.form__textarea {
  display: inline-flex;
  max-width: 100%;
  width: 100%;
  height: 60px;
  padding-left: 25px;
  padding-right: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f6f4f9;
  border-radius: 7px;
  align-items: center;
  border: 1px solid transparent;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em;
  outline: 0;
  color: #7e859d;
  transition: all .3s ease-in-out
}

.form__input:active,.form__input:focus,.form__textarea:active,.form__textarea:focus {
  border-color: #6ca4f3
}

.form__input.-danger,.form__textarea.-danger {
  border-color: #e26e61
}

.form__input.-danger+.form__error,.form__textarea.-danger+.form__error {
  display: block
}

.form__input.-danger:active,.form__input.-danger:focus,.form__textarea.-danger:active,.form__textarea.-danger:focus {
  border-color: #e26e61
}

@media screen and (min-width: 992px) and (max-width:1489.98px) {
  .form__input,.form__textarea {
      height:50px
  }
}

.form__checkbox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 7px;
  border: 1px solid transparent;
  padding-right: 25px;
  padding-top: 5px;
  padding-bottom: 5px
}

.form__checkbox--inner {
  margin-left: 10px;
  width: calc(100% - 14px)
}

.form__checkbox input[type=checkbox] {
  width: 14px;
  height: 14px;
  margin-top: 5px
}

.form__checkbox,.form__radio {
  cursor: pointer;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .01em;
  color: #7e859d
}

.form__checkbox.-danger .form__error,.form__radio.-danger .form__error {
  display: block
}

.form__checkbox.-danger:active,.form__checkbox.-danger:focus,.form__radio.-danger:active,.form__radio.-danger:focus {
  border-color: #e26e61
}

.form__select {
  background: #f6f4f9;
  border-radius: 7px;
  height: 60px;
  padding-left: 25px;
  padding-right: 25px
}

.form__select .select__options {
  padding-left: 25px;
  padding-right: 25px
}

@media screen and (min-width: 992px) and (max-width:1489.98px) {
  .form__select {
      height:50px
  }
}

.form__hint {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em;
  margin-top: 5px
}

.form__hint p {
  margin: 0
}

.form__hint.-danger {
  color: #e26e61
}

.-danger~.form__hint {
  color: #e26e61
}

.form__error {
  display: none;
  color: #e26e61;
  font-size: 14px;
  position: absolute;
  bottom: -5px
}

.form__checkbox .form__error,.form__radio .form__error {
  background-color: #e26e61;
  border-radius: 7px;
  color: #fff;
  bottom: calc(100% + 5px);
  margin-left: -50px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px
}

.form__checkbox .form__error::after,.form__radio .form__error::after {
  content: "";
  position: absolute;
  left: 46px;
  bottom: -19px;
  border: 10px solid transparent;
  border-top: 10px solid #e26e61
}

@media screen and (max-width: 575.98px) {
  .form__checkbox .form__error,.form__radio .form__error {
      margin-left:-25px
  }

  .form__checkbox .form__error::after,.form__radio .form__error::after {
      left: 21px
  }
}

.login-with {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.login-with__header {
  width: 100%;
  min-width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 18px;
  color: #7e859d;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  letter-spacing: .01em
}

.login-with__header:after,.login-with__header:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  background: #e2ddea;
  border: solid #fff;
  border-width: 0 1em 0
}

.login-with__header:before {
  margin-left: -100%
}

.login-with__header:after {
  margin-right: -100%
}

.login-with__links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row
}

.login-with__link:hover {
  border-bottom: none!important
}

.login-with__link:not(:last-child) {
  margin-right: 30px
}

.tabs__item {
  display: none
}

.tabs__item.active {
  display: block
}

.select {
  position: relative
}

.select__element {
  display: none
}

.select__wrapper {
  display: block;
  position: relative
}

.select__wrapper--contact {
  width: 100%;
  height: 50px;
  color: #7e859d;
  background: #f6f4f9;
  padding: 10px;
  border-radius: 5px
}

.select__result {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em;
  color: #7e859d
}

.select__result .icon {
  width: 16px!important;
  height: 12px!important
}

.select__result div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

.select__result:hover {
  cursor: pointer
}

.select__wrapper .select__icon {
  transition: .3s;
  pointer-events: none;
  display: inline-block;
  width: 9px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  background-image: url(../img/icons/arrow-dark-down.svg)
}

.select__wrapper .select__icon:hover {
  cursor: pointer
}

.display-none {
  display: none!important
}

.-group .select__options {
  grid-template-columns: repeat(3,1fr);
  grid-row-gap: 15px;
  grid-column-gap: 30px
}

@media screen and (max-width: 575.98px) {
  .-group .select__options {
      grid-template-columns:repeat(2,1fr)
  }
}

.-group .select__result .select__text {
  display: none
}

.select__options {
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  height: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 30px;
  overflow: hidden;
  position: absolute;
  background: #f6f4f9;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: .02em;
  color: #7e859d;
  border-radius: 7px;
  box-shadow: 0 8px 16px rgba(0,0,0,.15)
}

.select__options div {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center
}

.select__options .icon {
  margin-right: 10px
}

.select__options div:first-child {
  display: none
}

.select__options:disabled {
  display: none
}

.-group .select__active {
  width: 410px
}

@media screen and (max-width: 575.98px) {
  .-group .select__active {
      width:calc(100vw - 30px)
  }
}

.select__active {
  height: auto;
  max-height: 200px;
  overflow-y: auto;
  z-index: 9;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px
}

.select__active .select__result::after {
  transform: rotate(0)
}

@media (max-width: 575.98px) {
  .g-recaptcha div {
      margin:0 auto
  }
}

.contact-form {
  display: flex;
  flex-flow: row wrap;
  max-width: 810px;
  position: relative
}

.contact-form::before {
  content: '';
  position: absolute;
  background: url(../img/icons/plainCon.svg);
  background-repeat: no-repeat;
  top: 0;
  left: 100%;
  width: 241px;
  height: 230px
}

@media (max-width: 1199.98px) {
  .contact-form::before {
      display:none
  }
}

@media (max-width: 1489.98px) {
  .contact-form {
      max-width:760px
  }
}

@media (max-width: 991.98px) {
  .contact-form {
      max-width:100%
  }
}

.contact__main-title {
  margin: 0;
  padding: 0
}

@media (max-width: 575.98px) {
  .contact__main-title {
      padding-top:20px
  }
}

.contact__item-form {
  flex: 0 0 33.333%;
  padding-right: 30px
}

@media (max-width: 575.98px) {
  .contact__item-form {
      flex:0 0 100%;
      padding-right: 0;
      margin-bottom: 10px
  }
}

.contact__item-form--padding {
  padding: 0
}

.contact__item-form select {
  width: 100%;
  height: 100%;
  padding-left: 25px;
  background: #f6f4f9;
  border-radius: 6px;
  border: none;
  color: #363945;
  font-size: 14px
}

@media (max-width: 575.98px) {
  .contact__item-form select {
      height:60px
  }
}

.contact__textarea {
  flex: 0 0 100%;
  padding-top: 20px;
  margin-bottom: 10px
}

.contact__textarea textarea {
  resize: none;
  background: #f6f4f9;
  border-radius: 6px;
  min-height: 140px;
  width: 100%;
  color: #7e859d;
  padding: 20px
}

.contact__btn {
  flex: 0 0 24%
}

@media (max-width: 991.98px) {
  .contact__btn {
      flex:0 0 36%
  }
}

@media (max-width: 575.98px) {
  .contact__btn {
      flex:0 0 100%;
      padding-bottom: 10px;
      order: 2
  }
}

.contact__btn .button {
  position: relative;
  max-width: 185px;
  width: 100%;
  height: 60px
}

@media (max-width: 575.98px) {
  .contact__btn .button {
      max-width:100%
  }
}

.contact__secc {
  border-radius: 5px;
  padding: 18px;
  display: flex;
  align-items: center
}

@media (max-width: 575.98px) {
  .contact__secc {
      font-size:10px
  }
}

.contact__secc span {
  font-weight: 600;
  padding: 0 5px;
  color: #363945
}

.contact__secc img {
  margin-right: 15px
}

.contact__good {
  background: rgba(53,185,114,.1);
  margin-bottom: 5px
}

.contact__bad {
  background: rgba(226,110,97,.1)
}

.contact__captha {
  flex: 0 0 27%;
  padding: 0 13px
}

@media (max-width: 1489.98px) {
  .contact__captha {
      flex:0 0 25%
  }
}

@media (max-width: 991.98px) {
  .contact__captha {
      flex:0 0 50%
  }
}

@media (max-width: 575.98px) {
  .contact__captha {
      flex:0 0 100%;
      padding: 0;
      order: 1;
      padding: 0 0 10px 0
  }
}

.contact__done {
  text-align: center;
  width: 100%;
  padding-top: 10px
}

@media (max-width: 991.98px) {
  .contact__done {
      padding-top:20px
  }
}

@media (max-width: 575.98px) {
  .contact__done {
      order:3;
      padding: 0
  }
}

.contact__adress-wrap {
  display: flex;
  flex-flow: row wrap;
  position: relative
}

.contact__item {
  flex: 0 0 65%
}

@media (max-width: 575.98px) {
  .contact__item {
      flex:0 0 100%
  }
}

.contact__item::before {
  content: '';
  position: absolute;
  background: url(../img/icons/beforecontact.svg);
  background-repeat: no-repeat;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 130px;
  height: 229px;
  top: 50%
}

@media (max-width: 991.98px) {
  .contact__item::before {
      display:none
  }
}

.contact__item--second {
  flex: 0 0 35%
}

@media (max-width: 575.98px) {
  .contact__item--second {
      flex:0 0 100%
  }
}

.contact__conect-with-us {
  margin: 0;
  padding: 60px 0 30px 0
}

.contact__list-item p {
  margin: 20px 0 0 0
}

.upload-control {
  display: flex;
  padding: 20px;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: rgba(2,111,211,.05);
  border: 1px dashed #026fd3;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  transition: all .2s linear;
  transition-property: background-color,box-shadow
}

.upload-control:hover {
  background-color: rgba(2,111,211,.1)
}

.upload-control+.upload-control {
  margin-top: 10px
}

.upload-control.active * {
  pointer-events: none
}

.upload-control.valid:after,.upload-control.valid:before {
  display: block
}

.upload-control.valid:before {
  background-color: #0faf59;
  border-radius: 50%
}

@media (max-width: 567px) {
  .upload-control {
      padding:20px 10px
  }
}

.upload-control:after,.upload-control:before {
  display: none;
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  left: 12px;
  top: 12px
}

.upload-control:after.active,.upload-control:before.active {
  left: 8px
}

.upload-control__input {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden
}

.upload-control__input:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.upload-control__label {
  margin-bottom: 10px;
  font-weight: 900;
  color: rgba(255,255,255,.8)
}

.upload-control__value {
  margin: 0 0 4px;
  padding: 6px 10px;
  overflow: hidden;
  max-width: 75%;
  background-color: rgba(53,58,77,.05);
  border-radius: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis
}

.upload-control__value:before {
  content: "File:";
  display: inline-block;
  margin-right: 6px;
  color: rgba(53,58,77,.3);
  font-weight: 400
}

.upload-control--dark .upload-control__value {
  background-color: rgba(255,255,255,.05)
}

.upload-control--dark .upload-control__value:before {
  color: rgba(255,255,255,.3)
}

.upload-control__remove {
  position: absolute;
  padding: 0;
  height: 20px;
  width: 20px;
  right: 12px;
  top: 12px;
  color: #fff;
  background-color: #db4635;
  border-radius: 50%;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color .2s linear
}

.upload-control__remove:hover {
  background-color: #ff402b
}

.upload-control__remove svg {
  margin: 0 auto;
  height: 10px;
  width: 8px
}

.upload-control__count {
  color: var(--color-black-30)
}

.upload-control__icon {
  content: '';
  position: absolute;
  left: 12px;
  top: 12px
}

.upload-control.valid .upload-control__icon {
  display: none
}

.upload-control__help {
  margin: 0
}

.upload-control__dragdrop {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  z-index: 10;
  bottom: -1px;
  right: -1px;
  left: -1px;
  top: -1px;
  background-color: #fff;
  border: 2px dashed #026fd3;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(2,111,211,0);
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: all .2s linear;
  transition-property: opacity,box-shadow
}

.upload-control__dragdrop>:not(:last-child) {
  margin-bottom: 2px
}

.upload-control__dragdrop [class*=icon] {
  margin: 0 auto 10px
}

.upload-control.active .upload-control__dragdrop {
  opacity: 1;
  box-shadow: 0 4px 10px rgba(2,111,211,.25)
}

.upload-control-form {
  max-width: 617px;
  width: 100%;
  margin-bottom: 24px
}

.upload-control-files {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: files-counter
}

.upload-control-files li {
  display: flex;
  padding: 10px 0;
  margin: 0 10px;
  font-weight: 700;
  counter-increment: files-counter;
  color: #fff
}

.upload-control-files li:not(:last-of-type) {
  border-bottom: 1px solid var(--color-black-10)
}

.upload-control-files li:before {
  content: counter(files-counter) ". ";
  margin-right: 8px;
  color: var(--color-black-30);
  font-weight: 400
}

.upload-control-files__file {
  overflow: hidden;
  margin-right: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff
}

.upload-control-files__remove {
  padding: 2px 4px;
  min-width: 20px;
  margin-left: auto;
  margin-right: -4px;
  color: #db4635;
  background: 0 0;
  border: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .133s linear
}

.upload-control-files__remove:hover {
  color: #ff402b
}

.misspell-hint {
  opacity: 1;
  height: auto;
  transition: all .3s
}

.misspell-hint.hint.-danger {
  color: #fff
}

.misspell-hint.hide {
  opacity: 0;
  height: 0!important;
  margin: 0!important;
  padding: 0 25px!important
}

.misspell-hint .misspell-hint-suggestion {
  font-weight: 700;
  cursor: pointer;
  border-bottom: 1px solid #db4635
}

.about_us__quotex {
  max-width: 726px;
  width: 100%
}

.about_us__quotex__container {
  max-width: 1242px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 47px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  margin-top: 40px !important;
}

@media (max-width: 1242px) {
  .about_us__quotex__container {
      padding:0 16px
  }
}

@media (max-width: 568px) {
  .about_us__quotex__container {
      flex-flow:column-reverse;
      max-width: 100%;
      padding: 0 16px;
      border-bottom: 0
  }
}

.about_us__quotex-title {
  margin: 56px 0 24px
}

@media (max-width: 568px) {
  .about_us__quotex-title {
      margin:13px 0 13px
  }
}

.about_us__quotex-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px
}

@media (max-width: 568px) {
  .about_us__quotex-text {
      margin:13px 0 13px
  }
}

@media (max-width: 568px) {
  .about_us__quotex-image {
      display:block;
      width: 100%
  }
}

.about_us__desires {
  max-width: 598px;
  width: 100%;
  margin-top: 70px
}

@media (max-width: 870px) {
  .about_us__desires {
      max-width:calc(100% - 32px);
      margin: 0 16px;
      padding: 0 0 24px;
      border-bottom: 1px solid rgba(255,255,255,.1)
  }
}

.about_us__desires-container {
  max-width: 1242px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 100px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255,255,255,.1)
}

@media (max-width: 1242px) {
  .about_us__desires-container {
      padding:0 16px 0 0
  }
}

@media (max-width: 870px) {
  .about_us__desires-container {
      display:block;
      max-width: 100%;
      padding-bottom: 0;
      border-bottom: 0
  }
}

.about_us__desires-image {
  width: 773px;
  display: block;
  margin-left: -19%;
  margin-top: -30px
}

@media (max-width: 870px) {
  .about_us__desires-image {
      display:none
  }
}

.about_us__desires-image__mobile {
  display: none
}

@media (max-width: 870px) {
  .about_us__desires-image__mobile {
      display:block;
      width: 100%;
      margin: 53px 0 28px
  }
}

.about_us__desires-title {
  margin-bottom: 40px
}

@media (max-width: 870px) {
  .about_us__desires-title {
      margin-bottom:16px
  }
}

.about_us__desires-text {
  margin-bottom: 24px
}

.about_us__modern {
  width: 100%;
  background: url(../img/about-us-modern.png) no-repeat center 130px;
  padding: 55px 0 0
}

@media (max-width: 1242px) {
  .about_us__modern {
      padding:0 16px
  }
}

@media (max-width: 870px) {
  .about_us__modern {
      padding:24px 0 0;
      background: url(../img/about-us-modern-mobile.png) no-repeat left top
  }
}

.about_us__modern-title {
  max-width: 591px;
  width: 100%;
  text-align: center;
  margin: 0 auto 64px
}

@media (max-width: 870px) {
  .about_us__modern-title {
      max-width:100%;
      width: auto;
      text-align: left;
      margin: 0 16px 68px 16px
  }
}

.about_us__modern-items {
  max-width: 1228px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 72px;
  border-bottom: 1px solid rgba(255,255,255,.1)
}

@media (max-width: 870px) {
  .about_us__modern-items {
      max-width:100%;
      flex-wrap: wrap;
      padding: 0 16px;
      border-bottom: 0
  }
}

.about_us__modern-item {
  width: calc(100% / 4);
  padding: 69px 24px 30px;
  background: #262b3c;
  opacity: .9;
  border-radius: 8px;
  margin-right: 24px
}

.about_us__modern-item:last-child {
  margin-right: 0
}

@media (max-width: 870px) {
  .about_us__modern-item {
      width:calc((100% - 8px)/ 2);
      padding: 24px 11px 32px;
      margin-right: 8px
  }

  .about_us__modern-item:nth-child(2) {
      margin-right: 0;
      margin-bottom: 8px
  }

  .about_us__modern-item:nth-child(1) {
      margin-bottom: 8px
  }
}

.about_us__work-container {
  max-width: 1224px;
  width: 100%;
  margin: 45px auto 100px
}

@media (max-width: 1242px) {
  .about_us__work-container {
      padding:0 16px
  }
}

@media (max-width: 568px) {
  .about_us__work-container {
      max-width:100%;
      margin: 45px auto 34px
  }
}

.about_us__work-title {
  margin-bottom: 11px
}

@media (max-width: 568px) {
  .about_us__work-title {
      margin:0 16px 8px
  }
}

.about_us__work-subtitle {
  font-size: 32px;
  line-height: 68px;
  color: #fff;
  opacity: .3;
  margin-bottom: 51px
}

@media (max-width: 568px) {
  .about_us__work-subtitle {
      margin:0 16px 8px;
      font-weight: 700;
      font-size: 16px;
      line-height: 20px;
      opacity: .4
  }
}

.about_us__work-step {
  max-width: 184px;
  width: 100%
}

@media (max-width: 568px) {
  .about_us__work-step {
      max-width:calc((100% - 9px)/ 2);
      margin-right: 9px
  }

  .about_us__work-step:nth-child(2) {
      margin-right: 0;
      margin-bottom: 15px
  }

  .about_us__work-step:nth-child(1) {
      margin-bottom: 15px
  }

  .about_us__work-step:nth-child(4) {
      margin-right: 0
  }
}

.about_us__work-steps {
  display: flex;
  justify-content: space-between
}

@media (max-width: 568px) {
  .about_us__work-steps {
      max-width:100%;
      flex-wrap: wrap;
      padding: 0 16px;
      border-bottom: 0
  }
}

.about_us__work-steps-block {
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(38,43,60,.8);
  border-radius: 8px
}

.about_us__work-steps__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin: 24px 0 12px;
  color: #fff
}

@media (max-width: 568px) {
  .about_us__work-steps__title {
      margin:15px 0 8px
  }
}

.about_us__problem {
  display: flex;
  padding-top: 60px
}

@media (max-width: 568px) {
  .about_us__problem {
      display:block;
      padding: 24px 24px 0
  }
}

.about_us__problem-container {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: rgba(38,43,60,.8)
}

@media (max-width: 1242px) {
  .about_us__problem-container {
      max-width:calc(100% - 32px);
      margin: 0 16px
  }
}

.about_us__problem-quotes {
  width: 104px;
  height: 80px;
  background-image: url(../img/about-us-problem-quotes.svg);
  margin: 0 97px 0 123px
}

@media (max-width: 1242px) {
  .about_us__problem-quotes {
      margin:0 30px
  }
}

@media (max-width: 568px) {
  .about_us__problem-quotes {
      margin:0 auto 20px
  }
}

.about_us__problem-text {
  max-width: 686px;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  opacity: .7
}

@media (max-width: 1242px) {
  .about_us__problem-text {
      max-width:calc(100% - 164px)
  }
}

@media (max-width: 568px) {
  .about_us__problem-text {
      max-width:100%;
      font-size: 14px;
      line-height: 18px
  }
}

.about_us__demo {
  max-width: 529px;
  width: 100%
}

@media (max-width: 870px) {
  .about_us__demo {
      margin:0 auto
  }
}

.about_us__demo-container {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 90px;
  padding-bottom: 90px;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

@media (max-width: 870px) {
  .about_us__demo-container {
      max-width:100%;
      flex-wrap: wrap-reverse;
      margin-top: 34px;
      padding: 0 16px;
      border-bottom: 0
  }
}

.about_us__demo-title {
  margin-bottom: 40px
}

@media (max-width: 870px) {
  .about_us__demo-title {
      margin-bottom:12px
  }
}

.about_us__demo-text {
  margin-bottom: 40px
}

@media (max-width: 870px) {
  .about_us__demo-text {
      margin-bottom:12px
  }
}

.about_us__demo-button {
  width: 345px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #353a4d;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

.about_us__demo-button:hover {
  background: linear-gradient(0deg,#686f86,#686f86),#fff;
  color: #fff
}

@media (max-width: 870px) {
  .about_us__demo-button {
      width:100%;
      height: 64px
  }
}

.about_us__demo-image {
  position: relative
}

@media (max-width: 870px) {
  .about_us__demo-image {
      margin:0 auto 15px
  }
}

@media (max-width: 870px) {
  .about_us__demo-image img {
      width:100%;
      display: block
  }
}

.about_us__demo-image__text {
  position: absolute;
  top: 5%;
  left: 20%;
  max-width: 240px;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  color: #fff;
  text-align: center
}

.about_us__innovation-container {
  max-width: 1224px;
  width: 100%;
  margin: 40px auto 0
}

@media (max-width: 568px) {
  .about_us__innovation-container {
      max-width:100%;
      margin: 60px 0 68px;
      background: url(../img/about-us-innovation-mobile.png) no-repeat;
      background-size: cover;
      padding-bottom: 103px
  }
}

.about_us__innovation-title {
  max-width: 940px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 73px
}

@media (max-width: 568px) {
  .about_us__innovation-title {
      margin-bottom:0
  }
}

.about_us__innovation-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 96px
}

@media (max-width: 568px) {
  .about_us__innovation-button {
      display:block;
      width: 240px;
      bottom: 0;
      margin: 34px auto 0
  }
}

.about_us__innovation-image {
  display: block;
  width: 100%;
  height: 100%
}

@media (max-width: 568px) {
  .about_us__innovation-image {
      display:none
  }
}

.about_us__innovation-real {
  width: 296px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #35b972;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

.about_us__innovation-real:hover {
  background: #4fd38c
}

@media (max-width: 568px) {
  .about_us__innovation-real {
      width:240px;
      height: 48px;
      margin: 0 0 15px;
      font-size: 14px;
      line-height: 18px
  }
}

.about_us__innovation-demo {
  width: 296px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #353a4d;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

.about_us__innovation-demo:hover {
  background: linear-gradient(0deg,#686f86,#686f86),#fff;
  color: #fff
}

@media (max-width: 568px) {
  .about_us__innovation-demo {
      width:240px;
      height: 48px;
      font-size: 14px;
      line-height: 18px
  }
}

.about_us__help-page {
  max-width: 1250px;
  width: 100%;
  margin: 55px auto 0;
  color: #fff;
  padding: 0 16px 200px 16px
}

.about_us__help-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 30px
}

.about_us__help-container {
  display: flex;
  justify-content: space-between
}

.about_us__help-subtitle {
  max-width: 730px;
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  opacity: .6;
  margin-bottom: 60px
}

.about_us__help-subtitle a {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px
}

.about_us__help-address {
  position: relative;
  max-width: 272px;
  width: 100%
}

@media (max-width: 568px) {
  .about_us__help-address {
      display:none
  }
}

.about_us__help-address-mobile {
  position: relative;
  width: 100%;
  display: none;
  margin-top: 100px
}

@media (max-width: 568px) {
  .about_us__help-address-mobile {
      display:block
  }
}

.about_us__help-address__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #026fd3;
  opacity: .15;
  -webkit-filter: blur(90px);
  filter: blur(90px);
  border-radius: 67.0914px;
  top: 0;
  z-index: -1
}

.about_us__help-address__header {
  display: flex;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255,255,255,.8);
  margin-bottom: 16px
}

.about_us__help-address__header svg {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  flex: none
}

.about_us__help-address__social {
  display: flex;
  align-items: center;
  padding: 0 0 0 30px
}

.about_us__help-address__social a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  cursor: pointer
}

.about_us__help_subtitle {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px
}

.about_us__help-buttons {
  display: flex;
  align-items: center
}

.about_us__help-buttons.arabic {
  justify-content: right
}

.about_us__help-button {
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(0deg,#353a4d,#353a4d),rgba(255,255,255,.05);
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  border: 0;
  cursor: pointer;
  margin-bottom: 20px
}

.about_us__help-button.active {
  background: linear-gradient(0deg,#2f80ed,#2f80ed),linear-gradient(0deg,#353a4d,#353a4d),rgba(255,255,255,.05)
}

.about_us__help-button:last-child {
  margin-left: 20px
}

.about_us__help-button:hover {
  background: #474c5d
}

.about_us__help-block {
  max-width: 730px;
  width: 100%;
  background: #282c3d;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px
}

.about_us__help-block.arabic {
  margin-left: auto
}

.about_us__help-block__padding {
  padding: 30px
}

@media (max-width: 568px) {
  .about_us__help-block__padding {
      padding:15px
  }
}

.about_us__help-block__title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-weight: 700
}

.about_us__help-block__title.arabic {
  justify-content: right
}

.about_us__help-block__title.arabic svg {
  margin-left: 10px;
  margin-right: 0
}

.about_us__help-block__title.success {
  margin: 0
}

.about_us__help-block__title svg {
  width: 20px;
  height: 20px;
  margin-right: 10px
}

.about_us__help-block__text {
  margin-left: 30px
}

.about_us__help-block__text ol {
  padding: 0 0 0 23px
}

.about_us__help-block__text li {
  color: #2b99ff;
  font-weight: 900;
  margin-bottom: 20px
}

.about_us__help-block__text li span {
  color: #fff;
  font-weight: 400
}

.about_us__help-block__text ul {
  padding: 0 0 0 17px
}

.about_us__help-block__text ul li {
  margin-bottom: 15px
}

.about_us__help-block__text ul em {
  color: #fff;
  font-weight: 400
}

.about_us__help-block__button {
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
  background: rgba(255,255,255,.05);
  border-radius: 4px;
  border: 0;
  cursor: pointer
}

.about_us__help-block__button:hover {
  background: #474c5d
}

.about_us__help-block__warning {
  padding: 20px;
  margin-bottom: 20px;
  background: rgba(255,138,0,.1);
  border: 2px solid rgba(255,138,0,.3);
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff
}

.about_us__help-block__info {
  padding: 20px;
  margin-bottom: 20px;
  background: rgba(2,111,211,.1);
  border: 2px solid rgba(2,111,211,.3);
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff
}

.about_us__help-block__success {
  padding: 20px;
  background: rgba(15,175,89,.1);
  border: 2px solid rgba(15,175,89,.3);
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff
}

.about_us__help-block__form {
  padding: 24px;
  background: #2e3345;
  border-radius: 8px
}

.about_us__help-block__form .modal-sign__input {
  max-width: 100%!important;
  width: 100%;
  margin-bottom: 28px!important
}

.about_us__help-block__form .contacts__textarea {
  max-width: 100%!important;
  width: 100%;
  margin-bottom: 20px!important
}

.about_us__help-block__form input::-webkit-input-placeholder {
  color: rgba(255,255,255,.2)!important
}

.about_us__help-block__form input::-moz-placeholder {
  color: rgba(255,255,255,.2)!important
}

.about_us__help-block__form textarea::-webkit-input-placeholder {
  color: rgba(255,255,255,.2)!important
}

.about_us__help-block__form textarea::-moz-placeholder {
  color: rgba(255,255,255,.2)!important
}

.about_us__help-block__form-label {
  background: linear-gradient(0deg,#2e3345,#2e3345),#282c3d!important;
  font-weight: 400;
  color: rgba(255,255,255,.4)!important
}

.about_us__help-block__form-drop-label {
  font-weight: 900;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px
}

.about_us__help-block__form-drop-help {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px
}

.about_us__help-block__form-button {
  width: 100%;
  text-align: center;
  background: #0faf59;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 8px;
  padding: 18px 0;
  color: #fff;
  border: none;
  cursor: pointer
}

.about_us__help-block__form-button:disabled {
  opacity: .5;
  cursor: not-allowed
}

.hidden {
  display: none!important
}

.questions {
  max-width: 1144px;
  width: 100%;
  margin: 55px auto 110px
}

@media (max-width: 1224px) {
  .questions {
      max-width:870px;
      padding: 0 16px
  }
}

@media (max-width: 520px) {
  .questions {
      margin:45px auto 50px
  }
}

.questions-title {
  margin-bottom: 29px
}

.questions-tabs {
  display: grid;
  grid-template-columns: repeat(3,184px);
  grid-column-gap: 24px
}

@media (max-width: 615px) {
  .questions-tabs {
      overflow:auto
  }
}

.questions-tab {
  max-width: 184px;
  width: 100%;
  color: rgba(255,255,255,.8);
  font-size: 12px;
  padding: 29px 18px;
  background: #353a4d;
  border-radius: 8px;
  border: 0
}

.questions-tab:hover:not(.button) {
  border: 0;
  color: rgba(255,255,255,.8)
}

.questions-tab.active {
  background: #2f80ed
}

.questions-tab__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px
}

.questions-subtitle {
  display: grid;
  grid-template-columns: repeat(2,-webkit-max-content);
  grid-template-columns: repeat(2,max-content);
  grid-column-gap: 16px;
  align-items: center;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px
}

.questions-subtitle svg {
  display: block;
  width: 24px;
  height: 24px
}

.questions__container {
  margin-top: 48px
}

@media (max-width: 568px) {
  .questions__container {
      padding:0 16px
  }
}

.questions__accordion-label {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255,255,255,.8);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.questions__accordion-label svg {
  width: 16px;
  height: 16px;
  display: block;
  transition: transform .2s linear;
  flex: none;
  margin-left: 10px
}

.questions__accordion-text {
  max-height: 0;
  overflow: hidden;
  transition: opacity .3s ease,max-height .3s ease;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255,255,255,.8);
  margin: 0;
  opacity: 0
}

@media (max-width: 520px) {
  .questions__accordion-text {
      padding-right:0
  }
}

.questions__accordion-block {
  padding: 16px 25px
}

.questions__accordion-checkbox {
  display: none
}

.questions__accordion-checkbox:checked+.questions__accordion-block {
  margin-bottom: 18px;
  background: rgba(53,58,77,.5);
  border-radius: 9px
}

.questions__accordion-checkbox:checked+.questions__accordion-block .questions__accordion-label {
  color: #fff
}

.questions__accordion-checkbox:checked+.questions__accordion-block .questions__accordion-label svg {
  transform: rotate(180deg)
}

.questions__accordion-checkbox:checked+.questions__accordion-block .questions__accordion-text {
  opacity: 1;
  max-height: 100%;
  margin-top: 28px
}

.sign__container {
  background: url(../img/bg-sing-form.png) no-repeat
}

.sign__title {
  margin-bottom: 32px;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  text-align: center
}

@media (max-width: 500px) {
  .sign__title {
      font-size:24px;
      line-height: 30px
  }
}

.sign__email {
  color: #a6aec7;
  text-align: center
}

.sign__email-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 10px
}

.sign__email-icon svg {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 10px
}

.sign__text {
  color: #fff;
  max-width: 366px;
  margin: 0 auto 32px;
  font-size: 14px;
  line-height: 18px;
  text-align: center
}

.sign__text-success {
  max-width: 376px;
  width: 100%;
  margin: 20px auto 40px;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background: rgba(54,144,242,.15);
  border: 1px solid rgba(54,144,242,.6);
  border-radius: 8px
}

.sign__innovation-container {
  max-width: 1224px;
  width: 100%;
  margin: 130px auto 65px
}

@media (max-width: 568px) {
  .sign__innovation-container {
      max-width:100%;
      margin: 60px 0 68px;
      background: url(../img/about-us-innovation-mobile.png) no-repeat;
      background-size: cover;
      padding-bottom: 103px
  }
}

.sign__innovation-title {
  max-width: 940px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 36px
}

@media (max-width: 568px) {
  .sign__innovation-title {
      margin-bottom:0
  }
}

.sign__innovation-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 96px
}

@media (max-width: 568px) {
  .sign__innovation-button {
      display:block;
      width: 240px;
      bottom: 0;
      margin: 34px auto 0
  }
}

.sign__innovation-image {
  display: block;
  width: 100%;
  height: 100%
}

@media (max-width: 568px) {
  .sign__innovation-image {
      display:none
  }
}

.sign__innovation-real {
  width: 296px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #35b972;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

.sign__innovation-real svg {
  width: 24px;
  height: 24px;
  margin-right: 16px
}

.sign__innovation-real:hover {
  background: #4fd38c
}

@media (max-width: 568px) {
  .sign__innovation-real {
      width:240px;
      height: 48px;
      margin: 0 0 15px;
      font-size: 14px;
      line-height: 18px
  }
}

.sign__innovation-demo {
  width: 296px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #353a4d;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

.sign__innovation-demo svg {
  width: 32px;
  height: 32px;
  margin-right: 16px
}

.sign__innovation-demo:hover {
  background: linear-gradient(0deg,#686f86,#686f86),#fff;
  color: #fff
}

@media (max-width: 568px) {
  .sign__innovation-demo {
      width:240px;
      height: 48px;
      font-size: 14px;
      line-height: 18px
  }
}

.main__platform {
  width: 100%;
  background: url(../img/platform-bg.png) repeat-x 0 0
}

@media (max-width: 870px) {
  .main__platform {
      background:0 0
  }
}

.main__platform-block {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto;
  display: flex
}

.main__platform-block-image {
  position: relative;
  top: -25px;
  left: -150px
}

@media (max-width: 1224px) {
  .main__platform-block-image {
      display:none
  }
}

.main__platform-block-image__mobile {
  display: none
}

@media (max-width: 1224px) {
  .main__platform-block-image__mobile {
      display:block;
      width: calc(100% - 446px)
  }
}

@media (max-width: 870px) {
  .main__platform-block-image__mobile {
      max-width:500px;
      margin: 0 auto;
      width: 100%
  }
}

@media (max-width: 870px) {
  .main__platform-block {
      display:block
  }
}

.main__platform-container {
  max-width: 500px;
  width: 100%;
  color: #fff;
  flex: none;
  position: relative;
  right: 86px;
  top: 120px
}

@media (max-width: 1224px) {
  .main__platform-container {
      position:static;
      max-width: 446px;
      margin-top: 125px
  }
}

@media (max-width: 870px) {
  .main__platform-container {
      max-width:100%;
      margin-top: 0;
      width: 100%;
      text-align: center;
      padding: 0 24px;
      margin-bottom: 24px
  }
}

.main__platform-container__title {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 42px;
  line-height: 52px;
  margin-right: 24px
}

@media (max-width: 768px) {
  .main__platform-container__title {
      font-size:40px;
      line-height: 48px;
      margin-bottom: 16px
  }
}

@media (max-width: 568px) {
  .main__platform-container__title {
      font-size:20px;
      line-height: 24px;
      margin-bottom: 9px
  }
}

.main__platform-container__subtitle {
  display: block;
  font-size: 24px;
  line-height: 36px;
  opacity: .6;
  margin-right: 24px
}

@media (max-width: 568px) {
  .main__platform-container__subtitle {
      font-size:16px;
      line-height: 20px;
      margin-bottom: 9px
  }
}

.main__platform-container__footer {
  display: flex;
  align-items: center;
  margin-top: 56px
}

@media (max-width: 870px) {
  .main__platform-container__footer {
      margin-top:24px;
      justify-content: center
  }
}

@media (max-width: 568px) {
  .main__platform-container__footer {
      display:block;
      margin-top: 26px
  }
}

.main__platform-container__footer-real {
  max-width: 235px;
  width: 100%;
  padding: 22px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #35b972;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 0;
  cursor: pointer;
  margin-right: 24px
}

@media (max-width: 568px) {
  .main__platform-container__footer-real {
      max-width:100%;
      padding: 17px 0;
      margin-bottom: 18px
  }
}

.main__platform-container__footer-real:hover {
  background: #4fd38c;
  color: #fff!important
}

.main__platform-container__footer-demo {
  max-width: 240px;
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #353a4d;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

@media (max-width: 768px) {
  .main__platform-container__footer-demo {
      margin-right:0
  }
}

@media (max-width: 568px) {
  .main__platform-container__footer-demo {
      max-width:100%;
      padding: 17px 0
  }
}

.main__platform-container__footer-demo:hover {
  background: linear-gradient(0deg,#686f86,#686f86),#fff;
  color: #fff!important
}

.main__payment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1224px;
  width: 100%;
  margin: 8px auto 75px
}

@media (max-width: 1224px) {
  .main__payment {
      max-width:870px
  }

  .main__payment .icon__skrill,.main__payment .icon__webmoney {
      display: none
  }
}

@media (max-width: 768px) {
  .main__payment {
      margin:56px auto;
      padding: 0 24px
  }
}

@media (max-width: 568px) {
  .main__payment {
      max-width:100%;
      padding: 0 16px
  }
}

.main__dignity {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto 44px;
  background-color: rgba(53,58,77,.8);
  border-radius: 8px
}

@media (max-width: 1224px) {
  .main__dignity {
      max-width:870px
  }
}

@media (max-width: 870px) {
  .main__dignity {
      max-width:calc(100% - 32px);
      margin: 24px 16px 17px
  }
}

@media (max-width: 768px) {
  .main__dignity {
      max-width:calc(100% - 48px);
      margin: 0 24px 56px
  }
}

.main__dignity-items {
  display: flex;
  justify-content: space-between;
  padding: 37px 32px 38px;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

@media (max-width: 1224px) {
  .main__dignity-items {
      /* flex-wrap:wrap; */
      justify-content: space-around;
      padding: 37px 55px 38px
  }
}

@media (max-width: 768px) {
  .main__dignity-items {
      display:flex;
      justify-content: space-between;
      padding: 40px 45px
  }
}

@media (max-width: 634px) {
  .main__dignity-items {
      display:block;
      padding: 24px 16px 16px
  }
}

.main__dignity-item {
  max-width: 235px;
  width: 100%;
  color: #fff
}

@media (max-width: 1224px) {
  .main__dignity-item:first-child {
      margin-bottom:40px
  }
}

@media (max-width: 768px) {
  .main__dignity-item {
      max-width:248px;
      padding-top: 16px;
      border-top: 0;
      margin: 40px 0
  }

  .main__dignity-item:first-child,.main__dignity-item:nth-child(2) {
      margin: 0;
      padding-top: 0;
      border-top: 0
  }
}

@media (max-width: 634px) {
  .main__dignity-item {
      max-width:100%;
      text-align: center;
      border-top: 1px solid rgba(255,255,255,.05)
  }

  .main__dignity-item:nth-child(2) {
      padding-top: 24px;
      margin: 24px auto 0;
      border-top: 1px solid rgba(255,255,255,.05)
  }
}

.main__dignity-item img {
  display: block;
  margin-bottom: 27px
}

@media (max-width: 634px) {
  .main__dignity-item img {
      margin:0 auto 24px
  }
}

.main__dignity-item__title {
  margin-bottom: 17px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px
}

.main__dignity-item__text {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255,255,255,.7)
}

.main__dignity-button {
  max-width: 320px;
  width: calc(100% - 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
  margin: 0 auto;
  background: #35b972;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border: 0
}

.main__dignity-button:hover {
  color: #fff!important;
  border: 0;
  background: #4fd38c!important
}

.main__dignity-button__block {
  padding: 32px 0
}

@media (max-width: 768px) {
  .main__dignity-button__block {
      display:none
  }
}

.main__dignity-button svg {
  margin-left: 10px
}

.main__graph {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto
}

@media (max-width: 1224px) {
  .main__graph {
      max-width:870px
  }
}

@media (max-width: 870px) {
  .main__graph {
      padding:0 16px
  }
}

@media (max-width: 768px) {
  .main__graph {
      padding:0 24px
  }
}

.main__graph-title {
  margin-bottom: 8px
}

@media (max-width: 768px) {
  .main__graph-title {
      margin-bottom:16px
  }
}

.main__graph-subtitle {
  font-size: 24px;
  line-height: 40px;
  color: rgba(255,255,255,.7)
}

@media (max-width: 568px) {
  .main__graph-subtitle {
      font-weight:500;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 16px
  }
}

.main__graph-block {
  display: flex;
  align-items: center
}

@media (max-width: 568px) {
  .main__graph-block {
      display:block
  }
}

.main__graph-container {
  max-width: 275px;
  width: 100%;
  min-height: 440px;
  padding: 38px 16px;
  background: #353a4d;
  border-radius: 8px;
  margin-left: 60px
}

@media (max-width: 568px) {
  .main__graph-container {
      max-width:262px;
      min-height: 243px;
      padding: 14px;
      margin: 20px auto 0
  }
}

.main__graph-container-logo {
  display: block;
  margin: 0 auto
}

@media (max-width: 568px) {
  .main__graph-container-logo {
      display:none
  }
}

.main__graph-container__block {
  display: none;
  border-top: 1px solid rgba(255,255,255,.1);
  padding-top: 31px;
  margin-top: 30px;
  color: #fff
}

@media (max-width: 568px) {
  .main__graph-container__block {
      border-top:none;
      margin-top: 0;
      padding-top: 0
  }
}

.main__graph-container__block.is-active {
  display: block
}

.main__graph-container__block-click {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-shadow: 0 64px 54px rgba(0,0,0,.25);
  text-align: center
}

.main__graph-container__block-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-shadow: 0 64px 54px rgba(0,0,0,.25);
  text-align: center
}

.main__graph-container__block-loading {
  margin: 80px auto 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center
}

.main__graph-container__block-loading svg {
  margin-bottom: 15px
}

.main__graph-container__block-number {
  margin: 30px 0 20px;
  font-weight: 700;
  font-size: 38px;
  line-height: 24px;
  text-align: center
}

.main__graph-container__block-number.green {
  color: #35b972
}

.main__graph-container__button-red {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 36px;
  background: #e26e61;
  box-shadow: 0 4px 10px rgba(255,82,82,.25);
  border-radius: 8px;
  margin-top: 24px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff
}

@media (max-width: 870px) {
  .main__graph-container__button-red {
      padding:15px 0
  }
}

.main__graph-container__button-red:hover {
  background: #f3887c
}

.main__graph-container__button-red svg {
  margin-left: 10px
}

.main__graph-container__button-green {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 36px;
  background: #35b972;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 8px;
  margin-top: 24px;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff
}

@media (max-width: 870px) {
  .main__graph-container__button-green {
      padding:15px 0
  }
}

.main__graph-container__button-green:hover {
  background: #4fd38c
}

.main__graph-container__button-green svg {
  margin-left: 10px
}

.main__graph-container__button-green a {
  border: 0;
  color: #fff!important
}

.main__graph-container__button-green a:hover {
  color: #fff!important
}

.main__appendix {
  position: relative;
  left: -180px;
  flex: none;
  max-width: 624px;
  width: 100%;
  margin-top: 139px
}

@media (max-width: 1224px) {
  .main__appendix {
      left:0;
      max-width: 395px
  }
}

@media (max-width: 870px) {
  .main__appendix {
      max-width:624px;
      padding: 0 16px;
      top: -150px;
      margin: 139px auto 0
  }
}

@media (max-width: 568px) {
  .main__appendix {
      position:static;
      margin-top: 0;
      padding: 0 16px;
      margin-bottom: 94px
  }
}

.main__appendix-container {
  width: 100%;
  background: url(../img/main/appendix-bg.png) repeat-x bottom
}

@media (max-width: 870px) {
  .main__appendix-container {
      background:0 0
  }
}

.main__appendix-block {
  position: relative;
  display: flex;
  max-width: 1224px;
  width: 100%;
  margin: 0 auto
}

@media (max-width: 1224px) {
  .main__appendix-block {
      justify-content:space-between
  }
}

.main__appendix-block-image {
  display: block;
  position: relative;
  left: -210px
}

@media (max-width: 1224px) {
  .main__appendix-block-image {
      display:none
  }
}

.main__appendix-block-image__tab {
  display: none
}

@media (max-width: 870px) {
  .main__appendix-block-image__tab {
      display:block;
      width: 100%;
      margin: 0 auto
  }
}

.main__appendix-block-image__mobile {
  display: none
}

@media (max-width: 1224px) {
  .main__appendix-block-image__mobile {
      display:block;
      width: calc(100% - 395px)
  }
}

@media (max-width: 870px) {
  .main__appendix-block-image__mobile {
      display:none
  }
}

@media (max-width: 870px) {
  .main__appendix-block {
      display:block
  }
}

.main__appendix-title {
  max-width: 494px;
  margin-bottom: 32px
}

@media (max-width: 1224px) {
  .main__appendix-title {
      margin-bottom:24px
  }
}

@media (max-width: 870px) {
  .main__appendix-title {
      max-width:100%;
      margin-bottom: 20px;
      text-align: center
  }
}

.main__appendix-text {
  max-width: 436px;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 48px
}

@media (max-width: 1224px) {
  .main__appendix-text {
      margin-bottom:38px
  }
}

@media (max-width: 870px) {
  .main__appendix-text {
      max-width:100%;
      text-align: center;
      margin-bottom: 32px
  }
}

@media (max-width: 568px) {
  .main__appendix-text {
      font-size:14px;
      line-height: 18px;
      margin-bottom: 18px;
      text-align: center
  }
}

.main__appendix-footer {
  display: flex
}

@media (max-width: 1224px) {
  .main__appendix-footer {
      flex-wrap:wrap
  }
}

@media (max-width: 870px) {
  .main__appendix-footer {
      justify-content:center;
      flex-wrap: nowrap
  }
}

.main__appendix-footer__button {
  display: flex;
  max-width: 300px;
  width: 100%;
  color: #fff;
  padding: 17px 0 17px 24px;
  background: #262b3c;
  border-radius: 8px;
  cursor: pointer
}

@media (max-width: 568px) {
  .main__appendix-footer__button {
      max-width:140px;
      padding: 11px 8px
  }
}

@media (max-width: 1224px) {
  .main__appendix-footer__button:first-child {
      margin-right:0;
      margin-bottom: 24px
  }
}

@media (max-width: 568px) {
  .main__appendix-footer__button:first-child {
      margin-right:8px;
      margin-bottom: 0
  }
}

.main__appendix-footer__button:hover {
  background: #026fd3
}

.main__appendix-footer__button:hover svg {
  fill: #fff
}

.main__appendix-footer__button svg {
  width: 64px;
  height: 64px;
  margin-right: 24px;
  fill: #2b99ff
}

@media (max-width: 568px) {
  .main__appendix-footer__button svg {
      width:24px;
      height: 24px;
      margin-right: 12px
  }
}

.main__appendix-footer__button-available {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 21px;
  opacity: .4
}

@media (max-width: 568px) {
  .main__appendix-footer__button-available {
      font-size:10px;
      line-height: 12px;
      margin-bottom: 5px
  }
}

.main__appendix-footer__button-value {
  font-weight: 600;
  font-size: 24px;
  line-height: 21px;
  opacity: .8
}

@media (max-width: 568px) {
  .main__appendix-footer__button-value {
      font-size:16px;
      line-height: 20px
  }
}

.main__reviews {
  max-width: 1224px;
  width: 100%;
  margin: 0 auto 0
}

@media (max-width: 1224px) {
  .main__reviews {
      max-width:870px
  }
}

@media (max-width: 870px) {
  .main__reviews {
      max-width:100%;
      padding: 0 24px
  }
}

.main__reviews-testimonials {
  margin: auto;
  position: relative
}

.main__reviews-scroller {
  display: flex;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  overflow: hidden
}

.main__reviews-title {
  margin-bottom: 5px
}

@media (max-width: 870px) {
  .main__reviews-title {
      margin-bottom:16px
  }
}

.main__reviews-subtitle {
  margin-bottom: 36px;
  font-size: 32px;
  color: rgba(255,255,255,.3)
}

@media (max-width: 870px) {
  .main__reviews-subtitle {
      font-size:24px;
      line-height: 40px;
      margin-bottom: 32px
  }
}

.main__reviews-container {
  background-color: rgba(53,58,77,.8);
  border-radius: 8px;
  min-width: 100%;
  scroll-snap-align: center
}

.main__reviews-appraisals {
  display: flex;
  align-items: center;
  margin-bottom: 45px
}

@media (max-width: 567px) {
  .main__reviews-appraisals {
      margin-bottom:17px
  }
}

.main__reviews-appraisals img {
  width: 262px;
  margin-right: 17px
}

@media (max-width: 567px) {
  .main__reviews-appraisals img {
      width:164px;
      margin-right: 12px
  }
}

.main__reviews-appraisals__text {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #0faf59;
  opacity: .8
}

.main__reviews-block {
  padding: 48px 48px 23px 28px;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

@media (max-width: 768px) {
  .main__reviews-block {
      padding:48px 55px 40px 47px
  }
}

@media (max-width: 568px) {
  .main__reviews-block {
      padding:24px 16px
  }
}

.main__reviews-block__text {
  max-width: 910px;
  width: 100%;
  height: 160px;
  font-size: 18px;
  line-height: 24px;
  color: rgba(255,255,255,.8)
}

@media (max-width: 567px) {
  .main__reviews-block__text {
      font-size:14px;
      line-height: 18px
  }
}

.main__reviews-block__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 48px;
  color: #fff
}

@media (max-width: 768px) {
  .main__reviews-block__footer {
      padding:23px 52px 30px 47px
  }
}

@media (max-width: 567px) {
  .main__reviews-block__footer {
      display:block;
      padding: 16px 16px 20px 16px
  }
}

.main__reviews-block__footer-block {
  display: flex;
  align-items: center
}

.main__reviews-block__footer-block svg {
  width: 32px;
  height: 32px;
  margin-right: 20px
}

.main__reviews-block__footer-name {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 20px;
  line-height: 27px;
  opacity: .8
}

.main__reviews-block__footer-id {
  font-size: 14px;
  line-height: 18px;
  opacity: .3
}

.main__reviews-slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 23px;
  right: 48px
}

@media (max-width: 567px) {
  .main__reviews-slider {
      margin-top:16px
  }
}

.main__reviews-slider__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.05);
  border-radius: 60px;
  cursor: pointer
}

.main__reviews-slider__points {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (max-width: 567px) {
  .main__reviews-slider__points {
      width:calc(100% - 80px)
  }
}

.main__reviews-slider__dot {
  width: 8px;
  height: 8px;
  border-radius: 100px;
  margin-right: 16px;
  background: #fff;
  opacity: .1
}

.main__reviews-slider__dot:first-child {
  margin-left: 16px
}

.main__reviews-slider__dot.active {
  width: 10px;
  height: 10px;
  background: #026fd3;
  box-shadow: 0 4px 10px rgba(2,111,211,.25);
  opacity: 1
}

.main__start {
  max-width: 1224px;
  width: 100%;
  margin: 58px auto 0;
  padding-bottom: 88px;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

@media (max-width: 1224px) {
  .main__start {
      max-width:870px
  }
}

@media (max-width: 870px) {
  .main__start {
      max-width:100%;
      padding: 0 24px;
      padding-bottom: 30px
  }
}

@media (max-width: 568px) {
  .main__start {
      padding:0 16px
  }
}

.main__start-title {
  margin-bottom: 18px
}

@media (max-width: 870px) {
  .main__start-title {
      margin-bottom:16px
  }
}

.main__start-subtitle {
  margin-bottom: 33px;
  font-size: 32px;
  color: rgba(255,255,255,.3)
}

@media (max-width: 870px) {
  .main__start-subtitle {
      font-size:24px;
      line-height: 40px;
      margin-bottom: 43px
  }
}

@media (max-width: 568px) {
  .main__start-subtitle {
      font-weight:500;
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 24px
  }
}

.main__start-steps {
  display: flex;
  justify-content: space-between
}

@media (max-width: 768px) {
  .main__start-steps {
      margin-bottom:56px
  }
}

@media (max-width: 568px) {
  .main__start-steps {
      display:block;
      margin-bottom: 21px
  }
}

.main__start-step {
  position: relative;
  width: 288px;
  padding: 13px 25px 56px;
  color: #fff
}

@media (max-width: 870px) {
  .main__start-step {
      margin:0 auto 48px
  }

  .main__start-step:last-child {
      margin: 0 auto
  }
}

@media (max-width: 768px) {
  .main__start-step {
      width:210px;
      height: 416px;
      padding: 0;
      margin: 0
  }

  .main__start-step:last-child {
      margin: 0
  }
}

@media (max-width: 568px) {
  .main__start-step {
      width:288px;
      height: auto;
      padding: 0;
      margin: 0 auto 16px
  }

  .main__start-step:last-child {
      margin: 0 auto
  }
}

.main__start-step img {
  display: block;
  height: 124px;
  margin: 0 auto 31px
}

@media (max-width: 568px) {
  .main__start-step img {
      margin-bottom:20px
  }
}

.main__start-step__title {
  margin-bottom: 16px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px
}

.main__start-step__text {
  margin-bottom: 24px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255,255,255,.7)
}

.main__start-step__button {
  position: absolute;
  bottom: 0;
  max-width: 238px;
  width: 100%;
  text-align: center;
  color: #2b99ff;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  background: rgba(53,58,77,.8);
  border-radius: 8px;
  padding: 10px 40px;
  border: 0
}

@media (max-width: 568px) {
  .main__start-step__button {
      max-width:none;
      position: static
  }
}

.main__start-step__button:hover {
  background: rgba(53,58,77,.8);
  color: #2b99ff!important;
  border: 0
}

.main__questions {
  max-width: 1224px;
  width: 100%;
  margin: 66px auto 0;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(255,255,255,.05)
}

@media (max-width: 1224px) {
  .main__questions {
      max-width:870px
  }
}

@media (max-width: 870px) {
  .main__questions {
      max-width:100%;
      margin: 24px 0 0;
      padding: 0 16px;
      border-bottom: 0
  }
}

@media (max-width: 768px) {
  .main__questions {
      margin-top:56px
  }
}

@media (max-width: 568px) {
  .main__questions {
      margin-top:24px
  }
}

.main__questions-title {
  margin-bottom: 36px
}

@media (max-width: 1023px) {
  .main__questions-title {
      display:block
  }
}

.main__questions-items {
  display: flex
}

@media (max-width: 1023px) {
  .main__questions-items {
      display:block
  }
}

.main__questions-items ul {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.main__questions-item {
  width: 50%
}

@media (max-width: 1023px) {
  .main__questions-item {
      width:100%
  }
}

.main__questions-item:first-child {
  width: calc(50% - 24px);
  margin-right: 24px
}

@media (max-width: 1023px) {
  .main__questions-item:first-child {
      width:100%;
      margin-right: 0
  }
}

.main__questions__accordion__question {
  width: 100%
}

.main__questions__accordion-label {
  display: flex;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  gap: 24px;
  align-items: center
}

@media (max-width: 870px) {
  .main__questions__accordion-label {
      font-size:16px;
      line-height: 20px;
      align-items: center
  }
}

.main__questions__accordion-label__doc {
  width: 24px;
  height: 24px;
  display: block
}

.main__questions__accordion-label__arrow {
  width: 24px;
  height: 24px;
  display: block;
  transition: transform .2s linear
}

.main__questions__accordion-text {
  max-height: 0;
  overflow: hidden;
  transition: opacity .3s ease,max-height .3s ease;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255,255,255,.7);
  opacity: 0;
  margin: 0 0 0 48px
}

@media (max-width: 870px) {
  .main__questions__accordion-text {
      margin:0 0 0 51px
  }
}

.main__questions__accordion-block {
  padding: 16px 25px;
  margin-bottom: 18px;
  background: rgba(53,58,77,.8);
  border-radius: 8px
}

@media (max-width: 1023px) {
  .main__questions__accordion-block {
      margin-bottom:24px;
      padding: 24px 24px 24px 46px
  }
}

@media (max-width: 870px) {
  .main__questions__accordion-block {
      padding:16px;
      margin-bottom: 16px
  }
}

.main__questions__accordion-block.text-right {
  text-align: end
}

.main__questions__accordion-block.text-right .main__questions__accordion-label {
  flex-direction: row-reverse
}

.main__questions__accordion-checkbox {
  display: none
}

.main__questions__accordion-checkbox:checked~.main__questions__accordion-text {
  opacity: 1;
  max-height: 100%;
  margin-top: 16px
}

.main__questions__accordion-checkbox:checked+.main__questions__accordion-label .main__questions__accordion-label__arrow {
  transform: rotate(180deg)
}

.main__questions-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  max-width: 456px;
  width: 100%;
  margin: 32px auto 0;
  background: rgba(53,58,77,.8);
  border-radius: 8px;
  font-weight: 400;
  color: #2b99ff;
  cursor: pointer;
  border-bottom: 0
}

.main__questions-button svg {
  margin-right: 10px
}

.main__questions-button:hover {
  background: rgba(53,58,77,.8);
  color: #2b99ff!important;
  border: 0
}

.main__innovation-container {
  max-width: 1224px;
  width: 100%;
  margin: 110px auto 100px
}

@media (max-width: 568px) {
  .main__innovation-container {
      max-width:100%;
      margin: 60px 0 68px
  }
}

.main__innovation-title {
  max-width: 940px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 40px
}

@media (max-width: 568px) {
  .main__innovation-title {
      margin-bottom:0
  }
}

.main__innovation-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px
}

@media (max-width: 568px) {
  .main__innovation-button {
      display:block;
      width: 240px;
      bottom: 0;
      margin: 34px auto 0
  }
}

.main__innovation-image {
  display: block;
  width: 100%;
  height: 100%
}

@media (max-width: 568px) {
  .main__innovation-image {
      display:none
  }
}

.main__innovation-real {
  width: 296px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #35b972;
  box-shadow: 0 4px 10px rgba(53,184,114,.25);
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 0;
  cursor: pointer;
  margin-right: 22px
}

.main__innovation-real svg {
  width: 24px;
  height: 24px;
  margin-right: 16px
}

.main__innovation-real:hover {
  background: #4fd38c
}

@media (max-width: 568px) {
  .main__innovation-real {
      width:240px;
      height: 48px;
      margin: 0 0 15px;
      font-size: 14px;
      line-height: 18px
  }
}

.main__innovation-demo {
  width: 296px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #353a4d;
  border: 0;
  cursor: pointer
}

.main__innovation-demo svg {
  width: 32px;
  height: 32px;
  margin-right: 16px
}

.main__innovation-demo:hover {
  background: linear-gradient(0deg,#686f86,#686f86),#fff;
  color: #fff
}

@media (max-width: 568px) {
  .main__innovation-demo {
      width:240px;
      height: 48px;
      font-size: 14px;
      line-height: 18px
  }
}

.icon-recycle {
  width: 11px;
  height: 12px;
  cursor: pointer
}

.contacts {
  max-width: 1225px;
  width: 100%;
  margin: 55px auto 180px
}

@media (max-width: 992px) {
  .contacts {
      max-width:100%;
      padding: 0 20px
  }
}

@media (max-width: 524px) {
  .contacts {
      margin:16px auto 40px
  }
}

.contacts__title {
  margin-bottom: 56px;
  font-weight: 700
}

.contacts__description {
  max-width: 913px;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 61px
}

.contacts__input {
  position: relative;
  color: #fff;
  max-width: 299px;
  width: 100%;
  margin-right: 16px
}

@media (max-width: 680px) {
  .contacts__input {
      margin-right:0;
      margin-bottom: 32px;
      max-width: 100%
  }
}

.contacts__input-block {
  display: flex;
  align-items: center
}

.contacts__input-label {
  position: absolute;
  top: -8px;
  left: 10px;
  background: #1c1f2d;
  color: rgba(255,255,255,.3);
  padding: 0 6px;
  font-size: 14px;
  line-height: 18px;
  z-index: 10
}

.contacts__textarea {
  position: relative;
  color: #fff;
  max-width: 617px;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 24px
}

@media (max-width: 680px) {
  .contacts__textarea {
      margin-top:0
  }
}

.contacts__textarea-label {
  position: absolute;
  top: -8px;
  left: 10px;
  background: #1c1f2d;
  color: rgba(255,255,255,.3);
  padding: 0 6px;
  font-size: 14px;
  line-height: 18px;
  z-index: 10
}

.contacts__textarea-label.arabic {
  left: auto;
  right: 10px
}

.contacts__textarea textarea {
  resize: none;
  min-height: 140px;
  width: 100%;
  padding: 20px
}

.contacts__subtitle {
  margin: 69px 0 57px;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px
}

.contacts__address {
  display: flex;
  align-items: center;
  color: rgba(255,255,255,.8);
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px
}

.contacts__address-icon {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #2a99ff;
  margin-right: 16px
}

.contacts__address-name {
  margin-left: 24px;
  color: rgba(255,255,255,.8);
  font-size: 16px;
  line-height: 20px
}

.error-page {
  max-width: 609px;
  width: 100%;
  margin: 150px auto 187px
}

@media (max-width: 610px) {
  .error-page {
      max-width:100%;
      padding: 0 20px;
      margin: 16px 0 40px
  }
}

.error-page__title {
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
  text-align: center
}

.error-page__subtitle {
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  text-align: center
}

.error-page__img img {
  max-width: 320px;
  width: 100%;
  height: 286px;
  display: block;
  margin: 24px auto
}

.error-page__text {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #fff
}

.modal-sign {
  display: none;
  overflow: auto
}

.modal-sign.open {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background: rgba(36,41,57,.8);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px)
}

.modal-sign__logo {
  position: absolute;
  top: 32px;
  left: 56px
}

@media (max-width: 870px) {
  .modal-sign__logo {
      top:16px;
      left: 16px
  }
}

.modal-sign__logo:hover {
  border: 0!important
}

.modal-sign__close {
  position: absolute;
  top: 32px;
  right: 56px;
  cursor: pointer
}

@media (max-width: 870px) {
  .modal-sign__close {
      top:22px;
      right: 19px
  }
}

.modal-sign__container {
  max-width: 498px;
  margin: 75px auto 120px;
  color: #fff
}

@media (max-width: 870px) {
  .modal-sign__container {
      margin:64px auto 0
  }
}

@media (max-width: 500px) {
  .modal-sign__container {
      max-width:80%;
      margin: 24px auto 40px
  }
}

.modal-sign__container-title {
  max-width: 364px;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin: 0 auto 40px;
  text-align: center
}

@media (max-width: 870px) {
  .modal-sign__container-title {
      margin:0 auto 5px;
      font-size: 20px;
      line-height: 24px
  }
}

.modal-sign__block {
  width: 100%;
  padding: 16px 0 40px;
  background: #444b5d;
  border-radius: 8px
}

@media (max-width: 870px) {
  .modal-sign__block {
      padding:16px 0 18px
  }
}

@media (max-width: 500px) {
  .modal-sign__block {
      margin-bottom:20px;
      padding: 16px 16px 18px
  }
}

.modal-sign__block-title {
  margin: 24px 0 26px;
  font-size: 16px;
  line-height: 24px;
  text-align: center
}

@media (max-width: 870px) {
  .modal-sign__block-title {
      margin:10px 0 16px
  }
}

.modal-sign__block-checked {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 371px;
  width: 100%;
  height: 25px
}

.modal-sign__block-checked-forgot {
  font-size: 14px;
  line-height: 18px;
  color: #2b99ff;
  cursor: pointer;
  border: 0;
  display: inline
}

@media (max-width: 500px) {
  .modal-sign__block-checked-forgot {
      font-size:12px;
      line-height: 16px
  }
}

.modal-sign__block-checked-forgot:hover {
  color: #2b99ff!important
}

.modal-sign__block-button {
  max-width: 366px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px 0;
  margin: 0 auto;
  background: #4a8ded;
  box-shadow: 0 4px 10px rgba(2,111,211,.25);
  border-radius: 4px;
  margin-bottom: 38px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 0;
  cursor: pointer
}

.modal-sign__block-button.arabic svg {
  margin-right: 10px;
  margin-left: 0;
  transform: rotate(180deg)
}

.modal-sign__block-button svg {
  width: 24px;
  height: 24px;
  margin-left: 10px
}

.modal-sign__block-button:hover {
  background: #2b99ff
}

.modal-sign__tabs {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: #fff
}

.modal-sign__tabs.form {
  padding-bottom: 25px;
  margin-bottom: 33px
}

.modal-sign__tabs-block {
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 6px 8px;
  margin: 0 auto;
  background: rgba(255,255,255,.1);
  border-radius: 4px
}

.modal-sign__tab {
  background: 0 0;
  border: 0;
  color: #fff;
  padding: 10px 24px;
  font-weight: 900;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.modal-sign__tab.active {
  background: #353a4d;
  box-shadow: 2px 2px 6px rgba(53,58,77,.03);
  border-radius: 4px
}

.modal-sign__form {
  display: none
}

@media (max-width: 500px) {
  .modal-sign__form {
      padding:0 16px
  }
}

.modal-sign__form.active {
  display: block
}

.modal-sign__input {
  position: relative;
  max-width: 366px;
  width: 100%;
  margin: 0 auto 24px;
  color: #fff
}

.modal-sign__input.error .modal-sign__input-label {
  color: #ff6251
}

.modal-sign__input.error .modal-sign__input-value {
  border: 1px solid #ff6251
}

.modal-sign__input-select {
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  background: 0 0;
  border: 1px solid rgba(255,255,255,.1);
  box-sizing: border-box;
  border-radius: 8px;
  color: #fff;
  padding: 8px 8px 8px 14px
}

.modal-sign__input-select .select__active {
  display: block;
  padding: 16px
}

.modal-sign__input-select .select__options {
  color: #fff;
  z-index: 100;
  background-color: #606675
}

.modal-sign__input-select .select__options div {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(182,186,194,.1);
  margin-bottom: 15px
}

.modal-sign__input-select .select__options div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0
}

.modal-sign__input-select .select__options .select__text {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px
}

.modal-sign__input-select .select__options .select__text:hover {
  color: #3690f2
}

.modal-sign__input-error__text p {
  margin-top: 10px;
  color: #ff6251;
  font-size: 12px;
  line-height: 16px
}

.modal-sign__input-label {
  position: absolute;
  top: -8px;
  left: 10px;
  background: #444b5d;
  color: rgba(255,255,255,.3);
  padding: 0 6px;
  font-size: 14px;
  line-height: 18px;
  z-index: 10
}

.modal-sign__input-label.arabic {
  left: auto;
  right: 10px
}

.modal-sign__input-value {
  width: 100%;
  height: 48px;
  background: 0 0;
  border: 1px solid rgba(255,255,255,.1);
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff;
  padding: 8px 8px 8px 14px;
  font-size: 16px;
  line-height: 20px
}

.modal-sign__input-value:active {
  border: 1px solid rgba(255,255,255,.1)
}

.modal-sign__input-value.focus-tooltip:focus~.modal-sign__input-tooltip {
  opacity: 1
}

.modal-sign__input-value:focus-visible {
  outline: 0
}

.modal-sign__input-value:-webkit-autofill,.modal-sign__input-value:-webkit-autofill:focus,.modal-sign__input-value:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 1000px #444b5d inset!important;
  -webkit-text-fill-color: #fff;
  color: #fff;
  border: 1px solid rgba(255,255,255,.1)
}

.modal-sign__input-tooltip {
  position: absolute;
  top: 50%;
  left: calc(100% + 9px);
  transform: translate(0,-50%);
  z-index: 11;
  width: 308px;
  padding: 8px;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background-color: #7e859d;
  border-radius: 3px;
  opacity: 0;
  text-align: left;
  pointer-events: none;
  transition: opacity .2s linear
}

@media (max-width: 900px) {
  .modal-sign__input-tooltip {
      width:300px;
      top: calc(100% + 10px);
      left: 0;
      transform: translate(0,0)
  }
}

@media (max-width: 350px) {
  .modal-sign__input-tooltip {
      width:180px
  }
}

.modal-sign__input-tooltip::after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  left: -6px;
  bottom: 50%;
  margin-bottom: -6px;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #7e859d transparent transparent;
  transition: opacity .2s linear
}

@media (max-width: 900px) {
  .modal-sign__input-tooltip::after {
      left:10px;
      top: -6px;
      bottom: 0;
      margin-bottom: 0;
      border-width: 0 6px 6px 6px;
      border-color: transparent transparent #7e859d transparent
  }
}

.modal-sign__checked-container {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 40px;
  height: 25px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media (max-width: 500px) {
  .modal-sign__checked-container {
      font-size:12px;
      line-height: 16px
  }
}

.modal-sign__checked-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.modal-sign__checked-container input:checked~.modal-sign__checked-checkmark {
  background-color: #fff
}

.modal-sign__checked-container input:checked~.modal-sign__checked-checkmark::after {
  display: block
}

.modal-sign__checked-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 1px solid rgba(255,255,255,.1);
  box-sizing: border-box;
  border-radius: 2px
}

.modal-sign__checked-checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 5px;
  width: 6px;
  height: 10px;
  border: solid #026fd3;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}

.modal-sign__footer {
  max-width: 404px;
  width: 100%;
  margin: 0 auto
}

.modal-sign__footer-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 20px;
  color: #7e859d;
  text-align: center;
  margin-bottom: 38px
}

.modal-sign__footer-header::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background: rgba(255,255,255,.1);
  border-radius: 8px
}

.modal-sign__footer-header-text {
  padding: 0 14px;
  background: #444b5d;
  z-index: 10
}

.modal-sign__social {
  display: flex;
  align-items: center;
  justify-content: center
}

.modal-sign__social-button {
  width: 78px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  border: 0
}

.modal-sign__social-button.facebook {
  background: #4064ad;
  margin-right: 25px
}

.modal-sign__social-button.facebook:hover {
  background: #436fc9
}

@media (max-width: 500px) {
  .modal-sign__social-button.facebook {
      margin-right:10px
  }
}

.modal-sign__social-button.vk {
  background: #4064ad;
  margin-right: 25px
}

.modal-sign__social-button.vk:hover {
  background: #436fc9
}

@media (max-width: 500px) {
  .modal-sign__social-button.vk {
      margin-right:10px
  }
}

.modal-sign__social-button.google {
  border: 1px solid rgba(166,174,199,.5);
  box-sizing: border-box
}

.modal-sign__social-button.google:hover {
  background: #474c5d;
  border: 0;
  box-sizing: content-box
}

.modal-sign__not-avalible {
  display: block;
  text-align: center;
  max-width: 398px;
  width: 100%;
  margin: 0 auto
}

.modal-sign__not-avalible svg {
  margin-top: 19px
}

@media (max-width: 500px) {
  .modal-sign__not-avalible svg {
      margin-top:9px
  }
}

.modal-sign__not-avalible__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px
}

.modal-sign__not-avalible__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: -5px
}

@media (max-width: 500px) {
  .modal-sign__not-avalible__text {
      margin-bottom:7px
  }
}

.modal-sign__not-avalible__text a {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  font-weight: 700
}

.modal-sign__deletion-account {
  background: #444b5d;
  border-radius: 8px;
  padding: 25px 16px
}

.modal-sign__deletion-account__icon {
  text-align: center;
  margin-bottom: 20px
}

.modal-sign__deletion-account__block {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(219,70,53,.15);
  border: 1px solid rgba(219,70,53,.6);
  border-radius: 8px;
  padding: 16px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px
}

@media (max-width: 500px) {
  .modal-sign__deletion-account__block {
      align-items:flex-start
  }
}

.modal-sign__deletion-account__block svg {
  flex: none;
  margin-right: 6px
}

.modal-account-closed {
  max-width: 672px!important;
  width: 100%;
  background-color: #353a4d!important;
  box-shadow: 20px 0 80px rgba(27,31,45,.2)!important;
  border-radius: 8px!important;
  padding: 30px!important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: calc(100% - 20px);
  overflow: auto
}

.modal-account-closed__header {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
  margin-bottom: 20px
}

.modal-account-closed__header svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  flex: none
}

.modal-account-closed__body {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #fff
}

.modal-account-closed__body-plus {
  display: block
}

.modal-account-closed__body-minus {
  display: none
}

.modal-account-closed__body-accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2b99ff;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px
}

.modal-account-closed__body-accordion.active .modal-account-closed__body-plus {
  display: none
}

.modal-account-closed__body-accordion.active .modal-account-closed__body-minus {
  display: block
}

.modal-account-closed__body-accordion svg {
  display: flex;
  align-items: center;
  justify-content: center
}

.modal-account-closed__body-block {
  padding: 10px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1)
}

.modal-account-closed__body-panel {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px 0 20px;
  transition: all .2s ease-out
}

.modal-account-closed__body-panel.active {
  max-height: 100vh
}

.modal-account-closed__body-panel ul {
  margin: 10px 0 0;
  padding: 0
}

.modal-account-closed__body-panel li:not(:last-child) {
  margin-bottom: 20px
}

.modal-account-closed__prompt {
  color: #e29500
}

.modal {
  position: fixed;
  z-index: 15;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--modal-bg-fon);
  opacity: 0;
  pointer-events: none;
  transition: opacity 207ms ease-out
}

@media (prefers-reduced-motion:no-preference) {
  .modal {
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px)
  }
}

.modal.active {
  opacity: 1;
  pointer-events: all;
  transition: opacity 315ms ease-out
}

.modal__width {
  width: 350px;
  position: relative
}

.modal__width-container {
  display: flex;
  align-items: center;
  justify-content: center
}

.modal__container {
  position: relative;
  width: 350px;
  top: 0;
  margin: 0 auto 30px
}

.modal.active .modal__container {
  top: 10%
}

.modal--message .modal__container {
  width: 300px;
  text-align: center
}

@media (max-width: 1023px) {
  .modal:not(.modal--message) .modal__container {
      margin:auto
  }
}

@media (max-width: 567px) {
  .modal:not(.modal--message) .modal__container {
      width:280px
  }
}

.modal__image {
  width: 100%;
  height: 100%
}

.modal__dialog {
  padding: 30px;
  max-width: 100%;
  color: #fff;
  background-color: var(--modal-bg-color);
  box-shadow: 20px 0 80px rgba(28,32,46,.2);
  border-radius: 8px;
  transition: top 207ms ease-out
}

@media (max-width: 567px) {
  .modal__dialog {
      padding:10px
  }
}

.modal__close {
  position: absolute;
  padding: 3px;
  height: 18px;
  width: 18px;
  right: 20px;
  top: 20px;
  background: 0 0;
  border: none;
  color: #fff;
  cursor: pointer;
  opacity: .3;
  transition: opacity .2s
}

.modal__close:hover {
  opacity: .8
}

.modal__close svg {
  float: left;
  width: 12px;
  height: 12px
}

@media (max-width: 567px) {
  .modal:not(.modal--message) .modal__close {
      right:15px;
      top: 15px
  }
}

.modal__header {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700
}

.modal__header .icon,.modal__header svg {
  display: inline-block;
  height: 24px;
  max-width: 24px;
  margin-right: 5px;
  vertical-align: text-bottom
}

@media (max-width: 567px) {
  .modal:not(.modal--message) .modal__header {
      margin-bottom:10px
  }
}

.modal__body-row:not(:last-child) {
  margin-bottom: 20px
}

.modal__body-footer {
  display: flex;
  margin: 30px -24px -24px
}

.modal__body-footer>* {
  flex: 1
}

.modal__body-footer>*+* {
  margin-left: 6px
}

.modal__body dl {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  color: #fff;
  font-size: 12px;
  line-height: 16px
}

.modal__body dl dd,.modal__body dl dt {
  flex-basis: 50%;
  margin: 10px 0 0
}

.modal__body dl dd:first-of-type,.modal__body dl dt:first-of-type {
  margin-top: 0
}

.modal__body dl dt {
  color: rgba(255,255,255,.5)
}

.modal__body dl dd:after {
  content: '';
  flex-basis: 100%
}

.modal__body hr {
  border-top: 1px solid rgba(255,255,255,.1)
}

.modal__body p {
  margin: 0;
  font-size: 12px;
  line-height: 16px
}

.modal__body .flags {
  margin-right: 6px;
  vertical-align: -2px;
  color: #353a4d
}

.modal__body .flags>* {
  width: 12px;
  height: 12px
}

@media (max-width: 567px) {
  .modal__body-footer {
      margin:10px 0 0;
      flex-direction: column
  }

  .modal__body-footer>* {
      flex: 1
  }

  .modal__body-footer>*+* {
      margin-left: 0;
      margin-top: 6px
  }

  .modal:not(.modal--message) .modal__body {
      padding: 10px;
      background-color: rgba(255,255,255,.1);
      box-shadow: 2px 2px 6px rgba(53,58,77,.03);
      border-radius: 4px
  }

  .modal:not(.modal--message) .modal__body hr {
      margin-top: 10px;
      margin-bottom: 10px
  }

  .modal:not(.modal--message) .modal__body .flags {
      color: #494f65
  }

  .modal--message .modal__body-footer {
      margin: 30px 0 0
  }
}

.modal__message {
  margin: 0;
  font-size: 12px;
  line-height: 16px
}

.modal__footer {
  display: flex;
  margin: 30px -24px -24px
}

.modal__footer--inline {
  margin: 30px 0 0
}

.modal__footer>* {
  flex: 1
}

.modal__footer>*+* {
  margin-left: 6px
}

.modal__verification {
  position: relative;
  max-width: 458px;
  margin: 5% auto 0
}

.modal__verification .upload-control {
  background: rgba(2,111,211,.1);
  border: 1px dashed #026fd3
}

.modal__qrcode {
  width: 400px;
  margin: 50px auto 0;
  position: relative
}

.modal-account-closed__dialog {
  position: relative;
  max-width: 450px;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  margin: 50px auto 0
}

/*# sourceMappingURL=main.min.css.map */