.container {
  position: relative;
  width: 100%;
  max-width: 540px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 748px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .container {
    max-width: 980px;
    padding-right: 25px;
    padding-left: 25px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -25px;
  margin-left: -25px;
}

@media only screen and (min-width: 768px) {
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}

@media only screen and (min-width: 1024px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 25px;
  padding-left: 25px;
}

@media only screen and (min-width: 768px) {
  .col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.col-1 {
  max-width: 8.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
}

.col-2 {
  max-width: 16.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
}

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

.col-4 {
  max-width: 33.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
}

.col-5 {
  max-width: 41.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
}

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

.col-7 {
  max-width: 58.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
}

.col-8 {
  max-width: 66.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
}

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

.col-10 {
  max-width: 83.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
}

.col-11 {
  max-width: 91.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
}

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

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media only screen and (min-width: 768px) {
  .col-md {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-md-1 {
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-md-2 {
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-md-3 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-md-4 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-md-5 {
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-md-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-md-7 {
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-md-8 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-md-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-md-10 {
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-md-11 {
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-md-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .col-lg {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-lg-1 {
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-lg-2 {
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-lg-3 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-lg-4 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-lg-5 {
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-lg-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-lg-7 {
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-lg-8 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-lg-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-lg-10 {
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-lg-11 {
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-lg-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media only screen and (min-width: 1366px) {
  .col-xl {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-xl-auto {
    width: auto;
    max-width: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-xl-1 {
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-xl-2 {
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-xl-3 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-xl-4 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-xl-5 {
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-xl-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-xl-7 {
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-xl-8 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-xl-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-xl-10 {
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-xl-11 {
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-xl-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

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

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media only screen and (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-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media only screen and (min-width: 1024px) {
  .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-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media only screen and (min-width: 1366px) {
  .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-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.container {
  position: relative;
  width: 100%;
  max-width: 540px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 748px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .container {
    max-width: 980px;
    padding-right: 25px;
    padding-left: 25px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -25px;
  margin-left: -25px;
}

@media only screen and (min-width: 768px) {
  .row {
    margin-right: -20px;
    margin-left: -20px;
  }
}

@media only screen and (min-width: 1024px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 25px;
  padding-left: 25px;
}

@media only screen and (min-width: 768px) {
  .col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col {
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.col-1 {
  max-width: 8.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
}

.col-2 {
  max-width: 16.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
}

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

.col-4 {
  max-width: 33.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
}

.col-5 {
  max-width: 41.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
}

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

.col-7 {
  max-width: 58.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
}

.col-8 {
  max-width: 66.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
}

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

.col-10 {
  max-width: 83.333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
}

.col-11 {
  max-width: 91.666667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
}

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

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

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

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

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

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

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

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media only screen and (min-width: 768px) {
  .col-md {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-md-1 {
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-md-2 {
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-md-3 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-md-4 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-md-5 {
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-md-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-md-7 {
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-md-8 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-md-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-md-10 {
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-md-11 {
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-md-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media only screen and (min-width: 1024px) {
  .col-lg {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-lg-1 {
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-lg-2 {
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-lg-3 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-lg-4 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-lg-5 {
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-lg-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-lg-7 {
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-lg-8 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-lg-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-lg-10 {
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-lg-11 {
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-lg-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media only screen and (min-width: 1366px) {
  .col-xl {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .col-xl-auto {
    width: auto;
    max-width: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .col-xl-1 {
    max-width: 8.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
  }
  .col-xl-2 {
    max-width: 16.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
  }
  .col-xl-3 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .col-xl-4 {
    max-width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
  }
  .col-xl-5 {
    max-width: 41.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
  }
  .col-xl-6 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .col-xl-7 {
    max-width: 58.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
  }
  .col-xl-8 {
    max-width: 66.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
  }
  .col-xl-9 {
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
  .col-xl-10 {
    max-width: 83.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
  }
  .col-xl-11 {
    max-width: 91.666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
  }
  .col-xl-12 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

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

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media only screen and (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-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media only screen and (min-width: 1024px) {
  .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-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media only screen and (min-width: 1366px) {
  .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-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@font-face {
  font-family: FuturaBT;
  font-weight: 500;
  src: url("./static/font/FuturaBT-Medium.woff") format("woff");
}

@font-face {
  font-family: FuturaBT;
  font-weight: 600;
  src: url("./static/font/FuturaPT-DemiBold.woff") format("woff");
}

@font-face {
  font-family: FuturaBT;
  font-weight: 700;
  src: url("./static/font/FuturaBT-Bold.woff") format("woff");
}

:root {
  --color--white: #fff;
  --color--black: #000;
  --color--brand-magenta: #953dfe;
  --color--brand-pink: #ebecff;
  --color--brand-light-blue: #bfd2ff;
  --color--brand-purple: #484bfc;
  --color--brand-light-purple: #e2e0ff;
  --color--brand-dark-purple: #272a75;
  --color--brand-green: #57d9ad;
}

html {
  height: 100%;
}

html._noscroll {
  overflow: hidden;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 320px;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  background-color: #fff;
  color: #272a75;
  font-family: FuturaBT, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  line-height: 21px;
}

body._noscroll {
  overflow: hidden;
  height: 100%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .layout {
    -webkit-transition: -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s, -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
  }
}

@media only screen and (min-width: 768px) {
  .layout._is-moved {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-shadow: 3px 30px 35px 0 rgba(157, 21, 224, 0.64);
    box-shadow: 3px 30px 35px 0 rgba(157, 21, 224, 0.64);
    -webkit-transform: translate(-326px, 40px);
    transform: translate(-326px, 40px);
  }
}

@media only screen and (min-width: 768px) {
  .layout__overlay {
    position: fixed;
    z-index: 1042;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(216deg, #a100ed 0%, #10a0ff 100%);
    opacity: 0;
    -webkit-transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) {
  ._is-moved .layout__overlay {
    opacity: 0.95;
    visibility: visible;
  }
}

.caption {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .caption {
    font-size: 24px;
    line-height: 31px;
  }
}

.title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.paragraph {
  margin: 0;
}

.paragraph:not(:last-child) {
  margin-bottom: 21px;
}


/**
 * Кнопки
 */

.label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 37px;
}

.label::before {
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  background-color: #e2e0ff;
  border-radius: 6px;
  content: "";
}

.input {
  width: 100%;
  padding: 12px 21px;
  border: transparent solid 1px;
  background-color: #ebecff;
  border-radius: 27px;
  color: #272a75;
  font: 500 16px/19px FuturaBT, sans-serif;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.input::-webkit-input-placeholder {
  color: #272a75;
}

.input:-ms-input-placeholder {
  color: #272a75;
}

.input::-ms-input-placeholder {
  color: #272a75;
}

.input::placeholder {
  color: #272a75;
}

.input:focus {
  -webkit-box-shadow: inset 0 0 0 3px #bfd2ff;
  box-shadow: inset 0 0 0 3px #bfd2ff;
  outline: none;
}

@media only screen and (min-width: 768px) {
  .input {
    padding: 12px 30px 14px;
  }
}

.input--checkbox {
  display: none;
}

.input--checkbox:checked ~ .label::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6C0 2.68629 2.68629 0 6 0H19C22.3137 0 25 2.68629 25 6V19C25 22.3137 22.3137 25 19 25H6C2.68629 25 0 22.3137 0 19V6Z' fill='%23484BFC'/%3E%3Cpath clip-rule='evenodd' d='M0 4.21603L3.80509 6.89938L7.8404 0' transform='rotate(9.819 -43.307 57.53)' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

@-webkit-keyframes preloader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes preloader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 0 14px;
  border: none;
  border-radius: 27px;
  cursor: pointer;
  font: 500 16px/19px FuturaBT, sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: transparent solid 12px;
  border-radius: 27px;
  content: "";
  pointer-events: none;
}

._preload .btn__text {
  opacity: 0;
  visibility: hidden;
}

.btn__preloader {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  visibility: hidden;
}

._preload .btn__preloader {
  opacity: 1;
  visibility: visible;
}

.btn__preloader-dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 3px;
  background-color: #484bfc;
  border-radius: 50%;
  opacity: 0;
}

.btn__preloader-dot--soon {
  background-color: #fff;
}

._preload .btn__preloader-dot {
  -webkit-animation: preloader linear 1s infinite;
  animation: preloader linear 1s infinite;
}

._preload .btn__preloader-dot:nth-child(2) {
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}

._preload .btn__preloader-dot:nth-child(3) {
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}

.btn:hover,
  .btn:focus {
  outline: none;
}

.btn:hover::after,
.btn:focus::after {
  opacity: 0;
  -webkit-transform: scaleX(1.1) scaleY(1.3);
  transform: scaleX(1.1) scaleY(1.3);
  -webkit-transition: border-color 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, transform 0.4s, opacity 0.4s;
  transition: border-color 0.4s, transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.btn--outline-purple {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 3px #484bfc;
  box-shadow: inset 0 0 0 3px #484bfc;
  color: #484bfc;
}

.btn--outline-purple:hover,
    .btn--outline-purple:focus {
  background-color: #484bfc;
  -webkit-box-shadow: inset 0 0 0 3px #484bfc;
  box-shadow: inset 0 0 0 3px #484bfc;
  color: #fff;
}

.btn--outline-white {
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff;
  color: #fff;
}

.btn--outline-white:hover,
    .btn--outline-white:focus {
  background-color: rgb(242, 242, 242);
  -webkit-box-shadow: inset 0 0 0 3px rgb(242, 242, 242);
  box-shadow: inset 0 0 0 3px rgb(242, 242, 242);
  color: #953dfe;
}

.btn--white {
  background-color: #fff;
  color: #953dfe;
}

.btn--white:hover,
    .btn--white:focus {
  background-color: rgb(242, 242, 242);
}

.btn--white:hover::after,
.btn--white:focus::after {
  border-color: #fff;
}

.btn--purple {
  background-color: #484bfc;
  color: #fff;
}

.btn--purple:hover,
    .btn--purple:focus {
  background-color: #383bed;
}

.btn--purple:hover::after,
.btn--purple:focus::after {
  border-color: #383bed;
}

.adv {
  position: relative;
  z-index: 1;
  padding-top: 70px; /* отступ для перехода по якорям */
  padding-bottom: 64px;
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .adv {
    padding-bottom: 49px;
  }
}

@media only screen and (min-width: 1024px) {
  .adv {
    padding-bottom: 128px;
  }
}

.adv__caption {
  margin-bottom: 23px;
}

@media only screen and (min-width: 768px) {
  .adv__caption {
    margin-bottom: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .adv__caption {
    margin-bottom: 38px;
  }
}

.adv__item {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .adv__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 122px;
    margin-bottom: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .adv__item {
    height: 250px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .adv__wrap {
    padding: 0 25px 0 142px;
  }
}

.adv__title {
  margin-bottom: 11px;
}

@media only screen and (min-width: 768px) {
  .adv__title {
    margin-top: 0;
  }
}

.adv__ico {
  width: 116px;
  height: 120px;
  margin-bottom: 8px;
  margin-left: -20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .adv__ico {
    position: absolute;
    top: -26px;
    left: -28px;
    width: 167px;
    height: 171px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
  }
}

.adv__ico--stability {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='116' height='120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M50.19 2.854l28.815 15.688a10.205 10.205 0 0 1 5.326 8.963v31.727c0 3.737-2.043 7.175-5.326 8.962L50.19 83.882a10.205 10.205 0 0 1-9.691.036l-29.437-15.74A10.205 10.205 0 0 1 5.67 59.18V27.557c0-3.765 2.073-7.224 5.393-9L40.5 2.819a10.205 10.205 0 0 1 9.691.036z' id='b'/%3E%3Cfilter x='-31.7%25' y='-33%25' width='163.3%25' height='166.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='9.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='56.697%25' y1='35.715%25' x2='0%25' y2='100%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(13 17)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M7.472 8.693a1.062 1.062 0 0 1 2.126 0v17.325a1.062 1.062 0 0 1-2.126 0V8.693zm6.236 0a1.062 1.062 0 0 1 2.126 0v17.325a1.062 1.062 0 0 1-2.126 0V8.693zm6.236 0a1.062 1.062 0 0 1 2.126 0v17.325a1.062 1.062 0 0 1-2.126 0V8.693zM2.126 33.007h31.785a1.062 1.062 0 1 1 0 2.122H1.063A1.062 1.062 0 0 1 0 34.068V1.283a1.062 1.062 0 0 1 2.126 0v31.724z' fill='url(%23c)' fill-rule='nonzero' transform='translate(42.764 40.341)'/%3E%3Cpath d='M69.693 49.051v17.324' stroke='%2357D9AD' stroke-width='2.126' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.adv__ico--simple {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='115' height='119' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M50.381 3.102l28.11 16.106a10.205 10.205 0 0 1 5.131 8.855v30.61c0 3.658-1.958 7.036-5.131 8.855L50.3 83.68a10.205 10.205 0 0 1-9.953.109L11.703 68.194a10.205 10.205 0 0 1-5.325-8.962V28.116c0-3.686 1.988-7.086 5.201-8.893l28.726-16.16a10.205 10.205 0 0 1 10.076.04z' id='b'/%3E%3Cfilter x='-31.7%25' y='-33%25' width='163.3%25' height='166.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='9.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='81.675%25' y1='0%25' x2='8.171%25' y2='100%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(13 16)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M19.465 29.147a1.062 1.062 0 1 1 0 2.122H6.109a3.98 3.98 0 0 1-3.983-3.975v-9.307a1.062 1.062 0 0 1 2.126 0v9.307c0 1.023.831 1.853 1.857 1.853h13.356zM16.303 2.344a1.062 1.062 0 1 1 0-2.122H29.25a3.98 3.98 0 0 1 3.983 3.976v14.845a1.062 1.062 0 0 1-2.126 0V4.198a1.855 1.855 0 0 0-1.857-1.854H16.303zm19.862 24.008a1.06 1.06 0 0 1 0 1.766L24.951 35.57a1.063 1.063 0 0 1-1.652-.883V19.784c0-.847.945-1.352 1.652-.883l11.214 7.451zm-2.507.883l-8.233-5.47v10.94l8.233-5.47z' fill='url(%23c)' fill-rule='nonzero' transform='translate(40.638 41.463)'/%3E%3Cpath d='M40.638 48.874c0-3.58 2.907-6.482 6.493-6.482 3.587 0 6.494 2.902 6.494 6.482s-2.907 6.48-6.494 6.48c-3.586 0-6.493-2.9-6.493-6.48' fill='%23FFF'/%3E%3Cpath d='M40.638 48.874c0-3.58 2.907-6.482 6.493-6.482 3.587 0 6.494 2.902 6.494 6.482s-2.907 6.48-6.494 6.48c-3.586 0-6.493-2.9-6.493-6.48z' stroke='%2357D9AD' stroke-width='2.126' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.adv__ico--reserve {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='115' height='119' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M50.381 3.102l28.11 16.106a10.205 10.205 0 0 1 5.131 8.855v30.61c0 3.658-1.958 7.036-5.131 8.855L50.3 83.68a10.205 10.205 0 0 1-9.953.109L11.703 68.194a10.205 10.205 0 0 1-5.325-8.962V28.116c0-3.686 1.988-7.086 5.201-8.893l28.726-16.16a10.205 10.205 0 0 1 10.076.04z' id='b'/%3E%3Cfilter x='-31.7%25' y='-33%25' width='163.3%25' height='166.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='9.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='81.675%25' y1='0%25' x2='8.171%25' y2='100%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(13 16)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M36.721.222H3.153A3.15 3.15 0 0 0 0 3.369v25.534a3.15 3.15 0 0 0 3.153 3.148H36.72a3.15 3.15 0 0 0 3.154-3.148V3.37A3.15 3.15 0 0 0 36.721.222m0 2.122c.567 0 1.028.46 1.028 1.025v25.534c0 .566-.46 1.026-1.028 1.026H3.153c-.566 0-1.027-.46-1.027-1.026V3.37c0-.566.46-1.025 1.027-1.025H36.72zM7.075 4.434L4.09 8.12a1.06 1.06 0 0 0 .159 1.492 1.064 1.064 0 0 0 1.495-.159l2.983-3.685a1.06 1.06 0 0 0-.158-1.492 1.064 1.064 0 0 0-1.495.159zm24.071 1.334l2.984 3.685a1.064 1.064 0 0 0 1.495.159 1.06 1.06 0 0 0 .159-1.492L32.8 4.435a1.064 1.064 0 0 0-1.495-.159 1.06 1.06 0 0 0-.159 1.492zm-22.418 20.6l-2.983-3.685a1.064 1.064 0 0 0-1.495-.158 1.06 1.06 0 0 0-.159 1.492l2.984 3.685a1.064 1.064 0 0 0 1.495.158 1.06 1.06 0 0 0 .158-1.492zM32.8 27.702l2.984-3.685a1.06 1.06 0 0 0-.16-1.492 1.064 1.064 0 0 0-1.494.158l-2.984 3.685a1.06 1.06 0 0 0 .16 1.492 1.064 1.064 0 0 0 1.494-.158z' fill='url(%23c)' transform='translate(38.512 42.17)'/%3E%3Cpath d='M46.456 47.344l-2.984 3.685M70.402 47.344l2.983 3.685M46.456 69.42l-2.984-3.686M70.402 69.42l2.983-3.686' fill='%23FFF'/%3E%3Cpath stroke='%2357D9AD' stroke-width='2.126' stroke-linecap='round' stroke-linejoin='round' d='M63.547 55.318V53.71H53.393v1.608M58.354 65.247V55.124'/%3E%3C/g%3E%3C/svg%3E");
}

.adv__ico--legal {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='115' height='119' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M50.381 3.102l28.11 16.106a10.205 10.205 0 0 1 5.131 8.855v30.61c0 3.658-1.958 7.036-5.131 8.855L50.3 83.68a10.205 10.205 0 0 1-9.953.109L11.703 68.194a10.205 10.205 0 0 1-5.325-8.962V28.116c0-3.686 1.988-7.086 5.201-8.893l28.726-16.16a10.205 10.205 0 0 1 10.076.04z' id='b'/%3E%3Cfilter x='-31.7%25' y='-33%25' width='163.3%25' height='166.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='9.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='86.372%25' y1='-3.049%25' x2='6.265%25' y2='114.724%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(13 16)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M30.019 2.344H20.24v26.892h7.263a1.062 1.062 0 1 1 0 2.122H10.852a1.062 1.062 0 1 1 0-2.122h7.263V2.344H8.336l4.739 9.218a1.061 1.061 0 0 1-.946 1.545H1.064c-.795 0-1.308-.84-.945-1.545L5.65.798c.208-.403.61-.595 1.003-.575l.056-.001h24.936l.057.001c.392-.02.795.172 1.002.575l5.533 10.764a1.061 1.061 0 0 1-.946 1.545H26.227c-.795 0-1.309-.84-.946-1.545l4.738-9.218zM6.596 3.607l-3.792 7.378h7.585L6.596 3.607zm25.163 0l-3.792 7.378h7.584l-3.792-7.378z' fill='url(%23c)' fill-rule='nonzero' transform='translate(39.22 44.293)'/%3E%3Cpath d='M39.22 62.197h11.484M76.923 62.197H65.441' stroke='%2357D9AD' stroke-width='2.126' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.adv__ico--proof {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='115' height='119' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M50.381 3.102l28.11 16.106a10.205 10.205 0 0 1 5.131 8.855v30.61c0 3.658-1.958 7.036-5.131 8.855L50.3 83.68a10.205 10.205 0 0 1-9.953.109L11.703 68.194a10.205 10.205 0 0 1-5.325-8.962V28.116c0-3.686 1.988-7.086 5.201-8.893l28.726-16.16a10.205 10.205 0 0 1 10.076.04z' id='b'/%3E%3Cfilter x='-31.7%25' y='-33%25' width='163.3%25' height='166.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='9.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='81.675%25' y1='0%25' x2='8.171%25' y2='100%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(13 16)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M27.949.222H3.153A3.15 3.15 0 0 0 0 3.369v33.505a3.15 3.15 0 0 0 3.153 3.148h24.796a3.15 3.15 0 0 0 3.153-3.148V3.37A3.15 3.15 0 0 0 27.95.222m0 2.122c.567 0 1.027.46 1.027 1.025v33.505c0 .566-.46 1.026-1.027 1.026H3.153c-.566 0-1.027-.46-1.027-1.026V3.37c0-.566.46-1.025 1.027-1.025h24.796' fill='url(%23c)' transform='translate(42.055 38.117)'/%3E%3Cpath d='M82.097 73.708a1.06 1.06 0 0 1-.752-.31l-6.38-6.37a1.059 1.059 0 0 1 0-1.5 1.064 1.064 0 0 1 1.503 0l6.38 6.368a1.061 1.061 0 0 1-.751 1.812' fill='%235753F7'/%3E%3Cpath d='M59.772 60.62c0-5.275 4.284-9.55 9.569-9.55 5.284 0 9.568 4.275 9.568 9.55s-4.284 9.55-9.568 9.55c-5.285 0-9.57-4.275-9.57-9.55' fill='%23FFF'/%3E%3Cpath d='M27.286 12.953c-5.286 0-9.57 4.276-9.57 9.551s4.284 9.55 9.57 9.55c5.284 0 9.568-4.275 9.568-9.55s-4.284-9.55-9.568-9.55m0 2.121c4.103 0 7.442 3.333 7.442 7.43 0 4.095-3.339 7.428-7.442 7.428-4.105 0-7.443-3.333-7.443-7.429s3.338-7.429 7.443-7.429' fill='url(%23c)' transform='translate(42.055 38.117)'/%3E%3Cpath stroke='%2357D9AD' stroke-width='2.126' stroke-linecap='round' stroke-linejoin='round' d='M66.15 60.263l2.456 2.452 4.58-4.571'/%3E%3Cpath d='M59.281 51.07h-9.076a1.062 1.062 0 1 1 0-2.122h9.076a1.062 1.062 0 1 1 0 2.122M56.113 56.729h-5.908a1.062 1.062 0 1 1 0-2.122h5.908a1.062 1.062 0 1 1 0 2.122' fill='%235851F6'/%3E%3C/g%3E%3C/svg%3E");
}

.adv__ico--credit {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='115' height='119' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M50.381 3.102l28.11 16.106a10.205 10.205 0 0 1 5.131 8.855v30.61c0 3.658-1.958 7.036-5.131 8.855L50.3 83.68a10.205 10.205 0 0 1-9.953.109L11.703 68.194a10.205 10.205 0 0 1-5.325-8.962V28.116c0-3.686 1.988-7.086 5.201-8.893l28.726-16.16a10.205 10.205 0 0 1 10.076.04z' id='b'/%3E%3Cfilter x='-31.7%25' y='-33%25' width='163.3%25' height='166.1%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='9.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='81.675%25' y1='0%25' x2='8.171%25' y2='100%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(13 16)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M35.527.222H3.449A3.446 3.446 0 0 0 0 3.665v32.017a3.446 3.446 0 0 0 3.449 3.442h32.078a3.446 3.446 0 0 0 3.45-3.442V3.665a3.446 3.446 0 0 0-3.45-3.443m0 2.321c.62 0 1.124.503 1.124 1.122v32.017c0 .618-.504 1.12-1.124 1.12H3.449c-.62 0-1.123-.502-1.123-1.12V3.665c0-.619.504-1.122 1.123-1.122h32.078m-21.058 17.15a5.035 5.035 0 0 0 5.038 5.03 5.035 5.035 0 0 0 5.04-5.03 5.035 5.035 0 0 0-5.04-5.03 5.035 5.035 0 0 0-5.038 5.03zm.946-6.114a7.337 7.337 0 0 1 4.092-1.238c1.649 0 3.171.54 4.398 1.454l.797-.795a1.164 1.164 0 0 1 1.645 0 1.16 1.16 0 0 1 0 1.642l-.819.816a7.309 7.309 0 0 1 1.344 4.235 7.308 7.308 0 0 1-1.24 4.084l.715.713a1.16 1.16 0 0 1 0 1.641 1.164 1.164 0 0 1-1.645 0l-.653-.65a7.343 7.343 0 0 1-4.542 1.563 7.338 7.338 0 0 1-4.242-1.341l-.43.428a1.164 1.164 0 0 1-1.645 0 1.16 1.16 0 0 1 0-1.641l.409-.408a7.311 7.311 0 0 1-1.456-4.39c0-1.71.585-3.283 1.566-4.533l-.519-.517a1.16 1.16 0 0 1 0-1.642 1.164 1.164 0 0 1 1.645 0l.58.58zM8.14 12.47c0 .641-.52 1.161-1.163 1.161-.642 0-1.163-.52-1.163-1.16V8.6a2.578 2.578 0 0 1 2.58-2.575h21.973a2.578 2.578 0 0 1 2.58 2.576v21.93a2.578 2.578 0 0 1-2.58 2.576H8.395a2.578 2.578 0 0 1-2.58-2.576v-3.869a1.162 1.162 0 1 1 2.326 0l-.001 3.87c0 .14.114.253.255.253h21.972c.14 0 .255-.113.255-.254V8.601a.254.254 0 0 0-.255-.255H8.395a.254.254 0 0 0-.255.255v3.868zm-2.315 5.138c0-.641.52-1.16 1.163-1.16.642 0 1.163.519 1.163 1.16v3.213c0 .641-.52 1.161-1.163 1.161-.642 0-1.163-.52-1.163-1.16v-3.214z' fill='url(%23c)' transform='translate(38.512 38.634)'/%3E%3Cpath d='M56.228 58.307A1.77 1.77 0 0 1 58 56.54a1.77 1.77 0 0 1 1.772 1.768A1.77 1.77 0 0 1 58 60.076a1.77 1.77 0 0 1-1.772-1.769z' stroke='%2357D9AD' stroke-width='2.126' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.three-cards {
  position: relative;
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .three-cards {
    padding-bottom: 97px;
  }
}

@media only screen and (min-width: 1024px) {
  .three-cards {
    padding-bottom: 160px;
  }
}

.three-cards__bg {
  position: absolute;
  top: -184px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 777px;
  background-image: linear-gradient(-178deg, rgba(246, 249, 255, 0) 0%, #eaf1ff 100%);
  -webkit-transform: skewY(-9.3deg);
  transform: skewY(-9.3deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@media only screen and (min-width: 768px) {
  .three-cards__bg {
    top: 25px;
    height: 215px;
    -webkit-transform: skewY(-11.3deg);
    transform: skewY(-11.3deg);
  }
}

@media only screen and (min-width: 1024px) {
  .three-cards__bg {
    top: -118px;
    height: 390px;
  }
}

@media only screen and (min-width: 1366px) {
  .three-cards__bg {
    top: -72px;
  }
}

.three-cards__list {
  margin: 0 -15px;
}

@media only screen and (min-width: 768px) {
  .three-cards__list {
    margin: 0;
  }
}

.three-cards__item {
  padding: 37px 45px;
  margin-bottom: 24px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
  box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
}

@media only screen and (min-width: 768px) {
  .three-cards__item {
    padding: 30px 20px 37px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .three-cards__item {
    padding: 40px 45px 20px;
  }
}

.three-cards__title {
  margin-bottom: 5px;
  color: #484bfc;
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .three-cards__title {
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 1024px) {
  .three-cards__title {
    font-size: 60px;
    line-height: 60px;
  }
}

.three-cards__desc {
  min-height: 38px;
  margin: 0 auto;
  line-height: 19px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .three-cards__desc {
    min-height: 57px;
    font-size: 16px;
  }
}

.wallet-func {
  padding-top: 150px; /* отступ для перехода по якорям */
  padding-bottom: 42px;
  margin-top: -150px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .wallet-func {
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1024px) {
  .wallet-func {
    padding-bottom: 100px;
  }
}

.wallet-func__bg {
  position: absolute;
  top: -202px;
  left: -204px;
  width: 514px;
  height: 584px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='594' height='614' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='13.477%25' y1='19.432%25' y2='79.014%25' id='a'%3E%3Cstop stop-color='%23F6F9FF' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23EAF1FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M161 1950.468l585.325 253.598a14.4 14.4 0 0 1 8.675 13.213v260.267a14.4 14.4 0 0 1-8.28 13.035l-282.6 132.674a14.4 14.4 0 0 1-12.24 0L161 2486.694v-536.226z' transform='translate(-161 -2011)' fill='url(%23a)' fill-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media only screen and (min-width: 768px) {
  .wallet-func__bg {
    top: -255px;
    left: -355px;
    width: 594px;
    height: 666px;
  }
}

@media only screen and (min-width: 1024px) {
  .wallet-func__bg {
    top: -235px;
    left: -312px;
  }
}

.wallet-func__caption {
  margin-bottom: 38px;
}

@media only screen and (min-width: 768px) {
  .wallet-func__caption {
    width: 170px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .wallet-func__caption {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) {
  .wallet-func__list {
    margin-top: -30px;
  }
}

@media only screen and (min-width: 1024px) {
  .wallet-func__list {
    margin-top: -27px;
  }
}

.wallet-func__item {
  margin-bottom: 23px;
}

.wallet-func__title {
  margin-bottom: 12px;
  color: #57d9ad;
}

.convenient-stablecoin {
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .convenient-stablecoin {
    padding-bottom: 130px;
  }
}

@media only screen and (min-width: 1024px) {
  .convenient-stablecoin {
    padding-bottom: 123px;
  }
}

.convenient-stablecoin__caption {
  margin-bottom: 38px;
}

@media only screen and (min-width: 768px) {
  .convenient-stablecoin__caption {
    margin-bottom: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .convenient-stablecoin__caption {
    text-align: center;
  }
}

.convenient-stablecoin__list {
  margin: 0 -15px;
}

@media only screen and (min-width: 768px) {
  .convenient-stablecoin__list {
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .convenient-stablecoin__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.convenient-stablecoin__item {
  position: relative;
  z-index: 1;
  padding: 40px 24px;
  margin-bottom: 24px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
  box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
}

@media only screen and (min-width: 768px) {
  .convenient-stablecoin__item {
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media only screen and (min-width: 1024px) {
  .convenient-stablecoin__item {
    padding: 40px 32px 34px;
    margin-bottom: 24px;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
    box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
  }
}

@media only screen and (min-width: 1024px) {
  .convenient-stablecoin__item--mini {
    height: 540px;
    margin-top: 80px;
  }
}

.convenient-stablecoin__title {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .convenient-stablecoin__paragraph:not(:last-child) {
    margin-bottom: 24px;
  }
}

.security-standards {
  padding-top: 70px; /* отступ для перехода по якорям */
  padding-bottom: 67px;
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .security-standards {
    padding-bottom: 96px;
  }
}

@media only screen and (min-width: 1024px) {
  .security-standards {
    padding-bottom: 100px;
  }
}

.security-standards__info {
  margin-bottom: 48px;
}

@media only screen and (min-width: 768px) {
  .security-standards__info {
    margin-bottom: 44px;
  }
}

.security-standards__info-caption {
  margin-bottom: 23px;
}

@media only screen and (min-width: 768px) {
  .security-standards__info-caption {
    margin-bottom: 40px;
  }
}

.security-standards__buttons {
  margin: 0 -15px;
}

@media only screen and (min-width: 768px) {
  .security-standards__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 9px 0 -6px;
  }
}

.security-standards__buttons-item:not(:last-child) {
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .security-standards__buttons-item:not(:last-child) {
    margin-right: 16px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .security-standards__placeholder {
    position: relative;
    width: 307px;
    height: 388px;
    margin-left: 60px;
    background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='308px' height='389px' viewBox='0 0 308 389' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Ecover%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3ClinearGradient x1='81.6753106%25' y1='0%25' x2='8.17121096%25' y2='100%25' id='linearGradient-1'%3E %3Cstop stop-color='%23B139FF' offset='0%25'/%3E %3Cstop stop-color='%233C4DFB' offset='100%25'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg id='1366' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-840.000000, -2211.000000)' id='security'%3E %3Cg transform='translate(212.000000, 2211.000000)'%3E %3Cg id='cover' transform='translate(628.000000, 0.000000)'%3E %3Crect id='Rectangle-7' fill='url(%23linearGradient-1)' x='0' y='0' width='307.77284' height='388.9908' rx='10'/%3E %3Cg id='pattern' transform='translate(26.000000, 16.000000)' fill='%23FFFFFF'%3E %3Cpath d='M3.0563,5.8288 C3.0033,5.8288 1.7523,5.8138 1.2013,4.5378 L2.1193,4.1418 C2.4123,4.8208 3.0503,4.8288 3.0563,4.8288 C3.4323,4.8288 3.7633,4.4978 3.7633,4.1218 C3.7633,3.6338 3.2073,3.4648 2.8763,3.4068 C1.9483,3.2458 1.3483,2.5788 1.3483,1.7068 C1.3483,0.6858 2.0353,-0.0002 3.0563,-0.0002 C3.4413,0.0028 4.2123,0.1958 4.6813,0.9068 L3.8463,1.4568 C3.5543,1.0158 3.0583,0.9998 3.0533,0.9998 C2.5873,0.9998 2.3483,1.2378 2.3483,1.7068 C2.3483,2.1978 2.7283,2.3668 3.0473,2.4218 C4.1213,2.6088 4.7633,3.2438 4.7633,4.1218 C4.7633,5.0468 3.9813,5.8288 3.0563,5.8288' id='Fill-3'/%3E %3Cpolygon id='Fill-6' points='1.028 51.123 5.092 51.123 5.092 50.123 1.028 50.123'/%3E %3Cpolygon id='Fill-8' points='2.56 55.466 3.56 55.466 3.56 51.013 2.56 51.013'/%3E %3Cpolygon id='Fill-9' points='101.551 55.466 104.793 55.466 104.793 54.466 101.551 54.466'/%3E %3Cpolygon id='Fill-10' points='101.317 55.466 102.317 55.466 102.317 50.114 101.317 50.114'/%3E %3Cpolygon id='Fill-13' points='50.702 51.123 54.649 51.123 54.649 50.123 50.702 50.123'/%3E %3Cpolygon id='Fill-14' points='50.702 53.297 54.649 53.297 54.649 52.297 50.702 52.297'/%3E %3Cpolygon id='Fill-15' points='50.702 55.47 54.649 55.47 54.649 54.47 50.702 54.47'/%3E %3Cpolygon id='Fill-19' points='0.988 251.188 4.935 251.188 4.935 250.188 0.988 250.188'/%3E %3Cpolygon id='Fill-20' points='0.988 253.361 4.935 253.361 4.935 252.361 0.988 252.361'/%3E %3Cpolygon id='Fill-21' points='0.988 255.534 4.935 255.534 4.935 254.534 0.988 254.534'/%3E %3Cpolygon id='Fill-22' points='200.988 1.163 204.935 1.163 204.935 0.163 200.988 0.163'/%3E %3Cpolygon id='Fill-23' points='200.988 3.337 204.935 3.337 204.935 2.337 200.988 2.337'/%3E %3Cpolygon id='Fill-24' points='200.988 5.51 204.935 5.51 204.935 4.51 200.988 4.51'/%3E %3Cpath d='M153.0329,55.7756 C152.9799,55.7756 151.7289,55.7606 151.1779,54.4846 L152.0959,54.0886 C152.3889,54.7676 153.0269,54.7756 153.0329,54.7756 C153.4089,54.7756 153.7399,54.4446 153.7399,54.0686 C153.7399,53.5806 153.1839,53.4116 152.8529,53.3536 C151.9249,53.1926 151.3249,52.5256 151.3249,51.6536 C151.3249,50.6326 152.0119,49.9466 153.0329,49.9466 C153.4179,49.9496 154.1889,50.1426 154.6579,50.8536 L153.8229,51.4036 C153.5309,50.9626 153.0349,50.9466 153.0299,50.9466 C152.5639,50.9466 152.3249,51.1846 152.3249,51.6536 C152.3249,52.1446 152.7049,52.3136 153.0239,52.3686 C154.0979,52.5556 154.7399,53.1906 154.7399,54.0686 C154.7399,54.9936 153.9579,55.7756 153.0329,55.7756' id='Fill-25'/%3E %3Cpolygon id='Fill-26' points='151.005 1.243 155.069 1.243 155.069 0.243 151.005 0.243'/%3E %3Cpolygon id='Fill-27' points='152.536 5.586 153.536 5.586 153.536 1.133 152.536 1.133'/%3E %3Cpolygon id='Fill-28' points='101.546 5.624 102.546 5.624 102.546 1.666 101.546 1.666'/%3E %3Cpath d='M103.1725,0.0979 C102.2745,0.0979 101.5455,0.8269 101.5455,1.7249 C101.5455,2.6239 102.2745,3.3519 103.1725,3.3519 C104.0705,3.3519 104.7995,2.6239 104.7995,1.7249 C104.7995,0.8269 104.0705,0.0979 103.1725,0.0979 M103.1725,1.0979 C103.5185,1.0979 103.7995,1.3789 103.7995,1.7249 C103.7995,2.0709 103.5185,2.3519 103.1725,2.3519 C102.8265,2.3519 102.5455,2.0709 102.5455,1.7249 C102.5455,1.3789 102.8265,1.0979 103.1725,1.0979' id='Fill-29'/%3E %3Cpolygon id='Fill-38' points='151.005 351.659 155.069 351.659 155.069 350.659 151.005 350.659'/%3E %3Cpolygon id='Fill-39' points='152.536 356.002 153.536 356.002 153.536 351.549 152.536 351.549'/%3E %3Cpolygon id='Fill-40' points='151.005 251.19 155.069 251.19 155.069 250.19 151.005 250.19'/%3E %3Cpolygon id='Fill-41' points='152.536 255.532 153.536 255.532 153.536 251.079 152.536 251.079'/%3E %3Cpolygon id='Fill-42' points='201.785 55.624 202.785 55.624 202.785 51.666 201.785 51.666'/%3E %3Cpath d='M203.4118,50.0979 C202.5138,50.0979 201.7848,50.8269 201.7848,51.7249 C201.7848,52.6239 202.5138,53.3519 203.4118,53.3519 C204.3108,53.3519 205.0388,52.6239 205.0388,51.7249 C205.0388,50.8269 204.3108,50.0979 203.4118,50.0979 M203.4118,51.0979 C203.7578,51.0979 204.0388,51.3789 204.0388,51.7249 C204.0388,52.0709 203.7578,52.3519 203.4118,52.3519 C203.0658,52.3519 202.7848,52.0709 202.7848,51.7249 C202.7848,51.3789 203.0658,51.0979 203.4118,51.0979' id='Fill-43'/%3E %3Cpolygon id='Fill-44' points='201.785 255.725 202.785 255.725 202.785 251.767 201.785 251.767'/%3E %3Cpath d='M203.4118,250.1989 C202.5138,250.1989 201.7848,250.9279 201.7848,251.8259 C201.7848,252.7239 202.5138,253.4529 203.4118,253.4529 C204.3108,253.4529 205.0388,252.7239 205.0388,251.8259 C205.0388,250.9279 204.3108,250.1989 203.4118,250.1989 M203.4118,251.1989 C203.7578,251.1989 204.0388,251.4799 204.0388,251.8259 C204.0388,252.1719 203.7578,252.4529 203.4118,252.4529 C203.0658,252.4529 202.7848,252.1719 202.7848,251.8259 C202.7848,251.4799 203.0658,251.1989 203.4118,251.1989' id='Fill-45'/%3E %3Cpath d='M3.1642,99.6189 L0.0002,105.0949 L6.3242,105.0969 L3.1642,99.6189 Z M3.1642,101.6189 L4.5922,104.0969 L1.7322,104.0949 L3.1642,101.6189 Z' id='Fill-46'/%3E %3Cpath d='M203.0353,105.3293 C202.9823,105.3293 201.7313,105.3143 201.1803,104.0373 L202.0983,103.6413 C202.3923,104.3213 203.0293,104.3293 203.0353,104.3293 C203.4123,104.3293 203.7433,103.9983 203.7433,103.6223 C203.7433,103.1343 203.1873,102.9653 202.8563,102.9073 C201.9283,102.7463 201.3293,102.0783 201.3293,101.2063 C201.3293,100.1853 202.0163,99.5003 203.0373,99.5003 C203.4223,99.5033 204.1933,99.6973 204.6613,100.4073 L203.8273,100.9573 C203.5353,100.5163 203.0393,100.5003 203.0343,100.5003 C202.5683,100.5003 202.3293,100.7383 202.3293,101.2073 C202.3293,101.6973 202.7093,101.8663 203.0273,101.9223 C204.1023,102.1093 204.7433,102.7453 204.7433,103.6223 C204.7433,104.5483 203.9603,105.3293 203.0353,105.3293' id='Fill-48'/%3E %3Cpath d='M153.1408,99.6799 L149.9758,105.1559 L156.3008,105.1579 L153.1408,99.6799 Z M153.1398,101.6799 L154.5688,104.1579 L151.7088,104.1559 L153.1398,101.6799 Z' id='Fill-50'/%3E %3Cpath d='M103.2595,105.3904 C103.2065,105.3904 101.9555,105.3754 101.4045,104.0984 L102.3225,103.7024 C102.6155,104.3824 103.2535,104.3904 103.2595,104.3904 C103.6355,104.3904 103.9675,104.0594 103.9675,103.6834 C103.9675,103.1954 103.4115,103.0264 103.0805,102.9684 C102.1525,102.8074 101.5525,102.1394 101.5535,101.2674 C101.5535,100.2464 102.2395,99.5614 103.2615,99.5614 C103.6465,99.5644 104.4175,99.7584 104.8855,100.4684 L104.0505,101.0194 C103.7595,100.5774 103.2635,100.5614 103.2585,100.5614 C102.7925,100.5614 102.5535,100.7994 102.5535,101.2684 C102.5535,101.7584 102.9325,101.9284 103.2515,101.9834 C104.3255,102.1704 104.9675,102.8064 104.9675,103.6834 C104.9665,104.6094 104.1845,105.3904 103.2595,105.3904' id='Fill-51'/%3E %3Cpath d='M103.2595,256.0139 C103.2065,256.0139 101.9555,255.9989 101.4045,254.7219 L102.3225,254.3259 C102.6155,255.0059 103.2535,255.0139 103.2595,255.0139 C103.6355,255.0139 103.9675,254.6839 103.9675,254.3069 C103.9675,253.8199 103.4115,253.6499 103.0805,253.5919 C102.1525,253.4309 101.5525,252.7639 101.5535,251.8919 C101.5535,250.8709 102.2395,250.1849 103.2615,250.1849 C103.6465,250.1879 104.4175,250.3819 104.8855,251.0929 L104.0505,251.6429 C103.7595,251.2009 103.2635,251.1849 103.2585,251.1849 C102.7925,251.1849 102.5535,251.4229 102.5535,251.8919 C102.5535,252.3829 102.9325,252.5519 103.2515,252.6069 C104.3255,252.7939 104.9675,253.4299 104.9675,254.3079 C104.9665,255.2329 104.1845,256.0139 103.2595,256.0139' id='Fill-52'/%3E %3Cpolygon id='Fill-53' points='1.572 205.583 4.814 205.583 4.814 204.583 1.572 204.583'/%3E %3Cpolygon id='Fill-54' points='1.338 205.583 2.338 205.583 2.338 200.231 1.338 200.231'/%3E %3Cpolygon id='Fill-55' points='1.567 155.741 2.567 155.741 2.567 151.783 1.567 151.783'/%3E %3Cpath d='M3.1935,150.2151 C2.2955,150.2151 1.5665,150.9441 1.5665,151.8421 C1.5665,152.7401 2.2955,153.4691 3.1935,153.4691 C4.0915,153.4691 4.8205,152.7401 4.8205,151.8421 C4.8205,150.9441 4.0915,150.2151 3.1935,150.2151 M3.1935,151.2151 C3.5395,151.2151 3.8205,151.4961 3.8205,151.8421 C3.8205,152.1881 3.5395,152.4691 3.1935,152.4691 C2.8475,152.4691 2.5665,152.1881 2.5665,151.8421 C2.5665,151.4961 2.8475,151.2151 3.1935,151.2151' id='Fill-56'/%3E %3Cpath d='M252.8561,5.8288 C252.8031,5.8288 251.5521,5.8138 251.0011,4.5378 L251.9191,4.1418 C252.2121,4.8208 252.8501,4.8288 252.8561,4.8288 C253.2321,4.8288 253.5631,4.4978 253.5631,4.1218 C253.5631,3.6338 253.0071,3.4648 252.6761,3.4068 C251.7481,3.2458 251.1481,2.5788 251.1481,1.7068 C251.1481,0.6858 251.8351,-0.0002 252.8561,-0.0002 C253.2411,0.0028 254.0121,0.1958 254.4811,0.9068 L253.6461,1.4568 C253.3541,1.0158 252.8581,0.9998 252.8531,0.9998 C252.3871,0.9998 252.1481,1.2378 252.1481,1.7068 C252.1481,2.1978 252.5281,2.3668 252.8471,2.4218 C253.9211,2.6088 254.5631,3.2438 254.5631,4.1218 C254.5631,5.0468 253.7811,5.8288 252.8561,5.8288' id='Fill-57'/%3E %3Cpath d='M102.9616,300.5446 L99.7996,306.0216 L106.1236,306.0216 L102.9616,300.5446 Z M102.9616,302.5446 L104.3916,305.0216 L101.5316,305.0216 L102.9616,302.5446 Z' id='Fill-58'/%3E %3Cpath d='M3.0563,306.2751 C3.0033,306.2751 1.7523,306.2601 1.2013,304.9841 L2.1193,304.5881 C2.4123,305.2671 3.0503,305.2751 3.0563,305.2751 C3.4323,305.2751 3.7633,304.9451 3.7633,304.5681 C3.7633,304.0811 3.2073,303.9111 2.8763,303.8531 C1.9483,303.6931 1.3483,303.0251 1.3483,302.1541 C1.3483,301.1331 2.0353,300.4471 3.0563,300.4471 C3.4413,300.4491 4.2123,300.6431 4.6813,301.3531 L3.8463,301.9041 C3.5543,301.4621 3.0583,301.4471 3.0533,301.4471 C2.5873,301.4471 2.3483,301.6851 2.3483,302.1541 C2.3483,302.6441 2.7283,302.8131 3.0473,302.8681 C4.1213,303.0551 4.7633,303.6901 4.7633,304.5681 C4.7633,305.4941 3.9813,306.2751 3.0563,306.2751' id='Fill-59'/%3E %3Cpolygon id='Fill-60' points='200.988 301.61 204.935 301.61 204.935 300.61 200.988 300.61'/%3E %3Cpolygon id='Fill-61' points='200.988 303.783 204.935 303.783 204.935 302.783 200.988 302.783'/%3E %3Cpolygon id='Fill-62' points='200.988 305.957 204.935 305.957 204.935 304.957 200.988 304.957'/%3E %3Cpolygon id='Fill-63' points='50.93 301.69 54.994 301.69 54.994 300.69 50.93 300.69'/%3E %3Cpolygon id='Fill-64' points='52.462 306.033 53.462 306.033 53.462 301.579 52.462 301.579'/%3E %3Cpolygon id='Fill-65' points='151.335 306.071 152.335 306.071 152.335 302.113 151.335 302.113'/%3E %3Cpath d='M152.9616,300.5446 C152.0636,300.5446 151.3346,301.2736 151.3346,302.1716 C151.3346,303.0696 152.0636,303.7986 152.9616,303.7986 C153.8596,303.7986 154.5886,303.0696 154.5886,302.1716 C154.5886,301.2736 153.8596,300.5446 152.9616,300.5446 M152.9616,301.5446 C153.3076,301.5446 153.5886,301.8256 153.5886,302.1716 C153.5886,302.5176 153.3076,302.7986 152.9616,302.7986 C152.6156,302.7986 152.3346,302.5176 152.3346,302.1716 C152.3346,301.8256 152.6156,301.5446 152.9616,301.5446' id='Fill-66'/%3E %3Cpolygon id='Fill-67' points='250.828 51.123 254.892 51.123 254.892 50.123 250.828 50.123'/%3E %3Cpolygon id='Fill-68' points='252.36 55.466 253.36 55.466 253.36 51.013 252.36 51.013'/%3E %3Cpolygon id='Fill-69' points='250.788 251.188 254.735 251.188 254.735 250.188 250.788 250.188'/%3E %3Cpolygon id='Fill-70' points='250.788 253.361 254.735 253.361 254.735 252.361 250.788 252.361'/%3E %3Cpolygon id='Fill-71' points='250.788 255.534 254.735 255.534 254.735 254.534 250.788 254.534'/%3E %3Cpath d='M252.9641,99.6189 L249.7991,105.0949 L256.1241,105.0969 L252.9641,99.6189 Z M252.9631,101.6189 L254.3921,104.0969 L251.5321,104.0949 L252.9631,101.6189 Z' id='Fill-72'/%3E %3Cpolygon id='Fill-73' points='251.372 205.583 254.614 205.583 254.614 204.583 251.372 204.583'/%3E %3Cpolygon id='Fill-74' points='251.137 205.583 252.137 205.583 252.137 200.231 251.137 200.231'/%3E %3Cpolygon id='Fill-75' points='251.372 305.959 254.614 305.959 254.614 304.959 251.372 304.959'/%3E %3Cpolygon id='Fill-76' points='251.137 305.959 252.137 305.959 252.137 300.607 251.137 300.607'/%3E %3Cpolygon id='Fill-77' points='251.366 155.741 252.366 155.741 252.366 151.783 251.366 151.783'/%3E %3Cpath d='M252.9933,150.2151 C252.0943,150.2151 251.3663,150.9441 251.3663,151.8421 C251.3663,152.7401 252.0943,153.4691 252.9933,153.4691 C253.8913,153.4691 254.6203,152.7401 254.6203,151.8421 C254.6203,150.9441 253.8913,150.2151 252.9933,150.2151 M252.9933,151.2151 C253.3393,151.2151 253.6203,151.4961 253.6203,151.8421 C253.6203,152.1881 253.3393,152.4691 252.9933,152.4691 C252.6473,152.4691 252.3663,152.1881 252.3663,151.8421 C252.3663,151.4961 252.6473,151.2151 252.9933,151.2151' id='Fill-78'/%3E %3Cpolygon id='Fill-79' points='52.7722 105.1653 51.7722 105.1653 51.7732 101.2073 52.7732 101.2073'/%3E %3Cpath d='M53.4006,99.6394 C52.5026,99.6394 51.7746,100.3674 51.7736,101.2654 C51.7736,102.1634 52.5016,102.8924 53.4006,102.8934 C54.2986,102.8934 55.0266,102.1654 55.0276,101.2664 C55.0276,100.3684 54.2996,99.6394 53.4006,99.6394 Z M53.4006,100.6394 C53.7466,100.6394 54.0276,100.9204 54.0276,101.2664 C54.0276,101.6124 53.7456,101.8934 53.4006,101.8934 C53.2336,101.8924 53.0756,101.8274 52.9576,101.7094 C52.8386,101.5914 52.7736,101.4334 52.7736,101.2654 C52.7736,100.9204 53.0556,100.6394 53.4006,100.6394 Z' id='Fill-80'/%3E %3Cpath d='M3.1642,350.5339 L0.0002,356.0109 L6.3242,356.0129 L3.1642,350.5339 Z M3.1642,352.5339 L4.5922,355.0119 L1.7322,355.0109 L3.1642,352.5339 Z' id='Fill-81'/%3E %3Cpath d='M203.0353,356.2448 C202.9823,356.2448 201.7313,356.2288 201.1803,354.9528 L202.0983,354.5578 C202.3923,355.2368 203.0293,355.2448 203.0353,355.2448 C203.4123,355.2448 203.7433,354.9148 203.7433,354.5378 C203.7433,354.0508 203.1873,353.8808 202.8563,353.8228 C201.9283,353.6618 201.3293,352.9938 201.3293,352.1228 C201.3293,351.1008 202.0163,350.4158 203.0373,350.4168 C203.4223,350.4188 204.1933,350.6128 204.6613,351.3228 L203.8273,351.8738 C203.5353,351.4318 203.0393,351.4168 203.0343,351.4168 C202.5683,351.4158 202.3293,351.6538 202.3293,352.1228 C202.3293,352.6128 202.7093,352.7818 203.0273,352.8378 C204.1023,353.0248 204.7433,353.6608 204.7433,354.5388 C204.7433,355.4638 203.9603,356.2448 203.0353,356.2448' id='Fill-82'/%3E %3Cpath d='M103.2595,356.3064 C103.2065,356.3064 101.9555,356.2904 101.4045,355.0144 L102.3225,354.6184 C102.6155,355.2974 103.2535,355.3064 103.2595,355.3064 C103.6355,355.3064 103.9675,354.9754 103.9675,354.5994 C103.9675,354.1114 103.4115,353.9424 103.0805,353.8844 C102.1525,353.7234 101.5525,353.0554 101.5535,352.1834 C101.5535,351.1624 102.2395,350.4774 103.2615,350.4774 C103.6465,350.4804 104.4175,350.6734 104.8855,351.3844 L104.0505,351.9344 C103.7595,351.4934 103.2635,351.4774 103.2585,351.4774 C102.7925,351.4774 102.5535,351.7144 102.5535,352.1844 C102.5535,352.6744 102.9325,352.8434 103.2515,352.8994 C104.3255,353.0864 104.9675,353.7214 104.9675,354.5994 C104.9665,355.5254 104.1845,356.3064 103.2595,356.3064' id='Fill-83'/%3E %3Cpath d='M252.9641,350.5339 L249.7991,356.0109 L256.1241,356.0129 L252.9641,350.5339 Z M252.9631,352.5339 L254.3921,355.0119 L251.5321,355.0109 L252.9631,352.5339 Z' id='Fill-84'/%3E %3Cpolygon id='Fill-85' points='52.7722 356.0808 51.7722 356.0808 51.7732 352.1228 52.7732 352.1228'/%3E %3Cpath d='M53.4006,350.5544 C52.5026,350.5544 51.7746,351.2834 51.7736,352.1814 C51.7736,353.0794 52.5016,353.8084 53.4006,353.8094 C54.2986,353.8094 55.0266,353.0804 55.0276,352.1824 C55.0276,351.2834 54.2996,350.5554 53.4006,350.5544 Z M53.4006,351.5544 C53.7466,351.5554 54.0276,351.8364 54.0276,352.1824 C54.0276,352.5284 53.7456,352.8094 53.4006,352.8094 C53.2326,352.8084 53.0756,352.7434 52.9576,352.6244 C52.8386,352.5064 52.7736,352.3494 52.7736,352.1814 C52.7736,351.8354 53.0556,351.5554 53.4006,351.5544 Z' id='Fill-86'/%3E %3Cpath d='M49.7736,5.5751 L56.0976,5.5751 L52.9356,0.0981 L49.7736,5.5751 Z M52.9356,2.0971 L54.3656,4.5751 L51.5056,4.5751 L52.9356,2.0971 Z' id='Fill-1'/%3E %3Cpath d='M52.9357,250.1228 L49.7737,255.5998 L56.0977,255.5998 L52.9357,250.1228 Z M52.9357,252.1228 L54.3657,254.5998 L51.5057,254.5998 L52.9357,252.1228 Z' id='Fill-2'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") center / contain no-repeat;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 121, 247, 0.42);
    box-shadow: 0 10px 30px 0 rgba(5, 121, 247, 0.42);
  }
}

.security-standards__placeholder-text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  opacity: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.security-standards__placeholder-text._show {
  opacity: 1;
}

.susd-table {
  padding-bottom: 64px;
}

@media only screen and (min-width: 768px) {
  .susd-table {
    padding-bottom: 97px;
  }
}

@media only screen and (min-width: 1024px) {
  .susd-table {
    padding-bottom: 140px;
  }
}

@media only screen and (min-width: 1366px) {
  .susd-table {
    padding-bottom: 120px;
  }
}

.susd-table__caption {
  margin-bottom: 38px;
}

@media only screen and (min-width: 768px) {
  .susd-table__caption {
    margin-bottom: 53px;
  }
}

@media only screen and (min-width: 1024px) {
  .susd-table__caption {
    margin-bottom: 46px;
  }
}

@media only screen and (min-width: 1366px) {
  .susd-table__caption {
    margin-bottom: 55px;
  }
}

.susd-table-grid {
  margin-bottom: 56px;
}

@media only screen and (min-width: 768px) {
  .susd-table-grid {
    margin-bottom: 98px;
  }
}

@media only screen and (min-width: 1024px) {
  .susd-table-grid {
    margin-bottom: 0;
  }
}

.susd-table-grid__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0 12px;
  border-bottom: 1px solid #d7e2ff;
}

.susd-table-grid__row--caption {
  padding: 0 0 12px;
  font-weight: 700;
}

.susd-table-grid__cell {
  width: 50px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .susd-table-grid__cell {
    width: 100px;
  }
}

@media only screen and (min-width: 1024px) {
  .susd-table-grid__cell {
    width: 235px;
  }
}

.susd-table-grid__cell:first-child {
  width: 130px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .susd-table-grid__cell:first-child {
    width: 415px;
  }
}

@media only screen and (min-width: 768px) {
  .susd-table-grid__cell:nth-child(3) {
    width: 138px;
  }
}

@media only screen and (min-width: 1024px) {
  .susd-table-grid__cell:nth-child(3) {
    width: 147px;
  }
}

.how-it-works {
  padding-top: 70px; /* отступ для перехода по якорям */
  padding-bottom: 67px;
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .how-it-works {
    padding-bottom: 97px;
  }
}

.how-it-works__caption {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .how-it-works__caption {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works__caption {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1366px) {
  .how-it-works__caption {
    margin-bottom: 57px;
  }
}

.how-it-works__list {
  margin-bottom: 38px;
}

@media only screen and (min-width: 768px) {
  .how-it-works__list {
    margin-bottom: 55px;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works__list {
    margin-bottom: 110px;
  }
}

@media only screen and (min-width: 1366px) {
  .how-it-works__list {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works__wrap {
    padding-right: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works__item {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, -webkit-transform 2s;
    transition: transform 2s, opacity 2s;
    transition: transform 2s, opacity 2s, -webkit-transform 2s;
  }
}

.how-it-works__item::before {
  width: 86px;
  height: 108px;
  margin-bottom: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

@media only screen and (min-width: 768px) {
  .how-it-works__item::before {
    width: 89px;
    height: 108px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px 0 0;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works__item::before {
    content: none;
  }
}

.how-it-works__item--client::before {
  background-image: url("static/img/how-it-works-ico-client.png");
}

.how-it-works__item--staple::before {
  background-image: url("static/img/how-it-works-ico-staple.png");
}

.how-it-works__item--counter::before {
  background-image: url("static/img/how-it-works-ico-counter.png");
}

.how-it-works__item._show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.how-it-works__item:nth-child(1) {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.how-it-works__item:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.how-it-works__item:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

@media only screen and (min-width: 768px) {
  .how-it-works__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.how-it-works__item:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (min-width: 1024px) {
  .how-it-works__item:not(:last-child) {
    margin-bottom: 0;
  }
}

.how-it-works__title {
  margin-bottom: 12px;
}

@media only screen and (min-width: 1024px) {
  .how-it-works__desc {
    line-height: 19px;
  }
}

@media only screen and (min-width: 768px) {
  .how-it-works-ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works-ico {
    padding-top: 0;
  }
}

.how-it-works-ico__ico {
  width: 140px;
  height: 146px;
  margin-left: -25px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='140' height='146' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M56.98 3.87l28.902 16.018a14.4 14.4 0 0 1 7.42 12.595v31.034a14.4 14.4 0 0 1-7.42 12.595L56.981 92.131a14.4 14.4 0 0 1-13.962 0L14.118 76.112a14.4 14.4 0 0 1-7.42-12.595V32.483a14.4 14.4 0 0 1 7.42-12.595L43.019 3.869a14.4 14.4 0 0 1 13.962 0z' id='b'/%3E%3Cfilter x='-42%25' y='-43.8%25' width='184%25' height='187.5%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='14' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.156862745 0 0 0 0 0.392156863 0 0 0 0 0.980392157 0 0 0 0.268597147 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3ClinearGradient x1='46.707%25' y1='-26.26%25' x2='25.838%25' y2='108.592%25' id='c'%3E%3Cstop stop-color='%23A100ED' offset='0%25'/%3E%3Cstop stop-color='%2310A0FF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(19 25)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3Cpath d='M33.3 55.966a1.65 1.65 0 0 1-3.3 0v-16.22a1.65 1.65 0 0 1 3.3 0v16.22zm40.697-8.206c0 5.381-4.27 9.76-9.559 9.76s-9.56-4.379-9.56-9.76c0-5.38 4.271-9.76 9.56-9.76 5.289 0 9.56 4.38 9.56 9.76zm-3.3 0c0-3.577-2.812-6.46-6.259-6.46-3.447 0-6.26 2.883-6.26 6.46s2.813 6.46 6.26 6.46c3.447 0 6.26-2.883 6.26-6.46zM51.551 39.5a1.65 1.65 0 1 1-1.742 2.803 6.084 6.084 0 0 0-3.09-.918c-3.446-.074-6.314 2.746-6.387 6.322-.073 3.577 2.68 6.521 6.126 6.595 1.36.03 2.66-.39 3.746-1.184a1.65 1.65 0 0 1 1.949 2.663 9.395 9.395 0 0 1-5.766 1.82c-5.286-.113-9.464-4.582-9.354-9.962.11-5.38 4.469-9.667 9.758-9.553a9.384 9.384 0 0 1 4.76 1.414z' fill='url(%23c)' fill-rule='nonzero' transform='translate(19 25)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

@media only screen and (min-width: 768px) {
  .how-it-works-ico__ico {
    width: 126px;
    height: 130px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -20px;
    margin-left: -23px;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works-ico__ico {
    width: 142px;
    height: 146px;
    margin-right: 10px;
    margin-left: -26px;
  }
}

.how-it-works-ico__desc {
  margin-top: -7px;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .how-it-works-ico__desc {
    margin-top: 0;
    font-size: 24px;
    line-height: 31px;
  }
}

@media only screen and (min-width: 1024px) {
  .how-it-works-ico__desc {
    padding-top: 6px;
  }
}

.how-it-works-ico-placeholder {
  width: 919px;
  height: 391px;
  margin-left: -47px;
}

.distr {
  padding-bottom: 22px;
}

@media only screen and (min-width: 768px) {
  .distr {
    padding-bottom: 45px;
  }
}

@media only screen and (min-width: 1024px) {
  .distr {
    padding-bottom: 86px;
  }
}

.distr__caption {
  margin-bottom: 39px;
}

@media only screen and (min-width: 768px) {
  .distr__caption {
    margin-bottom: 56px;
  }
}

.distr__item {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .distr__item {
    margin-bottom: 53px;
  }
}

@media only screen and (min-width: 1024px) {
  .distr__item {
    margin-bottom: 26px;
  }
}

.distr__item--line {
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e0ff;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .distr__item--line {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
}

.distr__title {
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 19px;
}

.distr__desc:not(:last-of-type) {
  margin-bottom: 4px;
}

@media only screen and (min-width: 768px) {
  .distr__desc:not(:last-of-type) {
    margin-bottom: 5px;
  }
}

.staple-token {
  position: relative;
  z-index: 1;
  padding-top: 70px; /* отступ для перехода по якорям */
  padding-bottom: 104px;
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .staple-token {
    padding-bottom: 97px;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token {
    padding-bottom: 66px;
  }
}

.staple-token__caption {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .staple-token__caption {
    margin-bottom: 57px;
  }
}

.staple-token__list {
  margin-bottom: 22px;
}

@media only screen and (min-width: 768px) {
  .staple-token__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}

.staple-token__item {
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .staple-token__item {
    width: 290px;
    margin-bottom: 37px;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token__item {
    margin-bottom: 38px;
  }
}

.staple-token__title {
  margin-bottom: 12px;
}

.staple-token__tables {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .staple-token__tables {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token__tables {
    margin-bottom: 85px;
  }
}

.staple-token-table:not(:last-child) {
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .staple-token-table:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token-table:not(:last-child) {
    margin-bottom: 63px;
  }
}

.staple-token-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #d7e2ff;
}

.staple-token-table__row--mobile {
  padding: 0;
  border-bottom: none;
}

.staple-token-table__row--caption {
  padding: 0 0 10px;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .staple-token-table__row--caption {
    padding-bottom: 12px;
  }
}

.staple-token-table__cell {
  width: 100px;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .staple-token-table__cell {
    width: 80px;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token-table__cell:nth-child(3) {
    padding-left: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .staple-token-table__cell:nth-child(4) {
    padding-right: 30px;
  }
  @media only screen and (min-width: 1024px) {
    .staple-token-table__cell:nth-child(4) {
      padding-right: 0;
      margin-right: -9px;
    }
  }
}

.staple-token-table__cell--name {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .staple-token-table__cell--name {
    width: 330px;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token-table__cell--name {
    width: 247px;
  }
}

.staple-token-table__cell--caption {
  width: 140px;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .staple-token-table__cell--caption {
    width: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .staple-token-table__cell--caption {
    width: 200px;
    line-height: 19px;
  }
}

.staple-token-table__cell._is-hidden {
  display: none;
}

@media only screen and (min-width: 768px) {
  .staple-token-table__cell._is-hidden {
    display: block;
  }
}

.staple-token-table__row--mobile .staple-token-table__cell {
  width: 100%;
  text-align: left;
}

.staple-token-table-dropdown__btn {
  position: relative;
  z-index: 2;
  display: block;
  height: 46px;
  padding: 13px 0 14px 31px;
  border: none;
  margin-right: -15px;
  margin-left: -15px;
  background-color: #484bfc;
  border-radius: 27px;
  color: #fff;
  cursor: pointer;
  font: 500 16px/19px FuturaBT, sans-serif;
  text-align: left;
  text-decoration: none;
}

.staple-token-table-dropdown__btn::after {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 18px;
  height: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.333 2L9 8l6.667-6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke='%23fff' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;
  content: "";
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform cubic-bezier(0.86, 0, 0.07, 1) 0.3s;
  transition: -webkit-transform cubic-bezier(0.86, 0, 0.07, 1) 0.3s;
  transition: transform cubic-bezier(0.86, 0, 0.07, 1) 0.3s;
  transition: transform cubic-bezier(0.86, 0, 0.07, 1) 0.3s, -webkit-transform cubic-bezier(0.86, 0, 0.07, 1) 0.3s;
}

.staple-token-table-dropdown__btn._is-clicked::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.staple-token-table-dropdown__list {
  position: absolute;
  z-index: 1;
  right: 10px;
  left: 10px;
  padding: 18px 24px 21px;
  margin-top: 8px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(40, 100, 250, 0.2);
  box-shadow: 0 10px 30px 0 rgba(40, 100, 250, 0.2);
  opacity: 0;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      visibility cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      visibility cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      visibility cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      transform cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  transition: opacity cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      visibility cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      transform cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,
      -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
  visibility: hidden;
}

.staple-token-table-dropdown__list._is-opened {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.staple-token-table-dropdown__item {
  padding: 12px 7px;
  line-height: 19px;
}

.staple-token-table-dropdown__item:not(:last-child) {
  border-bottom: 1px solid #e2e0ff;
}

.staple-token-table-dropdown__item:first-child {
  padding-top: 0;
}

.staple-token-table-dropdown__item:last-child {
  padding-bottom: 0;
}

.staple-token-table-dropdown__item._is-selected {
  color: #484bfc;
}

.staple-token-annotation {
  position: relative;
  padding-left: 16px;
}

@media only screen and (min-width: 768px) {
  .staple-token-annotation {
    padding-left: 27px;
  }
}

.staple-token-annotation::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 3px;
  background-color: #57d9ad;
  border-radius: 4px;
  content: "";
}

.join {
  position: relative;
  padding-top: 70px; /* отступ для перехода по якорям */
  padding-bottom: 64px;
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .join {
    padding-bottom: 97px;
  }
}

@media only screen and (min-width: 1024px) {
  .join {
    padding-bottom: 122px;
  }
}

.join__caption {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .join__caption {
    padding: 0;
    margin-bottom: 57px;
    text-align: center;
  }
}

@media only screen and (min-width: 1024px) {
  .join__caption {
    margin-bottom: 40px;
  }
}

.join__bg {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 999px;
  background-image: linear-gradient(
      -222deg,
      rgba(246, 249, 255, 0) 0%,
      #eaf1ff 64%,
      rgba(234, 241, 255, 0) 100%
    );
  -webkit-transform: skewY(-15deg);
  transform: skewY(-15deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@media only screen and (min-width: 768px) {
  .join__bg {
    top: 29px;
    height: 1040px;
    background-image: linear-gradient(
        -170deg,
        rgba(246, 249, 255, 0) 3%,
        #eaf1ff 61%,
        rgba(234, 241, 255, 0) 94%
      );
    -webkit-transform: skewY(-19deg);
    transform: skewY(-19deg);
  }
}

@media only screen and (min-width: 1024px) {
  .join__bg {
    top: -155px;
    height: 730px;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
  }
}

@media only screen and (min-width: 1366px) {
  .join__bg {
    top: -120px;
  }
}

.join-progress {
  margin: 0 -15px 40px;
}

@media only screen and (min-width: 768px) {
  .join-progress {
    margin: 0 0 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .join-progress {
    margin: 0 -32px 50px;
  }
}

@media only screen and (min-width: 1366px) {
  .join-progress {
    margin: 0 -50px 50px;
  }
}

.join-btn {
  width: calc(100% + 30px);
  margin: 0 -15px;
}

@media only screen and (min-width: 768px) {
  .join-btn {
    width: 270px;
    margin: 0 auto;
  }
}

.roadmap {
  position: relative;
  padding-top: 70px; /* отступ для перехода по якорям */
  padding-bottom: 30px;
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .roadmap {
    padding-bottom: 54px;
  }
}

@media only screen and (min-width: 1024px) {
  .roadmap {
    padding-bottom: 75px;
  }
}

.roadmap__bg {
  position: absolute;
  top: -270px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1963px;
  background-image: linear-gradient(-178deg, rgba(246, 249, 255, 0) 0%, #eaf1ff 100%);
  -webkit-transform: skewY(12deg);
  transform: skewY(12deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

@media only screen and (min-width: 768px) {
  .roadmap__bg {
    top: 14px;
    height: 1020px;
    -webkit-transform: skewY(11.1deg);
    transform: skewY(11.1deg);
  }
}

@media only screen and (min-width: 1024px) {
  .roadmap__bg {
    top: -15px;
    height: 825px;
  }
}

@media only screen and (min-width: 1366px) {
  .roadmap__bg {
    top: -55px;
  }
}

.roadmap__caption {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .roadmap__caption {
    margin-bottom: 87px;
  }
}

@media only screen and (min-width: 1024px) {
  .roadmap__caption {
    margin-bottom: 94px;
  }
}

.roadmap__list {
  padding-left: 20px;
}

@media only screen and (min-width: 768px) {
  .roadmap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
  }
}

.roadmap__item {
  position: relative;
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .roadmap__item {
    margin-bottom: 71px;
  }
}

.roadmap__item::before {
  position: absolute;
  z-index: 1;
  top: 3px;
  left: -2px;
  width: 13px;
  height: 13px;
  background-color: #e2e0ff;
  border-radius: 50%;
  content: "";
}

@media only screen and (min-width: 768px) {
  .roadmap__item::before {
    content: none;
  }
}

.roadmap__item::after {
  position: absolute;
  top: 15px;
  left: 4px;
  width: 1px;
  height: 140%;
  background-color: #e2e0ff;
  content: "";
}

@media only screen and (min-width: 768px) {
  .roadmap__item::after {
    content: none;
  }
}

.roadmap__item:last-child::after {
  content: none;
}

.roadmap__item._past::before,
      .roadmap__item._past::after {
  background-color: #484bfc;
}

.roadmap__item._present::before {
  background-color: #57d9ad;
}

@media only screen and (min-width: 768px) {
  .roadmap__line {
    position: absolute;
    z-index: 1;
    top: -25px;
    width: 0;
    height: 1px;
    content: "";
    -webkit-transition: width linear 0.5s;
    transition: width linear 0.5s;
  }
  ._past .roadmap__line {
    background-color: #484bfc;
  }
  ._present .roadmap__line._left {
    background-color: #484bfc;
  }
  .roadmap__grid-line::before,
      .roadmap__grid-line::after {
    position: absolute;
    top: -25px;
    height: 1px;
    background-color: #e2e0ff;
    content: "";
  }
  .roadmap__grid-line::before {
    width: 100%;
  }
  .roadmap__grid-line--md-right::after,
.roadmap__grid-line--md-left::after {
    width: 100vw;
  }
  @media only screen and (min-width: 1024px) {
    .roadmap__grid-line--md-right::after,
.roadmap__grid-line--md-left::after {
      width: 0;
    }
  }
  .roadmap__grid-line--md-right::after {
    left: 269px;
  }
  @media only screen and (min-width: 1024px) {
    .roadmap__grid-line--md-right::after {
      left: initial;
    }
  }
  .roadmap__grid-line--md-left::after {
    right: 225px;
  }
  @media only screen and (min-width: 1024px) {
    .roadmap__grid-line--md-left::after {
      right: initial;
    }
  }
  @media only screen and (min-width: 1024px) {
    .roadmap__grid-line--lg-right::after,
.roadmap__grid-line--lg-left::after {
      width: 100vw;
    }
  }
  @media only screen and (min-width: 1024px) {
    .roadmap__grid-line--lg-right::after {
      left: 257px;
    }
  }
  @media only screen and (min-width: 1024px) {
    .roadmap__grid-line--lg-left::after {
      right: 225px;
    }
  }
  .roadmap__grid-line--first::after,
.roadmap__grid-line--last::after {
    content: none;
  }
  .roadmap__grid-line--last::before {
    content: none;
  }
}

@media only screen and (min-width: 768px) {
  .roadmap__line-circle {
    position: absolute;
    z-index: 1;
    top: -31px;
    left: 19px;
    width: 13px;
    height: 13px;
    background-color: #e2e0ff;
    border-radius: 50%;
    content: "";
    -webkit-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
  }
}

@media only screen and (min-width: 1024px) {
  .roadmap__line-circle {
    left: 15px;
  }
}

._past .roadmap__line-circle {
  background-color: #484bfc;
}

._present .roadmap__line-circle {
  background-color: #57d9ad;
}

.roadmap__title {
  position: relative;
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 19px;
  -webkit-transition: color linear 0.2s;
  transition: color linear 0.2s;
}

@media only screen and (min-width: 768px) {
  .roadmap__title {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .roadmap__title {
    margin-bottom: 10px;
  }
}

._present .roadmap__title {
  color: #57d9ad;
}

.roadmap__desc {
  line-height: 19px;
}

@media only screen and (min-width: 768px) {
  .roadmap__desc {
    line-height: 21px;
  }
}

@media only screen and (min-width: 1024px) {
  .roadmap__desc {
    line-height: 21px;
  }
}

.charts {
  position: relative;
  z-index: 1;
  padding-top: 70px; /* отступ для перехода по якорям */
  margin-top: -70px;
} 
/* отступ для перехода по якорям */

@media only screen and (min-width: 768px) {
  .charts {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .charts {
    padding-bottom: 73px;
  }
}

.charts__item {
  margin-bottom: 65px;
}

@media only screen and (min-width: 768px) {
  .charts__item {
    margin-bottom: 37px;
  }
}

@media only screen and (min-width: 768px) {
  .charts__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 1024px) {
  .charts__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.charts__title {
  margin-bottom: 27px;
}

@media only screen and (min-width: 768px) {
  .charts__title {
    margin-bottom: 40px;
  }
}

.charts__ico {
  width: 270px;
  height: 193px;
  margin-bottom: 7px;
  margin-left: -20px;
}

@media only screen and (min-width: 768px) {
  .charts__ico {
    width: 343px;
    height: 247px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px 0 -25px;
  }
}

@media only screen and (min-width: 1024px) {
  .charts__ico {
    margin-left: -45px;
  }
}

.charts__ico g {
  will-change: transform;
}

@media only screen and (min-width: 768px) {
  .charts__desc {
    padding-top: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .charts__desc {
    padding-top: 20px;
  }
}

.charts__point {
  position: relative;
  padding-left: 21px;
}

@media only screen and (min-width: 768px) {
  .charts__point {
    padding-top: 4px;
    padding-left: 32px;
  }
}

.charts__point::before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  content: "";
}

@media only screen and (min-width: 768px) {
  .charts__point::before {
    width: 19px;
    height: 19px;
  }
}

.charts__point:not(:last-of-type) {
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .charts__point:not(:last-of-type) {
    margin-bottom: 21px;
  }
}

.charts__point--purple::before {
  background-color: #484bfc;
}

.charts__point--magenta::before {
  background-color: #b23aff;
}

.charts__point--green::before {
  background-color: #57d9ad;
}

.charts__point--light-blue::before {
  background-color: #23c4e4;
}

.charts__point--blue::before {
  background-color: #2e8fff;
}

@media only screen and (min-width: 768px) {
  .companies {
    padding-bottom: 95px;
  }
}

@media only screen and (min-width: 1024px) {
  .companies {
    padding-bottom: 5px;
  }
}

.companies__caption {
  margin-bottom: 40px;
}

.companies__caption--as-seen-in {
  margin-bottom: 52px;
}

.companies__item {
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .partners {
    margin-bottom: 57px;
  }
}

@media only screen and (min-width: 1024px) {
  .partners {
    margin-bottom: 85px;
  }
}

.advisory {
  padding-top: 70px; /* отступ для перехода по якорям */
  margin-top: -70px; /* отступ для перехода по якорям */
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .advisory {
    margin-bottom: 27px;
  }
}

@media only screen and (min-width: 1024px) {
  .advisory {
    margin-bottom: 14px;
  }
}

.team {
  padding-top: 70px; /* отступ для перехода по якорям */
  margin-top: -70px; /* отступ для перехода по якорям */
}

.people {
  padding-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .people {
    padding-bottom: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .people {
    padding-bottom: 60px;
  }
}

.people__caption {
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .people__caption {
    margin-bottom: 56px;
  }
}

.people__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .people__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .people__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 58px;
  }
}

.people__ico {
  width: 110px;
  height: 110px;
  margin-right: 24px;
}

@media only screen and (min-width: 768px) {
  .people__ico {
    margin-right: 0;
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .people__ico {
    margin-right: 22px;
    margin-bottom: 0;
  }
}

.people__name {
  margin-bottom: 3px;
  font-weight: 700;
}

.people__spec {
  margin-bottom: 14px;
}

.people__link {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='23px' height='23px' viewBox='0 0 23 23' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Elinkedin%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs/%3E %3Cg id='768' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(-31.000000, -11025.000000)' fill='%23484BFC' fill-rule='nonzero' id='advisory'%3E %3Cg transform='translate(29.000000, 10746.000000)'%3E %3Cg id='Group-19' transform='translate(0.000000, 87.000000)'%3E %3Cg id='Group-23' transform='translate(0.000000, 134.000000)'%3E %3Cg id='linkedin' transform='translate(2.000000, 58.000000)'%3E %3Cpath d='M4.77137419,7.31353311 L0.35483871,7.31353311 C0.158825806,7.31353311 0,7.47242988 0,7.66837182 L0,21.8568105 C0,22.0528234 0.158825806,22.2116492 0.35483871,22.2116492 L4.77137419,22.2116492 C4.9673871,22.2116492 5.1262129,22.0528234 5.1262129,21.8568105 L5.1262129,7.66837182 C5.1262129,7.47242988 4.9673871,7.31353311 4.77137419,7.31353311 Z' id='XMLID_802_'/%3E %3Cpath d='M2.91436129,0.31353311 C1.30736774,0.31353311 0,1.6194815 0,3.22470085 C0,4.83062988 1.30736774,6.13707505 2.91436129,6.13707505 C4.52007742,6.13707505 5.82638065,4.83055892 5.82638065,3.22470085 C5.82645161,1.6194815 4.52007742,0.31353311 2.91436129,0.31353311 Z' id='XMLID_803_'/%3E %3Cpath d='M16.819729,7.31353311 C15.0458903,7.31353311 13.7346194,8.0760815 12.9392839,8.94252666 L12.9392839,8.02101053 C12.9392839,7.82506859 12.7804581,7.66617182 12.5844452,7.66617182 L8.35483871,7.66617182 C8.15882581,7.66617182 8,7.82506859 8,8.02101053 L8,22.2094492 C8,22.4054621 8.15882581,22.5642879 8.35483871,22.5642879 L12.7617226,22.5642879 C12.9577355,22.5642879 13.1165613,22.4054621 13.1165613,22.2094492 L13.1165613,15.1894621 C13.1165613,12.8238944 13.7591032,11.9023073 15.4081097,11.9023073 C17.2040194,11.9023073 17.3467355,13.3797138 17.3467355,15.3111718 L17.3467355,22.2095202 C17.3467355,22.4055331 17.5055613,22.5643589 17.7015742,22.5643589 L22.1100903,22.5643589 C22.3061032,22.5643589 22.464929,22.4055331 22.464929,22.2095202 L22.464929,14.4269138 C22.464929,10.9093976 21.7942129,7.31353311 16.819729,7.31353311 Z' id='XMLID_804_'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") center / contain no-repeat;
  opacity: 0.15;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}

.people__link:hover {
  opacity: 1;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 0 55px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-14.9%, rgba(246, 249, 255, 0.0001)), to(#eaf1ff));
  background: linear-gradient(180deg, rgba(246, 249, 255, 0.0001) -14.9%, #eaf1ff 100%);
}

@media only screen and (min-width: 768px) {
  .footer {
    padding: 0 0 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .footer {
    padding: 0 0 85px;
  }
}

@media only screen and (min-width: 1366px) {
  .footer {
    padding-bottom: 130px;
  }
}

.footer--soon {
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .footer--soon {
    padding: 0 0 75px;
  }
}

.footer__logo {
  margin-bottom: 15px;
}

.footer__logo svg {
  display: block;
  fill: #272a75;
}

@media only screen and (min-width: 768px) {
  .footer__copyright-text {
    display: block;
  }
}

@media only screen and (min-width: 1024px) {
  .footer__copyright-text {
    display: inline;
  }
}

.footer__wrapper {
  margin-top: auto;
}

.footer-nav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-nav__item {
  margin-bottom: 10px;
}

.footer-nav__link {
  color: #272a75;
  text-decoration: none;
}


@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 30px 0 94px;
  -webkit-animation: gradient 10s ease infinite;
  animation: gradient 10s ease infinite;
  background: -webkit-gradient(linear, left top, right top, from(#1d8aff), color-stop(#ab4eed), color-stop(#3c4dfb), to(#b63eed));
  background: linear-gradient(90deg, #1d8aff, #ab4eed, #3c4dfb, #b63eed);
  background-size: 800% 800%;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .hero {
    padding: 40px 0 135px;
    background: linear-gradient(45deg, #1d8aff, #ab4eed, #3c4dfb, #ed11cd);
    background-size: 800% 800%;
  }
}

@media only screen and (min-width: 1024px) {
  .hero {
    padding: 40px 0 163px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero {
    padding: 40px 0 190px;
  }
}

.hero--soon {
  padding-bottom: 205px;
}

@media only screen and (min-width: 1024px) {
  .hero--soon {
    padding-bottom: 165px;
  }
}

.hero__wrapper {
  position: relative;
  z-index: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.hero__logo {
  width: 135px;
}

.hero__logo svg {
  display: block;
  fill: #fff;
}

.hero__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .hero__header {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__header {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .hero--soon .hero__header {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero__desc {
    margin-top: 20px;
  }
}

.hero__title {
  margin: 0 0 10px;
  font-size: 60px;
  font-weight: 700;
  line-height: 68px;
}

.hero__subtitle {
  margin: 0 0 35px;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .hero__subtitle {
    margin: 0 0 40px;
    font-size: 24px;
    line-height: 31px;
  }
}

.hero__text {
  padding-bottom: 35px;
  font-size: 16px;
  line-height: 21px;
}

@media only screen and (min-width: 768px) {
  .hero__text {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .hero__timer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hero__timer {
  padding: 35px 25px 40px;
  margin: 0 -15px 0;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 15px 40px rgba(88, 34, 220, 0.65);
  box-shadow: 0 15px 40px rgba(88, 34, 220, 0.65);
  color: #272a75;
}

@media only screen and (min-width: 768px) {
  .hero__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 10px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 30px;
    margin: 10px 0 0 -26px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero__timer {
    padding: 55px 38px;
    margin-top: 13px;
    margin-left: -37px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__timer {
    padding: 50px 50px 56px;
    margin: 12px 0 0;
  }
}

@media only screen and (min-width: 1366px) {
  .hero--soon .hero__timer {
    padding: 55px 50px;
    margin: 10px 0 0 -10px;
  }
}

@media only screen and (min-width: 768px) {
  .hero__btn {
    width: 160px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__btn {
    width: 160px;
    margin-left: 33px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__btn {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .hero__btn:not(:last-child) {
    margin-right: 33px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__btn:not(:last-child) {
    margin-right: 40px;
  }
}

.hero--soon .hero__btn {
  width: calc(100% + 30px);
  margin: 0 -15px 15px;
}

@media only screen and (min-width: 768px) {
  .hero--soon .hero__btn {
    width: 160px;
    margin: 0 0 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .hero--soon .hero__btn:not(:last-child) {
    margin-right: 0;
  }
}

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

@media only screen and (min-width: 768px) {
  .hero__btns {
    margin-bottom: 0;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .hero__btns {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1366px) {
  .hero__btns {
    margin-right: 0;
  }
}

.hero--soon .hero__btns {
  display: block;
}

@media only screen and (min-width: 1024px) {
  .hero--soon .hero__btns {
    margin-right: 8.333333%;
  }
}

@media only screen and (min-width: 1366px) {
  .hero--soon .hero__btns {
    margin-right: 0;
  }
}

.hero__social-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 48px 0;
}

@media only screen and (min-width: 768px) {
  .hero__social-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px 0 0 -26px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero__social-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 12px;
    margin-left: 40px;
  }
}

.hero__social-item {
  position: relative;
  width: 35px;
}

.hero__social-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: transparent solid 6px;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .hero__social-item {
    width: 32px;
  }
  .hero__social-item:not(:last-child) {
    margin-right: 16px;
  }
  @media only screen and (min-width: 1024px) {
    .hero__social-item:not(:last-child) {
      margin-right: 0;
      margin-bottom: 17px;
    }
  }
}

.hero__social-item svg {
  display: block;
  width: 100%;
  margin: 0 auto;
  fill: rgba(255, 255, 255, 0.4);
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}

.hero__social-item:hover,
    .hero__social-item:focus {
  outline: none;
}

.hero__social-item:hover::after,
.hero__social-item:focus::after {
  border-color: #fff;
  opacity: 0;
  -webkit-transform: scaleX(1.3) scaleY(1.3);
  transform: scaleX(1.3) scaleY(1.3);
  -webkit-transition: border-color 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, transform 0.4s, opacity 0.4s;
  transition: border-color 0.4s, transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.hero__social-item:hover svg,
.hero__social-item:focus svg {
  fill: rgb(217, 217, 217);
}

.hero__menu-open {
  width: 47px;
  height: 47px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='47' height='47' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23FFF' cx='23.5' cy='23.5' r='23.5'/%3E%3Cg transform='translate(15 16)' fill='%23953DFE'%3E%3Crect width='17' height='3' rx='1.5'/%3E%3Crect y='6' width='17' height='3' rx='1.5'/%3E%3Crect y='12' width='17' height='3' rx='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  cursor: pointer;
}

.hero-progress {
  margin: -94px -15px 68px;
  color: #272a75;
}

@media only screen and (min-width: 768px) {
  .hero-progress {
    margin-right: 0;
    margin-bottom: 100px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .hero-progress {
    margin-right: -32px;
    margin-bottom: 127px;
    margin-left: -32px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero-progress {
    margin-top: -124px;
    margin-right: -50px;
    margin-left: -50px;
  }
}

.menu {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 29px;
  padding-bottom: 29px;
  background-color: #fff;
  opacity: 0;
  overflow-y: auto;
  -webkit-transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
    visibility cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
  transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
    visibility cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
  visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .menu {
    left: inherit;
    -webkit-transform: translate(295px);
    transform: translate(295px);
    -webkit-transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
      -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
      -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
      opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    transition: transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
      opacity cubic-bezier(0.23, 1, 0.32, 1) 0.3s,
      -webkit-transform cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    visibility: visible;
  }
}

.menu._is-opened {
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 768px) {
  .menu._is-opened {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.menu__list {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media only screen and (min-width: 768px) {
  .menu__list {
    margin-top: 49px;
    margin-right: -25px;
  }
}

.menu__item {
  margin-bottom: 19px;
  opacity: 0;
  -webkit-transform: translateX(25px);
  transform: translateX(25px);
}

@media only screen and (min-width: 768px) {
  .menu__item {
    margin-bottom: 24px;
    -webkit-transition: opacity ease-out 0.2s, -webkit-transform ease-out 0.2s;
    transition: opacity ease-out 0.2s, -webkit-transform ease-out 0.2s;
    transition: transform ease-out 0.2s, opacity ease-out 0.2s;
    transition: transform ease-out 0.2s, opacity ease-out 0.2s, -webkit-transform ease-out 0.2s;
  }
}

._is-opened .menu__item {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity ease-out 0.2s, -webkit-transform ease-out 0.2s;
  transition: opacity ease-out 0.2s, -webkit-transform ease-out 0.2s;
  transition: transform ease-out 0.2s, opacity ease-out 0.2s;
  transition: transform ease-out 0.2s, opacity ease-out 0.2s, -webkit-transform ease-out 0.2s;
}

._is-opened .menu__item:nth-child(1) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 1s + 0.1s );
  transition-delay: calc( 0.04 * 1s + 0.1s );
}

._is-opened .menu__item:nth-child(2) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 2s + 0.1s );
  transition-delay: calc( 0.04 * 2s + 0.1s );
}

._is-opened .menu__item:nth-child(3) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 3s + 0.1s );
  transition-delay: calc( 0.04 * 3s + 0.1s );
}

._is-opened .menu__item:nth-child(4) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 4s + 0.1s );
  transition-delay: calc( 0.04 * 4s + 0.1s );
}

._is-opened .menu__item:nth-child(5) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 5s + 0.1s );
  transition-delay: calc( 0.04 * 5s + 0.1s );
}

._is-opened .menu__item:nth-child(6) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 6s + 0.1s );
  transition-delay: calc( 0.04 * 6s + 0.1s );
}

._is-opened .menu__item:nth-child(7) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 7s + 0.1s );
  transition-delay: calc( 0.04 * 7s + 0.1s );
}

._is-opened .menu__item:nth-child(8) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 8s + 0.1s );
  transition-delay: calc( 0.04 * 8s + 0.1s );
}

._is-opened .menu__item:nth-child(9) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 9s + 0.1s );
  transition-delay: calc( 0.04 * 9s + 0.1s );
}

._is-opened .menu__item:nth-child(10) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 10s + 0.1s );
  transition-delay: calc( 0.04 * 10s + 0.1s );
}

._is-opened .menu__item:nth-child(11) {
          /* prettier-ignore */
  -webkit-transition-delay: calc( 0.04 * 11s + 0.1s );
  transition-delay: calc( 0.04 * 11s + 0.1s );
}

.menu__link {
  color: #484bfc;
  font-weight: 700;
  line-height: 19px;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .menu__link {
    font-size: 24px;
    line-height: 31px;
  }
}

.menu__menu-close {
  width: 47px;
  height: 47px;
  margin: 0 0 0 auto;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='47' height='47' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23484BFC' cx='23.5' cy='23.5' r='23.5'/%3E%3Cg transform='rotate(45 -2.107 34.107)' fill='%23FFF'%3E%3Crect transform='rotate(90 8.5 8.5)' y='7' width='17' height='3' rx='1.5'/%3E%3Crect y='7' width='17' height='3' rx='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  cursor: pointer;
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

@media only screen and (min-width: 768px) {
  .menu__menu-close {
    margin: 10px auto 0 0;
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
  }
}

._is-opened .menu__menu-close {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity ease-out 0.2s 0.2s, -webkit-transform ease-out 0.2s 0.2s;
  transition: opacity ease-out 0.2s 0.2s, -webkit-transform ease-out 0.2s 0.2s;
  transition: opacity ease-out 0.2s 0.2s, transform ease-out 0.2s 0.2s;
  transition: opacity ease-out 0.2s 0.2s, transform ease-out 0.2s 0.2s, -webkit-transform ease-out 0.2s 0.2s;
}

.popup {
  position: relative;
  max-width: 450px;
  margin: 0 auto;
}

.popup__box {
  padding: 25px 25px 50px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 15px 40px #5f2adf;
  box-shadow: 0 15px 40px #5f2adf;
}

@media only screen and (min-width: 768px) {
  .popup__box {
    padding: 25px 50px 55px;
  }
}

.popup__text {
  margin-top: 27px;
  color: #fff;
  line-height: 25px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .popup__text {
    margin-top: 38px;
  }
}

.popup__link {
  border-bottom: 3px solid #ebecff;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: border-color ease-in-out 0.3s;
  transition: border-color ease-in-out 0.3s;
}

.popup__link:hover {
  border-color: #bfd2ff;
}

.popup-success {
  text-align: center;
}

.popup-success__icon {
  width: 140px;
  height: 140px;
  margin: 0 auto 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='132' height='140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60.28 18.32a12.902 12.902 0 0 1 12.313.046l36.523 20.01a12.903 12.903 0 0 1 6.703 11.316v40.616c0 4.713-2.57 9.05-6.703 11.315l-36.523 20.011a12.902 12.902 0 0 1-12.314.046l-37.31-20.076a12.903 12.903 0 0 1-6.788-11.362V49.758c0-4.748 2.608-9.112 6.789-11.362L60.28 18.32z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M41.652 6.822C37.229 2.595 31.245 0 24.657 0 11.04 0 0 11.088 0 24.766c0 13.678 11.04 24.766 24.657 24.766 13.618 0 24.658-11.088 24.658-24.766 0-1.672-.165-3.306-.48-4.886' transform='translate(41.663 45.877)' stroke='url(%23paint0_linear)' stroke-width='1.92' stroke-linecap='round'/%3E%3Cpath d='M54.996 69.299l11.693 11.24 28-28.632' stroke='%2357D9AD' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='.181' y='.779' width='131.638' height='138.442' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3CfeColorMatrix values='0 0 0 0 0.156863 0 0 0 0 0.392157 0 0 0 0 0.980392 0 0 0 0.207767 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x2='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(-36.2483 49.5322 -49.3146 -36.4082 40.278 0)'%3E%3Cstop stop-color='%23A100ED'/%3E%3Cstop offset='1' stop-color='%2310A0FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .popup-success__icon {
    width: 180px;
    height: 180px;
  }
}

.popup-success__title {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .popup-success__title {
    font-size: 24px;
    line-height: 31px;
  }
}

.popup-success__subtitle {
  font-size: 16px;
  line-height: 21px;
}

.popup-success__button {
  margin-top: 30px;
}

.popup-forms__title {
  max-width: 200px;
  margin: 15px 0 33px 5px;
  color: #272a75;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .popup-forms__title {
    max-width: 100%;
    margin: 25px 0 40px 10px;
    font-size: 24px;
    line-height: 31px;
  }
}

.popup-forms__form-input {
  margin-bottom: 16px;
}

@media only screen and (min-width: 768px) {
  .popup-forms__form-input {
    margin-bottom: 21px;
  }
}

.popup-forms__input {
  margin-bottom: 18px;
}

@media only screen and (min-width: 768px) {
  .popup-forms__input {
    margin-bottom: 20px;
  }
}

.popup-forms__input--subscribe {
  margin-bottom: 0;
}

.popup-forms__input--checkbox {
  display: none;
}

.popup-forms__label {
  margin-bottom: 24px;
}

@media only screen and (min-width: 768px) {
  .popup-forms__label {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .popup-forms__form-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) {
  .popup-forms__form-btn--alone {
    display: block;
  }
}

.popup-forms__btn {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) {
  .popup-forms__btn {
    width: 167px;
    margin-top: 0;
  }
}

@media only screen and (min-width: 768px) {
  .popup-forms__btn--alone {
    width: 100%;
  }
}

.popup-forms__form-restore {
  margin: -16px 0 36px 7px;
}

@media only screen and (min-width: 768px) {
  .popup-forms__form-restore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -18px;
    margin-left: 10px;
  }
}

.popup-forms__restore-link {
  padding-bottom: 2px;
  border-bottom: 3px solid #e2e0ff;
  color: #272a75;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: border-color ease-in-out 0.3s;
  transition: border-color ease-in-out 0.3s;
}

@media only screen and (min-width: 768px) {
  .popup-forms__restore-link {
    margin-top: 5px;
    margin-left: 52px;
  }
}

.popup-forms__restore-link:hover {
  border-color: #484bfc;
}


/* Magnific Popup CSS */

.mfp-bg {
  position: fixed;
  z-index: 1042;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: linear-gradient(232.59deg, #a100ed 36.73%, #10a0ff 118.2%);
  opacity: 0.95;
}

.mfp-wrap {
  position: fixed;
  z-index: 1043;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  outline: none !important;
}

.mfp-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
}

.mfp-container::before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
  display: none;
}

.mfp-content {
  position: relative;
  z-index: 1045;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  cursor: auto;
  text-align: left;
  vertical-align: middle;
}

.mfp-preloader {
  display: none;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-s-error .mfp-content {
  display: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  position: absolute;

  /* z-index: 1046; */
  top: 15px;
  right: 15px;
  width: 44px;
  height: 44px;
  -webkit-appearance: none;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-close::before,
  .mfp-close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background-color: #e2e0ff;
  border-radius: 3px;
  content: "";
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mfp-close::before {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.mfp-close::after {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

@media only screen and (min-width: 768px) {
  .mfp-close {
    top: 20px;
    right: 20px;
  }
  .mfp-close::before,
    .mfp-close::after {
    width: 35px;
    height: 3px;
  }
}

.mfp-close:hover::before,
    .mfp-close:hover::after,
    .mfp-close:focus::before,
    .mfp-close:focus::after {
  background-color: #484bfc;
}

.parallax {
  position: relative;
}

.parallax__item {
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .parallax__item--one {
    top: -62px;
    left: 306px;
  }
}

@media only screen and (min-width: 1024px) {
  .parallax__item--one {
    top: -138px;
    left: -149px;
  }
}

@media only screen and (min-width: 768px) {
  .parallax__item--two {
    top: -29px;
    left: 511px;
  }
}

@media only screen and (min-width: 1024px) {
  .parallax__item--two {
    top: 85px;
    left: -201px;
  }
}

@media only screen and (min-width: 768px) {
  .parallax__item--three {
    top: -46px;
    left: 593px;
  }
}

@media only screen and (min-width: 1024px) {
  .parallax__item--three {
    top: 187px;
    left: -165px;
  }
}

@media only screen and (min-width: 768px) {
  .parallax__item--four {
    top: 136px;
    left: 565px;
  }
}

@media only screen and (min-width: 1024px) {
  .parallax__item--four {
    top: -193px;
    right: -211px;
    left: initial;
  }
}

@media only screen and (min-width: 768px) {
  .parallax__item--five {
    top: 277px;
    left: 590px;
  }
}

@media only screen and (min-width: 1024px) {
  .parallax__item--five {
    top: 89px;
    right: -89px;
    left: initial;
  }
}

@media only screen and (min-width: 1024px) {
  .parallax__item--six {
    top: 348px;
    right: -356px;
  }
}

.progress-cards--hero {
  overflow: hidden;
  -webkit-box-shadow: 0 30px 40px -10px rgba(40, 100, 250, 0.4);
  box-shadow: 0 30px 40px -10px rgba(40, 100, 250, 0.4);
}

@media only screen and (min-width: 1024px) {
  .progress-cards {
    overflow: hidden;
    padding: 30px 50px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 30px 40px -10px rgba(40, 100, 250, 0.4);
    box-shadow: 0 30px 40px -10px rgba(40, 100, 250, 0.4);
  }
}

@media only screen and (min-width: 1366px) {
  .progress-cards {
    padding: 40px 50px;
  }
}

.progress-card--margin {
  margin-bottom: 20px;
}

.progress-card--margin:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .progress-card--margin {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1024px) {
  .progress-card--margin {
    margin-bottom: 0;
  }
}

.progress-card__inner {
  padding: 30px 25px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
  box-shadow: 0 10px 30px rgba(40, 100, 250, 0.2);
}

@media only screen and (min-width: 768px) {
  .progress-card__inner {
    padding: 30px 50px;
  }
}

@media only screen and (min-width: 1024px) {
  .progress-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    background: none;
    border-radius: unset;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media only screen and (min-width: 1366px) {
  .progress-card__inner {
    margin: 0 10px;
  }
}

@media only screen and (min-width: 1024px) {
  .progress-card {
    border-radius: 0;
  }
}

.progress-card._disabled {
  color: #e2e0ff;
}

.progress-cards--hero .progress-card._hidden {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .progress-cards--hero .progress-card._hidden {
    display: block;
  }
}

@-webkit-keyframes loading {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes loading {
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.progress-card-header {
  margin-bottom: 19px;
}

.progress-card-header__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.progress-card-header__item {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1023px) {
  .progress-card._preloader .progress-card-header__item {
    position: relative;
    overflow: hidden;
    background: #eee;
    border-radius: 3px;
    color: transparent;
  }
  .progress-card._preloader .progress-card-header__item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: loading 1.5s infinite;
    animation: loading 1.5s infinite;
    background: -webkit-gradient(
            linear,
            left top, right top,
            from(rgba(0, 0, 0, 0)),
            color-stop(rgba(255, 255, 255, 0.15)),
            to(rgba(0, 0, 0, 0))
          );
    background: linear-gradient(
            90deg,
            rgba(0, 0, 0, 0),
            rgba(255, 255, 255, 0.15),
            rgba(0, 0, 0, 0)
          );
    content: "";
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.progress-card-header__item--bold {
  font-weight: 700;
}

.progress-card-footer {
  margin-top: auto;
}

@media only screen and (min-width: 768px) {
  .progress-cards--hero .progress-card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1024px) {
  .progress-cards--join .progress-card-footer {
    padding-top: 6px;
  }
}

.progress-card-footer__status {
  position: relative;
  color: #e2e0ff;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, color 0.3s;
  transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s;
}

.progress-card-footer__status::before {
  position: absolute;
  left: -30px;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10z' fill='%2357D9AD'/%3E%3Cpath d='M6.085 9.999l3.018 3.019 4.724-5.602' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke='%23fff'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  content: "";
  opacity: 0;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.progress-card-footer__status._done {
  color: #57d9ad;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

.progress-card-footer__status._done::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.progress-card-footer__caption {
  margin-bottom: 15px;
  font-weight: 700;
}

.progress-card-footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.progress-card-footer__wrap::before,
    .progress-card-footer__wrap::after {
  display: block;
  width: 1px;
  height: 42px;
  background: #e2e0ff;
  content: "";
}

.progress-card-footer__wrap::before {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.progress-card-footer__wrap::after {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

@media only screen and (min-width: 768px) {
  .progress-card-footer__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .progress-card-footer__wrap::before,
      .progress-card-footer__wrap::after {
    margin: 0 40px;
  }
  @media only screen and (min-width: 1024px) {
    .progress-card-footer__wrap {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    .progress-card-footer__wrap::before,
        .progress-card-footer__wrap::after {
      margin: 0;
    }
  }
}

.progress-card-footer__item:nth-child(1) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.progress-card-footer__item:nth-child(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.progress-card-footer__item:nth-child(3) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.progress-card-footer__cell--bold {
  font-weight: 700;
}

.progress-card-bar {
  position: relative;
  height: 8px;
  margin-bottom: 23px;
  background-color: #e2e0ff;
  border-radius: 4px;
}

@media only screen and (min-width: 1024px) {
  .progress-card-bar {
    margin-bottom: 16px;
  }
}

.progress-card-bar__moving {
  width: 0;
  height: 100%;
  background-color: #484bfc;
  border-radius: 4px;
}

.coin-block {
  padding: 64px 40px;
  margin: 0 -15px;
  background: linear-gradient(209.17deg, #b139ff -5.47%, #3c4dfb 86.65%);
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px rgba(5, 121, 247, 0.5);
  box-shadow: 0 10px 30px rgba(5, 121, 247, 0.5);
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .coin-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px 0 44px;
    margin: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .coin-block {
    display: block;
    height: calc(100% - 34px);
    padding: 110px 50px 0;
    margin-top: 34px;
    margin-left: 50px;
  }
}

.coin-block__ico {
  width: 98px;
  height: 98px;
  margin: 0 auto 25px;
}

@media only screen and (min-width: 1024px) {
  .coin-block__ico {
    margin: 0 auto 22px;
  }
}

.coin-block__ico g {
  will-change: transform;
}

.coin-block__desc {
  margin: 0 auto 40px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
}

@media only screen and (min-width: 768px) {
  .coin-block__desc {
    width: 220px;
    margin-right: 56px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .coin-block__desc {
    margin-right: 0;
    margin-bottom: 57px;
  }
}

.coin-block__btn {
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .coin-block__btn {
    width: 220px;
  }
}

.contacts {
  position: relative;
  padding: 40px 25px 50px;
  margin: 0 -15px 80px;
  background: linear-gradient(-221deg, #b139ff 0%, #3c4dfb 100%);
  border-radius: 10px;
  -webkit-box-shadow: 0 30px 40px -10px rgba(40, 100, 250, 0.4);
  box-shadow: 0 30px 40px -10px rgba(40, 100, 250, 0.4);
  color: #272a75;
}

@media only screen and (min-width: 768px) {
  .contacts {
    padding: 50px 75px 55px;
    margin: 0 0 116px;
  }
}

@media only screen and (min-width: 1024px) {
  .contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 63px 55px 40px;
    margin: 0 -30px 155px;
  }
}

@media only screen and (min-width: 1366px) {
  .contacts {
    padding: 65px 75px 35px;
    margin: 0 -52px 147px;
  }
}

.footer--soon .contacts {
  margin-top: -190px;
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .footer--soon .contacts {
    margin-top: -145px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .footer--soon .contacts {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-top: -105px;
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 1366px) {
  .footer--soon .contacts {
    margin-top: -95px;
  }
}

@media only screen and (min-width: 768px) {
  .contacts__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -5px;
  }
}

.contacts__form-input {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .contacts__form-input {
    width: 390px;
  }
}

@media only screen and (min-width: 1024px) {
  .contacts__form-input {
    width: 290px;
    margin-right: 15px;
  }
}

.contacts__input {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.footer--soon .contacts__input {
  background-color: #ebecff;
  color: #272a75;
}

.contacts__input::-webkit-input-placeholder {
  color: #fff;
}

.contacts__input:-ms-input-placeholder {
  color: #fff;
}

.contacts__input::-ms-input-placeholder {
  color: #fff;
}

.contacts__input::placeholder {
  color: #fff;
}

.footer--soon .contacts__input::-webkit-input-placeholder {
  color: #272a75;
}

.footer--soon .contacts__input:-ms-input-placeholder {
  color: #272a75;
}

.footer--soon .contacts__input::-ms-input-placeholder {
  color: #272a75;
}

.footer--soon .contacts__input::placeholder {
  color: #272a75;
}

.contacts__input:focus {
  -webkit-box-shadow: inset 0 0 0 3px #ebecff;
  box-shadow: inset 0 0 0 3px #ebecff;
}

.footer--soon .contacts__input:focus {
  -webkit-box-shadow: inset 0 0 0 3px #bfd2ff;
  box-shadow: inset 0 0 0 3px #bfd2ff;
}

@media only screen and (min-width: 768px) {
  .contacts__form-btn {
    width: 160px;
  }
}

.contacts__btn {
  background-color: #fff;
  color: #953dfe;
}

.contacts__btn:hover,
    .contacts__btn:focus {
  background-color: rgb(242, 242, 242);
  border-color: #fff;
}

.contacts__btn:hover::after,
.contacts__btn:focus::after {
  border-color: #fff;
}

.footer--soon .contacts__btn {
  background-color: #484bfc;
  color: #fff;
}

.footer--soon .contacts__btn:hover,
      .footer--soon .contacts__btn:focus {
  background-color: #383bed;
  border-color: #383bed;
}

.footer--soon .contacts__btn:hover::after,
.footer--soon .contacts__btn:focus::after {
  border-color: #383bed;
}

.contacts__title {
  margin-bottom: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .contacts__title {
    font-size: 24px;
    line-height: 31px;
  }
}

.footer--soon .contacts__title {
  color: #272a75;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.timer {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
  visibility: hidden;
}

.timer._show {
  width: auto;
  height: auto;
  opacity: 1;
  visibility: visible;
}

.timer._preloader {
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.timer__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 23px;
}

@media only screen and (min-width: 1366px) {
  .timer__header {
    margin-bottom: 25px;
  }
}

.hero--soon .timer__header {
  display: block;
}

@media only screen and (min-width: 768px) {
  .hero--soon .timer__header {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1024px) {
  .timer__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.timer__title {
  margin-right: 20px;
  color: #272a75;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

@media only screen and (min-width: 768px) {
  .timer__title {
    font-size: 24px;
    line-height: 31px;
  }
}

.hero--soon .timer__title {
  margin-right: 0;
}

.timer__label {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 4px 11px;
  background-color: #57d9ad;
  border-radius: 17px;
  color: #fff;
  font-size: 12px;
}

@media only screen and (min-width: 768px) {
  .timer__label {
    padding: 7px 13px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 1024px) {
  .timer__label {
    padding: 8px 20px;
    font-size: 16px;
    line-height: 19px;
  }
}

@media only screen and (min-width: 1366px) {
  .timer__label {
    margin-top: 3px;
  }
}

.hero--soon .timer__label {
  display: none;
}

.timer__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1024px) {
  .timer__items {
    margin-bottom: 40px;
  }
}

.hero--soon .timer__items {
  margin-bottom: 0;
}

.timer__item {
  position: relative;
  margin-right: 10px;
  text-align: center;
}

.timer__item:last-child {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .timer__item {
    margin-right: 17px;
  }
}

@media only screen and (min-width: 1366px) {
  .timer__item {
    margin-right: 23px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero--soon .timer__item {
    margin-right: 17px;
  }
}

.timer__item canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px !important;
  height: 55px !important;
}

@media only screen and (min-width: 768px) {
  .timer__item canvas {
    width: 60px !important;
    height: 60px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .timer__item canvas {
    width: 70px !important;
    height: 70px !important;
  }
}

.timer__count {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  height: 55px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #57d9ad;
  font-size: 20px;
}

.timer__count span {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.timer__count::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #dadada;
  border-top: 2px solid #484bfc;
  border-radius: 50%;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.timer__item._preload .timer__count::before {
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  opacity: 1;
}

.timer__item._preload .timer__count span {
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

@media only screen and (min-width: 768px) {
  .timer__count {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (min-width: 1024px) {
  .timer__count {
    width: 70px;
    height: 70px;
  }
}

.timer__name {
  margin-top: 7px;
  color: #272a75;
  font-size: 16px;
}

@media only screen and (min-width: 1366px) {
  .timer__name {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero--soon .timer__name {
    margin-top: 7px;
  }
}

.timer__btn {
  margin-bottom: 24px;
}

@media only screen and (min-width: 1024px) {
  .timer__btn {
    width: 220px;
    margin-right: 30px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1366px) {
  .timer__btn {
    width: 250px;
    margin-right: 20px;
  }
}

.hero--soon .timer__btn {
  display: none;
}

.timer__more-info {
  padding-bottom: 2px;
  border-bottom: 3px solid #bfd2ff;
  color: #272a75;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-decoration: none;
  -webkit-transition: border-color ease-in-out 0.2s;
  transition: border-color ease-in-out 0.2s;
}

.timer__more-info:hover {
  border-color: #484bfc;
}

.hero--soon .timer__more-info {
  display: none;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px;
}

@media only screen and (min-width: 768px) {
  .social {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 42px;
    margin-left: -5px;
  }
}

.hero .social {
  margin: 48px 0;
}

@media only screen and (min-width: 768px) {
  .hero .social {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px 0 0 -26px;
  }
}

@media only screen and (min-width: 1024px) {
  .hero .social {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 60px;
    margin-left: 40px;
  }
}

@media only screen and (min-width: 1366px) {
  .hero .social {
    margin-left: 97px;
  }
}

.social__item {
  position: relative;
  width: 32px;
}

@media only screen and (min-width: 768px) {
  .social__item {
    width: 47px;
    margin-right: 15px;
  }
}

.footer--soon .social__item {
  pointer-events: none;
}

.hero .social__item {
  width: 35px;
}

@media only screen and (min-width: 768px) {
  .hero .social__item {
    width: 32px;
  }
  .hero .social__item:not(:last-child) {
    margin-right: 16px;
  }
  @media only screen and (min-width: 1024px) {
    .hero .social__item:not(:last-child) {
      margin-right: 0;
      margin-bottom: 17px;
    }
  }
}

.social__item--is-disabled {
  pointer-events: none;
}

.social__item--is-disabled svg {
  fill: rgba(255, 255, 255, 0.4) !important;
}

.social__item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: transparent solid 6px;
  border-radius: 50%;
  content: "";
}

.social__item svg {
  display: block;
  width: 100%;
  margin: 0 auto;
  fill: #fff;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}

.footer--soon .social__item svg {
        /* fill: var(--color--brand-purple); */
  fill: #ebecff !important;
}

.hero .social__item svg {
  fill: rgba(255, 255, 255, 0.4);
}

.social__item:hover,
    .social__item:focus {
  outline: none;
}

.social__item:hover::after,
.social__item:focus::after {
  border-color: #fff;
  opacity: 0;
  -webkit-transform: scaleX(1.3) scaleY(1.3);
  transform: scaleX(1.3) scaleY(1.3);
  -webkit-transition: border-color 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  transition: border-color 0.4s, transform 0.4s, opacity 0.4s;
  transition: border-color 0.4s, transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}

.footer--soon .social__item:hover::after,
.footer--soon .social__item:focus::after {
  border-color: #383bed;
}

.social__item:hover svg,
.social__item:focus svg {
  fill: rgb(217, 217, 217);
}

.footer--soon .social__item:hover svg,
.footer--soon .social__item:focus svg {
  fill: #383bed;
}

/*# sourceMappingURL=styles.css.map */