@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");
@import '//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css';
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css");
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css");
meta.foundation-version {
  font-family: "/5.5.3/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0;
}

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em;
}

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em;
}

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

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

html,
body {
  font-size: 100%;
}

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

.left {
  float: right !important;
}

.right {
  float: left !important;
}

.clearfix:before, .form-item:before, .form-row:before, .description-block:before, .small-wrapper:before, .clearfix:after, .form-item:after, .form-row:after, .description-block:after, .small-wrapper:after {
  content: " ";
  display: table;
}

.clearfix:after, .form-item:after, .form-row:after, .description-block:after, .small-wrapper:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.row {
  margin: 0 auto;
  max-width: 62.5rem;
  width: 100%;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row.collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.row .row {
  margin: 0 -0.9375rem;
  max-width: none;
  width: auto;
}

.row .row:before, .row .row:after {
  content: " ";
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  width: 100%;
  float: right;
}

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: left;
}

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: right;
}

@media only screen {
  .small-push-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .small-pull-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .small-push-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .small-pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .small-push-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .small-pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .small-push-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .small-pull-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .small-push-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .small-pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .small-push-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .small-pull-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .small-push-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .small-pull-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .small-push-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .small-pull-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .small-push-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .small-pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .small-push-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .small-pull-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .small-push-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .small-pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .small-push-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .small-pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-right: 0 !important;
  }
  .small-offset-1 {
    margin-right: 8.33333% !important;
  }
  .small-offset-2 {
    margin-right: 16.66667% !important;
  }
  .small-offset-3 {
    margin-right: 25% !important;
  }
  .small-offset-4 {
    margin-right: 33.33333% !important;
  }
  .small-offset-5 {
    margin-right: 41.66667% !important;
  }
  .small-offset-6 {
    margin-right: 50% !important;
  }
  .small-offset-7 {
    margin-right: 58.33333% !important;
  }
  .small-offset-8 {
    margin-right: 66.66667% !important;
  }
  .small-offset-9 {
    margin-right: 75% !important;
  }
  .small-offset-10 {
    margin-right: 83.33333% !important;
  }
  .small-offset-11 {
    margin-right: 91.66667% !important;
  }
  .small-reset-order {
    float: right;
    right: auto;
    margin-right: 0;
    margin-left: 0;
    left: auto;
  }
  .column.small-centered,
  .columns.small-centered {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: right;
    margin-right: 0;
    margin-left: 0;
  }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: right;
  }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: left;
  }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .row.small-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
}

@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .medium-pull-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .medium-push-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .medium-pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .medium-push-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .medium-pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .medium-push-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .medium-pull-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .medium-push-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .medium-pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .medium-push-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .medium-pull-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .medium-push-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .medium-pull-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .medium-push-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .medium-pull-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .medium-push-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .medium-pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .medium-push-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .medium-pull-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .medium-push-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .medium-pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .medium-push-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .medium-pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-right: 0 !important;
  }
  .medium-offset-1 {
    margin-right: 8.33333% !important;
  }
  .medium-offset-2 {
    margin-right: 16.66667% !important;
  }
  .medium-offset-3 {
    margin-right: 25% !important;
  }
  .medium-offset-4 {
    margin-right: 33.33333% !important;
  }
  .medium-offset-5 {
    margin-right: 41.66667% !important;
  }
  .medium-offset-6 {
    margin-right: 50% !important;
  }
  .medium-offset-7 {
    margin-right: 58.33333% !important;
  }
  .medium-offset-8 {
    margin-right: 66.66667% !important;
  }
  .medium-offset-9 {
    margin-right: 75% !important;
  }
  .medium-offset-10 {
    margin-right: 83.33333% !important;
  }
  .medium-offset-11 {
    margin-right: 91.66667% !important;
  }
  .medium-reset-order {
    float: right;
    right: auto;
    margin-right: 0;
    margin-left: 0;
    left: auto;
  }
  .column.medium-centered,
  .columns.medium-centered {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: right;
    margin-right: 0;
    margin-left: 0;
  }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: right;
  }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: left;
  }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .row.medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
  .push-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .pull-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .push-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .push-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .push-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .pull-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .push-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .push-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .pull-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .push-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .pull-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .push-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .pull-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .push-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .push-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .pull-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .push-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .push-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .large-pull-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .large-push-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .large-pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .large-push-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .large-pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .large-push-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .large-pull-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .large-push-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .large-pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .large-push-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .large-pull-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .large-push-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .large-pull-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .large-push-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .large-pull-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .large-push-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .large-pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .large-push-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .large-pull-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .large-push-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .large-pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .large-push-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .large-pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-right: 0 !important;
  }
  .large-offset-1 {
    margin-right: 8.33333% !important;
  }
  .large-offset-2 {
    margin-right: 16.66667% !important;
  }
  .large-offset-3 {
    margin-right: 25% !important;
  }
  .large-offset-4 {
    margin-right: 33.33333% !important;
  }
  .large-offset-5 {
    margin-right: 41.66667% !important;
  }
  .large-offset-6 {
    margin-right: 50% !important;
  }
  .large-offset-7 {
    margin-right: 58.33333% !important;
  }
  .large-offset-8 {
    margin-right: 66.66667% !important;
  }
  .large-offset-9 {
    margin-right: 75% !important;
  }
  .large-offset-10 {
    margin-right: 83.33333% !important;
  }
  .large-offset-11 {
    margin-right: 91.66667% !important;
  }
  .large-reset-order {
    float: right;
    right: auto;
    margin-right: 0;
    margin-left: 0;
    left: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: right;
    margin-right: 0;
    margin-left: 0;
  }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: right;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: left;
  }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .row.large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
  .push-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .pull-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .push-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .push-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .push-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .pull-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .push-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .push-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .pull-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .push-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .pull-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .push-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .pull-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .push-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .push-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .pull-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .push-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .push-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
}

.accordion {
  margin-bottom: 0;
  margin-right: 0;
}

.accordion:before, .accordion:after {
  content: " ";
  display: table;
}

.accordion:after {
  clear: both;
}

.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #e8e8e8;
  color: #222222;
}

.accordion .accordion-navigation > a, .accordion dd > a {
  background: #EFEFEF;
  color: #222222;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  padding: 1rem;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #e3e3e3;
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
  display: none;
  padding: 0.9375rem;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  background: #FFFFFF;
  display: block;
}

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 0.875rem 0.875rem 1.5rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #008CBA;
  border-color: #0078a0;
  color: #FFFFFF;
}

.alert-box .close {
  left: 0.25rem;
  background: inherit;
  color: #333333;
  font-size: 1.375rem;
  line-height: .9;
  margin-top: -0.6875rem;
  opacity: 0.3;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%;
}

.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}

.alert-box.radius {
  border-radius: 3px;
}

.alert-box.round {
  border-radius: 1000px;
}

.alert-box.success {
  background-color: #43AC6A;
  border-color: #3a945b;
  color: #FFFFFF;
}

.alert-box.alert {
  background-color: #f04124;
  border-color: #de2d0f;
  color: #FFFFFF;
}

.alert-box.secondary {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: #4f4f4f;
}

.alert-box.warning {
  background-color: #f08a24;
  border-color: #de770f;
  color: #FFFFFF;
}

.alert-box.info {
  background-color: #a0d3e8;
  border-color: #74bfdd;
  color: #4f4f4f;
}

.alert-box.alert-close {
  opacity: 0;
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}

[class*="block-grid-"]:after {
  clear: both;
}

[class*="block-grid-"] > li {
  display: block;
  float: right;
  height: auto;
  padding: 0 0.625rem 1.25rem;
}

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

.breadcrumbs {
  border-style: solid;
  border-width: 1px;
  display: block;
  list-style: none;
  margin-right: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: #f4f4f4;
  border-color: gainsboro;
  border-radius: 3px;
}

.breadcrumbs > * {
  color: #008CBA;
  float: right;
  font-size: 0.6875rem;
  line-height: 0.6875rem;
  margin: 0;
  text-transform: uppercase;
}

.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
  text-decoration: underline;
}

.breadcrumbs > * a {
  color: #008CBA;
}

.breadcrumbs > *.current {
  color: #333333;
  cursor: default;
}

.breadcrumbs > *.current a {
  color: #333333;
  cursor: default;
}

.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
  text-decoration: none;
}

.breadcrumbs > *.unavailable {
  color: #999999;
}

.breadcrumbs > *.unavailable a {
  color: #999999;
}

.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
  color: #999999;
  cursor: not-allowed;
  text-decoration: none;
}

.breadcrumbs > *:before {
  color: #AAAAAA;
  content: "/";
  margin: 0 0.75rem;
  position: relative;
  top: 1px;
}

.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0;
}

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/";
}

button, .button, .black {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}

button:hover, button:focus, .button:hover, .black:hover, .button:focus, .black:focus {
  background-color: #007095;
}

button:hover, button:focus, .button:hover, .black:hover, .button:focus, .black:focus {
  color: #FFFFFF;
}

button.secondary, .button.secondary, .secondary.black {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .secondary.black:hover, .button.secondary:focus, .secondary.black:focus {
  background-color: #b9b9b9;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .secondary.black:hover, .button.secondary:focus, .secondary.black:focus {
  color: #333333;
}

button.success, .button.success, .success.black {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
}

button.success:hover, button.success:focus, .button.success:hover, .success.black:hover, .button.success:focus, .success.black:focus {
  background-color: #368a55;
}

button.success:hover, button.success:focus, .button.success:hover, .success.black:hover, .button.success:focus, .success.black:focus {
  color: #FFFFFF;
}

button.alert, .button.alert, .alert.black {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .alert.black:hover, .button.alert:focus, .alert.black:focus {
  background-color: #cf2a0e;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .alert.black:hover, .button.alert:focus, .alert.black:focus {
  color: #FFFFFF;
}

button.warning, .button.warning, .warning.black {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}

button.warning:hover, button.warning:focus, .button.warning:hover, .warning.black:hover, .button.warning:focus, .warning.black:focus {
  background-color: #cf6e0e;
}

button.warning:hover, button.warning:focus, .button.warning:hover, .warning.black:hover, .button.warning:focus, .warning.black:focus {
  color: #FFFFFF;
}

button.info, .button.info, .info.black {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}

button.info:hover, button.info:focus, .button.info:hover, .info.black:hover, .button.info:focus, .info.black:focus {
  background-color: #61b6d9;
}

button.info:hover, button.info:focus, .button.info:hover, .info.black:hover, .button.info:focus, .info.black:focus {
  color: #FFFFFF;
}

button.large, .button.large, .large.black {
  padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
  font-size: 1.25rem;
}

button.small, .button.small, .small.black {
  padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
  font-size: 0.8125rem;
}

button.tiny, .button.tiny, .tiny.black {
  padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
  font-size: 0.6875rem;
}

button.expand, .button.expand, .expand.black {
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  padding-bottom: 1.0625rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  width: 100%;
}

button.left-align, .button.left-align, .left-align.black {
  text-align: right;
  text-indent: 0.75rem;
}

button.right-align, .button.right-align, .right-align.black {
  text-align: left;
  padding-left: 0.75rem;
}

button.radius, .button.radius, .radius.black {
  border-radius: 3px;
}

button.round, .button.round, .round.black {
  border-radius: 1000px;
}

button.disabled, button[disabled], .button.disabled, .disabled.black, .button[disabled], [disabled].black {
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .disabled.black:hover, .button.disabled:focus, .disabled.black:focus, .button[disabled]:hover, [disabled].black:hover, .button[disabled]:focus, [disabled].black:focus {
  background-color: #007095;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .disabled.black:hover, .button.disabled:focus, .disabled.black:focus, .button[disabled]:hover, [disabled].black:hover, .button[disabled]:focus, [disabled].black:focus {
  color: #FFFFFF;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .disabled.black:hover, .button.disabled:focus, .disabled.black:focus, .button[disabled]:hover, [disabled].black:hover, .button[disabled]:focus, [disabled].black:focus {
  background-color: #008CBA;
}

button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .disabled.secondary.black, .button[disabled].secondary, [disabled].secondary.black {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .disabled.secondary.black:hover, .button.disabled.secondary:focus, .disabled.secondary.black:focus, .button[disabled].secondary:hover, [disabled].secondary.black:hover, .button[disabled].secondary:focus, [disabled].secondary.black:focus {
  background-color: #b9b9b9;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .disabled.secondary.black:hover, .button.disabled.secondary:focus, .disabled.secondary.black:focus, .button[disabled].secondary:hover, [disabled].secondary.black:hover, .button[disabled].secondary:focus, [disabled].secondary.black:focus {
  color: #333333;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .disabled.secondary.black:hover, .button.disabled.secondary:focus, .disabled.secondary.black:focus, .button[disabled].secondary:hover, [disabled].secondary.black:hover, .button[disabled].secondary:focus, [disabled].secondary.black:focus {
  background-color: #e7e7e7;
}

button.disabled.success, button[disabled].success, .button.disabled.success, .disabled.success.black, .button[disabled].success, [disabled].success.black {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .disabled.success.black:hover, .button.disabled.success:focus, .disabled.success.black:focus, .button[disabled].success:hover, [disabled].success.black:hover, .button[disabled].success:focus, [disabled].success.black:focus {
  background-color: #368a55;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .disabled.success.black:hover, .button.disabled.success:focus, .disabled.success.black:focus, .button[disabled].success:hover, [disabled].success.black:hover, .button[disabled].success:focus, [disabled].success.black:focus {
  color: #FFFFFF;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .disabled.success.black:hover, .button.disabled.success:focus, .disabled.success.black:focus, .button[disabled].success:hover, [disabled].success.black:hover, .button[disabled].success:focus, [disabled].success.black:focus {
  background-color: #43AC6A;
}

button.disabled.alert, button[disabled].alert, .button.disabled.alert, .disabled.alert.black, .button[disabled].alert, [disabled].alert.black {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .disabled.alert.black:hover, .button.disabled.alert:focus, .disabled.alert.black:focus, .button[disabled].alert:hover, [disabled].alert.black:hover, .button[disabled].alert:focus, [disabled].alert.black:focus {
  background-color: #cf2a0e;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .disabled.alert.black:hover, .button.disabled.alert:focus, .disabled.alert.black:focus, .button[disabled].alert:hover, [disabled].alert.black:hover, .button[disabled].alert:focus, [disabled].alert.black:focus {
  color: #FFFFFF;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .disabled.alert.black:hover, .button.disabled.alert:focus, .disabled.alert.black:focus, .button[disabled].alert:hover, [disabled].alert.black:hover, .button[disabled].alert:focus, [disabled].alert.black:focus {
  background-color: #f04124;
}

button.disabled.warning, button[disabled].warning, .button.disabled.warning, .disabled.warning.black, .button[disabled].warning, [disabled].warning.black {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .disabled.warning.black:hover, .button.disabled.warning:focus, .disabled.warning.black:focus, .button[disabled].warning:hover, [disabled].warning.black:hover, .button[disabled].warning:focus, [disabled].warning.black:focus {
  background-color: #cf6e0e;
}

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .disabled.warning.black:hover, .button.disabled.warning:focus, .disabled.warning.black:focus, .button[disabled].warning:hover, [disabled].warning.black:hover, .button[disabled].warning:focus, [disabled].warning.black:focus {
  color: #FFFFFF;
}

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .disabled.warning.black:hover, .button.disabled.warning:focus, .disabled.warning.black:focus, .button[disabled].warning:hover, [disabled].warning.black:hover, .button[disabled].warning:focus, [disabled].warning.black:focus {
  background-color: #f08a24;
}

button.disabled.info, button[disabled].info, .button.disabled.info, .disabled.info.black, .button[disabled].info, [disabled].info.black {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
  box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .disabled.info.black:hover, .button.disabled.info:focus, .disabled.info.black:focus, .button[disabled].info:hover, [disabled].info.black:hover, .button[disabled].info:focus, [disabled].info.black:focus {
  background-color: #61b6d9;
}

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .disabled.info.black:hover, .button.disabled.info:focus, .disabled.info.black:focus, .button[disabled].info:hover, [disabled].info.black:hover, .button[disabled].info:focus, [disabled].info.black:focus {
  color: #FFFFFF;
}

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .disabled.info.black:hover, .button.disabled.info:focus, .disabled.info.black:focus, .button[disabled].info:hover, [disabled].info.black:hover, .button[disabled].info:focus, [disabled].info.black:focus {
  background-color: #a0d3e8;
}

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

@media only screen and (min-width: 40.0625em) {
  button, .button, .black {
    display: inline-block;
  }
}

.button-group {
  list-style: none;
  margin: 0;
  right: 0;
}

.button-group:before, .button-group:after {
  content: " ";
  display: table;
}

.button-group:after {
  clear: both;
}

.button-group.even-2 li {
  display: inline-block;
  margin: 0 -2px;
  width: 50%;
}

.button-group.even-2 li > button, .button-group.even-2 li .button, .button-group.even-2 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child .black {
  border-right: 0;
}

.button-group.even-2 li button, .button-group.even-2 li .button, .button-group.even-2 li .black {
  width: 100%;
}

.button-group.even-3 li {
  display: inline-block;
  margin: 0 -2px;
  width: 33.33333%;
}

.button-group.even-3 li > button, .button-group.even-3 li .button, .button-group.even-3 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child .black {
  border-right: 0;
}

.button-group.even-3 li button, .button-group.even-3 li .button, .button-group.even-3 li .black {
  width: 100%;
}

.button-group.even-4 li {
  display: inline-block;
  margin: 0 -2px;
  width: 25%;
}

.button-group.even-4 li > button, .button-group.even-4 li .button, .button-group.even-4 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child .black {
  border-right: 0;
}

.button-group.even-4 li button, .button-group.even-4 li .button, .button-group.even-4 li .black {
  width: 100%;
}

.button-group.even-5 li {
  display: inline-block;
  margin: 0 -2px;
  width: 20%;
}

.button-group.even-5 li > button, .button-group.even-5 li .button, .button-group.even-5 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child .black {
  border-right: 0;
}

.button-group.even-5 li button, .button-group.even-5 li .button, .button-group.even-5 li .black {
  width: 100%;
}

.button-group.even-6 li {
  display: inline-block;
  margin: 0 -2px;
  width: 16.66667%;
}

.button-group.even-6 li > button, .button-group.even-6 li .button, .button-group.even-6 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child .black {
  border-right: 0;
}

.button-group.even-6 li button, .button-group.even-6 li .button, .button-group.even-6 li .black {
  width: 100%;
}

.button-group.even-7 li {
  display: inline-block;
  margin: 0 -2px;
  width: 14.28571%;
}

.button-group.even-7 li > button, .button-group.even-7 li .button, .button-group.even-7 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child .black {
  border-right: 0;
}

.button-group.even-7 li button, .button-group.even-7 li .button, .button-group.even-7 li .black {
  width: 100%;
}

.button-group.even-8 li {
  display: inline-block;
  margin: 0 -2px;
  width: 12.5%;
}

.button-group.even-8 li > button, .button-group.even-8 li .button, .button-group.even-8 li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child .black {
  border-right: 0;
}

.button-group.even-8 li button, .button-group.even-8 li .button, .button-group.even-8 li .black {
  width: 100%;
}

.button-group > li {
  display: inline-block;
  margin: 0 -2px;
}

.button-group > li > button, .button-group > li .button, .button-group > li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group > li:first-child button, .button-group > li:first-child .button, .button-group > li:first-child .black {
  border-right: 0;
}

.button-group.stack > li {
  display: block;
  margin: 0;
  float: none;
}

.button-group.stack > li > button, .button-group.stack > li .button, .button-group.stack > li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button, .button-group.stack > li:first-child .black {
  border-right: 0;
}

.button-group.stack > li > button, .button-group.stack > li .button, .button-group.stack > li .black {
  border-color: rgba(255, 255, 255, 0.5);
  border-right-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}

.button-group.stack > li > button {
  width: 100%;
}

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button, .button-group.stack > li:first-child .black {
  border-top: 0;
}

.button-group.stack-for-small > li {
  display: inline-block;
  margin: 0 -2px;
}

.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button, .button-group.stack-for-small > li .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child .black {
  border-right: 0;
}

@media only screen and (max-width: 40em) {
  .button-group.stack-for-small > li {
    display: block;
    margin: 0;
    width: 100%;
  }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button, .button-group.stack-for-small > li .black {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child .black {
    border-right: 0;
  }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button, .button-group.stack-for-small > li .black {
    border-color: rgba(255, 255, 255, 0.5);
    border-right-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
  }
  .button-group.stack-for-small > li > button {
    width: 100%;
  }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child .black {
    border-top: 0;
  }
}

.button-group.radius > * {
  display: inline-block;
  margin: 0 -2px;
}

.button-group.radius > * > button, .button-group.radius > * .button, .button-group.radius > * .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button, .button-group.radius > *:first-child .black {
  border-right: 0;
}

.button-group.radius > *,
.button-group.radius > * > a,
.button-group.radius > * > button,
.button-group.radius > * > .button,
.button-group.radius > * > .black {
  border-radius: 0;
}

.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button,
.button-group.radius > *:first-child > .black {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button,
.button-group.radius > *:last-child > .black {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.button-group.radius.stack > * {
  display: block;
  margin: 0;
}

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button, .button-group.radius.stack > * .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button, .button-group.radius.stack > *:first-child .black {
  border-right: 0;
}

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button, .button-group.radius.stack > * .black {
  border-color: rgba(255, 255, 255, 0.5);
  border-right-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}

.button-group.radius.stack > * > button {
  width: 100%;
}

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button, .button-group.radius.stack > *:first-child .black {
  border-top: 0;
}

.button-group.radius.stack > *,
.button-group.radius.stack > * > a,
.button-group.radius.stack > * > button,
.button-group.radius.stack > * > .button,
.button-group.radius.stack > * > .black {
  border-radius: 0;
}

.button-group.radius.stack > *:first-child,
.button-group.radius.stack > *:first-child > a,
.button-group.radius.stack > *:first-child > button,
.button-group.radius.stack > *:first-child > .button,
.button-group.radius.stack > *:first-child > .black {
  -webkit-top-right-radius: 3px;
  -webkit-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.button-group.radius.stack > *:last-child,
.button-group.radius.stack > *:last-child > a,
.button-group.radius.stack > *:last-child > button,
.button-group.radius.stack > *:last-child > .button,
.button-group.radius.stack > *:last-child > .black {
  -webkit-bottom-right-radius: 3px;
  -webkit-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

@media only screen and (min-width: 40.0625em) {
  .button-group.radius.stack-for-small > * {
    display: inline-block;
    margin: 0 -2px;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * .black {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button, .button-group.radius.stack-for-small > *:first-child .black {
    border-right: 0;
  }
  .button-group.radius.stack-for-small > *,
  .button-group.radius.stack-for-small > * > a,
  .button-group.radius.stack-for-small > * > button,
  .button-group.radius.stack-for-small > * > .button,
  .button-group.radius.stack-for-small > * > .black {
    border-radius: 0;
  }
  .button-group.radius.stack-for-small > *:first-child,
  .button-group.radius.stack-for-small > *:first-child > a,
  .button-group.radius.stack-for-small > *:first-child > button,
  .button-group.radius.stack-for-small > *:first-child > .button,
  .button-group.radius.stack-for-small > *:first-child > .black {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
  }
  .button-group.radius.stack-for-small > *:last-child,
  .button-group.radius.stack-for-small > *:last-child > a,
  .button-group.radius.stack-for-small > *:last-child > button,
  .button-group.radius.stack-for-small > *:last-child > .button,
  .button-group.radius.stack-for-small > *:last-child > .black {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
  }
}

@media only screen and (max-width: 40em) {
  .button-group.radius.stack-for-small > * {
    display: block;
    margin: 0;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * .black {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button, .button-group.radius.stack-for-small > *:first-child .black {
    border-right: 0;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * .black {
    border-color: rgba(255, 255, 255, 0.5);
    border-right-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
  }
  .button-group.radius.stack-for-small > * > button {
    width: 100%;
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button, .button-group.radius.stack-for-small > *:first-child .black {
    border-top: 0;
  }
  .button-group.radius.stack-for-small > *,
  .button-group.radius.stack-for-small > * > a,
  .button-group.radius.stack-for-small > * > button,
  .button-group.radius.stack-for-small > * > .button,
  .button-group.radius.stack-for-small > * > .black {
    border-radius: 0;
  }
  .button-group.radius.stack-for-small > *:first-child,
  .button-group.radius.stack-for-small > *:first-child > a,
  .button-group.radius.stack-for-small > *:first-child > button,
  .button-group.radius.stack-for-small > *:first-child > .button,
  .button-group.radius.stack-for-small > *:first-child > .black {
    -webkit-top-right-radius: 3px;
    -webkit-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .button-group.radius.stack-for-small > *:last-child,
  .button-group.radius.stack-for-small > *:last-child > a,
  .button-group.radius.stack-for-small > *:last-child > button,
  .button-group.radius.stack-for-small > *:last-child > .button,
  .button-group.radius.stack-for-small > *:last-child > .black {
    -webkit-bottom-right-radius: 3px;
    -webkit-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}

.button-group.round > * {
  display: inline-block;
  margin: 0 -2px;
}

.button-group.round > * > button, .button-group.round > * .button, .button-group.round > * .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round > *:first-child button, .button-group.round > *:first-child .button, .button-group.round > *:first-child .black {
  border-right: 0;
}

.button-group.round > *,
.button-group.round > * > a,
.button-group.round > * > button,
.button-group.round > * > .button,
.button-group.round > * > .black {
  border-radius: 0;
}

.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button,
.button-group.round > *:first-child > .black {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button,
.button-group.round > *:last-child > .black {
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.button-group.round.stack > * {
  display: block;
  margin: 0;
}

.button-group.round.stack > * > button, .button-group.round.stack > * .button, .button-group.round.stack > * .black {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button, .button-group.round.stack > *:first-child .black {
  border-right: 0;
}

.button-group.round.stack > * > button, .button-group.round.stack > * .button, .button-group.round.stack > * .black {
  border-color: rgba(255, 255, 255, 0.5);
  border-right-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}

.button-group.round.stack > * > button {
  width: 100%;
}

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button, .button-group.round.stack > *:first-child .black {
  border-top: 0;
}

.button-group.round.stack > *,
.button-group.round.stack > * > a,
.button-group.round.stack > * > button,
.button-group.round.stack > * > .button,
.button-group.round.stack > * > .black {
  border-radius: 0;
}

.button-group.round.stack > *:first-child,
.button-group.round.stack > *:first-child > a,
.button-group.round.stack > *:first-child > button,
.button-group.round.stack > *:first-child > .button,
.button-group.round.stack > *:first-child > .black {
  -webkit-top-right-radius: 1rem;
  -webkit-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}

.button-group.round.stack > *:last-child,
.button-group.round.stack > *:last-child > a,
.button-group.round.stack > *:last-child > button,
.button-group.round.stack > *:last-child > .button,
.button-group.round.stack > *:last-child > .black {
  -webkit-bottom-right-radius: 1rem;
  -webkit-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

@media only screen and (min-width: 40.0625em) {
  .button-group.round.stack-for-small > * {
    display: inline-block;
    margin: 0 -2px;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * .black {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button, .button-group.round.stack-for-small > *:first-child .black {
    border-right: 0;
  }
  .button-group.round.stack-for-small > *,
  .button-group.round.stack-for-small > * > a,
  .button-group.round.stack-for-small > * > button,
  .button-group.round.stack-for-small > * > .button,
  .button-group.round.stack-for-small > * > .black {
    border-radius: 0;
  }
  .button-group.round.stack-for-small > *:first-child,
  .button-group.round.stack-for-small > *:first-child > a,
  .button-group.round.stack-for-small > *:first-child > button,
  .button-group.round.stack-for-small > *:first-child > .button,
  .button-group.round.stack-for-small > *:first-child > .black {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
  }
  .button-group.round.stack-for-small > *:last-child,
  .button-group.round.stack-for-small > *:last-child > a,
  .button-group.round.stack-for-small > *:last-child > button,
  .button-group.round.stack-for-small > *:last-child > .button,
  .button-group.round.stack-for-small > *:last-child > .black {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
  }
}

@media only screen and (max-width: 40em) {
  .button-group.round.stack-for-small > * {
    display: block;
    margin: 0;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * .black {
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button, .button-group.round.stack-for-small > *:first-child .black {
    border-right: 0;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * .black {
    border-color: rgba(255, 255, 255, 0.5);
    border-right-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
  }
  .button-group.round.stack-for-small > * > button {
    width: 100%;
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button, .button-group.round.stack-for-small > *:first-child .black {
    border-top: 0;
  }
  .button-group.round.stack-for-small > *,
  .button-group.round.stack-for-small > * > a,
  .button-group.round.stack-for-small > * > button,
  .button-group.round.stack-for-small > * > .button,
  .button-group.round.stack-for-small > * > .black {
    border-radius: 0;
  }
  .button-group.round.stack-for-small > *:first-child,
  .button-group.round.stack-for-small > *:first-child > a,
  .button-group.round.stack-for-small > *:first-child > button,
  .button-group.round.stack-for-small > *:first-child > .button,
  .button-group.round.stack-for-small > *:first-child > .black {
    -webkit-top-right-radius: 1rem;
    -webkit-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
  }
  .button-group.round.stack-for-small > *:last-child,
  .button-group.round.stack-for-small > *:last-child > a,
  .button-group.round.stack-for-small > *:last-child > button,
  .button-group.round.stack-for-small > *:last-child > .button,
  .button-group.round.stack-for-small > *:last-child > .black {
    -webkit-bottom-right-radius: 1rem;
    -webkit-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
}

.button-bar:before, .button-bar:after {
  content: " ";
  display: table;
}

.button-bar:after {
  clear: both;
}

.button-bar .button-group {
  float: right;
  margin-left: 0.625rem;
}

.button-bar .button-group div {
  overflow: hidden;
}

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-right: 0;
  margin-bottom: 0;
}

.clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
  content: " ";
  display: table;
}

.clearing-thumbs:after, [data-clearing]:after {
  clear: both;
}

.clearing-thumbs li, [data-clearing] li {
  float: right;
  margin-left: 10px;
}

.clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
  margin-left: 0;
}

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  right: 0;
}

.clearing-blackout .clearing-close {
  display: block;
}

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998;
}

.clearing-touch-label {
  color: #AAAAAA;
  font-size: .6em;
  right: 50%;
  position: absolute;
  top: 50%;
}

.visible-img {
  height: 95%;
  position: relative;
}

.visible-img img {
  position: absolute;
  right: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(50%);
  -moz-transform: translateY(-50%) translateX(50%);
  -ms-transform: translateY(-50%) translateX(50%);
  -o-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%);
  max-height: 100%;
  max-width: 100%;
}

.clearing-caption {
  background: #333333;
  bottom: 0;
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  right: 0;
}

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-right: 20px;
  padding-top: 10px;
  z-index: 999;
}

.clearing-close:hover, .clearing-close:focus {
  color: #CCCCCC;
}

.clearing-assembled .clearing-container {
  height: 100%;
}

.clearing-assembled .clearing-container .carousel > ul {
  display: none;
}

.clearing-feature li {
  display: none;
}

.clearing-feature li.clearing-featured-img {
  display: block;
}

@media only screen and (min-width: 40.0625em) {
  .clearing-main-prev,
  .clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px;
  }
  .clearing-main-prev > span,
  .clearing-main-next > span {
    border: solid 12px;
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0;
  }
  .clearing-main-prev > span:hover,
  .clearing-main-next > span:hover {
    opacity: .8;
  }
  .clearing-main-prev {
    right: 0;
  }
  .clearing-main-prev > span {
    right: 5px;
    border-color: transparent;
    border-left-color: #CCCCCC;
  }
  .clearing-main-next {
    left: 0;
  }
  .clearing-main-next > span {
    border-color: transparent;
    border-right-color: #CCCCCC;
  }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: .3;
  }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center;
  }
  .clearing-assembled .clearing-container .carousel > ul {
    display: inline-block;
    z-index: 999;
    height: 100%;
    position: relative;
    float: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li {
    clear: none;
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 0;
    min-height: inherit;
    opacity: .4;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 120px;
  }
  .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
    height: 100%;
    max-width: none;
  }
  .clearing-assembled .clearing-container .carousel > ul li a.th {
    border: none;
    box-shadow: none;
    display: block;
  }
  .clearing-assembled .clearing-container .carousel > ul li img {
    cursor: pointer !important;
    width: 100% !important;
  }
  .clearing-assembled .clearing-container .carousel > ul li.visible {
    opacity: 1;
  }
  .clearing-assembled .clearing-container .carousel > ul li:hover {
    opacity: .8;
  }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    height: 85%;
    overflow: hidden;
  }
  .clearing-close {
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    left: 20px;
  }
}

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px;
}

.f-dropdown.open {
  display: block;
}

.f-dropdown > *:first-child {
  margin-top: 0;
}

.f-dropdown > *:last-child {
  margin-bottom: 0;
}

.f-dropdown:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #FFFFFF transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  right: 10px;
  z-index: 89;
}

.f-dropdown:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  right: 9px;
  z-index: 88;
}

.f-dropdown.right:before {
  right: auto;
  left: 10px;
}

.f-dropdown.right:after {
  right: auto;
  left: 9px;
}

.f-dropdown.drop-right {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-right: 2px;
  max-width: 200px;
}

.f-dropdown.drop-right.open {
  display: block;
}

.f-dropdown.drop-right > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-right > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-right:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #FFFFFF;
  border-left-style: solid;
  position: absolute;
  top: 10px;
  right: -12px;
  z-index: 89;
}

.f-dropdown.drop-right:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #cccccc;
  border-left-style: solid;
  position: absolute;
  top: 9px;
  right: -14px;
  z-index: 88;
}

.f-dropdown.drop-left {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-right: -2px;
  max-width: 200px;
}

.f-dropdown.drop-left.open {
  display: block;
}

.f-dropdown.drop-left > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-left > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-left:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #FFFFFF transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 10px;
  left: -12px;
  right: auto;
  z-index: 89;
}

.f-dropdown.drop-left:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #cccccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 9px;
  left: -14px;
  right: auto;
  z-index: 88;
}

.f-dropdown.drop-top {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-right: 0;
  margin-top: -2px;
  max-width: 200px;
}

.f-dropdown.drop-top.open {
  display: block;
}

.f-dropdown.drop-top > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-top > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-top:before {
  border: inset 6px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #FFFFFF transparent transparent transparent;
  border-top-style: solid;
  bottom: -12px;
  position: absolute;
  top: auto;
  right: 10px;
  left: auto;
  z-index: 89;
}

.f-dropdown.drop-top:after {
  border: inset 7px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #cccccc transparent transparent transparent;
  border-top-style: solid;
  bottom: -14px;
  position: absolute;
  top: auto;
  right: 9px;
  left: auto;
  z-index: 88;
}

.f-dropdown li {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
}

.f-dropdown li:hover, .f-dropdown li:focus {
  background: #EEEEEE;
}

.f-dropdown li a {
  display: block;
  padding: 0.5rem;
  color: #555555;
}

.f-dropdown.content {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  padding: 1.25rem;
  width: 100%;
  z-index: 89;
  max-width: 200px;
}

.f-dropdown.content.open {
  display: block;
}

.f-dropdown.content > *:first-child {
  margin-top: 0;
}

.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.radius {
  border-radius: 3px;
}

.f-dropdown.tiny {
  max-width: 200px;
}

.f-dropdown.small {
  max-width: 300px;
}

.f-dropdown.medium, .f-dropdown.black {
  max-width: 500px;
}

.f-dropdown.large {
  max-width: 800px;
}

.f-dropdown.mega {
  width: 100% !important;
  max-width: 100% !important;
}

.f-dropdown.mega.open {
  right: 0 !important;
}

.dropdown.button, .dropdown.black, button.dropdown {
  position: relative;
  padding-left: 3.5625rem;
}

.dropdown.button::after, .dropdown.black::after, button.dropdown::after {
  border-color: #FFFFFF transparent transparent transparent;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  width: 0;
}

.dropdown.button::after, .dropdown.black::after, button.dropdown::after {
  border-width: 0.375rem;
  left: 1.40625rem;
  margin-top: -0.15625rem;
}

.dropdown.button::after, .dropdown.black::after, button.dropdown::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.tiny, .dropdown.tiny.black, button.dropdown.tiny {
  padding-left: 2.625rem;
}

.dropdown.button.tiny:after, .dropdown.tiny.black:after, button.dropdown.tiny:after {
  border-width: 0.375rem;
  left: 1.125rem;
  margin-top: -0.125rem;
}

.dropdown.button.tiny::after, .dropdown.tiny.black::after, button.dropdown.tiny::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.small, .dropdown.small.black, button.dropdown.small {
  padding-left: 3.0625rem;
}

.dropdown.button.small::after, .dropdown.small.black::after, button.dropdown.small::after {
  border-width: 0.4375rem;
  left: 1.3125rem;
  margin-top: -0.15625rem;
}

.dropdown.button.small::after, .dropdown.small.black::after, button.dropdown.small::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.large, .dropdown.large.black, button.dropdown.large {
  padding-left: 3.625rem;
}

.dropdown.button.large::after, .dropdown.large.black::after, button.dropdown.large::after {
  border-width: 0.3125rem;
  left: 1.71875rem;
  margin-top: -0.15625rem;
}

.dropdown.button.large::after, .dropdown.large.black::after, button.dropdown.large::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.secondary:after, .dropdown.secondary.black:after, button.dropdown.secondary:after {
  border-color: #333333 transparent transparent transparent;
}

.flex-video {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative;
}

.flex-video.widescreen {
  padding-bottom: 56.34%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
}

/* Standard Forms */
form {
  margin: 0 0 1rem;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem;
}

form .row .row .column,
form .row .row .columns {
  padding: 0 0.5rem;
}

form .row .row.collapse {
  margin: 0;
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}

form .row .row.collapse input {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-right: 0.5rem;
}

/* Label Styles */
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */
}

label.right {
  float: none !important;
  text-align: left;
}

label.inline {
  margin: 0 0 1rem 0;
  padding: 0.5625rem 0;
}

label small {
  text-transform: capitalize;
  color: #676767;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button, .postfix.black {
  border: none;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}

.prefix.button, .prefix.black {
  border: none;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}

.prefix.button.radius, .prefix.radius.black {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.postfix.button.radius, .postfix.radius.black {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.prefix.button.round, .prefix.round.black {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

.postfix.button.round, .postfix.round.black {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc;
}

span.postfix, label.postfix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc;
}

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear;
}

input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none;
}

input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
  background-color: #DDDDDD;
  cursor: default;
}

input:not([type])[disabled], input:not([type])[readonly],
fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
fieldset[disabled] textarea {
  background-color: #DDDDDD;
  cursor: default;
}

input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
  border-radius: 3px;
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto;
}

/* Not allow resize out of parent */
textarea {
  max-width: 100%;
}

::-webkit-input-placeholder {
  color: #666666;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}

:-ms-input-placeholder {
  color: #666666;
}

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 0% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem;
}

select::-ms-expand {
  display: none;
}

select.radius {
  border-radius: 3px;
}

select:focus {
  background-color: #f3f3f3;
  border-color: #999999;
}

select:disabled {
  background-color: #DDDDDD;
  cursor: default;
}

select[multiple] {
  height: auto;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-right: 0.5rem;
  margin-left: 1rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
  width: 100%;
}

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem;
}

fieldset legend {
  font-weight: bold;
  margin: 0;
  margin-right: -0.1875rem;
  padding: 0 0.1875rem;
}

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF;
}

[data-abide] span.error, [data-abide] small.error {
  display: none;
}

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF;
}

.error input,
.error textarea,
.error select {
  margin-bottom: 0;
}

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem;
}

.error label,
.error label.error {
  color: #f04124;
}

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF;
}

.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}

.error span.error-message {
  display: block;
}

input.error,
textarea.error,
select.error {
  margin-bottom: 0;
}

label.error {
  color: #f04124;
}

.icon-bar {
  display: inline-block;
  font-size: 0;
  width: 100%;
  background: #333333;
}

.icon-bar > * {
  display: block;
  float: right;
  font-size: 1rem;
  margin: 0 auto;
  padding: 1.25rem;
  text-align: center;
  width: 25%;
}

.icon-bar > * i, .icon-bar > * img {
  display: block;
  margin: 0 auto;
}

.icon-bar > * i + label, .icon-bar > * img + label {
  margin-top: .0625rem;
}

.icon-bar > * i {
  font-size: 1.875rem;
  vertical-align: middle;
}

.icon-bar > * img {
  height: 1.875rem;
  width: 1.875rem;
}

.icon-bar.label-right > * i, .icon-bar.label-right > * img {
  display: inline-block;
  margin: 0 0 0 .0625rem;
}

.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
  margin-top: 0;
}

.icon-bar.label-right > * label {
  display: inline-block;
}

.icon-bar.vertical.label-right > * {
  text-align: right;
}

.icon-bar.vertical, .icon-bar.small-vertical {
  height: 100%;
  width: auto;
}

.icon-bar.vertical .item, .icon-bar.small-vertical .item {
  float: none;
  margin: auto;
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.medium-vertical {
    height: 100%;
    width: auto;
  }
  .icon-bar.medium-vertical .item {
    float: none;
    margin: auto;
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.large-vertical {
    height: 100%;
    width: auto;
  }
  .icon-bar.large-vertical .item {
    float: none;
    margin: auto;
    width: auto;
  }
}

.icon-bar > * {
  font-size: 1rem;
  padding: 1.25rem;
}

.icon-bar > * i + label, .icon-bar > * img + label {
  margin-top: .0625rem;
  font-size: 1rem;
}

.icon-bar > * i {
  font-size: 1.875rem;
}

.icon-bar > * img {
  height: 1.875rem;
  width: 1.875rem;
}

.icon-bar > * label {
  color: #FFFFFF;
}

.icon-bar > * i {
  color: #FFFFFF;
}

.icon-bar > a:hover {
  background: #008CBA;
}

.icon-bar > a:hover label {
  color: #FFFFFF;
}

.icon-bar > a:hover i {
  color: #FFFFFF;
}

.icon-bar > a.active {
  background: #008CBA;
}

.icon-bar > a.active label {
  color: #FFFFFF;
}

.icon-bar > a.active i {
  color: #FFFFFF;
}

.icon-bar .item.disabled {
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}

.icon-bar .item.disabled > * {
  opacity: 0.7;
  cursor: not-allowed;
}

.icon-bar.two-up .item {
  width: 50%;
}

.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.three-up .item {
  width: 33.3333%;
}

.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.four-up .item {
  width: 25%;
}

.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.five-up .item {
  width: 20%;
}

.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.six-up .item {
  width: 16.66667%;
}

.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.seven-up .item {
  width: 14.28571%;
}

.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.eight-up .item {
  width: 12.5%;
}

.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.two-up .item {
  width: 50%;
}

.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.three-up .item {
  width: 33.3333%;
}

.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.four-up .item {
  width: 25%;
}

.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.five-up .item {
  width: 20%;
}

.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.six-up .item {
  width: 16.66667%;
}

.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.seven-up .item {
  width: 14.28571%;
}

.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.seven-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.seven-up.large-vertical .item {
    width: auto;
  }
}

.icon-bar.eight-up .item {
  width: 12.5%;
}

.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .icon-bar.eight-up.medium-vertical .item {
    width: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .icon-bar.eight-up.large-vertical .item {
    width: auto;
  }
}

.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.0625rem;
  margin-right: -1.375rem;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}

.inline-list > li {
  display: block;
  float: right;
  list-style: none;
  margin-right: 1.375rem;
}

.inline-list > li > * {
  display: block;
}

/* Foundation Joyride */
.joyride-list {
  display: none;
}

/* Default styles for the container */
.joyride-tip-guide {
  background: #333333;
  color: #FFFFFF;
  display: none;
  font-family: inherit;
  font-weight: normal;
  position: absolute;
  top: 0;
  width: 95%;
  z-index: 103;
  right: 2.5%;
}

.lt-ie9 .joyride-tip-guide {
  margin-right: -400px;
  max-width: 800px;
  right: 50%;
}

.joyride-content-wrapper {
  padding: 1.125rem 1.25rem 1.5rem;
  width: 100%;
}

.joyride-content-wrapper .button, .joyride-content-wrapper .black {
  margin-bottom: 0 !important;
}

.joyride-content-wrapper .joyride-prev-tip {
  margin-left: 10px;
}

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  border: 10px solid #333333;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  right: 22px;
}

.joyride-tip-guide .joyride-nub.top {
  border-color: #333333;
  border-top-color: transparent !important;
  border-top-style: solid;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  top: -20px;
}

.joyride-tip-guide .joyride-nub.bottom {
  border-color: #333333 !important;
  border-bottom-color: transparent !important;
  border-bottom-style: solid;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  bottom: -20px;
}

.joyride-tip-guide .joyride-nub.right {
  left: -20px;
}

.joyride-tip-guide .joyride-nub.left {
  right: -20px;
}

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1.25;
  margin: 0;
}

.joyride-tip-guide p {
  font-size: 0.875rem;
  line-height: 1.3;
  margin: 0 0 1.125rem 0;
}

.joyride-timer-indicator-wrap {
  border: solid 1px #555555;
  bottom: 1rem;
  height: 3px;
  position: absolute;
  width: 50px;
  left: 1.0625rem;
}

.joyride-timer-indicator {
  background: #666666;
  display: block;
  height: inherit;
  width: 0;
}

.joyride-close-tip {
  color: #777777 !important;
  font-size: 24px;
  font-weight: normal;
  line-height: .5 !important;
  position: absolute;
  text-decoration: none;
  top: 10px;
  left: 12px;
}

.joyride-close-tip:hover, .joyride-close-tip:focus {
  color: #EEEEEE !important;
}

.joyride-modal-bg {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  right: 0;
}

.joyride-expose-wrapper {
  background-color: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 15px #FFFFFF;
  position: absolute;
  z-index: 102;
}

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 9999;
}

/* Styles for screens that are at least 768px; */
@media only screen {
  .joyride-tip-guide {
    width: 300px;
    right: inherit;
  }
  .joyride-tip-guide .joyride-nub.bottom {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    bottom: -20px;
  }
  .joyride-tip-guide .joyride-nub.right {
    border-color: #333333 !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    right: auto;
    left: -20px;
    top: 22px;
  }
  .joyride-tip-guide .joyride-nub.left {
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    right: -20px;
    left: auto;
    top: 22px;
  }
}

.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px;
}

.label {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #008CBA;
  color: #FFFFFF;
}

.label.radius {
  border-radius: 3px;
}

.label.round {
  border-radius: 1000px;
}

.label.alert {
  background-color: #f04124;
  color: #FFFFFF;
}

.label.warning {
  background-color: #f08a24;
  color: #FFFFFF;
}

.label.success {
  background-color: #43AC6A;
  color: #FFFFFF;
}

.label.secondary {
  background-color: #e7e7e7;
  color: #333333;
}

.label.info {
  background-color: #a0d3e8;
  color: #333333;
}

[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: #FFFFFF;
  min-width: 100%;
  padding: 10px;
  z-index: 50;
}

[data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
  margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
  margin-bottom: 0;
}

[data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
  line-height: 1.8em;
}

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

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative;
}

.slideshow-wrapper ul {
  list-style-type: none;
  margin: 0;
}

.slideshow-wrapper ul li,
.slideshow-wrapper ul li .orbit-caption {
  display: none;
}

.slideshow-wrapper ul li:first-child {
  display: block;
}

.slideshow-wrapper .orbit-container {
  background-color: transparent;
}

.slideshow-wrapper .orbit-container li {
  display: block;
}

.slideshow-wrapper .orbit-container li .orbit-caption {
  display: block;
}

.slideshow-wrapper .orbit-container .orbit-bullets li {
  display: inline-block;
}

.slideshow-wrapper .preloader {
  border-radius: 1000px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: linear;
  border-color: #555555 #FFFFFF;
  border: solid 3px;
  display: block;
  height: 40px;
  right: 50%;
  margin-right: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
}

.orbit-container {
  background: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.orbit-container .orbit-slides-container {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.orbit-container .orbit-slides-container img {
  display: block;
  max-width: 100%;
}

.orbit-container .orbit-slides-container > * {
  position: absolute;
  top: 0;
  width: 100%;
  margin-right: 100%;
}

.orbit-container .orbit-slides-container > *:first-child {
  margin-right: 0;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
  bottom: 0;
  position: absolute;
  background-color: rgba(51, 51, 51, 0.8);
  color: #FFFFFF;
  font-size: 0.875rem;
  padding: 0.625rem 0.875rem;
  width: 100%;
}

.orbit-container .orbit-slide-number {
  right: 10px;
  background: transparent;
  color: #FFFFFF;
  font-size: 12px;
  position: absolute;
  top: 10px;
  z-index: 10;
}

.orbit-container .orbit-slide-number span {
  font-weight: 700;
  padding: 0.3125rem;
}

.orbit-container .orbit-timer {
  position: absolute;
  top: 12px;
  left: 10px;
  height: 6px;
  width: 100px;
  z-index: 10;
}

.orbit-container .orbit-timer .orbit-progress {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  width: 0;
  position: relative;
  left: 20px;
  top: 5px;
}

.orbit-container .orbit-timer > span {
  border: solid 4px #FFFFFF;
  border-bottom: none;
  border-top: none;
  display: none;
  height: 14px;
  position: absolute;
  top: 0;
  width: 11px;
  left: 0;
}

.orbit-container .orbit-timer.paused > span {
  top: 0;
  width: 11px;
  height: 14px;
  border: inset 8px;
  border-right-style: solid;
  border-color: transparent;
  border-right-color: #FFFFFF;
  left: -4px;
}

.orbit-container .orbit-timer.paused > span.dark {
  border-right-color: #333333;
}

.orbit-container:hover .orbit-timer > span {
  display: block;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next {
  background-color: transparent;
  color: white;
  height: 60px;
  line-height: 50px;
  margin-top: -25px;
  position: absolute;
  text-indent: -9999px !important;
  top: 45%;
  width: 36px;
  z-index: 10;
}

.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.orbit-container .orbit-prev > span,
.orbit-container .orbit-next > span {
  border: inset 10px;
  display: block;
  height: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 0;
}

.orbit-container .orbit-prev {
  right: 0;
}

.orbit-container .orbit-prev > span {
  border-left-style: solid;
  border-color: transparent;
  border-left-color: #FFFFFF;
}

.orbit-container .orbit-prev:hover > span {
  border-left-color: #FFFFFF;
}

.orbit-container .orbit-next {
  left: 0;
}

.orbit-container .orbit-next > span {
  border-color: transparent;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  right: 50%;
  margin-right: -4px;
}

.orbit-container .orbit-next:hover > span {
  border-right-color: #FFFFFF;
}

.orbit-bullets-container {
  text-align: center;
}

.orbit-bullets {
  display: block;
  float: none;
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 10px;
}

.orbit-bullets li {
  background: #CCCCCC;
  cursor: pointer;
  display: inline-block;
  float: none;
  height: 0.5625rem;
  margin-left: 6px;
  width: 0.5625rem;
  border-radius: 1000px;
}

.orbit-bullets li.active {
  background: #999999;
}

.orbit-bullets li:last-child {
  margin-left: 0;
}

.touch .orbit-container .orbit-prev,
.touch .orbit-container .orbit-next {
  display: none;
}

.touch .orbit-bullets {
  display: none;
}

@media only screen and (min-width: 40.0625em) {
  .touch .orbit-container .orbit-prev,
  .touch .orbit-container .orbit-next {
    display: inherit;
  }
  .touch .orbit-bullets {
    display: block;
  }
}

@media only screen and (max-width: 40em) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important;
  }
  .orbit-stack-on-small .orbit-slides-container > * {
    margin: 0  !important;
    opacity: 1 !important;
    position: relative;
  }
  .orbit-stack-on-small .orbit-slide-number {
    display: none;
  }
  .orbit-timer {
    display: none;
  }
  .orbit-next, .orbit-prev {
    display: none;
  }
  .orbit-bullets {
    display: none;
  }
}

ul.pagination {
  display: block;
  margin-right: -0.3125rem;
  min-height: 1.5rem;
}

ul.pagination li {
  color: #222222;
  font-size: 0.875rem;
  height: 1.5rem;
  margin-right: 0.3125rem;
}

ul.pagination li a, ul.pagination li button {
  border-radius: 3px;
  transition: background-color 300ms ease-out;
  background: none;
  color: #999999;
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  padding: 0.0625rem 0.625rem 0.0625rem;
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
  background: #e6e6e6;
}

ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  cursor: default;
  color: #999999;
  pointer-events: none;
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
  background: transparent;
}

ul.pagination li.current a, ul.pagination li.current button {
  background: #008CBA;
  color: #FFFFFF;
  cursor: default;
  font-weight: bold;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #008CBA;
}

ul.pagination li {
  display: block;
  float: right;
}

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center;
}

.pagination-centered ul.pagination li {
  display: inline-block;
  float: none;
}

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
  color: #333333;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}

.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}

.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #ecfaff;
  color: #333333;
}

.panel.callout > :first-child {
  margin-top: 0;
}

.panel.callout > :last-child {
  margin-bottom: 0;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
  color: #333333;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625rem;
}

.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}

.panel.callout a:not(.button):not(.black) {
  color: #008CBA;
}

.panel.callout a:not(.button):not(.black):hover, .panel.callout a:not(.button):not(.black):focus {
  color: #0078a0;
}

.panel.radius {
  border-radius: 3px;
}

/* Pricing Tables */
.pricing-table {
  border: solid 1px #DDDDDD;
  margin-right: 0;
  margin-bottom: 1.25rem;
}

.pricing-table * {
  list-style: none;
  line-height: 1;
}

.pricing-table .title {
  background-color: #333333;
  color: #EEEEEE;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.9375rem 1.25rem;
  text-align: center;
}

.pricing-table .price {
  background-color: #F6F6F6;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 2rem;
  font-weight: normal;
  padding: 0.9375rem 1.25rem;
  text-align: center;
}

.pricing-table .description, .pricing-table .third-light-wrapper .labels a, .third-light-wrapper .labels .pricing-table a, .pricing-table .third-light-wrapper .inputs a, .third-light-wrapper .inputs .pricing-table a {
  background-color: #FFFFFF;
  border-bottom: dotted 1px #DDDDDD;
  color: #777777;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.4;
  padding: 0.9375rem;
  text-align: center;
}

.pricing-table .bullet-item {
  background-color: #FFFFFF;
  border-bottom: dotted 1px #DDDDDD;
  color: #333333;
  font-size: 0.875rem;
  font-weight: normal;
  padding: 0.9375rem;
  text-align: center;
}

.pricing-table .cta-button {
  background-color: #FFFFFF;
  padding: 1.25rem 1.25rem 0;
  text-align: center;
}

/* Progress Bar */
.progress {
  background-color: #F6F6F6;
  border: 1px solid white;
  height: 1.5625rem;
  margin-bottom: 0.625rem;
  padding: 0.125rem;
}

.progress .meter {
  background: #008CBA;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress .meter.secondary {
  background: #e7e7e7;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress .meter.success {
  background: #43AC6A;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress .meter.alert {
  background: #f04124;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress.secondary .meter {
  background: #e7e7e7;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress.success .meter {
  background: #43AC6A;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress.alert .meter {
  background: #f04124;
  display: block;
  height: 100%;
  float: right;
  width: 0%;
}

.progress.radius {
  border-radius: 3px;
}

.progress.radius .meter {
  border-radius: 2px;
}

.progress.round {
  border-radius: 1000px;
}

.progress.round .meter {
  border-radius: 999px;
}

.range-slider {
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: block;
  height: 1rem;
  width: 100%;
  background: #FAFAFA;
}

.range-slider.vertical-range {
  border: 1px solid #DDDDDD;
  margin: 1.25rem 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  display: inline-block;
  height: 12.5rem;
  width: 1rem;
}

.range-slider.vertical-range .range-slider-handle {
  bottom: -10.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
  position: absolute;
}

.range-slider.vertical-range .range-slider-active-segment {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-top-right-radius: initial;
  bottom: 0;
  height: auto;
  width: 0.875rem;
}

.range-slider.radius {
  background: #FAFAFA;
  border-radius: 3px;
}

.range-slider.radius .range-slider-handle {
  background: #008CBA;
  border-radius: 3px;
}

.range-slider.radius .range-slider-handle:hover {
  background: #007ba4;
}

.range-slider.round {
  background: #FAFAFA;
  border-radius: 1000px;
}

.range-slider.round .range-slider-handle {
  background: #008CBA;
  border-radius: 1000px;
}

.range-slider.round .range-slider-handle:hover {
  background: #007ba4;
}

.range-slider.disabled, .range-slider[disabled] {
  background: #FAFAFA;
  cursor: not-allowed;
  opacity: 0.7;
}

.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
  background: #008CBA;
  cursor: default;
  opacity: 0.7;
}

.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
  background: #007ba4;
}

.range-slider-active-segment {
  background: #e5e5e5;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
  display: inline-block;
  height: 0.875rem;
  position: absolute;
}

.range-slider-handle {
  border: 1px solid none;
  cursor: pointer;
  display: inline-block;
  height: 1.375rem;
  position: absolute;
  top: -0.3125rem;
  width: 2rem;
  z-index: 1;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #008CBA;
}

.range-slider-handle:hover {
  background: #007ba4;
}

.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  right: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1004;
  right: 0;
}

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  right: 0;
  background-color: #FFFFFF;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 40em) {
  .reveal-modal {
    min-height: 100vh;
  }
}

.reveal-modal .column, .reveal-modal .columns {
  min-width: 0;
}

.reveal-modal > :first-child {
  margin-top: 0;
}

.reveal-modal > :last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 80%;
  }
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal {
    top: 6.25rem;
  }
}

.reveal-modal.radius {
  box-shadow: none;
  border-radius: 3px;
}

.reveal-modal.round {
  box-shadow: none;
  border-radius: 1000px;
}

.reveal-modal.collapse {
  padding: 0;
  box-shadow: none;
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal.tiny {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 30%;
  }
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal.small {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 40%;
  }
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal.medium, .reveal-modal.black {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 60%;
  }
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal.large {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 70%;
  }
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal.xlarge {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 95%;
  }
}

.reveal-modal.full {
  height: 100vh;
  height: 100%;
  right: 0;
  margin-right: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0;
}

@media only screen and (min-width: 40.0625em) {
  .reveal-modal.full {
    right: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    left: 0;
    width: 100%;
  }
}

.reveal-modal.toback {
  z-index: 1003;
}

.reveal-modal .close-reveal-modal {
  color: #AAAAAA;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  left: 1.375rem;
}

.side-nav {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.875rem 0;
}

.side-nav li {
  font-size: 0.875rem;
  font-weight: normal;
  margin: 0 0 0.4375rem 0;
}

.side-nav li a:not(.button):not(.black) {
  color: #008CBA;
  display: block;
  margin: 0;
  padding: 0.4375rem 0.875rem;
}

.side-nav li a:not(.button):not(.black):hover, .side-nav li a:not(.button):not(.black):focus {
  background: rgba(0, 0, 0, 0.025);
  color: #1cc7ff;
}

.side-nav li a:not(.button):not(.black):active {
  color: #1cc7ff;
}

.side-nav li.active > a:first-child:not(.button):not(.black) {
  color: #1cc7ff;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
}

.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  list-style: none;
  padding: 0;
  border-top-color: #e6e6e6;
}

.side-nav li.heading {
  color: #008CBA;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
}

.split.button, .split.black {
  position: relative;
  padding-left: 5.0625rem;
}

.split.button span, .split.black span {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-right: solid 1px;
}

.split.button span:after, .split.black span:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  right: 50%;
}

.split.button span:active, .split.black span:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.split.button span, .split.black span {
  border-right-color: rgba(255, 255, 255, 0.5);
}

.split.button span, .split.black span {
  width: 3.09375rem;
}

.split.button span:after, .split.black span:after {
  border-top-style: solid;
  border-width: 0.375rem;
  margin-right: -0.375rem;
  top: 48%;
}

.split.button span:after, .split.black span:after {
  border-color: #FFFFFF transparent transparent transparent;
}

.split.button.secondary span, .split.secondary.black span {
  border-right-color: rgba(255, 255, 255, 0.5);
}

.split.button.secondary span:after, .split.secondary.black span:after {
  border-color: #FFFFFF transparent transparent transparent;
}

.split.button.alert span, .split.alert.black span {
  border-right-color: rgba(255, 255, 255, 0.5);
}

.split.button.success span, .split.success.black span {
  border-right-color: rgba(255, 255, 255, 0.5);
}

.split.button.tiny, .split.tiny.black {
  padding-left: 3.75rem;
}

.split.button.tiny span, .split.tiny.black span {
  width: 2.25rem;
}

.split.button.tiny span:after, .split.tiny.black span:after {
  border-top-style: solid;
  border-width: 0.375rem;
  margin-right: -0.375rem;
  top: 48%;
}

.split.button.small, .split.small.black {
  padding-left: 4.375rem;
}

.split.button.small span, .split.small.black span {
  width: 2.625rem;
}

.split.button.small span:after, .split.small.black span:after {
  border-top-style: solid;
  border-width: 0.4375rem;
  margin-right: -0.375rem;
  top: 48%;
}

.split.button.large, .split.large.black {
  padding-left: 5.5rem;
}

.split.button.large span, .split.large.black span {
  width: 3.4375rem;
}

.split.button.large span:after, .split.large.black span:after {
  border-top-style: solid;
  border-width: 0.3125rem;
  margin-right: -0.375rem;
  top: 48%;
}

.split.button.expand, .split.expand.black {
  padding-right: 2rem;
}

.split.button.secondary span:after, .split.secondary.black span:after {
  border-color: #333333 transparent transparent transparent;
}

.split.button.radius span, .split.radius.black span {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.split.button.round span, .split.round.black span {
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.split.button.no-pip span:before, .split.no-pip.black span:before {
  border-style: none;
}

.split.button.no-pip span:after, .split.no-pip.black span:after {
  border-style: none;
}

.split.button.no-pip span > i, .split.no-pip.black span > i {
  display: block;
  right: 50%;
  margin-right: -0.28889em;
  margin-top: -0.48889em;
  position: absolute;
  top: 50%;
}

.sub-nav {
  display: block;
  margin: -0.25rem 0 1.125rem;
  overflow: hidden;
  padding-top: 0.25rem;
  width: auto;
}

.sub-nav dt {
  text-transform: uppercase;
}

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
  color: #999999;
  float: right;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: normal;
  margin-right: 1rem;
  margin-bottom: 0;
}

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
  color: #999999;
  padding: 0.1875rem 1rem;
  text-decoration: none;
}

.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
  color: #737373;
}

.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
  border-radius: 3px;
  background: #008CBA;
  color: #FFFFFF;
  cursor: default;
  font-weight: normal;
  padding: 0.1875rem 1rem;
}

.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
  background: #0078a0;
}

.switch {
  border: none;
  margin-bottom: 1.5rem;
  outline: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch label {
  background: #DDDDDD;
  color: transparent;
  cursor: pointer;
  display: block;
  margin-bottom: 1rem;
  position: relative;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  transition: right 0.15s ease-out;
}

.switch input {
  right: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 9px;
}

.switch input + label {
  margin-right: 0;
  margin-left: 0;
}

.switch label:after {
  background: #FFFFFF;
  content: "";
  display: block;
  height: 1.5rem;
  right: .25rem;
  position: absolute;
  top: .25rem;
  width: 1.5rem;
  -webkit-transition: right 0.15s ease-out;
  -moz-transition: right 0.15s ease-out;
  -o-transition: translate3d(0, 0, 0);
  transition: right 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.switch input:checked + label {
  background: #008CBA;
}

.switch input:checked + label:after {
  right: 2.25rem;
}

.switch label {
  height: 2rem;
  width: 4rem;
}

.switch label:after {
  height: 1.5rem;
  width: 1.5rem;
}

.switch input:checked + label:after {
  right: 2.25rem;
}

.switch label {
  color: transparent;
  background: #DDDDDD;
}

.switch label:after {
  background: #FFFFFF;
}

.switch input:checked + label {
  background: #008CBA;
}

.switch.large label {
  height: 2.5rem;
  width: 5rem;
}

.switch.large label:after {
  height: 2rem;
  width: 2rem;
}

.switch.large input:checked + label:after {
  right: 2.75rem;
}

.switch.small label {
  height: 1.75rem;
  width: 3.5rem;
}

.switch.small label:after {
  height: 1.25rem;
  width: 1.25rem;
}

.switch.small input:checked + label:after {
  right: 2rem;
}

.switch.tiny label {
  height: 1.5rem;
  width: 3rem;
}

.switch.tiny label:after {
  height: 1rem;
  width: 1rem;
}

.switch.tiny input:checked + label:after {
  right: 1.75rem;
}

.switch.radius label {
  border-radius: 4px;
}

.switch.radius label:after {
  border-radius: 3px;
}

.switch.round {
  border-radius: 1000px;
}

.switch.round label {
  border-radius: 2rem;
}

.switch.round label:after {
  border-radius: 2rem;
}

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto;
}

table caption {
  background: transparent;
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
}

table thead {
  background: #F5F5F5;
}

table thead tr th,
table thead tr td {
  color: #222222;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

table tfoot {
  background: #F5F5F5;
}

table tfoot tr th,
table tfoot tr td {
  color: #222222;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

table tr th,
table tr td {
  color: #222222;
  font-size: 0.875rem;
  padding: 0.5625rem 0.625rem;
  text-align: right;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #F9F9F9;
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.125rem;
}

.tabs {
  margin-bottom: 0 !important;
  margin-right: 0;
}

.tabs:before, .tabs:after {
  content: " ";
  display: table;
}

.tabs:after {
  clear: both;
}

.tabs dd,
.tabs .tab-title {
  float: right;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative;
}

.tabs dd > a,
.tabs .tab-title > a {
  display: block;
  background-color: #EFEFEF;
  color: #222222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1rem;
  padding: 1rem 2rem;
}

.tabs dd > a:hover,
.tabs .tab-title > a:hover {
  background-color: #e1e1e1;
}

.tabs dd.active > a,
.tabs .tab-title.active > a {
  background-color: #FFFFFF;
  color: #222222;
}

.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.tabs.vertical dd,
.tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%;
}

.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table;
}

.tabs-content:after {
  clear: both;
}

.tabs-content > .content {
  display: none;
  float: right;
  padding: 0.9375rem 0;
  width: 100%;
}

.tabs-content > .content.active {
  display: block;
  float: none;
}

.tabs-content > .content.contained {
  padding: 0.9375rem;
}

.tabs-content.vertical {
  display: block;
}

.tabs-content.vertical > .content {
  padding: 0 0.9375rem;
}

@media only screen and (min-width: 40.0625em) {
  .tabs.vertical {
    float: right;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%;
  }
  .tabs-content.vertical {
    float: right;
    margin-right: -1px;
    max-width: 80%;
    padding-right: 1rem;
    width: 80%;
  }
}

.no-js .tabs-content > .content {
  display: block;
  float: none;
}

/* Image Thumbnails */
.th {
  border: solid 4px #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out;
}

.th:hover, .th:focus {
  box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5);
}

.th.radius {
  border-radius: 3px;
}

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  color: #333333;
  cursor: help;
  font-weight: bold;
}

.has-tip:hover, .has-tip:focus {
  border-bottom: dotted 1px #003f54;
  color: #008CBA;
}

.has-tip.tip-left, .has-tip.tip-right {
  float: none !important;
}

.tooltip {
  background: #333333;
  color: #FFFFFF;
  display: none;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.3;
  max-width: 300px;
  padding: 0.75rem;
  position: absolute;
  width: 100%;
  z-index: 1006;
  right: 50%;
}

.tooltip > .nub {
  border: solid 5px;
  border-color: transparent transparent #333333 transparent;
  display: block;
  height: 0;
  pointer-events: none;
  position: absolute;
  top: -10px;
  width: 0;
  right: 5px;
}

.tooltip > .nub.rtl {
  right: auto;
  left: 5px;
}

.tooltip.radius {
  border-radius: 3px;
}

.tooltip.round {
  border-radius: 1000px;
}

.tooltip.round > .nub {
  right: 2rem;
}

.tooltip.opened {
  border-bottom: dotted 1px #003f54 !important;
  color: #008CBA !important;
}

.tap-to-close {
  color: #777777;
  display: block;
  font-size: 0.625rem;
  font-weight: normal;
}

@media only screen {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px;
  }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    bottom: -10px;
    top: auto;
  }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important;
  }
  .tooltip.tip-left > .nub {
    border-color: transparent #333333 transparent transparent;
    right: auto;
    margin-top: -5px;
    left: -10px;
    top: 50%;
  }
  .tooltip.tip-right > .nub {
    border-color: transparent transparent transparent #333333;
    right: -10px;
    margin-top: -5px;
    left: auto;
    top: 50%;
  }
}

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333;
}

.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  right: 0;
}

.fixed.expanded:not(.top-bar) {
  height: auto;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
  margin-top: 2.8125rem;
  z-index: 98;
}

.top-bar {
  background: #333333;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}

.top-bar ul {
  list-style: none;
  margin-bottom: 0;
}

.top-bar .row {
  max-width: none;
}

.top-bar form,
.top-bar input,
.top-bar select {
  margin-bottom: 0;
}

.top-bar input,
.top-bar select {
  font-size: 0.75rem;
  height: 1.75rem;
  padding-bottom: .35rem;
  padding-top: .35rem;
}

.top-bar .button, .top-bar .black, .top-bar button {
  font-size: 0.75rem;
  margin-bottom: 0;
  padding-bottom: 0.4125rem;
  padding-top: 0.4125rem;
}

@media only screen and (max-width: 40em) {
  .top-bar .button, .top-bar .black, .top-bar button {
    position: relative;
    top: -1px;
  }
}

.top-bar .title-area {
  margin: 0;
  position: relative;
}

.top-bar .name {
  font-size: 16px;
  height: 2.8125rem;
  margin: 0;
}

.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
  font-size: 1.0625rem;
  line-height: 2.8125rem;
  margin: 0;
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
  color: #FFFFFF;
  display: block;
  font-weight: normal;
  padding: 0 0.9375rem;
  width: 75%;
}

.top-bar .toggle-topbar {
  position: absolute;
  left: 0;
  top: 0;
}

.top-bar .toggle-topbar a {
  color: #FFFFFF;
  display: block;
  font-size: 0.8125rem;
  font-weight: bold;
  height: 2.8125rem;
  line-height: 2.8125rem;
  padding: 0 0.9375rem;
  position: relative;
  text-transform: uppercase;
}

.top-bar .toggle-topbar.menu-icon {
  margin-top: -16px;
  top: 50%;
}

.top-bar .toggle-topbar.menu-icon a {
  color: #FFFFFF;
  height: 34px;
  line-height: 33px;
  padding: 0 0.9375rem 0 2.5rem;
  position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0.9375rem;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 16px;
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
  box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}

.top-bar.expanded {
  background: transparent;
  height: auto;
}

.top-bar.expanded .title-area {
  background: #333333;
}

.top-bar.expanded .toggle-topbar a {
  color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after {
  box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
  .top-bar.expanded .top-bar-section .dropdown {
    clip: initial;
  }
  .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
    padding: 0;
  }
}

.top-bar-section {
  right: 0;
  position: relative;
  width: auto;
  transition: right 300ms ease-out;
}

.top-bar-section ul {
  display: block;
  font-size: 16px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
  border-top: solid 1px #1a1a1a;
  clear: both;
  height: 1px;
  width: 100%;
}

.top-bar-section ul li {
  background: #333333;
}

.top-bar-section ul li > a {
  color: #FFFFFF;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
  padding-right: 0.9375rem;
  padding: 12px 0.9375rem 12px 0;
  text-transform: none;
  width: 100%;
}

.top-bar-section ul li > a.button, .top-bar-section ul li > a.black {
  font-size: 0.8125rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.black:hover, .top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.black:focus {
  background-color: #007095;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.black:hover, .top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.black:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.secondary, .top-bar-section ul li > a.secondary.black {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.secondary.black:hover, .top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.secondary.black:focus {
  background-color: #b9b9b9;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.secondary.black:hover, .top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.secondary.black:focus {
  color: #333333;
}

.top-bar-section ul li > a.button.success, .top-bar-section ul li > a.success.black {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.success.black:hover, .top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.success.black:focus {
  background-color: #368a55;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.success.black:hover, .top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.success.black:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.alert, .top-bar-section ul li > a.alert.black {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.alert.black:hover, .top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.alert.black:focus {
  background-color: #cf2a0e;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.alert.black:hover, .top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.alert.black:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.warning, .top-bar-section ul li > a.warning.black {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.warning.black:hover, .top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.warning.black:focus {
  background-color: #cf6e0e;
}

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.warning.black:hover, .top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.warning.black:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > a.button.info, .top-bar-section ul li > a.info.black {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}

.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.info.black:hover, .top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.info.black:focus {
  background-color: #61b6d9;
}

.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.info.black:hover, .top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.info.black:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > button {
  font-size: 0.8125rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  background-color: #008CBA;
  border-color: #007095;
  color: #FFFFFF;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  background-color: #007095;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > button.secondary {
  background-color: #e7e7e7;
  border-color: #b9b9b9;
  color: #333333;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  background-color: #b9b9b9;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  color: #333333;
}

.top-bar-section ul li > button.success {
  background-color: #43AC6A;
  border-color: #368a55;
  color: #FFFFFF;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
  background-color: #368a55;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > button.alert {
  background-color: #f04124;
  border-color: #cf2a0e;
  color: #FFFFFF;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
  background-color: #cf2a0e;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > button.warning {
  background-color: #f08a24;
  border-color: #cf6e0e;
  color: #FFFFFF;
}

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
  background-color: #cf6e0e;
}

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
  color: #FFFFFF;
}

.top-bar-section ul li > button.info {
  background-color: #a0d3e8;
  border-color: #61b6d9;
  color: #333333;
}

.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
  background-color: #61b6d9;
}

.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
  color: #FFFFFF;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #555555;
  color: #FFFFFF;
  background: #222222;
}

.top-bar-section ul li.active > a {
  background: #008CBA;
  color: #FFFFFF;
}

.top-bar-section ul li.active > a:hover {
  background: #0078a0;
  color: #FFFFFF;
}

.top-bar-section .has-form {
  padding: 0.9375rem;
}

.top-bar-section .has-dropdown {
  position: relative;
}

.top-bar-section .has-dropdown > a:after {
  border: inset 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent rgba(255, 255, 255, 0.4) transparent transparent;
  border-right-style: solid;
  margin-left: 0.9375rem;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  left: 0;
}

.top-bar-section .has-dropdown.moved {
  position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  display: block;
  position: absolute !important;
  width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
  display: none;
}

.top-bar-section .dropdown {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 99;
  right: 100%;
}

.top-bar-section .dropdown li {
  height: auto;
  width: 100%;
}

.top-bar-section .dropdown li a {
  font-weight: normal;
  padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li a.parent-link {
  font-weight: normal;
}

.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.125rem;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
  color: #FFFFFF;
  display: block;
}

.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
  background: none;
}

.top-bar-section .dropdown li.has-form {
  padding: 8px 0.9375rem;
}

.top-bar-section .dropdown li .button, .top-bar-section .dropdown li .black,
.top-bar-section .dropdown li button {
  top: auto;
}

.top-bar-section .dropdown label {
  color: #777777;
  font-size: 0.625rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 8px 0.9375rem 2px;
  text-transform: uppercase;
}

.js-generated {
  display: block;
}

@media only screen and (min-width: 40.0625em) {
  .top-bar {
    background: #333333;
    overflow: visible;
  }
  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }
  .top-bar:after {
    clear: both;
  }
  .top-bar .toggle-topbar {
    display: none;
  }
  .top-bar .title-area {
    float: right;
  }
  .top-bar .name h1 a,
  .top-bar .name h2 a,
  .top-bar .name h3 a,
  .top-bar .name h4 a,
  .top-bar .name h5 a,
  .top-bar .name h6 a {
    width: auto;
  }
  .top-bar input,
  .top-bar select,
  .top-bar .button,
  .top-bar .black,
  .top-bar button {
    font-size: 0.875rem;
    height: 1.75rem;
    position: relative;
    top: 0.53125rem;
  }
  .top-bar .has-form > .button, .top-bar .has-form > .black,
  .top-bar .has-form > button {
    font-size: 0.875rem;
    height: 1.75rem;
    position: relative;
    top: 0.53125rem;
  }
  .top-bar.expanded {
    background: #333333;
  }
  .contain-to-grid .top-bar {
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 62.5rem;
  }
  .top-bar-section {
    transition: none 0 0;
    right: 0 !important;
  }
  .top-bar-section ul {
    display: inline;
    height: auto !important;
    width: auto;
  }
  .top-bar-section ul li {
    float: right;
  }
  .top-bar-section ul li .js-generated {
    display: none;
  }
  .top-bar-section li.hover > a:not(.button):not(.black) {
    background-color: #555555;
    background: #222222;
    color: #FFFFFF;
  }
  .top-bar-section li:not(.has-form) a:not(.button):not(.black) {
    background: #333333;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
  }
  .top-bar-section li:not(.has-form) a:not(.button):not(.black):hover {
    background-color: #555555;
    background: #222222;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):not(.black) {
    background: #008CBA;
    color: #FFFFFF;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):not(.black):hover {
    background: #0078a0;
    color: #FFFFFF;
  }
  .top-bar-section .has-dropdown > a {
    padding-left: 2.1875rem !important;
  }
  .top-bar-section .has-dropdown > a:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 1.40625rem;
  }
  .top-bar-section .has-dropdown.moved {
    position: relative;
  }
  .top-bar-section .has-dropdown.moved > .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
  }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 0.1875rem;
    left: 5px;
  }
  .top-bar-section .dropdown {
    right: 0;
    background: transparent;
    min-width: 100%;
    top: auto;
  }
  .top-bar-section .dropdown li a {
    background: #333333;
    color: #FFFFFF;
    line-height: 2.8125rem;
    padding: 12px 0.9375rem;
    white-space: nowrap;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):not(.black) {
    background: #333333;
    color: #FFFFFF;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button):not(.black) {
    background-color: #555555;
    color: #FFFFFF;
    background: #222222;
  }
  .top-bar-section .dropdown li label {
    background: #333333;
    white-space: nowrap;
  }
  .top-bar-section .dropdown li .dropdown {
    right: 100%;
    top: 0;
  }
  .top-bar-section > ul > .divider,
  .top-bar-section > ul > [role="separator"] {
    border-left: solid 1px #4e4e4e;
    border-bottom: none;
    border-top: none;
    clear: none;
    height: 2.8125rem;
    width: 0;
  }
  .top-bar-section .has-form {
    background: #333333;
    height: 2.8125rem;
    padding: 0 0.9375rem;
  }
  .top-bar-section .right li .dropdown {
    right: auto;
    left: 0;
  }
  .top-bar-section .right li .dropdown li .dropdown {
    left: 100%;
  }
  .top-bar-section .left li .dropdown {
    left: auto;
    right: 0;
  }
  .top-bar-section .left li .dropdown li .dropdown {
    right: 100%;
  }
  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #222222;
    color: #FFFFFF;
  }
  .no-js .top-bar-section ul li:active > a {
    background: #008CBA;
    color: #FFFFFF;
  }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
}

.text-left {
  text-align: right !important;
}

.text-right {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: right !important;
  }
  .small-only-text-right {
    text-align: left !important;
  }
  .small-only-text-center {
    text-align: center !important;
  }
  .small-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen {
  .small-text-left {
    text-align: right !important;
  }
  .small-text-right {
    text-align: left !important;
  }
  .small-text-center {
    text-align: center !important;
  }
  .small-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: right !important;
  }
  .medium-only-text-right {
    text-align: left !important;
  }
  .medium-only-text-center {
    text-align: center !important;
  }
  .medium-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 40.0625em) {
  .medium-text-left {
    text-align: right !important;
  }
  .medium-text-right {
    text-align: left !important;
  }
  .medium-text-center {
    text-align: center !important;
  }
  .medium-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: right !important;
  }
  .large-only-text-right {
    text-align: left !important;
  }
  .large-only-text-center {
    text-align: center !important;
  }
  .large-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-text-left {
    text-align: right !important;
  }
  .large-text-right {
    text-align: left !important;
  }
  .large-text-center {
    text-align: center !important;
  }
  .large-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: right !important;
  }
  .xlarge-only-text-right {
    text-align: left !important;
  }
  .xlarge-only-text-center {
    text-align: center !important;
  }
  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.0625em) {
  .xlarge-text-left {
    text-align: right !important;
  }
  .xlarge-text-right {
    text-align: left !important;
  }
  .xlarge-text-center {
    text-align: center !important;
  }
  .xlarge-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
  .xxlarge-only-text-left {
    text-align: right !important;
  }
  .xxlarge-only-text-right {
    text-align: left !important;
  }
  .xxlarge-only-text-center {
    text-align: center !important;
  }
  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 120.0625em) {
  .xxlarge-text-left {
    text-align: right !important;
  }
  .xxlarge-text-right {
    text-align: left !important;
  }
  .xxlarge-text-center {
    text-align: center !important;
  }
  .xxlarge-text-justify {
    text-align: justify !important;
  }
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
a {
  color: #008CBA;
  line-height: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  color: #0078a0;
}

a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 1.21875rem;
  line-height: 1.6;
}

p aside {
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1.35;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #222222;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #6f6f6f;
  font-size: 60%;
  line-height: 0;
}

h1 {
  font-size: 2.125rem;
}

h2 {
  font-size: 1.6875rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

/* Lists */
ul,
ol,
dl {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem;
}

ul {
  margin-right: 1.1rem;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-right: 1.25rem;
  margin-bottom: 0;
}

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}

ul.square {
  list-style-type: square;
  margin-right: 1.1rem;
}

ul.circle {
  list-style-type: circle;
  margin-right: 1.1rem;
}

ul.disc {
  list-style-type: disc;
  margin-right: 1.1rem;
}

/* Ordered Lists */
ol {
  margin-right: 1.4rem;
}

ol li ul,
ol li ol {
  margin-right: 1.25rem;
  margin-bottom: 0;
}

.no-bullet {
  list-style-type: none;
  margin-right: 0;
}

.no-bullet li ul,
.no-bullet li ol {
  margin-right: 1.25rem;
  margin-bottom: 0;
  list-style: none;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

dl dd {
  margin-bottom: 0.75rem;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help;
}

abbr {
  text-transform: none;
}

abbr[title] {
  border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.1875rem 0 1.25rem;
  border-right: 1px solid #DDDDDD;
}

blockquote cite {
  display: block;
  font-size: 0.8125rem;
  color: #555555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
  color: #555555;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.625rem 0.75rem;
}

.vcard li {
  margin: 0;
  display: block;
}

.vcard .fn {
  font-weight: bold;
  font-size: 0.9375rem;
}

.vevent .summary {
  font-weight: bold;
}

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem;
}

@media only screen and (min-width: 40.0625em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
  h1 {
    font-size: 2.75rem;
  }
  h2 {
    font-size: 2.3125rem;
  }
  h3 {
    font-size: 1.6875rem;
  }
  h4 {
    font-size: 1.4375rem;
  }
  h5 {
    font-size: 1.125rem;
  }
  h6 {
    font-size: 1rem;
  }
}

/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.34in;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}

.inner-wrap:before, .inner-wrap:after {
  content: " ";
  display: table;
}

.inner-wrap:after {
  clear: both;
}

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #FFFFFF;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative;
}

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 2.8125rem;
  margin: 0;
}

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
  font-size: 1.125rem;
}

.left-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-left: solid 1px #1a1a1a;
  right: 0;
}

.right-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-right: solid 1px #1a1a1a;
  left: 0;
}

.tab-bar-section {
  height: 2.8125rem;
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  top: 0;
}

.tab-bar-section.left {
  text-align: right;
}

.tab-bar-section.right {
  text-align: left;
}

.tab-bar-section.left {
  right: 0;
  left: 2.8125rem;
}

.tab-bar-section.right {
  right: 2.8125rem;
  left: 0;
}

.tab-bar-section.middle {
  right: 2.8125rem;
  left: 2.8125rem;
}

.tab-bar .menu-icon {
  color: #FFFFFF;
  display: block;
  height: 2.8125rem;
  padding: 0;
  position: relative;
  text-indent: 2.1875rem;
  transform: translate3d(0, 0, 0);
  width: 2.8125rem;
}

.tab-bar .menu-icon span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  right: 0.90625rem;
  box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 1rem;
}

.tab-bar .menu-icon span:hover:after {
  box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  top: 0;
}

.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  top: 0;
}

.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.top-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  height: 18.75rem;
}

.top-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.bottom-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  transition: transform 500ms ease 0s;
  width: 15.625rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate(0, 100%);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  height: 18.75rem;
}

.bottom-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.off-canvas-list li label {
  background: #444444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
}

ul.off-canvas-list li a {
  border-bottom: 1px solid #262626;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 0.66667rem;
  transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
  background: #242424;
}

ul.off-canvas-list li a:active {
  background: #242424;
}

.move-right > .inner-wrap {
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate(-15.625rem, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0);
}

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-left > .inner-wrap {
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate(15.625rem, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0);
}

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-top > .inner-wrap {
  -webkit-transform: translate3d(0, -18.75rem, 0);
  -moz-transform: translate3d(0, -18.75rem, 0);
  -ms-transform: translate(0, -18.75rem);
  -o-transform: translate3d(0, -18.75rem, 0);
  transform: translate3d(0, -18.75rem, 0);
}

.move-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .move-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-bottom > .inner-wrap {
  -webkit-transform: translate3d(0, 18.75rem, 0);
  -moz-transform: translate3d(0, 18.75rem, 0);
  -ms-transform: translate(0, 18.75rem);
  -o-transform: translate3d(0, 18.75rem, 0);
  transform: translate3d(0, 18.75rem, 0);
}

.move-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .move-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .offcanvas-overlap .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .offcanvas-overlap-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .offcanvas-overlap-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-top .bottom-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .offcanvas-overlap-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-bottom .top-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  box-shadow: 4px 0 4px rgba(0, 0, 0, 0.5), -4px 0 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: transparent;
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 40.0625em) {
  .offcanvas-overlap-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.no-csstransforms .left-off-canvas-menu {
  right: -15.625rem;
}

.no-csstransforms .right-off-canvas-menu {
  left: -15.625rem;
}

.no-csstransforms .top-off-canvas-menu {
  top: -18.75rem;
}

.no-csstransforms .bottom-off-canvas-menu {
  bottom: -18.75rem;
}

.no-csstransforms .move-left > .inner-wrap {
  left: 15.625rem;
}

.no-csstransforms .move-right > .inner-wrap {
  right: 15.625rem;
}

.no-csstransforms .move-top > .inner-wrap {
  left: 18.75rem;
}

.no-csstransforms .move-bottom > .inner-wrap {
  right: 18.75rem;
}

.left-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}

.left-submenu * {
  -webkit-backface-visibility: hidden;
}

.left-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}

.left-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.left-submenu .back > a:before {
  content: "\AB";
  margin-left: .5rem;
  display: inline;
}

.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.right-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}

.right-submenu * {
  -webkit-backface-visibility: hidden;
}

.right-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}

.right-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.right-submenu .back > a:after {
  content: "\BB";
  margin-right: .5rem;
  display: inline;
}

.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.top-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate(0, -100%);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}

.top-submenu * {
  -webkit-backface-visibility: hidden;
}

.top-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}

.top-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -ms-transform: translate(0, 0%);
  -o-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.bottom-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 15.625rem;
  height: 18.75rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate(0, 100%);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
}

.bottom-submenu * {
  -webkit-backface-visibility: hidden;
}

.bottom-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 0.9375rem;
  text-transform: uppercase;
  margin: 0;
}

.bottom-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -ms-transform: translate(0, 0%);
  -o-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-right: .5rem;
  display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-left: .5rem;
  display: inline;
}

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* medium displays */
@media only screen and (min-width: 40.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* large displays */
@media only screen and (min-width: 64.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important;
  }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important;
  }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important;
}

.touch table.show-for-touch {
  display: table !important;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus:focus, .show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/* Print visibility */
.print-only,
.show-for-print {
  display: none !important;
}

@media print {
  .print-only,
  .show-for-print {
    display: block !important;
  }
  .hide-on-print,
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
}

/*for custom media for resizing window on desktop*/
/*-----------------------------------------------------global mixins-----------------------------------------------------*/
/* Flexbox */
/* For crossbrowser disabling selecting text by user */
/* Column mixins */
/* Width counter */
/*-----------------------------------------------------typography-----------------------------------------------------*/
@font-face {
  font-family: "Kraft";
  src: url(../fonts/kraft/kraft.woff) format("woff"), url(../fonts/kraft/kraft.ttf) format("truetype"), url(../fonts/kraft/kraft.svg) format("svg");
}

@font-face {
  font-family: "Roboto Condensed Medium";
  src: url(../fonts/roboto/roboto-medium/roboto-medium.woff) format("woff"), url(../fonts/roboto/roboto-medium/roboto-medium.ttf) format("truetype"), url(../fonts/roboto/roboto-medium/roboto-medium.svg) format("svg");
}

@font-face {
  font-family: "Roboto Condensed Light";
  src: url(../fonts/roboto/roboto-light/Roboto-Light.woff) format("woff"), url(../fonts/roboto/roboto-light/Roboto-Light.ttf) format("truetype"), url(../fonts/roboto/Roboto-Light/roboto-light.svg) format("svg");
}

@font-face {
  font-family: "Roboto Condensed Bold";
  src: url(../fonts/roboto/roboto-bold/Roboto-Bold.woff) format("woff"), url(../fonts/roboto/roboto-bold/Roboto-Bold.ttf) format("truetype"), url(../fonts/roboto/Roboto-Bold/roboto-bold.svg) format("svg");
}

@font-face {
  font-family: "Molot";
  src: url(../fonts/molot/Molot.woff) format("woff"), url(../fonts/molot/Molot.ttf) format("truetype"), url(../fonts/molot/Molot.svg) format("svg");
}

@font-face {
  font-family: "gcFontIcons";
  src: url(../fonts/gc-icon-font/gcFontIcons.woff) format("woff"), url(../fonts/gc-icon-font/gcFontIcons.ttf) format("truetype"), url(../fonts/gc-icon-font/gcFontIcons.svg) format("svg");
}

@font-face {
  font-family: "pfDinTextLight";
  src: url(../fonts/pfdintextpro/light/pfdintextpro-light.woff) format("woff"), url(../fonts/pfdintextpro/light/pfdintextpro-light.ttf) format("truetype"), url(../fonts/pfdintextpro/light/pfdintextpro-light.svg) format("svg");
}

/*
@font-face {
  font-family: "pfDinTextLightItalic";
  src: url(../fonts/pfdintextpro/light-italic/pfdintextpro-lightitalic.ttf) format("truetype");
}
*/
@font-face {
  font-family: "pfDinTextMed";
  src: url(../fonts/pfdintextpro/medium/pfdintextpro-medium.woff) format("woff"), url(../fonts/pfdintextpro/medium/pfdintextpro-medium.ttf) format("truetype"), url(../fonts/pfdintextpro/medium/pfdintextpro-medium.svg) format("svg");
}

@font-face {
  font-family: "pfdintextcomppro";
  src: url(../fonts/pfdintextcomppro/pfdintextcomppro-regular.ttf) format("truetype"), url(../fonts/pfdintextcomppro/pfdintextcomppro-regular-webfont.woff) format("woff"), url(../fonts/pfdintextcomppro/pfdintextcomppro-regular-webfont.woff2) format("woff2");
}

@font-face {
  font-family: "openSans";
  src: url(../fonts/opensans/semibold/OpenSansSemiBold.woff) format("woff"), url(../fonts/opensans/semibold/OpenSansSemiBold.ttf) format("truetype");
}

@font-face {
  font-family: "pfDinTextMedItalic";
  src: url(../fonts/pfdintextpro/medium-italic/pfdintextpro-mediumitalic.woff) format("woff"), url(../fonts/pfdintextpro/medium-italic/pfdintextpro-mediumitalic.ttf) format("truetype"), url(../fonts/pfdintextpro/medium-italic/pfdintextpro-mediumitalic.svg) format("svg");
}

@font-face {
  font-family: "pfDinTextReg";
  src: url(../fonts/pfdintextpro/regular/pfdintextpro-regular.woff) format("woff"), url(../fonts/pfdintextpro/regular/pfdintextpro-regular.ttf) format("truetype"), url(../fonts/pfdintextpro/regular/pfdintextpro-regular.svg) format("svg");
}

@font-face {
  font-family: "pfDinTextBold";
  src: url(../fonts/pfdintextpro/bold/pfdintextpro-bold-webfont.ttf) format("truetype"), url(../fonts/pfdintextpro/bold/pfdintextpro-bold-webfont.woff) format("woff"), url(../fonts/pfdintextpro/bold/pfdintextpro-bold-webfont.woff2) format("woff2");
}

@font-face {
  font-family: "pfDinTextRegCond";
  src: url(../fonts/pfdintextpro/condensed/pfdintextcondpro-regular.woff) format("woff"), url(../fonts/pfdintextpro/condensed/pfdintextcondpro-regular.woff2) format("woff2");
}

@font-face {
  font-family: "pfDinTextMedItalic";
  src: url(../fonts/pfdintextpro/regular-italic/pfdintextpro-regularitalic.woff) format("woff"), url(../fonts/pfdintextpro/regular-italic/pfdintextpro-regularitalic.ttf) format("truetype"), url(../fonts/pfdintextpro/regular-italic/pfdintextpro-regularitalic.svg) format("svg");
}

@font-face {
  font-family: "pfAgoraSansLight";
  src: url(../fonts/pfagorasanspro/pfagorasanspro-light.woff) format("woff"), url(../fonts/pfagorasanspro/pfagorasanspro-light.ttf) format("truetype"), url(../fonts/pfagorasanspro/pfagorasanspro-light.svg) format("svg");
}

@font-face {
  font-family: 'sakkal_majallaregular';
  src: url(../fonts/sakkal_majalla/majalla-webfont.woff2) format("woff2"), url(../fonts/sakkal_majalla/majalla-webfont.woff) format("woff"), url(../fonts/sakkal_majalla/majalla-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PFBeauSansPro';
  src: url(../fonts/PFBeauSansPro/PFBeauSansPro-Reg.ttf) format("truetype"), url(../fonts/PFBeauSansPro/pfbeausanspro-reg-webfont.woff) format("woff"), url(../fonts/PFBeauSansPro/pfbeausanspro-reg-webfont.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}

/*----- New DinTextPro ----- */
@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-ExtraThin.ttf");
  font-weight: 100;
}

@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-Thin.ttf");
  font-weight: 200;
}

@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: 'New_PFDinTextPro';
  src: url("../fonts/new_dintextpro/PFDinTextPro-ExtraBlack.ttf");
  font-weight: 900;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF Pro Display/SFProDisplay-Ultralight.ttf");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF Pro Display/SFProDisplay-Light.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF Pro Display/SFProDisplay-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF Pro Display/SFProDisplay-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF Pro Display/SFProDisplay-Semibold.ttf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url("../fonts/SF Pro Display/SFProDisplay-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF UI Text';
  src: url("../fonts/SF UI Text/SFUIDisplay-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.font-light {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
}

/*
.font-light-italic{
  font-family: $font-light-italic;
}
*/
.font-reg {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.font-reg-italic {
  font-family: "pfDinTextRegItalic", "Helvetica Neue", "Arial";
}

.font-med {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial" !important;
}

.font-med-italic {
  font-family: "pfDinTextMedItalic", "Helvetica Neue", "Arial";
}

.force-text-left {
  text-align: left !important;
}

.force-text-right {
  text-align: right !important;
}

/*-----------------------------------------------------colors---------------------------------------------------------*/
.color-gc-first-color {
  color: #14817a;
}

.color-gc-second-color {
  color: #ce2029;
}

.color-gc-third-color {
  color: #FFC832;
}

.red-link {
  color: red !important;
  border-color: red !important;
}

.red-link:hover, .red-link:focus, .red-link:active {
  border-color: transparent !important;
}

/*-----------------------------------------------------media-----------------------------------------------------------*/
.valign {
  display: inline-block;
  vertical-align: middle;
}

/* Cross icon */
.icon, .icon-portfolio, .manager-rating-page .base-table table tbody tr td.account .block-portfolio {
  display: inline-block;
}

.icon.cross, .cross.icon-portfolio, .manager-rating-page .base-table table tbody tr td.account .cross.block-portfolio {
  color: #424243;
  font: 1.6875rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.icon.cross:after, .cross.icon-portfolio:after, .manager-rating-page .base-table table tbody tr td.account .cross.block-portfolio:after {
  content: "\00D7";
}

.icon.cross.red, .cross.red.icon-portfolio, .manager-rating-page .base-table table tbody tr td.account .cross.red.block-portfolio {
  color: #ce2029;
}

/* Social networks */
.networks {
  padding: 0;
  list-style: none;
  margin-right: 0;
}

.networks li {
  display: inline-block;
}

.networks li a {
  background: url(../img/icons.png) no-repeat;
  display: block;
  height: 25px;
  width: 26px;
}

.networks li .facebook {
  background-position: 100% -40px;
}

.networks li .vk {
  background-position: -40px -40px;
}

.networks li .twitter {
  background-position: -80px -40px;
}

.networks li .youtube {
  background-position: -120px -40px;
}

.networks li .rss {
  background-position: -160px -40px;
}

/*----------------------------------------------------little reset-----------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
table,
th,
td,
embed,
object,
figure,
select,
ul li ul,
ul li ol,
ul li ul li,
ul li ol li {
  padding: 0;
  margin: 0;
}

fieldset,
img,
abbr {
  border: none;
}

address,
caption,
cite,
code,
dfn,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th,
var {
  font-weight: normal;
  font-style: normal;
}

strong,
b {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-weight: normal;
}

em,
i {
  font-family: "pfDinTextRegItalic", "Helvetica Neue", "Arial";
  font-style: italic;
}

ul {
  list-style-image: url(../img/red_circle.png);
  margin-right: 20px;
}

form ul {
  list-style-image: none;
  list-style-type: none;
  margin-right: 0px;
}

ol {
  margin-right: 20px;
}

a,
ins {
  text-decoration: none;
}

html {
  direction: rtl;
}

/*-----------------------------------------------------main styles-----------------------------------------------------*/
body {
  background: #f0eff0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
}

h1, .h1 {
  font: 2.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  h1, .h1 {
    font: 1.875rem "pfDinTextLight", "Helvetica Neue", "Arial";
  }
}

h2, .h2 {
  font: 1.75rem "pfDinTextMed", "Helvetica Neue", "Arial";
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  h2, .h2 {
    font: 1.5rem "pfDinTextLight", "Helvetica Neue", "Arial";
  }
}

h3, .h3 {
  font: 1.375rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

h4, .h4 {
  font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

h5, .h5 {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

h6, .h6 {
  font: 1.125rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

a.h1, a.h2, a.h3, a.h4, a.h5, a.h6 {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

a.h1:hover, a.h1:focus, a.h1:active, a.h2:hover, a.h2:focus, a.h2:active, a.h3:hover, a.h3:focus, a.h3:active, a.h4:hover, a.h4:focus, a.h4:active, a.h5:hover, a.h5:focus, a.h5:active, a.h6:hover, a.h6:focus, a.h6:active {
  border-bottom-color: transparent;
}

hr {
  border: none;
  margin: 0;
}

body {
  color: #424243;
  font: 100% "pfDinTextReg", "Helvetica Neue", "Arial";
  line-height: 1.2;
}

.my .main .container p {
  margin-bottom: 20px;
}

a {
  color: #424243;
}

a:hover, a:focus, a:active {
  color: #424243;
}

a.bordered, .index-page-manager-rating .links a, .calendar .month-block .body .week-details > ul > li > ul > li a, .webinars-sidebar-links li a, .investments-frontpage-top-manager .name a, .provider .title a, .newsfeed-date-dropdown li a, .analytics-frontpage .gc-analytics a, .third-light-wrapper .labels a, .third-light-wrapper .inputs a, .post-message a, footer .footer-nav a {
  border-bottom: 1px rgba(66, 66, 67, 0.5) solid;
}

a.bordered:hover, .index-page-manager-rating .links a:hover, .calendar .month-block .body .week-details > ul > li > ul > li a:hover, .webinars-sidebar-links li a:hover, .investments-frontpage-top-manager .name a:hover, .provider .title a:hover, .newsfeed-date-dropdown li a:hover, .analytics-frontpage .gc-analytics a:hover, .third-light-wrapper .labels a:hover, .third-light-wrapper .inputs a:hover, .post-message a:hover, footer .footer-nav a:hover, a.bordered:focus, .index-page-manager-rating .links a:focus, .calendar .month-block .body .week-details > ul > li > ul > li a:focus, .webinars-sidebar-links li a:focus, .investments-frontpage-top-manager .name a:focus, .provider .title a:focus, .newsfeed-date-dropdown li a:focus, .analytics-frontpage .gc-analytics a:focus, .third-light-wrapper .labels a:focus, .third-light-wrapper .inputs a:focus, .post-message a:focus, footer .footer-nav a:focus, a.bordered:active, .index-page-manager-rating .links a:active, .calendar .month-block .body .week-details > ul > li > ul > li a:active, .webinars-sidebar-links li a:active, .investments-frontpage-top-manager .name a:active, .provider .title a:active, .newsfeed-date-dropdown li a:active, .analytics-frontpage .gc-analytics a:active, .third-light-wrapper .labels a:active, .third-light-wrapper .inputs a:active, .post-message a:active, footer .footer-nav a:active {
  border-bottom-color: transparent;
}

a.bordered.with-icon, .index-page-manager-rating .links a.with-icon, .calendar .month-block .body .week-details > ul > li > ul > li a.with-icon, .webinars-sidebar-links li a.with-icon, .investments-frontpage-top-manager .name a.with-icon, .provider .title a.with-icon, .newsfeed-date-dropdown li a.with-icon, .analytics-frontpage .gc-analytics a.with-icon, .third-light-wrapper .labels a.with-icon, .third-light-wrapper .inputs a.with-icon, .post-message a.with-icon, footer .footer-nav a.with-icon {
  border: none;
}

a.bordered.with-icon .title, .index-page-manager-rating .links a.with-icon .title, .calendar .month-block .body .week-details > ul > li > ul > li a.with-icon .title, .webinars-sidebar-links li a.with-icon .title, .investments-frontpage-top-manager .name a.with-icon .title, .provider .title a.with-icon .title, .newsfeed-date-dropdown li a.with-icon .title, .analytics-frontpage .gc-analytics a.with-icon .title, .third-light-wrapper .labels a.with-icon .title, .third-light-wrapper .inputs a.with-icon .title, .post-message a.with-icon .title, footer .footer-nav a.with-icon .title {
  border-bottom: 1px rgba(66, 66, 67, 0.5) solid;
}

a.bordered.with-icon:hover, .index-page-manager-rating .links a.with-icon:hover, .calendar .month-block .body .week-details > ul > li > ul > li a.with-icon:hover, .webinars-sidebar-links li a.with-icon:hover, .investments-frontpage-top-manager .name a.with-icon:hover, .provider .title a.with-icon:hover, .newsfeed-date-dropdown li a.with-icon:hover, .analytics-frontpage .gc-analytics a.with-icon:hover, .third-light-wrapper .labels a.with-icon:hover, .third-light-wrapper .inputs a.with-icon:hover, .post-message a.with-icon:hover, footer .footer-nav a.with-icon:hover, a.bordered.with-icon:focus, .index-page-manager-rating .links a.with-icon:focus, .calendar .month-block .body .week-details > ul > li > ul > li a.with-icon:focus, .webinars-sidebar-links li a.with-icon:focus, .investments-frontpage-top-manager .name a.with-icon:focus, .provider .title a.with-icon:focus, .newsfeed-date-dropdown li a.with-icon:focus, .analytics-frontpage .gc-analytics a.with-icon:focus, .third-light-wrapper .labels a.with-icon:focus, .third-light-wrapper .inputs a.with-icon:focus, .post-message a.with-icon:focus, footer .footer-nav a.with-icon:focus, a.bordered.with-icon:active .title, .index-page-manager-rating .links a.with-icon:active .title, .calendar .month-block .body .week-details > ul > li > ul > li a.with-icon:active .title, .webinars-sidebar-links li a.with-icon:active .title, .investments-frontpage-top-manager .name a.with-icon:active .title, .provider .title a.with-icon:active .title, .newsfeed-date-dropdown li a.with-icon:active .title, .analytics-frontpage .gc-analytics a.with-icon:active .title, .third-light-wrapper .labels a.with-icon:active .title, .third-light-wrapper .inputs a.with-icon:active .title, .post-message a.with-icon:active .title, footer .footer-nav a.with-icon:active .title {
  border-bottom-color: transparent !important;
}

a.dashed, .annotation, .post-extra a {
  border-bottom: 1px rgba(66, 66, 67, 0.5) dashed;
}

a.dashed:hover, .annotation:hover, .post-extra a:hover, a.dashed:focus, .annotation:focus, .post-extra a:focus, a.dashed:active, .annotation:active, .post-extra a:active {
  border-bottom-color: transparent;
}

a.dashed.with-icon, .with-icon.annotation, .post-extra a.with-icon {
  border: none;
}

a.dashed.with-icon .title, .with-icon.annotation .title, .post-extra a.with-icon .title {
  border-bottom: 1px rgba(66, 66, 67, 0.5) dashed;
}

a.dashed.with-icon:hover, .with-icon.annotation:hover, .post-extra a.with-icon:hover, a.dashed.with-icon:focus, .with-icon.annotation:focus, .post-extra a.with-icon:focus, a.dashed.with-icon:active .title, .with-icon.annotation:active .title, .post-extra a.with-icon:active .title {
  border-bottom-color: transparent;
}

a.dotted {
  border-bottom: 1px rgba(66, 66, 67, 0.5) dotted;
}

a.dotted:hover, a.dotted:focus, a.dotted:active {
  border-bottom-color: transparent;
}

a.dotted.with-icon {
  border: none;
}

a.dotted.with-icon .title {
  border-bottom: 1px rgba(66, 66, 67, 0.5) dotted;
}

a.dotted.with-icon:hover, a.dotted.with-icon:focus, a.dotted.with-icon:active .title {
  border-bottom-color: transparent;
}

body p a, body span a {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

body p a:hover, body p a:focus, body p a:active, body span a:hover, body span a:focus, body span a:active {
  border-bottom-color: transparent;
}

fieldset legend {
  background: none;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* Font sizes */
.fs-10 {
  font-size: 0.625rem !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fw-bold {
  font-weight: 700;
}

/*for dropdown*/
[data-options="is_hover:true"] > .content {
  background: none;
  border: none;
  font-size: 100%;
  height: auto;
  max-height: none;
  padding: 0;
  width: 100%;
  z-index: 99;
}

.f-dropdown li:hover,
.f-dropdown li:focus {
  background: none !important;
}

/*for descriptions*/
.description, .third-light-wrapper .labels a, .third-light-wrapper .inputs a {
  font-size: 0.75rem;
  line-height: 1;
  margin-top: 5px;
}

.description a, .third-light-wrapper .labels a a, .third-light-wrapper .inputs a a {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

.description a:hover, .third-light-wrapper .labels a a:hover, .third-light-wrapper .inputs a a:hover, .description a:focus, .third-light-wrapper .labels a a:focus, .third-light-wrapper .inputs a a:focus {
  border-bottom-color: transparent;
}

/*for phone widget*/
body select.phone-select {
  margin-left: 10px;
  padding-left: 27px;
  width: 85px;
}

/*Angular ng-cloak css: makes DOM elements hidden until AngularJS loads*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/*--------------------------------------fixes for base - header, footer, nav------------------------------------------*/
/* not adaptive */
body.my {
  min-width: 76.4rem;
}

body.my .row {
  padding: 0 20px;
  max-width: 76.4rem;
}

/* adaptive */
body.my.my-new {
  min-width: 50rem;
}

@media (max-width: 425px) {
  body.my.my-new {
    min-width: 100%;
  }
}

body.adaptive {
  min-width: 100%;
  overflow-x: hidden;
}

body.header-white-bg .header-wrap {
  background: #ffffff;
}

body.gc .row {
  max-width: 76.4rem;
  padding: 0 20px;
}

body.gc .row.reset-padding, body.gc .row.gc-grid {
  padding: 0 20px;
}

body.gc .row .columns {
  padding: 0 10px;
}

body.gc .row .columns .row {
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}

body.gc .row .columns .row .columns {
  padding: 0 10px;
}

.reset-margin {
  margin: 0 !important;
}

/*---------------------------------------------------global margins---------------------------------------------------*/
.offset-top-5 {
  margin-top: 0.3125rem !important;
}

.offset-bottom-5 {
  margin-bottom: 0.3125rem !important;
}

.offset-top-10 {
  margin-top: 0.625rem !important;
}

.offset-bottom-10 {
  margin-bottom: 0.625rem !important;
}

.offset-top-15 {
  margin-top: 0.9375rem !important;
}

.offset-bottom-15 {
  margin-bottom: 0.9375rem !important;
}

.offset-top-20, .black {
  margin-top: 1.25rem !important;
}

.offset-bottom-20, .black, .my-icon-account-type {
  margin-bottom: 1.25rem !important;
}

.offset-top-25 {
  margin-top: 1.5625rem !important;
}

.offset-bottom-25 {
  margin-bottom: 1.5625rem !important;
}

.offset-top-30 {
  margin-top: 1.875rem !important;
}

.offset-bottom-30 {
  margin-bottom: 1.875rem !important;
}

.offset-top-35 {
  margin-top: 2.1875rem !important;
}

.offset-bottom-35 {
  margin-bottom: 2.1875rem !important;
}

.offset-top-40 {
  margin-top: 2.5rem !important;
}

.offset-bottom-40 {
  margin-bottom: 2.5rem !important;
}

.offset-top-45 {
  margin-top: 2.8125rem !important;
}

.offset-bottom-45 {
  margin-bottom: 2.8125rem !important;
}

.offset-top-50 {
  margin-top: 3.125rem !important;
}

.offset-bottom-50 {
  margin-bottom: 3.125rem !important;
}

.offset-top-55 {
  margin-top: 3.4375rem !important;
}

.offset-bottom-55 {
  margin-bottom: 3.4375rem !important;
}

.offset-top-60 {
  margin-top: 3.75rem !important;
}

.offset-bottom-60 {
  margin-bottom: 3.75rem !important;
}

.offset-top-65 {
  margin-top: 4.0625rem !important;
}

.offset-bottom-65 {
  margin-bottom: 4.0625rem !important;
}

.offset-top-70 {
  margin-top: 4.375rem !important;
}

.offset-bottom-70 {
  margin-bottom: 4.375rem !important;
}

.offset-top-75 {
  margin-top: 4.6875rem !important;
}

.offset-bottom-75 {
  margin-bottom: 4.6875rem !important;
}

.offset-top-80 {
  margin-top: 5rem !important;
}

.offset-bottom-80 {
  margin-bottom: 5rem !important;
}

.offset-top-85 {
  margin-top: 5.3125rem !important;
}

.offset-bottom-85 {
  margin-bottom: 5.3125rem !important;
}

.offset-top-90 {
  margin-top: 5.625rem !important;
}

.offset-bottom-90 {
  margin-bottom: 5.625rem !important;
}

.offset-top-95 {
  margin-top: 5.9375rem !important;
}

.offset-bottom-95 {
  margin-bottom: 5.9375rem !important;
}

.offset-top-100 {
  margin-top: 6.25rem !important;
}

.offset-bottom-100 {
  margin-bottom: 6.25rem !important;
}

.offset-top-105 {
  margin-top: 6.5625rem !important;
}

.offset-bottom-105 {
  margin-bottom: 6.5625rem !important;
}

.offset-top-110 {
  margin-top: 6.875rem !important;
}

.offset-bottom-110 {
  margin-bottom: 6.875rem !important;
}

.offset-top-115 {
  margin-top: 7.1875rem !important;
}

.offset-bottom-115 {
  margin-bottom: 7.1875rem !important;
}

.offset-top-120 {
  margin-top: 7.5rem !important;
}

.offset-bottom-120 {
  margin-bottom: 7.5rem !important;
}

.offset-top-125 {
  margin-top: 7.8125rem !important;
}

.offset-bottom-125 {
  margin-bottom: 7.8125rem !important;
}

.offset-top-130 {
  margin-top: 8.125rem !important;
}

.offset-bottom-130 {
  margin-bottom: 8.125rem !important;
}

.offset-top-135 {
  margin-top: 8.4375rem !important;
}

.offset-bottom-135 {
  margin-bottom: 8.4375rem !important;
}

.offset-top-140 {
  margin-top: 8.75rem !important;
}

.offset-bottom-140 {
  margin-bottom: 8.75rem !important;
}

.offset-top-145 {
  margin-top: 9.0625rem !important;
}

.offset-bottom-145 {
  margin-bottom: 9.0625rem !important;
}

.offset-top-150 {
  margin-top: 9.375rem !important;
}

.offset-bottom-150 {
  margin-bottom: 9.375rem !important;
}

/*---------------------------------------------------global classes---------------------------------------------------*/
@media only screen and (max-width: 30.0625em) {
  .xsmall-push-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .xsmall-pull-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .xsmall-push-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .xsmall-pull-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .xsmall-push-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .xsmall-pull-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .xsmall-push-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .xsmall-pull-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .xsmall-push-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .xsmall-pull-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .xsmall-push-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .xsmall-pull-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .xsmall-push-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .xsmall-pull-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .xsmall-push-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .xsmall-pull-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .xsmall-push-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .xsmall-pull-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .xsmall-push-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .xsmall-pull-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .xsmall-push-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .xsmall-pull-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .xsmall-push-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .xsmall-pull-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
  .xsmall-1 {
    width: 8.33333%;
  }
  .xsmall-2 {
    width: 16.66667%;
  }
  .xsmall-3 {
    width: 25%;
  }
  .xsmall-4 {
    width: 33.33333%;
  }
  .xsmall-5 {
    width: 41.66667%;
  }
  .xsmall-6 {
    width: 50%;
  }
  .xsmall-7 {
    width: 58.33333%;
  }
  .xsmall-8 {
    width: 66.66667%;
  }
  .xsmall-9 {
    width: 75%;
  }
  .xsmall-10 {
    width: 83.33333%;
  }
  .xsmall-11 {
    width: 91.66667%;
  }
  .xsmall-12 {
    width: 100%;
  }
  .xsmall-offset-0 {
    margin-right: 0 !important;
  }
  .xsmall-offset-1 {
    margin-right: 8.33333% !important;
  }
  .xsmall-offset-2 {
    margin-right: 16.66667% !important;
  }
  .xsmall-offset-3 {
    margin-right: 25% !important;
  }
  .xsmall-offset-4 {
    margin-right: 33.33333% !important;
  }
  .xsmall-offset-5 {
    margin-right: 41.66667% !important;
  }
  .xsmall-offset-6 {
    margin-right: 50% !important;
  }
  .xsmall-offset-7 {
    margin-right: 58.33333% !important;
  }
  .xsmall-offset-8 {
    margin-right: 66.66667% !important;
  }
  .xsmall-offset-9 {
    margin-right: 75% !important;
  }
  .xsmall-offset-10 {
    margin-right: 83.33333% !important;
  }
  .xsmall-offset-11 {
    margin-right: 91.66667% !important;
  }
  .xsmall-reset-order {
    float: right;
    right: auto;
    margin-right: 0;
    margin-left: 0;
    left: auto;
  }
  .column.xsmall-centered,
  .columns.xsmall-centered {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .column.xsmall-uncentered,
  .columns.xsmall-uncentered {
    float: right;
    margin-right: 0;
    margin-left: 0;
  }
  .column.xsmall-centered:last-child,
  .columns.xsmall-centered:last-child {
    float: none;
  }
  .column.xsmall-uncentered:last-child,
  .columns.xsmall-uncentered:last-child {
    float: right;
  }
  .column.xsmall-uncentered.opposite,
  .columns.xsmall-uncentered.opposite {
    float: left;
  }
  .row.xsmall-collapse > .column,
  .row.xsmall-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .row.xsmall-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .row.xsmall-uncollapse > .column,
  .row.xsmall-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    float: right;
  }
}

/* Utility classes */
.inline-block {
  display: inline-block !important;
}

.full-justify, .analytics-frontpage .financial-news-block {
  text-align: justify !important;
}

.full-justify:after, .analytics-frontpage .financial-news-block:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.custom-scroll::-webkit-scrollbar, .video-playlist .inner::-webkit-scrollbar {
  background: #424243;
  width: 0.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
}

.custom-scroll::-webkit-scrollbar-thumb, .video-playlist .inner::-webkit-scrollbar-thumb {
  background: #14817a;
  height: 2rem;
  border-radius: 0.125rem;
}

.arrows {
  background: url(../img/icons.png) no-repeat;
  display: inline-block;
  height: 8px;
  margin-right: 10px;
  width: 14px;
}

.arrows.arrow-down {
  background-position: -280px -120px;
}

.arrows.arrow-down.gray {
  background-position: -200px -120px;
}

.arrows.arrow-down.white {
  background-position: -120px -120px;
}

.arrows.arrow-up {
  background-position: -320px -120px;
}

.arrows.arrow-up.gray {
  background-position: -240px -120px;
}

.arrows.arrow-up.white {
  background-position: -160px -120px;
}

.square-arrow {
  background: url(../img/icons.png) no-repeat;
  display: inline-block;
  height: 12px;
  margin: 0 5px;
  width: 10px;
}

.square-arrow.arrow-down.gray {
  background-position: -240px -320px;
}

.square-arrow.arrow-up.gray {
  background-position: -280px -320px;
}

.inactive {
  position: relative;
  z-index: 1;
}

.inactive:after {
  background: #332622;
  content: "";
  display: block;
  height: 100%;
  right: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.overflow-td, .gc-accordion.with-data .gc-accordion-item .title-wrapper .request-message, .manager-rating-page .manager-rating-table tbody tr td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.visibility-hidden {
  visibility: hidden;
}

/* callout */
body .callout-wrapper {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  body .callout-wrapper {
    padding-right: 3.75rem !important;
  }
}

.callout {
  border: 3px solid #FFC832;
  padding: 1.25rem;
  position: relative;
}

.callout:after {
  border: 20px solid;
  border-color: #f0eff0 #FFC832 #FFC832 #f0eff0;
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
}

.inactive-text {
  border: none !important;
  cursor: default !important;
  opacity: 0.5;
}

.inactive-text * {
  border: none !important;
  cursor: default !important;
}

.inactive-text:hover, .inactive-text:focus, .inactive-text:active {
  border: none !important;
  color: inherit !important;
  cursor: default !important;
}

/* adaptive select block */
.adaptive-select-block {
  background: #14817a;
  color: #ffffff;
  display: none;
  padding: 1.25rem;
}

.adaptive-select-block.third {
  background: #FFC832;
  color: #424243;
}

.adaptive-select-block p {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

/* adaptive adaptive-select-block */
.adaptive-select-block {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .adaptive-select-block {
    display: block;
  }
}

.adaptive-select-block .select-wrapper,
.adaptive-select-block p {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .adaptive-select-block .select-wrapper,
  .adaptive-select-block p {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
  }
}

@media only screen and (max-width: 30em) {
  .adaptive-select-block .select-wrapper,
  .adaptive-select-block p {
    width: 100%;
  }
}

.adaptive-select-block p {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .adaptive-select-block p {
    margin-bottom: 0.625rem;
  }
}

/*320!!!*/
@media only screen and (max-width: 40em) {
  .gc-video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*16:9*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .gc-video-container iframe,
  .gc-video-container object,
  .gc-video-container embed {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}

.no-padding {
  padding: 0 !important;
}

.gc-grid .column, .gc-grid .columns {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .gc-grid .column.large-6, .gc-grid .columns.large-6 {
    width: 48%;
  }
}

/*Yellow table (default table)*/
table {
  border-collapse: collapse;
  table-layout: fixed !important;
  width: 100%;
  background: #f0eff0;
  border: solid 5px #FFC832;
  margin-bottom: 0;
  table-layout: auto;
}

table caption {
  background: transparent;
  color: #222222;
  font-size: 1rem;
  font-weight: bold;
}

table thead {
  background: #FFC832;
}

table thead tr th,
table thead tr td {
  color: #424243;
  font-size: 1.125rem;
  font-weight: normal;
  padding: 12px 0;
}

table tfoot {
  background: #F5F5F5;
}

table tfoot tr th,
table tfoot tr td {
  color: #222222;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

table tr th,
table tr td {
  color: #424243;
  font-size: 1rem;
  padding: 0.75rem 0.25rem;
  text-align: right;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #e7dfd3;
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.125rem;
}

table thead {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

table thead tr:nth-of-type(even) {
  background: #FFC832;
}

table thead tr td, table thead tr th {
  text-align: center;
}

table tbody {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
}

table tbody td {
  text-align: center;
  border-right: 1px solid #FFC832;
  border-left: 1px solid #FFC832;
}

/*--------------------------------------------------Green tables------------------------------------------------------*/
/*example of markup in frontpage*/
table.table-green {
  border: none;
  background: #ffffff;
}

table.table-green tr td {
  border: none;
  font: 1rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

table.table-green thead tr td {
  background: #14817a;
  color: #ffffff;
  padding: 0.75rem 0;
}

table.table-green tbody tr:nth-of-type(even) {
  background: transparent;
}

table.table-green tbody tr td {
  border-top: 1px #f0eff0 solid;
  font-style: normal;
  padding: 0.4375rem 0;
}

table.table-green tbody tr:first-child td {
  padding-top: 1.125rem;
  border: 0;
}

/*example of markup in private office frontpage - in accordion*/
.table-big-green {
  background: #f0eff0;
  border: none;
  table-layout: fixed !important;
}

.table-big-green tr td {
  border: 1px solid #14817a;
}

.table-big-green thead tr td {
  background: #14817a;
  color: #ffffff;
  font: 1rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: 0.75rem 0 0.75rem 1.25rem;
}

.table-big-green tbody tr:nth-of-type(even) {
  background: transparent;
}

/*example of markup in private office frontpage - in accordion*/
body table.table-light-green {
  background: #1bada4;
  border: none;
  table-layout: fixed !important;
}

body table.table-light-green .long-word {
  word-wrap: break-word;
}

body table.table-light-green tr td {
  border: none;
  border-left: 1px solid #14817a;
}

body table.table-light-green tr td:last-child {
  border-left: none;
}

body table.table-light-green thead tr td {
  background: #14817a;
  color: #ffffff;
  font: 1rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: .5rem 0;
}

body table.table-light-green tbody tr {
  background: #1bada4;
}

body table.table-light-green tbody tr:nth-of-type(even) {
  background: #1bada4;
}

body table.table-light-green tbody tr td {
  padding: .6rem;
}

body table.table-light-green tbody tr td:first-child {
  color: #68686a;
  font: 1rem/1.3 "pfDinTextReg", "Helvetica Neue", "Arial";
  text-align: right;
}

/*----------------------------------------------------Red table--------------------------------------------------------*/
/*example of markup in frontpage*/
table.table-red {
  border: none;
  background: #ffffff;
}

table.table-red tr td {
  border: none;
  font: 1rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

table.table-red thead tr td {
  background: #ce2029;
  color: #ffffff;
  padding: 0.75rem 0;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

table.table-red tbody tr:nth-of-type(even) {
  background: transparent;
}

table.table-red tbody tr td {
  border-top: 1px #f6dcdb solid;
  padding: 0.4375rem 0;
}

/*----------------------------------------------table body with scroll-----------------------------------------------*/
/*example of markup in private office frontpage - in modals*/
.table-vscroll-body {
  border-width: 4px;
}

.table-vscroll-body tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.table-vscroll-body tbody {
  display: block;
  height: auto !important;
  width: 100%;
}

.table-vscroll-body tbody .third-vscroller-bar, .table-vscroll-body tbody .third-vscroller-track {
  display: inline-block;
}

.table-vscroll-body tbody .third-vscroller-bar {
  border-left: none;
  right: 0;
  padding: 0;
  width: 100% !important;
}

.table-vscroll-body tbody .third-vscroller-track {
  bottom: 4px;
  width: 12px !important;
}

/*-------------------------------------------adaptive rotated table------------------------------------------------*/
table.adaptive-rotated-table.without-thead {
  /*320!!!*/
}

table.adaptive-rotated-table.without-thead tr:first-child {
  border-top: 5px solid #FFC832;
}

@media only screen and (max-width: 40em) {
  table.adaptive-rotated-table.without-thead {
    background: #FFC832;
  }
  table.adaptive-rotated-table.without-thead tr {
    background: none;
    border: none;
    border-left: 1px solid #FFC832;
    display: table;
    float: right;
    width: 50%;
  }
  table.adaptive-rotated-table.without-thead tr:first-child {
    border-top: none;
  }
  table.adaptive-rotated-table.without-thead tr:last-child {
    border-left: 0;
    float: left;
  }
  table.adaptive-rotated-table.without-thead tr td {
    background: #ffffff;
    border: none;
    display: table-row;
    height: 50px;
  }
  table.adaptive-rotated-table.without-thead tr td:nth-of-type(odd) {
    background: #e7dfd3;
  }
  table.adaptive-rotated-table.without-thead tr td:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  table.adaptive-rotated-table.without-thead tr td span {
    display: inline-block;
    vertical-align: middle;
  }
  table.adaptive-rotated-table.without-thead tr td:first-child {
    background: #FFC832;
    font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  }
}

/*-------------------------------------------adaptive table------------------------------------------------*/
table.adaptive-table {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  table.adaptive-table td:first-child {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/*------------------------------------------- new tables white ------------------------------------------------*/
.table-white {
  box-shadow: 0px 8px 10px 0 rgba(114, 114, 114, 0.25);
  border: none;
  background: #FFF;
  text-align: right;
}

@media (max-width: 425px) {
  .table-white {
    display: none;
  }
}

.table-white thead {
  background: transparent;
}

.table-white thead tr td {
  font-size: 18px;
  border-bottom: 1px solid #00978a;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #009b89;
  padding: 20px 15px;
}

.table-white tbody tr {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.table-white tbody tr:last-child {
  border-bottom: none;
}

.table-white tbody tr td {
  text-align: right;
}

.table-white tbody tr td:first-child {
  color: #7f7f7f;
}

.table-white tr:nth-of-type(even) {
  background: transparent;
}

.table-white td {
  padding: 15px 1.25rem;
  border: none;
  font-size: 16px;
  color: #000000;
}

.table-white .with_arrow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.table-white .with_arrow span {
  font-size: 18px !important;
  margin: -8px 5px 0 !important;
}

/*------------------------------------------- new mobile tables white ------------------------------------------------*/
.mobile-table-white {
  display: none;
  box-shadow: 0px 8px 10px 0 rgba(114, 114, 114, 0.25);
  background: #FFF;
  padding: 20px 15px;
}

@media (max-width: 425px) {
  .mobile-table-white {
    display: block;
  }
}

.mobile-table-white .item {
  padding: 0 0 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 15px 0;
}

.mobile-table-white .date {
  font-size: 14px;
  color: #737373;
  margin: 0 0 5px 0;
}

.mobile-table-white .name {
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}

.mobile-table-white .status {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.62);
  margin: 5px 0 0 0;
}

.mobile-table-white .center {
  text-align: center;
}

.mobile-table-white .with_arrow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.mobile-table-white .with_arrow span {
  font-size: 18px !important;
  margin: -8px 5px 0 !important;
}

/*------------------------------------------- gc green table ------------------------------------------------*/
.gc-table {
  background: #FFFFFF;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  padding: 0 22px;
}

.gc-table table {
  background: transparent;
  border: none;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .gc-table table {
    display: block;
    overflow: scroll;
  }
}

.gc-table table thead {
  background: transparent;
}

.gc-table table thead tr {
  border-bottom: 1px solid #009e82;
}

.gc-table table thead tr td,
.gc-table table thead tr th {
  font-size: 16px;
  color: #009e82;
  text-align: right;
  padding: 16px 0px;
  background: transparent;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .gc-table table thead tr td,
  .gc-table table thead tr th {
    min-width: 100px;
    padding: 10px 5px;
  }
}

.gc-table table tbody tr {
  background: transparent;
  border-bottom: 1px solid #EFEFEF;
}

.gc-table table tbody tr td {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #000000;
  border: none;
  padding: 20px 0;
  text-align: right;
  background: transparent;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .gc-table table tbody tr td {
    padding: 15px 5px;
  }
}

.gc-table table tbody tr td.no-results {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  text-align: center;
}

/* Tabs */
.tabs dd {
  /* Counting width for tabs controls */
  /* Styling tabs - green tabs*/
}

.tabs dd:first-child:nth-last-child(1) {
  width: 100%;
}

.tabs dd:first-child:nth-last-child(2),
.tabs dd:first-child:nth-last-child(2) ~ dd {
  width: 50%;
}

.tabs dd:first-child:nth-last-child(3),
.tabs dd:first-child:nth-last-child(3) ~ dd {
  width: 33.3333%;
}

.tabs dd:first-child:nth-last-child(4),
.tabs dd:first-child:nth-last-child(4) ~ dd {
  width: 25%;
}

.tabs dd:first-child:nth-last-child(5),
.tabs dd:first-child:nth-last-child(5) ~ dd {
  width: 20%;
}

.tabs dd > a {
  border: none;
  background-color: #14817a;
  text-align: center;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #ffffff;
  border-right: 2px #004F49 solid;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0;
}

.tabs dd > a span {
  line-height: 1.25rem;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -0.125rem;
}

.tabs dd:first-child > a {
  border: none;
}

.tabs dd.active > a {
  border-right-color: #ffffff;
  color: #ce2029;
  cursor: default;
  pointer-events: none;
  background-color: #ffffff !important;
}

.tabs dd:hover a {
  background: #096760;
}

.tabs.red-tabs dd > a {
  background: #ce2029;
  border-right-color: #7E0006;
}

.tabs.red-tabs dd:hover a {
  background: #b81d25;
}

.tabs.yellow-tabs dd > a {
  border: none;
  color: #424243;
  background: #ffffff;
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  height: auto;
  padding: 20px 0;
}

.tabs.yellow-tabs dd > a span {
  border-bottom: 1px dotted #424243;
}

.tabs.yellow-tabs dd.active > a {
  background: #FFC832 !important;
  border: none;
  color: #424243;
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  cursor: default;
  pointer-events: none;
}

.tabs.yellow-tabs dd.active > a span {
  border: none;
}

.tabs.yellow-tabs + .tabs-content {
  background: none;
  margin: 0;
}

.tabs.yellow-tabs + .tabs-content > .content {
  width: 100%;
  padding: 0;
}

.tabs.white-tabs dd > a {
  background: none;
  border: none;
  border: none;
  color: #424243;
  font: 1.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: auto;
  line-height: 1;
  padding: 10px 0;
}

.tabs.white-tabs dd > a span {
  border-bottom: 1px dotted #424243;
}

.tabs.white-tabs dd.active > a {
  background: #ffffff !important;
  border: none;
  border-radius: 10px 10px 0 0;
  color: #424243;
  cursor: default;
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  line-height: 1;
  pointer-events: none;
}

.tabs.white-tabs dd.active > a span {
  border: none;
}

.tabs.white-tabs + .tabs-content {
  background: #ffffff;
  padding: 20px;
  margin: 0;
}

.tabs.white-tabs + .tabs-content > .content {
  width: 100%;
  padding: 0;
}

.tabs.tabs-switch {
  border: 0.125rem #424243 solid;
  background: #424243;
  display: inline-block;
  border-radius: 0.25rem;
  height: auto;
  line-height: 2rem;
  vertical-align: middle;
}

.tabs.tabs-switch dd {
  position: static;
  width: auto !important;
  margin-right: 0.25rem;
}

.tabs.tabs-switch dd a {
  min-width: 6rem;
  border: none;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  font: 0.875rem/2rem "pfDinTextLight", "Helvetica Neue", "Arial";
  background: transparent;
  height: 2rem;
  display: block;
}

.tabs.tabs-switch dd a:hover {
  background: #000;
}

.tabs.tabs-switch dd:first-of-type {
  margin-right: 0;
}

.tabs.tabs-switch dd.active a {
  background: #FFC832 !important;
  color: #424243;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.tabs.tabs-switch a {
  min-width: 6rem;
  border: none;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  font: 0.875rem/2rem "pfDinTextLight", "Helvetica Neue", "Arial";
  background: transparent;
  height: 2rem;
  display: block;
}

.tabs-content {
  background: #ffffff;
  margin-bottom: 0;
  min-height: 260px;
}

.tabs-content .links {
  text-align: left;
  margin: 1.125rem 0;
  width: 100%;
}

.tabs-content .links .full {
  font-style: italic;
  margin: 1.125rem;
  border-bottom: 1px #424243 solid;
}

.tabs-content .content {
  width: 100%;
  padding: 0;
}

.tabs-content .content .tab-main_message {
  color: #fff;
  width: 300px;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 20px;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.tabs-content .content .tab-link {
  display: inline-block;
  margin-top: 40px;
  padding: 6px 20px 5px 18px;
  background-color: #fff;
  color: #404041;
  border-radius: 5px;
  font-size: 1.5rem;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.tabs-content .content .tab-link:hover {
  background-color: #ccc;
}

.tabs-content table {
  margin: 0;
}

.button_start-education {
  padding: 0.4rem 0.75rem;
  font-size: 1rem;
}

/*----------------------------------------------------labels---------------------------------------------------------*/
label, .label {
  background: none;
  color: #424243;
  cursor: default;
  display: inline-block;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: 7px;
  padding: 0;
}

/*----------------------------------------------------inputs---------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea {
  background: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 5px;
  box-shadow: none !important;
  color: #424243;
  display: inline-block;
  font: 1.125rem/1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 0;
  outline: none;
  padding: 0 .5rem;
  vertical-align: middle;
  -webkit-transition: none;
  transition: none;
}

input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
input[type="search"]:hover,
input[type="search"]:active,
input[type="search"]:focus,
input[type="number"]:hover,
input[type="number"]:active,
input[type="number"]:focus,
input[type="tel"]:hover,
input[type="tel"]:active,
input[type="tel"]:focus,
input[type="email"]:hover,
input[type="email"]:active,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:active,
input[type="url"]:focus,
textarea:hover,
textarea:active,
textarea:focus {
  background: #ffffff;
  border-color: #FFC832;
}

input[type="text"].small-input,
input[type="password"].small-input,
input[type="search"].small-input,
input[type="number"].small-input,
input[type="tel"].small-input,
input[type="email"].small-input,
input[type="url"].small-input,
textarea.small-input {
  border: 1px solid #b5b5b6;
  border-radius: 3px;
  height: 32px;
  font: 1rem/1.5 "pfDinTextLight", "Helvetica Neue", "Arial";
}

input[type="text"].small-input:hover, input[type="text"].small-input:active, input[type="text"].small-input:focus,
input[type="password"].small-input:hover,
input[type="password"].small-input:active,
input[type="password"].small-input:focus,
input[type="search"].small-input:hover,
input[type="search"].small-input:active,
input[type="search"].small-input:focus,
input[type="number"].small-input:hover,
input[type="number"].small-input:active,
input[type="number"].small-input:focus,
input[type="tel"].small-input:hover,
input[type="tel"].small-input:active,
input[type="tel"].small-input:focus,
input[type="email"].small-input:hover,
input[type="email"].small-input:active,
input[type="email"].small-input:focus,
input[type="url"].small-input:hover,
input[type="url"].small-input:active,
input[type="url"].small-input:focus,
textarea.small-input:hover,
textarea.small-input:active,
textarea.small-input:focus {
  border-color: #332622;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #4f4f50;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #4f4f50;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #4f4f50;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #4f4f50;
}

input:not([type="submit"]):disabled,
input:not([type="radio"]):disabled,
input:not([type="checkbox"]):disabled,
select:disabled {
  background: #dbdbdc !important;
  border-color: #dbdbdc !important;
  color: #8e8e90;
  cursor: default;
}

input:not([type="submit"]):disabled:hover, input:not([type="submit"]):disabled:active, input:not([type="submit"]):disabled:focus,
input:not([type="radio"]):disabled:hover,
input:not([type="radio"]):disabled:active,
input:not([type="radio"]):disabled:focus,
input:not([type="checkbox"]):disabled:hover,
input:not([type="checkbox"]):disabled:active,
input:not([type="checkbox"]):disabled:focus,
select:disabled:hover,
select:disabled:active,
select:disabled:focus {
  background: #dbdbdc !important;
  border-color: #dbdbdc !important;
}

textarea {
  resize: vertical;
}

textarea.small-textarea {
  border: 1px solid #b5b5b6;
  border-radius: 3px;
  height: auto;
  min-height: 32px;
  font: 1rem/2.1 "pfDinTextLight", "Helvetica Neue", "Arial";
}

textarea.small-textarea:hover, textarea.small-textarea:active, textarea.small-textarea:focus {
  border-color: #332622;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"] {
  height: 2.5rem;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0px;
}

input[type="range"] {
  display: inline-block;
  /* Webkit */
  /* Mozilla */
  /* Internet Explorer */
}

input[type="range"] {
  -webkit-appearance: none;
  background: #424243;
  border: none;
  border-radius: 0.25rem;
  height: 0.5rem;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background: #FFC832;
  border: none;
  border-radius: 0.25rem;
  display: block;
  height: 1.5rem;
  text-align: center;
  width: 1.5rem;
}

input[type="range"]::-moz-range-track {
  background: #424243;
  border: none;
  border-radius: 0.25rem;
  height: 0.5rem;
}

input[type="range"]::-moz-range-thumb {
  background: #FFC832;
  border: none;
  border-radius: 0.25rem;
  display: block;
  height: 1.5rem;
  text-align: center;
  width: 1.5rem;
}

input[type="range"]::-ms-track, input[type="range"]::-ms-fill-lower {
  background: #424243;
  border: none;
  border-radius: 0.25rem;
  height: 0.5rem;
}

input[type="range"]::-ms-thumb {
  background: #FFC832;
  border: none;
  border-radius: 0.25rem;
  display: block;
  height: 1.5rem;
  text-align: center;
  width: 1.5rem;
}

/*----------------------------------------------------checkboxes---------------------------------------------------------*/
input[type="checkbox"] {
  display: none;
  visibility: hidden;
}

input[type="checkbox"] + label {
  background: #14817a;
  border-radius: 4px;
  height: 20px;
  margin: 0;
  opacity: 0.5;
  vertical-align: middle;
  width: 20px;
}

input[type="checkbox"] + label + label {
  display: inline;
  font: 1rem/1.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  margin-right: 0.5rem;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

input[type="checkbox"] + label + label:hover input[type="checkbox"] + label, input[type="checkbox"] + label + label:focus input[type="checkbox"] + label, input[type="checkbox"] + label + label:active input[type="checkbox"] + label {
  opacity: 1;
}

input[type="checkbox"] + label:hover, input[type="checkbox"] + label:focus, input[type="checkbox"] + label:active {
  opacity: 1;
}

input[type="checkbox"]:checked + label {
  background: url(../img/icons.png) -360px -120px #14817a;
  opacity: 1;
}

/*inverted bg + first checkmark*/
input[type="checkbox"].inverted + label,
.inverted-checkbox input[type="checkbox"] + label {
  background: #ffffff;
}

input[type="checkbox"].inverted:checked + label,
.inverted-checkbox input[type="checkbox"]:checked + label {
  background: url(../img/icons.png) -400px -120px #ffffff;
}

/*transparent bg + third border + inverted checkmark*/
input[type="checkbox"].third-checkbox + label,
.third-checkbox input[type="checkbox"] + label {
  background: none;
  border: 2px solid #ffc119;
}

input[type="checkbox"].third-checkbox + label:hover, input[type="checkbox"].third-checkbox + label:focus, input[type="checkbox"].third-checkbox + label:active,
.third-checkbox input[type="checkbox"] + label:hover,
.third-checkbox input[type="checkbox"] + label:focus,
.third-checkbox input[type="checkbox"] + label:active {
  background: #ffc119;
}

input[type="checkbox"].third-checkbox:checked + label,
.third-checkbox input[type="checkbox"]:checked + label {
  background: url(../img/icons.png) -362px -122px #ffc119;
}

/*inverted bg*/
input[type="checkbox"].white-bg-checkbox + label,
.white-bg-checkbox input[type="checkbox"] + label {
  background: #ffffff;
  opacity: 1;
}

/*----------------------------------------------------select---------------------------------------------------------*/
select {
  background: #ffffff url(../img/select-arrow.png) no-repeat;
  background-position: center left;
  border: 2px #ffffff solid;
  border-radius: 5px;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 2.5rem;
  outline: none;
  padding: 0 .5rem 0 1.375rem;
}

select:hover, select:focus, select:active {
  background: #ffffff url(../img/select-arrow.png) no-repeat;
  background-position: center left;
  border-color: #FFC832;
}

select[multiple="multiple"],
select[multiple] {
  height: 200px;
  width: 100%;
}

.select-wrapper select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff url(../img/select-arrow.png) no-repeat;
  background-position: center left;
  border: none !important;
  height: 100%;
  overflow: hidden;
  padding: 0 .5rem 0 1.375rem;
  position: relative;
  text-align: right !important;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.select-wrapper select::-ms-expand {
  display: none;
}

.select-wrapper select:hover, .select-wrapper select:active, .select-wrapper select:focus {
  border: 2px solid #FFC832;
}

.select-wrapper {
  background: #ffffff;
  border: 2px #ffffff solid;
  border-radius: 5px;
  display: inline-block;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 2.5rem;
  overflow: hidden;
  position: relative;
  width: 100%;
  vertical-align: middle;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.select-wrapper:hover, .select-wrapper:active, .select-wrapper:focus {
  border-color: #FFC832;
}

.select-wrapper:before {
  background: #ffffff url(../img/select-arrow.png) no-repeat;
  background-position: center left;
  content: '';
  display: inline-block;
  height: 2.25rem;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
  width: 29px;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.select-wrapper.small-input {
  border: 1px solid #b5b5b6;
  border-radius: 3px;
  height: 32px;
}

.select-wrapper.small-input select {
  font: 1rem/1.9 "pfDinTextLight", "Helvetica Neue", "Arial";
}

.select-wrapper.small-input:hover, .select-wrapper.small-input:active, .select-wrapper.small-input:focus {
  border-color: #332622;
}

.select-wrapper.small-input:before {
  top: -5px;
}

:-moz-any(.select-wrapper):before {
  background-color: #fff;
  pointer-events: none;
  z-index: 10;
}

/* for phone widget - for input after phone select - input width */
.phone-wrapper {
  padding-left: 95px;
  position: relative;
}

.phone-wrapper .select-wrapper.phone-select {
  left: 0;
  position: absolute;
  width: 85px;
}

.phone-wrapper .select-wrapper.phone-select select {
  margin-left: 10px;
  padding-left: 30px;
}

.phone-wrapper .phone-input {
  width: 100% !important;
}

/*----------------------------------------------------slider ui-------------------------------------------------------*/
.manager-rating-page .range-wrapper .ui-slider-handle {
  background: #FFC832;
  border-radius: 50%;
  height: 11px;
  position: absolute;
  top: -3px;
  width: 11px;
}

.manager-rating-page .range-wrapper .ui-slider-handle:hover, .manager-rating-page .range-wrapper .ui-slider-handle:active, .manager-rating-page .range-wrapper .ui-slider-handle:focus {
  border: none !important;
}

.manager-rating-page .range-wrapper .slider {
  background: #424243;
  border-radius: 5px;
  height: 5px;
  position: relative;
}

.manager-rating-page .range-wrapper .ui-widget-header {
  background: #FFC832;
  height: 5px;
  right: 0;
  position: absolute;
}

/*----------------------------------------------------buttons---------------------------------------------------------*/
.select-files-button {
  color: #14817a;
  font: 1rem/1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  cursor: pointer;
}

.submit-button,
input[type="submit"].submit-button {
  display: inline-block;
  border-radius: 3px;
  background: #009e82;
  padding: 15px 25px;
  color: #FFF;
  line-height: 1.125rem;
  font-size: 1.125rem;
  border: none;
  font: 1rem/1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 300ms ease-out;
}

.submit-button:hover, .submit-button:focus, .submit-button:active,
input[type="submit"].submit-button:hover,
input[type="submit"].submit-button:focus,
input[type="submit"].submit-button:active {
  color: #FFF;
  background: #116b65;
}

.continue-button {
  display: block;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #009e82;
  text-decoration: none;
  transition: all .3s ease;
}

.continue-button span {
  border-bottom: 1px solid #009e82;
}

.continue-button:hover {
  color: #00816a;
}

.continue-button:hover span {
  border-bottom: 1px solid #00816a;
}

.new-button-border {
  display: inline-block;
  padding: 15px 25px;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #00b0a2;
  border-radius: 3px;
  border: solid 1px #00b0a2;
  text-decoration: none;
  transition: color .3s ease, background .3s ease;
}

.new-button-border:hover, .new-button-border:focus, .new-button-border:active {
  color: #FFF;
  background: #00b0a2;
}

button, .button, .black, a.button, a.black {
  background: #009e82;
  border-radius: .27rem;
  border: none;
  color: #ffffff;
  font: 1rem/1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0;
  padding: 0.4rem .75rem;
  vertical-align: middle;
}

button:hover, button:focus, button:active, .button:hover, .black:hover, .button:focus, .black:focus, .button:active, .black:active, a.button:hover, a.black:hover, a.button:focus, a.black:focus, a.button:active, a.black:active {
  background: #116b65;
}

button.gray, .button.gray, .gray.black, a.button.gray, a.gray.black {
  background: #7c7c7c;
}

button.gray:hover, button.gray:focus, button.gray:active, .button.gray:hover, .gray.black:hover, .button.gray:focus, .gray.black:focus, .button.gray:active, .gray.black:active, a.button.gray:hover, a.gray.black:hover, a.button.gray:focus, a.gray.black:focus, a.button.gray:active, a.gray.black:active {
  background: #424243;
}

button.second, .button.second, .second.black, a.button.second, a.second.black {
  background: #ce2029;
}

button.second:hover, button.second:focus, button.second:active, .button.second:hover, .second.black:hover, .button.second:focus, .second.black:focus, .button.second:active, .second.black:active, a.button.second:hover, a.second.black:hover, a.button.second:focus, a.second.black:focus, a.button.second:active, a.second.black:active {
  background: #b81d25;
}

button.second-down, .button.second-down, .second-down.black, a.button.second-down, a.second-down.black {
  background: #ce2029;
}

button.second-down:hover, button.second-down:focus, button.second-down:active, .button.second-down:hover, .second-down.black:hover, .button.second-down:focus, .second-down.black:focus, .button.second-down:active, .second-down.black:active, a.button.second-down:hover, a.second-down.black:hover, a.button.second-down:focus, a.second-down.black:focus, a.button.second-down:active, a.second-down.black:active {
  background: #8c161c;
}

button.third, button.third-black, .button.third, .third.black, .button.third-black, .third-black.black, a.button.third, a.third.black, a.button.third-black, a.third-black.black {
  background: #FFC832;
  color: #424243;
}

button.third:hover, button.third:focus, button.third:active, button.third-black:hover, button.third-black:focus, button.third-black:active, .button.third:hover, .third.black:hover, .button.third:focus, .third.black:focus, .button.third:active, .third.black:active, .button.third-black:hover, .third-black.black:hover, .button.third-black:focus, .third-black.black:focus, .button.third-black:active, .third-black.black:active, a.button.third:hover, a.third.black:hover, a.button.third:focus, a.third.black:focus, a.button.third:active, a.third.black:active, a.button.third-black:hover, a.third-black.black:hover, a.button.third-black:focus, a.third-black.black:focus, a.button.third-black:active, a.third-black.black:active {
  background: #ffffff;
}

button.third-down, .button.third-down, .third-down.black, a.button.third-down, a.third-down.black {
  background: #FFC832;
  color: #424243;
}

button.third-down:hover, button.third-down:focus, button.third-down:active, .button.third-down:hover, .third-down.black:hover, .button.third-down:focus, .third-down.black:focus, .button.third-down:active, .third-down.black:active, a.button.third-down:hover, a.third-down.black:hover, a.button.third-down:focus, a.third-down.black:focus, a.button.third-down:active, a.third-down.black:active {
  background: #e5a700;
}

button.to-white:hover, button.to-white:focus, button.to-white:active, .button.to-white:hover, .to-white.black:hover, .button.to-white:focus, .to-white.black:focus, .button.to-white:active, .to-white.black:active, a.button.to-white:hover, a.to-white.black:hover, a.button.to-white:focus, a.to-white.black:focus, a.button.to-white:active, a.to-white.black:active {
  background: #ffffff !important;
}

button.white, .button.white, .white.black, a.button.white, a.white.black {
  background: #ffffff;
  color: #14817a;
}

button.white:hover, button.white:focus, button.white:active, .button.white:hover, .white.black:hover, .button.white:focus, .white.black:focus, .button.white:active, .white.black:active, a.button.white:hover, a.white.black:hover, a.button.white:focus, a.white.black:focus, a.button.white:active, a.white.black:active {
  color: #004F49;
}

button.white-second, .button.white-second, .white-second.black, a.button.white-second, a.white-second.black {
  background: #ffffff;
  color: #ce2029;
}

button.white-second:hover, button.white-second:focus, button.white-second:active, .button.white-second:hover, .white-second.black:hover, .button.white-second:focus, .white-second.black:focus, .button.white-second:active, .white-second.black:active, a.button.white-second:hover, a.white-second.black:hover, a.button.white-second:focus, a.white-second.black:focus, a.button.white-second:active, a.white-second.black:active {
  color: #7E0006;
}

button.white-third, .button.white-third, .white-third.black, a.button.white-third, a.white-third.black {
  background: #ffffff;
  color: #FFC832;
}

button.white-third:hover, button.white-third:focus, button.white-third:active, .button.white-third:hover, .white-third.black:hover, .button.white-third:focus, .white-third.black:focus, .button.white-third:active, .white-third.black:active, a.button.white-third:hover, a.white-third.black:hover, a.button.white-third:focus, a.white-third.black:focus, a.button.white-third:active, a.white-third.black:active {
  color: #ffc119;
}

button.white-black, .button.white-black, .white-black.black, a.button.white-black, a.white-black.black {
  background: #ffffff;
  color: #424243;
}

button.white-black:hover, button.white-black:focus, button.white-black:active, .button.white-black:hover, .white-black.black:hover, .button.white-black:focus, .white-black.black:focus, .button.white-black:active, .white-black.black:active, a.button.white-black:hover, a.white-black.black:hover, a.button.white-black:focus, a.white-black.black:focus, a.button.white-black:active, a.white-black.black:active {
  background: #f0eff0;
}

button.medium, button.black, button.big, .button.medium, .black, .button.big, .big.black, a.button.medium, a.black, a.button.big, a.big.black {
  line-height: 1.125rem;
  padding: 0.67rem 0.8rem;
  font-size: 1.125rem;
}

button.ml.big, .button.ml.big, .ml.big.black, a.button.ml.big, a.ml.big.black {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  height: auto;
  line-height: 100%;
  padding-top: 1rem;
  padding-bottom: 1.125rem;
}

button[disabled], button[disabled="disabled"], .button[disabled], [disabled].black, .button[disabled="disabled"], [disabled="disabled"].black, a.button[disabled], a[disabled].black, a.button[disabled="disabled"], a[disabled="disabled"].black {
  background: #c2c2c2;
  border-color: #c2c2c2;
  color: #757576;
  cursor: default;
}

button[disabled]:hover, button[disabled]:active, button[disabled]:focus, button[disabled="disabled"]:hover, button[disabled="disabled"]:active, button[disabled="disabled"]:focus, .button[disabled]:hover, [disabled].black:hover, .button[disabled]:active, [disabled].black:active, .button[disabled]:focus, [disabled].black:focus, .button[disabled="disabled"]:hover, [disabled="disabled"].black:hover, .button[disabled="disabled"]:active, [disabled="disabled"].black:active, .button[disabled="disabled"]:focus, [disabled="disabled"].black:focus, a.button[disabled]:hover, a[disabled].black:hover, a.button[disabled]:active, a[disabled].black:active, a.button[disabled]:focus, a[disabled].black:focus, a.button[disabled="disabled"]:hover, a[disabled="disabled"].black:hover, a.button[disabled="disabled"]:active, a[disabled="disabled"].black:active, a.button[disabled="disabled"]:focus, a[disabled="disabled"].black:focus {
  background: #c2c2c2;
  border-color: #c2c2c2;
  color: #757576;
}

button.new_transparent, .button.new_transparent, .new_transparent.black, a.button.new_transparent, a.new_transparent.black {
  font-size: 1.125rem;
  background-color: transparent;
  color: #009e82;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
  height: 45px;
  border: 1px solid #009e82;
}

button.new_transparent:hover, button.new_transparent:focus, button.new_transparent:active, .button.new_transparent:hover, .new_transparent.black:hover, .button.new_transparent:focus, .new_transparent.black:focus, .button.new_transparent:active, .new_transparent.black:active, a.button.new_transparent:hover, a.new_transparent.black:hover, a.button.new_transparent:focus, a.new_transparent.black:focus, a.button.new_transparent:active, a.new_transparent.black:active {
  color: #fff;
  background-color: #009e82;
}

button.new_green, .button.new_green, .new_green.black, a.button.new_green, a.new_green.black {
  font-size: 1.125rem;
  background-color: #009e82;
  color: #fff;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
  height: 45px;
}

button.new_green:hover, button.new_green:focus, button.new_green:active, .button.new_green:hover, .new_green.black:hover, .button.new_green:focus, .new_green.black:focus, .button.new_green:active, .new_green.black:active, a.button.new_green:hover, a.new_green.black:hover, a.button.new_green:focus, a.new_green.black:focus, a.button.new_green:active, a.new_green.black:active {
  background-color: #00816a;
}

button.new_while, .button.new_while, .new_while.black, a.button.new_while, a.new_while.black {
  font-size: 1.125rem;
  background-color: rgba(255, 255, 255, 0.8);
  color: #282828;
  border-radius: 4px;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
}

button.new_red, .button.new_red, .new_red.black, a.button.new_red, a.new_red.black {
  font-size: 1.125rem;
  background-color: #eb2629;
  color: #fff;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
  height: 45px;
}

button.new_red:hover, button.new_red:focus, button.new_red:active, .button.new_red:hover, .new_red.black:hover, .button.new_red:focus, .new_red.black:focus, .button.new_red:active, .new_red.black:active, a.button.new_red:hover, a.new_red.black:hover, a.button.new_red:focus, a.new_red.black:focus, a.button.new_red:active, a.new_red.black:active {
  background-color: #dc191c;
}

button.new_yellow, .button.new_yellow, .new_yellow.black, a.button.new_yellow, a.new_yellow.black {
  font-size: 1.125rem;
  background-color: #ffc832;
  color: #1d1d1d;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
  height: 45px;
}

button.new_yellow:hover, button.new_yellow:focus, button.new_yellow:active, .button.new_yellow:hover, .new_yellow.black:hover, .button.new_yellow:focus, .new_yellow.black:focus, .button.new_yellow:active, .new_yellow.black:active, a.button.new_yellow:hover, a.new_yellow.black:hover, a.button.new_yellow:focus, a.new_yellow.black:focus, a.button.new_yellow:active, a.new_yellow.black:active {
  background-color: #f1b102;
}

button.new_bg, .button.new_bg, .new_bg.black, a.button.new_bg, a.new_bg.black {
  font-size: 1.125rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 4px;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
}

button.for-icon, .button.for-icon, .for-icon.black, a.button.for-icon, a.for-icon.black {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

button.for-icon .to-icon, .button.for-icon .to-icon, .for-icon.black .to-icon, a.button.for-icon .to-icon, a.for-icon.black .to-icon {
  display: block;
  margin-left: 18px;
  width: 20px;
  height: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

button.for-icon .to-icon.mail, .button.for-icon .to-icon.mail, .for-icon.black .to-icon.mail, a.button.for-icon .to-icon.mail, a.for-icon.black .to-icon.mail {
  background-image: url("../../../static/img/mail-1.png");
}

button.for-icon .to-icon + b, .button.for-icon .to-icon + b, .for-icon.black .to-icon + b, a.button.for-icon .to-icon + b, a.for-icon.black .to-icon + b {
  display: block;
  padding-top: 4px;
}

button.button_1, .button.button_1, .button_1.black, a.button.button_1, a.button_1.black {
  font-size: 14px;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  background-color: #FFF;
  color: #00b0a2;
  padding: 10px 15px;
  height: 32px;
  border-radius: 3px;
  line-height: 13px;
  position: static;
  border: solid 1px #00b0a2;
}

button.button_1.button_1--medium, .button.button_1.button_1--medium, .button_1.button_1--medium.black, a.button.button_1.button_1--medium, a.button_1.button_1--medium.black {
  padding: 0.67rem 0.8rem;
  font-size: 1.125rem;
  height: auto;
  line-height: 1.125rem;
}

button.button_1:hover, button.button_1:focus, button.button_1:active, .button.button_1:hover, .button_1.black:hover, .button.button_1:focus, .button_1.black:focus, .button.button_1:active, .button_1.black:active, a.button.button_1:hover, a.button_1.black:hover, a.button.button_1:focus, a.button_1.black:focus, a.button.button_1:active, a.button_1.black:active {
  background-color: #00b0a2;
  color: #FFF;
}

button.big, .button.big, .big.black, a.button.big, a.big.black {
  height: 50px;
  line-height: 30px;
  padding-right: 2.1875rem;
  padding-left: 2.1875rem;
}

/*------------------------------------------------tabs - not tabs--------------------------------------------------*/
.left-tab, .right-tab, .center-tab {
  position: relative;
}

.left-tab:after, .right-tab:after, .center-tab:after {
  content: '';
  border: 15px solid transparent;
  border-bottom: 15px solid #FFC832;
  position: absolute;
  top: -30px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .left-tab:after, .right-tab:after, .center-tab:after {
    border: none;
  }
}

.left-tab:after {
  right: 15%;
}

.center-tab:after {
  right: 47%;
}

.right-tab:after {
  left: 15%;
}

/*------------------------------------------------private office form--------------------------------------------------*/
.my .container .form-item input[type="text"],
.my .container .form-item input[type="password"],
.my .container .form-item input[type="search"],
.my .container .form-item input[type="number"],
.my .container .form-item input[type="tel"],
.my .container .form-item input[type="email"],
.my .container .form-item input[type="url"],
.my .container .form-item select {
  width: 400px;
  max-width: 100%;
}

.form-row .description, .form-row .third-light-wrapper .labels a, .third-light-wrapper .labels .form-row a, .form-row .third-light-wrapper .inputs a, .third-light-wrapper .inputs .form-row a {
  margin-top: -7px;
}

.form-row .checkbox-desc {
  padding-right: 34px;
}

.form-row input[type="checkbox"] + label + label {
  line-height: 1.1;
  padding-bottom: 4px;
}

.form-item, .form-row {
  margin: .75rem 0;
  position: relative;
}

.form-item .phone-input, .form-row .phone-input {
  width: 162px;
}

.form-item .phone-select, .form-item .phone-input, .form-row .phone-select, .form-row .phone-input {
  vertical-align: middle;
}

.form-item input[type="text"], .form-item input[type="password"], .form-item input[type="search"], .form-item input[type="email"], .form-item input[type="number"], .form-row input[type="text"], .form-row input[type="password"], .form-row input[type="search"], .form-row input[type="email"], .form-row input[type="number"] {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .form-item input[type="text"], .form-item input[type="password"], .form-item input[type="search"], .form-item input[type="email"], .form-item input[type="number"], .form-row input[type="text"], .form-row input[type="password"], .form-row input[type="search"], .form-row input[type="email"], .form-row input[type="number"] {
    width: 100%;
  }
}

.form-item input[type="text"]:hover, .form-item input[type="text"]:active, .form-item input[type="text"]:focus, .form-item input[type="password"]:hover, .form-item input[type="password"]:active, .form-item input[type="password"]:focus, .form-item input[type="search"]:hover, .form-item input[type="search"]:active, .form-item input[type="search"]:focus, .form-item input[type="email"]:hover, .form-item input[type="email"]:active, .form-item input[type="email"]:focus, .form-item input[type="number"]:hover, .form-item input[type="number"]:active, .form-item input[type="number"]:focus, .form-row input[type="text"]:hover, .form-row input[type="text"]:active, .form-row input[type="text"]:focus, .form-row input[type="password"]:hover, .form-row input[type="password"]:active, .form-row input[type="password"]:focus, .form-row input[type="search"]:hover, .form-row input[type="search"]:active, .form-row input[type="search"]:focus, .form-row input[type="email"]:hover, .form-row input[type="email"]:active, .form-row input[type="email"]:focus, .form-row input[type="number"]:hover, .form-row input[type="number"]:active, .form-row input[type="number"]:focus {
  border-color: #FFC832;
}

.form-item input[type="file"], .form-row input[type="file"] {
  margin-bottom: 0;
}

.form-item select, .form-row select {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .form-item select, .form-row select {
    width: 100%;
  }
}

.form-item select:hover, .form-item select:active, .form-item select:focus, .form-row select:hover, .form-row select:active, .form-row select:focus {
  border-color: #FFC832;
}

.form-item textarea, .form-row textarea {
  border: 2px solid #ffffff;
  width: 400px;
  max-width: 100%;
  min-height: 100px;
}

.form-item textarea:hover, .form-item textarea:active, .form-item textarea:focus, .form-row textarea:hover, .form-row textarea:active, .form-row textarea:focus {
  border-color: #FFC832;
}

.form-item input[type="checkbox"] + label, .form-row input[type="checkbox"] + label {
  margin: 10px 0;
}

.form-item input[type="checkbox"] + label + label, .form-row input[type="checkbox"] + label + label {
  margin: 10px 0;
}

.form-item input[type="checkbox"], .form-row input[type="checkbox"] {
  visibility: visible;
  display: inline;
}

.form-item input[type="checkbox"] + .description, .form-item .third-light-wrapper .labels input[type="checkbox"] + a, .third-light-wrapper .labels .form-item input[type="checkbox"] + a, .form-item .third-light-wrapper .inputs input[type="checkbox"] + a, .third-light-wrapper .inputs .form-item input[type="checkbox"] + a, .form-row input[type="checkbox"] + .description, .form-row .third-light-wrapper .labels input[type="checkbox"] + a, .third-light-wrapper .labels .form-row input[type="checkbox"] + a, .form-row .third-light-wrapper .inputs input[type="checkbox"] + a, .third-light-wrapper .inputs .form-row input[type="checkbox"] + a {
  display: inline-block;
}

.form-item input[type="radio"], .form-row input[type="radio"] {
  display: inline;
  margin-bottom: 0.37rem;
  margin-left: 0.25rem;
}

.form-item select[multiple="multiple"], .form-row select[multiple="multiple"] {
  height: 200px;
  width: 500px;
  background: #ffffff;
  /*320!!!*/
}

.form-item select[multiple="multiple"]:hover, .form-item select[multiple="multiple"]:focus, .form-item select[multiple="multiple"]:active, .form-row select[multiple="multiple"]:hover, .form-row select[multiple="multiple"]:focus, .form-row select[multiple="multiple"]:active {
  border-color: #FFC832;
  background: #ffffff;
}

@media only screen and (max-width: 64em) {
  .form-item select[multiple="multiple"], .form-row select[multiple="multiple"] {
    width: 100%;
  }
}

.form-item .error, .form-row .error {
  color: #ce2029;
  font: 0.9rem "pfDinTextMed", "Helvetica Neue", "Arial";
  line-height: 1;
  margin-top: .3rem;
  word-wrap: break-word;
}

.form-item .error a, .form-row .error a {
  border-bottom: 1px solid rgba(206, 32, 41, 0.5);
}

.form-item .error a:hover, .form-item .error a:focus, .form-row .error a:hover, .form-row .error a:focus {
  border-bottom-color: transparent;
}

.form-item span.error, .form-row span.error {
  background: none;
  padding: 0;
  margin: .3rem 0 0;
}

.form-item ul label, .form-row ul label {
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.form-error {
  color: #ce2029 !important;
  font: 0.9rem "pfDinTextMed", "Helvetica Neue", "Arial";
  line-height: 1;
  margin-top: .3rem;
  word-wrap: break-word;
}

.form-error a {
  border-bottom: 1px solid rgba(206, 32, 41, 0.5);
}

.form-error a:hover, .form-error a:focus {
  border-bottom-color: transparent;
}

.third-tip {
  display: none;
  position: absolute;
  bottom: 100%;
  text-align: right;
  white-space: normal;
  right: 0;
  z-index: 100;
  padding: .825rem 1rem;
  border-radius: 5px;
  background-color: #FFC832;
  width: 13rem;
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-bottom: 15px;
  margin-right: -34px;
}

.third-tip:before {
  border: inset 10px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #FFC832 transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  bottom: -20px;
  right: 40px;
}

.third-tip.bottom {
  top: 100%;
  margin-top: 15px;
  bottom: auto;
}

.third-tip.bottom:before {
  border: inset 10px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #FFC832 transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -20px;
  right: 40px;
}

.annotation {
  cursor: pointer;
  position: relative;
}

.annotation:hover .third-tip {
  display: block;
}

.modal-annotation {
  display: inline;
  position: relative;
}

.modal-annotation:before {
  content: "?";
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-color: #FFC832;
  width: 1rem;
  height: 1rem;
  font-size: 0.7rem;
  line-height: 1.1rem;
  border-radius: 50%;
  text-align: center;
  color: #424243;
  margin-right: 0.2rem;
}

.modal-annotation:hover:before {
  background-color: #ffc119;
}

.modal-annotation:hover .third-tip {
  display: block;
  top: -2rem;
  right: auto;
  bottom: inherit;
  left: -14rem;
  color: #424243;
}

.modal-annotation:hover .third-tip:before {
  border: inset 10px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #FFC832;
  border-left-style: solid;
  position: absolute;
  right: -20px;
  top: 2rem;
}

.checkbox-wrapper input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
}

.checkbox-wrapper input[type="checkbox"] + label {
  margin: 11px 0 10px 0;
  display: inline-block;
  vertical-align: top;
}

.checkbox-wrapper input[type="checkbox"] + label + label {
  margin: 10px 3px;
  padding-top: 3px;
  width: 80%;
  display: inline-block;
}

.checkbox-wrapper input#id_is_adult {
  display: inline-block !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  visibility: visible !important;
  position: absolute;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  min-height: 32px;
  z-index: -1;
}

.checkbox-wrapper-mt4 {
  display: inline-block;
}

.checkbox-wrapper-mt4 + .description, .third-light-wrapper .labels .checkbox-wrapper-mt4 + a, .third-light-wrapper .inputs .checkbox-wrapper-mt4 + a {
  padding-right: 10px;
  line-height: 1.5;
  vertical-align: middle;
  display: inline-block;
  width: 95%;
}

form span.required {
  color: red;
}

form label.required:after {
  color: red;
  content: '*';
  margin-right: .31rem;
}

/*----------------------------------------------------scrollbars-----------------------------------------------------*/
.scroller-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
}

/*first horisontal - example of markup in pamm rating page*/
.scroller {
  height: 100%;
  overflow-x: scroll;
}

.scroller::-webkit-scrollbar {
  width: 0;
}

.scroller-bar {
  background: #14817a;
  border-radius: 3px;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.scroller-bar:hover, .scroller-bar:active, .scroller-bar:focus {
  background: #116b65;
}

.scroller-track {
  background: #424243;
  height: 9px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.scroller-track:hover, .scroller-track:active, .scroller-track:focus {
  background: #332622;
}

.scroller-track.thick {
  height: 0.9rem;
}

.scroller-track .scroll-fwd-h, .scroller-track .scroll-back-h {
  width: 0.9rem;
  height: 100%;
  display: block;
  background-color: #14817a;
  position: absolute;
}

.scroller-track .scroll-back-h {
  right: 0;
}

.scroller-track .scroll-fwd-h {
  left: 0;
}

/*first vertical scrollbar - example of markup in video blocks - analitic video, education*/
.vscroller {
  height: 100%;
  overflow-y: scroll;
}

.vscroller::-webkit-scrollbar {
  width: 0;
}

.first-vscroller-bar {
  background: #14817a;
  border: 1px solid transparent;
  pointer-events: auto;
  position: absolute;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  width: 100%;
}

.first-vscroller-bar:hover, .first-vscroller-bar:active, .first-vscroller-bar:focus {
  background: #116b65;
}

.first-vscroller-track {
  background: #424243;
  bottom: 0;
  height: 100%;
  position: absolute;
  width: .5rem;
  z-index: 1;
}

.first-vscroller-track:hover, .first-vscroller-track:active, .first-vscroller-track:focus {
  background: #332622;
}

.first-vscroller-track.left-track {
  right: 0;
}

.first-vscroller-track.right-track {
  left: 0;
}

.first-vscroller-track.gray-bg {
  border: .5rem solid #d2d2d2;
  width: 1.5rem;
}

/*third vertical scrollbar - example of markup in private office - finance reveal modal*/
.third-vscroller-bar {
  background: #FFC832;
  border: 1px solid #8e8e90;
  border-top: none;
  border-bottom: none;
  pointer-events: auto;
  position: absolute;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  width: 100%;
}

.third-vscroller-bar:hover, .third-vscroller-bar:active, .third-vscroller-bar:focus {
  background: #ffc119;
}

.third-vscroller-track {
  background: #8e8e90;
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 12px;
  z-index: 1;
}

.third-vscroller-track:hover, .third-vscroller-track:active, .third-vscroller-track:focus {
  background: #424243;
}

.third-vscroller-track.left-track {
  right: 0;
}

.third-vscroller-track.right-track {
  left: 0;
}

/* fix for modal in private office */
body.my .ui-dialog {
  background: #ffffff;
}

body.my .ui-dialog form input {
  border-color: rgba(66, 66, 67, 0.5);
  margin-bottom: .625rem;
}

body.my .ui-dialog .ui-button-text {
  padding: 0 1em !important;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.pagination > * {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29px;
  height: 29px;
}

.pagination .current {
  pointer-events: none;
  background-color: #0ABB86;
  color: white;
  border-radius: 50%;
}

.pagination .disabled {
  pointer-events: none;
  filter: grayscale(1);
}

.pagination .prev {
  font-size: 0 !important;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.79999 0.525C5.94999 0.674999 6.02499 0.849999 6.02499 1.05C6.02499 1.25 5.94999 1.425 5.79999 1.575L1.72499 5.65L5.79999 9.725C5.94999 9.875 6.02499 10.05 6.02499 10.25C6.02499 10.45 5.94999 10.625 5.79999 10.775C5.64999 10.925 5.47499 11 5.27499 11C5.07499 11 4.89999 10.925 4.74999 10.775L0.249994 6.275C0.16666 6.19167 0.103994 6.096 0.061994 5.988C0.0206608 5.87933 -6.21821e-06 5.76667 -6.20801e-06 5.65C-6.19781e-06 5.53333 0.0206609 5.421 0.0619941 5.313C0.103994 5.20433 0.16666 5.10833 0.249994 5.025L4.74999 0.525C4.89999 0.375 5.07499 0.299999 5.27499 0.299999C5.47499 0.299999 5.64999 0.375 5.79999 0.525Z" fill="white"/></svg>') no-repeat center/auto;
}

.pagination .prev a {
  width: 100%;
  height: 100%;
}

.pagination .next {
  font-size: 0 !important;
  background: url('data:image/svg+xml;charset=UTF-8,<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.225 10.475C0.0750004 10.325 0 10.15 0 9.95C0 9.75 0.0750004 9.575 0.225 9.425L4.3 5.35L0.225 1.275C0.0750004 1.125 0 0.95 0 0.75C0 0.55 0.0750004 0.375 0.225 0.225C0.375 0.0749999 0.55 0 0.75 0C0.95 0 1.125 0.0749999 1.275 0.225L5.775 4.725C5.85833 4.80833 5.921 4.904 5.963 5.012C6.00433 5.12067 6.025 5.23333 6.025 5.35C6.025 5.46667 6.00433 5.579 5.963 5.687C5.921 5.79567 5.85833 5.89167 5.775 5.975L1.275 10.475C1.125 10.625 0.95 10.7 0.75 10.7C0.55 10.7 0.375 10.625 0.225 10.475Z" fill="white"/></svg>') no-repeat center/auto;
}

.pagination .next a {
  width: 100%;
  height: 100%;
}

.newsfeed-pagination {
  /*gray pagination - example of markup in private office - reports, inbox*/
}

.newsfeed-pagination.gray-pagination ul {
  background-color: #d5d2d5;
}

.newsfeed-pagination.gray-pagination ul li * {
  color: #424243;
}

.newsfeed-pagination.gray-pagination ul li a {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.newsfeed-pagination.gray-pagination ul li a:hover, .newsfeed-pagination.gray-pagination ul li a:active, .newsfeed-pagination.gray-pagination ul li a:focus {
  background-color: #cbc8cb;
}

.newsfeed-pagination.gray-pagination ul li:hover, .newsfeed-pagination.gray-pagination ul li:active, .newsfeed-pagination.gray-pagination ul li:focus {
  background-color: transparent;
}

.newsfeed-pagination.gray-pagination ul li.active * {
  color: #424243;
}

.newsfeed-pagination.gray-pagination ul li.title {
  border: none;
}

.newsfeed-pagination.gray-pagination ul li.prev, .newsfeed-pagination.gray-pagination ul li.next {
  background-color: transparent;
  border: none;
}

.newsfeed-pagination.gray-pagination ul li.prev:hover, .newsfeed-pagination.gray-pagination ul li.prev:active, .newsfeed-pagination.gray-pagination ul li.prev:focus, .newsfeed-pagination.gray-pagination ul li.next:hover, .newsfeed-pagination.gray-pagination ul li.next:active, .newsfeed-pagination.gray-pagination ul li.next:focus {
  background-color: transparent;
}

.newsfeed-pagination.gray-pagination ul li.prev a, .newsfeed-pagination.gray-pagination ul li.next a {
  background-color: transparent;
}

.newsfeed-pagination.gray-pagination ul li.prev a:hover, .newsfeed-pagination.gray-pagination ul li.prev a:active, .newsfeed-pagination.gray-pagination ul li.prev a:focus, .newsfeed-pagination.gray-pagination ul li.next a:hover, .newsfeed-pagination.gray-pagination ul li.next a:active, .newsfeed-pagination.gray-pagination ul li.next a:focus {
  background-color: #cbc8cb;
}

.newsfeed-pagination.gray-pagination ul li.prev {
  background-position: -108px -200px;
}

.newsfeed-pagination.gray-pagination ul li.prev > a {
  background-position: 100% -200px !important;
}

.newsfeed-pagination.gray-pagination ul li.next {
  background-position: -162px -200px;
}

.newsfeed-pagination.gray-pagination ul li.next > a {
  background-position: -54px -200px !important;
}

.newsfeed-pagination-inside {
  position: relative;
}

.newsfeed-pagination-inside-list {
  position: absolute;
  top: -40px;
  right: 185px;
}

.reveal-modal {
  background: #14817a;
  box-shadow: none;
  color: #ffffff;
  outline: none !important;
  padding: 2.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* for form item with multiple select or textarea */
  /* for Authentication using SMS modal */
}

.reveal-modal, .reveal-modal h1, .reveal-modal h2, .reveal-modal h3, .reveal-modal h4, .reveal-modal h5, .reveal-modal h6, .reveal-modal p, .reveal-modal label {
  color: #ffffff;
}

.reveal-modal .modal-title {
  font: 400 3rem/3rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
}

@media only screen and (max-width: 40em) {
  .reveal-modal .modal-title {
    font-size: 2rem;
  }
}

.reveal-modal .modal-manager-info {
  padding-top: 3.5rem;
}

.reveal-modal .close-reveal-modal.icon.cross, .reveal-modal .close-reveal-modal.cross.icon-portfolio, .reveal-modal .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio, .manager-rating-page .base-table table tbody tr td.account .reveal-modal .close-reveal-modal.cross.block-portfolio {
  color: #ffffff;
  font: 400 3.5rem/1.875rem "pfDinTextLight", "Helvetica Neue", "Arial";
  left: 1rem;
  top: 1rem;
}

.reveal-modal input[type="text"], .reveal-modal input[type="password"], .reveal-modal input[type="email"] {
  background: #ffffff;
  border-color: #ffffff;
}

.reveal-modal a.bordered, .reveal-modal .index-page-manager-rating .links a, .index-page-manager-rating .links .reveal-modal a, .reveal-modal .calendar .month-block .body .week-details > ul > li > ul > li a, .calendar .month-block .body .week-details > ul > li > ul > li .reveal-modal a, .reveal-modal .webinars-sidebar-links li a, .webinars-sidebar-links li .reveal-modal a, .reveal-modal .investments-frontpage-top-manager .name a, .investments-frontpage-top-manager .name .reveal-modal a, .reveal-modal .provider .title a, .provider .title .reveal-modal a, .reveal-modal .newsfeed-date-dropdown li a, .newsfeed-date-dropdown li .reveal-modal a, .reveal-modal .analytics-frontpage .gc-analytics a, .analytics-frontpage .gc-analytics .reveal-modal a, .reveal-modal .third-light-wrapper .labels a, .third-light-wrapper .labels .reveal-modal a, .reveal-modal .third-light-wrapper .inputs a, .third-light-wrapper .inputs .reveal-modal a, .reveal-modal .post-message a, .post-message .reveal-modal a, .reveal-modal footer .footer-nav a, footer .footer-nav .reveal-modal a {
  border-bottom-color: #ffffff;
}

.reveal-modal select[multiple="multiple"], .reveal-modal select[multiple], .reveal-modal textarea {
  height: 120px;
}

.reveal-modal .form-item.big {
  min-height: 150px !important;
}

.reveal-modal .modal_white {
  text-align: center;
}

/* adaptive reveal modal */
body.gc .reveal-modal {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  body.gc .reveal-modal {
    padding: 2rem 1rem !important;
  }
}

body.gc .reveal-modal.small {
  width: 640px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc .reveal-modal.small {
    width: 100%;
  }
}

body.gc .reveal-modal.medium, body.gc .reveal-modal.black {
  width: 900px;
}

@media only screen and (min-width: 0) and (max-width: 900px) {
  body.gc .reveal-modal.medium, body.gc .reveal-modal.black {
    width: 100%;
  }
}

.reveal-modal.tiny h2 {
  font: 2.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

.reveal-modal.gc-small .reveal-form {
  padding: 1.5rem 0 !important;
}

/*-----------------------------------------for animation with angular-----------------------------------------------*/
.reveal-modal.fade {
  -webkit-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  opacity: 0;
}

.reveal-modal.fade.in {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.reveal-modal-bg {
  transition: all 300ms ease-out;
}

.reveal-modal-bg.fade.in {
  opacity: 1;
}

.reveal-modal-bg.fade {
  opacity: 0;
}

/*-------------------------custom size for modal - adaptive until 1024 - private office-----------------------------*/
.reveal-modal.gc-small {
  margin: 0 auto;
  width: 640px;
}

.reveal-modal.gc-medium {
  margin: 0 auto;
  width: 820px;
}

/*--------------------------------------------for modals in private office-------------------------------------------*/
.my .reveal-modal {
  transition: all 300ms ease-out;
}

.my .reveal-modal .modal-title {
  font-size: 2rem;
  line-height: 1.2;
}

.my .reveal-modal .modal-title span {
  display: block;
  font-size: 1.8rem;
}

.my .reveal-modal .reveal-form {
  padding: 1.5rem;
}

.my .reveal-modal .reveal-form.thin {
  padding-right: 0;
  padding-left: 0;
}

.my .reveal-modal div.fields {
  border-top: 1px rgba(0, 0, 0, 0.2) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  margin: 1.25rem 0;
  padding: .625rem 0;
}

.my .reveal-modal .form-item {
  min-height: 70px;
}

.my .reveal-modal .form-item label {
  line-height: 1;
}

.my .reveal-modal .form-item label + .description, .my .reveal-modal .form-item .third-light-wrapper .labels label + a, .third-light-wrapper .labels .my .reveal-modal .form-item label + a, .my .reveal-modal .form-item .third-light-wrapper .inputs label + a, .third-light-wrapper .inputs .my .reveal-modal .form-item label + a {
  margin: 0;
}

.radio-wrapper {
  margin: 0 auto;
  width: 300px;
}

/*--------------------------------------------side modals in private office-----------------------------------------*/
.reveal-modal.gc-side-modal {
  width: 23.125rem;
  position: fixed;
  right: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  opacity: 1;
  top: 100px !important;
  -moz-transform: translate(100%, 0) scale(0, 0);
  -o-transform: translate(100%, 0) scale(0, 0);
  -ms-transform: translate(100%, 0) scale(0, 0);
  -webkit-transform: translate(100%, 0) scale(0, 0);
  transform: translate(100%, 0) scale(0, 0);
}

.reveal-modal.gc-side-modal .close-reveal-modal.icon.cross, .reveal-modal.gc-side-modal .close-reveal-modal.cross.icon-portfolio, .reveal-modal.gc-side-modal .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio, .manager-rating-page .base-table table tbody tr td.account .reveal-modal.gc-side-modal .close-reveal-modal.cross.block-portfolio {
  opacity: 0;
  display: none;
  padding: 1rem;
  background-color: #116b65;
  top: 0;
  right: 80%;
  left: inherit;
  transition: all 300ms ease-out;
}

.reveal-modal.gc-side-modal .close-reveal-modal.icon.cross:hover, .reveal-modal.gc-side-modal .close-reveal-modal.cross.icon-portfolio:hover, .reveal-modal.gc-side-modal .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio:hover, .manager-rating-page .base-table table tbody tr td.account .reveal-modal.gc-side-modal .close-reveal-modal.cross.block-portfolio:hover, .reveal-modal.gc-side-modal .close-reveal-modal.icon.cross:focus, .reveal-modal.gc-side-modal .close-reveal-modal.cross.icon-portfolio:focus, .reveal-modal.gc-side-modal .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio:focus, .manager-rating-page .base-table table tbody tr td.account .reveal-modal.gc-side-modal .close-reveal-modal.cross.block-portfolio:focus, .reveal-modal.gc-side-modal .close-reveal-modal.icon.cross:active, .reveal-modal.gc-side-modal .close-reveal-modal.cross.icon-portfolio:active, .reveal-modal.gc-side-modal .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio:active, .manager-rating-page .base-table table tbody tr td.account .reveal-modal.gc-side-modal .close-reveal-modal.cross.block-portfolio:active {
  background-color: #0d5550;
}

.reveal-modal.gc-side-modal.in {
  -moz-transform: translate(0, 0) scale(1, 1);
  -o-transform: translate(0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  -webkit-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
}

.reveal-modal.gc-side-modal.in .close-reveal-modal.icon.cross, .reveal-modal.gc-side-modal.in .close-reveal-modal.cross.icon-portfolio, .reveal-modal.gc-side-modal.in .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio, .manager-rating-page .base-table table tbody tr td.account .reveal-modal.gc-side-modal.in .close-reveal-modal.cross.block-portfolio {
  opacity: 1;
  right: 100%;
  display: block;
}

/*---------------------------------reveal form - with lines - before and after--------------------------------------*/
.reveal-form {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.2) transparent;
  margin: 1.875rem 0;
  padding: 1.875rem 0;
}

.reveal-form .row {
  margin: .75rem 0;
}

.reveal-form .form-item {
  min-height: 70px;
}

.reveal-form .form-item:before, .reveal-form .form-item:after {
  content: " ";
  display: table;
}

.reveal-form .form-item:after {
  clear: both;
}

.reveal-form .form-item label {
  line-height: 1;
}

.reveal-form .form-item label + .description, .reveal-form .form-item .third-light-wrapper .labels label + a, .third-light-wrapper .labels .reveal-form .form-item label + a, .reveal-form .form-item .third-light-wrapper .inputs label + a, .third-light-wrapper .inputs .reveal-form .form-item label + a {
  margin: 0;
}

/*---------------------------------reveal table - with lines - before and after--------------------------------------*/
.reveal-modal table.table-reveal {
  background: none;
  border-top: 1px rgba(0, 0, 0, 0.2) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  border-right: none;
  border-left: none;
  margin: 0 auto;
  margin: 40px auto 0 auto;
  table-layout: auto;
  width: 100%;
}

.reveal-modal table.table-reveal span {
  display: inline-block;
}

.reveal-modal table.table-reveal input[type='range'] {
  margin: 0;
  width: 15.5rem;
}

.reveal-modal table.table-reveal input.small[type="text"], .reveal-modal table.table-reveal input.small[type="password"], .reveal-modal table.table-reveal input.small[type="email"] {
  text-align: center;
  width: 60px;
}

.reveal-modal table.table-reveal tr {
  background: none;
}

.reveal-modal table.table-reveal tr:first-child td {
  vertical-align: middle;
}

.reveal-modal table.table-reveal tr.errors td, .reveal-modal table.table-reveal div.errors, .reveal-modal table.table-reveal td.errors {
  color: #ce2029;
}

.reveal-modal table.table-reveal td {
  border: none;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.2;
  padding: 20px 0;
  text-align: right;
  vertical-align: top;
}

.reveal-modal table.table-reveal td:first-child {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  width: 38%;
}

.reveal-modal table.table-reveal td ul {
  list-style-type: none;
  list-style-image: none;
  margin-right: 0px;
}

/*----------------------------------------general for forms in modals------------------------------------------------*/
[data-reveal].reveal-modal .cross {
  background: none !important;
  border-bottom: none;
}

[data-reveal].reveal-modal a:hover, [data-reveal].reveal-modal a:active, [data-reveal].reveal-modal a:focus {
  border-bottom-color: transparent;
}

[data-reveal].reveal-modal a.button:hover, [data-reveal].reveal-modal a.black:hover, [data-reveal].reveal-modal a.button:active, [data-reveal].reveal-modal a.black:active, [data-reveal].reveal-modal a.button:focus, [data-reveal].reveal-modal a.black:focus {
  background: #FFC832;
}

[data-reveal] .icon-help {
  margin-right: 0.25rem;
}

[data-reveal] .icon-help + span {
  margin-right: 3.25rem;
}

[data-reveal].reveal-modal-alt {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

[data-reveal].reveal-modal-alt .reveal-modal-inner {
  margin: 0 auto;
  position: relative;
  background-color: #14817a;
  padding: 1.875rem;
  border: solid 1px #666666;
  box-shadow: none;
}

@media only screen and (max-width: 40em) {
  [data-reveal].reveal-modal-alt .reveal-modal-inner {
    min-height: 100vh;
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media only screen and (min-width: 40.0625em) {
  [data-reveal].reveal-modal-alt .reveal-modal-inner {
    padding: 2.8125rem;
    box-shadow: none;
  }
}

[data-reveal].reveal-modal-alt .reveal-modal-inner.medium, [data-reveal].reveal-modal-alt .reveal-modal-inner.black {
  max-width: 650px;
}

[data-reveal].reveal-modal-alt .reveal-modal-inner.small {
  max-width: 500px;
}

[data-reveal].reveal-modal-alt .reveal-modal-inner input[type="submit"] {
  font-size: 16px;
}

[data-reveal] div.fields {
  border-top: 1px rgba(0, 0, 0, 0.2) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  margin: 1.25rem 0;
  padding: .625rem 0 1.25rem;
}

[data-reveal] div.fields > p {
  text-align: center;
  padding: .5rem 0;
}

[data-reveal] div.fields p.description {
  margin-right: 30%;
}

[data-reveal] div.fields span.link-show-hidden {
  border-bottom: 2px white dashed;
  cursor: pointer;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

[data-reveal] div.fields div.checkbox-wrapper {
  margin-right: 30%;
  width: 60%;
}

@media only screen and (max-width: 40em) {
  [data-reveal] div.fields div.checkbox-wrapper {
    margin-right: 0;
    width: 100%;
  }
}

[data-reveal] div.fields div.checkbox-wrapper p.description {
  margin-right: 28px;
  margin-top: -5px;
}

[data-reveal] div.fields .errors {
  color: #ce2029;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

[data-reveal] div.fields .errors a {
  border-bottom: 1px solid #ce2029;
  color: #ce2029;
}

[data-reveal] div.oauth-block {
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  text-align: center;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}

[data-reveal] div.form-field {
  line-height: 45px;
  padding: .3125rem 0;
  position: relative;
}

[data-reveal] div.form-field input, [data-reveal] div.form-field select {
  right: 30%;
  position: absolute;
  width: 60%;
}

@media only screen and (max-width: 40em) {
  [data-reveal] div.form-field input, [data-reveal] div.form-field select {
    width: 68%;
  }
}

[data-reveal] div.form-field label {
  width: 30%;
  line-height: 1.125;
}

@media only screen and (max-width: 40em) {
  [data-reveal] div.form-field label {
    width: 28%;
  }
}

[data-reveal] div.form-field .phone-select {
  width: 13.5%;
      right: 75%;
      margin-right: 8px;
}

[data-reveal] div.form-field .phone-input {
  left: 45%;
  width: 45%;
}

@media only screen and (max-width: 40em) {
  [data-reveal] div.form-field .phone-input {
    width: 53%;
  }
}

[data-reveal] div.form-field .required {
  color: #FFC832;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

/*------------------------------------------------modal-manager-info-------------------------------------------------*/
.modal-manager-info:before, .modal-manager-info:after {
  content: " ";
  display: table;
}

.modal-manager-info:after {
  clear: both;
}

.modal-manager-info .photo {
  border: 5px #ffffff solid;
  display: block;
  float: right;
  width: 100px;
}

.modal-manager-info .info {
  float: right;
  font-size: 0.875rem;
  margin-right: 2rem;
  width: 18%;
}

.modal-manager-info .name {
  font: 1.125rem/1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.modal-manager-info .age {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-left: 10px;
  padding-bottom: 0.5rem;
}

.modal-manager-info .quotation {
  float: right;
  font: 1rem "pfDinTextRegItalic", "Helvetica Neue", "Arial";
  margin-right: 1rem;
  width: 60%;
}

.modal-manager-info .account-title {
  text-align: left;
  word-wrap: break-word;
}

.modal-manager-info .account-title h3 {
  font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-left: 10px;
}

.modal-manager-info .account-info {
  border-right: 1px solid #ffffff;
}

.modal-manager-info .account-info p {
  margin-right: 10px;
}

/*----------------------------------------------------photo---------------------------------------------------------*/
.photo-modal {
  height: auto;
  right: 50%;
  margin-right: -292px;
  min-height: 500px;
  width: 584px;
}

.photo-modal img.user-photo {
  border: 1px solid #000;
  height: 13.25rem;
  width: 13.25rem;
}

.photo-modal h2 {
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  font: 2.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  padding-bottom: 1.5rem;
}

.photo-modal p {
  font-size: 1.125rem;
  padding: 0 2rem;
}

/*---------------------------------------modals with tables in private office---------------------------------------*/
.history-modal, .archive-modal {
  height: auto;
  right: 50%;
  margin-right: -410px;
  min-height: 500px;
  width: 820px;
}

.history-modal .third-vscroller-track, .archive-modal .third-vscroller-track {
  max-height: 440px;
}

.history-modal .scroller-wrapper, .archive-modal .scroller-wrapper {
  background: #FFC832;
}

.history-modal table, .archive-modal table {
  width: 101%;
}

.history-modal table thead td, .archive-modal table thead td {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.history-modal table tbody td, .archive-modal table tbody td {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.history-modal table tbody, .archive-modal table tbody {
  max-height: 440px;
}

.history-modal table td, .archive-modal table td {
  color: #292929;
}

.archive-filters {
  list-style: none;
  margin-right: 0;
}

.archive-filters li {
  display: inline-block;
  padding: .15rem .78rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.archive-filters li.active {
  background: #116b65;
  border-radius: 5px;
}

.archive-filters li.active a {
  border-bottom-color: transparent;
  cursor: default;
}

.archive-filters a {
  border-bottom-style: dashed !important;
}

.archive-interval {
  color: #424243;
  font-size: 1.125rem;
}

.archive-interval * {
  vertical-align: middle;
}

.archive-interval input, .archive-interval select {
  font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

.archive-interval .interval-day {
  margin-right: .9375rem;
  width: 3.7rem;
}

.archive-interval .interval-month {
  width: 5.5rem;
}

.archive-interval .interval-year {
  margin-left: .9375rem;
  width: 4.7rem;
}

.archive-interval .button, .archive-interval .black {
  margin-right: .3125rem;
}

/*-----------------------------------------------------finance-------------------------------------------------------*/
.finance-modal {
  max-width: 80% !important;
  height: auto;
  min-height: 500px;
}

@media (max-width: 900px) {
  .finance-modal.newModalWindow {
    padding: 40px 20px;
  }
}

@media (max-width: 768px) {
  .finance-modal table.table-white {
    display: none;
  }
}

@media (max-width: 768px) {
  .finance-modal .mobile-table-white {
    display: block;
  }
}

.finance-modal .mobile-table-white .category a.button.second, .finance-modal .mobile-table-white .category a.second.black {
  margin: 5px auto;
  width: 150px;
  display: block;
}

.finance-modal .third-vscroller-track {
  max-height: 440px;
}

.finance-modal .scroller-wrapper {
  background: #FFC832;
}

.finance-modal table thead td {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.finance-modal table td {
  font-size: .875rem;
  line-height: 1.2;
  padding: .4rem .8125rem;
  color: #292929;
}

.finance-modal table td:nth-child(3) {
  width: 16.6%;
}

.finance-modal table td:last-child {
  width: 26.4%;
}

.finance-modal table tbody {
  max-height: 440px;
}

.finance-modal table tbody td {
  text-align: right;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.finance-modal table tbody td span {
  display: block;
}

/*------------------------------------------------accounts history---------------------------------------------------*/
.history-modal table td {
  padding: .625rem .8125rem;
}

.history-modal table td:first-child, .history-modal table td:last-child {
  text-align: right;
}

/*-----------------------------------------------inbox messages view-------------------------------------------------*/
.message-modal {
  height: auto;
  right: 50%;
  margin-right: -380px;
  min-height: 300px;
  width: 760px;
}

.message-modal .table-reveal tr td {
  font-size: 1rem;
  padding: 0.75rem 0;
  vertical-align: top !important;
}

/*----------------------------------------------------image---------------------------------------------------------*/
.reveal-modal.img-modal {
  margin: 0 auto;
  padding: 2rem;
  width: 1000px;
}

/*----------------------------------------------------request---------------------------------------------------------*/
.reveal-modal.request-modal {
  margin: 0 auto;
  width: 680px;
}

.reveal-modal.request-modal textarea {
  width: 100%;
}

.reveal-modal.request-modal .h4 {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-bottom: 1.25rem;
  text-align: center;
}

/*-------------------- select language ------------------------------*/
.languages-select-modal {
  background-image: url(../img/lang-select-bg.jpg);
  background-size: cover;
}

.languages-select-modal .h1 {
  font-size: 2.5rem;
}

.languages-select-modal .close-reveal-modal.icon.cross, .languages-select-modal .close-reveal-modal.cross.icon-portfolio, .languages-select-modal .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio, .manager-rating-page .base-table table tbody tr td.account .languages-select-modal .close-reveal-modal.cross.block-portfolio {
  top: 1.875rem;
  left: 1.875rem;
}

.languages-select-modal .lang-list li {
  padding-bottom: 0.625rem;
  padding-left: 0;
}

.languages-select-modal .lang-icon {
  width: 1.1875rem;
  height: 1.1875rem;
  border-radius: 0.625rem;
  display: inline-block;
  margin-left: 0.625rem;
  margin-bottom: -0.3125rem;
  background-size: 100%;
}

.languages-select-modal a.lang-select-button {
  border-bottom: 0;
  display: inline-block;
  padding: 0.3rem 0.8rem;
  border-radius: 0.375rem;
  border: 1px solid transparent;
}

.languages-select-modal a.lang-select-button:hover, .languages-select-modal a.lang-select-button:active, .languages-select-modal a.lang-select-button:hover {
  border: 1px solid #ffffff;
}

.languages-select-modal .lang-ru {
  background-image: url("../flag-svg-collection/flags/1x1/by.svg");
}

.languages-select-modal .lang-en {
  background-image: url("../flag-svg-collection/flags/1x1/gb.svg");
}

.languages-select-modal .lang-id {
  background-image: url("../flag-svg-collection/flags/1x1/id.svg");
}

.languages-select-modal .lang-zh-hans {
  background-image: url("../flag-svg-collection/flags/1x1/cn.svg");
}

.languages-select-modal .lang-pl {
  background-image: url("../flag-svg-collection/flags/1x1/pl.svg");
}

.languages-select-modal .lang-pt {
  background-image: url("../flag-svg-collection/flags/1x1/br.svg");
}

.languages-select-modal .lang-ar {
  background-image: url("../flag-svg-collection/flags/1x1/sa.svg");
}

.languages-select-modal .lang-uk {
  background-image: url("../flag-svg-collection/flags/1x1/ua.svg");
}

.languages-select-modal .lang-fa {
  background-image: url("../flag-svg-collection/flags/1x1/ir.svg");
}

.languages-select-modal .lang-fr {
  background-image: url("../flag-svg-collection/flags/1x1/fr.svg");
}

.languages-select-modal .lang-th {
  background-image: url("../flag-svg-collection/flags/1x1/th.svg");
}

.languages-select-modal .lang-ms {
  background-image: url("../flag-svg-collection/flags/1x1/my.svg");
}

.languages-select-modal .lang-vi {
  background-image: url("../flag-svg-collection/flags/1x1/vn.svg");
}

.languages-select-modal .lang-de {
  background-image: url("../flag-svg-collection/flags/1x1/de.svg");
}

.languages-select-modal .lang-es {
  background-image: url("../flag-svg-collection/flags/1x1/co.svg");
}

.languages-select-modal .current-lang {
  font-size: 1.5rem;
}

.languages-select-modal .current-lang .lang-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 2.25rem;
  margin-bottom: -0.625rem;
}

.newModalWindow {
  background: #FFF;
  color: #252525;
  max-width: 515px;
  padding: 40px;
}

@media (max-width: 640px) {
  .newModalWindow {
    min-height: initial;
    right: 0;
    margin: 0 auto;
    left: 0;
    top: 50px;
  }
}

@media (max-width: 425px) {
  .newModalWindow {
    width: 100%;
    top: 50px;
  }
}

.newModalWindow .close-reveal-modal {
  width: 20px;
  height: 20px;
  background: url("/static/img/modals/close.svg") no-repeat center;
  top: 20px;
  left: 20px;
  color: #AAAAAA;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
}

.newModalWindow .modal-title {
  color: #252525;
  font: 400 3rem/3rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  margin-bottom: 17px;
  letter-spacing: normal;
}

.newModalWindow .text {
  color: #252525;
  text-align: center;
  margin: 0 0 10px 0;
}

.newModalWindow .errors {
  color: red;
  margin: 5px 0;
}

.newModalWindow .newModalWindow__item {
  position: relative;
  margin-bottom: 17px;
}

.newModalWindow .newModalWindow__item .newModalWindow__label {
  text-align: right;
  position: absolute;
  right: 15px;
  top: 20px;
  font-size: 18px;
  transition: all .1s ease;
  pointer-events: none;
}

.newModalWindow .newModalWindow__item .newModalWindow__label label {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: inherit;
  color: rgba(22, 22, 22, 0.5);
  margin: 0;
}

.newModalWindow .newModalWindow__item .newModalWindow__label--select {
  top: 1px;
  font-size: 12px !important;
  background: #fff;
  padding-top: 7px;
}

.newModalWindow .newModalWindow__item .newModalWindow__label--select label {
  color: #00816a;
}

.newModalWindow .newModalWindow__item input {
  min-height: 62px;
  height: 2.5rem;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #b5b5b5;
  padding: 33px 13px 10px;
  background: #fff;
  box-shadow: none;
  color: #424243;
  font: 1.125rem/1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 0;
  outline: none;
  vertical-align: middle;
  transition: all .3s ease;
}

.newModalWindow .newModalWindow__item input:focus, .newModalWindow .newModalWindow__item input:valid {
  border-color: #00978a;
}

.newModalWindow .newModalWindow__item input:-webkit-autofill ~ .newModalWindow__label {
  top: 8px;
  font-size: 14px;
}

.newModalWindow .newModalWindow__item input:-webkit-autofill ~ .newModalWindow__label label {
  color: #00816a;
}

.newModalWindow .newModalWindow__item input:focus ~ .newModalWindow__label,
.newModalWindow .newModalWindow__item input:valid ~ .newModalWindow__label {
  top: 8px;
  font-size: 14px;
}

.newModalWindow .newModalWindow__item input:focus ~ .newModalWindow__label label,
.newModalWindow .newModalWindow__item input:valid ~ .newModalWindow__label label {
  color: #00816a;
}

.newModalWindow .newModalWindow__item textarea {
  height: initial;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #b5b5b5;
  padding: 33px 13px 10px;
  background: #fff;
  box-shadow: none;
  color: #424243;
  font: 1.125rem/1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 0;
  outline: none;
  vertical-align: middle;
  transition: all .3s ease;
}

.newModalWindow .newModalWindow__item textarea:focus, .newModalWindow .newModalWindow__item textarea:valid {
  border-color: #00978a;
}

.newModalWindow .newModalWindow__item textarea.width-offset {
  padding-top: 50px;
}

.newModalWindow .newModalWindow__item textarea:-webkit-autofill + .newModalWindow__label {
  top: 12px;
  font-size: 14px;
}

.newModalWindow .newModalWindow__item textarea:-webkit-autofill + .newModalWindow__label label {
  color: #00816a;
}

.newModalWindow .newModalWindow__item textarea:focus + .newModalWindow__label,
.newModalWindow .newModalWindow__item textarea:valid + .newModalWindow__label {
  top: 12px;
  font-size: 14px;
}

.newModalWindow .newModalWindow__item textarea:focus + .newModalWindow__label label,
.newModalWindow .newModalWindow__item textarea:valid + .newModalWindow__label label {
  color: #00816a;
}

.newModalWindow .newModalWindow__item select {
  background: #ffffff url(../img/select-arrow.png) no-repeat;
  background-position: center left;
  min-height: 62px;
  height: 2.5rem;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #b5b5b5;
  padding: 26px 13px 10px;
  box-shadow: none;
  color: #424243;
  font: 1.125rem/1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 0;
  outline: none;
  vertical-align: middle;
  transition: all .3s ease;
}

.newModalWindow .newModalWindow__item select:focus, .newModalWindow .newModalWindow__item select:valid {
  border-color: #00978a;
}

.newModalWindow .newModalWindow__item select.ui-datepicker-month,
.newModalWindow .newModalWindow__item select.ui-datepicker-year {
  font-size: 14px !important;
  line-height: 14px !important;
  padding: 2px 4px 0 1.375rem;
}

.newModalWindow .newModalWindow__item select:focus + .newModalWindow__label,
.newModalWindow .newModalWindow__item select:valid + .newModalWindow__label {
  top: 1px;
  font-size: 14px;
}

.newModalWindow .newModalWindow__item select:focus + .newModalWindow__label label,
.newModalWindow .newModalWindow__item select:valid + .newModalWindow__label label {
  color: #00816a;
}

.newModalWindow .newModalWindow__item .error, .newModalWindow .newModalWindow__item .errors {
  color: red;
  margin: 5px 0;
  font-size: 14px;
}

.newModalWindow .newModalWindow__item--select-files p {
  color: #424243;
}

.newModalWindow .newModalWindow__item--select-area {
  background: #fff !important;
  height: 110px !important;
  overflow-y: auto;
}

.newModalWindow .newModalWindow__item--radio {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.newModalWindow .newModalWindow__item--radio .newModalWindow__label {
  position: static;
  order: 1;
  margin: 0 0 10px 0;
}

.newModalWindow .newModalWindow__item--radio .newModalWindow__label label {
  color: #1d1d1d;
}

.newModalWindow .newModalWindow__item--radio .error {
  order: 3;
}

.newModalWindow .newModalWindow__item--radio ul {
  list-style: none;
  margin: 0;
  order: 2;
}

.newModalWindow .newModalWindow__item--radio ul li {
  margin: 0 0 5px 0;
}

.newModalWindow .newModalWindow__item--radio ul li label {
  margin: 0;
  color: #1d1d1d;
}

.newModalWindow .newModalWindow__item--radio ul li input[type=radio] {
  width: 20px;
  height: 20px;
  background-color: #c6c6c6;
  border: solid 1px #c6c6c6;
  margin: 0 0 0 10px;
  min-height: initial;
}

.newModalWindow .newModalWindow__item--checkbox input[type=checkbox] {
  display: none;
}

.newModalWindow .newModalWindow__item--checkbox label {
  color: #1d1d1d;
  display: inline;
  opacity: 1;
  background: transparent;
  padding: 0 30px 0 0;
  position: relative;
  font-size: 16px;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  line-height: 22px;
}

.newModalWindow .newModalWindow__item--checkbox label:before {
  content: '';
  position: absolute;
  top: -3px;
  right: 0;
  height: 20px;
  width: 20px;
  margin: 0;
  vertical-align: middle;
  border-radius: 3px;
  background: transparent;
  border: solid 1px #c6c6c6;
  margin: 0 0 10px 10px;
}

.newModalWindow .newModalWindow__item--checkbox label a {
  color: #009e82;
  border-bottom: solid 1px #009e82;
}

.newModalWindow .newModalWindow__item--checkbox input[type=checkbox]:checked + label {
  background: transparent;
}

.newModalWindow .newModalWindow__item--checkbox input[type=checkbox]:focus + label {
  background: transparent;
}

.newModalWindow .newModalWindow__item--checkbox input[type=checkbox]:checked + label:before {
  background: url(../img/icons.png) -361px -121px #00b596;
  border: solid 1px #00b596;
}

.newModalWindow .newModalWindow__item--checkbox input[type=checkbox]:focus + label:before {
  background: url(../img/icons.png) -361px -121px #00b596;
  border: solid 1px #00b596;
}

.newModalWindow .newModalWindow__item .currency {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 18px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #848484;
}

.newModalWindow .newModalWindow__item .phone-wrapper {
  padding: 0;
}

.newModalWindow .newModalWindow__item .phone-wrapper select {
  border-width: 0px;
  margin: 0 0 0 10px;
  padding: 0 10px 0 27px;
  border-radius: 0px;
  width: 80px;
  position: absolute;
  bottom: 3px;
  right: 5px;
  height: 25px;
  min-height: initial;
}

.newModalWindow .newModalWindow__item .phone-wrapper input {
  padding: 33px 90px 0 13px;
}

.newModalWindow .newModalWindow__item .ui-datepicker {
  top: 62px !important;
  left: auto !important;
  right: 0 !important;
}

.newModalWindow .newModalWindow__item .ui-datepicker select {
  min-height: initial !important;
  width: 40% !important;
}

.newModalWindow .newLogin .newLogin-box {
  margin: 0;
  padding: 0;
}

.tooltip {
  background: #FFC832;
  font: 0.875rem/1rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  max-width: 12.5rem;
  min-width: 12.5rem;
  min-height: 3rem;
  color: #424243;
  border-radius: 9px;
}

.tooltip.tip-right > .nub {
  border: 10px solid;
  border-color: transparent transparent transparent #FFC832;
  right: -20px;
  margin-top: -10px;
}

.tooltip.tip-left > .nub {
  border: 10px solid;
  border-color: transparent #FFC832 transparent transparent;
  left: -20px;
  margin-top: -10px;
}

.tooltip.tip-top {
  margin: -8px -10px 0 0;
}

.tooltip.tip-top > .nub {
  border: 10px solid;
  border-color: #FFC832 transparent transparent transparent;
  right: 10px;
  margin-bottom: -10px;
}

.tooltip.tip-bottom {
  margin: 8px -10px 0 0;
}

.tooltip.tip-bottom > .nub {
  border: 10px solid;
  border-color: transparent transparent #FFC832 transparent;
  right: 10px;
  margin-top: -10px;
}

.icon-help {
  display: inline-block;
  border-radius: 50%;
  font: 0.875rem/1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  background: #ffffff;
  color: #14817a;
  width: 1rem;
  height: 1rem;
  text-align: center;
  margin: 0 5px;
  position: relative;
}

.icon-help:after {
  content: '?';
}

.icon-help:hover {
  color: #116b65;
}

.icon-help.has-tip {
  border: none;
}

.icon-help.yellow {
  background: #FFC832;
  color: #424243;
}

.icon-help.yellow:hover {
  color: #000;
}

.has-tip {
  color: #424243;
  font-weight: 400;
}

.has-tip:hover, .has-tip:active, .has-tip:focus {
  color: #332622;
}

.orbit-container .orbit-timer {
  display: none;
}

.orbit-container .orbit-slides-container img {
  height: auto !important;
  width: 100% !important;
}

.orbit-container .orbit-slides-container li > div.row > div > span.icons.bank > img {
  height: 45px !important;
  width: auto !important;
  max-width: none !important;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
  background: transparent;
}

.orbit-container:hover .orbit-prev, .orbit-container:hover .orbit-next, .orbit-container:active .orbit-prev, .orbit-container:active .orbit-next, .orbit-container:focus .orbit-prev, .orbit-container:focus .orbit-next {
  display: block;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
  display: none;
  height: 69px;
  right: auto;
  margin-top: -28px;
  padding: 8px 4px;
  left: 1.3rem;
  top: 50%;
  width: 26px;
}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-prev:active, .orbit-container .orbit-prev:focus, .orbit-container .orbit-next:hover, .orbit-container .orbit-next:active, .orbit-container .orbit-next:focus {
  background-color: rgba(66, 66, 67, 0.4);
}

.orbit-container .orbit-prev span, .orbit-container .orbit-next span {
  background: url(../img/icons.png) no-repeat transparent;
  border: none;
  height: 53px;
  margin: 0;
  position: static;
  width: 18px;
  background-position: -200px 0;
}

.orbit-container .orbit-prev {
  right: 1.3rem;
}

.orbit-container .orbit-prev span {
  background-position: -240px 0;
}

.orbit-container .orbit-bullets-container {
  bottom: 0;
  right: 0;
  position: absolute;
  left: 0;
  z-index: 100;
}

.orbit-container .orbit-bullets-container .orbit-bullets {
  display: block;
  list-style: none;
  line-height: 0;
  margin: 0 auto;
  position: static;
  width: 100%;
}

.orbit-container .orbit-bullets-container .orbit-bullets:before, .orbit-container .orbit-bullets-container .orbit-bullets:after {
  content: " ";
  display: table;
}

.orbit-container .orbit-bullets-container .orbit-bullets:after {
  clear: both;
}

.orbit-container .orbit-bullets-container .orbit-bullets li {
  background: #424243;
  border-radius: 0;
  height: 5px;
  margin: 0;
  width: 9.09%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li.active {
  background: #ce2029;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(1) {
  width: 100%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(2),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(3),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(3) ~ li {
  width: 33.33333%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(4),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(5),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(6),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(6) ~ li {
  width: 16.66667%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(7),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(7) ~ li {
  width: 14.28571%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(8),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(9),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(9) ~ li {
  width: 11.11111%;
}

.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(10),
.orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}

/* adaptive */
/*320!!!*/
@media only screen and (max-width: 40em) {
  .orbit-container .orbit-prev {
    right: .5rem;
  }
  .orbit-container .orbit-next {
    left: .5rem;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .orbit-container .orbit-prev, .orbit-container .orbit-next {
    display: none !important;
  }
  .orbit-container .orbit-bullets-container {
    bottom: 5px;
    opacity: .7;
  }
}

.main.frontpage {
  /* adaptive */
  /*320!!!*/
  /*320!!!*/
}

.main.frontpage .orbit-container .orbit-timer {
  display: none;
}

.main.frontpage .orbit-container .orbit-slides-container img {
  height: auto !important;
  width: 100%;
}

.main.frontpage .orbit-container .orbit-slides-container > * .orbit-caption {
  background: transparent;
}

.main.frontpage .orbit-container:hover .orbit-prev, .main.frontpage .orbit-container:hover .orbit-next, .main.frontpage .orbit-container:active .orbit-prev, .main.frontpage .orbit-container:active .orbit-next, .main.frontpage .orbit-container:focus .orbit-prev, .main.frontpage .orbit-container:focus .orbit-next {
  display: block;
}

.main.frontpage .orbit-container .orbit-prev {
  padding: 8px 0;
}

.main.frontpage .orbit-container .orbit-prev:after {
  right: -20px;
}

.main.frontpage .orbit-container .orbit-next {
  padding: 8px 12px;
}

.main.frontpage .orbit-container .orbit-next:after {
  left: -20px;
}

.main.frontpage .orbit-container .orbit-prev, .main.frontpage .orbit-container .orbit-next {
  margin: 0;
  display: none;
  top: initial;
  height: calc(100% - 202px);
  right: auto;
  left: 0;
  padding-top: 13%;
  width: 90px;
  position: absolute;
  background-color: transparent;
  bottom: 0;
}

.main.frontpage .orbit-container .orbit-prev:hover, .main.frontpage .orbit-container .orbit-prev:active, .main.frontpage .orbit-container .orbit-prev:focus, .main.frontpage .orbit-container .orbit-next:hover, .main.frontpage .orbit-container .orbit-next:active, .main.frontpage .orbit-container .orbit-next:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

.main.frontpage .orbit-container .orbit-prev span, .main.frontpage .orbit-container .orbit-next span {
  background: url(../img/icons.png) no-repeat transparent;
  border: none;
  width: 18px;
  height: 53px;
  margin: 0 auto;
  position: absolute;
  right: 50%;
  margin-right: -9px;
  top: 50%;
  margin-top: -25px;
  background-position: -200px 0;
}

.main.frontpage .orbit-container .orbit-prev {
  right: 0;
}

.main.frontpage .orbit-container .orbit-prev span {
  background-position: -240px 0;
}

.main.frontpage .orbit-container .orbit-bullets-container {
  bottom: 10px;
  left: inherit;
  position: absolute;
  z-index: 100;
  /*320!!!*/
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets {
  display: block;
  list-style: none;
  line-height: 0;
  margin: 0 auto;
  position: static;
  width: 100%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets:before, .main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets:after {
  content: " ";
  display: table;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets:after {
  clear: both;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li {
  background-color: #fff;
  border-radius: 50%;
  height: 12px;
  margin: 0;
  margin-left: 8px;
  width: 12px !important;
  box-sizing: content-box;
  vertical-align: middle;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(1) {
  width: 100%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(2),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(3),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(3) ~ li {
  width: 33.33333%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(4),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(5),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(6),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(6) ~ li {
  width: 16.66667%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(7),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(7) ~ li {
  width: 14.28571%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(8),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(9),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(9) ~ li {
  width: 11.11111%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(10),
.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li:first-child:nth-last-child(10) ~ li {
  width: 10%;
}

.main.frontpage .orbit-container .orbit-bullets-container .orbit-bullets li.active {
  background-color: transparent;
  border: 2px solid #fff;
}

.main.frontpage .orbit-container .orbit-bullets-container .background--dark li {
  background-color: #fff;
}

.main.frontpage .orbit-container .orbit-bullets-container .background--dark li.active {
  background-color: transparent;
  border: 2px solid #fff;
}

.main.frontpage .orbit-container .orbit-bullets-container .background--light li {
  background-color: #bbb;
}

.main.frontpage .orbit-container .orbit-bullets-container .background--light li.active {
  background-color: transparent;
  border: 2px solid #aaa;
}

@media only screen and (max-width: 30em) {
  .main.frontpage .orbit-container .orbit-bullets-container {
    display: none;
  }
}

@media only screen and (max-width: 40em) {
  .main.frontpage .orbit-container .orbit-prev {
    right: .5rem;
  }
  .main.frontpage .orbit-container .orbit-next {
    left: .5rem;
  }
}

@media only screen and (max-width: 30em) {
  .main.frontpage .orbit-container .orbit-prev, .main.frontpage .orbit-container .orbit-next {
    display: none !important;
  }
  .main.frontpage .orbit-container .orbit-bullets-container {
    opacity: .7;
  }
}

.small-payment-icon {
  border: 2px solid #14817a;
  border-radius: 5px;
  width: 77px;
  height: 44px;
  overflow: hidden;
  vertical-align: top;
  background-size: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.small-payment-icon:hover, .small-payment-icon:focus, .small-payment-icon:active {
  border-color: #FFC832;
}

.small-payment-icon.monetaru_moneymailru {
  background-color: #168de2;
}

.small-payment-icon.payco {
  background-color: #1985C8;
}

.big-payment-icon {
  background: url(../img/payments_no_background.png) no-repeat;
  height: 45px;
  /*mobile*/
  /*online banks*/
}

.big-payment-icon.visa {
  background-position: center 0;
  width: 53px;
}

.big-payment-icon.visa:hover, .big-payment-icon.visa:active, .big-payment-icon.visa:focus {
  background-position: center -45px;
}

.big-payment-icon.mastercard {
  background-position: center -90px;
  width: 55px;
}

.big-payment-icon.mastercard:hover, .big-payment-icon.mastercard:active, .big-payment-icon.mastercard:focus {
  background-position: center -135px;
}

.big-payment-icon.yandex {
  background-position: center -180px;
  width: 74px;
}

.big-payment-icon.yandex:hover, .big-payment-icon.yandex:active, .big-payment-icon.yandex:focus {
  background-position: center -225px;
}

.big-payment-icon.webmoney {
  background-position: center -270px;
  width: 44px;
}

.big-payment-icon.webmoney:hover, .big-payment-icon.webmoney:active, .big-payment-icon.webmoney:focus {
  background-position: center -315px;
}

.big-payment-icon.qiwi {
  background-position: center -360px;
  width: 28px;
}

.big-payment-icon.qiwi:hover, .big-payment-icon.qiwi:active, .big-payment-icon.qiwi:focus {
  background-position: center -405px;
}

.big-payment-icon.wupay {
  background-position: center -450px;
  width: 68px;
}

.big-payment-icon.wupay:hover, .big-payment-icon.wupay:active, .big-payment-icon.wupay:focus {
  background-position: center -495px;
}

.big-payment-icon.elexnet {
  background-position: center -540px;
  width: 48px;
}

.big-payment-icon.elexnet:hover, .big-payment-icon.elexnet:active, .big-payment-icon.elexnet:focus {
  background-position: center -585px;
}

.big-payment-icon.handybank {
  background-position: center -630px;
  width: 129px;
}

.big-payment-icon.handybank:hover, .big-payment-icon.handybank:active, .big-payment-icon.handybank:focus {
  background-position: center -675px;
}

.big-payment-icon.rbk {
  background-position: center -720px;
  width: 57px;
}

.big-payment-icon.rbk:hover, .big-payment-icon.rbk:active, .big-payment-icon.rbk:focus {
  background-position: center -765px;
}

.big-payment-icon.geotrust {
  background-position: center -810px;
  width: 101px;
}

.big-payment-icon.geotrust:hover, .big-payment-icon.geotrust:active, .big-payment-icon.geotrust:focus {
  background-position: center -855px;
}

.big-payment-icon.skrill {
  background-position: center -900px;
  width: 56px;
}

.big-payment-icon.skrill:hover, .big-payment-icon.skrill:active, .big-payment-icon.skrill:focus {
  background-position: center -945px;
}

.big-payment-icon.perfect-money {
  background-position: center -990px;
  width: 100px;
}

.big-payment-icon.perfect-money:hover, .big-payment-icon.perfect-money:active, .big-payment-icon.perfect-money:focus {
  background-position: center -1034px;
}

.big-payment-icon.liqpay {
  background-position: center -1080px;
  width: 77px;
}

.big-payment-icon.liqpay:hover, .big-payment-icon.liqpay:active, .big-payment-icon.liqpay:focus {
  background-position: center -1125px;
}

.big-payment-icon.okpay {
  background-position: center -1170px;
  width: 68px;
}

.big-payment-icon.okpay:hover, .big-payment-icon.okpay:active, .big-payment-icon.okpay:focus {
  background-position: center -1215px;
}

.big-payment-icon.unionpay {
  background-position: center -1260px;
  width: 52px;
}

.big-payment-icon.unionpay:hover, .big-payment-icon.unionpay:active, .big-payment-icon.unionpay:focus {
  background-position: center -1305px;
}

.big-payment-icon.fastpost {
  background-position: center -1350px;
  width: 117px;
}

.big-payment-icon.fastpost:hover, .big-payment-icon.fastpost:active, .big-payment-icon.fastpost:focus {
  background-position: center -1395px;
}

.big-payment-icon.monetaru_mobile {
  background-position: center -1440px;
  width: 70px;
}

.big-payment-icon.monetaru_mobile:hover, .big-payment-icon.monetaru_mobile:active, .big-payment-icon.monetaru_mobile:focus {
  background-position: center -1485px;
}

.big-payment-icon.monetaru_alfaclick {
  background-position: center -1620px;
  width: 103px;
}

.big-payment-icon.monetaru_alfaclick:hover, .big-payment-icon.monetaru_alfaclick:active, .big-payment-icon.monetaru_alfaclick:focus {
  background-position: center -1665px;
}

.big-payment-icon.monetaru_sberbank {
  background-position: center -1710px;
  width: 92px;
}

.big-payment-icon.monetaru_sberbank:hover, .big-payment-icon.monetaru_sberbank:active, .big-payment-icon.monetaru_sberbank:focus {
  background-position: center -1755px;
}

.big-payment-icon.monetaru_qbank {
  background-position: center -1890px;
  width: 79px;
}

.big-payment-icon.monetaru_qbank:hover, .big-payment-icon.monetaru_qbank:active, .big-payment-icon.monetaru_qbank:focus {
  background-position: center -1935px;
}

.big-payment-icon.monetaru_monetaru {
  background-position: center -1800px;
  width: 93px;
}

.big-payment-icon.monetaru_monetaru:hover, .big-payment-icon.monetaru_monetaru:active, .big-payment-icon.monetaru_monetaru:focus {
  background-position: center -1845px;
}

.big-payment-icon.monetaru_moneymailru {
  background-position: center -1530px;
  width: 112px;
}

.big-payment-icon.monetaru_moneymailru:hover, .big-payment-icon.monetaru_moneymailru:active, .big-payment-icon.monetaru_moneymailru:focus {
  background-position: center -1575px;
}

.big-payment-icon.neteller {
  background-position: center -1980px;
  width: 86px;
}

.big-payment-icon.neteller:hover, .big-payment-icon.neteller:active, .big-payment-icon.neteller:focus {
  background-position: center -2025px;
}

.big-payment-icon.fasapay {
  background-position: center -2070px;
  width: 110px;
}

.big-payment-icon.fasapay:hover, .big-payment-icon.fasapay:active, .big-payment-icon.fasapay:focus {
  background-position: center -2116px;
}

.big-payment-icon.bankidr {
  background-position: center -2529px;
  width: 110px;
}

.big-payment-icon.bankidr:hover, .big-payment-icon.bankidr:active, .big-payment-icon.bankidr:focus {
  background-position: center -2575px;
}

.big-payment-icon img {
  height: 80%;
  filter: grayscale(1);
}

.big-payment-icon:hover img {
  filter: grayscale(0);
}

.icon-account-type {
  width: 93px;
  height: 93px;
  background: url(../img/accounts.png) #FFC832;
  border-radius: 50%;
  display: inline-block;
  /*320!!!*/
  /*320!!!*/
}

.icon-account-type.micro {
  background-position: center 0;
}

.icon-account-type.standard {
  background-position: center -96px;
}

.icon-account-type.ecn {
  background-position: center -192px;
}

.icon-account-type.fx {
  background-position: center -288px;
}

.icon-account-type.sf {
  background-position: center -384px;
}

.icon-account-type.options {
  background-position: center -480px;
}

.icon-account-type.cqg {
  background-position: center -576px;
}

.icon-account-type.pamminvestor {
  background-image: url(../img/my-accounts.png);
  background-position: center -1230px;
}

.icon-account-type.pammmaster {
  background-image: url(../img/my-accounts.png);
  background-position: center -1380px;
}

.icon-account-type.crypto {
  background-image: url(../img/c-icon.png);
  background-position: center -133px;
}

@media only screen and (max-width: 30em) {
  .icon-account-type {
    background-size: 173px 2038px;
    height: 74px;
    width: 74px;
  }
  .icon-account-type.micro {
    background-position: center -5px;
  }
  .icon-account-type.standard {
    background-position: center -90px;
  }
  .icon-account-type.ecn {
    background-position: center -176px;
  }
  .icon-account-type.fx {
    background-position: center -263px;
  }
  .icon-account-type.sf {
    background-position: center -349px;
  }
  .icon-account-type.options {
    background-position: center -435px;
  }
  .icon-account-type.cqg {
    background-position: center -522px;
  }
  .icon-account-type.crypto {
    background-position: center -142px;
    background-size: 173px 242px;
  }
}

.icon-account-type.small {
  height: 60px;
  width: 60px;
  /*320!!!*/
}

.icon-account-type.small.micro {
  background-position: center -781px;
}

.icon-account-type.small.standard {
  background-position: center -845px;
}

.icon-account-type.small.ecn {
  background-position: center -907px;
}

.icon-account-type.small.fx {
  background-position: center -971px;
}

.icon-account-type.small.sf {
  background-position: center -1034px;
}

.icon-account-type.small.options {
  background-position: center -1096px;
}

.icon-account-type.small.cqg {
  background-position: center -1050px;
}

.icon-account-type.small.crypto {
  background-position: center -150px;
}

.icon-account-type.small.mt5 {
  background-position: center -1230px;
}

.icon-account-type.small.ramm {
  background-position: center -2892px;
}

@media only screen and (max-width: 30em) {
  .icon-account-type.small {
    height: 45px;
    width: 45px;
  }
  .icon-account-type.small.micro {
    background-position: center -609px;
  }
  .icon-account-type.small.standard {
    background-position: center -666px;
  }
  .icon-account-type.small.ecn {
    background-position: center -722px;
  }
  .icon-account-type.small.fx {
    background-position: center -779px;
  }
  .icon-account-type.small.sf {
    background-position: center -836px;
  }
  .icon-account-type.small.options {
    background-position: center -893px;
  }
  .icon-account-type.small.cqg {
    background-position: center -950px;
  }
}

.icon-account-type.x-small, .icon-account-type.large {
  background-size: auto auto;
}

.icon-account-type.x-small {
  height: 50px;
  width: 50px;
}

.icon-account-type.x-small.micro {
  background-position: center -787px;
}

.icon-account-type.x-small.standard {
  background-position: center -850px;
}

.icon-account-type.x-small.ecn {
  background-position: center -911px;
}

.icon-account-type.x-small.fx {
  background-position: center -867px;
}

.icon-account-type.x-small.sf {
  background-position: center -1038px;
}

.icon-account-type.x-small.options {
  background-position: center -993px;
}

.icon-account-type.x-small.cqg {
  background-position: center -1055px;
}

.icon-account-type.large {
  height: 192px;
  width: 192px;
}

.icon-account-type.large.micro {
  background-position: 100% -1110px;
}

.icon-account-type.large.standard {
  background-position: 100% -1302px;
}

.icon-account-type.large.ecn {
  background-position: 100% -1878px;
}

.icon-account-type.large.fx {
  background-position: 100% -1494px;
}

.icon-account-type.large.sf {
  background-position: 100% -1686px;
}

.icon-account-type.large.options {
  background-position: 100% -2070px;
}

@media only screen and (max-width: 30em) {
  .icon-account-type.x-small, .icon-account-type.large {
    background-size: auto auto;
  }
  .icon-account-type.x-small {
    height: 50px;
    width: 50px;
  }
  .icon-account-type.x-small.micro {
    background-position: center -679px;
  }
  .icon-account-type.x-small.standard {
    background-position: center -741px;
  }
  .icon-account-type.x-small.ecn {
    background-position: center -802px;
  }
  .icon-account-type.x-small.fx {
    background-position: center -867px;
  }
  .icon-account-type.x-small.sf {
    background-position: center -930px;
  }
  .icon-account-type.x-small.options {
    background-position: center -993px;
  }
  .icon-account-type.x-small.cqg {
    background-position: center -1055px;
  }
  .icon-account-type.large {
    height: 192px;
    width: 192px;
  }
  .icon-account-type.large.micro {
    background-position: 100% -1110px;
  }
  .icon-account-type.large.standard {
    background-position: 100% -1302px;
  }
  .icon-account-type.large.ecn {
    background-position: 100% -1878px;
  }
  .icon-account-type.large.fx {
    background-position: 100% -1494px;
  }
  .icon-account-type.large.sf {
    background-position: 100% -1686px;
  }
  .icon-account-type.large.options {
    background-position: 100% -2070px;
  }
}

.my-icon-account-type {
  width: 150px;
  height: 150px;
  background: url(../img/my-accounts.png) #FFC832;
  border-radius: 50%;
  display: inline-block;
}

.my-icon-account-type.micro {
  background-position: 100% 0;
}

.my-icon-account-type.standard {
  background-position: 100% -150px;
}

.my-icon-account-type.ecn {
  background-position: 100% -600px;
}

.my-icon-account-type.fx {
  background-position: 100% -300px;
}

.my-icon-account-type.sf {
  background-position: 100% -450px;
}

.my-icon-account-type.options {
  background-position: 100% -750px;
}

.my-icon-account-type.invest {
  background: url(../img/my-accounts.png) 100% -900px;
  border: 3px solid #FFC832;
}

.my-icon-account-type.partner {
  background: url(../img/my-accounts.png) 100% -1050px;
  border: 3px solid #FFC832;
}

.flag-large {
  background: url(../img/flags-large.png);
}

.flag-large.australia {
  width: 90px;
  height: 45px;
  background-position: 100% 0;
}

.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url(../img/flags.png) no-repeat;
}

.flag.flag-ad {
  background-position: -16px -0px;
}

.flag.flag-ae {
  background-position: -32px -0px;
}

.flag.flag-af {
  background-position: -48px -0px;
}

.flag.flag-ag {
  background-position: -64px -0px;
}

.flag.flag-ai {
  background-position: -80px -0px;
}

.flag.flag-al {
  background-position: -96px -0px;
}

.flag.flag-am {
  background-position: -112px -0px;
}

.flag.flag-an {
  background-position: -128px -0px;
}

.flag.flag-ao {
  background-position: -144px -0px;
}

.flag.flag-ar {
  background-position: -160px -0px;
}

.flag.flag-as {
  background-position: -176px -0px;
}

.flag.flag-at {
  background-position: -192px -0px;
}

.flag.flag-au {
  background-position: -208px -0px;
}

.flag.flag-aw {
  background-position: -224px -0px;
}

.flag.flag-az {
  background-position: -240px -0px;
}

.flag.flag-ba {
  background-position: -0px -11px;
}

.flag.flag-bb {
  background-position: -16px -11px;
}

.flag.flag-bd {
  background-position: -32px -11px;
}

.flag.flag-be {
  background-position: -48px -11px;
}

.flag.flag-bf {
  background-position: -64px -11px;
}

.flag.flag-bg {
  background-position: -80px -11px;
}

.flag.flag-bh {
  background-position: -96px -11px;
}

.flag.flag-bi {
  background-position: -112px -11px;
}

.flag.flag-bj {
  background-position: -128px -11px;
}

.flag.flag-bm {
  background-position: -144px -11px;
}

.flag.flag-bn {
  background-position: -160px -11px;
}

.flag.flag-bo {
  background-position: -176px -11px;
}

.flag.flag-br {
  background-position: -192px -11px;
}

.flag.flag-bs {
  background-position: -208px -11px;
}

.flag.flag-bt {
  background-position: -224px -11px;
}

.flag.flag-bv {
  background-position: -240px -11px;
}

.flag.flag-bw {
  background-position: -0px -22px;
}

.flag.flag-by {
  background-position: -16px -22px;
}

.flag.flag-bz {
  background-position: -32px -22px;
}

.flag.flag-ca {
  background-position: -48px -22px;
}

.flag.flag-catalonia {
  background-position: -64px -22px;
}

.flag.flag-cd {
  background-position: -80px -22px;
}

.flag.flag-cf {
  background-position: -96px -22px;
}

.flag.flag-cg {
  background-position: -112px -22px;
}

.flag.flag-ch {
  background-position: -128px -22px;
}

.flag.flag-ci {
  background-position: -144px -22px;
}

.flag.flag-ck {
  background-position: -160px -22px;
}

.flag.flag-cl {
  background-position: -176px -22px;
}

.flag.flag-cm {
  background-position: -192px -22px;
}

.flag.flag-cn {
  background-position: -208px -22px;
}

.flag.flag-co {
  background-position: -224px -22px;
}

.flag.flag-cr {
  background-position: -240px -22px;
}

.flag.flag-cu {
  background-position: -0px -33px;
}

.flag.flag-cv {
  background-position: -16px -33px;
}

.flag.flag-cy {
  background-position: -32px -33px;
}

.flag.flag-cz {
  background-position: -48px -33px;
}

.flag.flag-de {
  background-position: -64px -33px;
}

.flag.flag-dj {
  background-position: -80px -33px;
}

.flag.flag-dk {
  background-position: -96px -33px;
}

.flag.flag-dm {
  background-position: -112px -33px;
}

.flag.flag-do {
  background-position: -128px -33px;
}

.flag.flag-dz {
  background-position: -144px -33px;
}

.flag.flag-ec {
  background-position: -160px -33px;
}

.flag.flag-ee {
  background-position: -176px -33px;
}

.flag.flag-eg {
  background-position: -192px -33px;
}

.flag.flag-eh {
  background-position: -208px -33px;
}

.flag.flag-england {
  background-position: -224px -33px;
}

.flag.flag-er {
  background-position: -240px -33px;
}

.flag.flag-es {
  background-position: -0px -44px;
}

.flag.flag-et {
  background-position: -16px -44px;
}

.flag.flag-eu {
  background-position: -32px -44px;
}

.flag.flag-fi {
  background-position: -48px -44px;
}

.flag.flag-fj {
  background-position: -64px -44px;
}

.flag.flag-fk {
  background-position: -80px -44px;
}

.flag.flag-fm {
  background-position: -96px -44px;
}

.flag.flag-fo {
  background-position: -112px -44px;
}

.flag.flag-fr {
  background-position: -128px -44px;
}

.flag.flag-ga {
  background-position: -144px -44px;
}

.flag.flag-gb {
  background-position: -160px -44px;
}

.flag.flag-gd {
  background-position: -176px -44px;
}

.flag.flag-ge {
  background-position: -192px -44px;
}

.flag.flag-gf {
  background-position: -208px -44px;
}

.flag.flag-gh {
  background-position: -224px -44px;
}

.flag.flag-gi {
  background-position: -240px -44px;
}

.flag.flag-gl {
  background-position: -0px -55px;
}

.flag.flag-gm {
  background-position: -16px -55px;
}

.flag.flag-gn {
  background-position: -32px -55px;
}

.flag.flag-gp {
  background-position: -48px -55px;
}

.flag.flag-gq {
  background-position: -64px -55px;
}

.flag.flag-gr {
  background-position: -80px -55px;
}

.flag.flag-gs {
  background-position: -96px -55px;
}

.flag.flag-gt {
  background-position: -112px -55px;
}

.flag.flag-gu {
  background-position: -128px -55px;
}

.flag.flag-gw {
  background-position: -144px -55px;
}

.flag.flag-gy {
  background-position: -160px -55px;
}

.flag.flag-hk {
  background-position: -176px -55px;
}

.flag.flag-hm {
  background-position: -192px -55px;
}

.flag.flag-hn {
  background-position: -208px -55px;
}

.flag.flag-hr {
  background-position: -224px -55px;
}

.flag.flag-ht {
  background-position: -240px -55px;
}

.flag.flag-hu {
  background-position: -0px -66px;
}

.flag.flag-id {
  background-position: -16px -66px;
}

.flag.flag-ie {
  background-position: -32px -66px;
}

.flag.flag-il {
  background-position: -48px -66px;
}

.flag.flag-in {
  background-position: -64px -66px;
}

.flag.flag-io {
  background-position: -80px -66px;
}

.flag.flag-iq {
  background-position: -96px -66px;
}

.flag.flag-ir {
  background-position: -112px -66px;
}

.flag.flag-is {
  background-position: -128px -66px;
}

.flag.flag-it {
  background-position: -144px -66px;
}

.flag.flag-jm {
  background-position: -160px -66px;
}

.flag.flag-jo {
  background-position: -176px -66px;
}

.flag.flag-jp {
  background-position: -192px -66px;
}

.flag.flag-ke {
  background-position: -208px -66px;
}

.flag.flag-kg {
  background-position: -224px -66px;
}

.flag.flag-kh {
  background-position: -240px -66px;
}

.flag.flag-ki {
  background-position: -0px -77px;
}

.flag.flag-km {
  background-position: -16px -77px;
}

.flag.flag-kn {
  background-position: -32px -77px;
}

.flag.flag-kp {
  background-position: -48px -77px;
}

.flag.flag-kr {
  background-position: -64px -77px;
}

.flag.flag-kw {
  background-position: -80px -77px;
}

.flag.flag-ky {
  background-position: -96px -77px;
}

.flag.flag-kz {
  background-position: -112px -77px;
}

.flag.flag-la {
  background-position: -128px -77px;
}

.flag.flag-lb {
  background-position: -144px -77px;
}

.flag.flag-lc {
  background-position: -160px -77px;
}

.flag.flag-li {
  background-position: -176px -77px;
}

.flag.flag-lk {
  background-position: -192px -77px;
}

.flag.flag-lr {
  background-position: -208px -77px;
}

.flag.flag-ls {
  background-position: -224px -77px;
}

.flag.flag-lt {
  background-position: -240px -77px;
}

.flag.flag-lu {
  background-position: -0px -88px;
}

.flag.flag-lv {
  background-position: -16px -88px;
}

.flag.flag-ly {
  background-position: -32px -88px;
}

.flag.flag-ma {
  background-position: -48px -88px;
}

.flag.flag-mc {
  background-position: -64px -88px;
}

.flag.flag-md {
  background-position: -80px -88px;
}

.flag.flag-me {
  background-position: -96px -88px;
}

.flag.flag-mg {
  background-position: -112px -88px;
}

.flag.flag-mh {
  background-position: -128px -88px;
}

.flag.flag-mk {
  background-position: -144px -88px;
}

.flag.flag-ml {
  background-position: -160px -88px;
}

.flag.flag-mm {
  background-position: -176px -88px;
}

.flag.flag-mn {
  background-position: -192px -88px;
}

.flag.flag-mo {
  background-position: -208px -88px;
}

.flag.flag-mp {
  background-position: -224px -88px;
}

.flag.flag-mq {
  background-position: -240px -88px;
}

.flag.flag-mr {
  background-position: -0px -99px;
}

.flag.flag-ms {
  background-position: -16px -99px;
}

.flag.flag-mt {
  background-position: -32px -99px;
}

.flag.flag-mu {
  background-position: -48px -99px;
}

.flag.flag-mv {
  background-position: -64px -99px;
}

.flag.flag-mw {
  background-position: -80px -99px;
}

.flag.flag-mx {
  background-position: -96px -99px;
}

.flag.flag-my {
  background-position: -112px -99px;
}

.flag.flag-mz {
  background-position: -128px -99px;
}

.flag.flag-na {
  background-position: -144px -99px;
}

.flag.flag-nc {
  background-position: -160px -99px;
}

.flag.flag-ne {
  background-position: -176px -99px;
}

.flag.flag-nf {
  background-position: -192px -99px;
}

.flag.flag-ng {
  background-position: -208px -99px;
}

.flag.flag-ni {
  background-position: -224px -99px;
}

.flag.flag-nl {
  background-position: -240px -99px;
}

.flag.flag-no {
  background-position: -0px -110px;
}

.flag.flag-np {
  background-position: -16px -110px;
}

.flag.flag-nr {
  background-position: -32px -110px;
}

.flag.flag-nu {
  background-position: -48px -110px;
}

.flag.flag-nz {
  background-position: -64px -110px;
}

.flag.flag-om {
  background-position: -80px -110px;
}

.flag.flag-pa {
  background-position: -96px -110px;
}

.flag.flag-pe {
  background-position: -112px -110px;
}

.flag.flag-pf {
  background-position: -128px -110px;
}

.flag.flag-pg {
  background-position: -144px -110px;
}

.flag.flag-ph {
  background-position: -160px -110px;
}

.flag.flag-pk {
  background-position: -176px -110px;
}

.flag.flag-pl {
  background-position: -192px -110px;
}

.flag.flag-pm {
  background-position: -208px -110px;
}

.flag.flag-pn {
  background-position: -224px -110px;
}

.flag.flag-pr {
  background-position: -240px -110px;
}

.flag.flag-ps {
  background-position: -0px -121px;
}

.flag.flag-pt {
  background-position: -16px -121px;
}

.flag.flag-pw {
  background-position: -32px -121px;
}

.flag.flag-py {
  background-position: -48px -121px;
}

.flag.flag-qa {
  background-position: -64px -121px;
}

.flag.flag-re {
  background-position: -80px -121px;
}

.flag.flag-ro {
  background-position: -96px -121px;
}

.flag.flag-rs {
  background-position: -112px -121px;
}

.flag.flag-ru {
  background-position: -128px -121px;
}

.flag.flag-rw {
  background-position: -144px -121px;
}

.flag.flag-sa {
  background-position: -160px -121px;
}

.flag.flag-sb {
  background-position: -176px -121px;
}

.flag.flag-sc {
  background-position: -192px -121px;
}

.flag.flag-scotland {
  background-position: -208px -121px;
}

.flag.flag-sd {
  background-position: -224px -121px;
}

.flag.flag-se {
  background-position: -240px -121px;
}

.flag.flag-sg {
  background-position: -0px -132px;
}

.flag.flag-sh {
  background-position: -16px -132px;
}

.flag.flag-si {
  background-position: -32px -132px;
}

.flag.flag-sk {
  background-position: -48px -132px;
}

.flag.flag-sl {
  background-position: -64px -132px;
}

.flag.flag-sm {
  background-position: -80px -132px;
}

.flag.flag-sn {
  background-position: -96px -132px;
}

.flag.flag-so {
  background-position: -112px -132px;
}

.flag.flag-sr {
  background-position: -128px -132px;
}

.flag.flag-st {
  background-position: -144px -132px;
}

.flag.flag-sv {
  background-position: -160px -132px;
}

.flag.flag-sy {
  background-position: -176px -132px;
}

.flag.flag-sz {
  background-position: -192px -132px;
}

.flag.flag-tc {
  background-position: -208px -132px;
}

.flag.flag-td {
  background-position: -224px -132px;
}

.flag.flag-tf {
  background-position: -240px -132px;
}

.flag.flag-tg {
  background-position: -0px -143px;
}

.flag.flag-th {
  background-position: -16px -143px;
}

.flag.flag-tj {
  background-position: -32px -143px;
}

.flag.flag-tk {
  background-position: -48px -143px;
}

.flag.flag-tl {
  background-position: -64px -143px;
}

.flag.flag-tm {
  background-position: -80px -143px;
}

.flag.flag-tn {
  background-position: -96px -143px;
}

.flag.flag-to {
  background-position: -112px -143px;
}

.flag.flag-tr {
  background-position: -128px -143px;
}

.flag.flag-tt {
  background-position: -144px -143px;
}

.flag.flag-tv {
  background-position: -160px -143px;
}

.flag.flag-tw {
  background-position: -176px -143px;
}

.flag.flag-tz {
  background-position: -192px -143px;
}

.flag.flag-ua {
  background-position: -208px -143px;
}

.flag.flag-ug {
  background-position: -224px -143px;
}

.flag.flag-um {
  background-position: -240px -143px;
}

.flag.flag-us {
  background-position: -0px -154px;
}

.flag.flag-uy {
  background-position: -16px -154px;
}

.flag.flag-uz {
  background-position: -32px -154px;
}

.flag.flag-va {
  background-position: -48px -154px;
}

.flag.flag-vc {
  background-position: -64px -154px;
}

.flag.flag-ve {
  background-position: -80px -154px;
}

.flag.flag-vg {
  background-position: -96px -154px;
}

.flag.flag-vi {
  background-position: -112px -154px;
}

.flag.flag-vn {
  background-position: -128px -154px;
}

.flag.flag-vu {
  background-position: -144px -154px;
}

.flag.flag-wales {
  background-position: -160px -154px;
}

.flag.flag-wf {
  background-position: -176px -154px;
}

.flag.flag-ws {
  background-position: -192px -154px;
}

.flag.flag-ye {
  background-position: -208px -154px;
}

.flag.flag-yt {
  background-position: -224px -154px;
}

.flag.flag-za {
  background-position: -240px -154px;
}

.flag.flag-zm {
  background-position: -0px -165px;
}

.flag.flag-zw {
  background-position: -16px -165px;
}

.flag-med {
  width: 25px;
  height: 15px;
  display: inline-block;
  background: url(../img/flags-med.png) no-repeat;
}

.flag-med.flag-ad {
  background-position: -25px 0;
}

.flag-med.flag-ae {
  background-position: -50px 0;
}

.flag-med.flag-af {
  background-position: -75px 0;
}

.flag-med.flag-ag {
  background-position: -100px 0;
}

.flag-med.flag-ai {
  background-position: -125px 0;
}

.flag-med.flag-al {
  background-position: -150px 0;
}

.flag-med.flag-am {
  background-position: -175px 0;
}

.flag-med.flag-an {
  background-position: -200px 0;
}

.flag-med.flag-ao {
  background-position: -225px 0;
}

.flag-med.flag-ar {
  background-position: -250px 0;
}

.flag-med.flag-as {
  background-position: -275px 0;
}

.flag-med.flag-at {
  background-position: -300px 0;
}

.flag-med.flag-au {
  background-position: -325px 0;
}

.flag-med.flag-aw {
  background-position: -350px 0;
}

.flag-med.flag-az {
  background-position: -375px 0;
}

.flag-med.flag-ba {
  background-position: 100% -15px;
}

.flag-med.flag-bb {
  background-position: -25px -15px;
}

.flag-med.flag-bd {
  background-position: -50px -15px;
}

.flag-med.flag-be {
  background-position: -75px -15px;
}

.flag-med.flag-bf {
  background-position: -100px -15px;
}

.flag-med.flag-bg {
  background-position: -125px -15px;
}

.flag-med.flag-bh {
  background-position: -150px -15px;
}

.flag-med.flag-bi {
  background-position: -175px -15px;
}

.flag-med.flag-bj {
  background-position: -200px -15px;
}

.flag-med.flag-bm {
  background-position: -225px -15px;
}

.flag-med.flag-bn {
  background-position: -250px -15px;
}

.flag-med.flag-bo {
  background-position: -275px -15px;
}

.flag-med.flag-br {
  background-position: -300px -15px;
}

.flag-med.flag-bs {
  background-position: -325px -15px;
}

.flag-med.flag-bt {
  background-position: -350px -15px;
}

.flag-med.flag-bv {
  background-position: -375px -15px;
}

.flag-med.flag-bw {
  background-position: 100% -30px;
}

.flag-med.flag-by {
  background-position: -25px -30px;
}

.flag-med.flag-bz {
  background-position: -50px -30px;
}

.flag-med.flag-ca {
  background-position: -75px -30px;
}

.flag-med.flag-cd {
  background-position: -100px -30px;
}

.flag-med.flag-cf {
  background-position: -125px -30px;
}

.flag-med.flag-cg {
  background-position: -150px -30px;
}

.flag-med.flag-ch {
  background-position: -175px -30px;
}

.flag-med.flag-ci {
  background-position: -200px -30px;
}

.flag-med.flag-ck {
  background-position: -225px -30px;
}

.flag-med.flag-cl {
  background-position: -250px -30px;
}

.flag-med.flag-cm {
  background-position: -275px -30px;
}

.flag-med.flag-cn {
  background-position: -300px -30px;
}

.flag-med.flag-co {
  background-position: -325px -30px;
}

.flag-med.flag-cr {
  background-position: -350px -30px;
}

.flag-med.flag-cu {
  background-position: -375px -30px;
}

.flag-med.flag-cv {
  background-position: 100% -45px;
}

.flag-med.flag-cy {
  background-position: -25px -45px;
}

.flag-med.flag-cz {
  background-position: -50px -45px;
}

.flag-med.flag-de {
  background-position: -75px -45px;
}

.flag-med.flag-dj {
  background-position: -100px -45px;
}

.flag-med.flag-dk {
  background-position: -125px -45px;
}

.flag-med.flag-dm {
  background-position: -150px -45px;
}

.flag-med.flag-do {
  background-position: -175px -45px;
}

.flag-med.flag-dz {
  background-position: -200px -45px;
}

.flag-med.flag-ec {
  background-position: -225px -45px;
}

.flag-med.flag-ee {
  background-position: -250px -45px;
}

.flag-med.flag-eg {
  background-position: -275px -45px;
}

.flag-med.flag-eh {
  background-position: -300px -45px;
}

.flag-med.flag-er {
  background-position: -325px -45px;
}

.flag-med.flag-es {
  background-position: -350px -45px;
}

.flag-med.flag-et {
  background-position: -375px -45px;
}

.flag-med.flag-eu {
  background-position: 100% -60px;
}

.flag-med.flag-fi {
  background-position: -25px -60px;
}

.flag-med.flag-fj {
  background-position: -50px -60px;
}

.flag-med.flag-fk {
  background-position: -75px -60px;
}

.flag-med.flag-fm {
  background-position: -100px -60px;
}

.flag-med.flag-fo {
  background-position: -125px -60px;
}

.flag-med.flag-fr {
  background-position: -150px -60px;
}

.flag-med.flag-ga {
  background-position: -175px -60px;
}

.flag-med.flag-gb {
  background-position: -200px -60px;
}

.flag-med.flag-gd {
  background-position: -225px -60px;
}

.flag-med.flag-ge {
  background-position: -250px -60px;
}

.flag-med.flag-gf {
  background-position: -275px -60px;
}

.flag-med.flag-gg {
  background-position: -300px -60px;
}

.flag-med.flag-gh {
  background-position: -325px -60px;
}

.flag-med.flag-gi {
  background-position: -350px -60px;
}

.flag-med.flag-gl {
  background-position: -375px -60px;
}

.flag-med.flag-gm {
  background-position: 100% -75px;
}

.flag-med.flag-gn {
  background-position: -25px -75px;
}

.flag-med.flag-gp {
  background-position: -50px -75px;
}

.flag-med.flag-gq {
  background-position: -75px -75px;
}

.flag-med.flag-gr {
  background-position: -100px -75px;
}

.flag-med.flag-gs {
  background-position: -125px -75px;
}

.flag-med.flag-gt {
  background-position: -150px -75px;
}

.flag-med.flag-gu {
  background-position: -175px -75px;
}

.flag-med.flag-gw {
  background-position: -200px -75px;
}

.flag-med.flag-gy {
  background-position: -225px -75px;
}

.flag-med.flag-hk {
  background-position: -250px -75px;
}

.flag-med.flag-hm {
  background-position: -275px -75px;
}

.flag-med.flag-hn {
  background-position: -300px -75px;
}

.flag-med.flag-hr {
  background-position: -325px -75px;
}

.flag-med.flag-ht {
  background-position: -350px -75px;
}

.flag-med.flag-hu {
  background-position: -375px -75px;
}

.flag-med.flag-id {
  background-position: 100% -90px;
}

.flag-med.flag-ie {
  background-position: -25px -90px;
}

.flag-med.flag-il {
  background-position: -50px -90px;
}

.flag-med.flag-in {
  background-position: -75px -90px;
}

.flag-med.flag-io {
  background-position: -100px -90px;
}

.flag-med.flag-iq {
  background-position: -125px -90px;
}

.flag-med.flag-ir {
  background-position: -150px -90px;
}

.flag-med.flag-is {
  background-position: -175px -90px;
}

.flag-med.flag-it {
  background-position: -200px -90px;
}

.flag-med.flag-je {
  background-position: -225px -90px;
}

.flag-med.flag-jm {
  background-position: -250px -90px;
}

.flag-med.flag-jo {
  background-position: -275px -90px;
}

.flag-med.flag-jp {
  background-position: -300px -90px;
}

.flag-med.flag-ke {
  background-position: -325px -90px;
}

.flag-med.flag-kg {
  background-position: -350px -90px;
}

.flag-med.flag-kh {
  background-position: -375px -90px;
}

.flag-med.flag-ki {
  background-position: 100% -105px;
}

.flag-med.flag-km {
  background-position: -25px -105px;
}

.flag-med.flag-kn {
  background-position: -50px -105px;
}

.flag-med.flag-kp {
  background-position: -75px -105px;
}

.flag-med.flag-kr {
  background-position: -100px -105px;
}

.flag-med.flag-kw {
  background-position: -125px -105px;
}

.flag-med.flag-ky {
  background-position: -150px -105px;
}

.flag-med.flag-kz {
  background-position: -175px -105px;
}

.flag-med.flag-la {
  background-position: -200px -105px;
}

.flag-med.flag-lb {
  background-position: -225px -105px;
}

.flag-med.flag-lc {
  background-position: -250px -105px;
}

.flag-med.flag-li {
  background-position: -275px -105px;
}

.flag-med.flag-lk {
  background-position: -300px -105px;
}

.flag-med.flag-lr {
  background-position: -325px -105px;
}

.flag-med.flag-ls {
  background-position: -350px -105px;
}

.flag-med.flag-lt {
  background-position: -375px -105px;
}

.flag-med.flag-lu {
  background-position: 100% -120px;
}

.flag-med.flag-lv {
  background-position: -25px -120px;
}

.flag-med.flag-ly {
  background-position: -50px -120px;
}

.flag-med.flag-ma {
  background-position: -75px -120px;
}

.flag-med.flag-mc {
  background-position: -100px -120px;
}

.flag-med.flag-md {
  background-position: -125px -120px;
}

.flag-med.flag-me {
  background-position: -150px -120px;
}

.flag-med.flag-mg {
  background-position: -175px -120px;
}

.flag-med.flag-mh {
  background-position: -200px -120px;
}

.flag-med.flag-mk {
  background-position: -225px -120px;
}

.flag-med.flag-ml {
  background-position: -250px -120px;
}

.flag-med.flag-mm {
  background-position: -275px -120px;
}

.flag-med.flag-mn {
  background-position: -300px -120px;
}

.flag-med.flag-mo {
  background-position: -325px -120px;
}

.flag-med.flag-mp {
  background-position: -350px -120px;
}

.flag-med.flag-mq {
  background-position: -375px -120px;
}

.flag-med.flag-mr {
  background-position: 100% -135px;
}

.flag-med.flag-ms {
  background-position: -25px -135px;
}

.flag-med.flag-mt {
  background-position: -50px -135px;
}

.flag-med.flag-mu {
  background-position: -75px -135px;
}

.flag-med.flag-mv {
  background-position: -100px -135px;
}

.flag-med.flag-mw {
  background-position: -125px -135px;
}

.flag-med.flag-mx {
  background-position: -150px -135px;
}

.flag-med.flag-my {
  background-position: -175px -135px;
}

.flag-med.flag-mz {
  background-position: -200px -135px;
}

.flag-med.flag-na {
  background-position: -225px -135px;
}

.flag-med.flag-nc {
  background-position: -250px -135px;
}

.flag-med.flag-ne {
  background-position: -275px -135px;
}

.flag-med.flag-nf {
  background-position: -300px -135px;
}

.flag-med.flag-ng {
  background-position: -325px -135px;
}

.flag-med.flag-ni {
  background-position: -350px -135px;
}

.flag-med.flag-nl {
  background-position: -375px -135px;
}

.flag-med.flag-no {
  background-position: 100% -150px;
}

.flag-med.flag-np {
  background-position: -25px -150px;
}

.flag-med.flag-nr {
  background-position: -50px -150px;
}

.flag-med.flag-nu {
  background-position: -75px -150px;
}

.flag-med.flag-nz {
  background-position: -100px -150px;
}

.flag-med.flag-om {
  background-position: -125px -150px;
}

.flag-med.flag-pa {
  background-position: -150px -150px;
}

.flag-med.flag-pe {
  background-position: -175px -150px;
}

.flag-med.flag-pf {
  background-position: -200px -150px;
}

.flag-med.flag-pg {
  background-position: -225px -150px;
}

.flag-med.flag-ph {
  background-position: -250px -150px;
}

.flag-med.flag-pk {
  background-position: -275px -150px;
}

.flag-med.flag-pl {
  background-position: -300px -150px;
}

.flag-med.flag-pm {
  background-position: -325px -150px;
}

.flag-med.flag-pn {
  background-position: -350px -150px;
}

.flag-med.flag-pr {
  background-position: -375px -150px;
}

.flag-med.flag-ps {
  background-position: 100% -165px;
}

.flag-med.flag-pt {
  background-position: -25px -165px;
}

.flag-med.flag-pw {
  background-position: -50px -165px;
}

.flag-med.flag-py {
  background-position: -75px -165px;
}

.flag-med.flag-qa {
  background-position: -100px -165px;
}

.flag-med.flag-re {
  background-position: -125px -165px;
}

.flag-med.flag-ro {
  background-position: -150px -165px;
}

.flag-med.flag-rs {
  background-position: -175px -165px;
}

.flag-med.flag-ru {
  background-position: -200px -165px;
}

.flag-med.flag-rw {
  background-position: -225px -165px;
}

.flag-med.flag-sa {
  background-position: -250px -165px;
}

.flag-med.flag-sb {
  background-position: -275px -165px;
}

.flag-med.flag-sc {
  background-position: -300px -165px;
}

.flag-med.flag-sd {
  background-position: -325px -165px;
}

.flag-med.flag-se {
  background-position: -350px -165px;
}

.flag-med.flag-sg {
  background-position: -375px -165px;
}

.flag-med.flag-sh {
  background-position: 100% -180px;
}

.flag-med.flag-si {
  background-position: -25px -180px;
}

.flag-med.flag-sk {
  background-position: -50px -180px;
}

.flag-med.flag-sl {
  background-position: -75px -180px;
}

.flag-med.flag-sm {
  background-position: -100px -180px;
}

.flag-med.flag-sn {
  background-position: -125px -180px;
}

.flag-med.flag-so {
  background-position: -150px -180px;
}

.flag-med.flag-sr {
  background-position: -175px -180px;
}

.flag-med.flag-st {
  background-position: -200px -180px;
}

.flag-med.flag-sv {
  background-position: -225px -180px;
}

.flag-med.flag-sy {
  background-position: -250px -180px;
}

.flag-med.flag-sz {
  background-position: -275px -180px;
}

.flag-med.flag-tc {
  background-position: -300px -180px;
}

.flag-med.flag-td {
  background-position: -325px -180px;
}

.flag-med.flag-tf {
  background-position: -350px -180px;
}

.flag-med.flag-tg {
  background-position: -375px -180px;
}

.flag-med.flag-th {
  background-position: 100% -195px;
}

.flag-med.flag-tj {
  background-position: -25px -195px;
}

.flag-med.flag-tk {
  background-position: -50px -195px;
}

.flag-med.flag-tl {
  background-position: -75px -195px;
}

.flag-med.flag-tm {
  background-position: -100px -195px;
}

.flag-med.flag-tn {
  background-position: -125px -195px;
}

.flag-med.flag-to {
  background-position: -150px -195px;
}

.flag-med.flag-tr {
  background-position: -175px -195px;
}

.flag-med.flag-tt {
  background-position: -200px -195px;
}

.flag-med.flag-tv {
  background-position: -225px -195px;
}

.flag-med.flag-tw {
  background-position: -250px -195px;
}

.flag-med.flag-tz {
  background-position: -275px -195px;
}

.flag-med.flag-ua {
  background-position: -300px -195px;
}

.flag-med.flag-ug {
  background-position: -325px -195px;
}

.flag-med.flag-um {
  background-position: -350px -195px;
}

.flag-med.flag-us {
  background-position: -375px -195px;
}

.flag-med.flag-uy {
  background-position: 100% -210px;
}

.flag-med.flag-uz {
  background-position: -25px -210px;
}

.flag-med.flag-va {
  background-position: -50px -210px;
}

.flag-med.flag-vc {
  background-position: -75px -210px;
}

.flag-med.flag-ve {
  background-position: -100px -210px;
}

.flag-med.flag-vg {
  background-position: -125px -210px;
}

.flag-med.flag-vi {
  background-position: -150px -210px;
}

.flag-med.flag-vn {
  background-position: -175px -210px;
}

.flag-med.flag-vu {
  background-position: -200px -210px;
}

.flag-med.flag-wf {
  background-position: -225px -210px;
}

.flag-med.flag-ws {
  background-position: -250px -210px;
}

.flag-med.flag-ye {
  background-position: -275px -210px;
}

.flag-med.flag-yt {
  background-position: -300px -210px;
}

.flag-med.flag-za {
  background-position: -325px -210px;
}

.flag-med.flag-zm {
  background-position: -350px -210px;
}

.flag-med.flag-zw {
  background-position: -375px -210px;
}

.gc-accordion-item {
  background: #ffffff;
  margin: 0.5rem 0;
  padding: 0.75rem;
}

.gc-accordion-item .title {
  cursor: pointer;
  display: inline-block;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  min-height: 8px;
  padding: 0 0.5rem 0 0;
  vertical-align: middle;
}

.gc-accordion-item .title:before {
  background: url(../img/icons.png) -200px -120px;
  content: "";
  display: inline-block;
  height: 8px;
  margin-left: 0.5rem;
  padding: 6px;
  width: 14px;
  vertical-align: middle;
}

.gc-accordion-item .title:hover, .gc-accordion-item .title:active, .gc-accordion-item .title:focus {
  color: #14817a;
}

.gc-accordion-item .title:hover:before, .gc-accordion-item .title:active:before, .gc-accordion-item .title:focus:before {
  background-position: -280px -120px;
}

.gc-accordion-item .title-no-arrow {
  cursor: pointer;
  display: inline-block;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  min-height: 8px;
  padding: 0 0.5rem 0 0;
  vertical-align: middle;
}

.gc-accordion-item .title-no-arrow:before {
  content: "";
  display: inline-block;
  height: 8px;
  margin-left: 0.5rem;
  padding: 6px;
  width: 14px;
  vertical-align: middle;
}

.gc-accordion-item .title-no-arrow:hover, .gc-accordion-item .title-no-arrow:active, .gc-accordion-item .title-no-arrow:focus {
  color: #14817a;
}

.gc-accordion-item .title-no-arrow:hover:before, .gc-accordion-item .title-no-arrow:active:before, .gc-accordion-item .title-no-arrow:focus:before {
  background-position: -280px -120px;
}

.gc-accordion-item .content {
  display: none;
  margin: 0 14px;
  padding: 1.25rem 0.5rem;
}

.gc-accordion-item .content u {
  text-decoration: none;
}

.gc-accordion-item .content a {
  border-bottom: 1px #14817a solid;
  color: #14817a;
  text-decoration: none;
}

.gc-accordion-item .content a:hover {
  border-bottom-color: transparent;
}

.gc-accordion-item .content ul {
  list-style: disc inside;
  margin-right: 1.5rem;
}

.gc-accordion-item.active .content {
  display: block;
}

.gc-accordion-item.active .title:before {
  background-position: -240px -120px;
}

.gc-accordion-item.active .title:hover:before, .gc-accordion-item.active .title:active:before, .gc-accordion-item.active .title:focus:before {
  background-position: -320px -120px;
}

/*------------------------------------------------green--------------------------------------------------*/
.gc-accordion.green > .gc-accordion-item {
  transition: all 300ms ease-out;
  background: none;
  border: 4px solid #14817a;
  padding: 0;
  /*for 1024*/
  /*320!!!*/
}

.gc-accordion.green > .gc-accordion-item:hover, .gc-accordion.green > .gc-accordion-item:active, .gc-accordion.green > .gc-accordion-item:focus {
  border-color: #116b65;
}

.gc-accordion.green > .gc-accordion-item .button, .gc-accordion.green > .gc-accordion-item .black {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}

.gc-accordion.green > .gc-accordion-item .title-wrapper {
  transition: all 300ms ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #14817a;
  cursor: pointer;
  line-height: 32px;
  min-height: 32px;
  padding: .15rem 1rem;
  position: relative;
}

.gc-accordion.green > .gc-accordion-item .title-wrapper .button, .gc-accordion.green > .gc-accordion-item .title-wrapper .black {
  background: #ffffff;
  color: #14817a;
}

.gc-accordion.green > .gc-accordion-item .title-wrapper .button:hover, .gc-accordion.green > .gc-accordion-item .title-wrapper .black:hover, .gc-accordion.green > .gc-accordion-item .title-wrapper .button:active, .gc-accordion.green > .gc-accordion-item .title-wrapper .black:active, .gc-accordion.green > .gc-accordion-item .title-wrapper .button:focus, .gc-accordion.green > .gc-accordion-item .title-wrapper .black:focus {
  color: #096760;
}

.gc-accordion.green > .gc-accordion-item .title-wrapper:hover, .gc-accordion.green > .gc-accordion-item .title-wrapper:active, .gc-accordion.green > .gc-accordion-item .title-wrapper:focus {
  background: #116b65;
  border-color: #116b65;
}

.gc-accordion.green > .gc-accordion-item .title-wrapper .title {
  color: #ffffff;
  font: 1.5rem/0.5 "pfDinTextReg", "Helvetica Neue", "Arial";
}

.gc-accordion.green > .gc-accordion-item .title-wrapper .title:before {
  background-position: -120px -120px;
}

.gc-accordion.green > .gc-accordion-item [content] {
  opacity: 0;
  position: relative;
  visibility: hidden;
}

.gc-accordion.green > .gc-accordion-item.active {
  padding: 0;
}

.gc-accordion.green > .gc-accordion-item.active [content] {
  opacity: 1;
  visibility: visible;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper {
  background: none;
  border: none;
  padding: .875rem 1rem;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper .title {
  color: #424243;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper .title:before {
  background-position: -240px -120px;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper .title:hover:before, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .title:active:before, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .title:focus:before {
  background-position: -240px -120px;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .black {
  background: #14817a;
  color: #ffffff;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper .black:focus {
  background: #116b65;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus {
  background: #116b65;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black {
  background: #ffffff;
  color: #14817a;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black:focus {
  color: #116b65;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .title, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .title, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .title {
  color: #ffffff;
}

.gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .title:before, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .title:before, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .title:before {
  background-position: -160px -120px;
}

@media only screen and (max-width: 64em) {
  .gc-accordion.green > .gc-accordion-item .title-wrapper:hover, .gc-accordion.green > .gc-accordion-item .title-wrapper:active, .gc-accordion.green > .gc-accordion-item .title-wrapper:focus {
    background: #14817a;
    border-color: #14817a;
  }
  .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus {
    background: none;
    border: none;
  }
  .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .title, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .title, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .title {
    color: #424243;
  }
  .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .title:before, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .title:before, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .title:before {
    background-position: -240px -120px;
  }
  .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black {
    background: #14817a;
    color: #ffffff;
  }
  .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:hover .black:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:active .black:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black:hover, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black:active, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .button:focus, .gc-accordion.green > .gc-accordion-item.active .title-wrapper:focus .black:focus {
    background: #116b65;
    color: #ffffff;
  }
}

.request {
  box-shadow: 0 0 20px 0 rgba(0, 1, 1, 0.1);
  background: #FFF;
}

.request__heading {
  padding: 0.775rem 1rem;
  border-bottom: 1px solid #d0d0d0;
}

.request__heading h1 {
  color: #010202;
  font: 2.25rem "pfDinTextReg","Helvetica Neue","Arial";
}

/*------------------------------------------------------white---------------------------------------------------------*/
/*arrow in right side*/
.accordion.arrow-right .accordion-navigation {
  margin: 1rem 0;
}

.accordion.arrow-right .accordion-navigation > a {
  background: #ffffff;
  color: #424243;
  font: 1.5rem/3.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: 0 .625rem;
  position: relative;
}

.accordion.arrow-right .accordion-navigation > a:hover, .accordion.arrow-right .accordion-navigation > a:active, .accordion.arrow-right .accordion-navigation > a:focus {
  background: #e4e2e4;
  color: #14817a;
}

.accordion.arrow-right .accordion-navigation > a:hover:after, .accordion.arrow-right .accordion-navigation > a:active:after, .accordion.arrow-right .accordion-navigation > a:focus:after {
  background-position: -280px -120px;
}

.accordion.arrow-right .accordion-navigation > a.with-icon:before {
  background: url(../img/icons.png) no-repeat;
  content: '';
  display: inline-block;
  height: 35px;
  margin: -.3125rem 0 0 0.5rem;
  width: 28px;
  vertical-align: middle;
}

.accordion.arrow-right .accordion-navigation > a.folder:before {
  background-position: -80px -360px;
}

.accordion.arrow-right .accordion-navigation > a.link:before {
  background-position: -120px -360px;
}

.accordion.arrow-right .accordion-navigation > a.dollar:before {
  background-position: -160px -360px;
}

.accordion.arrow-right .accordion-navigation > a.checkbox:before {
  background-position: -200px -360px;
}

.accordion.arrow-right .accordion-navigation > a.pointer:before {
  background-position: -240px -360px;
}

.accordion.arrow-right .accordion-navigation > a.browser:before {
  background-position: -280px -360px;
}

.accordion.arrow-right .accordion-navigation > a:after {
  background: url(../img/icons.png) no-repeat -200px -120px;
  content: '';
  display: inline-block;
  height: 8px;
  margin-top: -.25rem;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  width: 14px;
}

.accordion.arrow-right .accordion-navigation .content {
  padding: 1rem 2.5rem 2.5rem;
}

.accordion.arrow-right .accordion-navigation.active > a {
  background: #ffffff;
}

.accordion.arrow-right .accordion-navigation.active > a:after {
  background-position: -240px -120px;
}

.accordion.arrow-right .accordion-navigation.active > a:hover, .accordion.arrow-right .accordion-navigation.active > a:active, .accordion.arrow-right .accordion-navigation.active > a:focus {
  background: #e4e2e4;
}

.accordion.arrow-right .accordion-navigation.active > a:hover:after, .accordion.arrow-right .accordion-navigation.active > a:active:after, .accordion.arrow-right .accordion-navigation.active > a:focus:after {
  background-position: -320px -120px;
}

.accordion.arrow-right .accordion-navigation.active .content {
  background: #ffffff;
  display: block;
}

/* with data */
.gc-accordion.with-data .gc-accordion-item {
  padding: 0;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper {
  cursor: pointer;
  display: table;
  padding: .75rem;
  width: 100%;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper:hover, .gc-accordion.with-data .gc-accordion-item .title-wrapper:active, .gc-accordion.with-data .gc-accordion-item .title-wrapper:focus {
  background: #e4e2e4;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper:hover time, .gc-accordion.with-data .gc-accordion-item .title-wrapper:active time, .gc-accordion.with-data .gc-accordion-item .title-wrapper:focus time {
  color: #68686a;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper * {
  display: table-cell;
  padding: 0 .625rem;
  vertical-align: middle;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper .title {
  font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
  width: 18%;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper .title:hover, .gc-accordion.with-data .gc-accordion-item .title-wrapper .title:active, .gc-accordion.with-data .gc-accordion-item .title-wrapper .title:focus {
  color: #424243;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper .title:hover:before, .gc-accordion.with-data .gc-accordion-item .title-wrapper .title:active:before, .gc-accordion.with-data .gc-accordion-item .title-wrapper .title:focus:before {
  background-position: -200px -120px;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper time {
  color: #9b9b9c;
  text-align: center;
  width: 13%;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper .request-message {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  max-width: 600px;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper .request-status {
  color: #9b9b9c;
  width: 13%;
}

.gc-accordion.with-data .gc-accordion-item .title-wrapper .request-status:before {
  content: '';
  margin-left: .625rem;
  background: url(../img/icons.png) no-repeat -120px -440px;
  display: inline-block;
  height: 16px;
  width: 15px;
  vertical-align: middle;
}

.gc-accordion.with-data .gc-accordion-item.processing .request-status:before {
  background-position: -80px -440px;
}

.gc-accordion.with-data .gc-accordion-item.done .request-status {
  color: #208900;
}

.gc-accordion.with-data .gc-accordion-item.done .request-status:before {
  background-position: -200px -440px;
}

.gc-accordion.with-data .gc-accordion-item.closed .request-status:before {
  background-position: -40px -440px;
}

.gc-accordion.with-data .gc-accordion-item.rejected .request-status {
  color: #da141e;
}

.gc-accordion.with-data .gc-accordion-item.rejected .request-status:before {
  background-position: -160px -440px;
}

.gc-accordion.with-data .gc-accordion-item .content {
  margin: 0;
  padding: 1.5rem 5rem;
}

.gc-accordion.with-data .gc-accordion-item .content a {
  border-color: rgba(66, 66, 67, 0.5);
  color: #424243;
}

.gc-accordion.with-data .gc-accordion-item .content a:hover, .gc-accordion.with-data .gc-accordion-item .content a:active, .gc-accordion.with-data .gc-accordion-item .content a:focus {
  border-color: transparent;
}

.gc-accordion.with-data .gc-accordion-item .content a.button, .gc-accordion.with-data .gc-accordion-item .content a.black {
  color: #ffffff;
}

.gc-accordion.with-data .gc-accordion-item.active .title:hover:before, .gc-accordion.with-data .gc-accordion-item.active .title:active:before, .gc-accordion.with-data .gc-accordion-item.active .title:focus:before {
  background-position: -240px -120px;
}

@media (max-width: 425px) {
  .gc-accordion.with-data .gc-accordion-item.issueList .title-wrapper .request-message {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  .gc-accordion.with-data .gc-accordion-item .title-wrapper time {
    width: 20%;
  }
  .gc-accordion.with-data .gc-accordion-item .title-wrapper .request-message {
    max-width: 500px;
  }
  .gc-accordion.with-data .gc-accordion-item .title-wrapper .request-status {
    width: 20%;
  }
  .gc-accordion.with-data .gc-accordion-item .content {
    padding: 1.5rem;
  }
}

.gc-accordion.transparent .gc-accordion-item {
  background: none;
  margin: .75rem 0;
  padding: 0;
}

.gc-accordion.transparent .gc-accordion-item .title {
  background: rgba(255, 255, 255, 0.27);
  border-radius: .3rem;
  border-bottom: none;
  color: #424243;
  cursor: pointer;
  display: block;
  padding: .7rem;
}

.gc-accordion.transparent .gc-accordion-item .title span {
  display: inline-block;
  width: 95%;
  vertical-align: top;
}

.gc-accordion.transparent .gc-accordion-item .title:hover, .gc-accordion.transparent .gc-accordion-item .title:active, .gc-accordion.transparent .gc-accordion-item .title:focus {
  background: rgba(255, 255, 255, 0.5);
}

.gc-accordion.transparent .gc-accordion-item .title:hover:before, .gc-accordion.transparent .gc-accordion-item .title:active:before, .gc-accordion.transparent .gc-accordion-item .title:focus:before {
  background-position: -200px -120px;
}

.gc-accordion.transparent .gc-accordion-item .content {
  margin: 0;
  padding: .7rem 0;
}

.gc-accordion.transparent .gc-accordion-item.active .title:hover:before, .gc-accordion.transparent .gc-accordion-item.active .title:active:before, .gc-accordion.transparent .gc-accordion-item.active .title:focus:before {
  background-position: -240px -120px;
}

/*------------------------------------------------------third---------------------------------------------------------*/
.gc-accordion.third .gc-accordion-item {
  padding: 0;
}

.gc-accordion.third .gc-accordion-item .title {
  background: #FFC832;
  border-radius: .3125rem;
  display: block;
  padding: .75rem;
}

.gc-accordion.third .gc-accordion-item .title:hover, .gc-accordion.third .gc-accordion-item .title:active, .gc-accordion.third .gc-accordion-item .title:focus {
  color: #424243;
}

.gc-accordion.third .gc-accordion-item .title:hover:before, .gc-accordion.third .gc-accordion-item .title:active:before, .gc-accordion.third .gc-accordion-item .title:focus:before {
  background-position: -200px -120px;
}

.gc-accordion.third .gc-accordion-item .content {
  margin: 0;
  padding: 0;
}

.gc-accordion.third .gc-accordion-item.active .title {
  border-radius: .3125rem .3125rem 0 0;
}

.gc-accordion.third .gc-accordion-item.active .title:hover, .gc-accordion.third .gc-accordion-item.active .title:active, .gc-accordion.third .gc-accordion-item.active .title:focus {
  color: #424243;
}

.gc-accordion.third .gc-accordion-item.active .title:hover:before, .gc-accordion.third .gc-accordion-item.active .title:active:before, .gc-accordion.third .gc-accordion-item.active .title:focus:before {
  background-position: -240px -120px;
}

/*-------------------------------------------------------------
other faq stuff------------------------------------------------*/
.gc-accordion.faq .gc-accordion-item {
  padding: 0;
}

.gc-accordion.faq .gc-accordion-item .title {
  outline: none;
  display: block;
  padding: 1rem 1.75rem;
}

.gc-accordion.faq .gc-accordion-item .title:hover {
  color: #096760;
  background-color: #e9e7e9;
}

.gc-accordion.faq .gc-accordion-item.active .title {
  background-color: #e1dfe1;
  color: #004F49;
}

.gc-accordion.faq .gc-accordion-item.active .title:before {
  background-position: -320px -120px;
}

.first-select-block {
  background: #14817a;
  padding: 0 1.5rem;
  color: #ffffff;
  /*320!!!*/
}

.first-select-block:before, .first-select-block:after {
  content: " ";
  display: table;
}

.first-select-block:after {
  clear: both;
}

@media only screen and (max-width: 40em) {
  .first-select-block {
    padding: 0 0.5rem;
  }
}

.faq-button-group input[type="search"] {
  border-radius: 0 5px 5px 0;
}

.faq-button-group #faq_search_btn {
  height: 2.5rem;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 5px 0 0 5px;
}

.messages {
  position: relative;
  display: flex;
  align-items: center;
  color: white;
  border: 3px solid white;
  border-radius: 3px;
  padding: 10px;
  margin: 20px auto !important;
  z-index: 60;
}

.messages span {
  background: url(../img/messages.png) no-repeat;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.messages p {
  font-size: 0.875rem;
  text-align: justify;
  margin: 10px 0;
  vertical-align: top;
}

.messages.debug, .messages.info, .messages.warning {
  border-color: #FFC832;
}

.messages.debug span, .messages.info span, .messages.warning span {
  background-position: 100% -80px;
}

.messages.success {
  border-color: #14817a;
}

.messages.success span {
  background-position: 100% -40px;
}

.messages.error {
  border-color: #ce2029;
}

.messages.error span {
  background-position: 100% 0;
}

.icon-social {
  width: 36px;
  height: 36px;
  background: url(../img/social.png);
  display: inline-block;
}

.icon-social.facebook {
  background-position: 0px 0px;
}

.icon-social.facebook:hover, .icon-social.facebook:focus, .icon-social.facebook:active {
  background-position: 0px -40px;
}

.icon-social.google {
  background-position: -40px 0;
}

.icon-social.google:hover, .icon-social.google:focus, .icon-social.google:active {
  background-position: -40px -40px;
}

.icon-social.twitter {
  background-position: -80px 0;
}

.icon-social.twitter:hover, .icon-social.twitter:focus, .icon-social.twitter:active {
  background-position: -80px -40px;
}

.icon-social.ok {
  background-position: -120px 0;
}

.icon-social.ok:hover, .icon-social.ok:focus, .icon-social.ok:active {
  background-position: -120px -40px;
}

.icon-social.insta {
  background-position: -160px 0;
}

.icon-social.insta:hover, .icon-social.insta:focus, .icon-social.insta:active {
  background-position: -160px -40px;
}

.icon-social.vk {
  background-position: -200px 0;
}

.icon-social.vk:hover, .icon-social.vk:focus, .icon-social.vk:active {
  background-position: -200px -40px;
}

.icon-social.youtube {
  background-position: -240px 0;
}

.icon-social.youtube:hover, .icon-social.youtube:focus, .icon-social.youtube:active {
  background-position: -240px -40px;
}

.icon-social.in {
  background-position: -280px 0;
}

.icon-social.in:hover, .icon-social.in:focus, .icon-social.in:active {
  background-position: -280px -40px;
}

.icon-social.rss {
  background-position: -320px 0;
}

.icon-social.rss:hover, .icon-social.rss:focus, .icon-social.rss:active {
  background-position: -320px -40px;
}

.icon-social.tumblr {
  background-position: -360px 0;
}

.icon-social.tumblr:hover, .icon-social.tumblr:focus, .icon-social.tumblr:active {
  background-position: -360px -40px;
}

.icon-social.linkedin {
  background-position: -280px 0;
}

.icon-social.linkedin:hover, .icon-social.linkedin:focus, .icon-social.linkedin:active {
  background-position: -280px -40px;
}

.icon-social.telegram {
  background-position: -400px 0;
}

.icon-social.telegram:hover, .icon-social.telegram:focus, .icon-social.telegram:active {
  background-position: -400px -40px;
}

.auth-icons {
  padding-top: 1.25rem;
}

.auth-icons a.auth-icon {
  display: inline-block;
  height: 2.75rem;
  line-height: 2.75rem;
  border-bottom: none;
  width: 2.75rem;
  border-radius: 0.3rem;
  margin: 0 0.4rem;
  background-size: 2.75rem 2.75rem;
  font-family: "gcFontIcons";
  color: #fff;
  transition: all 300ms ease-out;
}

.auth-icons a.auth-icon:before {
  content: '';
  font-weight: normal;
  font-size: 1.5rem;
}

.auth-icons a.auth-icon.facebook {
  color: #fff;
  background-color: #3c5a98;
}

.auth-icons a.auth-icon.facebook:before {
  content: "";
}

.auth-icons a.auth-icon.facebook:hover {
  background-color: #2e4473;
}

.auth-icons a.auth-icon.google {
  color: #fff;
  background-color: #c25234;
}

.auth-icons a.auth-icon.google:before {
  content: "";
}

.auth-icons a.auth-icon.google:hover {
  background-color: #9a4129;
}

.auth-icons a.auth-icon.mailru {
  color: #e4a834;
  background-color: #3a88c8;
}

.auth-icons a.auth-icon.mailru:before {
  content: "";
}

.auth-icons a.auth-icon.mailru:hover {
  background-color: #2d6da2;
}

.auth-icons a.auth-icon.ok {
  color: #fff;
  background-color: #e07e37;
}

.auth-icons a.auth-icon.ok:before {
  content: "";
}

.auth-icons a.auth-icon.ok:hover {
  background-color: #c5651f;
}

.auth-icons a.auth-icon.twitter {
  color: #fff;
  background-color: #2c96e0;
}

.auth-icons a.auth-icon.twitter:before {
  content: "";
}

.auth-icons a.auth-icon.twitter:hover {
  background-color: #1c7bbd;
}

.auth-icons a.auth-icon.vkontakte {
  color: #fff;
  background-color: #48729e;
}

.auth-icons a.auth-icon.vkontakte:before {
  content: "";
}

.auth-icons a.auth-icon.vkontakte:hover {
  background-color: #38597b;
}

/*Main container*/
.colpick {
  position: absolute;
  width: 346px;
  height: 172px;
  overflow: hidden;
  display: none;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  background: #f0eff0;
  border: 1px solid #bbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 9;
  /*Prevents selecting text when dragging the selectors*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/*Color selection box with gradients*/
.colpick_color {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 156px;
  height: 156px;
  overflow: hidden;
  outline: 1px solid #aaa;
  cursor: crosshair;
}

.colpick_color_overlay1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 156px;
  height: 156px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  /* IE8 */
  background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff');
  /* IE6 & IE7 */
}

.colpick_color_overlay2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 156px;
  height: 156px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  /* IE8 */
  background: -moz-linear-gradient(top, transparent 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, transparent), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
}

/*Circular color selector*/
.colpick_selector_outer {
  background: none;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -6px -6px 0 0;
  border: 1px solid black;
  border-radius: 50%;
}

.colpick_selector_inner {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid white;
  border-radius: 50%;
}

/*Vertical hue bar*/
.colpick_hue {
  position: absolute;
  top: 6px;
  right: 175px;
  width: 19px;
  height: 158px;
  border: 1px solid #b5b5b6;
  cursor: n-resize;
}

/*Hue bar sliding indicator*/
.colpick_hue_arrs {
  position: absolute;
  right: -8px;
  width: 35px;
  height: 7px;
  margin: -7px 0 0 0;
}

.colpick_hue_larr {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 7px solid #b5b5b6;
}

.colpick_hue_rarr {
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #b5b5b6;
}

/*New color box*/
.colpick_new_color {
  position: absolute;
  right: 241px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: #f00;
  border: 1px solid #b5b5b6;
}

/*Current color box*/
.colpick_current_color {
  position: absolute;
  right: 207px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: #f00;
  border: 1px solid #b5b5b6;
}

/*Input field containers*/
.colpick_field, .colpick_hex_field {
  position: absolute;
  height: 20px;
  width: 60px;
  overflow: hidden;
  background: #f3f3f3;
  color: #b8b8b8;
  font-size: 12px;
  border: 1px solid #b5b5b6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.colpick_rgb_r {
  top: 38px;
  right: 207px;
}

.colpick_rgb_g {
  top: 63px;
  right: 207px;
}

.colpick_rgb_b {
  top: 88px;
  right: 207px;
}

.colpick_hex_field {
  width: 68px;
  right: 207px;
  top: 113px;
}

/*Text field container on focus*/
.colpick_focus {
  border-color: #999;
}

/*Field label container*/
.colpick_field_letter {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #f0eff0;
  border-left: 1px solid #b5b5b6;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
  text-align: center;
  z-index: 2;
}

/*Text inputs*/
body .colpick_field input, body .colpick_hex_field input {
  position: absolute;
  left: 11px;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
  background: transparent;
  border: none;
  font: 0.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #424243;
  text-align: left;
  outline: none;
}

body .colpick_hex_field input {
  left: 2px;
}

/*Field up/down arrows*/
.colpick_field_arrs {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 21px;
  cursor: n-resize;
}

.colpick_field_uarr {
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid #959595;
}

.colpick_field_darr {
  position: absolute;
  bottom: 5px;
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #959595;
}

/*Submit/Select button*/
.colpick_submit {
  background-color: #f0eff0;
  border: 1px solid #b5b5b6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  bottom: 6px;
  color: #424243;
  cursor: pointer;
  font: 0.75rem/1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  height: 20px;
  right: 207px;
  position: absolute;
  text-align: center;
  width: 130px;
}

.colpick_submit:hover, .colpick_submit:active, .colpick_submit:focus {
  background-color: #cbc8cb;
  border-color: #68686a;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
  display: none;
}

.colpick_rgbhex {
  width: 282px;
}

.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
  width: 68px;
}

.colpick_rgbhex .colpick_new_color {
  width: 34px;
  border-right: none;
}

.colpick_rgbhex .colpick_current_color {
  width: 34px;
  right: 207px;
}

.advantages-icon {
  height: 8rem;
  width: 8rem;
  margin-bottom: 1rem;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}

.advantages-86 {
  background-image: url("../img/for-sprites/advantages/86.svg");
}

.advantages-brands {
  background-image: url("../img/for-sprites/advantages/brands.svg");
}

.advantages-buoy {
  background-image: url("../img/for-sprites/advantages/buoy.svg");
}

.advantages-calc {
  background-image: url("../img/for-sprites/advantages/calc.svg");
}

.advantages-calendar {
  background-image: url("../img/for-sprites/advantages/calendar.svg");
}

.advantages-case {
  background-image: url("../img/for-sprites/advantages/case.svg");
}

.advantages-chart {
  background-image: url("../img/for-sprites/advantages/chart.svg");
}

.advantages-chat {
  background-image: url("../img/for-sprites/advantages/chat.svg");
}

.advantages-credit {
  background-image: url("../img/for-sprites/advantages/credit.svg");
}

.advantages-currency {
  background-image: url("../img/for-sprites/advantages/currency.svg");
}

.advantages-dollars {
  background-image: url("../img/for-sprites/advantages/dollars.svg");
}

.advantages-faq {
  background-image: url("../img/for-sprites/advantages/faq.svg");
}

.advantages-flexibility {
  background-image: url("../img/for-sprites/advantages/flexibility.svg");
}

.advantages-graph {
  background-image: url("../img/for-sprites/advantages/graph.svg");
}

.advantages-hat {
  background-image: url("../img/for-sprites/advantages/hat.svg");
}

.advantages-house {
  background-image: url("../img/for-sprites/advantages/house.svg");
}

.advantages-hundred {
  background-image: url("../img/for-sprites/advantages/hundred.svg");
}

.advantages-icon-deposit {
  background-image: url("../img/for-sprites/advantages/icon-deposit.svg");
}

.advantages-icon-ecn {
  background-image: url("../img/for-sprites/advantages/icon-ecn.svg");
}

.advantages-icon-spreads {
  background-image: url("../img/for-sprites/advantages/icon-spreads.svg");
}

.advantages-icon-tools {
  background-image: url("../img/for-sprites/advantages/icon-tools.svg");
}

.advantages-icon-webtrader {
  background-image: url("../img/for-sprites/advantages/icon-webtrader.svg");
}

.advantages-logo {
  background-image: url("../img/for-sprites/advantages/logo.svg");
}

.advantages-magnifier {
  background-image: url("../img/for-sprites/advantages/magnifier.svg");
}

.advantages-manager {
  background-image: url("../img/for-sprites/advantages/manager.svg");
}

.advantages-megaphone {
  background-image: url("../img/for-sprites/advantages/megaphone.svg");
}

.advantages-paper {
  background-image: url("../img/for-sprites/advantages/paper.svg");
}

.advantages-percent {
  background-image: url("../img/for-sprites/advantages/percent.svg");
}

.advantages-pig-ar {
  background-image: url("../img/for-sprites/advantages/pig-ar.svg");
}

.advantages-pig {
  background-image: url("../img/for-sprites/advantages/pig.svg");
}

.advantages-platform {
  background-image: url("../img/for-sprites/advantages/platform.svg");
}

.advantages-profit {
  background-image: url("../img/for-sprites/advantages/profit.svg");
}

.advantages-quality {
  background-image: url("../img/for-sprites/advantages/quality.svg");
}

.advantages-rocket {
  background-image: url("../img/for-sprites/advantages/rocket.svg");
}

.advantages-statistic {
  background-image: url("../img/for-sprites/advantages/statistic.svg");
}

.advantages-status {
  background-image: url("../img/for-sprites/advantages/status.svg");
}

.advantages-strategy {
  background-image: url("../img/for-sprites/advantages/strategy.svg");
}

.advantages-support {
  background-image: url("../img/for-sprites/advantages/support.svg");
}

.advantages-ten {
  background-image: url("../img/for-sprites/advantages/ten.svg");
}

.advantages-timer {
  background-image: url("../img/for-sprites/advantages/timer.svg");
}

.advantages-traders {
  background-image: url("../img/for-sprites/advantages/traders.svg");
}

.promo-block .advantages-icon {
  height: 6.25rem;
  width: 6.25rem;
}

.small-advantages span {
  background: url(../img/icons-accounts.png) no-repeat;
  display: inline-block;
  height: 33px;
  width: 65px;
}

.small-advantages span.hundred {
  background-position: 100% 0;
}

.small-advantages span.currency {
  background-position: 100% -33px;
}

.small-advantages span.learn {
  background-position: 100% -66px;
}

.small-advantages span.planet {
  background-position: 100% -98px;
}

.small-advantages span.buoy {
  background-position: 100% -130px;
}

.small-advantages span.percent {
  background-position: 100% -163px;
}

.small-advantages span.clock {
  background-position: 100% -196px;
}

.small-advantages span.baby {
  background-position: 100% -228px;
}

.small-advantages span.ten {
  background-position: 100% -260px;
}

.small-advantages span.bank {
  background-position: 100% -293px;
}

.small-advantages span.rocket {
  background-position: 100% -325px;
}

.small-advantages span.graph {
  background-position: 100% -358px;
}

.small-advantages span.five {
  background-position: 100% -390px;
}

.small-advantages span.calc {
  background-position: 100% -423px;
}

.gc-review {
  display: block;
  list-style-type: none;
  font-size: 1.125rem;
}

.gc-review:before, .gc-review:after {
  content: " ";
  display: table;
}

.gc-review:after {
  clear: both;
}

.gc-review.first .gc-review-content {
  border-top-color: #14817a;
}

.gc-review.first .author-quote {
  background-color: #14817a;
}

.gc-review.first:hover a.gc-review-content {
  border-color: #14817a;
}

.gc-review.first:hover a.gc-review-content .content-triangle:before {
  border-color: #14817a;
}

.gc-review.second .gc-review-content {
  border-top-color: #ce2029;
}

.gc-review.second .author-quote {
  background-color: #ce2029;
}

.gc-review.second:hover a.gc-review-content {
  border-color: #ce2029;
}

.gc-review.second:hover a.gc-review-content .content-triangle:before {
  border-color: #ce2029;
}

.gc-review.third .gc-review-content {
  border-top-color: #FFC832;
}

.gc-review.third .author-quote {
  background-color: #FFC832;
}

.gc-review.third:hover a.gc-review-content {
  border-color: #FFC832;
}

.gc-review.third:hover a.gc-review-content .content-triangle:before {
  border-color: #FFC832;
}

.gc-review-content {
  width: 100%;
  background-color: #ffffff;
  padding: 1.5rem;
  position: relative;
  border: 3px solid #ffffff;
  display: block;
  transition: all 300ms ease-out;
}

.gc-review-content:hover {
  transition: all 300ms ease-out;
}

.gc-review-content:hover .content-triangle:hover:before {
  transition: all 300ms ease-out;
}

.gc-review-content .content-text {
  overflow: hidden;
  line-height: 1.4;
}

.gc-review-content .content-triangle {
  height: 20px;
  bottom: -20px;
  right: 0;
  width: 100%;
  overflow: hidden;
  position: absolute;
}

.gc-review-content .content-triangle:before {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 300ms ease-out;
  content: "";
  background-color: #ffffff;
  width: 28px;
  height: 28px;
  display: block;
  top: -15px;
  right: 3.4375rem;
  position: absolute;
  border: 3px solid #ffffff;
}

.gc-review.horizontal .gc-review-content .content-triangle {
  top: 1.25rem;
  bottom: auto;
  height: 40px;
  width: 20px;
  right: -20px;
}

.gc-review.horizontal .gc-review-content .content-triangle:before {
  right: 6px;
  top: 5px;
}

.gc-review-author {
  padding: 2rem 0;
  line-height: 1.5rem;
}

.gc-review-author:before, .gc-review-author:after {
  content: " ";
  display: table;
}

.gc-review-author:after {
  clear: both;
}

.gc-review-author .author-date {
  color: #757576;
  display: inline-block;
  float: right;
  clear: both;
  padding-right: 1rem;
  font-style: italic;
  font-size: 0.9375rem;
}

.gc-review-author .author-name {
  display: inline-block;
  float: right;
  padding-top: 0.5rem;
  padding-right: 1rem;
}

.gc-review-author .author-quote {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  float: right;
  display: inline-block;
  margin-right: 2rem;
  background: #14817a url(../svg/base/quote-left.svg) center/50% no-repeat;
}

/*----------------------------------------------------Top bar-------------------------------------------------------*/
.top-bar .lang span.lang-ms:before {
  background-image: url(../flag-svg-collection/flags/1x1/my.svg);
}

.top-bar .lang span.lang-vi:before {
  background-image: url(../flag-svg-collection/flags/1x1/vn.svg);
}

/* gc-top-bar */
.gc-top-bar {
  padding: 0 20px 0 20px !important;
}

@media all and (max-width: 768px) {
  .gc-top-bar__panel-lang {
    padding: 0 !important;
  }
}

@media all and (max-width: 640px) {
  .gc-top-bar__panel-office-right {
    margin: 0 0 0 30px !important;
    transform: translateX(1px);
  }
}

@media all and (max-width: 640px) {
  .gc-top-bar__panel-office-right a span:nth-of-type(1) {
    width: 16px !important;
    height: 16px !important;
    background: url("../img/svg/enter.svg") right center no-repeat !important;
  }
}

@media all and (max-width: 768px) {
  .gc-top-bar__panel-nav-right {
    padding: 0 !important;
  }
}

.gc-top-bar__panel-regions-right {
  background: transparent !important;
}

.gc-top-bar__panel-regions-right a img {
  width: 25px;
  height: 25px;
  transform: translateY(1px);
  margin: 0 0 0 3px;
}

.top-bar {
  color: #ffffff;
  height: 2.5rem;
  margin-bottom: 0;
  overflow: visible;
  padding: 0 .625rem;
  /* phone */
  /* main style for ul */
  /*link with icon*/
  /*language*/
  /*services*/
  /* exclusions */
  /* top bar logo */
  /* top bar search */
}

.top-bar li {
  float: right;
  height: 100%;
  position: relative;
}

.top-bar li:not(:last-child) {
  margin-left: 1.875rem;
}

.top-bar li.right:not(:last-child) {
  margin: 0 1.875rem 0 0;
}

.top-bar a span {
  color: #ffffff;
  font: 0.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
  line-height: 2.5rem;
}

.top-bar .phone {
  font: 1.175rem "pfDinTextReg", "Helvetica Neue", "Arial";
  vertical-align: sub;
}

.top-bar ul.top-bar-panel {
  height: 2.5rem;
  list-style: none;
  margin-right: 0;
}

.top-bar a.with-icon {
  display: inline-block;
  line-height: 38px;
  position: relative;
}

.top-bar a.with-icon:hover, .top-bar a.with-icon:focus, .top-bar a.with-icon:active {
  background: none;
}

.top-bar a.with-icon:hover span:not(:first-of-type), .top-bar a.with-icon:focus span:not(:first-of-type), .top-bar a.with-icon:active span:not(:first-of-type) {
  border-bottom: 1px solid #FFC832;
  color: #FFC832;
}

.top-bar a.with-icon:hover span:first-of-type .hambrgr-menu-icon .hambrgr-menu-icon-item, .top-bar a.with-icon:focus span:first-of-type .hambrgr-menu-icon .hambrgr-menu-icon-item, .top-bar a.with-icon:active span:first-of-type .hambrgr-menu-icon .hambrgr-menu-icon-item {
  background-color: #FFC832;
}

.top-bar .lang {
  text-align: right !important;
  white-space: nowrap;
}

.top-bar .lang li a {
  display: flex;
  align-items: center;
}

.top-bar .lang > span {
  height: 100%;
  display: inline-block;
}

.top-bar .lang span {
  display: flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.top-bar .lang span:before {
  content: "";
  display: block;
  float: right;
  line-height: 1px;
  position: relative;
  height: 18px;
  width: 18px;
  background-size: 100%;
  border-radius: 50%;
  display: none !important;
}

.top-bar .lang span.current:before {
  top: 10px;
}

.top-bar .lang span.current:after {
  background: url(../img/icons.png) no-repeat -320px -443px;
  display: inline-block;
  height: 10px;
  width: 13px;
  vertical-align: middle;
  content: "";
  float: right;
  cursor: pointer;
  position: relative;
  margin-right: 0.3125rem;
  top: 2px;
}

.top-bar .lang span.lang-ru:before {
  background-image: url("../flag-svg-collection/flags/1x1/by.svg");
}

.top-bar .lang span.lang-en:before {
  background-image: url("../flag-svg-collection/flags/1x1/gb.svg");
}

.top-bar .lang span.lang-id:before {
  background-image: url("../flag-svg-collection/flags/1x1/id.svg");
}

.top-bar .lang span.lang-zh-hans:before {
  background-image: url("../flag-svg-collection/flags/1x1/cn.svg");
}

.top-bar .lang span.lang-pl:before {
  background-image: url("../flag-svg-collection/flags/1x1/pl.svg");
}

.top-bar .lang span.lang-pt:before {
  background-image: url("../flag-svg-collection/flags/1x1/br.svg");
}

.top-bar .lang span.lang-ar:before {
  background-image: url("../flag-svg-collection/flags/1x1/sa.svg");
}

.top-bar .lang span.lang-uk:before {
  background-image: url("../flag-svg-collection/flags/1x1/ua.svg");
}

.top-bar .lang span.lang-fa:before {
  background-image: url("../flag-svg-collection/flags/1x1/ir.svg");
}

.top-bar .lang span.lang-fr:before {
  background-image: url("../flag-svg-collection/flags/1x1/fr.svg");
}

.top-bar .lang span.lang-th:before {
  background-image: url("../flag-svg-collection/flags/1x1/th.svg");
}

.top-bar .lang span.lang-ms:before {
  background-image: url("../flag-svg-collection/flags/1x1/my.svg");
}

.top-bar .lang span.lang-vi:before {
  background-image: url("../flag-svg-collection/flags/1x1/vn.svg");
}

.top-bar .lang span.lang-de:before {
  background-image: url("../flag-svg-collection/flags/1x1/de.svg");
}

.top-bar .lang span.lang-es:before {
  background-image: url("../flag-svg-collection/flags/1x1/co.svg");
}

.top-bar .lang-list {
  cursor: pointer;
  right: 0 !important;
  max-width: 180px !important;
  top: 40px !important;
  width: auto !important;
  margin-right: -0.91rem !important;
}

.top-bar .lang-list a {
  text-transform: capitalize;
}

.top-bar .lang-list span {
  font: inherit !important;
  margin-left: 10px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .top-bar .lang-list {
    margin-right: -0.3rem !important;
  }
}

.top-bar a.with-icon span:first-of-type {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  margin-left: .5rem;
  width: 25px;
}

.top-bar a.with-icon span:first-of-type .hambrgr-menu-icon .hambrgr-menu-icon-item {
  width: 100%;
  height: 2px;
  border-radius: 3px 3px 3px 3px;
  background-color: #ffffff;
  margin-top: 4px;
}

.top-bar a.with-icon span:first-of-type .hambrgr-menu-icon .hambrgr-menu-icon-item:first-child {
  margin-top: 5px;
}

.top-bar .actions a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: 100% 0;
}

.top-bar .actions a.with-icon:hover span:first-of-type, .top-bar .actions a.with-icon:active span:first-of-type, .top-bar .actions a.with-icon:focus span:first-of-type {
  background-position: 100% 0;
}

.top-bar .account a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -40px 0;
}

.top-bar .account a.with-icon:hover span:first-of-type, .top-bar .account a.with-icon:active span:first-of-type, .top-bar .account a.with-icon:focus span:first-of-type {
  background-position: -40px -240px;
}

.top-bar .chat a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -80px 0;
}

.top-bar .chat a.with-icon:hover span:first-of-type, .top-bar .chat a.with-icon:active span:first-of-type, .top-bar .chat a.with-icon:focus span:first-of-type {
  background-position: -80px -240px;
}

.top-bar .office a.with-icon span:first-of-type {
  background-image: url("../img/svg/enter.svg");
  background-repeat: no-repeat;
  background-size: 57%;
  background-position: right 11px top 3px;
}

.top-bar .office a.with-icon .not-auth-icon {
  background-size: 10%;
  background-position: right 11px top 3px;
}

.top-bar .fill a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -320px 0;
}

.top-bar .fill a.with-icon:hover span:first-of-type, .top-bar .fill a.with-icon:active span:first-of-type, .top-bar .fill a.with-icon:focus span:first-of-type {
  background-position: -320px -40px;
}

.top-bar .open a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -320px -240px;
}

.top-bar .open a.with-icon:hover span:first-of-type, .top-bar .open a.with-icon:active span:first-of-type, .top-bar .open a.with-icon:focus span:first-of-type {
  background-position: -360px -240px;
}

.top-bar .problem a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -280px -200px;
}

.top-bar .problem a.with-icon:hover span:first-of-type, .top-bar .problem a.with-icon:active span:first-of-type, .top-bar .problem a.with-icon:focus span:first-of-type {
  background-position: -320px -200px;
}

.top-bar .forum a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -438px -80px;
}

.top-bar .forum a.with-icon:hover span:first-of-type, .top-bar .forum a.with-icon:active span:first-of-type, .top-bar .forum a.with-icon:focus span:first-of-type {
  background-position: -438px -120px;
}

.top-bar .call {
  background: url(../img/svg/call-topbar.svg) no-repeat;
  background-size: 60%;
  background-position: top 10px right 6px;
}

.top-bar .skype a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -400px 0;
}

.top-bar .skype a.with-icon:hover span:first-of-type, .top-bar .skype a.with-icon:active span:first-of-type, .top-bar .skype a.with-icon:focus span:first-of-type {
  background-position: -400px -40px;
}

.top-bar .search a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -203px -242px;
}

.top-bar .search a.with-icon:hover span:first-of-type, .top-bar .search a.with-icon:active span:first-of-type, .top-bar .search a.with-icon:focus span:first-of-type {
  background-position: -243px -242px;
}

.top-bar .regions {
  background: url(../img/svg/planet.svg) no-repeat;
  background-size: 16%;
  background-position: top 10px right 2px;
}

.top-bar .webtrader a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -361px -440px;
}

.top-bar .webtrader a.with-icon:hover span:first-of-type, .top-bar .webtrader a.with-icon:active span:first-of-type, .top-bar .webtrader a.with-icon:focus span:first-of-type {
  background-position: -401px -440px;
}

.top-bar .webtrader--mobile {
  display: none;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .top-bar .webtrader--mobile {
    display: block;
  }
  .top-bar .webtrader--mobile a.with-icon span:first-of-type {
    background: url("../img/svg/laptop_webtrader.svg") 50% 40% no-repeat;
  }
}

.top-bar .logo a.with-icon span:first-of-type {
  background: url(../img/icons.png) no-repeat;
  background-position: -400px -280px;
}

.top-bar .logo a.with-icon:hover span:first-of-type, .top-bar .logo a.with-icon:active span:first-of-type, .top-bar .logo a.with-icon:focus span:first-of-type {
  background-position: -400px -280px;
}

.top-bar .logo a.with-icon {
  /*320!!!*/
}

.top-bar .logo a.with-icon span:first-of-type {
  height: 30px;
  width: 30px;
  transition: all 400ms ease-out;
}

@media only screen and (min-width: 90em) {
  .top-bar .logo a.with-icon:hover span:first-of-type, .top-bar .logo a.with-icon:active span:first-of-type, .top-bar .logo a.with-icon:focus span:first-of-type {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

.top-bar .chat a.with-icon span .inbox-count {
  background: none;
  border: none;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial" !important;
  height: auto;
  margin: 0;
  vertical-align: bottom;
  width: auto;
}

.top-bar .chat a.with-icon span .inbox-count:hover, .top-bar .chat a.with-icon span .inbox-count:active, .top-bar .chat a.with-icon span .inbox-count:focus {
  border: none;
}

.top-bar .chat a.with-icon:hover span, .top-bar .chat a.with-icon:active span, .top-bar .chat a.with-icon:focus span {
  color: #FFC832;
}

.top-bar .fill a.with-icon span:first-of-type, .top-bar .open a.with-icon span:first-of-type {
  margin-top: -4px;
}

.top-bar .call a.with-icon span:first-of-type, .top-bar .skype a.with-icon span:first-of-type, .top-bar .search a.with-icon span:first-of-type {
  margin-left: 0;
}

.top-bar .regions a.with-icon span:first-of-type {
  width: 26px;
}

.top-bar .advisor {
  max-width: 0;
  overflow: hidden;
  transition: max-width 1s ease-in-out;
}

.top-bar .advisor a.with-icon span.adv-offline {
  background: url(../img/svg/consultant_off-topbar.svg) no-repeat;
  background-size: 65%;
  background-position: top 5px right 5px;
}

.top-bar .advisor a.with-icon span.adv-online {
  background: url(../img/svg/consultant-topbar.svg) no-repeat;
  background-size: 65%;
  background-position: top 5px right 5px;
}

@media only screen and (min-width: 0) and (max-width: 550px) {
  .top-bar .webtrader a > span:last-of-type {
    display: none;
  }
}

.top-bar .nav {
  transition: all 300ms ease-out;
  display: none;
}

.top-bar .nav.active a.with-icon span:first-of-type {
  background: none;
  height: auto;
}

.top-bar .nav.active a.with-icon span:first-of-type .hambrgr-menu-icon {
  display: none;
}

.top-bar .nav.active a.with-icon span:first-of-type:before {
  display: inline-block;
  vertical-align: middle;
  content: "\00D7";
  font: 2rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: -.55rem .2rem 0 0;
}

.top-bar .nav.active a.with-icon:hover span:last-of-type, .top-bar .nav.active a.with-icon:active span:last-of-type, .top-bar .nav.active a.with-icon:focus span:last-of-type {
  border-color: transparent;
  color: #ffffff;
}

.top-bar .top-bar-panel > li.front-logo {
  background: url("../img/logo-icon.png") no-repeat 100% 5px;
  background-size: 30px;
  margin-left: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s;
  visibility: hidden;
  width: 0;
}

.top-bar .top-bar-panel > li.front-logo a {
  display: block;
  height: 100%;
  width: 30px;
}

.top-bar .top-bar-panel > li.front-logo.visible {
  margin-left: 1.875rem;
  opacity: 1;
  visibility: visible;
  width: 30px;
}

.top-bar .search input[type="submit"] {
  transition: all 300ms ease-out;
  background: url(../img/search.png) no-repeat;
  background-position: right;
  border: none;
  border-radius: 3px 0 0 3px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  float: right;
  font: 0.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
  height: 27px;
  line-height: 28px;
  padding: 0 38px 0 8px;
  width: auto;
  top: 6px;
  line-height: 1.9;
}

.top-bar form {
  display: inline-block;
  position: relative;
}

.top-bar .search input[type="text"] {
  border: none !important;
  border-radius: 0 3px 3px 0;
  display: block;
  float: right;
  font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 27px;
  line-height: 1.6875rem;
  padding: 0;
  position: absolute;
  left: 30px;
  width: 0;
  z-index: 2;
  top: 6px;
  transition: all 300ms ease-out;
}

.top-bar .search input[type="text"]:hover, .top-bar .search input[type="text"]:active, .top-bar .search input[type="text"]:focus {
  border: 1px solid #FFC832;
}

.top-bar .search input[type="text"]::-moz-placeholder {
  color: #818183;
  font: 1rem/1.6875rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
}

.top-bar .search input[type="text"]::-webkit-input-placeholder {
  color: #818183;
  font: 1rem/1.6875rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
}

.top-bar .search input[type="text"]:-ms-input-placeholder {
  color: #818183;
  font: 1rem/1.6875rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
}

.top-bar .show-input {
  width: 265px !important;
  padding: 0 8px !important;
  border: none !important;
}

.top-bar .hover-submit {
  background-color: #ce2029 !important;
  background-position: left !important;
  padding: 0 8px 0 38px !important;
}

@media handheld {
  .top-bar .search input[type="text"] {
    border: none !important;
    padding: 0 8px !important;
    width: 255px !important;
  }
  .top-bar .search input[type="submit"] {
    background-color: #ce2029 !important;
    background-position: left !important;
    padding: 0 8px 0 38px !important;
  }
}

/* <<< top bar */
/* general for top bar */
.contain-to-grid {
  background: rgba(0, 0, 0, 0.8);
  z-index: 1001;
  position: relative;
}

.top-bar, .top-bar li, .top-bar li a {
  background: none;
}

.contain-to-grid .top-bar {
  max-width: 76.4rem;
}

/* scroll to top */
#scroll-to-top-button {
  background-image: url("../img/up-button-hover.png");
  bottom: 20px;
  cursor: pointer;
  height: 49px;
  opacity: 0;
  position: fixed;
  left: 20px;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 47px;
  z-index: 10000;
  transition: all 300ms ease-out;
}

@media (max-width: 425px) {
  #scroll-to-top-button {
    display: none;
  }
}

#scroll-to-top-button.visible {
  opacity: 0.3;
  visibility: visible;
}

#scroll-to-top-button.visible:hover {
  opacity: 0.9;
}

@media only screen and (min-width: 1110px) and (max-width: 1400px) {
  #scroll-to-top-button.topper {
    bottom: 100px;
    transition: all 300ms ease-out;
  }
}

/* adaptive */
@media only screen and (min-width: 0) and (max-width: 767px) {
  .gc .contain-to-grid .top-bar {
    padding: 0;
  }
  .gc .top-bar-panel li.lang, .gc .top-bar-panel li.nav {
    padding: 0 .625rem;
  }
}

.gc .contain-to-grid .top-bar .top-bar-panel {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .gc .contain-to-grid .top-bar .top-bar-panel {
    text-align: center;
  }
}

.gc .contain-to-grid .top-bar .top-bar-panel > li {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.nav span:last-child {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.office span:first-child, .gc .contain-to-grid .top-bar .top-bar-panel > li.nav span:first-child {
    margin-left: 0;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.nav span:first-child:before {
    margin: -.1rem 0 0;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.lang {
    margin: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 723px) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.regions {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 697px) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.call {
    display: none;
  }
}

@media only screen and (max-width: 40em) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.advisor {
    display: none !important;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.open {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.fill {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.lang {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.webtrader {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li .lang-list.open.scroll-lang {
    right: 4.3rem !important;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.nav {
    margin: 0;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.office {
    display: inline-block !important;
    float: right !important;
    margin-right: 5px;
    margin-left: 30px;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li a span {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 700px) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.open span:last-child {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.fill span:last-child {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.nav {
    display: block;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.search {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 830px) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.advisor span:last-child {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 990px) {
  .gc .contain-to-grid .top-bar .top-bar-panel > li.regions > span {
    display: none;
  }
  .gc .contain-to-grid .top-bar .top-bar-panel > li.regions > a span {
    margin-left: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .top-bar-fixed {
    position: static !important;
  }
  .top-bar-fixed .top-bar .top-bar-panel > li.front-logo.visible {
    display: none;
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
    width: 0;
  }
}

/*----------------------------------------------------Dropdowns---------------------------------------------------*/
/*cities and call - dropdown*/
.top-bar .basic-dark-dropdown, .top-bar .lang-list {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  max-width: none;
  background: #292929;
  border: none;
}

.top-bar .basic-dark-dropdown.open, .top-bar .open.lang-list {
  display: block;
}

.top-bar .basic-dark-dropdown > *:first-child, .top-bar .lang-list > *:first-child {
  margin-top: 0;
}

.top-bar .basic-dark-dropdown > *:last-child, .top-bar .lang-list > *:last-child {
  margin-bottom: 0;
}

.top-bar .basic-dark-dropdown:before, .top-bar .lang-list:before {
  display: none;
}

.top-bar .basic-dark-dropdown li, .top-bar .lang-list li {
  background: none;
  display: block;
  width: 100%;
  padding: 8px 15px;
}

.top-bar .basic-dark-dropdown li:hover, .top-bar .lang-list li:hover, .top-bar .basic-dark-dropdown li:active, .top-bar .lang-list li:active, .top-bar .basic-dark-dropdown li:focus, .top-bar .lang-list li:focus {
  background: black;
}

.top-bar .basic-dark-dropdown li a, .top-bar .lang-list li a {
  background: none;
  color: #ffffff;
  display: block;
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  height: 100%;
}

.gc-dropdown {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  padding: 1.25rem;
  width: 100%;
  z-index: 89;
  max-width: 450px;
  background: #096760;
  border: none;
  padding: 2.5rem;
  z-index: 1001;
}

.gc-dropdown.open {
  display: block;
}

.gc-dropdown > *:first-child {
  margin-top: 0;
}

.gc-dropdown > *:last-child {
  margin-bottom: 0;
}

.gc-dropdown:hover, .gc-dropdown:active, .gc-dropdown:focus {
  background: #004F49;
}

.gc-dropdown > p {
  color: #ffffff;
  font: 1.875rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: 2.5rem;
  padding: 0;
}

/*request a call*/
.request-call {
  color: #ffffff;
  margin-right: -200px;
  top: 40px !important;
  right: 0 !important;
  width: 450px;
}

.request-call input[type="text"], .request-call select, .request-call textarea {
  font: 1.125rem "pfDinTextReg", "Helvetica Neue", "Arial";
  float: left;
  width: 250px;
}

.request-call input[type="text"], .request-call select {
  height: 36px;
  margin-bottom: 2.5rem;
}

.request-call input[type="submit"] {
  background: #ffffff;
  border: none;
  border-radius: 0;
  color: #096760;
  cursor: pointer;
  float: left;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  height: 36px;
  margin: 1.875rem 0 0 0;
  padding: 0 .6875rem;
  width: auto;
}

.request-call input[type="submit"]:hover, .request-call input[type="submit"]:focus, .request-call input[type="submit"]:active {
  color: #004F49;
}

.request-call form p {
  margin-bottom: 1.25rem;
  width: 100%;
}

.request-call textarea {
  height: 80px;
}

.request-call label {
  color: #ffffff;
}

.request-call form > label, .request-call form p {
  float: right;
  font: 1.125rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.request-call form > label {
  clear: right;
  height: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 2.375rem;
}

.request-call form {
  margin-bottom: 1.75rem;
}

.request-call div {
  float: right;
  text-align: center;
  width: 28%;
}

.request-call div:first-of-type {
  width: 16%;
}

.request-call div label {
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 0 auto 7px auto;
}

.request-call div input[type="radio"] {
  height: auto;
  margin: 0;
  width: 100%;
}

.request-call .cross {
  color: #ffffff;
  cursor: pointer;
  line-height: .8rem;
}

.g-recaptcha {
  width: 100% !important;
  display: flex;
  justify-content: center;
  float: none !important;
  padding: 20px 0;
}

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

.gc-list li {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000;
  font-size: 18px;
  position: relative;
  padding-right: 27px;
  margin-bottom: 5px;
}

.gc-list li::after {
  content: '';
  background: url("/static/svg/base/icon-check.svg") no-repeat center;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 5px;
  width: 17px;
  height: 13px;
}

.indentation-block {
  margin-bottom: 75px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .indentation-block {
    margin-bottom: 60px;
  }
}

.indentation-inner {
  padding-bottom: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .indentation-inner {
    padding-bottom: 35px;
  }
}

.indentation-p {
  margin-bottom: 24px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .indentation-p {
    margin-bottom: 22px;
  }
}

.gc-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-steps {
    flex-direction: column;
  }
}

.gc-steps__item {
  display: flex;
  position: relative;
  max-width: 320px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-steps__item {
    margin-bottom: 50px;
  }
}

.gc-steps__item::after {
  content: '';
  width: 34px;
  height: 15px;
  background: url("/static/svg/base/arrow.svg") center/cover no-repeat;
  position: absolute;
  left: -40px;
  top: 10px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-steps__item::after {
    transform: rotate(-90deg);
    left: auto;
    right: 0;
    top: 60px;
  }
}

.gc-steps__item:last-child::after {
  content: none;
}

.gc-steps__icon {
  max-width: 40px;
  min-width: 40px;
  width: 100%;
  margin-left: 20px;
}

.gc-steps__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  max-width: 265px;
}

.gc-steps--4 .gc-steps__item {
  max-width: 250px;
}

.newLogin * {
  font-family: 'Nunito', sans-serif !important;
}

.newLogin .newLogin-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("/static/img/login-page/signIn-bg_alt.jpg") no-repeat center/cover fixed;
  z-index: 1;
}

.newLogin .newLogin__inner {
  position: relative;
  z-index: 2;
}

.newLogin .newLogin-top .newLogin-top__inner {
  background-color: #1b1e25;
  color: white;
  font-size: 18px;
  line-height: 24px;
  padding: 25px 0;
}

.newLogin .newLogin-top .newLogin-top__inner .row::before,
.newLogin .newLogin-top .newLogin-top__inner .row::after {
  display: none;
}

.newLogin .newLogin-top .newLogin-top__inner .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .newLogin .newLogin-top .newLogin-top__inner .row {
    justify-content: center;
  }
}

.newLogin .newLogin-top .newLogin-top-logo a {
  display: block;
  max-width: 200px;
}

.newLogin .newLogin-top .newLogin-top-logo img {
  width: 100%;
  height: auto;
}

.newLogin .newLogin-top .newLogin-top-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .newLogin .newLogin-top .newLogin-top-info {
    display: none;
  }
}

.newLogin .newLogin-top .newLogin-top-info svg {
  vertical-align: middle;
}

.newLogin .newLogin-top .newLogin-top-info .newLogin-top-onlineCons {
  margin-left: 55px;
}

.newLogin .newLogin-box {
  width: fit-content !important;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  margin: 100px auto;
  padding: 50px;
}

.newLogin .newLogin-box--full {
  width: 100% !important;
}

@media (max-width: 768px) {
  .newLogin .newLogin-box {
    padding: 25px;
  }
}

.newLogin .newLogin-box h1 {
  margin-bottom: 20px;
}

.newLogin .newLogin-box input[type="text"], .newLogin .newLogin-box input[type="password"], .newLogin .newLogin-box input[type="search"], .newLogin .newLogin-box input[type="number"], .newLogin .newLogin-box input[type="tel"], .newLogin .newLogin-box input[type="email"], .newLogin .newLogin-box input[type="url"], .newLogin .newLogin-box textarea, .newLogin .newLogin-box select {
  border: 1px solid white;
  border-radius: 3px;
  height: auto;
  min-height: 42px;
  transition: .2s ease-in-out;
}

.newLogin .newLogin-box input[type="text"]:hover, .newLogin .newLogin-box input[type="text"]:focus-visible, .newLogin .newLogin-box input[type="text"]:active, .newLogin .newLogin-box input[type="password"]:hover, .newLogin .newLogin-box input[type="password"]:focus-visible, .newLogin .newLogin-box input[type="password"]:active, .newLogin .newLogin-box input[type="search"]:hover, .newLogin .newLogin-box input[type="search"]:focus-visible, .newLogin .newLogin-box input[type="search"]:active, .newLogin .newLogin-box input[type="number"]:hover, .newLogin .newLogin-box input[type="number"]:focus-visible, .newLogin .newLogin-box input[type="number"]:active, .newLogin .newLogin-box input[type="tel"]:hover, .newLogin .newLogin-box input[type="tel"]:focus-visible, .newLogin .newLogin-box input[type="tel"]:active, .newLogin .newLogin-box input[type="email"]:hover, .newLogin .newLogin-box input[type="email"]:focus-visible, .newLogin .newLogin-box input[type="email"]:active, .newLogin .newLogin-box input[type="url"]:hover, .newLogin .newLogin-box input[type="url"]:focus-visible, .newLogin .newLogin-box input[type="url"]:active, .newLogin .newLogin-box textarea:hover, .newLogin .newLogin-box textarea:focus-visible, .newLogin .newLogin-box textarea:active, .newLogin .newLogin-box select:hover, .newLogin .newLogin-box select:focus-visible, .newLogin .newLogin-box select:active {
  border-color: #0ABB86;
}

.newLogin .newLogin-box_login {
  width: 100% !important;
}

.newLogin .newLogin-box .container {
  margin: 10px 0;
}

.newLogin .newLogin-box table {
  table-layout: auto !important;
}

.newLogin .newLogin-box table th {
  padding: 12px !important;
}

.newLogin .newLogin-box .errors {
  color: red;
}

.newLogin .newLogin-box .newLogin-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 50px;
}

.newLogin .newLogin-box .newLogin-header .newLogin-header__item {
  border-bottom: solid 2px #b5b5b5;
  color: #959595;
  font-size: 28px;
  padding: 10px 0;
  text-align: center;
  width: calc(50% - 1px);
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
}

@media (max-width: 40.0625em) {
  .newLogin .newLogin-box .newLogin-header .newLogin-header__item {
    font-size: 20px;
  }
}

.newLogin .newLogin-box .newLogin-header .newLogin-header__item a {
  color: #959595;
  border-bottom: none;
}

.newLogin .newLogin-box .newLogin-header .newLogin-header__item--active {
  border-color: #00978a;
  color: #009e82;
}

.newLogin .newLogin-box .newLogin-header .newLogin-header__item--active a {
  color: #009e82;
}

.newLogin .newLogin-box .newLogin-header__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  margin-bottom: 25px;
  font-size: 30px;
}

.newLogin .newLogin-box .go-back {
  text-align: center;
  color: rgba(22, 22, 22, 0.5);
  display: block;
}

.newLogin .newLogin-box .go-back span {
  border-bottom: 1px solid rgba(22, 22, 22, 0.5);
}

.newLogin .newLogin-box form {
  position: relative;
}

.newLogin .newLogin-box .sign-in-form-item {
  position: relative;
  margin-bottom: 17px;
}

.newLogin .newLogin-box .sign-in-form-item .sign-in-form-item__label {
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 50%;
  font-size: 18px;
  transition: all 0.1s;
  transform: translateY(70%);
  pointer-events: none;
}

.newLogin .newLogin-box .sign-in-form-item .sign-in-form-item__label label {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: rgba(22, 22, 22, 0.5);
  cursor: default;
  display: inline-block;
  margin-bottom: 7px;
  font-size: inherit;
  padding: 0;
}

.newLogin .newLogin-box .sign-in-form-item input {
  min-height: 62px;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #b5b5b5;
  transition: all 0.3s;
  padding: 33px 13px 10px;
}

.newLogin .newLogin-box .sign-in-form-item input:focus,
.newLogin .newLogin-box .sign-in-form-item input:valid {
  border-color: #00978a;
}

.newLogin .newLogin-box .sign-in-form-item input:-webkit-autofill + .sign-in-form-item__label {
  bottom: 25px;
  transform: translateY(0);
  font-size: 14px;
  color: #a7a7a7;
}

.newLogin .newLogin-box .sign-in-form-item input:focus + .sign-in-form-item__label,
.newLogin .newLogin-box .sign-in-form-item input:valid + .sign-in-form-item__label {
  bottom: 25px;
  transform: translateY(0);
  font-size: 14px;
  color: #a7a7a7;
}

.newLogin .newLogin-box .sign-in-form-item input.phone-input {
  padding: 33px 90px 0 13px;
}

.newLogin .newLogin-box .sign-in-form-item .checkbox-wrapper input[type="checkbox"] + label + label {
  width: inherit;
  max-width: 80%;
  color: #424243;
}

.newLogin .newLogin-box .sign-in-form-item select.phone-select {
  border-width: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  width: 80px;
  position: absolute;
  bottom: 3px;
  right: 5px;
  height: 25px;
}

.newLogin .newLogin-box .sign-in-form-item select.phone-select:hover,
.newLogin .newLogin-box .sign-in-form-item select.phone-select:focus,
.newLogin .newLogin-box .sign-in-form-item select.phone-select:active {
  border: solid 0px #fff;
}

.newLogin .newLogin-box .sign-in-form-item .agent-code-btn {
  margin-bottom: 10px;
}

.newLogin .newLogin-box .sign-in-form-item .agent-code-btn span {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #009e82;
  border-bottom: 1px #009e82 dashed;
  cursor: pointer;
}

.newLogin .newLogin-box .sign-in-form-item .agent-code-block {
  display: none;
  position: relative;
}

.newLogin .newLogin-box .sign-in-form-item .agent-code-block + .sign-in-form-item__label {
  visibility: hidden;
}

.newLogin .newLogin-box .sign-in-form-item .agent-code-block.show + .sign-in-form-item__label {
  visibility: visible;
}

.newLogin .newLogin-box .forgot_your_pass {
  position: absolute;
  bottom: 76px;
  left: 0;
}

@media (max-width: 375px) {
  .newLogin .newLogin-box .forgot_your_pass {
    position: static;
    text-align: center;
    margin-bottom: 20px;
  }
}

.newLogin .newLogin-box .forgot_your_pass a {
  color: #009e82;
  border-bottom: 1px solid #009e82;
  font-size: 16px;
}

.newLogin .newLogin-box .forgot_your_pass a:hover {
  border-bottom: none;
}

.newLogin .newLogin-box .submit-btn {
  text-align: center;
  margin-bottom: 28px;
}

.newLogin .newLogin-box .submit-btn input,
.newLogin .newLogin-box .submit-btn a {
  border-radius: 3px;
  background-color: #009e82;
  padding: 15px 25px;
  color: #fff;
}

.newLogin .newLogin-box .submit-btn.no-margin {
  margin: 0;
}

.newLogin .newLogin-box .submit-btn.no-margin input {
  margin: 0 !important;
}

.newLogin .newLogin-box #password-reset-form .submit-btn {
  margin-bottom: 20px;
}

.newLogin .newLogin-box #password-reset-form .submit-btn input {
  margin: 0 !important;
}

.newLogin .newLogin-box .oauth-block {
  margin-top: 27px;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #424243;
  text-align: center;
}

.newLogin .newLogin-box .oauth-block .auth-icons a.auth-icon {
  width: 2.3rem;
  height: 2.3rem;
  line-height: 2.3rem;
  opacity: 0.8;
  border-radius: 7px;
  position: relative;
}

.newLogin .newLogin-box .oauth-block .auth-icons a.auth-icon:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #aeaeae;
  z-index: 1;
  border-radius: 7px;
}

.newLogin .newLogin-box .oauth-block .auth-icons a.auth-icon:before {
  z-index: 2;
  position: relative;
}

.newLogin .newLogin-box .oauth-block .auth-icons a.auth-icon:hover {
  opacity: 1;
}

.newLogin .newLogin-box .oauth-block .auth-icons a.auth-icon:hover:after {
  opacity: 0;
}

.newLogin .newLogin-box .oauth-block .auth-icons a.auth-icon.mailru {
  color: #fff;
}

.newLogin .newLogin-box .note {
  text-align: center;
  color: #161616;
}

.newLogin .newLogin-box .note a {
  border-bottom: 1px solid #161616;
}

/* Nunito */
/* landing-webinar */
/* landing-webinar-components */
[data-c-button-landing-green] {
  background: #2ED790;
  border: none;
  outline: none;
  display: inline-block;
  text-decoration: none;
  color: #fff !important;
  padding: 10px 30px 10px 30px;
  font-weight: 600;
  font-size: 18px;
  transition: background 0.3s ease;
}

[data-c-button-landing-green]:hover, [data-c-button-landing-green]:active {
  color: #fff !important;
}

[data-c-button-landing-green]:hover {
  background: #22b074;
}

/* landing-webinar-block-1 */
.webinar-block-1 {
  font-family: 'Nunito', sans-serif;
  background: url("../img/promo/landing-webinar/webinar-block-1__bg.jpg") no-repeat center center;
  background-size: cover;
}

.webinar-block-1__subwrap {
  max-width: 1240px;
  margin: 0 auto 0 auto;
  padding: 22px 20px 320px 20px;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__subwrap {
    padding: 22px 20px 50px 20px;
  }
}

.webinar-block-1__logo {
  line-height: 0;
  margin: 0 0 250px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__logo {
    background: #000;
    margin: -22px -20px 36px -20px;
    padding: 12px 20px 12px 20px;
  }
}

.webinar-block-1__info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info {
    display: block;
  }
}

.webinar-block-1__info-left {
  width: 50%;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-left {
    width: auto;
  }
}

.webinar-block-1__info-left-title-1 {
  color: #fff;
  font-size: 24px;
  line-height: 33px;
  margin: 0 0 20px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-left-title-1 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-left-title-1 {
    text-align: right;
  }
}

.webinar-block-1__info-left-title-1 span {
  position: relative;
  padding: 0 23px 0 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-left-title-1 span {
    padding: 0 18px 0 0;
  }
}

.webinar-block-1__info-left-title-1 span::before {
  content: '';
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  background: #2ED790;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-left-title-1 span::before {
    top: 6px;
  }
}

.webinar-block-1__info-left-title-2 {
  color: #fff;
  font-weight: 600;
  font-size: 55px;
  line-height: 70px;
  margin: 0 0 30px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-left-title-2 {
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 27px 0;
    text-align: center;
  }
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-left-title-2 {
    text-align: right;
  }
}

.webinar-block-1__info-left-title-2 span {
  color: #2ED790;
}

.webinar-block-1__info-left-title-3 {
  color: #fff;
  font-size: 24px;
  line-height: 33px;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-left-title-3 {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 51px 0;
    text-align: center;
  }
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-left-title-3 {
    text-align: right;
  }
}

.webinar-block-1__info-right {
  max-width: 432px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 50px 48px 45px 48px;
}

@media all and (max-width: 1000px) {
  .webinar-block-1__info-right {
    margin: 0 auto 0 auto;
  }
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-right {
    max-width: 320px;
    padding: 50px 28px 45px 28px;
  }
}

.webinar-block-1__info-right-timer {
  font-family: 'Nunito', sans-serif !important;
  background: transparent !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 23px 0 !important;
}

.webinar-block-1__info-right-timer .etTitle {
  font-size: 26px !important;
  line-height: 25px !important;
  margin: 0 0 42px 0 !important;
  text-align: center !important;
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-right-timer .etTitle {
    font-size: 20px !important;
    line-height: 25px !important;
  }
}

.webinar-block-1__info-right-timer .etUnit {
  text-align: center;
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-right-timer .etUnit {
    font-size: 30px !important;
    line-height: 24px !important;
  }
}

.webinar-block-1__info-right-timer .etUnit .etNumber {
  background: transparent !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 8px 0 !important;
  font-size: 36px !important;
  line-height: 24px !important;
  color: #fff !important;
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-right-timer .etUnit .etNumber {
    font-size: 30px !important;
    line-height: 24px !important;
  }
}

.webinar-block-1__info-right-timer .etUnit .etSign {
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 24px !important;
}

.webinar-block-1__info-right-timer .etSep {
  margin: 0 16px 0 16px !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 36px;
  line-height: 24px;
}

@media all and (max-width: 550px) {
  .webinar-block-1__info-right-timer .etSep {
    margin: 0 5px 0 5px !important;
  }
}

.webinar-block-1__info-right-button-wrap {
  text-align: center;
}

/* landing-webinar-block-2 */
.webinar-block-2 {
  font-family: 'Nunito', sans-serif;
  background: #ffffff;
  color: #000;
}

.webinar-block-2__subwrap {
  max-width: 1240px;
  margin: 0 auto 0 auto;
  padding: 86px 20px 100px 20px;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__subwrap {
    padding: 50px 20px 50px 20px;
  }
}

.webinar-block-2__gutam {
  text-align: center;
}

.webinar-block-2__gutam-img {
  margin: 0 0 20px 0;
  line-height: 0;
}

.webinar-block-2__gutam-img img {
  border-radius: 50%;
}

.webinar-block-2__gutam-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 12px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__gutam-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
  }
}

.webinar-block-2__gutam-text {
  color: #2F2C2C;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 50px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__gutam-text {
    margin: 0 0 30px 0;
  }
}

.webinar-block-2__video {
  display: flex;
  align-items: flex-start;
  margin: 0 0 50px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__video {
    flex-direction: column;
    margin: 0 0 30px 0;
  }
}

.webinar-block-2__video-left {
  min-width: 50%;
  padding: 0 0 0 82px;
}

@media all and (max-width: 1366px) {
  .webinar-block-2__video-left {
    padding: 0 0 0 40px;
  }
}

@media all and (max-width: 1000px) {
  .webinar-block-2__video-left {
    order: 2;
    padding: 0 0 0 0;
  }
}

.webinar-block-2__video-left-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 25px 0;
}

.webinar-block-2__video-left-list {
  margin: 0 0 30px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__video-left-list {
    margin: 0 0 20px 0;
  }
}

.webinar-block-2__video-left-item {
  padding: 0 16px 0 0;
  position: relative;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 7px 0;
}

.webinar-block-2__video-left-item:nth-last-of-type(1) {
  margin: 0 0 0 0;
}

.webinar-block-2__video-left-item::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #2ED790;
  top: 10px;
  right: 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__video-left-button-wrap {
    text-align: center;
  }
}

.webinar-block-2__video-right {
  min-width: 50%;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__video-right {
    width: 100%;
    text-align: center;
    order: 1;
    margin: 0 0 30px 0;
  }
}

.webinar-block-2__video-right-link {
  display: inline-block;
  margin: 0 0 10px 0;
}

.webinar-block-2__video-right-link-img {
  width: 100%;
}

.webinar-block-2__video-right-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}

@media all and (max-width: 550px) {
  .webinar-block-2__video-right-text {
    text-align: right;
  }
}

.webinar-block-2__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  color: #2F2C2C;
  margin: 0 0 30px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__text {
    margin: 0 0 20px 0;
  }
}

.webinar-block-2__text a {
  color: #2F2C2C !important;
  text-decoration: underline !important;
}

.webinar-block-2__bottom {
  text-align: center;
}

.webinar-block-2__bottom-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 35px;
  margin: 0 0 30px 0;
}

@media all and (max-width: 1000px) {
  .webinar-block-2__bottom-title {
    margin: 0 0 20px 0;
  }
}

.webinar-block-2__bottom-button {
  margin: 0 0 20px 0;
}

.webinar-block-2__bottom-text {
  font-size: 15px;
  line-height: 20px;
}

body.landing-webinar .gc-footer {
  display: none;
}

/* landing-webinar-footer */
.new-footer-landings--webinar {
  background: #000 !important;
  padding: 25px 20px 25px 20px !important;
}

.new-footer-landings--webinar .row {
  padding: 0 0 0 0 !important;
}

.new-footer-landings--webinar .new-footer-landings__text {
  margin: 0 0 0 0 !important;
}

.new-footer-landings--webinar p {
  font-family: 'Nunito', sans-serif;
  color: #fff !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 17px !important;
  margin: 0 0 18px 0 !important;
}

.new-footer-landings--webinar p:nth-of-type(3) {
  display: inline-block;
  margin: 0 0 0 0 !important;
}

.new-footer-landings--webinar p a {
  border: none !important;
  color: #fff !important;
}

.new-footer-landings--webinar .new-footer-landings__icons-inner {
  margin: 10px 0 0 0 !important;
  padding: 20px 0 0 0 !important;
}

/*------------------------------------------------------Banner-------------------------------------------------------*/
@media only screen and (min-width: 1299px) and (max-width: 1550px) {
  .frontpage .frontpage-slider img.bg-scope-img {
    margin-right: -10%;
    width: 120% !important;
    max-width: 120% !important;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
  .frontpage .frontpage-slider img.bg-scope-img {
    margin-right: -22%;
    width: 130% !important;
    max-width: 130% !important;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1024px) {
  .frontpage .frontpage-slider img.bg-scope-img {
    margin-right: -33%;
    width: 166% !important;
    max-width: 166% !important;
  }
}

@media only screen and (min-width: 640px) and (max-width: 749px) {
  .frontpage .frontpage-slider img.bg-scope-img {
    margin-right: -44%;
    width: 188% !important;
    max-width: 188% !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 639px) {
  .frontpage .frontpage-slider img.bg-scope-img {
    margin-right: -100%;
    width: 300% !important;
    max-width: 300% !important;
  }
  .frontpage .frontpage-slider .bonus40 img.bg-scope-img {
    margin-right: -115%;
  }
  .frontpage .frontpage-slider .partnership .bg-scope-img-wrap {
    height: 505px;
    overflow: hidden;
  }
  .frontpage .frontpage-slider .partnership img.bg-scope-img {
    margin-right: -323%;
    margin-top: -55%;
    width: 600% !important;
    max-width: 600% !important;
  }
  .frontpage .frontpage-slider .education .bg-scope-img-wrap {
    height: 505px;
    overflow: hidden;
  }
  .frontpage .frontpage-slider .education img.bg-scope-img {
    margin-right: -185%;
    margin-top: -35%;
    width: 400% !important;
    max-width: 400% !important;
  }
  .frontpage .frontpage-slider .copytrading img.bg-scope-img {
    margin-right: -140%;
  }
}

.banner-wrapper {
  position: relative;
}

.slidesjs-container {
  height: 100%;
}

.slider-container > .frontpage-slider li {
  display: none;
}

.slider-container > .frontpage-slider li:first-of-type {
  display: block;
}

.slider-container > .frontpage-slider {
  height: auto !important;
}

.orbit-container, .slider-container {
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom;
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .orbit-container .orbit-bullets, .slider-container .orbit-bullets {
    display: none;
  }
}

.orbit-container .frontpage-slider, .slider-container .frontpage-slider {
  /*320!!!*/
  height: 100%;
  list-style: none;
  margin-right: 0;
  position: relative;
}

.orbit-container .frontpage-slider .bg-scope-img-wrap, .slider-container .frontpage-slider .bg-scope-img-wrap {
  filter: blur(0px);
  transition: .4s;
}

.orbit-container .frontpage-slider .bg-scope-img-wrap .bg-scope-img.ar, .orbit-container .frontpage-slider .bg-scope-img-wrap .bg-scope-img.fa, .slider-container .frontpage-slider .bg-scope-img-wrap .bg-scope-img.ar, .slider-container .frontpage-slider .bg-scope-img-wrap .bg-scope-img.fa {
  transform: scale(-1, 1);
}

.orbit-container .frontpage-slider .bg-scope-img-wrap:after, .slider-container .frontpage-slider .bg-scope-img-wrap:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
}

.orbit-container .frontpage-slider .bg-scope-img-wrap.shadow_blur:after, .slider-container .frontpage-slider .bg-scope-img-wrap.shadow_blur:after {
  background-color: rgba(0, 0, 0, 0.3);
}

.orbit-container .frontpage-slider .bg-scope-img-wrap.shadow_blur .bg-scope-img, .slider-container .frontpage-slider .bg-scope-img-wrap.shadow_blur .bg-scope-img {
  filter: blur(6px);
}

@media only screen and (min-width: 30.0625em) {
  .orbit-container .frontpage-slider .bg-scope-img-wrap, .slider-container .frontpage-slider .bg-scope-img-wrap {
    padding-top: 205px;
  }
  .orbit-container .frontpage-slider .bg-scope-img-wrap .bg-scope-img, .slider-container .frontpage-slider .bg-scope-img-wrap .bg-scope-img {
    margin-top: -205px;
  }
}

.orbit-container .frontpage-slider .play-video-animate, .slider-container .frontpage-slider .play-video-animate {
  animation-name: play-video-banner;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 3s;
}

@keyframes play-video-banner {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1.08, 1.08);
  }
}

.orbit-container .frontpage-slider .play-button, .slider-container .frontpage-slider .play-button {
  display: block;
  height: 104px;
  width: 104px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: url("../img/play-button-arrow.svg");
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 42% 50%;
  transition: .3s;
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .orbit-container .frontpage-slider .play-button, .slider-container .frontpage-slider .play-button {
    height: 60px;
    width: 60px;
  }
}

.orbit-container .frontpage-slider .play-button:hover, .slider-container .frontpage-slider .play-button:hover {
  background-image: url("../img/play-button-arrow-yellow.svg");
}

.orbit-container .frontpage-slider .app-links, .slider-container .frontpage-slider .app-links {
  width: 135px;
  height: 50px;
  display: inline-block;
  margin-bottom: 5px;
  border-bottom: 1px solid transparent;
  background-repeat: no-repeat;
}

.orbit-container .frontpage-slider .app-link-play, .slider-container .frontpage-slider .app-link-play {
  background-image: url(../img/google_play.svg);
}

.orbit-container .frontpage-slider .app-link-store, .slider-container .frontpage-slider .app-link-store {
  background-image: url(../img/appstore.svg);
}

.orbit-container .frontpage-slider img, .slider-container .frontpage-slider img {
  width: 100%;
}

.orbit-container .frontpage-slider .orbit-caption, .slider-container .frontpage-slider .orbit-caption {
  height: 100%;
  padding: 16rem 1rem;
  position: absolute;
  top: 0;
  width: 100%;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  .orbit-container .frontpage-slider .orbit-caption, .slider-container .frontpage-slider .orbit-caption {
    padding: 14rem 3.8rem;
  }
}

@media only screen and (max-width: 64em) {
  .orbit-container .frontpage-slider .orbit-caption, .slider-container .frontpage-slider .orbit-caption {
    padding: 16rem 3.8rem;
  }
}

@media only screen and (max-width: 30em) {
  .orbit-container .frontpage-slider .orbit-caption, .slider-container .frontpage-slider .orbit-caption {
    padding: 2rem 2.3rem;
  }
}

.orbit-container .frontpage-slider .orbit-caption.partner, .slider-container .frontpage-slider .orbit-caption.partner {
  margin-right: 10%;
}

.orbit-container .frontpage-slider .orbit-caption .gray-link, .slider-container .frontpage-slider .orbit-caption .gray-link {
  font-size: 16px;
  margin: 0 10px 0 0;
  text-decoration: underline;
}

.orbit-container .frontpage-slider .orbit-caption p.info, .slider-container .frontpage-slider .orbit-caption p.info {
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.orbit-container .frontpage-slider .orbit-caption p.prizes-info, .slider-container .frontpage-slider .orbit-caption p.prizes-info {
  padding: 3% 7%;
  bottom: -0.25rem;
  display: inline-block;
  font-size: 1.125rem !important;
  position: absolute;
  left: 0;
  text-align: center;
  width: 59%;
}

.orbit-container .frontpage-slider li, .slider-container .frontpage-slider li {
  overflow: hidden;
}

.orbit-container .frontpage-slider li.inverted p, .slider-container .frontpage-slider li.inverted p {
  color: #292929;
}

.orbit-container .frontpage-slider li.with-shadow p, .slider-container .frontpage-slider li.with-shadow p {
  text-shadow: 0 0 10px black;
}

.orbit-container .frontpage-slider li.january-special .banner-title, .slider-container .frontpage-slider li.january-special .banner-title {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .orbit-container .frontpage-slider li.january-special .banner-title, .slider-container .frontpage-slider li.january-special .banner-title {
    font-size: 3rem;
  }
}

.orbit-container .frontpage-slider li.january-special .banner-title + p, .slider-container .frontpage-slider li.january-special .banner-title + p {
  margin-bottom: 1rem;
}

.orbit-container .frontpage-slider li.cups-banner .button, .orbit-container .frontpage-slider li.cups-banner .black, .slider-container .frontpage-slider li.cups-banner .button, .slider-container .frontpage-slider li.cups-banner .black {
  position: absolute;
  bottom: 2.8125rem;
  right: 3rem;
}

.orbit-container .frontpage-slider li.cups-banner .banner-title, .slider-container .frontpage-slider li.cups-banner .banner-title {
  position: absolute;
  bottom: 5.625rem;
  right: 0;
  display: block;
  padding: 1.4rem 3rem 1.4rem 2rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .orbit-container .frontpage-slider li.cups-banner .banner-title, .slider-container .frontpage-slider li.cups-banner .banner-title {
    line-height: 1.2;
    font-size: 2.25rem;
  }
}

.orbit-container .frontpage-slider li.dragon-banner .banner-title, .slider-container .frontpage-slider li.dragon-banner .banner-title {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 2.3125rem;
  /*320!!!*/
}

.orbit-container .frontpage-slider li.dragon-banner .banner-title:first-of-type, .slider-container .frontpage-slider li.dragon-banner .banner-title:first-of-type {
  margin-top: 4rem;
}

@media only screen and (max-width: 40em) {
  .orbit-container .frontpage-slider li.dragon-banner .banner-title, .slider-container .frontpage-slider li.dragon-banner .banner-title {
    font-size: 1.25rem;
  }
}

.orbit-container .frontpage-slider li.dragon-banner .banner-title span.large, .slider-container .frontpage-slider li.dragon-banner .banner-title span.large {
  font-size: 6rem;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .orbit-container .frontpage-slider li.dragon-banner .banner-title span.large, .slider-container .frontpage-slider li.dragon-banner .banner-title span.large {
    font-size: 2.0625rem;
  }
}

.orbit-container .frontpage-slider li.dragon-banner .banner-title span.medium, .orbit-container .frontpage-slider li.dragon-banner .banner-title span.black, .slider-container .frontpage-slider li.dragon-banner .banner-title span.medium, .slider-container .frontpage-slider li.dragon-banner .banner-title span.black {
  font-size: 3rem;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .orbit-container .frontpage-slider li.dragon-banner .banner-title span.medium, .orbit-container .frontpage-slider li.dragon-banner .banner-title span.black, .slider-container .frontpage-slider li.dragon-banner .banner-title span.medium, .slider-container .frontpage-slider li.dragon-banner .banner-title span.black {
    font-size: 2.0625rem;
  }
}

.orbit-container .frontpage-slider li.dragon-banner .button, .orbit-container .frontpage-slider li.dragon-banner .black, .slider-container .frontpage-slider li.dragon-banner .button, .slider-container .frontpage-slider li.dragon-banner .black {
  margin-top: 2rem;
  border-radius: 1.75rem;
  font-size: 2.125rem;
  color: #ffffff;
}

.orbit-container .frontpage-slider li.dragon-banner .button:hover, .orbit-container .frontpage-slider li.dragon-banner .black:hover, .orbit-container .frontpage-slider li.dragon-banner .button:focus, .orbit-container .frontpage-slider li.dragon-banner .black:focus, .orbit-container .frontpage-slider li.dragon-banner .button:active, .orbit-container .frontpage-slider li.dragon-banner .black:active, .slider-container .frontpage-slider li.dragon-banner .button:hover, .slider-container .frontpage-slider li.dragon-banner .black:hover, .slider-container .frontpage-slider li.dragon-banner .button:focus, .slider-container .frontpage-slider li.dragon-banner .black:focus, .slider-container .frontpage-slider li.dragon-banner .button:active, .slider-container .frontpage-slider li.dragon-banner .black:active {
  background-color: #e5a700;
}

.orbit-container .frontpage-slider li.no-commission-anniversary .more-text, .slider-container .frontpage-slider li.no-commission-anniversary .more-text {
  position: absolute;
  bottom: 0;
}

.orbit-container .frontpage-slider li.no-commission-anniversary .more-text p, .slider-container .frontpage-slider li.no-commission-anniversary .more-text p {
  margin-bottom: 1.7rem;
  font-size: 0.9375rem;
}

.orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
  height: 240px;
}

@media only screen and (min-width: 1100px) and (max-width: 1300px) {
  .orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
    height: 230px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1099px) {
  .orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
    height: 210px;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
  .orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
    height: 265px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 799px) {
  .orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
    height: 230px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
  .orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
    height: 180px;
  }
}

@media only screen and (min-width: 0) and (max-width: 479px) {
  .orbit-container .frontpage-slider .banner-text, .slider-container .frontpage-slider .banner-text {
    height: 95px;
  }
}

.orbit-container .frontpage-slider .banner-title, .slider-container .frontpage-slider .banner-title {
  color: #ffffff;
  font: 2.5rem/1 "pfDinTextLight", "Helvetica Neue", "Arial";
  margin: 1.25rem 0 2rem;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .orbit-container .frontpage-slider .banner-title, .slider-container .frontpage-slider .banner-title {
    font-size: 2.5vw;
  }
}

@media only screen and (max-width: 64em) {
  .orbit-container .frontpage-slider .banner-title, .slider-container .frontpage-slider .banner-title {
    margin: 0.7rem 0;
    margin: 3vw 0;
    font-size: 2.6rem;
    font-size: 4vw;
  }
}

@media only screen and (max-width: 40em) {
  .orbit-container .frontpage-slider .banner-title, .slider-container .frontpage-slider .banner-title {
    font-size: 1.5rem;
    font-size: 5.7vw;
    font-weight: bold;
  }
}

.orbit-container .frontpage-slider p:not(.banner-title), .slider-container .frontpage-slider p:not(.banner-title) {
  color: #ffffff;
  font: 1.5rem/1.2 "pfDinTextLight", "Helvetica Neue", "Arial";
  /*320!!!*/
}

.orbit-container .frontpage-slider p:not(.banner-title) span, .slider-container .frontpage-slider p:not(.banner-title) span {
  font-size: 3rem;
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .orbit-container .frontpage-slider p:not(.banner-title), .slider-container .frontpage-slider p:not(.banner-title) {
    font-size: 1.8vw;
  }
}

.orbit-container .frontpage-slider .banner-excerpt, .slider-container .frontpage-slider .banner-excerpt {
  margin-top: 3.125rem;
}

.orbit-container .frontpage-slider .banner-excerpt p, .slider-container .frontpage-slider .banner-excerpt p {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 1rem;
  color: #423D33;
}

.orbit-container .frontpage-slider .banner-description, .slider-container .frontpage-slider .banner-description {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial" !important;
  font-size: 18px !important;
  margin-top: 40px;
}

.orbit-container .frontpage-slider .button, .orbit-container .frontpage-slider .black, .slider-container .frontpage-slider .button, .slider-container .frontpage-slider .black {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .orbit-container .frontpage-slider .button, .orbit-container .frontpage-slider .black, .slider-container .frontpage-slider .button, .slider-container .frontpage-slider .black {
    padding: 0.5rem 1rem;
  }
}

.orbit-container .frontpage-slider p.with-emph span, .slider-container .frontpage-slider p.with-emph span {
  color: #ce2029;
  font-size: inherit;
}

.orbit-container .frontpage-slider p.webmoney-logo, .slider-container .frontpage-slider p.webmoney-logo {
  display: inline-block;
  width: 8.8125rem;
  height: 2.1875rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  background-image: url(../img/slider/webmoney-logo.png);
  background-size: 100%;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .orbit-container .frontpage-slider p.webmoney-logo, .slider-container .frontpage-slider p.webmoney-logo {
    display: none;
  }
}

/*----------------------------------------------Teaser blocks------------------------------------------------------*/
.teasers {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .teasers {
    height: 100%;
    min-height: 6.25rem;
    position: absolute;
    left: 0;
  }
}

body.gc .teasers div.teaser-block-wrapper {
  height: auto;
  padding: 5px 0;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 30.0625em) and (max-width: 40em) {
  body.gc .teasers div.teaser-block-wrapper:nth-of-type(2n+1) {
    padding-left: 5px;
  }
  body.gc .teasers div.teaser-block-wrapper:nth-of-type(2n) {
    padding-right: 5px;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  body.gc .teasers div.teaser-block-wrapper {
    padding-right: 5px;
    padding-left: 5px;
  }
  body.gc .teasers div.teaser-block-wrapper:first-of-type {
    padding-right: 0;
  }
  body.gc .teasers div.teaser-block-wrapper:last-of-type {
    padding-left: 0;
  }
}

@media only screen and (min-width: 64.0625em) {
  body.gc .teasers div.teaser-block-wrapper {
    height: 25%;
  }
  body.gc .teasers div.teaser-block-wrapper:first-of-type {
    padding-top: 0;
  }
  body.gc .teasers div.teaser-block-wrapper:last-of-type {
    padding-bottom: 0;
  }
}

.teaser-block {
  color: #ffffff;
  display: block;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 100%;
  overflow: hidden;
  padding-right: 36%;
  position: relative;
  background-color: rgba(20, 129, 122, 0.85);
  transition: all 300ms ease-out;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .teaser-block {
    height: 8.75rem;
    white-space: nowrap;
  }
  .teaser-block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .teaser-block {
    padding: 1.25rem;
    height: 13.75rem;
  }
}

@media only screen and (min-width: 64.0625em) {
  .teaser-block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
}

.teaser-block > span {
  display: inline-block;
  vertical-align: middle;
}

.teaser-block > span span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.teaser-block .title {
  border-bottom: none;
  display: block;
  font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  padding-bottom: .125rem;
}

.teaser-block:after {
  background-image: url(../img/frontpage/trading-bg.png);
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.teaser-block.teaser-trading:after {
  background-image: url(../img/frontpage/trading-bg.png);
}

.teaser-block.teaser-investments:after {
  background-image: url(../img/frontpage/investments-bg.png);
}

.teaser-block.teaser-study:after {
  background-image: url(../img/frontpage/study-bg.png);
}

.teaser-block.teaser-binary:after {
  background-image: url(../img/frontpage/binary-bg.png);
}

.teaser-block .teaser-image {
  position: absolute;
  right: 10%;
  width: 15%;
  top: 0;
  display: block;
  height: 100%;
  /*320!!!*/
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .teaser-block .teaser-image {
    position: relative;
    height: 5rem;
    width: 3.125rem;
    right: 0;
    margin-bottom: 0.625rem;
  }
}

.teaser-block .teaser-image svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.teaser-block .teaser-image .secondary-outline {
  transition: all 300ms ease-out;
  fill: #ffffff;
  fill-opacity: .5;
  stroke: #ffffff;
  stroke-opacity: .4;
}

.teaser-block .teaser-image .mark-outline {
  transition: all 300ms ease-out;
  fill: #ce2029;
  fill-opacity: 0;
  stroke: #ce2029;
  stroke-opacity: 0;
}

.teaser-block:hover, .teaser-block:active, .teaser-block:focus {
  color: #ffffff;
  background-color: rgba(17, 107, 101, 0.7);
  transition: all 300ms ease-out;
}

.teaser-block:hover span, .teaser-block:active span, .teaser-block:focus span {
  border-bottom: transparent;
}

.teaser-block:hover .teaser-image .secondary-outline, .teaser-block:hover .teaser-image .mark-outline, .teaser-block:active .teaser-image .secondary-outline, .teaser-block:active .teaser-image .mark-outline, .teaser-block:focus .teaser-image .secondary-outline, .teaser-block:focus .teaser-image .mark-outline {
  transition: all 300ms ease-out;
  fill-opacity: 1;
  stroke-opacity: 1;
}

/*-------------------------------------partnership block for eng version-------------------------------------------*/
.partnership-block {
  height: 100%;
  overflow: hidden;
  padding: 2.1rem;
  position: relative;
  background-image: url(../img/partnership-corner-2.jpg);
  background-size: cover;
}

.partnership-block img {
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.partnership-block p, .partnership-block ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 1.2rem;
  margin-right: 0;
}

@media only screen and (min-width: 0) and (max-width: 1100px) {
  .partnership-block p, .partnership-block ul {
    flex-direction: column;
  }
}

.partnership-block .title {
  font: 1.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #ffffff;
}

.partnership-block p:not(.title) {
  color: #ffffff;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.partnership-block ul {
  font-size: 1.125rem;
  color: #ffffff;
}

.partnership-block ul li {
  color: #f1c40f;
  font-size: 1.625rem;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

@media only screen and (min-width: 0) and (max-width: 1100px) {
  .partnership-block ul li {
    flex-direction: column;
    font-size: 1.225rem;
  }
}

/* adaptive partnership block */
.partnership-block img {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-block img {
    left: -30px;
    top: -20px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .partnership-block img {
    width: 40%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .partnership-block img {
    width: 50%;
  }
}

@media only screen and (min-width: 400px) and (max-width: 480px) {
  .partnership-block img {
    width: 65%;
  }
}

@media only screen and (min-width: 0) and (max-width: 399px) {
  .partnership-block img {
    width: 70%;
  }
}

@media only screen and (max-width: 30em) {
  .partnership-block img {
    display: none;
  }
}

/*--------------------------------------------------Condition blocks------------------------------------------------*/
.main.frontpage .bg-condition {
  background-image: url(../img/frontpage/bg-conditions-h.jpg);
  background-size: cover;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.main.frontpage .frontpage-conditions .conditions-wrapper {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .main.frontpage .frontpage-conditions .conditions-wrapper {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.main.frontpage .condition-block {
  margin-top: 1rem;
}

.main.frontpage .condition-block .amount, .main.frontpage .condition-block .amount-description {
  text-align: center;
}

.main.frontpage .condition-block .amount {
  font: 4.7rem "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #FFC832;
  padding-bottom: 3.3125rem;
  padding-top: 3rem;
  line-height: 3.5625rem;
}

.main.frontpage .condition-block .amount-description {
  font: 1.5rem "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #fff;
}

.bottom-hover-transition {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: all 300ms ease-out;
}

/*---------------------------------------------------Advantage blocks------------------------------------------------*/
body.gc .row .index-page-advantages.columns .row .columns {
  padding: .3125rem 0 0 .3125rem;
}

body.gc .main.frontpage .index-page-advantages .large-6 {
  width: 50%;
  padding: 0;
}

body.gc .main.frontpage .index-page-advantages .columns {
  height: 50%;
  display: table;
}

.bg-advantages {
  background-image: url(../img/frontpage/bg-advantages-h.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.advantage-block {
  color: #fff;
  display: block;
  font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 100%;
  min-height: 11rem;
  padding: 1.25rem .5rem;
  vertical-align: middle;
}

.advantage-block .title {
  padding-top: .5rem;
  font-size: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.advantage-block:before {
  background: url(../img/advantages.png) no-repeat;
  content: "";
  display: inline-block;
  height: 80px;
  width: 110px;
}

.advantage-block.support:before {
  background-position: center 0;
}

.advantage-block.segregate:before {
  background-position: center -80px;
}

.advantage-block.crfin:before {
  background-position: center -160px;
}

.advantage-block.deposits:before {
  background-position: center -240px;
}

.advantage-block.kroufr:before {
  background-position: center -320px;
}

.advantage-block.law:before {
  background-position: center -480px;
}

.advantage-block.vip:before {
  background-position: center -640px;
}

.advantage-block.licenses:before {
  background-position: center -720px;
}

.advantage-block.awards:before {
  background-position: right -800px;
}

.advantage-block.logo:before {
  background-position: center -880px;
}

.advantage-block.not-link:hover, .advantage-block.not-link:active, .advantage-block.not-link:focus {
  background: #ce2029;
  cursor: default;
}

.advantage-block:hover {
  color: #fff;
}

.advantage-block:hover .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: all 300ms ease-out;
}

.advantage-block:active .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: all 300ms ease-out;
}

.advantage-block:focus .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: all 300ms ease-out;
}

/* adaptive advantages */
/*320!!!*/
@media only screen and (min-width: 64.0625em) {
  body.gc .main.frontpage .index-page-advantages {
    width: 48%;
  }
}

.advantage-block {
  /*320!!!*/
}

@media only screen and (min-width: 1092px) and (max-width: 1222px) {
  .advantage-block {
    min-height: 11rem;
    padding: 1.25rem .2rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1091px) {
  .advantage-block {
    min-height: 12.5rem;
    padding: 1.25rem .2rem;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .advantage-block {
    height: 11rem;
    min-height: none;
  }
}

@media only screen and (max-width: 40em) {
  .advantage-block {
    height: 12.5rem;
    min-height: none;
    padding: 1.25rem .2rem;
  }
}

.index-page-advantages {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .index-page-advantages {
    display: none;
  }
}

@media only screen and (min-width: 64.0625em) {
  .index-page-advantages {
    max-height: 450px;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .index-page-advantages {
    display: none;
  }
}

/*------------------------------------------------manager rating----------------------------------------------------*/
.white-container {
  background: #ffffff;
}

.index-page-manager-rating .links {
  padding: .25rem 0 .5rem;
  text-align: center;
}

.index-page-manager-rating .links a {
  display: inline-block;
  vertical-align: middle;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.index-page-manager-rating .links .invest {
  border-bottom-color: rgba(206, 32, 41, 0.5);
  color: #ce2029;
  margin-right: 10%;
}

.index-page-manager-rating .links .full {
  font-style: italic;
  margin-right: 20%;
}

.index-page-manager-rating table.table-red tbody tr td:first-child {
  padding-right: 20px;
  text-align: right;
  word-wrap: break-word;
}

.index-page-manager-rating tr {
  height: 33px;
}

.frontpage .index-page-manager-rating table tr td:nth-child(1) {
  width: 40%;
}

.frontpage .index-page-manager-rating table tr td:nth-child(2) {
  width: 25%;
}

.frontpage .index-page-manager-rating table tr td:nth-child(3) {
  width: 35%;
}

/* adaptive manager rating table */
/*320!!!*/
@media only screen and (max-width: 30em) {
  .index-page-manager-rating .links {
    padding: 1rem 0;
  }
  .index-page-manager-rating .links > a {
    margin: .5rem 1.875rem;
  }
  .index-page-manager-rating .links > a.full {
    margin-right: 1.875rem;
  }
}

/*---------------------------------------------------Account types----------------------------------------------------*/
.main.frontpage .bg-accounts {
  background-image: url(../img/frontpage/bg-accounts.jpg);
  background-size: cover;
  padding-bottom: 40px;
  padding-top: 50px;
}

.main.frontpage .index-page-account-types {
  padding: 0 0.5rem 1rem;
}

.main.frontpage .index-page-account-types:before, .main.frontpage .index-page-account-types:after {
  content: " ";
  display: table;
}

.main.frontpage .index-page-account-types:after {
  clear: both;
}

.main.frontpage .index-page-account-types .icon-account-type svg .text-shadow {
  fill: #116b65;
}

.main.frontpage .index-page-account-types .icon-account-type svg .text {
  fill: #ffffff;
  transition: all 300ms ease-out;
}

.main.frontpage .index-page-account-types .icon-account-type svg .circle {
  fill: #8bbfbb;
}

.main.frontpage .index-page-account-types .account-type-block-wrapper {
  float: right;
}

.main.frontpage .index-page-account-types .account-type-block-wrapper:before, .main.frontpage .index-page-account-types .account-type-block-wrapper:after {
  content: " ";
  display: table;
}

.main.frontpage .index-page-account-types .account-type-block-wrapper:after {
  clear: both;
}

.main.frontpage .index-page-account-types .account-type-header {
  font-size: 1.75rem;
  margin: 1rem 0 1.7rem;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  display: table;
  position: relative;
  height: 80px;
}

.main.frontpage .index-page-account-types .account-type-header .title {
  width: 140px;
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 10px;
}

.main.frontpage .index-page-account-types .icon-account-type {
  background: none;
  width: 6rem;
  position: absolute;
  right: 0;
  top: 0;
}

.main.frontpage .index-page-account-types .icon-account-type svg {
  width: 100%;
}

.main.frontpage .index-page-account-types .account-type-block {
  color: #303030;
  padding: 0 1rem 2rem;
  float: right;
}

.main.frontpage .index-page-account-types .account-type-block:before, .main.frontpage .index-page-account-types .account-type-block:after {
  content: " ";
  display: table;
}

.main.frontpage .index-page-account-types .account-type-block:after {
  clear: both;
}

.main.frontpage .index-page-account-types .account-type-block h3 {
  font: 1.23rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.main.frontpage .index-page-account-types .account-type-block:hover .icon-account-type svg .text {
  fill: #FFC832;
  transition: all 300ms ease-out;
}

.main.frontpage .index-page-account-types .account-type-block:hover .account-type-header .title {
  border-color: transparent;
  transition: all 300ms ease-out;
}

/*---------------------------------------------------Bonus blocks----------------------------------------------------*/
.bonuses .promo {
  display: inline;
}

.bonus-block {
  display: block;
  font: 1.5rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 10rem;
  overflow: hidden;
  position: relative;
  color: #000;
}

.bonus-block:hover, .bonus-block:active, .bonus-block:focus {
  color: #14817a;
  transition: all 300ms ease-out;
}

.bonus-block.adv {
  font: 1.275rem "pfDinTextMed", "Helvetica Neue", "Arial";
  overflow: hidden;
  background-color: #ffbc3d;
}

.bonus-block.adv:hover, .bonus-block.adv:active, .bonus-block.adv:focus {
  background: #ffbc3d;
}

.bonus-block.adv.blue {
  background-image: url(../img/banners/risk-free-day-2-rtl.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #5dafd8;
}

.bonus-block.adv.blue .caption {
  padding-top: 1.25rem;
}

.bonus-block.adv.blue .caption span {
  line-height: 1.3;
}

.bonus-block.adv.blue.bonus500 {
  background-image: url(../img/banners/500percent-banner.jpg);
  background-position: left center;
}

.bonus-block.adv img {
  height: 100%;
  width: auto;
  position: absolute;
  max-width: inherit;
  top: 0;
  left: 0;
}

.bonus-block.adv .caption {
  position: absolute;
  top: 0;
  right: 0;
  font: 1.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  padding: 1.5625rem 40% 0 0;
}

.bonus-block.adv .caption span {
  line-height: 1.25rem;
  margin: 0;
  width: 100%;
}

.bonus-block.contest {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(../img/banners/contests-2-rtl.jpg);
}

@media only screen and (min-width: 546px) and (max-width: 640px) {
  .bonus-block.contest {
    background-position-y: -50px;
  }
}

.bonus-block.forum {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(../img/banners/forum-2-rtl.jpg);
}

.bonus-block span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.275rem;
  /*320!!!*/
  margin-right: 54%;
  width: 45%;
  margin-top: 20px;
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .bonus-block span {
    font-size: 1.175rem;
  }
}

.bonus-block .columns {
  height: 100%;
}

/* adaptive bonus blocks */
@media only screen and (min-width: 531px) and (max-width: 700px) {
  body.gc .main .bonus-block {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

@media only screen and (min-width: 350px) and (max-width: 380px) {
  body.gc .main .bonus-block {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  body.gc .main .bonus-block .caption span {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 350px) {
  body.gc .main .bonus-block {
    font-size: 1.875rem;
  }
  body.gc .main .bonus-block.contest span {
    font-size: 1.25rem;
    margin-right: 12rem;
    width: initial;
  }
  body.gc .main .bonus-block:after {
    background-size: 80%;
    height: 95px;
    right: -47px;
  }
  body.gc .main .bonus-block.contest:after {
    background-position: 100% -95px;
    right: -50px;
  }
  body.gc .main .bonus-block.forum:after {
    background-position: 100% -540px;
    right: -50px;
  }
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
  body.gc .main.frontpage .bonuses {
    padding: 0 .3125rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
  body.gc .main.frontpage .bonuses .columns {
    padding: 0 .3125rem;
  }
}

/*-------------------------------------------------Webinars schedule--------------------------------------------------*/
.index-page-schedule {
  padding: 1.75rem 3rem 1rem;
}

.index-page-schedule .item {
  margin-top: 1.25rem;
}

.index-page-schedule .item:before, .index-page-schedule .item:after {
  content: " ";
  display: table;
}

.index-page-schedule .item:after {
  clear: both;
}

.index-page-schedule .item:first-child {
  margin: 0;
}

.index-page-schedule .item .date {
  float: right;
  font-size: 1rem;
  line-height: 1.25rem;
  width: 40%;
}

.index-page-schedule .item .caption {
  float: left;
  font-size: 1.125rem;
  line-height: 100%;
  width: 60%;
}

.index-page-schedule .item .readmore, .index-page-schedule .item .city {
  color: #ce2029;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.index-page-schedule .item .readmore:before, .index-page-schedule .item .city:before {
  content: '\A';
  display: block;
}

.index-page-schedule .item .date a, .index-page-schedule .item .city {
  text-decoration: underline;
}

.index-page-schedule .item .date a:hover, .index-page-schedule .item .date a:active, .index-page-schedule .item .date a:focus, .index-page-schedule .item .city:hover, .index-page-schedule .item .city:active, .index-page-schedule .item .city:focus {
  text-decoration: none;
}

.index-page-schedule.webinars .item a.readmore {
  border-bottom: 1px solid rgba(206, 32, 41, 0.5);
  text-decoration: none !important;
}

.index-page-schedule.webinars .item a.readmore:hover, .index-page-schedule.webinars .item a.readmore:active, .index-page-schedule.webinars .item a.readmore:focus {
  border-color: transparent;
}

.index-page-schedule.videos .item .caption, .index-page-schedule.courses .item .caption {
  color: #424243;
  float: none;
  text-decoration: underline;
}

.index-page-schedule.videos .item .caption:hover, .index-page-schedule.videos .item .caption:active, .index-page-schedule.videos .item .caption:focus, .index-page-schedule.courses .item .caption:hover, .index-page-schedule.courses .item .caption:active, .index-page-schedule.courses .item .caption:focus {
  text-decoration: none;
}

.index-page-schedule.videos .item .readmore, .index-page-schedule.courses .item .readmore {
  border-color: transparent;
  color: #424243;
}

.index-page-schedule.videos .item .date, .index-page-schedule.courses .item .date {
  padding: 0 .5rem;
}

.index-page-schedule.courses .item .date {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  overfow-wrap: break-word;
}

.index-page-schedule.courses .item .caption, .index-page-schedule.videos .item .caption {
  float: left;
}

.index-page-schedule.forex {
  height: 261px;
  background-image: url(../img/frontpage/tabs-bg-forex-rtl.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.index-page-schedule.binary-option {
  height: 261px;
  background-image: url(../img/frontpage/tabs-bg-option-rtl.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

/* adaptive education */
/*320!!!*/
@media only screen and (max-width: 40em) {
  .index-page-schedule {
    padding: 1.5rem 1rem;
  }
  .index-page-schedule .item .date p, .index-page-schedule .item .date span:last-of-type {
    display: none;
  }
  .index-page-schedule .item .date span {
    display: block;
    font-size: 1.125rem;
    text-align: center;
  }
  .index-page-schedule .item .date span:first-of-type {
    font-size: 3rem;
    line-height: 1;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .index-page-schedule.courses .item .date {
    font-size: .875rem;
  }
}

/*---------------------------------------------------banners------------------------------------------------------*/
body.gc .main.frontpage .index-page-banners {
  overflow: hidden;
  height: 8rem;
  font-size: 1.375rem;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  padding: 1.25rem 1.5rem;
  width: 47%;
  background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.gc .main.frontpage .index-page-banners span {
  position: relative;
}

body.gc .main.frontpage .index-page-banners .button, body.gc .main.frontpage .index-page-banners .black {
  margin-top: 0.4rem;
}

body.gc .main.frontpage .index-page-banners.options {
  background-image: url(../img/banners/options-rtl.jpg);
  color: #ffffff;
}

body.gc .main.frontpage .index-page-banners.payback {
  font-size: 1.125rem;
  line-height: 1.3;
  color: #ffffff;
  min-height: 8.5625rem;
  background-image: url(../img/banners/payback-small-rtl.jpg);
}

body.gc .main.frontpage .index-page-banners.payback span br {
  content: ' ';
  padding: .2rem;
  clear: none;
}

body.gc .main.frontpage .index-page-banners.bonus {
  color: #ffffff;
  padding-right: 21%;
  background-image: url(../img/banners/bonus.jpg);
}

body.gc .main.frontpage .index-page-banners.guess {
  color: #ffffff;
  background-image: url(../img/banners/contest.jpg);
  padding-left: 170px;
  height: auto;
  min-height: 8rem;
}

body.gc .main.frontpage .index-page-banners.guess span {
  font-size: 1.15rem;
}

body.gc .main.frontpage .index-page-banners.guess:after {
  content: "";
  width: 177px;
  height: 115px;
  position: absolute;
  left: 0.4rem;
  top: 0.5rem;
  display: block;
  background-image: url(../img/banners/case.png);
}

body.gc .main.frontpage .index-page-banners.guess .button:hover, body.gc .main.frontpage .index-page-banners.guess .black:hover {
  background: #FFC832;
}

body.gc .main.frontpage .index-page-banners.social-contest {
  background-image: url(../img/banners/social-contest.jpg);
  color: #ffffff;
}

body.gc .main.frontpage .index-page-banners.social-contest a {
  height: 74px;
  width: 74px;
  display: block;
  float: left;
  position: absolute;
  top: 1.75rem;
  left: 1.25rem;
  opacity: 0.7;
  background-image: url(../img/banners/icons.png);
}

body.gc .main.frontpage .index-page-banners.social-contest a.vk {
  left: 34%;
  background-position: 0px -75px;
}

body.gc .main.frontpage .index-page-banners.social-contest a.ok {
  left: 18.5%;
  background-position: -75px -74px;
}

body.gc .main.frontpage .index-page-banners.social-contest a.fb {
  left: 4%;
  background-position: -149px -75px;
}

body.gc .main.frontpage .index-page-banners.social-contest a:hover {
  opacity: 1;
}

/* adaptive banners*/
@media only screen and (min-width: 720px) and (max-width: 1024px) {
  body.gc .main.frontpage .index-page-banners {
    width: 49.7%;
  }
}

@media only screen and (min-width: 420px) and (max-width: 720px) {
  body.gc .main.frontpage .index-page-banners {
    width: 100%;
  }
}

@media only screen and (min-width: 0) and (max-width: 420px) {
  body.gc .main.frontpage .index-page-banners {
    display: none;
  }
}

/*-------------------------------------------------------News-------------------------------------------------------*/
.index-page-newsfeed .item .date {
  border-bottom: 2px #14817a solid;
  font: 1.125rem/2rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: .75rem;
}

.index-page-newsfeed .item a, .index-page-newsfeed .item .text {
  border: none;
}

.index-page-newsfeed .item .readmore {
  border-bottom: 1px solid rgba(206, 32, 41, 0.5);
  color: #ce2029;
  font-size: .875rem;
  line-height: 1.5rem;
}

.index-page-newsfeed .item .readmore:hover, .index-page-newsfeed .item .readmore:active, .index-page-newsfeed .item .readmore:focus {
  border-color: transparent;
}

.index-page-newsfeed .item .readmore:before {
  content: '\A';
  display: block;
}

/* adaptive news */
.index-page-newsfeed .item {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .index-page-newsfeed .item .date {
    font-size: 1rem;
  }
  .index-page-newsfeed .item a, .index-page-newsfeed .item .text {
    border-bottom: 1px solid rgba(66, 66, 67, 0.5);
  }
  .index-page-newsfeed .item a:hover, .index-page-newsfeed .item a:active, .index-page-newsfeed .item a:focus, .index-page-newsfeed .item .text:hover, .index-page-newsfeed .item .text:active, .index-page-newsfeed .item .text:focus {
    border-color: transparent;
  }
  .index-page-newsfeed .item .readmore {
    display: none;
  }
}

@media only screen and (max-width: 30em) {
  .index-page-newsfeed .item:nth-child(3), .index-page-newsfeed .item:nth-child(4) {
    display: none;
  }
}

/*-------------------------------------------------Payment systems--------------------------------------------------*/
.index-page-payments-container {
  padding: 0 1.5rem;
  position: relative;
  text-align: justify;
}

.index-page-payments-container .big-payment-icon {
  margin: 1.5rem 1.25rem 0;
  vertical-align: middle;
}

.index-page-payments-container .pay-link {
  background: #14817a;
  display: block;
  font: 1.125rem/1 "pfDinTextMed", "Helvetica Neue", "Arial";
  letter-spacing: 0.5px;
  margin: 1.5rem auto -5px;
  padding: .6rem 0 .7rem;
  text-align: center;
  width: 18rem;
}

.index-page-payments-container .pay-link:hover, .index-page-payments-container .pay-link:active, .index-page-payments-container .pay-link:focus {
  background: #116b65;
}

.index-page-payments-container .pay-link:hover span, .index-page-payments-container .pay-link:active span, .index-page-payments-container .pay-link:focus span {
  border-bottom: none;
  color: #ffffff;
}

.index-page-payments-container .pay-link span {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

/* adaptive payment systems */
.index-page-payments-container {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .index-page-payments-container {
    padding: 0;
    text-align: center;
  }
  .index-page-payments-container .big-payment-icon {
    margin: 2rem 1.25rem 0;
  }
  .index-page-payments-container .pay-link {
    padding: .8rem 0 .9rem;
    width: 100%;
  }
}

/*------------------------------------------------------Quotes-------------------------------------------------------*/
.frontpage .table-green tbody tr td {
  font-style: italic;
}

/* quotes arrows */
.wrapper-arrows {
  text-align: right;
}

.wrapper-arrows span {
  background: url(../img/icons.png) no-repeat;
  display: inline-block;
  height: 8px;
  margin-left: .5rem;
  margin-right: 50px;
  width: 14px;
}

tr.down .wrapper-arrows span {
  background-position: -320px -160px;
}

tr.down td {
  color: #f35149;
}

tr.up .wrapper-arrows span {
  background-position: -320px -120px;
}

tr.up td {
  color: #14817a;
}

/* adaptive quotes */
/*320!!!*/
@media only screen and (min-width: 64.0625em) {
  .quotes.gc-grid .large-6 {
    width: 50% !important;
  }
}

.wrapper-arrows span {
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .wrapper-arrows span {
    margin-right: 20%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapper-arrows span {
    margin-right: 35%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
  .wrapper-arrows span {
    margin-right: 30%;
  }
}

@media only screen and (max-width: 40em) {
  .wrapper-arrows span {
    margin-right: 25%;
  }
}

@media only screen and (max-width: 30em) {
  .wrapper-arrows span {
    margin-right: 15%;
  }
}

@media only screen and (max-width: 30em) {
  .wrapper-arrows span {
    margin-right: 5%;
  }
}

.quotes table tr td:nth-child(1) {
  width: 40%;
}

.main.frontpage {
  position: relative;
}

.main.frontpage:after {
  content: '';
  position: absolute;
  bottom: -60px;
  width: 100vw;
  height: 100%;
  display: block;
  background-image: url(../img/frontpage/bg-main-bottom.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 100%;
  z-index: -1;
}

.main.frontpage .youtube-iframe-wrap {
  position: absolute;
  bottom: 0;
  height: 100%;
  /*320!!!*/
  right: 12.5%;
  width: 75%;
  z-index: 2;
}

@media only screen and (min-width: 30.0625em) {
  .main.frontpage .youtube-iframe-wrap {
    height: calc(100% - 202px);
  }
}

.main.frontpage .youtube-iframe-wrap .youtube-iframe {
  height: 100%;
  width: 100%;
}

.main.frontpage .youtube-iframe-wrap:after {
  content: '';
  position: absolute;
  width: 150vw;
  height: 100%;
  background-color: black;
  right: -60%;
  top: 0;
  z-index: -1;
}

.main.frontpage .html5-main-video-wrap {
  position: fixed;
  top: 80px;
  right: 15%;
  width: 78%;
  z-index: 999;
  display: none;
  transition: .4s;
}

.main.frontpage .html5-main-video-wrap:after {
  content: '';
  position: absolute;
  top: -80px;
  width: 110vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -100;
  right: -11%;
}

.main.frontpage .html5-main-video {
  width: 100%;
  height: 100%;
}

.main.frontpage .closed-youtube-video {
  left: -35px;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 30px;
  height: 30px;
  background: url(../img/icons.png);
  background-position: 85px -155px;
}

.main.frontpage .ten-years-youtube-iframe-wrap.flex-video {
  padding-top: 0;
  padding-bottom: 56.2%;
}

/*------------------------------------------------------Front analytics-------------------------------------------------------*/
.front-analytics__review {
  display: block;
  width: 100%;
  background: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  transition: box-shadow .3s ease;
}

.front-analytics__review:last-child {
  margin-bottom: 0;
}

.front-analytics__review:hover {
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  transition: box-shadow .3s ease;
}

.front-analytics__date {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 1rem;
}

.front-analytics__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1rem;
}

.front-analytics__more {
  border-bottom: 1px solid rgba(206, 32, 41, 0.5);
  color: #ce2029;
  font-size: .875rem;
  line-height: 1.5rem;
  margin-top: 15px;
  display: inline-block;
  /*320!!!*/
}

.front-analytics__more:hover, .front-analytics__more:active, .front-analytics__more:focus {
  color: #ce2029;
  border-color: transparent;
}

@media only screen and (max-width: 40em) {
  .front-analytics__more {
    display: inline-block;
    margin-bottom: 30px;
  }
}

.front-analytics__video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
}

.front-analytics__video--wrap {
  padding-top: 0;
  padding-bottom: 56.2%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  position: relative;
}

/*------------------------------------------------------For main menu-------------------------------------------------------*/
.gray-line-full-width {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: initial;
  margin-top: -1px;
  border-bottom: 1px solid rgba(29, 29, 29, 0.15);
}

.gc-grid .column, .gc-grid .columns {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .gc-grid .column.large-6, .gc-grid .columns.large-6 {
    width: 48%;
  }
}

/* --- remake-birthday --- */
@media all and (max-width: 640px) {
  .gc-slide_birthday__mobile-title {
    display: none;
  }
}

.gc-slide_birthday__mobile-text {
  display: none;
}

@media all and (max-width: 640px) {
  .gc-slide_birthday__mobile-text {
    font: 3rem/1 "pfDinTextLight","Helvetica Neue","Arial" !important;
    margin: 3vw 0;
    font-size: 5.7vw !important;
    display: block !important;
  }
}

/* --- New fp slider --- */
@media only screen and (min-width: 1024px) {
  .fp-slider li {
    display: block !important;
  }
  .fp-slider li:not(:first-child) {
    margin-right: 100%;
  }
  .fp-slider li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.fp-slider__title, .fp-slider__text {
  max-width: 790px;
}

.fp-slider__google_link {
  display: inline-block;
}

.fp-slider__links {
  display: flex;
  align-items: center;
}

.fp-slider__google_link img {
  width: 197px;
  height: 58px;
}

.fp-slider__green_link {
  display: inline-block;
  color: #009E82;
  text-decoration: underline;
  margin-right: 40px;
  font-size: 16px;
}

.fp-slider .banner-text {
  max-width: 54%;
}

.fp-slider .etf .bg-scope-img.bidi {
  transform: scale(1, 1) !important;
}

@media all and (max-width: 1300px) {
  .fp-slider .banner-text {
    max-width: 54%;
  }
}

@media all and (max-width: 1024px) {
  .fp-slider .bonus200 .bg-scope-img {
    margin-right: -63% !important;
  }
  .fp-slider .etf .bg-scope-img {
    margin-right: -1% !important;
  }
}

@media all and (max-width: 768px) {
  .fp-slider__title {
    margin-bottom: 0 !important;
  }
  .fp-slider__text {
    display: none;
  }
}

@media all and (max-width: 425px) {
  .fp-slider li:not(:first-child) {
    margin: 100%;
  }
  .fp-slider .orbit-caption {
    padding: 30px 20px !important;
    right: 15px !important;
  }
  .fp-slider .button, .fp-slider .black {
    padding: 0.5rem 1rem 0.3rem !important;
    height: auto !important;
  }
  .fp-slider__title {
    margin: 3vw 0 !important;
    font-size: 30px !important;
  }
  .fp-slider__text {
    display: block;
    font-size: 19px !important;
  }
  .fp-slider__links {
    flex-direction: column;
    align-items: flex-start;
  }
  .fp-slider__green_link {
    margin-right: 0;
    margin-top: 20px;
  }
  .fp-slider .banner-text {
    max-width: 250px;
  }
  .fp-slider .bonus200 .bg-scope-img-wrap {
    position: relative;
  }
  .fp-slider .bonus200 .bg-scope-img-wrap::after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/slider-scope-big/mob_bon200.jpg");
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }
  .fp-slider .bonus200 .bg-scope-img-wrap.bidi::after {
    background-image: url("../img/slider-scope-big/mob_bon200_bidi.jpg");
  }
  .fp-slider .bonus200 .bg-scope-img,
  .fp-slider .etf .bg-scope-img {
    opacity: 0 !important;
  }
  .fp-slider .etf .bg-scope-img-wrap {
    position: relative;
  }
  .fp-slider .etf .bg-scope-img-wrap::after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/slider-scope-big/mob_etf.jpg");
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }
  .fp-slider .etf .bg-scope-img-wrap.bidi::after {
    background-image: url("../img/slider-scope-big/mob_etf_bidi.jpg");
  }
  .fp-slider .open_account .bg-scope-img {
    margin-right: -125% !important;
  }
  .fp-slider .app .bg-scope-img {
    margin-right: -119% !important;
  }
}

@media all and (max-width: 375px) {
  .fp-slider .banner-text {
    max-width: 240px;
  }
  .fp-slider .app .bg-scope-img {
    margin-right: -114% !important;
  }
}

.notix_pixel {
  position: absolute;
  top: 0;
  opacity: 0;
}

#omni_widget_iframe_13631-btrqwfta {
  left: 13px !important;
  bottom: 128px !important;
}

#omni_widget_iframe_13631-btrqwfta {
  left: 13px !important;
  bottom: 128px !important;
}

#omni_widget_iframe_13636-9f0ypkfk {
  display: none !important;
}

#omni_widget_iframe_13640-c9499xy2 {
  display: none !important;
}

#omni_widget_tip {
  display: none !important;
}

.site_faq_container {
  display: flex;
  align-items: center;
}

.site_faq {
  font-size: 14px;
  padding-right: 28px;
  background: url(../img/loupe.svg) no-repeat;
  background-size: 18px;
  background-position: right center;
  cursor: pointer;
}

.site_faq_container_mob {
  display: flex;
  align-items: center;
}

.site_faq_container_mob img {
  width: 28px;
  height: 25px;
  padding-right: 10px;
  margin-left: 21px;
}

.site_faq_container_mob p {
  width: 100%;
  font-size: 16px;
  color: #181818;
  font-family: "pfDinTextMed","Helvetica Neue","Arial";
}

/* website frontpage */
.accounts-type-icons {
  height: 130px;
  width: 100%;
}

.accounts-type-icons span {
  background-image: url(../img/account_types/accounts-type-icons.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
}

.accounts-type-icons span.earth {
  background-position: -10px -10px;
}

.accounts-type-icons span.clock {
  background-position: -6px -65px;
}

.accounts-type-icons span.rocket {
  background-position: -6px -118px;
}

.accounts-type-icons span.dollar {
  background-position: -10px -176px;
}

.accounts-type-icons span.chart {
  background-position: -6px -232px;
}

.accounts-type-icons span.purse {
  background-position: -10px -283px;
}

.accounts-type-icons span.manager {
  background-image: url(../img/account_types/manager.png);
}

/*------------------------------------------------Account types OK--------------------------------------------------*/
.bg-mount-wrap {
  background-image: url(../img/account_types/bg-mount.jpg);
  background-size: cover;
  padding-top: 201.594px;
  padding-bottom: 40px;
}

.bg-mount-wrap .section-title-h1 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 48px;
  color: #171717;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 40.0625em) {
  .bg-mount-wrap .section-title-h1 {
    margin-top: 70px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 40em) {
  .bg-mount-wrap .section-title-h1 {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}

.bg-mount-wrap .accounts-toggle {
  cursor: pointer;
  text-align: left;
  padding: 0;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 40.0625em) {
  .bg-mount-wrap .accounts-toggle {
    margin-top: 95px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 40em) {
  .bg-mount-wrap .accounts-toggle {
    margin-bottom: 30px;
    text-align: right;
  }
}

.bg-mount-wrap .accounts-toggle.status-real .real {
  color: #171717;
}

.bg-mount-wrap .accounts-toggle.status-real .demo {
  color: #848484;
  border-bottom: dashed 1px #848484;
}

.bg-mount-wrap .accounts-toggle.status-real .arm {
  right: -2px;
}

.bg-mount-wrap .accounts-toggle.status-demo .real {
  color: #848484;
  border-bottom: dashed 1px #848484;
}

.bg-mount-wrap .accounts-toggle.status-demo .demo {
  color: #171717;
}

.bg-mount-wrap .accounts-toggle.status-demo .arm {
  right: 32px;
}

.bg-mount-wrap .accounts-toggle .real, .bg-mount-wrap .accounts-toggle .demo {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  user-select: none;
}

.bg-mount-wrap .accounts-toggle .toggle {
  margin-right: 15px;
  margin-left: 15px;
  display: inline-block;
  width: 60px;
  height: 30px;
  position: relative;
  vertical-align: middle;
}

.bg-mount-wrap .accounts-toggle .toggle .recess {
  width: 96%;
  height: 96%;
  background-color: #dfdcdc;
  border-radius: 30px;
}

.bg-mount-wrap .accounts-toggle .toggle .arm {
  position: absolute;
  box-sizing: content-box;
  background-color: #00978a;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 7px #fff;
  top: -1px;
  transition: .3s;
}

.account-type-blocks-container {
  position: relative;
  z-index: 2;
}

.account-type-block-full, .account-type-block-hor {
  color: #191919;
  position: relative;
  display: block;
  padding: 1rem 1.25rem 1.5rem;
  text-align: center;
}

.account-type-block-full:before, .account-type-block-hor:before {
  position: absolute;
  border-radius: 3px;
  transition: 100ms ease-in-out;
  box-shadow: 0 9px 27px transparent;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  transform: scale(1, 1);
  z-index: -1;
}

.account-type-block-full .title, .account-type-block-hor .title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  position: relative;
  font-size: 36px;
}

.account-type-block-full .text, .account-type-block-hor .text {
  position: relative;
  font: 1rem/1.2 "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-top: 1rem;
  margin-bottom: .8rem;
}

.account-type-block-full [class*="block-grid-"] > li, .account-type-block-hor [class*="block-grid-"] > li {
  padding: 0 0 1.5rem;
}

.account-type-block-full .accounts-type-icons, .account-type-block-hor .accounts-type-icons {
  position: relative;
}

.account-type-block-full .accounts-type-icons p, .account-type-block-hor .accounts-type-icons p {
  color: #062926;
  font: 1rem/1.2 "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-top: 7px;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.account-type-block-full .button, .account-type-block-full .black, .account-type-block-hor .button, .account-type-block-hor .black {
  color: #fff;
  background-color: #009e82;
}

.account-type-block-full:hover, .account-type-block-full:active, .account-type-block-full:focus, .account-type-block-hor:hover, .account-type-block-hor:active, .account-type-block-hor:focus {
  color: #191919;
}

.account-type-block-full:hover:before, .account-type-block-full:active:before, .account-type-block-full:focus:before, .account-type-block-hor:hover:before, .account-type-block-hor:active:before, .account-type-block-hor:focus:before {
  background-color: white;
  transform: scale(1.02, 1.02);
  box-shadow: 0 9px 27px rgba(114, 114, 114, 0.28);
  transition: 150ms ease-in-out;
}

.account-type-block-full:hover .button:hover, .account-type-block-full:hover .black:hover, .account-type-block-full:hover .button:active, .account-type-block-full:hover .black:active, .account-type-block-full:hover .button:focus, .account-type-block-full:hover .black:focus, .account-type-block-full:active .button:hover, .account-type-block-full:active .black:hover, .account-type-block-full:active .button:active, .account-type-block-full:active .black:active, .account-type-block-full:active .button:focus, .account-type-block-full:active .black:focus, .account-type-block-full:focus .button:hover, .account-type-block-full:focus .black:hover, .account-type-block-full:focus .button:active, .account-type-block-full:focus .black:active, .account-type-block-full:focus .button:focus, .account-type-block-full:focus .black:focus, .account-type-block-hor:hover .button:hover, .account-type-block-hor:hover .black:hover, .account-type-block-hor:hover .button:active, .account-type-block-hor:hover .black:active, .account-type-block-hor:hover .button:focus, .account-type-block-hor:hover .black:focus, .account-type-block-hor:active .button:hover, .account-type-block-hor:active .black:hover, .account-type-block-hor:active .button:active, .account-type-block-hor:active .black:active, .account-type-block-hor:active .button:focus, .account-type-block-hor:active .black:focus, .account-type-block-hor:focus .button:hover, .account-type-block-hor:focus .black:hover, .account-type-block-hor:focus .button:active, .account-type-block-hor:focus .black:active, .account-type-block-hor:focus .button:focus, .account-type-block-hor:focus .black:focus {
  background: #116b65;
}

.account-type-block-full {
  height: 388px;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  justify-content: space-between;
  align-items: center;
}

.account-type-block-full .text {
  min-height: 5rem;
  padding-right: 10px;
  padding-left: 10px;
}

.account-type-block-hor {
  height: 265px;
}

.account-type-block-hor .text {
  min-height: 85px;
}

.account-type-block-hor .button, .account-type-block-hor .black {
  margin-top: 1.5rem;
}

.demo-account-page .account-type-block-full {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 1.25rem;
  cursor: pointer;
}

.demo-account-page .account-type-block-full .text {
  min-height: 7rem;
}

.demo-account-page .account-type-block-full .icon-account-type.ecn {
  flex: 1 0 auto;
  max-height: 93px;
}

.demo-account-page .hero__subwrap {
  position: relative;
}

.demo-account-page__bg {
  background: url("/static/img/account_types/demo-account-bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 100%;
  height: 1200px;
  z-index: -1;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .demo-account-page__bg {
    background: none;
  }
}

.demo-account-page .hero {
  padding-bottom: 70px;
  margin-bottom: 75px;
  min-height: 480px;
}

.demo-account-page .accounts-bonus {
  margin-bottom: 50px;
}

.demo-account-page .accounts-bonus ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.demo-account-page .accounts-bonus ul li {
  margin-bottom: 24px;
}

.demo-account-page .accounts-bonus .desc {
  font-size: 16px;
  color: #000000;
  margin-bottom: 34px;
}

.demo-account-page .accounts-bonus a {
  color: #377F6B;
  border-bottom: 1px solid rgba(0, 158, 130, 0.5);
}

.demo-account-page .accounts-bonus a:hover, .demo-account-page .accounts-bonus a:focus, .demo-account-page .accounts-bonus a:active {
  border-bottom-color: transparent;
}

.demo-account-page .info {
  margin-bottom: 75px;
}

.demo-account-page .links-block {
  display: flex;
  flex-direction: column;
}

.demo-account-page .links-block.en {
  flex-direction: row;
  justify-content: space-between;
}

.demo-account-page .links-block__item {
  margin-bottom: 50px;
  padding-right: 55px;
}

.demo-account-page .links-block__item:last-child {
  margin-bottom: 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .demo-account-page .links-block__item:last-child {
    margin-bottom: 50px;
  }
}

.demo-account-page .links-block__item.real {
  background: url("/static/img/account_types/purse.svg") top right no-repeat;
}

.demo-account-page .links-block__item.bonus {
  background: url("/static/img/account_types/dollar.svg") top right no-repeat;
}

.demo-account-page .links-block__item.contest {
  background: url("/static/img/account_types/lifebuoy.svg") top right no-repeat;
}

.demo-account-page .links-block__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 30px;
  line-height: 36px;
  color: #000000;
  margin-bottom: 18px;
}

.demo-account-page .links-block__link {
  color: #377F6B;
  border-bottom: 1px solid rgba(0, 158, 130, 0.5);
}

.demo-account-page .links-block__link:hover, .demo-account-page .links-block__link:focus, .demo-account-page .links-block__link:active {
  border-bottom-color: transparent;
}

.demo-account-page .video-block {
  position: relative;
  cursor: pointer;
}

.demo-account-page .video-block iframe {
  display: none;
}

.demo-account-page .video-block .video {
  text-align: center;
}

.demo-account-page .video-block__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  color: #FFFFFF;
  position: absolute;
  bottom: 50px;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .demo-account-page .video-block__name {
    bottom: 20px;
  }
}

/* adaptive accounts */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .account-type-block-hor {
    height: 300px;
  }
  .account-type-block-hor ul {
    margin-top: 1.25rem;
  }
  .account-type-block-hor .button, .account-type-block-hor .black {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1055px) {
  .account-type-block-hor {
    height: 320px;
  }
  .account-type-block-hor .text {
    min-height: 100px;
  }
}

/*320!!!*/
@media only screen and (max-width: 64em) {
  .columns:not(.end) .account-type-block-hor {
    height: 500px;
    text-align: center;
  }
  .columns:not(.end) .account-type-block-hor .columns, .columns:not(.end) .account-type-block-hor .columns.text-right {
    text-align: center !important;
  }
  .account-type-block-full {
    height: 500px;
  }
  .account-type-block-full .text, .account-type-block-hor .text {
    min-height: 8.5rem;
  }
  .account-type-block-full .button, .account-type-block-full .black, .account-type-block-hor .button, .account-type-block-hor .black {
    margin-top: 1rem;
  }
  .end .account-type-block-hor {
    height: auto;
  }
  .end .account-type-block-hor .text {
    margin-bottom: 1.25rem;
    min-height: 0;
  }
}

/*320!!!*/
@media only screen and (max-width: 40em) {
  .account-type-block-full, .account-type-block-hor, .demo-account .account-type-block-full .text {
    height: auto !important;
  }
  .account-type-block-full .text, .account-type-block-hor .text, .demo-account .account-type-block-full .text .text {
    min-height: 0 !important;
    margin-bottom: 1.25rem;
  }
  .account-type-block-full .button, .account-type-block-full .black, .account-type-block-hor .button, .account-type-block-hor .black, .demo-account .account-type-block-full .text .button, .demo-account .account-type-block-full .text .black {
    margin-top: .5rem;
  }
  .end .account-type-block-hor {
    text-align: center;
  }
  .end .account-type-block-hor .columns, .end .account-type-block-hor .columns.text-right {
    text-align: center !important;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .account-type-block-full, .account-type-block-hor {
    padding: 1rem .5rem;
  }
}

/*---------------------------------------------------bonuses OK-------------------------------------------------------*/
/* class for bg ib ::before */
.__bg_before, .bg-bonuses.ar::before, .bg-bonuses.fa::before, .contests.ar::before, .contests.fa::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/*---------------*/
.bg-bonuses {
  position: relative;
  width: 100%;
  background-image: url(../img/account_types/orbs.jpg);
  background-size: cover;
  background-position: center;
}

.bg-bonuses.ar::before, .bg-bonuses.fa::before {
  background-size: cover !important;
  transform: scaleX(-1);
  background: url(../img/account_types/orbs.jpg);
  background-position: center;
}

.bg-bonuses .title {
  color: #1d1d1d;
}

.bg-bonuses .message__list .message__item {
  margin-bottom: 45px;
}

.bg-bonuses .message__list .message__item .icons {
  display: inline-block;
  width: 43px;
  height: 43px;
  background-image: url(../img/account_types/bonuses-icons.png);
  background-repeat: no-repeat;
}

.bg-bonuses .message__list .message__item .icons.icon_1 {
  background-position: 0px 0px;
}

.bg-bonuses .message__list .message__item .icons.icon_2 {
  background-position: 0px -88px;
}

.bg-bonuses .message__list .message__item .icons.icon_3 {
  background-position: 3px -196px;
}

.bg-bonuses .message__list .message__item .text {
  display: inline-block;
  padding-right: 23px;
  width: calc(100% - 50px);
}

.bg-bonuses .message__list .message__item .text .question {
  color: #00816a;
  font-size: 20px;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.bg-bonuses .message__list .message__item .text .question a {
  color: #00816a;
}

.bg-bonuses .message__list .message__item .text .action {
  font-size: 18px;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

/*------------------------------------------------Contests-----------------------------------------------------*/
.reset-left-padding {
  padding-right: 0 !important;
}

.reset-right-padding {
  padding-left: 0 !important;
}

.contests {
  min-height: 410px;
  padding: 50px !important;
  background-color: #fff;
  background-image: url(../img/account_types/cup.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0%;
}

.contests.ar::before, .contests.fa::before {
  background-color: #fff;
  background-image: url(../img/account_types/cup.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0%;
  transform: scaleX(-1);
}

@media (max-width: 640px) {
  .contests {
    background-image: none;
  }
}

.contests .content .title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
}

.contests .content .text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
}

@media (max-width: 425px) {
  .contests .content .button.new_yellow, .contests .content .new_yellow.black {
    height: inherit;
  }
}

.faq_video {
  min-height: 410px;
  background-image: url(../img/account_types/movie-block-bg.png);
  /*320!!!*/
  /*320!!!*/
  background-size: cover;
  position: relative;
  text-align: center;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .faq_video {
    background-position-x: -110px;
  }
}

@media only screen and (max-width: 64em) {
  .faq_video {
    margin-top: 20px;
  }
}

.faq_video .play-wrap-button {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.faq_video .faq_video__icon {
  display: inline-block;
  position: relative;
  background-image: url(../img/account_types/play.png);
  width: 104px;
  height: 104px;
  margin-top: 65px;
}

.faq_video .faq_video__text {
  position: relative;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #fff;
  padding-top: 200px;
  font-size: 32px;
  text-align: center;
}

.faq_video:before {
  transition: .3s;
  content: '';
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
}

.faq_video:hover:before {
  transition: .3s;
  background-color: rgba(0, 0, 0, 0.7);
}

.faq_video .youtube-iframe-wrap {
  position: fixed;
  top: 200px;
  height: 60vh;
  z-index: 2;
}

.faq_video .youtube-iframe-wrap .youtube-iframe {
  height: 100%;
  width: 100%;
}

.faq_video .youtube-iframe-wrap:after {
  content: '';
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  right: 0;
  top: 0;
  z-index: -1;
}

@media only screen and (max-width: 40em) {
  .faq_video .youtube-iframe-wrap {
    width: 100%;
    right: 0;
  }
}

@media only screen and (min-width: 40.0625em) {
  .faq_video .youtube-iframe-wrap {
    width: 76%;
    right: 12%;
  }
}

.faq_video .closed-youtube-video {
  left: -35px;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 30px;
  height: 30px;
  background: url(../img/icons.png);
  background-position: 85px -155px;
}

/*------------------------------------------------Compare table OK-----------------------------------------------------*/
.compare-table {
  overflow: hidden;
  position: relative;
  transition: .4s;
}

.toggle-table {
  width: 100%;
  position: relative;
  cursor: pointer;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .toggle-table {
    display: none;
  }
}

.toggle-table .text {
  padding: 5px 15px 5px 10px;
  color: #009b89;
  font-size: 18px;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  z-index: 2;
  background-color: #f0eff0;
}

.toggle-table .text:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  border-top: dashed 1px #009b89;
}

.toggle-table .arrow {
  display: inline-block;
  background-color: #f0eff0;
  padding-right: 10px;
  padding-left: 26px;
  width: 10px;
  height: 10px;
  background-image: url(../img/account_types/arrow.png);
  background-repeat: no-repeat;
}

.account-type-compare-table {
  table-layout: fixed !important;
  border: none;
}

.account-type-compare-table .section-title-h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial" !important;
  font-size: 36px !important;
}

.account-type-compare-table thead {
  background-color: transparent;
}

.account-type-compare-table tbody {
  background-color: #fff;
  border-right: 20px solid #fff;
  border-left: 20px solid #fff;
}

.account-type-compare-table thead tr td {
  padding: 1rem 0 2.25rem 1rem;
  text-align: right !important;
  vertical-align: middle;
}

.account-type-compare-table thead tr td .title {
  font: 1.85rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-left: 1.25rem;
  position: relative;
  top: -13px;
}

.account-type-compare-table thead tr td .title.medium-down {
  display: none;
}

.account-type-compare-table thead tr td .checkbox-item {
  margin-left: 1.25rem;
  cursor: pointer;
}

.account-type-compare-table thead tr td .checkbox-item label {
  cursor: pointer;
  font-size: 1.125rem;
}

.account-type-compare-table thead tr td .checkbox-item input[type="checkbox"] + label {
  background: none;
  position: relative;
  border: 1px solid #c6c6c6;
}

.account-type-compare-table thead tr td .checkbox-item input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 20px;
  left: -15px;
  top: -1px;
  display: block;
}

.account-type-compare-table thead tr td .checkbox-item input[type="checkbox"]:checked + label {
  background-color: #009e82;
  position: relative;
  border: 1px solid #009e82;
}

.account-type-compare-table thead tr td .checkbox-item input[type="checkbox"]:checked + label:after {
  position: absolute;
  top: 2px;
  right: 4px;
  content: '';
  width: 11px;
  height: 9px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

.account-type-compare-table thead tr td .select-wrapper {
  display: none;
}

.account-type-compare-table tbody tr {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.account-type-compare-table tbody tr:nth-of-type(even) {
  background-color: #fff;
}

.account-type-compare-table tbody tr:first-child {
  border-top: none;
  border-bottom: solid 1px #00978a;
}

.account-type-compare-table tbody tr td {
  font: 1rem/1 "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: 1rem;
  text-align: right;
  border-right: none;
  border-left: none;
}

.account-type-compare-table tbody tr td:first-child {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.account-type-compare-table tbody tr td.account-type-block {
  padding: 1rem;
  text-align: right;
}

.account-type-compare-table tbody tr td.account-type-block .icon-account-type {
  background-color: #14817a;
  vertical-align: middle;
}

.account-type-compare-table tbody tr td.account-type-block .title {
  display: inline-block;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  vertical-align: middle;
  color: #009b89;
}

.account-type-compare-table .icon-terminal {
  display: block;
  margin: 0 auto;
}

.account-type-compare-table a {
  border-bottom: 1px solid #424243;
  display: inline-block;
  font: 1rem/1 "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-bottom: .5rem;
}

.account-type-compare-table a:hover {
  border-bottom-color: transparent;
}

.account-type-compare-table a.ancore-link {
  margin-top: 20px;
  margin-bottom: 0;
}

.account-type-compare-table .button, .account-type-compare-table .black {
  margin-top: 1.25rem;
}

/* adaptive compare table */
body .account-type-compare-table thead tr td {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body .account-type-compare-table thead tr td .title {
    display: block;
    margin: 0 0 .625rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  body .account-type-compare-table thead tr td {
    padding: .625rem .625rem 1rem;
  }
  body .account-type-compare-table thead tr td .title.medium-up {
    display: none;
  }
  body .account-type-compare-table thead tr td .title.medium-down {
    display: block;
  }
  body .account-type-compare-table thead tr td .checkbox-item {
    display: none;
  }
  body .account-type-compare-table thead tr td .select-wrapper {
    display: block;
  }
}

body .account-type-compare-table tbody tr td {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body .account-type-compare-table tbody tr td .title {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 1200px) {
  body .account-type-compare-table tbody tr td.account-type-block {
    text-align: center !important;
  }
  body .account-type-compare-table tbody tr td.account-type-block .title {
    display: block;
    margin: .625rem 0 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 950px) {
  body .account-type-compare-table tbody tr td {
    font-size: .875rem;
    padding: .5rem;
  }
  body .account-type-compare-table tbody tr td a {
    font-size: .875rem;
  }
  body .account-type-compare-table tbody tr td a.button, body .account-type-compare-table tbody tr td a.black {
    font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
    padding: 0 .4rem;
  }
}

/*------------------------------------------------ links block -----------------------------------------------------*/
.bonuses-links-block {
  padding: 0 !important;
}

.bonus-block-hor {
  transition: background-color 300ms ease-out;
  background-color: rgba(20, 129, 122, 0.5);
  color: #ffffff;
  display: block;
  font: 2.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 7.3rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding-left: 10rem;
  padding-left: 2rem;
  position: relative;
}

.bonus-block-hor:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.bonus-block-hor:hover, .bonus-block-hor:active, .bonus-block-hor:focus {
  background-color: #14817a;
  transition: background-color 300ms ease-out;
  color: #ffffff;
}

.bonus-block-hor span {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}

.bonus-block-hor:after {
  background: url(../img/bonuses.png) no-repeat;
  background-position: 100% 20px;
  background-size: 100%;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 123px;
  left: -66px;
  position: absolute;
  width: 204px;
}

.bonus-block-hor.contest:after {
  background-position: 100% -118px;
  height: 100px;
}

.bonus-block-hor.vip:after {
  background-position: 100% -230px;
  height: 105px;
}

.bonus-block-hor.demo:after {
  background-position: 100% -350px;
  height: 110px;
}

.bonus-block-hor.real:after {
  background-position: 100% -470px;
  height: 110px;
}

/* adaptive links block */
/*320!!!*/
@media only screen and (max-width: 64em) {
  .video-block {
    text-align: center;
  }
  .video-block p {
    text-align: right;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bonus-block-hor {
    font-size: 1.8rem;
    padding-right: 8rem;
  }
  .bonus-block-hor:after {
    right: -76px;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .bonus-block-hor {
    font-size: 1.8rem;
    padding-right: 8rem;
  }
  .bonus-block-hor:after {
    right: -76px;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .bonus-block-hor {
    font-size: 1.6rem;
  }
}

/*------------------------------------------------terminal icon-----------------------------------------------------*/
.icon-terminal {
  background-image: url(../img/mt4.png);
  background-size: contain;
  background-position: center;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.icon-terminal__mt5 {
  background-image: url(../img/mt5.png);
}

/*------------------------------------------------advantages icons-----------------------------------------------------*/
.account-advantages {
  text-align: center;
}

.account-advantages h4, .account-advantages p {
  margin-bottom: 1rem;
}

/*------------------------------------- green block with accounts description ---------------------------------------*/
.account-description {
  background: #14817a;
  color: #ffffff;
  padding: 2.25rem;
  position: relative;
}

.account-description:before, .account-description:after {
  content: " ";
  display: table;
}

.account-description:after {
  clear: both;
}

.account-description p {
  font: 1.125rem/1.2 "pfDinTextReg", "Helvetica Neue", "Arial";
}

.account-description h4 {
  margin-top: 2.75rem;
}

.account-description h4:first-child {
  margin-top: 0;
}

.account-description .account-img {
  border: 6px solid #ffffff;
  display: inline-block;
  padding: 3rem 2rem 3.5rem;
  position: absolute;
  left: 2.25rem;
  top: 2.25rem;
  text-align: center;
}

/* adaptive account description */
.account-description {
  /*320!!!*/
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .account-description .small-12 {
    width: 100%;
  }
  .account-description .account-img {
    margin: 0 auto 1.875rem;
    position: static;
  }
}

@media only screen and (max-width: 30em) {
  .account-description .account-img {
    border: none;
    padding: 0;
  }
}

/*------------------------------------------------- ecn account -----------------------------------------------------*/
html[lang="fa"] .ecn-prime .ecn-prime-tr-conditions a {
  font-size: 25px;
}

html[lang="fa"] .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link .downloads-device-link {
  border: none;
  font-size: 20px;
}

html[lang="fa"] .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(2) .downloads-links .downloads-link .downloads-device-link {
  border: none;
  font-size: 20px;
}

@media only screen and (min-width: 810px) and (max-width: 1226px) {
  html[lang="ru"] .ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_right {
    padding-bottom: 40px;
  }
}

/*------------------------------------------------- trading-leverage -----------------------------------------------------*/
.trading-leverage {
  padding: 100px 0;
}

.trading-leverage__header {
  margin-bottom: 45px;
}

.trading-leverage__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 2.25rem;
  color: #424243;
  margin-bottom: 30px;
}

.trading-leverage__sub-title {
  font-size: 1rem;
  color: #424243;
}

.trading-leverage__table {
  max-width: 865px;
}

.trading-leverage td:not(.account-type-block) {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial" !important;
  font-size: 1rem;
  color: #424243;
  padding-right: 0 !important;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-leverage td:not(.account-type-block) {
    font-size: 0.875rem;
    padding-right: 0 !important;
  }
}

.trading-leverage__td {
  padding-right: 0 !important;
  text-align: right;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-leverage__td:first-child {
    width: 60%;
  }
}

.trading-leverage__td .title {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 1.125rem;
  display: inline-block;
  vertical-align: middle;
  color: #009b89;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-leverage__td .title {
    font-size: 0.875rem !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
  .offset-wrapper {
    margin-top: 0 !important;
  }
}

.ecn-prime {
  color: #1d1d1d;
}

.ecn-prime .ecn-prime-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  background-image: url("../img/ecn-prime-bg.jpg");
  background-repeat: no-repeat;
  background-color: #d9dee2;
  z-index: -1;
  background-attachment: fixed;
  background-position: bottom right;
  background-size: cover;
  will-change: filter;
}

@media only screen and (min-width: 770px) and (max-width: 1260px) {
  .ecn-prime .ecn-prime-bg {
    background-position: bottom;
  }
}

@media only screen and (min-width: 641px) and (max-width: 769px) {
  .ecn-prime .ecn-prime-bg {
    background-position: bottom left -687px;
    top: 40px;
  }
}

@media only screen and (min-width: 0) and (max-width: 640px) {
  .ecn-prime .ecn-prime-bg {
    background-attachment: inherit;
    height: 1000px;
    background-position: bottom;
    background-color: #dae2e5;
  }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .ecn-prime .ecn-prime-bg {
    background-color: #e3e8eb;
  }
}

@media only screen and (min-width: 361px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-bg {
    background-position: bottom 0px right -618px;
    position: absolute;
    top: -190px;
  }
}

@media only screen and (min-width: 321px) and (max-width: 360px) {
  .ecn-prime .ecn-prime-bg {
    background-image: url("../img/ecn-bg-adaptive.jpg");
    top: 40px;
  }
}

@media only screen and (min-width: 0) and (max-width: 320px) {
  .ecn-prime .ecn-prime-bg {
    background-image: url("../img/ecn-bg-adaptive.jpg");
    background-position: bottom left -39px;
    position: absolute;
    top: -190px;
  }
}

.ecn-prime .ecn-description-laptop {
  width: 900px;
  height: 710px;
  display: none;
  display: inline-block;
  background-image: url("../img/ecn-prime-laptop2.png");
  background-repeat: no-repeat;
  position: absolute;
  left: -900px;
  background-position: left 0 top;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 640px) and (max-width: 1619px) {
  .ecn-prime .ecn-description-laptop {
    background-size: 670px;
    background-position: left 0 top;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1199px) {
  .ecn-prime .ecn-description-laptop {
    width: 764px;
  }
}

@media (max-width: 650px) {
  .ecn-prime .ecn-description-laptop {
    transition: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-description-laptop {
    background-image: url("../img/ecn-laptop-adaptive.png");
    width: 100%;
    height: 255px;
    background-position: left -98px top;
    display: inline-block;
    left: 0;
    top: 3568px;
    background-size: contain;
  }
}

.ecn-prime .ecn-description-laptop .ecn-description-laptop-btn {
  width: 25.5%;
  height: 6%;
  position: absolute;
  left: 55%;
  cursor: default;
}

@media only screen and (min-width: 641px) and (max-width: 1619px) {
  .ecn-prime .ecn-description-laptop .ecn-description-laptop-btn {
    width: 19%;
    left: 42.5%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1199px) {
  .ecn-prime .ecn-description-laptop .ecn-description-laptop-btn {
    left: 50%;
    width: 22.5%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-description-laptop .ecn-description-laptop-btn {
    display: none;
  }
}

.ecn-prime .ecn-description-laptop .ecn-description-laptop-btn > span {
  display: inline-block;
  width: 34%;
  text-align: right;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #ffffff;
}

.ecn-prime .ecn-description-laptop .ecn-description-laptop-btn .ecn-lt-price {
  display: none;
  text-align: right;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #ffffff;
}

.ecn-prime .ecn-description-laptop .ecn-btn_red {
  top: 21%;
  background-color: #d4524b;
}

@media only screen and (min-width: 641px) and (max-width: 1619px) {
  .ecn-prime .ecn-description-laptop .ecn-btn_red {
    top: 17%;
  }
}

.ecn-prime .ecn-description-laptop .ecn-btn_green {
  top: 29%;
  background-color: #51b097;
}

@media only screen and (min-width: 641px) and (max-width: 1619px) {
  .ecn-prime .ecn-description-laptop .ecn-btn_green {
    top: 25%;
  }
}

.ecn-prime .ecn-description-laptop .ecn-orders {
  background-image: url("../img/ecn-orders.png");
  background-repeat: no-repeat;
  width: 78.5%;
  height: 6%;
  position: absolute;
  left: 0;
  top: 79%;
  opacity: 0;
}

@media only screen and (min-width: 641px) and (max-width: 1619px) {
  .ecn-prime .ecn-description-laptop .ecn-orders {
    width: 58.5%;
    background-size: 104%;
    left: 2.5%;
    top: 60.5%;
    height: 5%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1199px) {
  .ecn-prime .ecn-description-laptop .ecn-orders {
    width: 69.5%;
    background-size: 102%;
    top: 61%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-description-laptop .ecn-orders {
    display: none;
  }
}

.ecn-prime .ecn-laptop_ar {
  background-image: url("../img/laptop_arab.png");
  left: unset;
  right: 0;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-laptop_ar {
    background-image: url("../img/laptop_ar-adaptive.png");
    background-size: contain;
  }
}

.ecn-prime .display-inline-block {
  display: inline-block;
}

.ecn-prime .ecn-prime-steps-bg {
  width: 100%;
  height: 645px;
  position: absolute;
  top: 3000px;
  left: 0;
  background-image: url("../img/ecn-prime-steps-bg.png");
  background-repeat: no-repeat;
  background-position: left;
  z-index: -1;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-steps-bg {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1170px) {
  .ecn-prime .ecn-prime-steps-bg {
    background-size: 80%;
  }
}

.ecn-prime .ecn-first-block {
  position: relative;
  padding-bottom: 100px;
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .ecn-prime .ecn-first-block {
    height: 815px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .ecn-prime .ecn-first-block {
    height: 840px;
  }
}

.ecn-prime .ecn-first-block .ecn-prime-title_main {
  width: 90%;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 48px;
  color: #1d1d1d;
  padding-top: 70px;
}

@media only screen and (min-width: 320px) and (max-width: 769px) {
  .ecn-prime .ecn-first-block .ecn-prime-title_main {
    font-size: 36px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-first-block .ecn-prime-title_main {
    line-height: 30px;
    margin-top: -30px;
  }
}

@media only screen and (min-width: 0) and (max-width: 320px) {
  .ecn-prime .ecn-first-block .ecn-prime-title_main {
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .ecn-prime .ecn-first-block .ecn-prime-title_main {
    margin-right: -10px;
  }
}

.ecn-prime .ecn-first-block .ecn-prime-subtitle {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  color: #1d1d1d;
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-first-block .ecn-prime-subtitle {
    font-size: 28px;
  }
}

.ecn-prime .ecn-first-block .ecn-prime-intro {
  width: 65%;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 18px;
  padding-bottom: 50px;
}

@media only screen and (min-width: 361px) and (max-width: 640px) {
  .ecn-prime .ecn-first-block .ecn-prime-intro {
    width: 95%;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .ecn-prime .ecn-first-block .ecn-prime-intro {
    padding-bottom: 20px;
    width: 95%;
    font-size: 16px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
  .ecn-prime .ecn-first-block .ecn-prime-intro {
    padding-bottom: 20px;
    width: 100%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 769px) {
  .ecn-prime .ecn-first-block .ecn-prime-intro {
    width: 85%;
  }
}

.ecn-prime .ecn-first-block .ecn-prime-intro:first-of-type {
  padding-bottom: 0;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-first-block .ecn-prime-intro:first-of-type {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
  .ecn-prime .ecn-first-block .ecn-prime-intro:first-of-type {
    padding-bottom: 10px;
  }
}

.ecn-prime .ecn-first-block .ecn-prime-intro:first-of-type span {
  background: url("/static/img/i.png") no-repeat;
  padding: 0 0 0 18px;
  background-position: left 0;
  cursor: pointer;
  border-bottom: 1px dashed #868888;
}

.ecn-prime .ecn-first-block #ECN-Info-popup {
  width: 350px;
  background: #ffc832;
  padding: 20px;
  position: absolute;
  z-index: 2;
  display: none;
}

.ecn-prime .ecn-first-block #ECN-Info-popup:before {
  content: '';
  position: absolute;
  top: 33px;
  right: -5px;
  width: 10px;
  height: 10px;
  background: #ffc832;
  transform: rotate(-45deg);
}

.ecn-prime .ecn-first-block #ECN-Info-popup p:first-child {
  margin-bottom: 10px;
}

.ecn-prime .ecn-first-block .ecn-prime-open-btn {
  margin-left: 35px;
  display: inline-block;
}

.ecn-prime .ecn-first-block .ecn-prime-open-btn a {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}

@media only screen and (min-width: 320px) and (max-width: 829px) {
  .ecn-prime .ecn-first-block .ecn-prime-open-btn {
    display: block;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
  .ecn-prime .ecn-first-block .ecn-prime-open-btn {
    margin-bottom: 20px;
  }
}

.ecn-prime .ecn-first-block .ecn-prime-tr-conditions {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 18px;
  border-bottom: 1px solid #009e82;
  padding-bottom: 2px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-first-block .ecn-prime-tr-conditions {
    color: #00b0a2;
    font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  }
}

.ecn-prime .ecn-first-block .ecn-prime-tr-conditions a {
  text-decoration: none;
  border-bottom: none;
}

.ecn-prime .ecn-prime-advantages {
  margin-top: 70px;
}

@media only screen and (min-width: 1227px) and (max-width: 1243px) {
  .ecn-prime .ecn-prime-advantages {
    margin-top: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1243px) {
  .ecn-prime .ecn-prime-advantages {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
  .ecn-prime .ecn-prime-advantages {
    margin-top: 95px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-advantages {
    margin-top: 0;
  }
}

.ecn-prime .ecn-prime-advantages .ecn-prime-bg_blur {
  top: 674px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-advantages .ecn-prime-bg_blur {
    height: 1150px;
    filter: blur(5px);
    top: 1035px;
  }
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  padding-bottom: 86px;
}

@media only screen and (min-width: 641px) and (max-width: 925px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-title {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-title {
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-title {
    padding-top: 50px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-title {
    padding-right: 7px;
  }
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-desc ul {
  list-style: none;
  margin: 0;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-desc ul li {
  display: inline-block;
  margin-left: 45px;
  margin-bottom: 60px;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-desc .ecn-advantages-desc__number {
  color: #38b2ba;
  font-size: 36px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  line-height: 28px;
  text-align: center;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-desc .ecn-advantages-desc__number > div {
  text-align: center;
  float: right;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-desc .ecn-advantages-desc__number span {
  color: #1d1d1d;
  font-size: 18px;
  line-height: 28px;
  display: block;
  float: right;
  margin-left: 10px;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-desc .ecn-advantages-desc__number .ecn-advantages-desc__name {
  color: #1d1d1d;
  font-size: 18px;
  line-height: 28px;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-table {
  padding-bottom: 20px;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-table .ecn-advantages-cell {
  width: 49%;
  display: inline-block;
  padding-right: 25px;
  padding-left: 68px;
  padding-bottom: 25px;
  vertical-align: text-top;
  position: relative;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-table .ecn-advantages-cell:before {
  content: '';
  position: absolute;
  top: 11px;
  right: 0;
  width: 15px;
  height: 2px;
  background-color: #38b2ba;
}

@media only screen and (min-width: 0px) and (max-width: 925px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-table .ecn-advantages-cell {
    width: 100%;
    padding-left: 10px;
  }
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-table .ecn-advantages-cell .ecn-advantages-text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 25px;
}

.ecn-prime .ecn-prime-advantages .ecn-advantages-advlist ul {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-advlist ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .ecn-prime .ecn-prime-advantages .ecn-advantages-advlist ul li {
    margin: 20px 15px;
  }
}

.ecn-prime .ecn-prime-description {
  background-color: #f0eff0;
  margin-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1619px) {
  .ecn-prime .ecn-prime-description {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1199px) {
  .ecn-prime .ecn-prime-description {
    margin-top: 50px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 639px) and (max-width: 641px) {
  .ecn-prime .ecn-prime-description {
    min-height: 1000px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description {
    margin-top: 50px;
    padding-top: 50px !important;
    padding-bottom: 0;
  }
}

.ecn-prime .ecn-prime-description .ecn-description {
  display: inline-block;
  width: 49%;
  vertical-align: text-top;
}

@media only screen and (min-width: 320px) and (max-width: 809px) {
  .ecn-prime .ecn-prime-description .ecn-description {
    width: 100%;
  }
}

.ecn-prime .ecn-prime-description .ecn-description .ecn-description-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
}

.ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_left {
  padding-bottom: 47px;
  margin-right: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_left {
    padding-bottom: 8px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_right {
  padding-bottom: 84px;
  letter-spacing: -1px;
}

@media only screen and (min-width: 810px) and (max-width: 1058px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_right {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 809px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_right {
    padding: 47px 10px 47px 0;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-title_right {
    padding-bottom: 8px;
    padding-top: 25px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description .ecn-description-text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  padding-bottom: 22px;
}

@media only screen and (min-width: 641px) and (max-width: 809px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-text {
    padding: 27px 40px 0px 10px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-text {
    padding: 27px 10px 0px 10px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description .ecn-description-text_white {
  margin-right: 12px;
  margin-top: -5px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description .ecn-description-text_white {
    margin-right: 0;
  }
}

.ecn-prime .ecn-prime-description .ecn-description .ecn-description-text_white:last-child {
  padding-bottom: 25px;
  padding-top: 15px;
}

.ecn-prime .ecn-prime-description .ecn-description_right {
  padding-right: 75px;
}

@media only screen and (min-width: 320px) and (max-width: 809px) {
  .ecn-prime .ecn-prime-description .ecn-description_right {
    padding-right: 0;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table {
  width: 45%;
  display: inline-block;
  margin-top: 70px;
  margin-right: 10px;
}

@media only screen and (min-width: 950px) and (max-width: 1199px) {
  .ecn-prime .ecn-prime-description .ecn-description-table {
    width: 65%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 949px) {
  .ecn-prime .ecn-prime-description .ecn-description-table {
    width: 60%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table {
    width: calc(100% - 70px);
    margin-top: 50px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table .ecn-description-table-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
}

.ecn-prime .ecn-prime-description .ecn-description-table table {
  border: none;
  margin-top: 74px;
}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table {
    width: 80%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table {
    box-shadow: 0px 5px 10px 0px rgba(114, 114, 114, 0.25);
    margin-top: 35px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead {
  background-color: #f0eff0;
  border: none;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead {
    border-bottom: 1px solid #009e82;
    background-color: #ffffff;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell {
  width: 25%;
  border: none;
  line-height: 34px;
  text-align: right;
  padding-right: 35px;
}

@media only screen and (min-width: 320px) and (max-width: 779px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell:last-child {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 464px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell {
    padding-right: 10px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell .ecn-description-cell-text {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 20px;
}

.ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell .ecn-description-cell-text_green {
  color: #009e82;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell .ecn-description-cell-text_green {
    font-size: 18px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table .ecn-description-thead tr .ecn-description-cell .ecn-description-cell-text_green {
    opacity: 1;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table .ecn-white-bg {
  background-color: #ffffff;
}

.ecn-prime .ecn-prime-description .ecn-description-table table .ecn-border_green {
  border-bottom: 1px solid #009e82;
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row {
  border: none;
  background-color: #f0eff0;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row {
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell {
  width: 25%;
  border: none;
  line-height: 40px;
  text-align: right;
  padding-right: 35px;
}

@media only screen and (min-width: 320px) and (max-width: 779px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell:last-child {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 464px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell {
    padding-right: 10px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text {
    opacity: 1;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell #ecn-green-cell,
.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell #ecn-red-cell {
  display: none;
  position: absolute;
  height: 38px;
  padding: 0px 6px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell #ecn-green-cell,
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell #ecn-red-cell {
    display: none;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-red-cell {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-red-cell {
    background-color: #d4524b;
    color: #ffffff;
    padding: 7px 4px;
    opacity: 1;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-green-cell {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-green-cell {
    background-color: #51b097;
    color: #ffffff;
    padding: 7px 4px;
    opacity: 1;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text_bold {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text_bold {
    opacity: 1;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text_red-bg {
  background-color: #d4524b;
  color: #ffffff;
  padding: 7px 4px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text_red-bg {
    padding: 5px 4px 2px 4px;
    font-size: 17px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text_green-bg {
  background-color: #51b097;
  color: #ffffff;
  padding: 7px 4px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-description-row .ecn-description-cell .ecn-description-cell-text_green-bg {
    padding: 5px 4px 2px 4px;
    font-size: 17px;
  }
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-border_grey {
  border-bottom: 1px solid #e5e5e5;
}

.ecn-prime .ecn-prime-description .ecn-description-table table tbody .ecn-white-bg {
  background-color: #ffffff;
}

.ecn-prime .ecn-prime-description .ecn-description-table .ecn-table-shadow {
  box-shadow: 0px 5px 10px 0px rgba(114, 114, 114, 0.25);
}

.ecn-prime .ecn-prime-description .ecn-description-arrow {
  width: 20%;
  height: 110px;
  display: inline-block;
  background-image: url("../img/ecn-arrow.png");
  background-repeat: no-repeat;
  position: relative;
  top: 248px;
  right: 15px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

@media only screen and (min-width: 1781px) and (max-width: 1885px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: 10px;
    width: 13%;
    background-position: left;
  }
}

@media only screen and (min-width: 1720px) and (max-width: 1780px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: 15px;
    width: 10%;
    background-position: left;
  }
}

@media only screen and (min-width: 1680px) and (max-width: 1719px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: 15px;
    width: 8%;
    background-position: left;
  }
}

@media only screen and (min-width: 1620px) and (max-width: 1679px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: 13px;
    width: 6%;
    background-position: left;
  }
}

@media only screen and (min-width: 1395px) and (max-width: 1530px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: 13px;
    width: 11%;
    background-position: left;
  }
}

@media only screen and (min-width: 1341px) and (max-width: 1394px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: 13px;
    width: 9%;
    background-position: left;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: cover;
    right: -86px;
    width: 9%;
    background-position: left;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1199px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-size: 100%;
    transform: scale(1, -1);
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-description .ecn-description-arrow {
    background-image: url("../img/ecn-arrow-adaptive.png");
    width: 5%;
    top: 475px;
    opacity: 1;
    right: 25px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-amts {
    margin-bottom: 50px !important;
  }
}

.ecn-prime .ecn-prime-amts h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper > div:first-child {
  width: 69%;
}

@media (max-width: 767px) {
  .ecn-prime .ecn-prime-amts .flex-wrapper > div:first-child {
    width: 100%;
  }
}

.ecn-prime .ecn-prime-amts .flex-wrapper > div:last-child {
  width: 29%;
  text-align: left;
  margin-top: -40px;
}

@media (max-width: 767px) {
  .ecn-prime .ecn-prime-amts .flex-wrapper > div:last-child {
    width: 100%;
    text-align: center;
    margin-top: 40px;
  }
}

.ecn-prime .ecn-prime-amts .flex-wrapper p {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper .ecn-amts-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  padding-bottom: 72px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-amts .flex-wrapper .ecn-amts-title {
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .ecn-prime .ecn-prime-amts .flex-wrapper .ecn-amts-title {
    padding-right: 7px;
  }
}

.ecn-prime .ecn-prime-amts .flex-wrapper .ecn-amts-title + p {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 55px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper .ecn-amts-subtitle {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 45px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper ul {
  list-style: none;
}

.ecn-prime .ecn-prime-amts .flex-wrapper ul li {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
  position: relative;
}

.ecn-prime .ecn-prime-amts .flex-wrapper ul li:after {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  right: -20px;
  background: url(../img/green-line.png) no-repeat center/auto 100%;
  width: 15px;
  height: 2px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper ul li:last-child {
  margin-bottom: 0;
}

.ecn-prime .ecn-prime-amts .flex-wrapper #ecn-prime-amts-readMore {
  color: #868888;
  margin-top: 20px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper #ecn-prime-amts-readMore span {
  cursor: pointer;
  border-bottom: 1px dashed #868888;
}

.ecn-prime .ecn-prime-amts .flex-wrapper #ecn-prime-amts-readMore span.hide {
  display: none;
}

.ecn-prime .ecn-prime-amts .flex-wrapper #ecn-prime-amts-readMore.readLess span {
  display: none;
}

.ecn-prime .ecn-prime-amts .flex-wrapper #ecn-prime-amts-readMore.readLess span.hide {
  display: inline-block;
}

.ecn-prime .ecn-prime-amts .flex-wrapper div {
  margin-top: 40px;
}

.ecn-prime .ecn-prime-amts .flex-wrapper div a.download {
  display: inline-block;
  margin-left: 50px;
}

@media (max-width: 610px) {
  .ecn-prime .ecn-prime-amts .flex-wrapper div a.download {
    margin-bottom: 40px;
  }
}

.ecn-prime .ecn-prime-amts .flex-wrapper div a.instruction {
  font-size: 18px;
  color: #666;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  border-bottom: 1px solid #666;
  position: relative;
  margin-right: 50px;
}

@media (max-width: 767px) {
  .ecn-prime .ecn-prime-amts .flex-wrapper div a.instruction {
    display: inline-block;
    border-bottom: none;
  }
}

.ecn-prime .ecn-prime-amts .flex-wrapper div a.instruction:hover {
  border-bottom: none;
}

.ecn-prime .ecn-prime-amts .flex-wrapper div a.instruction:after {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  right: -51px;
  background: url(../img/pdf-icon.png) no-repeat center/auto 100%;
  width: 29px;
  height: 36px;
}

.ecn-prime .ecn-prime-steps {
  padding-top: 70px;
  padding-bottom: 100px;
  position: relative;
}

.ecn-prime .ecn-prime-steps:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/ecn-prime-steps-bg.png");
  background-repeat: no-repeat;
  background-position: right;
  z-index: -1;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-steps:before {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1170px) {
  .ecn-prime .ecn-prime-steps:before {
    background-size: 80%;
  }
}

.ecn-prime .ecn-prime-steps.rvrs:before {
  transform: scale(-1, 1);
}

.ecn-prime .ecn-prime-steps .ecn-steps-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  padding-bottom: 72px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-steps .ecn-steps-title {
    padding-bottom: 35px;
  }
}

.ecn-prime .ecn-prime-steps .ecn-steps-list {
  list-style: none;
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item {
  padding-bottom: 45px;
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item:last-child {
  padding-bottom: 0;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item {
    padding-bottom: 25px;
  }
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-count {
  display: inline-block;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 40px;
  color: #009e82;
  padding-left: 38px;
  vertical-align: top;
  position: relative;
  top: -11px;
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-count {
    padding-left: 25px;
  }
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description {
  display: inline-block;
  width: calc(50% - 65px);
}

@media only screen and (min-width: 320px) and (max-width: 989px) {
  .ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description {
    width: calc(95% - 65px);
  }
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description h3 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  padding-bottom: 9px;
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description h3 a {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  color: #009e82;
  text-decoration: none;
  border-bottom: 1px solid #009e82;
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description .ecn-steps-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description .ecn-steps-btn {
  margin-top: 50px;
}

.ecn-prime .ecn-prime-steps .ecn-steps-list .ecn-steps-item .ecn-steps-description .ecn-steps-btn a {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
}

.ecn-prime .ecn-prime-platforms {
  margin-top: 70px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-platforms {
    margin-top: 50px;
  }
}

.ecn-prime .ecn-prime-platforms .ecn-platforms-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  padding-bottom: 57px;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .ecn-prime .ecn-prime-platforms .ecn-platforms-title {
    padding-bottom: 0;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table {
  padding-right: 15px;
  padding-left: 15px;
  box-shadow: 0px 5px 10px 0px rgba(114, 114, 114, 0.25);
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row {
  border-bottom: 1px solid #d7d7d7;
  padding: 40px 10px !important;
  background-color: #ffffff;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-link-text_iphone {
  left: unset;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_win {
  right: 83px;
  left: unset;
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container {
    margin-left: 11px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container:last-child {
    margin-left: 22px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container:last-child {
    margin-left: 18px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 701px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container:last-child .downloads-link-img_android {
    margin-right: 31px;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_mac {
  right: 84px;
  left: unset;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_iphone {
  right: 84px;
  left: unset;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_android {
  left: 19px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(2) .downloads-links .downloads-link {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #009e82;
  border-bottom: 1px solid #009e82;
  line-height: 50px;
}

@media only screen and (min-width: 0) and (max-width: 1082px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(2) .downloads-links .downloads-link {
    margin-right: 53px;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(2) .downloads-links .downloads-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(2) .downloads-links .downloads-link .downloads-device-link {
  text-decoration: none;
  cursor: pointer;
  color: #009e82;
  border-bottom: 1px solid #009e82;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(2) .downloads-links .downloads-link .downloads-device-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-links > .downloads-link-container {
    margin-left: 11px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-links > .downloads-link-container:last-child {
    margin-left: 22px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-links > .downloads-link-container:last-child {
    margin-left: 18px;
  }
}

@media only screen and (min-width: 0) and (max-width: 1082px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-link {
    margin-right: 0;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-link-text_iphone {
  right: 84px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-link-text_android {
  left: 19px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:last-child {
  border: none;
}

@media screen and (min-width: 641px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:last-child {
    position: relative !important;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 32px;
  color: #171717;
  display: inline-block;
}

@media only screen and (min-width: 0) and (max-width: 1082px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names {
    width: 100%;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-img {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/platforms-spritesheet.png");
  background-repeat: no-repeat;
  margin: 0 20px;
}

@media only screen and (min-width: 320px) and (max-width: 612px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-img {
    vertical-align: top;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-img_mt {
  background-position-y: -15px;
  background-size: 85px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-img_wtrader {
  background-position: top -102px right -15px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-img_gcbinary {
  background-position: top -358px right -19px;
}

@media only screen and (min-width: 543px) and (max-width: 612px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-name {
    display: inline-block;
    width: 80%;
  }
}

@media only screen and (min-width: 335px) and (max-width: 542px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-name {
    display: inline-block;
    width: 65%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 334px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-name {
    display: inline-block;
    width: 60%;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-name .downloads-name-link {
  border-bottom: 1px solid #bababa;
  cursor: pointer;
  color: #171717;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-name .downloads-name-link:hover {
  border: none;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links {
  display: inline-block;
  float: left;
  margin-left: 24px;
}

@media only screen and (min-width: 346px) and (max-width: 1082px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links {
    width: 100%;
    padding-right: 64px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 345px) {
  .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links {
    width: 85%;
    padding-right: 0;
    margin-left: 0;
  }
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container {
  position: relative;
  display: inline-block;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img {
  width: 25px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: top center;
  margin-right: 55px;
  margin-top: -7px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_win {
  background-image: url("../img/windows-logo.svg");
  margin-top: 2px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_mac {
  background-image: url("../img/apple-logo.svg");
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_iphone {
  background-image: url("../img/apple-logo.svg");
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_android {
  background-image: url("../img/android-logo.svg");
  margin-top: 2px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #009e82;
  border-bottom: 1px solid #009e82;
  line-height: 50px;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link .downloads-device-link {
  text-decoration: none;
  cursor: pointer;
  color: #009e82;
  border-bottom: 1px solid #009e82;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link .downloads-device-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #868888;
  position: absolute;
  top: 40px;
}

/*---------------------------------------------- swap free account --------------------------------------------------*/
.swapfree-account-page .account-advantages h4, .swapfree-account-page .account-advantages p {
  margin: 0 auto 1rem;
  width: 50%;
}

/* adaptive swap free */
.swapfree-account-page .account-advantages h4, .swapfree-account-page .account-advantages p {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .swapfree-account-page .account-advantages h4, .swapfree-account-page .account-advantages p {
    width: 80%;
  }
}

@media only screen and (max-width: 30em) {
  .swapfree-account-page .account-advantages h4, .swapfree-account-page .account-advantages p {
    width: 100%;
  }
}

/*-------------------------------------------------- vip account ----------------------------------------------------*/
.vip-account-page .vip-banner {
  background: url(../img/vip-account-banner.png) #404041 no-repeat;
  background-position: left bottom;
    background-image: url(../img/vip-account-banner-rtl.png);
  color: #ffffff;
  min-height: 281px;
  padding: 2.5rem 3.25rem 2rem 0;
  position: relative;
}

.vip-account-page .vip-banner.pamm-dumm-banner {
  background: url(../img/investing/pamm-dumm.jpg) #172029 right/cover no-repeat;
      background-image: url(../img/investing/pamm-dumm-rtl.jpg);
}

.vip-account-page .vip-banner p {
  font: 1.125rem/1.2 "pfDinTextReg", "Helvetica Neue", "Arial";
}

.vip-account-page .vip-banner p a {
  border: none;
  color: inherit;
}

.vip-account-page .vip-banner .spaceman {
  background: url(../img/spaceman.png) no-repeat;
  bottom: 20px;
  height: 321px;
  position: absolute;
  left: 20%;
  width: 243px;
}

.vip-account-page .footnotes p {
  margin: 1rem 0 0 0;
}

.vip-account-page .vip-advantages p {
  font: 1.125rem/1.2 "pfDinTextLight", "Helvetica Neue", "Arial";
  padding: 0 1.25rem;
}

/* adaptive vip page */
/*320!!!*/
@media only screen and (max-width: 64em) {
  .vip-account-page .vip-banner {
    padding: 1.875rem;
  }
  .vip-account-page .vip-banner .spaceman {
    left: 10%;
  }
}

/*320!!!*/
@media only screen and (max-width: 40em) {
  .vip-account-page .vip-banner {
    padding: 1.25rem 1.25rem 3rem;
  }
  .vip-account-page .vip-banner .spaceman {
    margin: 1.875rem auto 0;
    position: static;
  }
}

/*---------------------------------------------------options--------------------------------------------------------*/
/* options modals */
.math {
  font: 2rem "pfDinTextLight", "Helvetica Neue", "Arial";
  margin-bottom: 2rem;
  text-align: center;
}

.math .brace {
  font-size: 4rem;
  vertical-align: middle;
}

.math .var {
  background: #f0eff0;
  border-radius: .375rem;
  color: #424243;
  display: inline-block;
  font: 0.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: .25rem .5rem;
  text-align: right;
  vertical-align: middle;
}

.math .line {
  background: #424243;
  height: 2px;
  margin: 0.5rem 0 0.5rem 1rem;
}

.reveal-modal.option-example p {
  margin-bottom: 1rem;
}

.reveal-modal.option-example ul {
  list-style: disc outside;
  margin: .5rem 1.125rem 1.5rem 0;
}

.reveal-modal.option-example .math .var {
  background: #096760;
  color: #ffffff;
}

/* options explain */
.option-explain a {
  display: inline-block;
  vertical-align: middle;
  font: 1.125rem/1.2 "pfDinTextMed", "Helvetica Neue", "Arial";
  width: 70%;
}

.option-explain a span {
  border-bottom: 1px dashed rgba(66, 66, 67, 0.6);
}

.option-explain a:hover span, .option-explain a:active span, .option-explain a:focus span {
  border-bottom: 1px dashed #14817a;
  color: #14817a;
}

.option-explain .item {
  background: #ffffff;
  height: 100px;
  padding: 1.25rem !important;
}

.option-explain .item:before {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/option_sprite.png);
  content: "";
  height: 56px;
  margin-left: .625rem;
  width: 56px;
}

.option-explain .item.america:before {
  background-position: 85px -5px;
}

.option-explain .item.europe:before {
  background-position: 85px -62px;
}

.option-explain .item.put:before {
  background-position: 85px -120px;
}

.option-explain .item.call:before {
  background-position: 85px -175px;
}

.option-explain .item.double:before {
  background-position: 85px -234px;
}

.option-explain .item.proboy:before {
  background-position: 85px -290px;
}

/* adaptive option explain */
.option-explain > .columns {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .option-explain > .columns {
    margin: .625rem 0;
  }
}

/*------------------------------------------options, micro, standard------------------------------------------------*/
/* banner */
.account-description-white {
  background-color: #ffffff;
  /*height: 290px !important;*/
  padding: 1.25rem .625rem;
  position: relative;
}

.account-description-white:before, .account-description-white:after {
  content: " ";
  display: table;
}

.account-description-white:after {
  clear: both;
}

.account-description-white a.green:hover {
  color: #14817a;
}

.account-description-white .rebate-pic-wrapper img {
  margin-bottom: -1.25rem;
}

.account-description-white .cfd-pic-wrapper {
  margin-right: -0.635rem;
  top: 1.25rem;
  max-height: 350px;
  overflow: hidden;
  position: relative;
}

.account-description-white .cfd-pic-wrapper img {
  max-width: 200%;
  float: left;
}

.account-description-white .ecn-pic-wrapper {
  margin-right: -0.635rem;
  top: -1.25rem;
  margin-bottom: -2.25rem;
  overflow: hidden;
  position: relative;
}

.account-description-white .ecn-pic-wrapper img {
  max-width: 125%;
  float: left;
}

.account-description-white .option-pic {
  margin-right: -137px;
  position: relative;
  right: 50%;
  top: -50px;
}

.account-description-white .swap-pic {
  margin-right: auto;
  position: relative;
  right: 0;
  top: -55px;
}

.account-description-white .micro-pic {
  margin-right: .3125rem;
  position: relative;
  top: -20px;
}

.account-description-white .standart-pic {
  margin-right: -1.25rem;
  position: relative;
  top: -40px;
}

.account-description-white .description-text {
  margin-top: .625rem;
}

.account-description-white .description-text p:not(.h2) {
  font: 1.125rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.account-description-white .figure {
  margin-bottom: -50px;
}

.account-description-white .figure.swap {
  margin-bottom: -80px;
}

.account-description-white .figure .figcaption {
  position: relative;
  top: -50px;
  text-align: center;
  padding: 1.125rem 2.5rem 0 2.5rem;
}

.account-description-white .figure .figcaption h5 {
  line-height: 1.25rem;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: .5rem;
}

.account-description-white .figure .figcaption span {
  font-size: .9rem;
}

.account-description-white .action {
  border-right: 3px dotted #cbc8cb;
  height: 250px;
  padding: .625rem 1.25rem 0 0 !important;
}

.account-description-white .action h2, .account-description-white .action .bonus-title {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  padding-right: 40px;
  position: relative;
}

.account-description-white .action h2:before, .account-description-white .action .bonus-title:before {
  background: url(../img/icons.png) -475px -240px no-repeat;
  content: "";
  height: 40px;
  right: -5px;
  position: absolute;
  width: 40px;
}

.account-description-white .action h2.micro:before, .account-description-white .action .bonus-title.micro:before {
  background-position: -400px -240px;
}

/* adaptive banner */
body .account-description-white {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body .account-description-white {
    height: auto !important;
  }
  body .account-description-white .micro-pic, body .account-description-white .standart-pic {
    top: 50%;
  }
  body .account-description-white .micro-pic {
    margin-top: -140.5px;
  }
  body .account-description-white .standart-pic {
    margin-top: -153.5px;
  }
  body .account-description-white .description-text {
    margin-bottom: 2.5rem;
    padding: 0 !important;
  }
  body .account-description-white .action {
    border: 3px dotted #cbc8cb;
    border-radius: .625rem;
    height: auto;
    padding: 1rem 1.25rem 1.25rem !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 1000px) {
  body .account-description-white .figure, body .account-description-white .figure.swap {
    margin-bottom: 0px;
  }
  body .account-description-white .figure .option-pic, body .account-description-white .figure.swap .option-pic {
    top: 0px;
  }
  body .account-description-white .figure .figcaption, body .account-description-white .figure.swap .figcaption {
    top: 0px;
    margin-bottom: 2rem;
  }
  body .account-description-white .cfd-pic-wrapper, body .account-description-white .ecn-pic-wrapper {
    height: 100%;
    max-height: inherit;
    top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 640px) {
  body .account-description-white .cfd-pic-wrapper img, body .account-description-white .ecn-pic-wrapper img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 645px) and (max-width: 880px) {
  body .account-description-white .figure {
    position: absolute;
    top: 20%;
  }
}

body .account-description-white .standart-pic {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body .account-description-white .standart-pic {
    margin: 0 -1.25rem 2.5rem 0;
    position: static;
  }
}

body .account-description-white .option-pic, body .account-description-white .micro-pic {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body .account-description-white .option-pic, body .account-description-white .micro-pic {
    display: block;
    margin: 0 auto;
    position: static;
  }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
  body .account-description-white .btns {
    text-align: center;
  }
  body .account-description-white .btns span {
    color: #a8a8a9;
    display: block;
  }
}

@media only screen and (min-width: 0) and (max-width: 400px) {
  body .account-description-white .btns {
    text-align: center;
  }
  body .account-description-white .btns span {
    color: #a8a8a9;
    display: block;
  }
}

/* advantages block with arrows */
.advantages-arrows-block .with-arrows, .cfd-block .with-arrows {
  position: relative;
}

.advantages-arrows-block .with-arrows:after, .cfd-block .with-arrows:after {
  background: url(../img/arrow-long-vert.png) no-repeat left center;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  left: -6px;
  width: 24px;
  z-index: 2;
}

.advantages-arrows-block .columns, .cfd-block .columns {
  background: #FFC832;
}

.advantages-arrows-block .wrapper, .cfd-block .wrapper {
  background: #FFC832;
  min-height: 128px;
  padding: 1.25rem;
}

.advantages-arrows-block .wrapper .title, .cfd-block .wrapper .title {
  font: 1.5rem/1 "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: 5px;
}

.advantages-arrows-block.options .wrapper, .cfd-block.options .wrapper {
  background: #FFC832;
  min-height: 128px;
  padding: 0 1.25rem;
}

.advantages-arrows-block.options .wrapper .number, .cfd-block.options .wrapper .number {
  display: inline-block;
  vertical-align: middle;
  color: #f0eff0;
  font: 7.5rem/1 "pfDinTextMed", "Helvetica Neue", "Arial";
  width: 25%;
  margin-top: 1.25rem;
}

.advantages-arrows-block.options .wrapper .title, .cfd-block.options .wrapper .title {
  display: inline-block;
  vertical-align: middle;
  font: 1.125rem/1 "pfDinTextMed", "Helvetica Neue", "Arial";
  width: 70%;
}

/* adaptive advantages block with arrows */
@media only screen and (min-width: 481px) and (max-width: 1024px) {
  body .advantages-arrows-block:not(.options) {
    padding: 0 !important;
  }
  body .advantages-arrows-block:not(.options) .columns {
    background: none;
    margin: .625rem 0;
  }
  body .advantages-arrows-block:not(.options) .columns:after {
    display: none;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1220px) {
  body .advantages-arrows-block:not(.options) .wrapper {
    height: 141px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
  body .advantages-arrows-block:not(.options) .wrapper {
    height: 150px;
  }
}

body .advantages-arrows-block {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  body .advantages-arrows-block .columns {
    padding: .625rem;
  }
  body .advantages-arrows-block .columns.with-arrows:after {
    background: url(../img/arrow-long-hor.png) no-repeat center bottom;
    bottom: 0;
    content: "";
    height: 30px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  body .advantages-arrows-block .columns .wrapper {
    min-height: 150px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1000px) {
  body .advantages-arrows-block.options .wrapper .title, body .advantages-arrows-block.options .wrapper .number {
    width: 100%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1000px) {
  body .advantages-arrows-block.options .with-arrows:after {
    height: 200px;
    width: 36px;
  }
  body .advantages-arrows-block.options .wrapper {
    min-height: 200px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
  body .advantages-arrows-block.options .with-arrows:after {
    height: 220px;
    width: 36px;
  }
  body .advantages-arrows-block.options .wrapper {
    min-height: 220px;
  }
}

.title-22-reg {
  font: 1.375rem "pfDinTextMed", "Helvetica Neue", "Arial";
  line-height: 1.1;
  margin-bottom: 0.25rem;
}

p {
  line-height: 1.5;
}

.accounts-advantages {
  text-align: center;
}

.accounts-advantages p:not(.h4) {
  margin-top: 1.25rem;
}

.trading-start {
  counter-reset: li;
  padding: 0;
  list-style: none;
}

.trading-start li {
  margin: 0 10px 6px 0;
  padding: 4px 8px;
  position: relative;
}

.trading-start li p {
  font: 1.375rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.trading-start li:before {
  color: #b7b7b7;
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -15px;
  right: -65px;
  width: 2em;
  padding: 4px 0;
  text-align: center;
  font-size: 44px;
}

/*------------------------------------promo block - micro, standard OK----------------------------------------------*/
.promo-block {
  background-color: #565658;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: -1.875rem;
  padding: 1.875rem;
}

.promo-block .title {
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: .3125rem;
}

/* adaptive promo-block */
.promo-block {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .promo-block {
    text-align: center;
  }
}

@media only screen and (max-width: 30em) {
  .promo-block {
    padding: 1rem;
  }
}

.slider-white-wrap {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  background-color: #ffffff;
}

.slider-white-wrap .orbit-container .orbit-slides-container img {
  width: auto !important;
}

.slider-white-wrap img {
  max-width: 505px;
  margin: 0 auto 2rem;
}

.slider-white-wrap img.in-text {
  margin-left: 0.642rem;
}

.slider-white-wrap .orbit-content li {
  background-color: #ffffff;
}

.slider-white-wrap .orbit-next, .slider-white-wrap .orbit-prev {
  display: block;
  background-color: rgba(17, 107, 101, 0.5);
  width: 56px;
  margin-top: -60px;
  height: 120px;
  right: auto;
  left: 0;
  transition: all 300ms ease-out;
}

.slider-white-wrap .orbit-next:active, .slider-white-wrap .orbit-next:focus, .slider-white-wrap .orbit-prev:active, .slider-white-wrap .orbit-prev:focus {
  background-color: rgba(17, 107, 101, 0.5);
}

.slider-white-wrap .orbit-next:hover, .slider-white-wrap .orbit-prev:hover {
  background-color: #116b65;
}

.slider-white-wrap .orbit-next span, .slider-white-wrap .orbit-prev span {
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
}

.slider-white-wrap .orbit-prev {
  right: 0;
  left: auto;
}

/*------------------------------------ GC rebate-service ----------------------------------------------*/
.rebate-s {
  position: relative;
  color: #000000;
  font-family: 'New_PFDinTextPro', sans-serif;
}

@media all and (max-width: 768px) {
  .rebate-s > * {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .rebate-s h2 {
    font-size: 36px;
  }
}

.rebate-s__description {
  padding-bottom: 88px;
}

@media all and (max-width: 768px) {
  .rebate-s__description {
    padding-bottom: 118px;
  }
}

@media all and (max-width: 480px) {
  .rebate-s__description {
    padding-bottom: 210px;
  }
}

.rebate-s .description__bg {
  background-image: url("/static/img/rebate_service/rebate_description_bg.jpg");
  background-position: center -950px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  padding-top: -70px;
  z-index: -1;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 100vh;
  max-height: 745px;
}

.rebate-s .description__bg.ar, .rebate-s .description__bg.fa {
  transform: scaleX(-1);
}

@media all and (max-width: 2750px) {
  .rebate-s .description__bg {
    background-position: center -830px;
  }
}

@media all and (max-width: 2500px) {
  .rebate-s .description__bg {
    background-position: center;
  }
}

@media all and (max-width: 1900px) {
  .rebate-s .description__bg {
    background-position: center;
  }
}

@media all and (max-width: 768px) {
  .rebate-s .description__bg {
    background-position-x: right;
  }
}

@media all and (max-width: 480px) {
  .rebate-s .description__bg {
    background-image: url("/static/img/rebate_service/mob_bg.png");
    background-size: 100%;
    background-position: center;
    height: 312px;
    bottom: 0;
    top: unset !important;
  }
}

.rebate-s .description__bg--mob {
  display: none;
}

.rebate-s .description__bg--mob.ar, .rebate-s .description__bg--mob.fa {
  transform: scaleX(-1);
}

@media all and (max-width: 480px) {
  .rebate-s .description__bg--mob {
    position: absolute;
    width: 100%;
    height: 610px;
    background-color: #FFFFFF;
    z-index: -2;
    top: -250px;
    display: block;
  }
}

.rebate-s__h2 {
  font-family: inherit;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 15px;
}

.rebate-s__text {
  max-width: 620px;
  width: 100%;
}

.rebate-s__what-is-rebate {
  background-color: #FFFFFF;
  padding: 82px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rebate-s__what-is-rebate h4 {
  width: fit-content;
}

@media all and (max-width: 768px) {
  .rebate-s__what-is-rebate {
    padding: 60px 0;
  }
}

.rebate-s__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .rebate-s__row {
    flex-direction: column;
  }
}

.rebate-s__left {
  margin-left: 135px;
}

@media all and (max-width: 768px) {
  .rebate-s__left {
    margin-left: 0;
  }
}

@media all and (max-width: 768px) {
  .rebate-s__right {
    padding-top: 20px;
  }
}

.rebate-s__how-work {
  padding: 82px 0;
}

@media all and (max-width: 768px) {
  .rebate-s__how-work {
    padding: 40px 0 0;
  }
}

@media all and (max-width: 768px) {
  .rebate-s__how-work {
    padding: 60px 0 0;
  }
}

.rebate-s .gc-steps__item {
  max-width: 240px;
  font-size: 16px;
}

.rebate-s .gc-steps__item:after {
  left: -50px;
}

@media all and (max-width: 768px) {
  .rebate-s .gc-steps__item {
    margin-bottom: 60px;
    max-width: 320px;
  }
  .rebate-s .gc-steps__item:nth-child(2):after {
    top: 78px;
  }
  .rebate-s .gc-steps__item:nth-child(3):after {
    top: 61px;
  }
}

.rebate-s__example {
  background-color: #ffffff;
  padding: 75px 0;
}

.rebate-s__example .gc-text {
  font-family: inherit;
  font-size: 16px;
}

.rebate-s__example .gc-text:not(:last-child) {
  margin-bottom: 15px;
}

@media all and (max-width: 768px) {
  .rebate-s__example {
    padding: 60px 0;
  }
}

.rebate-s__container {
  margin-top: 30px;
}

.rebate-s__container:not(.active) {
  display: none;
}

.rebate-s__container.with-rebate img {
  margin-bottom: 35px;
}

.rebate-s__switcher {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.rebate-s__switcher h4 {
  margin-bottom: 0;
  color: #848484;
}

.rebate-s__switcher h4.active {
  color: black;
}

.rebate-s__switcher--bg {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 79px;
  width: 47px;
  height: 25px;
  margin: 0 20px;
  position: relative;
}

.rebate-s__switcher--bg img {
  position: absolute;
  top: -6px;
  right: -10px;
  transition: all .2s ease-in-out;
}

.rebate-s__switcher--bg img.moved {
  right: 15px;
}

.rebate-s__how-to-start {
  margin-bottom: -60px;
  padding: 78px 0 88px;
  background-image: url("/static/img/rebate_service/how_to_start_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rebate-s__how-to-start a {
  color: #377F6B;
  border-bottom: 1px #377f6b solid !important;
}

.rebate-s__how-to-start li p {
  font-family: inherit;
  font-size: 16px;
  max-width: 600px;
  width: 100%;
}

.rebate-s__how-to-start li:not(:last-child) {
  margin-bottom: 30px;
}

.rebate-s__how-to-start li:before {
  color: #009E82;
  font-size: 40px;
  font-weight: 300;
  top: calc(50% - 32px);
}

@media all and (max-width: 768px) {
  .rebate-s__how-to-start {
    padding: 60px 0;
    background-image: none;
  }
}

.rebate-s .button, .rebate-s .black {
  margin-top: 30px;
}

/* --- remake --- */
/* standard, swap-free, micro */
.gc-ta-title-wrap {
  font-family: 'New_PFDinTextPro', sans-serif !important;
}

/* standard, swap-free, micro */
.gc-ta-title {
  max-width: 76.4rem;
  padding: 0 20px 0 20px;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: #000;
  margin: -10px auto 35px auto;
}

@media all and (max-width: 768px) {
  .gc-ta-title {
    font-size: 36px;
    line-height: 43px;
    margin: -10px auto 25px auto;
  }
}

/* standard, swap-free, micro */
.gc-ta-account-wrap {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  position: relative;
  padding: 0 0 191px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-account-wrap {
    padding: 0 0 57px 0;
  }
}

.gc-ta-account-wrap__bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 900px;
  z-index: -1;
}

.gc-ta-account-wrap--standard .gc-ta-account-wrap__bg {
  background: url("../img/trading/gc-ta-account-bg-standard.jpg") no-repeat center center;
  background-size: cover;
}

@media all and (max-width: 768px) {
  .gc-ta-account-wrap--standard .gc-ta-account-wrap__bg {
    height: 800px;
    background-position: left center;
  }
}

.gc-ta-account-wrap--swap-free .gc-ta-account-wrap__bg {
  background: url("../img/trading/gc-ta-account-bg-swap-free.jpg") no-repeat center center;
  background-size: cover;
}

@media all and (max-width: 768px) {
  .gc-ta-account-wrap--swap-free .gc-ta-account-wrap__bg {
    height: 800px;
  }
}

.gc-ta-account-wrap--micro .gc-ta-account-wrap__bg {
  background: url("../img/trading/gc-ta-account-bg-micro.jpg") no-repeat center center;
  background-size: cover;
}

@media all and (max-width: 768px) {
  .gc-ta-account-wrap--micro .gc-ta-account-wrap__bg {
    height: 800px;
  }
}

/* standard, swap-free, micro */
.gc-ta-account {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}

.gc-ta-account__title {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  font-weight: 300;
  font-size: 36px;
  line-height: 43px;
  color: #000;
  margin: 0 0 40px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-account__title {
    font-size: 30px;
    line-height: 37px;
    margin: 0 0 30px 0;
  }
}

@media all and (max-width: 425px) {
  .gc-ta-account__title {
    display: none;
  }
}

.gc-ta-account__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  max-width: 580px;
  margin: 0 0 28px 0;
}

@media all and (max-width: 425px) {
  .gc-ta-account__text {
    margin: 0 0 22px 0;
  }
}

.gc-ta-account__buttons {
  display: flex;
  align-items: center;
}

@media all and (max-width: 425px) {
  .gc-ta-account__buttons {
    flex-wrap: wrap;
  }
}

.gc-ta-account__buttons-open-account {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
  margin: 0 0 0 20px;
}

.gc-ta-account__buttons-open-account:hover, .gc-ta-account__buttons-open-account:active, .gc-ta-account__buttons-open-account:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

.gc-ta-account__buttons-open-account-demo {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

@media all and (max-width: 425px) {
  .gc-ta-account__buttons-open-account-demo {
    width: 100%;
    margin: 22px 0 0 0;
  }
}

.gc-ta-account__buttons-open-account-demo:hover {
  color: #000;
}

.gc-ta-account__buttons-open-account-demo span {
  border-bottom: 1px solid #000;
}

/* standard, swap-free, micro */
.gc-ta-bonus-wrap {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  overflow: hidden;
}

/* standard, swap-free, micro */
.gc-ta-bonus {
  position: relative;
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 76px 20px 144px 20px;
  display: flex;
  justify-content: flex-end;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus {
    justify-content: flex-start;
    padding: 60px 20px 78px 20px;
  }
}

.gc-ta-bonus__money {
  position: absolute;
  width: 50%;
  right: -130px;
  top: 37px;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__money {
    display: none;
  }
}

.gc-ta-bonus__content {
  width: 50%;
  max-width: 50%;
  min-width: 590px;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__content {
    width: auto;
    max-width: none;
    min-width: 0;
  }
}

.gc-ta-bonus__title {
  color: #000;
  display: flex;
  align-items: center;
  margin: 0 0 45px 0;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__title {
    margin: 0 0 28px 0;
  }
}

.gc-ta-bonus__title > span {
  font-size: 36px;
  line-height: 43px;
  font-weight: 300;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__title > span {
    font-size: 30px;
    line-height: 36px;
  }
}

.gc-ta-bonus__title > span:nth-of-type(1) {
  position: relative;
  font-weight: bold;
  color: #2187B6;
  margin: 0 0 0 40px;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__title > span:nth-of-type(1) {
    display: none;
  }
}

.gc-ta-bonus__title > span:nth-of-type(1):after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  background: #2187B6;
  top: 50%;
  transform: translateY(-50%);
  left: -21px;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__title > span:nth-of-type(2) span {
    font-weight: 500;
  }
}

.gc-ta-bonus__text {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  margin: 0 0 35px 0;
}

@media all and (max-width: 1024px) {
  .gc-ta-bonus__text {
    margin: 0 0 18px 0;
  }
}

.gc-ta-bonus__get-bonus-wrap {
  display: flex;
}

.gc-ta-bonus__get-bonus {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
}

.gc-ta-bonus__get-bonus:hover, .gc-ta-bonus__get-bonus:active, .gc-ta-bonus__get-bonus:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

/* standard, swap-free, micro */
.gc-ta-advantages-wrap {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  padding: 127px 0 130px 0;
  overflow: hidden;
}

@media all and (max-width: 1024px) {
  .gc-ta-advantages-wrap {
    padding: 67px 0 80px 0;
  }
}

.gc-ta-advantages-wrap--standard {
  background: url("../img/trading/gc-ta-advantages-bg-standard.jpg") no-repeat center center;
  background-size: cover;
}

.gc-ta-advantages-wrap--standard.bidi {
  background: url("../img/trading/gc-ta-advantages-bg-standard_bidi.jpg") no-repeat center center !important;
}

@media all and (max-width: 1024px) {
  .gc-ta-advantages-wrap--standard {
    background-position: calc(100% - (50% + 200px)) center;
  }
}

.gc-ta-advantages-wrap--swap-free {
  background: url("../img/trading/gc-ta-advantages-bg-swap-free.jpg") no-repeat center center;
  background-size: cover;
}

@media all and (max-width: 1024px) {
  .gc-ta-advantages-wrap--swap-free {
    background-position: calc(100% - (50% + 200px)) center;
  }
}

/* standard, swap-free, micro */
.gc-ta-advantages {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}

.gc-ta-advantages__title {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  font-weight: 300;
  font-size: 36px;
  line-height: 43px;
  color: #000;
  margin: 0 0 50px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-advantages__title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media all and (max-width: 425px) {
  .gc-ta-advantages__title {
    text-align: center;
    padding: 0;
    margin: 0 0 40px 0;
  }
}

.gc-ta-advantages__list-wrap {
  position: relative;
}

.gc-ta-advantages__list {
  margin: 0 0 40px 0;
  max-width: 670px;
}

.gc-ta-advantages-wrap--micro .gc-ta-advantages__list {
  max-width: 510px;
}

.gc-ta-advantages__list-bg {
  position: absolute;
  right: 690px;
  top: 0;
}

@media all and (max-width: 768px) {
  .gc-ta-advantages__list-bg {
    display: none;
  }
}

.gc-ta-advantages__list-bg img {
  min-width: 604px;
}

.gc-ta-advantages__item {
  padding: 0 24px 0 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  position: relative;
  margin: 0 0 27px 0;
}

.gc-ta-advantages-wrap--micro .gc-ta-advantages__item {
  font-size: 26px;
  line-height: 31px;
}

.gc-ta-advantages__item:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: url("../img/trading/gc-ta-advantages-ellipse.svg") no-repeat center center;
  right: 0;
  top: 2px;
}

.gc-ta-advantages-wrap--micro .gc-ta-advantages__item:before {
  top: 6px;
}

.gc-ta-advantages__item:after {
  content: '';
  position: absolute;
  width: 10000px;
  height: 2px;
  background: #009E82;
  left: 100%;
  top: 8px;
}

.gc-ta-advantages-wrap--micro .gc-ta-advantages__item:after {
  top: 12px;
}

.gc-ta-advantages__item:last-child {
  margin: 0;
}

.gc-ta-advantages-wrap--micro .gc-ta-advantages__item-text {
  font-size: 18px;
  line-height: 22px;
  margin: 25px 0 0 0;
}

.gc-ta-advantages__button-wrap {
  display: flex;
}

@media all and (max-width: 425px) {
  .gc-ta-advantages__button-wrap {
    justify-content: center;
  }
}

.gc-ta-advantages__button {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
}

.gc-ta-advantages__button:hover, .gc-ta-advantages__button:active, .gc-ta-advantages__button:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

/* standard, swap-free, micro */
.gc-ta-earn-wrap {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  padding: 70px 0 75px 0;
  overflow: hidden;
  margin: 0 0 -60px 0;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-ta-earn-wrap {
    padding: 60px 0 75px 0;
  }
}

.gc-ta-earn-wrap--micro {
  background: url("../img/trading/gc-ta-earn-bg-micro.jpg") no-repeat center center;
  background-size: cover;
}

/* standard, swap-free, micro */
.gc-ta-earn {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}

.gc-ta-earn__title-swap-free {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  font-weight: 300;
  font-size: 36px;
  line-height: 43px;
  color: #000;
  margin: 0 0 35px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__title-swap-free {
    margin: 0 0 23px 0;
    font-size: 30px;
    line-height: 36px;
  }
}

.gc-ta-earn__text-swap-free {
  color: #000;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 75px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__text-swap-free {
    margin: 0 0 50px 0;
  }
}

.gc-ta-earn__title {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  font-weight: 300;
  font-size: 36px;
  line-height: 43px;
  color: #000;
  margin: 0 0 45px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__title {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 35px 0;
  }
}

@media all and (max-width: 425px) {
  .gc-ta-earn__title {
    text-align: center;
  }
}

.gc-ta-earn__list-wrap {
  display: flex;
  align-items: center;
}

.gc-ta-earn__list-bg {
  width: 50%;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__list-bg {
    display: none;
  }
}

.gc-ta-earn__list-bg img {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 604px;
}

.gc-ta-earn__list {
  margin: 0 0 25px 0;
  max-width: 50%;
  min-width: 590px;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__list {
    min-width: 0;
    max-width: none;
    margin: 0 0 35px 0;
  }
}

.gc-ta-earn__item {
  display: flex;
  align-items: center;
  margin: 0 0 34px 0;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__item {
    flex-direction: column;
  }
}

.gc-ta-earn__item:nth-last-of-type(1) {
  margin: 0;
}

.gc-ta-earn__item-icon {
  line-height: 0;
  margin: 0 0 0 35px;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__item-icon {
    margin: 0 0 22px 0;
  }
}

.gc-ta-earn__item-title {
  font-size: 18px;
  line-height: 22px;
  color: #000;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__item-title {
    text-align: center;
  }
}

.gc-ta-earn__item-title a {
  text-decoration: underline;
  color: #000;
}

.gc-ta-earn__button-wrap {
  display: flex;
}

.gc-ta-earn__button {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
  margin: 0 129px 0 0;
}

.gc-ta-earn__button:hover, .gc-ta-earn__button:active, .gc-ta-earn__button:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

@media all and (max-width: 768px) {
  .gc-ta-earn__button {
    margin: 0 auto 0 auto;
  }
}

/* /trading/ */
.icon-star {
  background: url(../img/icons.png) -320px -80px no-repeat;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.icon-star-fill {
  background: url(../img/icons.png) -280px -80px no-repeat;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.icon-portfolio {
  background: url(../img/icons.png) -240px -80px no-repeat;
  border: none !important;
  cursor: pointer;
  height: 16px;
  width: 20px;
  vertical-align: middle;
}

.icon-portfolio.included {
  opacity: 1;
}

.icon-portfolio.excluded {
  opacity: .43;
}

.icon-portfolio.unactive {
  opacity: .23;
}

.icon-refresh {
  background: url(../img/icons.png) -400px -80px no-repeat;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}

.manager-rating-page .filters {
  background: #14817a;
  color: #ffffff;
  padding: 25px;
}

.manager-rating-page .filters .button, .manager-rating-page .filters .black {
  font-size: 1.125rem;
  z-index: 10;
}

.manager-rating-page .filters [data-dropdown="filters"] {
  line-height: 1.6875rem;
}

.manager-rating-page .filters .favorites {
  margin: 6px 0 0 0 !important;
  float: left;
}

.manager-rating-page .filters .filters-dropdown {
  display: none;
  right: -9999px;
  list-style: none;
  margin-right: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  padding: 1.25rem;
  width: 100%;
  z-index: 89;
  max-width: none;
  background: #ffffff;
  border: none;
  border-radius: .375rem;
  color: #424243;
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-top: -28px;
  padding: 40px 10px 10px 10px;
  width: auto !important;
  z-index: 2;
  /*320!!!*/
}

.manager-rating-page .filters .filters-dropdown.open {
  display: block;
}

.manager-rating-page .filters .filters-dropdown > *:first-child {
  margin-top: 0;
}

.manager-rating-page .filters .filters-dropdown > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 40em) {
  .manager-rating-page .filters .filters-dropdown.open {
    right: 194px !important;
  }
}

.manager-rating-page .filters .filters-dropdown li {
  margin-bottom: 16px;
}

.manager-rating-page .filters h2, .manager-rating-page .filters a, .manager-rating-page .filters span {
  display: inline-block;
  vertical-align: middle;
}

.manager-rating-page .filters .head-filters > h2, .manager-rating-page .filters .head-filters > a, .manager-rating-page .filters .head-filters > span:not(.button):not(.black) {
  margin-left: 30px;
}

.manager-rating-page .filters .head-filters > h2 {
  width: 130px;
}

.manager-rating-page .filters .head-filters button, .manager-rating-page .filters .head-filters > a {
  background: none;
  font: 1.125rem/1 "pfDinTextReg", "Helvetica Neue", "Arial";
}

.manager-rating-page .filters .head-filters button:hover, .manager-rating-page .filters .head-filters button:active, .manager-rating-page .filters .head-filters button:focus, .manager-rating-page .filters .head-filters > a:hover, .manager-rating-page .filters .head-filters > a:active, .manager-rating-page .filters .head-filters > a:focus {
  background: none;
}

.manager-rating-page .filters .head-filters .button, .manager-rating-page .filters .head-filters .black {
  margin-left: 30px;
}

.manager-rating-page .filters a, .manager-rating-page .filters button {
  color: inherit;
}

.manager-rating-page .filters a span, .manager-rating-page .filters button span {
  color: inherit;
  vertical-align: middle;
}

.manager-rating-page .filters a span.title, .manager-rating-page .filters button span.title {
  border-bottom: 1px dashed #ffffff;
}

.manager-rating-page .filters a span.title:hover, .manager-rating-page .filters a span.title:active, .manager-rating-page .filters a span.title:focus, .manager-rating-page .filters button span.title:hover, .manager-rating-page .filters button span.title:active, .manager-rating-page .filters button span.title:focus {
  border-bottom-color: transparent;
}

.manager-rating-page .filters h2 {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.manager-rating-page .filters .range-wrapper {
  float: right;
  padding: .6%;
  width: 25%;
  transition: all 300ms ease-out;
}

.manager-rating-page .filters .range-block {
  background: #096760;
  height: 135px;
  padding: 20px;
}

.manager-rating-page .filters .range-block:hover, .manager-rating-page .filters .range-block:active, .manager-rating-page .filters .range-block:focus {
  background: #004F49;
}

.manager-rating-page .filters .range-block .icon, .manager-rating-page .filters .range-block .icon-portfolio, .manager-rating-page .filters .range-block .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .filters .range-block .block-portfolio {
  background: none;
}

.manager-rating-page .filters .range-block .icon.cross, .manager-rating-page .filters .range-block .cross.icon-portfolio, .manager-rating-page .filters .range-block .base-table table tbody tr td.account .cross.block-portfolio, .manager-rating-page .base-table table tbody tr td.account .filters .range-block .cross.block-portfolio {
  color: inherit;
  cursor: pointer;
  font: 1.8rem/0.6rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

.manager-rating-page .filters .range-block p, .manager-rating-page .filters .range-block label {
  color: inherit;
  display: inline-block;
  font: 1.125rem/1 "pfDinTextLight", "Helvetica Neue", "Arial";
  margin-bottom: 25px;
  vertical-align: middle;
}

.manager-rating-page .filters .range-block p {
  width: auto;
}

.manager-rating-page .filters .range-block select {
  height: 2.3rem;
}

.manager-rating-page .filters .range-block [type="text"] {
  height: 22px;
  line-height: 22px;
  margin: 0 6px;
  padding: 0;
  text-align: center;
  width: 70px;
  vertical-align: middle;
}

.manager-rating-page .filters .range-block [type="range"] {
  width: 100%;
}

.manager-rating-page .base-table {
  width: 35%;
}

.manager-rating-page .base-table table {
  table-layout: auto;
}

.manager-rating-page .base-table table td:first-child {
  width: 30%;
}

.manager-rating-page .base-table table td:last-child {
  width: 70%;
}

.manager-rating-page .base-table table tbody tr td {
  word-wrap: break-word !important;
}

.manager-rating-page .scroll-wrapper {
  height: 100%;
  right: 0;
  margin-right: 35%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 65%;
}

.manager-rating-page .scroll-wrapper .scroller-track {
  left: 0;
  top: 61px;
}

.manager-rating-page .scroll-wrapper .scroller {
  height: auto !important;
  overflow-y: hidden;
}

.manager-rating-page .info-table table {
  border-right: 0;
  width: 100%;
}

.manager-rating-page .info-table table td:first-child, .manager-rating-page .info-table table td:last-child {
  border: none;
}

.manager-rating-page .info-table table thead tr td {
  background: #f1af0f;
  border-color: #f1af0f;
  width: 150px;
}

.manager-rating-page .table-wrapper {
  background: #FFC832;
  position: relative;
  border: 5px solid #FFC832;
  border-top: none;
}

.manager-rating-page .spinner {
  position: relative;
}

.manager-rating-page .manager-rating-table {
  border: none;
  table-layout: fixed;
}

.manager-rating-page .manager-rating-table thead tr td {
  height: 70px;
  padding-bottom: .9rem;
}

.manager-rating-page .manager-rating-table thead tr td p, .manager-rating-page .manager-rating-table thead tr td span {
  vertical-align: middle;
}

.manager-rating-page .manager-rating-table thead tr td p {
  display: inline-block;
  font-size: 1.125rem;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  max-width: 85%;
  overflow-wrap: break-word;
}

.manager-rating-page .manager-rating-table thead tr td p span {
  border-bottom: 1px solid rgba(66, 66, 67, 0.6);
  cursor: pointer;
}

.manager-rating-page .manager-rating-table thead tr td p span:hover, .manager-rating-page .manager-rating-table thead tr td p span:active, .manager-rating-page .manager-rating-table thead tr td p span:focus {
  border-bottom-color: transparent;
}

.manager-rating-page .manager-rating-table thead tr td > span {
  display: inline-block;
  background: url(../img/black-arrows.png) no-repeat;
  margin-right: 6px;
  margin-top: 2px;
  height: 13px;
  width: 9px;
  transition: all 300ms ease-out;
}

.manager-rating-page .manager-rating-table thead tr .with-arrow-down > span {
  background-position: -0px -0px;
}

.manager-rating-page .manager-rating-table thead tr .with-arrow-up > span {
  background-position: -9px -0px;
}

.manager-rating-page .manager-rating-table thead tr .with-arrow-updown > span {
  background-position: -20px -0px;
}

.manager-rating-page .manager-rating-table tbody tr.unactive td, .manager-rating-page .manager-rating-table tbody tr.unactive a {
  color: #b5b5b6;
  border-bottom-color: #b5b5b6;
}

.manager-rating-page .manager-rating-table tbody tr.unactive .icon-portfolio {
  opacity: .23;
}

.manager-rating-page .manager-rating-table tbody tr td {
  height: 44px;
  padding: 0 15px;
}

.manager-rating-page .manager-rating-table tbody tr .invest-button {
  display: none;
}

.manager-rating-page .manager-rating-table tbody tr.hovered td {
  position: relative;
  transition: all 300ms ease-out;
  background-color: #ffd665;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #14817a;
  right: 0;
  top: 0;
  z-index: 30;
  display: inline-block;
  line-height: 2.8rem;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button.red {
  background-color: #ce2029;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button.red:before {
  background-color: #ce2029;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button.red:after {
  border-color: transparent #ce2029 transparent transparent;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button:before {
  content: "";
  width: 5px;
  height: 100%;
  right: -5px;
  top: 0;
  position: absolute;
  background-color: #14817a;
  display: block;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: -0.75rem;
  border-style: solid;
  border-width: 1.4rem 0.8rem 1.4rem 0;
  border-color: transparent #14817a transparent transparent;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button:hover span {
  text-decoration: none;
}

.manager-rating-page .manager-rating-table tbody tr.hovered .invest-button span {
  color: #ffffff;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  line-height: 1rem;
}

/*for second td - account*/
.manager-rating-page .base-table table tbody tr td.account {
  text-align: right;
  position: relative;
  padding-right: 3.25rem;
}

.manager-rating-page .base-table table tbody tr td.account a {
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  width: 100%;
  display: inline-block;
  margin-bottom: -5px;
}

.manager-rating-page .base-table table tbody tr td.account a .name {
  border-bottom: 1px solid rgba(66, 66, 67, 0.6);
}

.manager-rating-page .base-table table tbody tr td.account a:hover .name, .manager-rating-page .base-table table tbody tr td.account a:active .name, .manager-rating-page .base-table table tbody tr td.account a:focus .name {
  border-bottom-color: transparent;
}

.manager-rating-page .base-table table tbody tr td.account .block-portfolio {
  float: right;
  right: 1rem;
  top: 0.7rem;
  position: absolute;
}

/*general styles for bottom red panel*/
.red-panel-wrapper {
  min-width: 76.4rem;
  width: 100%;
  z-index: 100;
}

.red-panel-wrapper .red-panel {
  background: #c0392b;
  color: #ffffff;
  margin: 0 auto;
  min-width: 76.4rem;
  padding: 12px 0;
}

.red-panel-wrapper .red-dropdown {
  background: #ce2029;
  min-width: 76.4rem;
  position: absolute;
  width: 100%;
  z-index: -100;
  transition: all 1000ms ease;
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.red-panel-wrapper .red-dropdown.ng-hide {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*portfolio panel in pamm rating*/
.manager-rating-page .red-dropdown .cross {
  color: rgba(212, 82, 75, 0.63);
  font-size: 1.9rem;
  line-height: 1rem;
  margin-left: 5px;
  vertical-align: middle;
}

.manager-rating-page .red-dropdown table thead td {
  font: 400 1.125rem/1.3rem "pfDinTextMed", "Helvetica Neue", "Arial";
  padding: 8px 0;
}

.manager-rating-page .red-dropdown table tbody td {
  height: 51px;
  padding: 16px 10px;
}

.manager-rating-page .red-dropdown table tbody td:last-child a {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

.manager-rating-page .red-dropdown table tbody td:last-child a:hover, .manager-rating-page .red-dropdown table tbody td:last-child a:focus {
  border-bottom-color: transparent;
}

.manager-rating-page .red-panel [type="text"] {
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 90px;
}

.manager-rating-page .red-panel p {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
}

.manager-rating-page .red-panel .portfolio {
  cursor: pointer;
  font: 1.25rem/2.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  position: relative;
}

.manager-rating-page .red-panel .portfolio span:not(.arrows) {
  border-bottom: 1px dashed #ffffff;
}

.manager-rating-page .red-panel .portfolio span:not(.arrows):hover, .manager-rating-page .red-panel .portfolio span:not(.arrows):active, .manager-rating-page .red-panel .portfolio span:not(.arrows):focus {
  border-bottom-color: transparent;
}

.manager-rating-page .red-panel .row {
  position: relative;
}

.manager-rating-page .red-panel .warning-portfolio {
  color: #424243;
  display: inline-block;
  font-size: .85rem;
  position: absolute;
  background: #FFC832;
  padding: .75rem .5rem;
  border-radius: 5px;
  right: 50.3%;
  z-index: 2;
}

.manager-rating-page .red-panel .warning-portfolio:before {
  content: '';
  border: 10px solid transparent;
  border-left-color: #FFC832;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  right: -20px;
}

.manager-rating-page .red-panel .row > p:not(.portfolio) {
  margin: 0 13px;
}

.manager-rating-page .red-panel .portfolio-dropdown {
  bottom: 0;
  right: 0;
  position: absolute;
}

.manager-rating-page .red-panel button {
  color: #424243 !important;
}

.manager-rating-page .red-panel [disabled="disabled"]:hover, .manager-rating-page .red-panel [disabled="disabled"]:active, .manager-rating-page .red-panel [disabled="disabled"]:focus {
  background: #FFC832 !important;
}

.label-block {
  display: inline-block;
  line-height: 1.5rem;
  margin-top: -2.5rem;
  margin-bottom: -6rem;
  padding-top: 0rem;
  bottom: -0.8rem;
  position: relative;
  text-align: right;
  padding-right: 0.5rem;
}

.label-block .mini-label {
  display: block;
  background-color: #FFC832;
  width: 1rem;
  height: 1rem;
  float: right;
  margin-left: 0.3rem;
  font-size: 0.7rem;
  line-height: 1.1rem;
  border-radius: 50%;
  text-align: center;
  position: relative;
  bottom: -0.2rem;
  color: #424243;
}

.label-block a {
  cursor: help;
  color: #ffffff;
  border-bottom-color: #ffffff;
}

/*search*/
.manager-rating-search {
  text-align: center;
  margin-top: 10px;
}

.manager-rating-search input[type="search"] {
  width: 20rem;
  background: #d9d9d9;
  border: #d9d9d9;
  height: 30px;
  line-height: 30px;
}

/* /investment/rating/ */
.calendar .clock {
  display: block;
  color: #919191;
  margin-top: 5px;
  position: relative;
  margin-right: 18px;
}

.calendar .clock .clock-icon {
  background: url("/static/img/time.png");
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -17px;
  top: 3px;
}

.calendar .month-title {
  font: 1.5rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.calendar .month-title .arrow:first-of-type {
  margin-right: 1rem;
}

.calendar .arrow {
  display: inline-block;
  vertical-align: text-bottom;
  border: 3px transparent solid;
  font-weight: 700;
  height: 25px;
  width: 25px;
}

.calendar .arrow .arrow + .arrow {
  margin-right: 0.5rem;
}

.calendar .arrow:hover {
  border-color: #FFC832;
}

.calendar .arrow.arrow-left {
  background: url(../img/icons.png) 100% -120px;
}

.calendar .arrow.arrow-right {
  background: url(../img/icons.png) -40px -120px;
}

.calendar .month-block .body {
  background: #f0eff0;
  border: none !important;
  border-collapse: collapse;
  display: table;
}

.calendar .month-block .body:before, .calendar .month-block .body:after {
  content: " ";
  display: table;
}

.calendar .month-block .body:after {
  clear: both;
}

.calendar .month-block .body .head {
  border: 2px #FFC832 solid;
  background: #FFC832;
  padding: 0.75rem 0;
  color: #ffffff;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.calendar .month-block .body .head td {
  border-right: 1px rgba(255, 255, 255, 0.5) solid;
  padding-right: 1rem;
}

.calendar .month-block .body .week {
  border: 2px solid #FFC832;
  background-color: #ffffff;
}

.calendar .month-block .body .week td {
  border: 2px solid #FFC832 !important;
  position: relative;
  display: table-cell;
  text-align: right !important;
  vertical-align: top;
  width: 20%;
}

.calendar .month-block .body .week td .date {
  font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #FFC832;
  bottom: 1rem;
  left: 1rem;
  position: absolute;
}

.calendar .month-block .body .week td .count {
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 10px 10px 50px 10px;
  position: relative;
  min-height: 62px;
}

.calendar .month-block .body .week td .count a {
  border-bottom: 1px solid #aaa;
}

.calendar .month-block .body .week td .count a:hover {
  border-bottom: none;
}

.calendar .month-block .body .week td .count .sign {
  display: block;
  position: absolute;
  bottom: -45px;
  right: 0;
  visibility: hidden;
}

.calendar .month-block .body .week td .count .sign a.button, .calendar .month-block .body .week td .count .sign a.black {
  background: #FFC832;
  font-size: 14px;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
}

.calendar .month-block .body .week td:hover {
  border-width: 2px !important;
  /*background-color: #fff5e5;*/
}

.calendar .month-block .body .week td:hover .count .sign {
  visibility: visible;
}

.calendar .month-block .body .week td:hover .count .sign a.button:hover, .calendar .month-block .body .week td:hover .count .sign a.black:hover {
  background: #ffc119;
}

.calendar .month-block .body .week-details {
  overflow: hidden;
  display: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.calendar .month-block .body .week-details:hover {
  height: auto !important;
}

.calendar .month-block .body .week-details > ul {
  list-style: none;
  margin-right: 0;
  border-top: 1px #FFC832 solid;
  width: 100%;
  padding: 2rem 2rem 0.25rem;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 3rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

.calendar .month-block .body .week-details > ul > li {
  -webkit-column-break-before: auto;
  -moz-column-break-before: auto;
  break-before: auto;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  -webkit-column-break-after: auto;
  -moz-column-break-after: auto;
  break-after: auto;
  display: inline-block;
  margin-bottom: 1.75rem;
}

.calendar .month-block .body .week-details > ul > li:nth-last-child(1):first-child {
  padding-bottom: 1.75rem;
  margin-bottom: 0;
}

.calendar .month-block .body .week-details > ul > li > span {
  font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  display: inline-block;
  border-bottom: 3px #FFC832 solid;
}

.calendar .month-block .body .week-details > ul > li > ul {
  list-style: none;
  margin: 0;
  -webkit-column-break-before: avoid;
  -moz-column-break-before: avoid;
  break-before: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  -webkit-column-break-after: avoid;
  -moz-column-break-after: avoid;
  break-after: avoid;
}

.calendar .month-block .body .week-details > ul > li > ul > li {
  font: 0.875rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin: 0.75rem 0 0;
}

/*
.webinars-type-select {
        @include clearfix;
        .button {
                display: block;
                width: 18.4%;
                margin-left: 2%;
                float: left;
                &:first-child {
                        margin-left: 0;
                }
        &.video-page {
          width: 15%;
        }
        }
}
*/
.webinars-type-select {
  display: block !important;
  @inlude clearfix;
}

.webinars-type-select .button, .webinars-type-select .black {
  width: 100%;
}

.webinars-timezone select {
  width: 19rem;
  font-size: 0.875rem;
}

.webinars-sidebar-links h4 {
  margin-top: 1.75rem;
}

.webinars-sidebar-links h4:first-of-type {
  margin-top: -0.25rem;
}

.webinars-sidebar-links ul {
  margin-right: 0;
  list-style: none;
}

.webinars-sidebar-links li {
  margin-top: 0.25rem;
}

.button.third-border, .third-border.black {
  border: 3px #FFC832 solid !important;
  background: transparent;
  font: 1rem/2.1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #424243;
  height: 3rem;
}

.button.third-border span, .third-border.black span {
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle;
}

.button.third-border:hover, .third-border.black:hover, .button.third-border:active, .third-border.black:active, .button.third-border:focus, .third-border.black:focus {
  background: transparent;
  border-color: #A8A60F !important;
}

.button.third-border.active, .third-border.active.black {
  background: #FFC832;
  color: #ffffff;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.ed-webinars {
  color: #000;
}

.ed-webinars__title {
  font-size: 3rem;
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}

.ed-webinars__desc {
  font-size: 1rem;
  line-height: 21px;
}

.ed-webinars__subscribe-btn {
  margin-right: 40px !important;
}

.ed-webinars .column.no-pad {
  padding: 0;
}

.ed-webinars .column.no-pad__right {
  padding-left: 0;
}

.ed-webinars .column.no-pad__left {
  padding-right: 0;
}

.ed-webinars__tabs-controls {
  list-style: none;
  display: flex;
  margin: 30px -5px -10px -5px;
}

@media all and (max-width: 1024px) {
  .ed-webinars__tabs-controls {
    flex-wrap: wrap;
  }
}

.ed-webinars__tabs-controls a {
  margin: 0 5px 10px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 1024px) {
  .ed-webinars__tabs-controls a {
    width: calc(100% / 3 - 10px);
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  .ed-webinars__tabs-controls a {
    width: calc(50% - 10px);
    text-align: center;
  }
}

.ed-webinars__tabs-controls a:last-child {
  margin-left: 0;
}

.ed-webinars__tabs-btn {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial", sans-serif;
  color: #423D33;
  font-size: 1rem;
  font-weight: normal;
  background: rgba(253, 205, 83, 0.2);
  border-radius: 20px;
  padding: 12px 16px;
  transition: background .32s ease;
  display: block;
}

.ed-webinars__tabs-btn.active {
  background: #FDCD53;
  transition: background .2s ease;
}

.ed-webinars__tabs-btn.active:hover, .ed-webinars__tabs-btn.active:focus {
  color: #423D33;
  background: #FDCD53;
  transition: background .2s ease;
}

.ed-webinars__tabs-btn:hover, .ed-webinars__tabs-btn:active, .ed-webinars__tabs-btn:focus {
  color: #423D33;
  background: #fcbe21;
  transition: background .2s ease;
}

.ed-webinars__tabs-content {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.ed-webinars__tabs-content.active {
  display: flex;
}

@media all and (max-width: 1024px) {
  .ed-webinars__month {
    display: flex;
    justify-content: center;
  }
}

.ed-webinars__month-title {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 1.875rem;
  color: #000000;
  display: flex;
}

@media all and (max-width: 1024px) {
  .ed-webinars__month-title {
    margin: 20px 0 20px 0;
  }
}

.ed-webinars__iframe {
  position: relative;
  cursor: pointer;
}

.ed-webinars__arrow-month {
  position: relative;
  display: block;
  border: 1px solid transparent;
  color: #009e82;
  background: none;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding: 10px 20px 10px 30px;
  border-radius: 3px;
  letter-spacing: normal;
  transition: all .2s ease;
}

.ed-webinars__arrow-month:hover, .ed-webinars__arrow-month:active, .ed-webinars__arrow-month:focus {
  background: none;
  border: 1px solid #009e82;
  border-radius: 3px;
  transition: all .2s ease;
  color: #009e82;
}

.ed-webinars__arrow-month.left {
  margin-left: 20px;
  padding-right: 30px;
}

.ed-webinars__arrow-month.left::after {
  content: '';
  position: absolute;
  right: 14px;
  top: calc(50% - 4px);
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid #009e82;
  box-sizing: border-box;
  transform: rotate(-45deg);
  border-top: none;
  border-left: none;
}

.ed-webinars__arrow-month.right {
  margin-right: 20px;
  padding-left: 30px;
}

.ed-webinars__arrow-month.right::before {
  content: '';
  position: absolute;
  left: 14px;
  top: calc(50% - 4px);
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid #009e82;
  box-sizing: border-box;
  transform: rotate(135deg);
  border-top: none;
  border-left: none;
}

.ed-webinars__calendar .month-block {
  width: 100%;
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
  max-width: 76.4rem;
  margin: 0 auto;
}

.ed-webinars__calendar .month-block__no-webinars {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial", sans-serif;
  text-align: center;
  font-size: 25px;
  padding: 30px 10px 30px 10px;
}

@media all and (max-width: 425px) {
  .ed-webinars__calendar .month-block__no-webinars {
    font-size: 22px;
  }
}

.ed-webinars__calendar .month-block table.body {
  border: none;
  background: transparent;
}

.ed-webinars__calendar .month-block table.body tr.evene,
.ed-webinars__calendar .month-block table.body tr.alt,
.ed-webinars__calendar .month-block table.body tr:nth-of-type(even) {
  background: none;
}

.ed-webinars__calendar .month-block table.body tbody tr.head {
  background: #ffffff;
  border-bottom: 2px solid #009e82;
}

.ed-webinars__calendar .month-block table.body tbody tr.head td {
  font-size: 16px;
  color: #009e82;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  text-align: right;
  padding: 1.5rem 1rem;
  height: auto;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td {
  border: 1px solid #EFEFEF;
  padding: 15px 20px;
  position: relative;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td:first-child {
  border-right: none;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td:last-child {
  border-left: none;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .date {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #848484;
  position: relative;
  z-index: 10;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .webinar-name {
  display: block;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  line-height: normal;
  font-size: 16px;
  color: rgba(66, 61, 51, 0.3);
  margin-top: 8px;
  min-height: 38px;
  position: relative;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .webinar-name span {
  color: #423D33;
  border-bottom: 1px solid rgba(66, 61, 51, 0.3);
  word-break: break-word;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .clock {
  visibility: visible;
  margin-top: 5px;
  position: relative;
  margin-right: 20px;
  font-size: 14px;
  color: #848484;
  display: inline-block;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .clock .clock-icon {
  background: url("/static/img/time.svg");
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -20px;
  top: 0px;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign {
  display: block;
  margin-top: 8px;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  border-radius: 3px;
  border: 1px solid transparent;
  color: #009e82;
  background: none;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding: 10px 18px;
  letter-spacing: normal;
  background: none;
  border: 1px solid #00b0a2;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign .past {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  border: none;
  padding: 0;
  margin-top: 10px;
  color: #009e82;
  font-size: 1rem;
  border-bottom: 1px solid #009e82;
  border-radius: 0;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign .past:hover {
  color: #377F6B;
  border-bottom: 1px solid #377F6B;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign .already {
  border: none;
  padding: 0;
  margin-top: 10px;
  color: #009e82;
  font-size: 1rem;
  border-radius: 0;
}

.ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign .already:hover {
  border-bottom: 1px solid #009e82;
}

.ed-webinars__calendar .month-block table.body tbody td {
  text-align: right;
  border: none;
  padding: 1.5rem 0.25rem;
  vertical-align: text-bottom;
  height: 170px;
}

.ed-webinars .webinar-bg {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.ed-webinars .webinar-bg--past {
  background: #F9F9F9;
}

.ed-webinars .webinar-bg--already {
  background: rgba(0, 158, 130, 0.2);
}

@media screen and (max-width: 960px) {
  .ed-webinars__subscribe-btn {
    margin-right: 0 !important;
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .ed-webinars__title {
    font-size: 2.25rem;
    margin-top: 2.5rem;
    margin-bottom: 2.25rem;
  }
  .ed-webinars__month-title {
    font-size: 1.875rem;
    font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  }
  .ed-webinars__arrow-month {
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    color: #377F6B;
  }
  .ed-webinars__arrow-month:hover {
    border: 1px solid transparent;
  }
  .ed-webinars__arrow-month.right {
    margin-right: 0;
  }
  .ed-webinars__arrow-month.left {
    margin-left: 0;
  }
  .ed-webinars__calendar .month-block {
    background: #F9F9F9;
  }
  .ed-webinars__calendar .month-block table.body {
    border: none;
    background: transparent;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.head {
    display: none;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td {
    display: flex;
    align-items: center;
    border: none;
    border-bottom: 1px solid #EFEFEF;
    background: #ffffff;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .date {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    max-width: 40px;
    line-height: normal;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .date > span {
    font-size: 36px;
    color: #009e82;
    display: block;
    text-align: center;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .count {
    width: 100%;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .count a {
    text-decoration: none;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .count a.webinar-name {
    z-index: 10;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .count .clock {
    z-index: 10;
  }
  .ed-webinars__calendar .month-block table.body tbody tr.week td .count .sign {
    text-align: left;
    z-index: 10;
  }
}

/* webinars */
.mt-platform {
  padding: 0 18px 80px 18px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mt-platform {
    padding-bottom: 50px;
  }
}

.mt-platform h1 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 48px;
  color: #171717;
  margin-top: -3px;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mt-platform h1 {
    font-size: 36px;
  }
}

.mt-platform .mt-platform-block_1 {
  margin-bottom: 98px;
}

.mt-platform .mt-platform-block_1 .mt-platform-bg {
  width: 100%;
  height: 850px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/platforms/mt4-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  background-color: #f0ebe7;
}

.mt-platform .mt-platform-block_1 .mt-platform-bg.ar {
  transform: scale(-1, 1);
}

@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .mt-platform .mt-platform-block_1 .mt-platform-bg {
    background-position: bottom 0 left -224px;
    background-size: 185%;
  }
}

@media only screen and (min-width: 412px) and (max-width: 640px) {
  .mt-platform .mt-platform-block_1 .mt-platform-bg {
    height: 795px;
    background-position: bottom 0 left -100px;
    background-size: 225%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 411px) {
  .mt-platform .mt-platform-block_1 .mt-platform-bg {
    height: 667px;
    background-position: bottom -19px left -93px;
    background-size: 200%;
  }
}

.mt-platform .mt-platform-block_1 .mt-platform-description {
  width: 59%;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #171717;
  line-height: 23px;
  margin: 28px 0 43px 0;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .mt-platform .mt-platform-block_1 .mt-platform-description {
    width: 100%;
  }
}

.mt-platform .mt-platform-block_1 .mt-platform-links {
  margin-bottom: 46px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-title {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #171717;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container {
  position: relative;
  display: inline-block;
  margin-top: 6px;
  padding-left: 19px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img {
  width: 25px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: top center;
  margin-right: 35px;
  margin-top: -7px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_win {
  background-image: url("../img/platforms/windows-logo.svg");
  margin-right: 2px;
  margin-left: 9px;
  vertical-align: -webkit-baseline-middle;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_mac,
.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_iphone {
  background-image: url("../img/platforms/apple-logo.svg");
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_mac {
  margin-right: 20px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_iphone {
  margin-right: 37px;
  margin-left: 7px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_android {
  background-image: url("../img/platforms/android-logo.svg");
  margin-right: 1px;
  margin-top: 0px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #009e82;
  border-bottom: 1px solid #009e82;
  line-height: 50px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link .mt-platform-device-link {
  text-decoration: none;
  cursor: pointer;
  color: #009e82;
  border-bottom: 1px solid #009e82;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link .mt-platform-device-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #868888;
  position: absolute;
  top: 40px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_win {
  right: 42px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_mac {
  right: 48px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_android {
  right: 30px;
}

.mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_iphone {
  right: 67px;
}

.mt-platform .mt-platform-block_1 .mt-platform-google-logo {
  display: none;
  width: 150px;
  height: 45px;
  background-image: url("../img/google_play.svg");
  background-repeat: no-repeat;
  background-position: top right;
}

.mt-platform .mt-platform-block_1 .mt-platform-google-logo > a {
  height: 100%;
  display: block;
}

.mt-platform .mt-platform-block_1 .mt-platform-google-logo_show {
  display: block;
}

.mt-platform .mt-platform-block_1 .mt-platform-apple-logo {
  display: none;
  width: 150px;
  height: 45px;
  background-image: url("../img/appstore.svg");
  background-repeat: no-repeat;
  background-position: top right;
}

.mt-platform .mt-platform-block_1 .mt-platform-apple-logo > a {
  height: 100%;
  display: block;
}

.mt-platform .mt-platform-block_1 .mt-platform-apple-logo_show {
  display: block;
}

.mt-platform .mt-platform-block_2 {
  margin-bottom: -136px;
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .mt-platform .mt-platform-block_2 {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 769px) {
  .mt-platform .mt-platform-block_2 {
    margin-top: -85px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 640px) {
  .mt-platform .mt-platform-block_2 {
    margin-top: 335px;
  }
}

@media only screen and (min-width: 412px) and (max-width: 499px) {
  .mt-platform .mt-platform-block_2 {
    margin-top: 315px;
  }
}

@media only screen and (min-width: 326px) and (max-width: 411px) {
  .mt-platform .mt-platform-block_2 {
    margin-top: 190px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 325px) {
  .mt-platform .mt-platform-block_2 {
    margin-top: 190px;
  }
}

.mt-platform .mt-platform-block_2 .mt-platform-advantages {
  display: inline-block;
  width: 59%;
}

@media only screen and (min-width: 1024px) and (max-width: 1238px) {
  .mt-platform .mt-platform-block_2 .mt-platform-advantages {
    width: 50%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .mt-platform .mt-platform-block_2 .mt-platform-advantages {
    width: 100%;
  }
}

.mt-platform .mt-platform-block_2 .mt-platform-advantages h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  color: #171717;
  margin-top: 64px;
  margin-bottom: 47px;
}

.mt-platform .mt-platform-block_2 .mt-platform-advantages .mt-platform-list {
  list-style: none;
  margin-right: 0;
}

.mt-platform .mt-platform-block_2 .mt-platform-advantages .mt-platform-list .mt-platform-list-item .mt-platform-list-decor {
  width: 27px;
  height: 20px;
  background-image: url(../img/platforms/check-red.png);
  background-repeat: no-repeat;
  background-position: top 6px right;
  display: inline-block;
  vertical-align: top;
}

.mt-platform .mt-platform-block_2 .mt-platform-advantages .mt-platform-list .mt-platform-list-item .mt-platform-list-text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #171717;
  width: calc(100% - 40px);
  display: inline-block;
  line-height: 23px;
  padding-bottom: 12px;
}

.mt-platform .mt-platform-block_2 .video-container {
  width: 380px;
  height: 367px;
  position: relative;
  margin-right: 97px;
  display: inline-block;
  bottom: 208px;
}

@media only screen and (min-width: 1239px) and (max-width: 1264px) {
  .mt-platform .mt-platform-block_2 .video-container {
    margin-right: 90px;
  }
}

@media only screen and (min-width: 1030px) and (max-width: 1043px) {
  .mt-platform .mt-platform-block_2 .video-container {
    margin-right: 85px;
  }
}

@media only screen and (min-width: 1044px) and (max-width: 1053px) {
  .mt-platform .mt-platform-block_2 .video-container {
    margin-right: 95px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1029px) {
  .mt-platform .mt-platform-block_2 .video-container {
    margin-right: 82px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .mt-platform .mt-platform-block_2 .video-container {
    margin-right: 0;
    bottom: -30px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {
  .mt-platform .mt-platform-block_2 .video-container {
    width: 100%;
  }
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-shade {
  width: 380px;
  height: 367px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  background-color: transparent;
  z-index: 1;
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
  .mt-platform .mt-platform-block_2 .video-container .mt-platform-shade {
    width: 100%;
  }
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-shade:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-video {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: url(../img/platforms/video-bg.jpg);
  background-repeat: no-repeat;
  background-size: inherit;
  position: relative;
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-play-btn {
  width: 103px;
  height: 103px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.5);
  background-image: url(../img/play-button-arrow.svg);
  background-repeat: no-repeat;
  background-size: 46%;
  background-position: top 19px right 30px;
  position: absolute;
  top: 53px;
  right: 140px;
  cursor: pointer;
  z-index: 2;
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
  .mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-play-btn {
    right: 33%;
    top: 45px;
  }
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 32px;
  color: #ffffff;
  text-align: center;
  line-height: 39px;
  width: 70%;
  margin: 0 auto;
  position: relative;
  top: 190px;
  z-index: 2;
}

@media only screen and (min-width: 335px) and (max-width: 399px) {
  .mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-text {
    width: 85%;
    right: -7px;
    top: 165px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 334px) {
  .mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-text {
    width: 91%;
    right: -7px;
    top: 165px;
  }
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-watch-btn {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 19px;
  color: #ffffff;
  position: relative;
  top: 203px;
  right: 32%;
  padding: 2px 23px;
  z-index: 2;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-watch-btn {
    padding: 5px 23px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 399px) {
  .mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-watch-btn {
    top: 180px;
    right: 25%;
  }
}

.mt-platform .mt-platform-block_2 .video-container .mt-platform-video .mt-platform-watch-btn:hover {
  background-color: #00816a;
  cursor: pointer;
}

.mt-platform .mt-platform-block_2 .mt-platform-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3;
}

.mt-platform .mt-platform-block_2 .mt-platform-modal .mt-platform-modal-content {
  width: 70%;
  background-color: #ffffff;
  margin: auto;
  border: 1px solid #888;
  position: relative;
}

.mt-platform .mt-platform-block_2 .mt-platform-modal .mt-platform-modal-content .mt-platform-player-container .player-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.mt-platform .mt-platform-block_2 .mt-platform-modal .mt-platform-modal-content .mt-platform-player-container .player-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* /platforms/mt4/ */
/* start */
body.gc div.investment-start {
  font-size: 1.25rem;
  position: relative;
}

body.gc div.investment-start:before, body.gc div.investment-start:after {
  content: " ";
  display: table;
}

body.gc div.investment-start:after {
  clear: both;
}

body.gc div.investment-start a {
  z-index: 2;
}

body.gc div.investment-start.full-width .columns {
  padding: 1.875rem 20% 6.25rem;
}

body.gc div.investment-start.full-width .manager-bg {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

body.gc div.investment-start.full-width .investor-bg, body.gc div.investment-start.full-width .manager-bg {
  width: 50%;
}

body.gc div.investment-start.full-width .investor-bg:after {
  bottom: 25px;
  right: 60px;
}

body.gc div.investment-start.full-width .invest-logo {
  display: block;
}

body.gc div.investment-start .columns {
  background: #ffffff;
  overflow: hidden;
  padding: 1.875rem 2.875rem 6.25rem 14rem;
  position: relative;
}

body.gc div.investment-start .investor-bg, body.gc div.investment-start .manager-bg {
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

body.gc div.investment-start .investor-bg {
  background: url(../img/investing/investor-small.png) center bottom no-repeat;
  right: 0;
  z-index: 2;
}

body.gc div.investment-start .investor-bg:after {
  background: url(../img/investing/investor.png) no-repeat;
  bottom: 45px;
  content: '';
  display: block;
  height: 210px;
  position: absolute;
  left: 60px;
  width: 69px;
}

body.gc div.investment-start .investor-bg.pamm:after {
  background: url(../img/investing/investor-pamm.png) no-repeat;
  width: 133px;
  left: 3px;
}

body.gc div.investment-start .manager-bg {
  background: url(../img/investing/manager-small.png) left bottom no-repeat;
  left: 0;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

body.gc div.investment-start .manager-bg.pamm {
  background: url(../img/investing/manager-pamm-small.png) left bottom no-repeat;
}

body.gc div.investment-start .invest-logo {
  background: url(../img/logo-icon.png) center center no-repeat #ffffff;
  background-size: 87%;
  border-radius: 50%;
  bottom: -1px;
  height: 76px;
  right: 50%;
  margin-right: -2.375rem;
  padding: .375rem;
  position: absolute;
  width: 76px;
  z-index: 2;
}

body.gc div.investment-start h2 a:hover, body.gc div.investment-start h2 a:active, body.gc div.investment-start h2 a:focus {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

body.gc div.investment-start p.text {
  margin: .625rem 0 1.25rem;
  line-height: 1.33;
  position: relative;
  z-index: 3;
}

body.gc div.investment-start .button, body.gc div.investment-start .black {
  z-index: 3;
}

/* about */
.investment-meaning p {
  margin-bottom: .625rem;
}

.white-scheme {
  background-color: #fff;
  padding: 2rem 1.875rem 0;
  /*320!!!*/
  /*320!!!*/
}

.white-scheme .with-investor {
  padding-bottom: 250px !important;
}

.white-scheme .with-investor .manager-icon {
  position: absolute;
  bottom: 0;
  right: 55%;
  width: auto;
}

.white-scheme .with-investor .manager-icon .person-icon {
  padding-left: 87px;
}

@media only screen and (min-width: 0) and (max-width: 69rem) {
  .white-scheme .with-investor .manager-icon .person-icon .h4 {
    font-size: 1.25rem;
  }
}

.white-scheme .with-manager {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .white-scheme .with-manager {
    width: 300px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .white-scheme .with-manager {
    width: 87%;
    margin: 0 auto;
  }
}

.white-scheme .with-manager .person-icon {
  float: right;
  padding-right: 100px;
  /*320!!!*/
}

@media only screen and (min-width: 0) and (max-width: 69rem) {
  .white-scheme .with-manager .person-icon .h4 {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .white-scheme .with-manager .person-icon {
    float: none;
    padding-right: 0;
    padding-top: 117px;
    margin-bottom: 100px;
  }
}

.white-scheme .with-diagram {
  min-height: 450px;
}

.white-scheme .caption {
  width: 79%;
  position: relative;
  top: 91%;
  margin: 0 auto;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .white-scheme .caption {
    top: 97%;
    width: 30%;
  }
}

@media only screen and (max-width: 40em) {
  .white-scheme .caption {
    display: none;
  }
}

.white-scheme .diagram {
  width: 307px;
  height: 307px;
  top: 44%;
  right: 50%;
  margin: -153px;
  background: url(../img/investing/diagram.png) no-repeat center center;
  border-radius: 50%;
  position: absolute;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .white-scheme .diagram {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .white-scheme .diagram .h1, .white-scheme .diagram .h4, .white-scheme .diagram .caption {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.white-scheme .diagram span[class*='sum-'] {
  color: #ffffff;
  position: absolute;
}

.white-scheme .diagram span.h1 {
  text-align: center;
  position: relative;
  top: 43%;
  display: block;
}

.white-scheme .diagram .sum-2 {
  right: 6%;
  top: 45%;
}

.white-scheme .diagram .sum-3 {
  right: 72%;
  top: 21%;
}

.white-scheme .diagram .sum-4 {
  right: 78%;
  top: 46%;
}

.white-scheme .diagram .sum-5 {
  right: 59%;
  top: 77%;
}

.white-scheme .diagram .long-arrow-icon {
  position: absolute;
}

.white-scheme .diagram .long-arrow-icon:not(.short):before {
  width: 80px;
}

.white-scheme .diagram .long-arrow-icon.to-left-down {
  right: -26%;
  top: 89%;
  -webkit-transform: rotate(-154deg);
  -moz-transform: rotate(-154deg);
  -ms-transform: rotate(-154deg);
  -o-transform: rotate(-154deg);
  transform: rotate(-154deg);
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .white-scheme .diagram .long-arrow-icon.to-left-down {
    top: 47%;
    right: -34%;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}

.white-scheme .diagram .long-arrow-icon.to-right-up {
  left: -26%;
  top: 6%;
  -webkit-transform: rotate(26deg);
  -moz-transform: rotate(26deg);
  -ms-transform: rotate(26deg);
  -o-transform: rotate(26deg);
  transform: rotate(26deg);
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .white-scheme .diagram .long-arrow-icon.to-right-up {
    top: 18%;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}

.white-scheme .diagram .long-arrow-icon.short {
  left: -28%;
  top: 48%;
}

.white-scheme .diagram .long-arrow-icon.to-right-down {
  left: -26%;
  top: 88%;
  -webkit-transform: rotate(-26deg);
  -moz-transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  -o-transform: rotate(-26deg);
  transform: rotate(-26deg);
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .white-scheme .diagram .long-arrow-icon.to-right-down {
    top: 78%;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}

.white-scheme .person-block {
  width: auto;
}

@media only screen and (min-width: 64.0625em) {
  .white-scheme .person-icon {
    float: right;
  }
  .white-scheme .with-manager {
    width: 25%;
    float: left;
  }
}

@media only screen and (max-width: 64em) {
  .white-scheme {
    padding: 0 .875rem;
  }
}

/* top manager */
.investments-frontpage-top-manager {
  min-height: 300px;
  position: relative;
}

.investments-frontpage-top-manager .cup_number {
  font: 1.875rem "pfDinTextMed", "Helvetica Neue", "Arial" !important;
}

.investments-frontpage-top-manager .cup {
  background: url(../img/grand-capital-cup.png) center bottom no-repeat;
  background-size: auto !important;
  bottom: 0;
  height: 260px;
  position: absolute;
  left: 0;
  right: 0;
}

.investments-frontpage-top-manager .name {
  margin: 1.875rem 0 6.25rem;
  width: 100%;
}

.investments-frontpage-top-manager .name a {
  font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.investments-frontpage-top-manager .name, .investments-frontpage-top-manager .month, .investments-frontpage-top-manager .all {
  text-align: center;
}

.investments-frontpage-top-manager .month, .investments-frontpage-top-manager .all {
  font: 1.875rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.investments-frontpage-top-manager .month span, .investments-frontpage-top-manager .all span {
  display: block;
  font: 0.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.investments-frontpage-top-manager .month {
  float: right;
}

.investments-frontpage-top-manager .all {
  float: left;
}

/* or */
.txt-or {
  font-size: 1.125rem;
  margin: 0 1.25rem;
}

/* adaptive */
body.gc div.investment-start.full-width {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  body.gc div.investment-start.full-width .columns {
    padding: 1.85rem 1.85rem 7rem;
  }
  body.gc div.investment-start.full-width .investor-bg {
    width: 100%;
  }
  body.gc div.investment-start.full-width .investor-bg:after {
    display: none;
  }
  body.gc div.investment-start.full-width .manager-bg {
    display: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 56rem) {
  body.gc div.investment-start.full-width .columns {
    padding-bottom: 8rem;
  }
  body.gc div.investment-start.full-width .investor-bg:after {
    right: 20px;
  }
  body.gc div.investment-start.full-width .manager-bg {
    left: -80px;
    width: 67%;
    bottom: -20px;
  }
}

body.gc div.investment-start .columns {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  body.gc div.investment-start .columns {
    padding-bottom: 16rem;
    padding-left: 1.875rem;
  }
}

@media only screen and (max-width: 30em) {
  body.gc div.investment-start .columns {
    padding-bottom: 18rem;
  }
}

body.gc div.investment-start .investor-bg {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc div.investment-start .investor-bg {
    background-position: left bottom;
  }
}

body.gc div.investment-start .invest-logo {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc div.investment-start .invest-logo {
    display: none;
  }
}

/* adaptive top manager */
.investments-frontpage-top-manager {
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .investments-frontpage-top-manager {
    margin: 0 auto;
    width: 80%;
  }
}

@media only screen and (max-width: 40em) {
  .investments-frontpage-top-manager {
    width: 100%;
  }
}

@media only screen and (max-width: 30em) {
  .investments-frontpage-top-manager {
    height: auto;
  }
  .investments-frontpage-top-manager .cup {
    position: static;
  }
  .investments-frontpage-top-manager .name {
    margin: 1.875rem 0;
  }
  .investments-frontpage-top-manager .month, .investments-frontpage-top-manager .all {
    display: block;
    float: none;
    margin: 1rem 0;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .txt-or {
    display: block;
    margin: 1.25rem auto;
  }
}

/* --- remake lamm --- */
.lamm-wrap {
  font-family: "pfDinTextLight", sans-serif;
  color: #000;
  margin: 0 0 -60px 0;
  position: relative;
}

.lamm-wrap__title {
  padding: 0 20px 0 20px;
  max-width: 76.4rem;
  margin: 0 auto 15px auto;
  font-size: 48px;
  line-height: 58px;
}

@media all and (max-width: 768px) {
  .lamm-wrap__title {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 22px 0;
  }
}

@media all and (max-width: 425px) {
  .lamm-wrap__title {
    margin: 0 0 22px 0;
  }
}

.lamm-top-wrap {
  position: relative;
}

.lamm-top-wrap__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 800px;
  background: url("../img/lamm/lamm_bg.jpg") no-repeat center bottom;
  background-size: cover;
  z-index: -1;
}

@media all and (max-width: 768px) {
  .lamm-top-wrap__bg {
    height: 950px;
  }
}

.lamm-top-wrap__bg--rtl {
  background: url("../img/lamm/lamm_bg_rtl.jpg") no-repeat center bottom;
}

.lamm-top {
  max-width: 76.4rem;
  margin: 0 auto 0 auto;
  padding: 0 20px 80px 20px;
}

@media all and (max-width: 768px) {
  .lamm-top {
    padding: 0 20px 135px 20px;
  }
}

.lamm-top__title {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 30px 0;
  max-width: 688px;
}

@media all and (max-width: 768px) {
  .lamm-top__title {
    margin: 0 0 32px 0;
  }
}

@media all and (max-width: 768px) {
  .lamm-top__title br {
    display: none;
  }
}

.lamm-top__list {
  user-select: none;
  display: flex;
  margin: 0 -9px 33px -9px;
}

@media all and (max-width: 768px) {
  .lamm-top__list {
    flex-wrap: wrap;
    margin: 0 0 calc(56px - 16px) 0;
  }
}

.lamm-top__item {
  width: 217px;
  margin: 0 9px 0 9px;
  background: rgba(255, 255, 255, 0.6);
  padding: 30px 22px 17px 22px;
  border-radius: 3px;
}

@media all and (max-width: 768px) {
  .lamm-top__item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    background: transparent;
    margin: 0 0 16px 0;
  }
}

.lamm-top__item_icon {
  height: 59px;
  margin: 0 0 23px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 768px) {
  .lamm-top__item_icon {
    margin: 0 0 0 15px;
    height: auto;
    min-width: 43px;
    width: 43px;
  }
}

.lamm-top__item_icon svg {
  display: block;
  margin: 0 auto 0 auto;
}

@media all and (max-width: 768px) {
  .lamm-top__item_icon svg {
    width: 100%;
    max-width: 100%;
  }
}

.lamm-top__item_title {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}

@media all and (max-width: 768px) {
  .lamm-top__item_title {
    font-size: 22px;
    line-height: 26px;
    text-align: right;
  }
}

.lamm-top__open-score {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFF;
  display: inline-block;
  padding: 16px 18px 12px 18px;
  background: #009E82;
  border-radius: 3px;
  transition: background 0.3s ease;
}

.lamm-top__open-score:hover, .lamm-top__open-score:active, .lamm-top__open-score:visited {
  color: #fff;
}

.lamm-top__open-score:hover {
  background: #00856d;
}

.lamm-rating {
  padding: 62px 20px 78px 20px;
  max-width: 76.4rem;
  margin: 0 auto 0 auto;
  background: #f0eff0;
}

@media all and (max-width: 768px) {
  .lamm-rating {
    padding: 62px 20px 57px 20px;
  }
}

.lamm-rating__title-group {
  margin: 0 0 62px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media all and (max-width: 768px) {
  .lamm-rating__title-group {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 35px 0;
  }
}

.lamm-rating__title {
  font-family: "pfDinTextLight", sans-serif;
  font-size: 36px;
  line-height: 42px;
}

@media all and (max-width: 768px) {
  .lamm-rating__title {
    margin: 0 0 20px 0;
  }
}

.lamm-rating__become-manager {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #423D33;
  background: #FDCD53;
  border-radius: 3px;
  padding: 14px 14px;
  display: block;
  width: 209px;
  transition: background 0.3s ease;
}

.lamm-rating__become-manager:hover, .lamm-rating__become-manager:active, .lamm-rating__become-manager:visited {
  color: #423D33;
}

.lamm-rating__become-manager:hover {
  background: #fcbe21;
}

.lamm-rating__table-wrap {
  width: 100%;
  height: calc(100% + 10px);
  overflow-x: auto;
  overflow-y: hidden;
}

@media all and (max-width: 768px) {
  .lamm-rating__table-wrap {
    width: calc(100% + 40px);
    margin: 0 -20px 0 -20px;
    box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
  }
}

.lamm-rating__table {
  table-layout: auto !important;
  width: 100%;
  border-collapse: collapse;
  background: #fbfbfb;
  border: none;
}

.lamm-rating__table thead {
  font-family: "pfDinTextLight", sans-serif;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
  background: #fff;
}

.lamm-rating__table thead tr td {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #009E82;
  padding: 18px 18px 12px 18px;
}

@media all and (max-width: 768px) {
  .lamm-rating__table thead tr td {
    padding: 11px 11px 6px 11px;
  }
}

.lamm-rating__table thead tr td:nth-of-type(2) {
  text-align: right;
}

.lamm-rating__table thead tr td:nth-of-type(3) {
  text-align: right;
}

.lamm-rating__table thead tr td:last-child span:before {
  display: none;
}

.lamm-rating__table thead tr td span {
  position: relative;
}

.lamm-rating__table thead tr td span:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 7px;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/lamm/lamm_table_arrow_bottom.svg") no-repeat center center;
  display: none;
}

@media all and (max-width: 768px) {
  .lamm-rating__table thead tr td span:before {
    display: none;
  }
}

.lamm-rating__table tbody {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  font-family: "pfDinTextMed", sans-serif;
}

@media all and (max-width: 768px) {
  .lamm-rating__table tbody {
    box-shadow: none;
  }
}

.lamm-rating__table tbody tr {
  border-bottom: 1px solid #EFEFEF;
}

.lamm-rating__table tbody tr:nth-of-type(n) {
  background: transparent;
  cursor: pointer;
}

.lamm-rating__table tbody tr:nth-of-type(n):hover {
  background: rgba(253, 205, 83, 0.15);
}

.lamm-rating__table tbody tr:nth-of-type(n):hover td:last-child a {
  transition: none;
  background: #009E82;
  color: #fff;
}

@media all and (max-width: 768px) {
  .lamm-rating__table tbody tr:nth-of-type(n):hover td:last-child a {
    color: #009E82;
    background: transparent;
  }
}

.lamm-rating__table tbody tr td {
  font-size: 16px;
  padding: 7px 18px 7px 18px;
  border: none;
}

@media all and (max-width: 768px) {
  .lamm-rating__table tbody tr td {
    padding: 3px 11px 2px 11px;
  }
}

.lamm-rating__table tbody tr td:nth-of-type(1) {
  font-family: "pfDinTextLight", sans-serif;
  font-size: 32px;
  line-height: 46px;
  text-align: center;
  color: #009E82;
  transform: translateY(3px);
}

.lamm-rating__table tbody tr td:nth-of-type(2) {
  min-width: 220px;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lamm-rating__table tbody tr td:nth-of-type(2) span {
  border-bottom: 1px solid rgba(66, 61, 51, 0.3);
}

.lamm-rating__table tbody tr td:nth-of-type(2) span:hover {
  border-bottom: 0;
}

.lamm-rating__table tbody tr td:nth-of-type(2) span a {
  border-bottom: none;
}

.lamm-rating__table tbody tr td:nth-of-type(3) {
  min-width: 130px;
  text-align: right;
}

.lamm-rating__table tbody tr td:nth-of-type(4) {
  min-width: 140px;
}

.lamm-rating__table tbody tr td:nth-of-type(5) {
  min-width: 160px;
}

.lamm-rating__table tbody tr td:nth-of-type(6) {
  min-width: 100px;
}

.lamm-rating__table tbody tr td:last-child a {
  padding: 12px 23px 12px 23px;
  border: 1px solid rgba(0, 158, 130, 0.5);
  border-radius: 3px;
  transition: background 0.3s ease, color 0.3s ease;
  outline: none;
  color: #009E82;
}

@media all and (max-width: 768px) {
  .lamm-rating__table tbody tr td:last-child a {
    padding: 0;
    border: none;
  }
}

.lamm-rating__all-link-wrap {
  text-align: center;
  margin: 34px 0 0 0;
}

@media all and (max-width: 768px) {
  .lamm-rating__all-link-wrap {
    margin: 19px 0 0 0;
  }
}

.lamm-rating__all-link {
  font-family: "pfDinTextMed", sans-serif;
  display: inline-block;
  color: #009E82;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  border-bottom: 1px solid #009E82;
}

.lamm-rating__all-link:hover, .lamm-rating__all-link:active, .lamm-rating__all-link:visited {
  color: #009E82;
}

.lamm-rating__all-link:hover {
  border-bottom-color: transparent;
}

.lamm-how-works-wrap {
  background: url("../img/lamm/lamm_how_works_bg.png") #1D3758 center top;
  background-size: cover;
  color: #fff;
}

.lamm-how-works-wrap--rtl {
  background: url("../img/lamm/lamm_how_works_bg_rtl.png") #1D3758 center top;
}

.lamm-how-works {
  padding: 80px 20px 75px 20px;
  max-width: 76.4rem;
  margin: 0 auto 0 auto;
}

@media all and (max-width: 768px) {
  .lamm-how-works {
    padding: 57px 20px 60px 20px;
  }
}

.lamm-how-works__title {
  font-family: "pfDinTextLight", sans-serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: normal;
  color: #fff;
  margin: 0 0 38px 0;
  max-width: 793px;
}

.lamm-how-works__text {
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  max-width: 793px;
}

@media all and (max-width: 768px) {
  .lamm-how-works__text {
    font-size: 16px;
    line-height: 21px;
  }
}

.lamm-how-works__scheme-title {
  font-family: "pfDinTextMed", sans-serif;
  display: inline-block;
  max-width: 793px;
  position: relative;
  font-size: 18px;
  line-height: 20px;
  color: #377F6B;
  border-bottom: 2px dotted #377F6B;
  margin: 35px 0 0 0;
  cursor: pointer;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-title {
    margin: 20px 0 0 0;
  }
}

.lamm-how-works__scheme-title[data-lamm-scheme-title='true']:before {
  transform: translateY(-50%);
}

.lamm-how-works__scheme-title:before {
  content: '';
  width: 12px;
  height: 7px;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  background: url("../img/lamm/lamm_how_works_arrow_bottom_mini.png") no-repeat center center;
  transition: transform 0.35s ease;
}

.lamm-how-works__scheme-content {
  max-width: 793px;
  margin: 40px 0 0 0;
}

.lamm-how-works__scheme-top-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  padding: 26px 35px 23px 35px;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-list {
    flex-wrap: wrap;
    padding: 0;
    border: none;
    max-width: 335px;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item {
    width: 33.333%;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(1) {
    width: 30%;
    order: 4;
    transform: translateX(2px);
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(2) {
    width: 30%;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(3) {
    width: 40%;
    margin: 0 0 5px 0;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(4) {
    width: 30%;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(5) {
    width: 30%;
    order: 5;
    transform: translateX(-5px);
  }
}

.lamm-how-works__scheme-top-item_icon svg {
  display: block;
  margin: 0 auto 0 auto;
}

.lamm-how-works__scheme-top-item_title {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #fff;
  margin: 20px 0 0 0;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item_title {
    margin: 18px 0 0 0;
  }
}

.lamm-how-works__scheme-top-item:nth-of-type(3) .lamm-how-works__scheme-top-item_title {
  color: #009E82;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item_title span {
    position: relative;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item_title span:after {
    content: '';
    position: absolute;
    left: calc(100% + 13px);
    top: 8px;
    background: url("../img/lamm/lamm_how_works_vector-left.png") no-repeat center center;
    width: 60px;
    height: 37px;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item_title span:before {
    content: '';
    position: absolute;
    right: calc(100% + 13px);
    top: 8px;
    background: url("../img/lamm/lamm_how_works_vector-right.png") no-repeat center center;
    width: 61px;
    height: 36px;
  }
}

.lamm-how-works__scheme-top-item_text {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  margin: 3px 0 0 0;
}

.lamm-how-works__scheme-top-item_title-arrow {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #009E82;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item_title-arrow {
    font-size: 11px;
    transform: translateY(-3px);
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(2) .lamm-how-works__scheme-top-item_title-arrow {
    text-align: right;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(2) .lamm-how-works__scheme-top-item_title-arrow:before {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(4) .lamm-how-works__scheme-top-item_title-arrow {
    text-align: left;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item:nth-of-type(4) .lamm-how-works__scheme-top-item_title-arrow:before {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-top-item_title-arrow br {
    display: none;
  }
}

.lamm-how-works__scheme-top-item_title-arrow:before {
  content: '';
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: -18px;
  width: 201px;
  height: 16px;
  background: url("../img/lamm/lamm_how_works_arrow_left.svg") no-repeat center center;
}

.lamm-how-works__scheme-top-item:nth-of-type(4) .lamm-how-works__scheme-top-item_title-arrow:before {
  background: url("../img/lamm/lamm_how_works_arrow_right.svg") no-repeat center center;
}

.lamm-how-works__scheme-middle-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 19px 20px 15px 20px;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-middle-list {
    max-width: 335px;
    padding: 0;
    justify-content: space-between;
    margin: 36px 0 0 0;
  }
}

.lamm-how-works__scheme-middle-item_img {
  width: 50px;
}

.lamm-how-works__scheme-middle-item_title {
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  margin: 0 25px 0 25px;
  max-width: 280px;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-middle-item_title {
    margin: 0;
  }
}

.lamm-how-works__scheme-middle-item_title br {
  display: none;
}

.lamm-how-works__scheme-bottom-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  padding: 26px 35px 23px 35px;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-list {
    flex-wrap: wrap;
    padding: 0;
    border: none;
    max-width: 335px;
    margin: 33px 0 0 0;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item {
    width: 33.333%;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(1) {
    width: 30%;
    order: 4;
    transform: translateX(2px);
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(2) {
    width: 30%;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(3) {
    width: 40%;
    margin: 0 0 5px 0;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(4) {
    width: 30%;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(5) {
    width: 30%;
    order: 5;
    transform: translateX(-5px);
  }
}

.lamm-how-works__scheme-bottom-item_icon svg {
  display: block;
  margin: 0 auto 0 auto;
}

.lamm-how-works__scheme-bottom-item_title {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #fff;
  margin: 20px 0 0 0;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item_title {
    margin: 18px 0 0 0;
  }
}

.lamm-how-works__scheme-bottom-item:nth-of-type(3) .lamm-how-works__scheme-bottom-item_title {
  color: #009E82;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item_title span {
    position: relative;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item_title span:after {
    content: '';
    position: absolute;
    left: calc(100% + 13px);
    top: 8px;
    background: url("../img/lamm/lamm_how_works_vector-left.png") no-repeat center center;
    width: 60px;
    height: 37px;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item_title span:before {
    content: '';
    position: absolute;
    right: calc(100% + 13px);
    top: 8px;
    background: url("../img/lamm/lamm_how_works_vector-right.png") no-repeat center center;
    width: 61px;
    height: 36px;
  }
}

.lamm-how-works__scheme-bottom-item_text {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  margin: 3px 0 0 0;
}

.lamm-how-works__scheme-bottom-item_title-arrow {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #009E82;
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item_title-arrow {
    font-size: 11px;
    transform: translateY(-3px);
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(2) .lamm-how-works__scheme-bottom-item_title-arrow {
    text-align: right;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(2) .lamm-how-works__scheme-bottom-item_title-arrow:before {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(4) .lamm-how-works__scheme-bottom-item_title-arrow {
    text-align: left;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item:nth-of-type(4) .lamm-how-works__scheme-bottom-item_title-arrow:before {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .lamm-how-works__scheme-bottom-item_title-arrow br {
    display: none;
  }
}

.lamm-how-works__scheme-bottom-item_title-arrow:before {
  content: '';
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: -18px;
  width: 201px;
  height: 16px;
  background: url("../img/lamm/lamm_how_works_arrow_right.svg") no-repeat center center;
}

.lamm-how-works__scheme-bottom-item:nth-of-type(4) .lamm-how-works__scheme-bottom-item_title-arrow:before {
  background: url("../img/lamm/lamm_how_works_arrow_left.svg") no-repeat center center;
}

.lamm-earn-wrap[data-lamm-earn-bg='invest'] {
  background: url("../img/lamm/lamm_earn_bg_invest_new.png") no-repeat calc(100% - (50% + 500px)) bottom #f4f4f4;
}

@media all and (max-width: 768px) {
  .lamm-earn-wrap[data-lamm-earn-bg='invest'] {
    background: #f4f4f4;
  }
}

.lamm-earn-wrap--rtl[data-lamm-earn-bg='invest'] {
  background: url("../img/lamm/lamm_earn_bg_invest_new_rtl.png") no-repeat calc(100% - (50% + 500px)) bottom #f4f4f4;
}

@media all and (max-width: 768px) {
  .lamm-earn-wrap--rtl[data-lamm-earn-bg='invest'] {
    background: #f4f4f4;
  }
}

.lamm-earn-wrap[data-lamm-earn-bg='manage'] {
  background: url("../img/lamm/lamm_earn_bg_manage_new.png") no-repeat calc(100% - (50% + 500px)) bottom #f4f4f4;
}

@media all and (max-width: 768px) {
  .lamm-earn-wrap[data-lamm-earn-bg='manage'] {
    background: #f4f4f4;
  }
}

.lamm-earn-wrap--rtl[data-lamm-earn-bg='manage'] {
  background: url("../img/lamm/lamm_earn_bg_manage_new_rtl.png") no-repeat calc(100% - (50% + 500px)) bottom #f4f4f4;
}

@media all and (max-width: 768px) {
  .lamm-earn-wrap--rtl[data-lamm-earn-bg='manage'] {
    background: #f4f4f4;
  }
}

.lamm-earn {
  padding: 75px 20px 75px 20px;
  max-width: 76.4rem;
  margin: 0 auto 0 auto;
}

@media all and (max-width: 768px) {
  .lamm-earn {
    padding: 60px 20px 42px 20px;
  }
}

.lamm-earn__subwrap {
  max-width: 804px;
}

.lamm-earn__title {
  font-family: "pfDinTextLight", sans-serif;
  font-size: 36px;
  line-height: 43px;
  color: #000;
}

.lamm-earn__tab-list {
  display: flex;
  margin: 34px 0 0 0;
}

.lamm-earn__tab-item {
  width: 50%;
  border-bottom: 1px solid rgba(66, 61, 51, 0.2);
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #848484;
  padding: 13px 10px 13px 10px;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
  user-select: none;
}

.lamm-earn__tab-item[data-tab-status='true'] {
  color: #377F6B;
  border-bottom: 2px solid #009E82;
}

.lamm-earn__content-invest {
  transition: opacity 0.7s ease;
}

.lamm-earn__content-invest.hide {
  opacity: 0;
}

.lamm-earn__content-invest_text {
  margin: 45px 0 0 0;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_text {
    font-size: 16px;
    line-height: 21px;
    margin: 32px 0 0 0;
  }
}

.lamm-earn__content-invest_advantages-title-wrap {
  display: flex;
  margin: 35px 0 38px 0;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-title-wrap {
    margin: 22px 0 28px 0;
  }
}

.lamm-earn__content-invest_advantages-title {
  font-family: "pfDinTextMed", sans-serif;
  max-width: 793px;
  position: relative;
  font-size: 18px;
  line-height: 20px;
  color: #377F6B;
}

.lamm-earn__content-invest_advantages-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px calc(40px - 25px) -12px;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-list {
    margin: 0 0 calc(40px - 25px) 0;
  }
}

.lamm-earn__content-invest_advantages-item {
  width: calc(50% - 24px);
  margin: 0 12px 25px 12px;
  display: flex;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-item {
    width: 100%;
    margin: 0 0 25px 0;
  }
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-item:nth-of-type(2) {
    order: 4;
  }
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-item:nth-of-type(4) {
    order: 5;
  }
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-item:nth-of-type(6) {
    order: 6;
  }
}

.lamm-earn__content-invest_advantages-item_icon {
  min-width: 48px;
  margin: 0 0 0 30px;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-invest_advantages-item_icon {
    margin: 0 0 0 15px;
  }
}

.lamm-earn__content-invest_advantages-item:nth-of-type(4) .lamm-earn__content-invest_advantages-item_icon {
  transform: translateY(-10px);
}

.lamm-earn__content-invest_advantages-item_icon img {
  display: block;
  margin: 0 auto 0 auto;
}

.lamm-earn__content-invest_advantages-item_title {
  margin: 5px 0 0 0;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.lamm-earn__content-invest_become-invest-wrap {
  display: flex;
}

.lamm-earn__content-invest_become-invest {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFF;
  padding: 16px 28px 12px 28px;
  background: #009E82;
  border-radius: 3px;
  transition: background 0.3s ease;
}

.lamm-earn__content-invest_become-invest:hover, .lamm-earn__content-invest_become-invest:active, .lamm-earn__content-invest_become-invest:visited {
  color: #fff;
}

.lamm-earn__content-invest_become-invest:hover {
  background: #00856d;
}

.lamm-earn__content-manage {
  transition: opacity 0.7s ease;
}

.lamm-earn__content-manage.hide {
  opacity: 0;
}

.lamm-earn__content-manage_text {
  margin: 45px 0 0 0;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_text {
    font-size: 16px;
    line-height: 21px;
    margin: 32px 0 0 0;
  }
}

.lamm-earn__content-manage_advantages-title-wrap {
  display: flex;
  margin: 35px 0 38px 0;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-title-wrap {
    margin: 22px 0 28px 0;
  }
}

.lamm-earn__content-manage_advantages-title {
  font-family: "pfDinTextMed", sans-serif;
  max-width: 793px;
  position: relative;
  font-size: 18px;
  line-height: 20px;
  color: #377F6B;
}

.lamm-earn__content-manage_advantages-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px calc(40px - 25px) -12px;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-list {
    margin: 0 0 calc(40px - 25px) 0;
  }
}

.lamm-earn__content-manage_advantages-item {
  width: calc(50% - 24px);
  margin: 0 12px 25px 12px;
  display: flex;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-item {
    width: 100%;
    margin: 0 0 25px 0;
  }
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-item:nth-of-type(2) {
    order: 4;
  }
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-item:nth-of-type(4) {
    order: 5;
  }
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-item:nth-of-type(6) {
    order: 6;
  }
}

.lamm-earn__content-manage_advantages-item_icon {
  min-width: 48px;
  margin: 0 0 0 30px;
}

@media all and (max-width: 768px) {
  .lamm-earn__content-manage_advantages-item_icon {
    margin: 0 0 0 15px;
  }
}

.lamm-earn__content-manage_advantages-item:nth-of-type(4) .lamm-earn__content-manage_advantages-item_icon {
  transform: translateY(-10px);
}

.lamm-earn__content-manage_advantages-item_icon img {
  display: block;
  margin: 0 auto 0 auto;
}

.lamm-earn__content-manage_advantages-item_title {
  margin: 5px 0 0 0;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.lamm-earn__content-manage_become-invest-wrap {
  display: flex;
}

.lamm-earn__content-manage_become-invest {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFF;
  padding: 16px 28px 12px 28px;
  background: #D83C35;
  border-radius: 3px;
  transition: background 0.3s ease;
}

.lamm-earn__content-manage_become-invest:hover, .lamm-earn__content-manage_become-invest:active, .lamm-earn__content-manage_become-invest:visited {
  color: #fff;
}

.lamm-earn__content-manage_become-invest:hover {
  background: #c42d26;
}

/* --- lamm-rating-page --- */
.lamm-rating-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 45px auto !important;
}

.lamm-rating-header:before, .lamm-rating-header:after {
  display: none;
}

.lamm-rating-header__title {
  font-size: 48px;
  line-height: 56px;
  color: #000;
}

@media all and (max-width: 1024px) {
  .lamm-rating-header__title {
    font-size: 35px;
  }
}

@media all and (max-width: 640px) {
  .lamm-rating-header__title {
    font-size: 30px;
    line-height: 36px;
  }
}

.lamm-rating-header__become-manager {
  font-family: "pfDinTextMed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #423D33;
  background: #FDCD53;
  border-radius: 3px;
  padding: 14px 14px;
  display: block;
  width: 209px;
  transition: background 0.3s ease;
}

@media all and (max-width: 640px) {
  .lamm-rating-header__become-manager {
    display: none;
  }
}

.lamm-rating-header__become-manager:hover, .lamm-rating-header__become-manager:active, .lamm-rating-header__become-manager:visited {
  color: #423D33;
}

.lamm-rating-header__become-manager:hover {
  background: #fcbe21;
}

.lamm-rating-filters-hide {
  padding: 0 20px 0 20px;
}

.lamm-rating-filters-hide__button {
  position: relative;
  z-index: 10;
  background: #f0eff0;
  font-family: "pfDinTextMed", sans-serif;
  display: none;
  border: 1px solid #009E82;
  border-radius: 3px;
  font-size: 18px;
  color: #009E82;
  padding: 12px 16px 10px 16px;
  transition: margin 0.3s ease;
}

@media all and (max-width: 425px) {
  .lamm-rating-filters-hide__button {
    display: block;
  }
}

.lamm-rating-filters-hide__button[data-state='show'] {
  margin: 0 0 16px 0;
}

.lamm-rating-filters-hide__button[data-state='show']:before {
  transform: translateY(-50%);
}

.lamm-rating-filters-hide__button[data-state='hide'] {
  margin: 0 0 89px 0;
}

.lamm-rating-filters-hide__button[data-state='hide']:before {
  transform: translateY(-50%) rotate(-180deg);
}

.lamm-rating-filters-hide__button:before {
  content: '';
  position: absolute;
  background: url("../img/lamm/lamm_rating_filters_hide_arrow_down.svg") no-repeat center center;
  width: 12px;
  height: 7px;
  left: 15px;
  top: 50%;
  transition: transform 0.3s ease;
}

.lamm-rating-filters {
  position: relative;
  margin: 0 auto 25px auto !important;
}

.lamm-rating-filters__search {
  position: absolute;
  left: 20px;
  margin: 0 !important;
  align-items: center;
  top: -5px;
}

@media all and (max-width: 1150px) {
  .lamm-rating-filters__search {
    left: auto;
    right: 20px;
    top: 62px;
  }
}

@media all and (max-width: 640px) {
  .lamm-rating-filters__search {
    width: calc(100% - 40px);
    top: 91px;
  }
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__search {
    top: -69px;
    display: none;
  }
}

.lamm-rating-filters__search input:nth-of-type(1) {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 20px;
  font-size: 0;
  color: transparent;
  background: url("../img/lamm/lamm_rating_filters_search.svg") no-repeat center center !important;
  padding: 0 !important;
  margin: 0;
  outline: none;
}

.lamm-rating-filters__search input:nth-of-type(1):hover {
  background: url("../img/lamm/lamm_rating_filters_search.svg") no-repeat center center !important;
}

.lamm-rating-filters__search input:nth-of-type(2) {
  font-size: 16px;
  line-height: 19px;
  color: #848484;
  background: transparent !important;
  text-overflow: ellipsis;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  width: 595px !important;
  height: 49px;
  padding: 0 14px 0 14px !important;
}

@media all and (max-width: 640px) {
  .lamm-rating-filters__search input:nth-of-type(2) {
    width: 100% !important;
  }
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-wrap {
    display: none;
  }
}

.lamm-rating-filters__form {
  padding: 0 !important;
  background: transparent !important;
}

@media all and (max-width: 1024px) {
  .lamm-rating-filters__form {
    display: flex;
    flex-direction: column;
  }
}

.lamm-rating-filters__form-top {
  margin: 0 !important;
  padding: 0 !important;
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-top {
    text-align: center;
    order: 2;
    margin: 0 0 25px 0 !important;
  }
}

.lamm-rating-filters__form-top #filters {
  z-index: 11;
}

.lamm-rating-filters__form-top > h2 {
  font-size: 30px;
  line-height: 35px;
  color: #000;
  width: auto !important;
  margin: 0 0 0 19px !important;
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-top > h2 {
    display: none !important;
  }
}

.lamm-rating-filters__form-top > span {
  border: 1px solid #009E82;
  margin: 0 0 0 22px !important;
  background: transparent !important;
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-top > span {
    margin: 0 0 22px 0 !important;
  }
}

.lamm-rating-filters__form-top > a {
  font-size: 16px;
  line-height: 19px;
  color: #848484;
}

@media all and (max-width: 640px) {
  .lamm-rating-filters__form-top > a {
    width: 100%;
    margin: 8px 0 0 0 !important;
  }
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-top > a {
    margin: 0 !important;
  }
}

.lamm-rating-filters__form-top > a span:nth-of-type(1) {
  width: 15px;
  height: 17px;
  background: url("../img/lamm/lamm_rating_filters_reset_filters.svg") no-repeat center center;
}

.lamm-rating-filters__form-top > a span:nth-of-type(2) {
  font-size: 16px;
  line-height: 19px;
  color: #848484;
  border-bottom: 1px dotted #848484 !important;
  transform: translateY(2px);
}

.lamm-rating-filters__form-list {
  display: flex;
  flex-wrap: wrap;
  margin: 23px 0 calc(30px - 22px) 0 !important;
  padding: 0 !important;
}

@media all and (max-width: 1150px) {
  .lamm-rating-filters__form-list {
    margin: 90px 0 calc(30px - 22px) 0 !important;
  }
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-list {
    order: 1;
    margin: 0 0 calc(30px - 22px) 0 !important;
  }
}

.lamm-rating-filters__form-list > * {
  width: 25%;
  margin: 0 0 22px 0;
}

@media all and (max-width: 1024px) {
  .lamm-rating-filters__form-list > * {
    width: calc(100% / 3);
  }
}

@media all and (max-width: 768px) {
  .lamm-rating-filters__form-list > * {
    width: 50%;
  }
}

@media all and (max-width: 640px) {
  .lamm-rating-filters__form-list > * {
    width: 100%;
  }
}

.lamm-rating-filters__form-list > * .range-wrapper {
  position: relative;
  padding: 0 !important;
  width: 100% !important;
  box-shadow: 0 2px 8px rgba(66, 61, 51, 0.15);
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block {
  background: #fff !important;
  padding: 22px 22px 22px 20px !important;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .cross {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 31px;
  height: 31px;
  background: url("../img/lamm/lamm_rating_filters_cross_icon.svg") no-repeat center center !important;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .cross:after {
  display: none;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block p.ng-binding {
  font-size: 16px !important;
  line-height: 21px !important;
  color: #000 !important;
  margin: 0 0 13px 0;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .offset-bottom-15 {
  display: flex;
  justify-content: space-between;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .offset-bottom-15 input {
  width: 105px;
  display: block !important;
  margin: 0 !important;
  outline: none;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .offset-bottom-15 input:nth-of-type(1) {
  text-align: right;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .offset-bottom-15 input:nth-of-type(2) {
  text-align: left;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block select {
  height: auto;
  padding: 16px 10px 13px 10px;
  font-size: 16px;
  line-height: 19px;
  color: #423D33;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .slider {
  background: #d9d8d6;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .slider a {
  transform: translateX(50%);
  width: 23px;
  height: 23px;
  background: #009E82;
  border: 5px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  top: -10px;
}

.lamm-rating-filters__form-list > * .range-wrapper .range-block .ui-slider-range {
  background: #009E82 !important;
}

.lamm-rating-filters__form-apply {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media all and (max-width: 425px) {
  .lamm-rating-filters__form-apply {
    order: 3;
  }
}

.manager-rating-page .lamm-rating-filters .lamm-rating-filters__form-apply a {
  background: #009E82 !important;
}

.manager-rating-page .lamm-rating-filters .lamm-rating-filters__form-apply:hover a {
  background: #00856d !important;
}

.lamm-rating-table {
  overflow-x: auto;
}

@media all and (max-width: 1024px) {
  .lamm-rating-table {
    padding: 0 !important;
  }
}

@media all and (max-width: 425px) {
  .lamm-rating-table {
    margin: 0 0 22px 0 !important;
  }
}

.lamm-rating-table .table-wrapper {
  border: none;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 4px 4px 0 4px;
  background: #fbfbfb;
  margin: 0 -4px 0 -4px;
  min-width: 1210.4px;
}

.lamm-rating-table .table-wrapper .base-table {
  min-width: 360.63px;
  width: 360.63px;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 {
  background: #fbfbfb;
  min-width: 360.63px;
  width: 360.63px;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead {
  background: #fff;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td {
  height: 50px;
  padding: 2px 18px 0 18px;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td {
    height: 40px;
  }
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td:nth-of-type(1) {
  text-align: center;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td:nth-of-type(2) {
  text-align: right;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td > span {
  display: none;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td.with-arrow-up p a:before, .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td.with-arrow-up p span:before {
  width: 12px;
  height: 7px;
  display: block;
  transform: rotate(-180deg) translateY(50%);
  right: calc(100% + 10px);
  background: url("../img/lamm/lamm_table_arrow_bottom.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td.with-arrow-down p a:before, .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td.with-arrow-down p span:before {
  width: 12px;
  height: 7px;
  transform: translateY(-50%);
  display: block;
  right: calc(100% + 10px);
  background: url("../img/lamm/lamm_table_arrow_bottom.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td.with-arrow-updown p a:before, .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td.with-arrow-updown p span:before {
  width: 23px;
  height: 17px;
  right: calc(100% + 3px);
  background: url("../img/lamm/lamm_rating_filters_arrow_updown.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td p a, .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td p span {
  position: relative;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td p a:before, .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td p span:before {
  content: '';
  position: absolute;
  width: 23px;
  height: 17px;
  right: calc(100% + 3px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/lamm/lamm_rating_filters_arrow_updown.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td p a,
.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 thead tr td p span {
  font-size: 16px;
  line-height: 19px;
  color: #009E82;
  border: none;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr {
  background: transparent;
  border-bottom: 1px solid #EFEFEF;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr:last-child {
  border-bottom: none;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr.hovered {
  transition: none;
  background: rgba(253, 205, 83, 0.15);
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr.hovered td {
  background: transparent;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td {
  background: transparent;
  border: none;
  transition: none;
  font-size: 16px;
  padding: 0 18px 0 18px;
  height: 59px;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td {
    height: 52px;
  }
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td:nth-of-type(1) {
  font-size: 32px;
  line-height: 32px;
  color: #009E82;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td:nth-of-type(1) a {
  display: none;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td:nth-of-type(2) {
  min-width: 220px;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td:nth-of-type(2) .block-portfolio {
  display: none;
}

.lamm-rating-table .table-wrapper .base-table table.lamm-rating-table1 tbody tr td:nth-of-type(2) a span {
  border-bottom: 1px solid rgba(66, 61, 51, 0.3);
}

.lamm-rating-table .table-wrapper .scroll-wrapper {
  min-width: 841.25px;
  width: 841.25px;
  margin: 0;
  position: relative;
}

.lamm-rating-table .table-wrapper .scroll-wrapper .scroller .scroller-track {
  height: 5px;
  top: 48px;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .scroll-wrapper .scroller .scroller-track {
    top: 38px;
  }
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 {
  background: #fbfbfb;
  min-width: 841.25px;
  width: auto;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead {
  background: #fff;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td {
  height: 50px;
  padding: 2px 0 0 0;
  background: #fff;
  text-align: center;
  width: auto !important;
  min-width: 150px;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td {
    height: 40px;
  }
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td.with-arrow-up p a:before {
  width: 12px;
  height: 7px;
  display: block;
  right: calc(100% + 10px);
  transform: rotate(-180deg) translateY(50%);
  background: url("../img/lamm/lamm_table_arrow_bottom.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td.with-arrow-down p a:before {
  width: 12px;
  height: 7px;
  transform: translateY(-50%);
  display: block;
  right: calc(100% + 10px);
  background: url("../img/lamm/lamm_table_arrow_bottom.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td.with-arrow-updown p a:before {
  width: 23px;
  height: 17px;
  right: calc(100% + 3px);
  background: url("../img/lamm/lamm_rating_filters_arrow_updown.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td:last-child p a:before {
  display: none;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td p a {
  display: block;
  position: relative;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td p a:before {
  content: '';
  position: absolute;
  width: 23px;
  height: 17px;
  right: calc(100% + 3px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../img/lamm/lamm_rating_filters_arrow_updown.svg") no-repeat center center;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td p a,
.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td p span {
  font-size: 16px;
  line-height: 19px;
  color: #009E82;
  border: none;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 thead tr td span {
  position: absolute;
  display: none;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr {
  background: transparent;
  border-bottom: 1px solid #EFEFEF;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr:last-child {
  border-bottom: none;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr.hovered {
  transition: none;
  background: rgba(253, 205, 83, 0.15);
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr.hovered td {
  background: transparent;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr.hovered td:last-child a {
  transition: none;
  background: #009E82;
  color: #fff;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr.hovered td:last-child a {
    color: #009E82;
    background: transparent;
  }
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr td {
  font-family: "pfDinTextMed", sans-serif;
  background: transparent;
  border: none;
  transition: none;
  font-size: 16px;
  padding: 0 18px 0 18px;
  height: 59px;
  min-width: 150px;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr td {
    height: 52px;
  }
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr td:nth-of-type(n) {
  min-width: 150px;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr td:last-child {
  min-width: 196px;
}

.lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr td:last-child a {
  padding: 12px 23px 12px 23px;
  border: 1px solid rgba(0, 158, 130, 0.5);
  border-radius: 3px;
  transition: background 0.3s ease, color 0.3s ease;
  outline: none;
  color: #009E82;
}

@media all and (max-width: 425px) {
  .lamm-rating-table .table-wrapper .scroll-wrapper table.lamm-rating-table2 tbody tr td:last-child a {
    border: none;
  }
}

.lamm-rating-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 0 10px !important;
  margin: 0 auto 5px auto !important;
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination {
    flex-direction: column;
  }
}

.lamm-rating-pagination__item {
  padding: 0;
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item {
    width: auto;
  }
}

.lamm-rating-pagination__item:first-child {
  display: flex;
  order: 3;
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item:first-child {
    display: block;
    margin: 0 0 22px 0;
    order: 1;
  }
}

.lamm-rating-pagination__item:first-child .left {
  margin-right: auto;
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item:first-child .left {
    margin: auto;
  }
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item:first-child ul li {
    display: block;
  }
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item:first-child ul li.prev:before {
    transform: translateY(10px) rotate(-45deg);
  }
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item:first-child ul li.next:before {
    transform: translateY(10px) rotate(45deg);
  }
}

.lamm-rating-pagination__item:nth-of-type(2) {
  order: 2;
}

.lamm-rating-pagination__item:last-child {
  order: 1;
  opacity: 0;
}

@media all and (max-width: 768px) {
  .lamm-rating-pagination__item:last-child {
    display: none;
  }
}

.lamm-rating-pagination__become-manager {
  font-family: "pfDinTextMed", sans-serif !important;
  font-size: 18px !important;
  line-height: 22px !important;
  text-align: center;
  color: #423D33 !important;
  background: #FDCD53 !important;
  border-radius: 3px !important;
  padding: 14px 14px !important;
  display: block;
  width: 209px;
  transition: background 0.3s ease;
  margin: 0 auto 0 auto !important;
}

.lamm-rating-pagination__become-manager:hover, .lamm-rating-pagination__become-manager:active, .lamm-rating-pagination__become-manager:visited {
  color: #423D33;
}

.lamm-rating-pagination__become-manager:hover {
  background: #fcbe21 !important;
}

.lamm-rating-pagination__title-page {
  width: auto !important;
  padding: 0 !important;
  margin: 0 0 0 14px !important;
  border: none !important;
}

.lamm-rating-pagination__page {
  width: 39px !important;
  height: 34px !important;
}

.lamm-rating-pagination__page span {
  transform: translateY(1px);
}

/* /investment/ */
.downloads-table {
  padding-right: 15px;
  padding-left: 15px;
  box-shadow: 0px 5px 10px 0px rgba(114, 114, 114, 0.25);
}

.downloads-table .downloads-row {
  border-bottom: 1px solid #d7d7d7;
  padding: 40px 10px 40px 30px !important;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row {
    flex-direction: column;
  }
}

.downloads-table .downloads-row:first-child .downloads-link-text_win {
  left: 72px;
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container {
    margin-left: 11px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container:last-child {
    margin-left: 22px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container:last-child {
    margin-left: 18px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 701px) {
  .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container:last-child .downloads-link-img_android {
    margin-right: 31px;
  }
}

.downloads-table .downloads-row:first-child .downloads-link-text_mac {
  left: 53px;
}

.downloads-table .downloads-row:first-child .downloads-link-text_iphone {
  left: 69px;
}

.downloads-table .downloads-row:first-child .downloads-link-text_android {
  left: 8px;
}

.downloads-table .downloads-row:nth-child(3) .downloads-link-text_iphone {
  left: 65px;
}

.downloads-table .downloads-row:nth-child(3) .downloads-link-text_android {
  right: 80px;
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .downloads-table .downloads-row:nth-child(5) .downloads-links > .downloads-link-container, .downloads-table .downloads-row:nth-child(6) .downloads-links > .downloads-link-container {
    margin-left: 11px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .downloads-table .downloads-row:nth-child(5) .downloads-links > .downloads-link-container:last-child, .downloads-table .downloads-row:nth-child(6) .downloads-links > .downloads-link-container:last-child {
    margin-left: 22px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 432px) {
  .downloads-table .downloads-row:nth-child(5) .downloads-links > .downloads-link-container:last-child, .downloads-table .downloads-row:nth-child(6) .downloads-links > .downloads-link-container:last-child {
    margin-left: 18px;
  }
}

.downloads-table .downloads-row:nth-child(5) .downloads-link-text_iphone, .downloads-table .downloads-row:nth-child(6) .downloads-link-text_iphone {
  left: 69px;
}

.downloads-table .downloads-row:nth-child(5) .downloads-link-text_android, .downloads-table .downloads-row:nth-child(6) .downloads-link-text_android {
  left: 19px;
}

@media only screen and (min-width: 641px) and (max-width: 1082px) {
  .downloads-table .downloads-row:nth-child(5) .downloads-link-container, .downloads-table .downloads-row:nth-child(6) .downloads-link-container, .downloads-table .downloads-row:nth-child(7) .downloads-link-container {
    margin-left: 15px;
  }
}

.downloads-table .downloads-row:nth-child(5) .downloads-link-container .downloads-link-text_soft, .downloads-table .downloads-row:nth-child(6) .downloads-link-container .downloads-link-text_soft, .downloads-table .downloads-row:nth-child(7) .downloads-link-container .downloads-link-text_soft {
  right: 75px;
}

.downloads-table .downloads-row:last-child {
  border: none;
}

@media screen and (min-width: 641px) {
  .downloads-table .downloads-row:last-child {
    position: relative !important;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1082px) {
  .downloads-table .downloads-row:last-child {
    height: 220px;
  }
}

.downloads-table .downloads-row .downloads-names {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 32px;
  color: #171717;
  display: inline-block;
  width: 25%;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-names {
    width: 100%;
  }
}

.downloads-table .downloads-row .downloads-names .downloads-img {
  width: 52px;
  height: 52px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/platforms-spritesheet.png");
  background-repeat: no-repeat;
  margin: 0 20px;
}

@media only screen and (min-width: 320px) and (max-width: 612px) {
  .downloads-table .downloads-row .downloads-names .downloads-img {
    vertical-align: top;
  }
}

.downloads-table .downloads-row .downloads-names .downloads-img_amts {
  background: url("../img/amts.png") no-repeat center/auto 100%;
  width: 52px;
  height: 52px;
  margin: 0 30px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-names .downloads-img_amts {
    margin: 0 24px;
  }
}

.downloads-table .downloads-row .downloads-names .downloads-img_mt {
  background-position: center;
  background-image: url("../img/mt4.png");
  background-size: contain;
}

.downloads-table .downloads-row .downloads-names .downloads-img_mt_mt5 {
  background-image: url("../img/mt5.png");
}

.downloads-table .downloads-row .downloads-names .downloads-img_wtrader {
  background-position: top -102px right -15px;
}

.downloads-table .downloads-row .downloads-names .downloads-img_gcbinary {
  background-position: top -358px right -19px;
}

.downloads-table .downloads-row .downloads-names .downloads-img_gcinvest {
  background-position: top -444px right -18px;
}

.downloads-table .downloads-row .downloads-names .downloads-img_tviewer {
  background-position: top -274px right -16px;
}

.downloads-table .downloads-row .downloads-names .downloads-img_adobe {
  background-position: top -189px right -19px;
}

.downloads-table .downloads-row .downloads-names .downloads-name {
  font-size: 16px;
  line-height: 19px;
}

@media only screen and (min-width: 543px) and (max-width: 612px) {
  .downloads-table .downloads-row .downloads-names .downloads-name {
    display: inline-block;
    width: 80%;
  }
}

@media only screen and (min-width: 335px) and (max-width: 542px) {
  .downloads-table .downloads-row .downloads-names .downloads-name {
    display: inline-block;
    width: 65%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 334px) {
  .downloads-table .downloads-row .downloads-names .downloads-name {
    display: inline-block;
    width: 60%;
  }
}

.downloads-table .downloads-row .downloads-names .downloads-name .downloads-name-link {
  border-bottom: 1px solid #848484;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  color: #848484;
}

.downloads-table .downloads-row .downloads-names .downloads-name .downloads-name-link:hover {
  border: none;
}

.downloads-table .downloads-row .downloads-links {
  display: inline-block;
  float: left;
  width: 75%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-links {
    flex-direction: column;
    padding-right: 100px;
    width: 100%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 345px) {
  .downloads-table .downloads-row .downloads-links {
    width: 85%;
    padding-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 1082px) {
  .downloads-table .downloads-row .downloads-links .downloads-link--webtrader {
    margin-right: 58px;
  }
}

.downloads-table .downloads-row .downloads-links .downloads-link-container {
  position: relative;
  display: inline-block;
  flex: 1;
  max-width: 25%;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-links .downloads-link-container {
    margin-right: 0;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .downloads-table .downloads-row .downloads-links .downloads-link-container.hide-mobile {
    display: none;
  }
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img {
  width: 15px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  margin-left: 7px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img {
    display: none;
  }
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_win {
  background-image: url("/static/img/downloads/windows.svg");
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_mac,
.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_iphone {
  background-image: url("/static/img/downloads/apple.svg");
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_android {
  background-image: url("/static/img/downloads/android.svg");
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_soft {
  background-image: url("/static/img/downloads/login.svg");
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_webtrader {
  background-image: url("/static/img/downloads/send.svg");
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-img_pdf {
  background: url("/static/img/downloads/open.svg") no-repeat center/auto 100%;
  width: 15px;
  height: 16px;
  vertical-align: bottom;
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link {
  color: #848484;
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link.amts-instruction {
  border-bottom: none;
  line-height: 18px;
  display: inline-block;
  max-width: 155px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link.amts-instruction {
    margin-right: 0;
  }
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link.amts-instruction:hover {
  border-bottom: none;
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link.amts-instruction a {
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  cursor: pointer;
  color: #848484;
  border-bottom: 1px solid #848484;
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link .downloads-device-link {
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  cursor: pointer;
  color: #848484;
  border-bottom: 1px solid #848484;
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link .downloads-device-link:hover {
  border-bottom: 1px solid transparent;
}

.downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  position: absolute;
  top: 25px;
  color: #C9C9C9;
  font-size: 14px;
  line-height: 17px;
  right: 23px;
  width: 100%;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .downloads-table .downloads-row .downloads-links .downloads-link-container .downloads-link-text {
    display: none;
  }
}

.downloads-table .downloads-row.amts .downloads-names {
  display: flex;
}

/* /downloads/ */
.platforms-bg {
  position: absolute;
  top: 40px;
  right: 0;
  width: 100%;
  height: 208%;
  background: url("../img/platforms/trading-platforms-bg.jpg") no-repeat;
  background-size: cover;
  z-index: -1;
  background-attachment: fixed;
  background-position: 100% 0;
  opacity: 1;
  transition: all 1s ease;
}

.platforms {
  position: relative;
  z-index: 2;
}

.platforms .platforms-row {
  margin: 0 0 35px 0 !important;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 55px 70px 80px 50px !important;
}

@media only screen and (min-width: 320px) and (max-width: 411px) {
  .platforms .platforms-row {
    padding: 55px 35px 80px 35px !important;
  }
}

@media only screen and (min-width: 640px) and (max-width: 642px) {
  .platforms .platforms-row:first-child .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_iphone {
    margin-right: 33px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .platforms .platforms-row:first-child .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_iphone {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1238px) {
  .platforms .platforms-row:first-child .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_android {
    margin-right: 0;
  }
}

@media only screen and (min-width: 640px) and (max-width: 770px) {
  .platforms .platforms-row:first-child .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_android {
    margin-right: 0;
  }
}

.platforms .platforms-row .platforms-link-text_win {
  right: 29px;
}

.platforms .platforms-row .platforms-link-text_mac {
  right: 62px;
}

.platforms .platforms-row .platforms-link-text_iphone {
  right: 63px;
}

@media only screen and (min-width: 476px) and (max-width: 640px) {
  .platforms .platforms-row .platforms-link-text_iphone {
    right: 29px;
  }
}

.platforms .platforms-row .platforms-link-text_android {
  right: 64px;
}

@media only screen and (min-width: 1025px) and (max-width: 1238px) {
  .platforms .platforms-row .platforms-link-text_android {
    right: 30px;
  }
}

@media only screen and (min-width: 771px) and (max-width: 805px) {
  .platforms .platforms-row .platforms-link-text_android {
    right: 54px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 770px) {
  .platforms .platforms-row .platforms-link-text_android {
    right: 29px;
  }
}

.platforms .platforms-row:nth-child(3) .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_iphone {
  margin-right: 0;
}

.platforms .platforms-row:nth-child(3) .platforms-link-text_iphone {
  right: 30px;
}

.platforms .platforms-row:nth-child(3) .platforms-link-text_android {
  right: 64px;
}

.platforms .platforms-row .adaptive-platforms-img {
  display: none;
  background-repeat: no-repeat;
  width: 100%;
  background-position: top right;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .platforms .platforms-row .adaptive-platforms-img {
    display: block;
  }
}

@media only screen and (min-width: 320px) and (max-width: 524px) {
  .platforms .platforms-row .adaptive-platforms-img {
    background-size: 100%;
  }
}

.platforms .platforms-row .adaptive-platforms-img_mt {
  background-image: url("../img/platforms/mt-img.png");
  height: 240px;
}

.platforms .platforms-row .adaptive-platforms-img_mt._mt5 {
  background-image: url("../img/platforms/MT5_platforms.png") !important;
  background-size: contain;
  height: 290px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 412px) {
  .platforms .platforms-row .adaptive-platforms-img_mt {
    height: 185px;
  }
}

.platforms .platforms-row .adaptive-platforms-img_wtrader {
  background-image: url("../img/platforms/web-trader-img.png");
  height: 360px;
  background-position: top right;
}

@media only screen and (min-width: 320px) and (max-width: 412px) {
  .platforms .platforms-row .adaptive-platforms-img_wtrader {
    height: 285px;
  }
}

.platforms .platforms-row .adaptive-platforms-img_gcbinary {
  background-image: url("../img/platforms/mobile-app-img.png");
  height: 310px;
}

@media only screen and (min-width: 320px) and (max-width: 412px) {
  .platforms .platforms-row .adaptive-platforms-img_gcbinary {
    height: 250px;
  }
}

.platforms .platforms-row .platforms-text-block {
  display: inline-block;
  width: 60%;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .platforms .platforms-row .platforms-text-block {
    width: 100%;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-names {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  color: #171717;
  display: inline-block;
  width: 100%;
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../img/platforms/spritesheet.png");
  background-repeat: no-repeat;
  margin-left: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 682px) {
  .platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img {
    vertical-align: top;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img_mt {
  background-position: center;
  background-image: url("../img/mt4.png");
  background-size: contain;
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img_mt_mt5 {
  background-image: url("../img/mt5.png");
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img_wtrader {
  background-position: top -102px right -15px;
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img_gcbinary {
  background-position: top -358px right -19px;
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name {
  display: inline-block;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  color: #171717;
}

@media only screen and (min-width: 493px) and (max-width: 682px) {
  .platforms .platforms-row .platforms-text-block .platforms-names .platforms-name {
    display: inline-block;
    width: 80%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 492px) {
  .platforms .platforms-row .platforms-text-block .platforms-names .platforms-name {
    display: inline-block;
    width: 65%;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name .platforms-name-link {
  border-bottom: 1px solid #bababa;
  cursor: pointer;
  color: #171717;
  text-decoration: none;
}

.platforms .platforms-row .platforms-text-block .platforms-names .platforms-name .platforms-name-link:hover {
  border: none;
}

.platforms .platforms-row .platforms-text-block .platforms-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 18px;
  font-weight: 300;
  color: #171717;
  margin: 25px 0 40px 0;
}

.platforms .platforms-row .platforms-text-block .platforms-btn .platforms-btn-link {
  text-decoration: none;
  color: #ffffff;
}

@media only screen and (min-width: 320px) and (max-width: 327px) {
  .platforms .platforms-row .platforms-text-block .platforms-btn .platforms-btn-link {
    text-align: right;
    margin-right: -8px;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-links {
  display: block;
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container {
  position: relative;
  display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 477px) {
  .platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container {
    display: block;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img {
  width: 25px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 85%;
  background-position: top center;
  margin-right: 35px;
  margin-top: -7px;
}

@media only screen and (min-width: 771px) and (max-width: 805px) {
  .platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img {
    margin-right: 23px;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_win {
  background-image: url("../img/platforms/windows-logo.svg");
  margin-top: 2px;
  margin-right: 0;
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_mac,
.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_iphone {
  background-image: url("../img/platforms/apple-logo.svg");
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_android {
  background-image: url("../img/platforms/android-logo.svg");
  margin-top: 2px;
}

@media only screen and (min-width: 320px) and (max-width: 477px) {
  .platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_android {
    margin-right: 0;
  }
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #009e82;
  border-bottom: 1px solid #009e82;
  line-height: 50px;
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link .platforms-device-link {
  text-decoration: none;
  cursor: pointer;
  color: #009e82;
  border-bottom: 1px solid #009e82;
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link .platforms-device-link:hover {
  color: #00816a;
  border-bottom: 1px solid #00816a;
}

.platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #868888;
  position: absolute;
  top: 40px;
}

@media only screen and (min-width: 320px) and (max-width: 477px) {
  .platforms .platforms-row .platforms-text-block .platforms-links .platforms-link-container .platforms-link-text {
    right: 29px;
  }
}

.platforms .platforms-row .platforms-img {
  display: inline-block;
  background-repeat: no-repeat;
  width: 39%;
  background-position: top left;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .platforms .platforms-row .platforms-img {
    display: none;
  }
}

.platforms .platforms-row .platforms-img_mt {
  background-image: url("../img/platforms/mt-img.png");
  height: 220px;
}

.platforms .platforms-row .platforms-img_mt._mt5 {
  background-image: url("../img/platforms/MT5_platforms.png") !important;
  background-size: contain;
  height: 290px;
}

@media only screen and (min-width: 1025px) and (max-width: 1092px) {
  .platforms .platforms-row .platforms-img_mt {
    background-size: 96%;
  }
}

.platforms .platforms-row .platforms-img_wtrader {
  background-image: url("../img/platforms/web-trader-img.png");
  height: 336px;
  vertical-align: top;
}

.platforms .platforms-row .platforms-img_gcbinary {
  background-image: url("../img/platforms/mobile-app-img.png");
  height: 295px;
  vertical-align: top;
}

@media only screen and (min-width: 1025px) and (max-width: 1092px) {
  .platforms .platforms-row .platforms-img_gcbinary {
    background-size: 96%;
  }
}

.app-links {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1.5em;
}

.app-links__item {
  margin-left: 35px;
  margin-bottom: 20px;
}

.app-links__item:last-child {
  margin-left: 0;
}

.app-links__img {
  display: inline-block;
  width: 25px;
  height: 26px;
  vertical-align: middle;
  background-position: center;
  background-size: 25px 26px;
  background-repeat: no-repeat;
}

.app-links__img--apple {
  background-image: url("../img/platforms/apple-logo.svg");
}

.app-links__img--android {
  background-image: url("../img/platforms/android-logo.svg");
}

.app-links__link {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid #009e82;
}

.app-links__subtitle {
  display: block;
  width: 100%;
  padding-right: 30px;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #868888;
  line-height: 23px;
}

/* remake */
.platforms-links--mt4 .platforms-link-container {
  min-width: 140px !important;
}

.platform-links__apps {
  margin: 8px 0 0 0;
}

@media all and (max-width: 640px) {
  .platform-links__apps {
    margin: 0 0 0 0;
  }
}

@media all and (max-width: 640px) {
  .platform-links__apps .platforms-link-container {
    width: 100% !important;
  }
}

.platform-links__apps-icon-android {
  margin: 0 0 0 0 !important;
}

.platform-links__apps-text-android {
  right: 29px !important;
}

@media all and (max-width: 640px) {
  .platform-links__apps-icon-iphone {
    margin: 0 0 0 0 !important;
  }
}

.platform-links__apps-text-iphone {
  right: 64px !important;
}

@media all and (max-width: 640px) {
  .platform-links__apps-text-iphone {
    right: 29px !important;
  }
}

/* /platforms/ */
.about-company-page {
  overflow: hidden;
  /* responsive timeline */
  /*320!!!*/
  /*320!!!*/
}

.about-company-page .main_photo {
  width: 100%;
}

.about-company-page .timeline-block {
  width: 90%;
  margin: 0 auto;
}

.about-company-page .timeline-block .timeline {
  margin-bottom: 3.5rem;
  height: 5px;
  position: relative;
}

.about-company-page .timeline-block p {
  margin-top: 1rem;
}

.about-company-page .timeline-block .circles > div {
  position: absolute;
  z-index: 1;
  font: 0.875rem/1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
}

.about-company-page .timeline-block .circles > div.circle-1 {
  background: #14817a;
  width: 4.5rem;
  height: 4.5rem;
  padding-top: 1.75rem;
  bottom: 1.5rem;
  right: -1.5%;
}

.about-company-page .timeline-block .circles > div.circle-2 {
  background: #FFC832;
  width: 10.5rem;
  height: 10.5rem;
  padding-top: 2.5rem;
  bottom: 2rem;
  right: 15.5%;
  margin-right: -5.25rem;
}

.about-company-page .timeline-block .circles > div.circle-3 {
  background: #ce2029;
  width: 9.5rem;
  height: 9.5rem;
  padding-top: 1.75rem;
  bottom: 4.5rem;
  right: 33.7%;
  margin-right: -4.75rem;
}

.about-company-page .timeline-block .circles > div.circle-4 {
  background: #FFC832;
  width: 8rem;
  height: 8rem;
  padding-top: 2.25rem;
  bottom: 1.5rem;
  right: 51.75%;
  margin-right: -4rem;
}

.about-company-page .timeline-block .circles > div.circle-5 {
  background: #14817a;
  width: 9rem;
  height: 9rem;
  padding-top: 2rem;
  bottom: 8rem;
  right: 64.4%;
  margin-right: -4.5rem;
}

.about-company-page .timeline-block .circles > div.circle-6 {
  background: #ce2029;
  width: 11.5rem;
  height: 11.5rem;
  padding-top: 3rem;
  bottom: 2rem;
  right: 84.3%;
  margin-right: -5.75rem;
}

.about-company-page .timeline-block .triangle {
  width: 0;
  height: 0;
  border-top: 0.625rem solid transparent;
  border-right: 1.5rem #424243 solid;
  border-bottom: 0.625rem solid transparent;
  position: absolute;
  left: -0.75rem;
  bottom: -0.4375rem;
}

.about-company-page .timeline-block .bullet {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  position: absolute;
  background: #424243;
  top: -0.125rem;
  z-index: 1;
}

.about-company-page .timeline-block .year {
  position: absolute;
  bottom: -1.75rem;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  width: 2.25rem;
  margin-right: -0.75rem;
}

.about-company-page .timeline-block .bullet.yr-06, .about-company-page .timeline-block .year.yr-06 {
  right: 0;
}

.about-company-page .timeline-block .bullet.yr-07, .about-company-page .timeline-block .year.yr-07 {
  right: 12%;
}

.about-company-page .timeline-block .bullet.yr-08, .about-company-page .timeline-block .year.yr-08 {
  right: 24%;
}

.about-company-page .timeline-block .bullet.yr-09, .about-company-page .timeline-block .year.yr-09 {
  right: 36%;
}

.about-company-page .timeline-block .bullet.yr-10, .about-company-page .timeline-block .year.yr-10 {
  right: 48%;
}

.about-company-page .timeline-block .bullet.yr-11, .about-company-page .timeline-block .year.yr-11 {
  right: 60%;
}

.about-company-page .timeline-block .bullet.yr-12, .about-company-page .timeline-block .year.yr-12 {
  right: 72%;
}

.about-company-page .timeline-block .bullet.yr-13, .about-company-page .timeline-block .year.yr-13 {
  right: 84%;
}

.about-company-page .timeline-block .bullet.yr-14, .about-company-page .timeline-block .year.yr-14 {
  right: 96%;
}

.about-company-page .timeline-block .line {
  margin-top: 20rem;
  height: 0.3125rem;
  background: #424243;
  position: relative;
  z-index: 1;
}

.about-company-page .timeline-block .events > div {
  border-right: 1px #b3b3b4 solid;
  position: absolute;
  bottom: 0;
}

.about-company-page .timeline-block .events > div p {
  font: 0.875rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  color: #b3b3b4;
  margin: 0;
  position: relative;
  background: #f0eff0;
  right: -0.25rem;
  padding-bottom: 0.5rem;
}

.about-company-page .timeline-block .events > div p:after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
  width: 9px;
  height: 1px;
  background: #b3b3b4;
}

.about-company-page .timeline-block .events .vk-start {
  top: -15rem;
  right: 0;
}

.about-company-page .timeline-block .events .iphone-release {
  right: 18%;
  top: -16rem;
}

.about-company-page .timeline-block .events .crisis {
  right: 27.4%;
  top: -4rem;
}

.about-company-page .timeline-block .events .luzhkov {
  right: 49.2%;
  top: -14.5rem;
}

.about-company-page .timeline-block .events .ya-ipo {
  right: 63.5%;
  top: -5rem;
}

.about-company-page .timeline-block .events .apoc {
  right: 83.3%;
  top: -17.5rem;
}

.about-company-page .timeline-block .events .sochi {
  right: 96.5%;
  top: -13rem;
}

.about-company-page .mission-block {
  width: 90%;
  margin-bottom: 6.5rem;
}

.about-company-page .mission-block h1 {
  font: 3rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
}

.about-company-page .mission-block p {
  background: #ffffff;
  font: 1.875rem/2.5rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  padding: 4rem 0;
}

.about-company-page .mission-block p span {
  display: inline-block;
  text-align: right;
  position: relative;
}

.about-company-page .mission-block p span:after, .about-company-page .mission-block p span:before {
  content: '';
  position: absolute;
  background: url(../img/about-company-sprite.png);
  width: 53px;
  height: 56px;
  right: -64px;
  top: -1.5rem;
}

.about-company-page .mission-block p span:after {
  background-position: -57px 0;
  top: auto;
  right: auto;
  left: -64px;
  bottom: -1.875rem;
}

.about-company-page .about-block {
  width: 90%;
}

.about-company-page .about-block .circle {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  margin: 0 auto;
}

.about-company-page .about-block h4 {
  text-align: center;
  margin: 1.75rem 0 4rem;
}

.about-company-page .about-block p {
  margin-top: 1rem;
}

.about-company-page .about-block .broker .circle {
  background: #ce2029 url(../img/about-company-sprite.png) center -59px no-repeat;
}

.about-company-page .about-block .broker p {
  padding-left: 5rem;
}

.about-company-page .about-block .school .circle {
  background: #FFC832 url(../img/about-company-sprite.png) center -262px no-repeat;
}

.about-company-page .about-block .school p {
  padding-right: 2rem;
}

.about-company-page .awards-block {
  text-align: justify;
}

.about-company-page .awards-block h1 {
  font: 3rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
}

.about-company-page .awards-block .award {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 13%;
}

.about-company-page .awards-block .cup {
  background-image: url(../img/about-page-redesign/icon-about-cup.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 146px;
  height: 132px;
  margin: 0 auto 1rem;
}

.about-company-page .awards-block .paper {
  height: 132px;
  background: url(../img/about-company-sprite.png) 0.1px -598px;
  width: 100px;
  margin: 0 auto 1rem;
}

@media only screen and (max-width: 64em) {
  .about-company-page .timeline-block {
    width: 100%;
  }
  .about-company-page .timeline-block .timeline {
    height: 55.5rem;
    width: 5px;
    margin-right: 7rem;
    margin-top: 3rem;
  }
  .about-company-page .timeline-block .line {
    margin-top: 0;
    height: 55.5rem;
    width: 0.3125rem;
  }
  .about-company-page .timeline-block .bullet {
    margin-right: -0.125rem;
  }
  .about-company-page .timeline-block .year {
    margin-right: -3.125rem;
    margin-top: -0.4rem;
  }
  .about-company-page .timeline-block .bullet.yr-06, .about-company-page .timeline-block .year.yr-06 {
    top: 0;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-07, .about-company-page .timeline-block .year.yr-07 {
    top: 12.5%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-08, .about-company-page .timeline-block .year.yr-08 {
    top: 25%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-09, .about-company-page .timeline-block .year.yr-09 {
    top: 37.5%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-10, .about-company-page .timeline-block .year.yr-10 {
    top: 50%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-11, .about-company-page .timeline-block .year.yr-11 {
    top: 62.5%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-12, .about-company-page .timeline-block .year.yr-12 {
    top: 75%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-13, .about-company-page .timeline-block .year.yr-13 {
    top: 87.5%;
    right: 0;
  }
  .about-company-page .timeline-block .bullet.yr-14, .about-company-page .timeline-block .year.yr-14 {
    top: 100%;
    right: 0;
  }
  .about-company-page .timeline-block .triangle {
    display: none;
  }
  .about-company-page .timeline-block .circles > div.circle-1 {
    right: 3.5rem;
    top: -1.7%;
    margin-right: 0;
  }
  .about-company-page .timeline-block .circles > div.circle-2 {
    right: 2.5rem;
    top: 8.5%;
    margin-right: 0;
  }
  .about-company-page .timeline-block .circles > div.circle-3 {
    right: 10.5rem;
    top: 27.7%;
    margin-right: 0;
  }
  .about-company-page .timeline-block .circles > div.circle-4 {
    right: 3rem;
    top: 43.75%;
    margin-right: 0;
  }
  .about-company-page .timeline-block .circles > div.circle-5 {
    right: 9rem;
    top: 59.4%;
    margin-right: 0;
  }
  .about-company-page .timeline-block .circles > div.circle-6 {
    right: 2rem;
    top: 76.3%;
    margin-right: 0;
    width: 10.5rem;
    height: 10.5rem;
  }
  .about-company-page .timeline-block .events > div {
    border-top: 1px #b3b3b4 solid;
    border-right: 1px #b3b3b4 none;
    top: 0;
    bottom: auto;
  }
  .about-company-page .timeline-block .events > div p {
    left: 0;
    right: 100%;
    width: 3.5rem;
    padding-right: 1rem;
    padding-bottom: 0px;
    margin-top: -.85rem;
  }
  .about-company-page .timeline-block .events > div p:after {
    right: -1px;
    top: 0.55rem;
    width: 1px;
    height: 9px;
  }
  .about-company-page .timeline-block .events .vk-start {
    left: -13.3rem;
    right: 0;
    top: 1rem;
  }
  .about-company-page .timeline-block .events .iphone-release {
    top: 17%;
    left: -15rem;
  }
  .about-company-page .timeline-block .events .crisis {
    top: 33.4%;
    left: -3rem;
  }
  .about-company-page .timeline-block .events .luzhkov {
    top: 41.2%;
    left: -20.5rem;
  }
  .about-company-page .timeline-block .events .ya-ipo {
    top: 65%;
    left: -3rem;
  }
  .about-company-page .timeline-block .events .apoc {
    top: 86.3%;
    left: -14.5rem;
  }
  .about-company-page .timeline-block .events .sochi {
    top: 98.5%;
    left: -3rem;
  }
  .about-company-page .mission-block {
    width: auto;
  }
  .about-company-page .mission-block p {
    padding: 5rem 0;
  }
  .about-company-page .mission-block p span {
    padding: 0 54px;
  }
  .about-company-page .mission-block p span:before {
    right: 0.5rem;
    top: -4rem;
  }
  .about-company-page .mission-block p span:after {
    left: 0.5rem;
    bottom: -4rem;
  }
  .about-company-page .awards-block .award {
    width: 25%;
    margin-bottom: 2rem;
  }
  .about-company-page .about-block .broker p {
    padding-left: 0;
  }
  .about-company-page .about-block .school {
    margin-top: 3rem;
  }
  .about-company-page .about-block .school p {
    padding-right: 0;
  }
}

@media only screen and (max-width: 40em) {
  .about-company-page .timeline-block .timeline {
    margin-right: 0rem;
  }
  .about-company-page .timeline-block .year {
    margin-right: 0.6rem;
  }
  .about-company-page .timeline-block .circles > div.circle-2 {
    top: 9.5%;
    width: 9.5rem;
    height: 9.5rem;
    padding-top: 2rem;
  }
  .about-company-page .timeline-block .circles > div.circle-3 {
    right: 7.2rem;
  }
  .about-company-page .timeline-block .circles > div.circle-4 {
    right: 3.6rem;
    top: 45%;
  }
  .about-company-page .timeline-block .circles > div.circle-5 {
    right: 8rem;
  }
  .about-company-page .timeline-block .circles > div.circle-6 {
    right: 3rem;
    top: 75.3%;
    width: 10rem;
    height: 10rem;
    padding-top: 2.5rem;
  }
  .about-company-page .timeline-block .events > div p {
    padding-right: 0.3rem;
  }
  .about-company-page .timeline-block .events .vk-start {
    left: -8.1rem;
  }
  .about-company-page .timeline-block .events .iphone-release {
    left: -12rem;
  }
  .about-company-page .timeline-block .events .crisis {
    top: 31.4%;
    left: -1rem;
  }
  .about-company-page .timeline-block .events .luzhkov {
    left: -2.5rem;
  }
  .about-company-page .timeline-block .events .apoc {
    left: -12.9rem;
  }
  .about-company-page .mission-block p {
    padding-bottom: 54px;
  }
  .about-company-page .mission-block p span {
    padding: 20px 4rem 0 20px;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .about-company-page .mission-block p span:after {
    display: none;
  }
  .about-company-page .awards-block .award {
    width: 47%;
  }
}

.provider {
  background: #ffffff;
  padding: 20px !important;
  margin: 30px 0 0 0 !important;
}

.provider img {
  width: 100%;
}

.provider .title a {
  font-size: 18px;
  margin-bottom: 10px;
}

.provider p {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.provider p a {
  color: #14817a;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  border-bottom: #14817a 1px solid !important;
}

.provider .provider-pic {
  background-image: url(../img/providers.png);
  width: 154px;
  height: 80px;
}

.provider .provider-pic.swissquote {
  background-position: 100% 0;
}

.provider .provider-pic.ikon {
  background-position: 100% -80px;
}

.provider .provider-pic.currenex {
  background-position: 100% -160px;
}

.provider .provider-pic.lmax {
  background-position: 100% -240px;
}

.about-company-page .about-text-skin {
  margin-top: 40px;
}

.about-company-page .about-text-skin img {
  width: 100%;
  margin-bottom: 44px;
}

.about-company-page .about-text-skin p {
  color: #404041;
  font-size: 18px;
  margin-bottom: 13px;
  font-weight: 400;
  font-family: "pfDinTextReg";
}

.about-company-page .about-text-skin .first-statistic {
  margin-bottom: 50px;
}

.about-company-page .about-text-skin .big-number {
  color: #00836f;
  font-size: 36px;
  margin-bottom: 2px;
}

.about-company-page .about-text-skin .big-number + p {
  color: #404041;
  font-size: 16px;
}

.about-company-page section.time-line-wrapper {
  margin-top: 105px;
}

.about-company-page section.time-line-wrapper h4 {
  color: #404041;
  font-family: "pfDinTextLight";
  font-size: 36px;
  margin-bottom: 48px;
}

.about-company-page section.time-line-wrapper .timeline-block {
  width: 100%;
  background-image: url("../img/about-page-redesign/bg-timeline.jpg");
  background-size: cover;
  border-bottom: 0.5px solid #373737;
  -ms-touch-action: none;
  touch-action: none;
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom;
}

.about-company-page section.time-line-wrapper .timeline-block .transition-on {
  transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin {
  height: 200px;
  width: 10500px;
  position: relative !important;
  top: 0 !important;
  height: 375px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul {
  position: absolute;
  bottom: -40px;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 50;
  background-color: #fff;
  width: 100%;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 117px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul li:first-child {
  margin-right: 105px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul li.year-element {
  position: relative;
  color: #404041;
  font-family: "pfDinTextMed";
  font-size: 18px;
  padding-top: 10px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul li.year-element:after {
  content: "";
  display: block;
  background-image: url("../img/about-page-redesign/icon-timeline-marker.svg");
  width: 10px;
  height: 10px;
  position: absolute;
  top: -6px;
  right: 14px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul li.month {
  opacity: 0.63;
  color: #404041;
  font-family: "pfDinTextReg";
  font-size: 16px;
  font-weight: 400;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block {
  background-color: #fff;
  position: relative;
  z-index: 10;
  display: inline-block;
  box-shadow: -1px 1.7px 5px rgba(143, 143, 143, 0.31);
  cursor: pointer;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block img {
  display: inline-block;
  vertical-align: top;
  padding-left: 17px;
  width: 120px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block p {
  display: inline-block;
  vertical-align: top;
  color: #1e1e1e;
  font-family: "pfDinTextReg";
  font-size: 14px;
  font-weight: 400;
  padding-left: 23px;
  margin: 0;
  padding-top: 22px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block:first-child {
  margin-right: 123px;
  top: 30px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.seven-year {
  top: 160px;
  margin-right: -117px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.nine-year {
  top: 15px;
  margin-right: 18px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-ten-year {
  top: 130px;
  margin-right: -41px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-ten-year {
  top: 250px;
  margin-right: -123px;
  z-index: 20;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-ten-year {
  top: 50px;
  margin-right: -127px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-eleven-year {
  top: 70px;
  margin-right: 54px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.june-eleven-year {
  top: 200px;
  margin-right: -144px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.august-eleven-year {
  top: 145px;
  margin-right: 17px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-eleven-year {
  top: 50px;
  margin-right: 10px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-twelfth-year {
  top: 100px;
  margin-right: 107px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.june-twelfth-year {
  top: 229px;
  margin-right: -139px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-twelfth-year {
  top: 60px;
  margin-right: 27px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-twelfth-year {
  top: 180px;
  margin-right: -101px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-twelfth-year {
  top: 15px;
  margin-right: -133px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-thirteen-year {
  top: 138px;
  margin-right: -55px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-thirteen-year {
  top: 260px;
  margin-right: -171px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.april-thirteen-year {
  top: 150px;
  margin-right: 11px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-thirteen-year {
  top: 20px;
  margin-right: 58px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-thirteen-year {
  top: 190px;
  margin-right: -162px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.april-fourteen-year {
  top: 68px;
  margin-right: 37px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-fourteen-year {
  top: 230px;
  margin-right: -99px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-fourteen-year {
  top: 10px;
  margin-right: 28px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-fourteen-year {
  top: 130px;
  margin-right: -216px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-fourteen-year {
  top: 250px;
  margin-right: -132px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-fifteen-year {
  top: 40px;
  margin-right: -65px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-fifteen-year {
  top: 190px;
  margin-right: -119px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.july-fifteen-year {
  top: 50px;
  margin-right: -72px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.august-fifteen-year {
  top: 250px;
  margin-right: -161px;
  z-index: 20;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-fifteen-year {
  top: 20px;
  margin-right: -173px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-fifteen-year {
  top: 145px;
  margin-right: -83px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-fifteen-year {
  top: 30px;
  margin-right: -183px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-fifteen-year {
  top: 260px;
  margin-right: -104px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-sixteen-year {
  top: 80px;
  margin-right: -16px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-sixteen-year {
  top: 210px;
  margin-right: -141px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.march-sixteen-year {
  top: 25px;
  margin-right: -160px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.april-sixteen-year {
  top: 256px;
  margin-right: -207px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-sixteen-year {
  top: 140px;
  margin-right: -338px;
  z-index: 29;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-sixteen-year {
  top: 15px;
  margin-right: -175px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-sixteen-year {
  top: 195px;
  margin-right: -80px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-sixteen-year {
  top: 55px;
  margin-right: -157px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-sixteen-year {
  top: 250px;
  margin-right: -226px;
  z-index: 30;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-seventeen-year {
  top: 100px;
  margin-right: -80px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .new_pip {
  padding-left: 50px;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: 0.5px dotted rgba(186, 186, 186, 0.69);
  width: 1px;
  height: 1000%;
  z-index: -1;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block:hover {
  background-color: #ffc600;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block:hover:after {
  border: 1px solid #ffc600;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin .active {
  background-color: #ffc600;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin:after, .about-company-page section.time-line-wrapper .timeline-block .timeline-skin:before {
  content: "";
  display: block;
  clear: both;
}

.about-company-page section.time-line-wrapper .timeline-block .timeline-skin:hover {
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -ms-grab;
}

.about-company-page .structures {
  padding-top: 75px;
  z-index: 100;
  position: relative;
  background-color: #f0eff0;
}

.about-company-page .structures h2 {
  color: #404041;
  font-family: "pfDinTextLight";
  font-size: 36px;
  margin-bottom: 47px;
}

.about-company-page .structures .structures-left p {
  color: #292929;
  font-family: "pfDinTextReg";
  font-size: 18px;
  margin-bottom: 49px;
}

.about-company-page .structures .structures-left ul {
  list-style: none;
}

.about-company-page .structures .structures-left ul li.structures-left__item {
  color: #292929;
  font-family: "pfDinTextReg";
  font-size: 18px;
  margin-bottom: 25px;
  padding-right: 173px;
  position: relative;
}

.about-company-page .structures .structures-left ul li.structures-left__item span {
  font-family: "pfDinTextMed";
}

.about-company-page .structures .structures-left ul li.structures-left__item:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
}

.about-company-page .structures .structures-left ul li.structures-left__item.grand_school:before {
  background-image: url(../img/about-page-redesign/grandscool-logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 124px;
  height: 86px;
  top: 32%;
}

.about-company-page .structures .structures-left ul li.structures-left__item.grand_class:before {
  background: url(../img/about-page-redesign/grandclass-logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 117px;
  height: 86px;
  top: 15%;
}

.about-company-page .structures .structures-left ul li.structures-left__item.uptrader:before {
  background: url(../img/about-page-redesign/uptrader-logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 123px;
  height: 34px;
  top: 43%;
}

.about-company-page .structures .structures-right blockquote {
  color: #3f3f3f;
  font-family: "pfDinTextReg";
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  background-color: #e3e3e3;
  padding: 27px 30px 54px 46px;
  position: relative;
  margin-bottom: 59px;
}

.about-company-page .structures .structures-right blockquote span {
  font-family: 'pfDinTextMedItalic';
  font-weight: 600;
}

.about-company-page .structures .structures-right .triangle-down {
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-top: 40px solid #e3e3e3;
  position: absolute;
  bottom: -39px;
  right: 50px;
}

.about-company-page .structures .structures-right .mister-president {
  margin-right: 48px;
}

.about-company-page .structures .structures-right .mister-president img {
  float: right;
  padding-left: 10px;
}

.about-company-page .structures .structures-right .mister-president .name {
  color: #404041;
  font-family: "pfDinTextMed";
  font-size: 22px;
}

.about-company-page .structures .structures-right .mister-president .position {
  color: #404041;
  font-family: "pfDinTextReg";
  font-size: 16px;
}

.about-company-page .awards-block h2 {
  color: #404041;
  font-family: "pfDinTextLight";
  font-size: 32px;
  text-align: right;
}

.about-company-page .under-list {
  height: 32px;
  background-color: #fff;
}

.about-company-page .about-slider {
  background-color: #fff;
  box-shadow: -1px 1.7px 5px rgba(143, 143, 143, 0.31);
  padding-top: 37px;
  z-index: 101;
  position: relative;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom;
}

.about-company-page .about-slider .orbit-wrap {
  opacity: 0;
  transition: opacity .5s;
}

.about-company-page .about-slider .orbit-wrap.visible {
  opacity: 1;
}

.about-company-page .about-slider .orbit-container {
  list-style-image: none;
  list-style-type: none;
}

.about-company-page .about-slider .orbit-container li p.date, .about-company-page .about-slider .orbit-container li p.name {
  color: #292929;
  font-family: "pfDinTextMed";
  font-weight: 500;
}

.about-company-page .about-slider .orbit-container li p.date {
  font-size: 18px;
}

.about-company-page .about-slider .orbit-container li p.name {
  font-size: 24px;
  margin-bottom: 10px;
}

.about-company-page .about-slider .orbit-container li p.info {
  color: #292929;
  font-family: "pfDinTextReg";
  font-size: 18px;
  margin: 0;
  padding: 0;
  padding-left: 120px;
}

.about-company-page .about-slider .orbit-container img {
  max-width: 200px;
  margin-bottom: 20px;
}

.about-company-page .about-slider .orbit-container .orbit-bullets-container, .about-company-page .about-slider .orbit-container .orbit-slide-number {
  display: none;
}

.about-company-page .about-slider .orbit-container .orbit-slide {
  background-color: #fff;
  overflow: hidden;
}

.about-company-page .about-slider .orbit-container .orbit-prev, .about-company-page .about-slider .orbit-container .orbit-next {
  top: 30%;
}

.about-company-page .about-slider .orbit-container .orbit-prev:before, .about-company-page .about-slider .orbit-container .orbit-next:before {
  position: absolute;
  content: '';
  height: 300px;
  width: 80px;
  top: -90px;
  z-index: -1;
}

.about-company-page .about-slider .orbit-container .orbit-prev:hover, .about-company-page .about-slider .orbit-container .orbit-next:hover, .about-company-page .about-slider .orbit-container .orbit-prev:visited, .about-company-page .about-slider .orbit-container .orbit-next:visited, .about-company-page .about-slider .orbit-container .orbit-prev:active, .about-company-page .about-slider .orbit-container .orbit-next:active, .about-company-page .about-slider .orbit-container .orbit-prev:focus, .about-company-page .about-slider .orbit-container .orbit-next:focus {
  background-color: transparent;
}

.about-company-page .about-slider .orbit-container .orbit-prev span {
  background: url(../img/about-page-redesign/icon-orbit.svg) no-repeat center/auto 100%;
  width: 28px;
  height: 91px;
}

.about-company-page .about-slider .orbit-container .orbit-prev span:hover {
  background: url(../img/about-page-redesign/icon-orbit-hover.svg) no-repeat center/auto 100%;
  width: 28px;
  height: 91px;
  transform: rotate(-180deg);
}

.about-company-page .about-slider .orbit-container .orbit-next span {
  background: url(../img/about-page-redesign/icon-orbit.svg) no-repeat center/auto 100%;
  width: 28px;
  height: 91px;
  transform: rotate(-180deg);
}

.about-company-page .about-slider .orbit-container .orbit-next span:hover {
  background: url(../img/about-page-redesign/icon-orbit-hover.svg) no-repeat center/auto 100%;
  width: 28px;
  height: 91px;
  transform: none;
}

@media (max-width: 767px) {
  .about-company-page .about-text-skin .large-2.columns {
    text-align: center;
  }
  .about-company-page .about-slider .orbit-container li p.info {
    padding-left: 0;
  }
  .about-company-page .under-list {
    background-color: #fff;
  }
  .about-company-page .structures .structures-left ul li.structures-left__item {
    padding-right: 0;
  }
  .about-company-page .structures .structures-left ul li.structures-left__item:before {
    position: static;
  }
  .about-company-page .structures .structures-left ul li.structures-left__item.uptrader:before {
    margin-bottom: 13px;
  }
  .about-company-page .structures .structures-right blockquote {
    margin-top: 25px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .about-company-page .about-text-skin .large-2.columns {
    text-align: center;
  }
  .about-company-page .under-list {
    background-color: #fff;
  }
  .about-company-page .about-slider {
    text-align: center;
  }
  .about-company-page .about-slider .orbit-container li p.info {
    padding-left: 0;
  }
  .about-company-page .about-slider .orbit-container img {
    margin: 0 auto 20px;
    width: 50% !important;
  }
  .about-company-page .structures .structures-left ul li.structures-left__item.grand_school:before, .about-company-page .structures .structures-left ul li.structures-left__item.grand_class:before {
    top: -9px;
  }
  .about-company-page .structures .structures-left ul li.structures-left__item.uptrader:before {
    top: 15px;
  }
  .about-company-page .structures .structures-right blockquote {
    margin-top: 25px;
  }
}

@media (min-width: 978px) and (max-width: 1024px) {
  .about-company-page .structures .structures-left ul li.structures-left__item.grand_school:before, .about-company-page .structures .structures-left ul li.structures-left__item.grand_class:before {
    top: -20px;
  }
  .about-company-page .structures .structures-left ul li.structures-left__item.uptrader:before {
    top: -1px;
  }
}

@media (min-width: 370px) and (max-width: 1024px) {
  .about-company-page .about-text-skin .large-2.columns div {
    display: inline-block;
    width: 49%;
  }
  .about-company-page .about-text-skin .large-2.columns div:first-child {
    margin-bottom: 0;
  }
}

/*----- Company services  -----*/
.company_services {
  font-family: 'New_PFDinTextPro', sans-serif;
  margin-bottom: 14px;
}

.company_services .partner-link {
  margin-top: 43px;
  border-bottom: none;
  display: block;
}

.company_services .partner-link span {
  color: #377F6B;
}

.company_services .description, .company_services .third-light-wrapper .labels a, .third-light-wrapper .labels .company_services a, .company_services .third-light-wrapper .inputs a, .third-light-wrapper .inputs .company_services a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 60px;
}

.company_services .description__left {
  max-width: 556px;
  width: 100%;
}

@media all and (max-width: 768px) {
  .company_services .description__left {
    max-width: unset;
  }
}

.company_services .description .chat-btn, .company_services .third-light-wrapper .labels a .chat-btn, .third-light-wrapper .labels .company_services a .chat-btn, .company_services .third-light-wrapper .inputs a .chat-btn, .third-light-wrapper .inputs .company_services a .chat-btn {
  position: relative;
  border: none !important;
  margin-top: 40px;
  padding-right: 50px;
  display: block;
}

@media all and (max-width: 768px) {
  .company_services .description .chat-btn, .company_services .third-light-wrapper .labels a .chat-btn, .third-light-wrapper .labels .company_services a .chat-btn, .company_services .third-light-wrapper .inputs a .chat-btn, .third-light-wrapper .inputs .company_services a .chat-btn {
    text-decoration: underline;
  }
}

.company_services .description .chat-btn:after, .company_services .third-light-wrapper .labels a .chat-btn:after, .third-light-wrapper .labels .company_services a .chat-btn:after, .company_services .third-light-wrapper .inputs a .chat-btn:after, .third-light-wrapper .inputs .company_services a .chat-btn:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: calc(50% - 16px);
  background-image: url("/static/img/company_services/chat.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 37px;
}

@media all and (max-width: 768px) {
  .company_services .description__right {
    display: none;
  }
}

.company_services .services_list {
  display: flex;
  flex-direction: column;
}

.company_services .services_list__top, .company_services .services_list__bottom {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .company_services .services_list__top, .company_services .services_list__bottom {
    flex-direction: column;
  }
}

.company_services .services_list__top {
  margin-bottom: 51px;
}

@media all and (max-width: 768px) {
  .company_services .services_list__top {
    margin-left: 0;
    margin-bottom: 35px;
  }
}

.company_services .services_list__item {
  border: 1px solid rgba(196, 196, 196, 0.5);
  background-color: transparent;
  box-sizing: border-box;
  max-width: 572px;
  width: 100%;
  padding: 40px 40px 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.company_services .services_list__item:first-child {
  margin-left: 51px;
}

@media all and (max-width: 768px) {
  .company_services .services_list__item:first-child {
    margin-left: 0;
    margin-bottom: 35px;
  }
}

@media all and (max-width: 768px) {
  .company_services .services_list__item {
    max-width: unset;
    padding: 25px 25px 30px;
  }
}

.company_services .services_list__title {
  font-size: 24px;
  line-height: 29px;
  color: #424243;
  margin-bottom: 30px;
  font-weight: 200;
}

.company_services .services_list__shedule, .company_services .services_list__email {
  position: relative;
  padding-right: 35px;
}

.company_services .services_list__shedule:after, .company_services .services_list__email:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: calc(50% - 11px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 25px;
}

.company_services .services_list__shedule {
  margin-top: 22px;
}

.company_services .services_list__shedule:after {
  background-image: url("/static/img/company_services/clock.svg");
}

.company_services .services_list__email {
  display: block;
  margin-top: 25px;
  text-decoration: underline;
  width: fit-content;
}

.company_services .services_list__email:hover {
  text-decoration: none;
}

.company_services .services_list__email:after {
  background-image: url("/static/img/company_services/mail.svg");
}

/* /about/ */
.newsfeed-page h1 span {
  font-size: 1.5rem;
}

.newsfeed-page .mobile-reverse-grid {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-page .mobile-reverse-grid {
    display: flex;
    flex-direction: column-reverse;
  }
}

.newsfeed-page .hidden-content {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-page .hidden-content {
    padding: 20px 0;
    display: none;
  }
}

.newsfeed-page .green-title {
  background: #14817a;
  color: #ffffff;
  font: 1.5rem/2rem "pfDinTextLight", "Helvetica Neue", "Arial";
  padding: 0.3125rem 1.25rem;
}

.newsfeed-page .tags span {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.newsfeed-page .tags a {
  border-bottom: 2px solid transparent;
  color: #14817a;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.newsfeed-page .tags a:hover, .newsfeed-page .tags a:focus, .newsfeed-page .tags a:active {
  border-bottom-color: rgba(20, 129, 122, 0.5);
}

.newsfeed-page .newsfeed-item, .newsfeed-page .fin-review-item {
  margin: 0.625rem 0;
  padding: 2rem 0 1.5rem 3rem;
}

.newsfeed-page .newsfeed-item:before, .newsfeed-page .fin-review-item:before, .newsfeed-page .newsfeed-item:after, .newsfeed-page .fin-review-item:after {
  content: " ";
  display: table;
}

.newsfeed-page .newsfeed-item:after, .newsfeed-page .fin-review-item:after {
  clear: both;
}

.newsfeed-page .newsfeed-item .date, .newsfeed-page .fin-review-item .date {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 48px;
  line-height: 50px;
  display: block;
  color: #009e82;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newsfeed-page .newsfeed-item .date span, .newsfeed-page .fin-review-item .date span {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #424243;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-page .newsfeed-item .date span, .newsfeed-page .fin-review-item .date span {
    display: block !important;
    font-size: 14px;
  }
}

.newsfeed-page .newsfeed-item .date::after, .newsfeed-page .fin-review-item .date::after {
  content: none !important;
}

.newsfeed-page .newsfeed-item .content .title, .newsfeed-page .fin-review-item .content .title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  line-height: 28px;
  color: #424243;
  margin-bottom: 24px;
}

.newsfeed-page .newsfeed-item .text, .newsfeed-page .fin-review-item .text {
  margin-top: 0 !important;
}

.newsfeed-page .newsfeed-item .text img, .newsfeed-page .fin-review-item .text img {
  margin-left: 1rem;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .newsfeed-page .newsfeed-item .text img, .newsfeed-page .fin-review-item .text img {
    width: 100% !important;
    height: 100% !important;
  }
}

.newsfeed-page .category-news-block {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 14px;
}

.newsfeed-page .category-news-block ul {
  margin-right: 0;
  list-style: none;
}

.newsfeed-page .category-news-block ul li {
  margin-bottom: 30px;
}

.newsfeed-page .category-news-block ul li a {
  display: inline-block;
}

.newsfeed-page .category-news-block .date {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #848484;
  display: block;
}

.newsfeed-page .category-news-block .title {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #377F6B;
}

.newsfeed-page.fin-newsfeed .newsfeed-item .date, .newsfeed-page.fin-newsfeed .fin-review-item .date {
  font: 1.875rem/2rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

.newsfeed-page.fin-newsfeed .newsfeed-item .title, .newsfeed-page.fin-newsfeed .fin-review-item .title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  line-height: 2rem;
}

.newsfeed-page.fin-newsfeed .newsfeed-item .title .icon, .newsfeed-page.fin-newsfeed .fin-review-item .title .icon, .newsfeed-page.fin-newsfeed .newsfeed-item .title .icon-portfolio, .newsfeed-page.fin-newsfeed .fin-review-item .title .icon-portfolio, .newsfeed-page.fin-newsfeed .newsfeed-item .title .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .newsfeed-page.fin-newsfeed .newsfeed-item .title .block-portfolio, .newsfeed-page.fin-newsfeed .fin-review-item .title .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .newsfeed-page.fin-newsfeed .fin-review-item .title .block-portfolio {
  background: url(../img/icons.png) no-repeat -240px -120px;
  cursor: pointer;
  float: right;
  height: 8px;
  margin: 0.8rem 0 0 0.5rem;
  margin-left: 0.625rem;
  width: 14px;
}

.newsfeed-page.fin-newsfeed .newsfeed-item .title .with-inner, .newsfeed-page.fin-newsfeed .fin-review-item .title .with-inner {
  display: block;
  padding-right: 23px !important;
  width: 95%;
}

.newsfeed-page.fin-newsfeed .newsfeed-item .title span:last-child, .newsfeed-page.fin-newsfeed .fin-review-item .title span:last-child {
  display: block;
  padding-right: 1.375rem;
}

.newsfeed-page.fin-newsfeed .newsfeed-item .title.active .icon, .newsfeed-page.fin-newsfeed .fin-review-item .title.active .icon, .newsfeed-page.fin-newsfeed .newsfeed-item .title.active .icon-portfolio, .newsfeed-page.fin-newsfeed .fin-review-item .title.active .icon-portfolio, .newsfeed-page.fin-newsfeed .newsfeed-item .title.active .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .newsfeed-page.fin-newsfeed .newsfeed-item .title.active .block-portfolio, .newsfeed-page.fin-newsfeed .fin-review-item .title.active .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .newsfeed-page.fin-newsfeed .fin-review-item .title.active .block-portfolio {
  background-position: -200px -120px;
}

.newsfeed-page.fin-newsfeed .newsfeed-item .inner, .newsfeed-page.fin-newsfeed .fin-review-item .inner {
  clear: both;
  display: none;
  padding-right: 1.475rem;
}

/* adaptive news items */
body .newsfeed-page .newsfeed-item, body .newsfeed-page .fin-review-item {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  body .newsfeed-page .newsfeed-item, body .newsfeed-page .fin-review-item {
    padding: 2rem 0.625rem 1.5rem;
  }
}

body .newsfeed-page .newsfeed-item .date, body .newsfeed-page .fin-review-item .date {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body .newsfeed-page .newsfeed-item .date, body .newsfeed-page .fin-review-item .date {
    font-size: 3.5rem;
    line-height: 3rem;
  }
}

@media only screen and (max-width: 30em) {
  body .newsfeed-page .newsfeed-item .date, body .newsfeed-page .fin-review-item .date {
    margin-bottom: 1.25rem;
    text-align: right;
  }
  body .newsfeed-page .newsfeed-item .date.fin-news-date, body .newsfeed-page .fin-review-item .date.fin-news-date {
    padding-right: 1.375rem;
  }
  body .newsfeed-page .newsfeed-item .date:after, body .newsfeed-page .fin-review-item .date:after {
    border-bottom: 1px solid rgba(66, 66, 67, 0.2);
    content: "";
    display: block;
    margin-top: 2rem;
    width: 70%;
  }
  body .newsfeed-page .newsfeed-item .date span, body .newsfeed-page .fin-review-item .date span {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 0) and (max-width: 800px) {
  body .newsfeed-page.fin-newsfeed .newsfeed-item .title .with-inner, body .newsfeed-page.fin-newsfeed .fin-review-item .title .with-inner {
    width: 90%;
  }
}

@media only screen and (min-width: 0) and (max-width: 500px) {
  body .newsfeed-page.fin-newsfeed .newsfeed-item .title .with-inner, body .newsfeed-page.fin-newsfeed .fin-review-item .title .with-inner {
    width: 85%;
  }
}

@media only screen and (min-width: 0) and (max-width: 319px) {
  body .newsfeed-page.fin-newsfeed .newsfeed-item .title .with-inner, body .newsfeed-page.fin-newsfeed .fin-review-item .title .with-inner {
    width: 80%;
  }
}

/*-----------------------------------------------tags, date filter---------------------------------------------------*/
/* general, wrapper */
.filters_temp {
  padding: 0 !important;
  z-index: 1;
}

.catigories-wrap {
  display: none;
  width: 327px;
  left: 0;
  position: absolute;
  box-shadow: 0 0 4px #ccc;
  padding: 18px 26px 30px 30px;
  background-color: #fff;
  margin-top: 6px;
}

.catigories-wrap a {
  background-color: #d1d1d1;
  font: 1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  border-bottom: none;
}

.celendar-block {
  display: block;
}

.catigories-wrap-block {
  display: block;
}

.tags-nav .font-med,
.date-filter .font-med {
  cursor: pointer;
  width: 100%;
  background: #FFC832;
  border-radius: 3px;
  padding: 12px 18px 12px 35px;
}

.tags-nav a,
.date-filter a {
  border-radius: 0.3rem;
  display: inline-block;
  margin-bottom: 0.6rem;
  color: #373737;
}

/* tags filter */
.filter-by-tags .filter-by-tags-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../img/news-tag.svg);
}

.tags-nav {
  padding: 0 !important;
  margin-bottom: 1rem;
}

.tags-nav div.font-med {
  margin-left: 0.625rem;
  font-size: 16px;
}

.tags-nav a {
  padding: 0.3rem 0.625rem;
}

.tags-nav a.active {
  background: #14817a;
  color: #ffffff;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.tags-nav a.active .cross {
  line-height: 0;
}

.tags-nav a.active .cross:after {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 1.25rem;
  margin: 0.14rem 0.125rem 0 0;
}

.tags-nav a:hover:not(.active), .tags-nav a:focus:not(.active), .tags-nav a:active:not(.active) {
  background: #ffdd7f;
}

.tags-nav .select-wrapper {
  display: none;
}

.daterange-input.daterange-input {
  right: 0;
  text-align: left;
  top: 2px;
  padding-left: 35px;
  position: absolute;
  background-color: transparent !important;
  border: 0;
  font-size: 16px;
  cursor: pointer !important;
}

.daterange-input.daterange-input:hover {
  background-color: transparent;
}

.daterange-input.daterange-input:focus {
  background-color: transparent;
  background-color: transparent;
  background-color: transparent;
}

.newsfeed-categories {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-categories {
    margin-bottom: 0 !important;
  }
  .newsfeed-categories .gc-h4 {
    margin-bottom: 10px;
    position: relative;
  }
  .newsfeed-categories .gc-h4::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 1px solid #424243;
    margin-right: 10px;
    border-top: none;
    border-right: none;
    display: inline-block;
    top: 40%;
    position: absolute;
    transform: translateY(-50%) rotate(-45deg);
  }
}

.newsfeed-categories p {
  margin-bottom: 10px;
}

.newsfeed-categories p a {
  font-size: 16px;
  color: #377F6B;
  border-bottom-color: #377F6B;
}

.newsfeed-categories p a.active {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
  border-bottom-color: transparent;
}

.newsfeed-calendar {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-calendar {
    margin-bottom: 0 !important;
  }
  .newsfeed-calendar .gc-h4 {
    margin-bottom: 10px;
    position: relative;
  }
  .newsfeed-calendar .gc-h4::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 1px solid #424243;
    margin-right: 10px;
    border-top: none;
    border-right: none;
    display: inline-block;
    top: 40%;
    position: absolute;
    transform: translateY(-50%) rotate(-45deg);
  }
}

.newsfeed-subscribe {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-subscribe {
    margin-bottom: 40px !important;
  }
  .newsfeed-subscribe .gc-h4 {
    margin-bottom: 20px;
  }
}

.newsfeed-subscribe__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.newsfeed-subscribe__input {
  border: 1px solid #C9C9C9 !important;
  border-radius: 3px !important;
  background: transparent !important;
  height: 44px !important;
  padding-right: 15px !important;
}

.newsfeed-subscribe__input::placeholder {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #848484;
}

.newsfeed-subscribe__submit {
  width: 54px;
  height: 45px;
  position: absolute;
  left: 0;
  background: #009e82;
  border-radius: 3px;
  position: relative;
}

.newsfeed-subscribe__submit::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 50%;
  border: 1px solid #ffffff;
  transform: translate(50%, -50%) rotate(45deg);
  border-top: none;
  border-right: none;
}

.celendar-wrap {
  position: absolute;
  margin-top: 6px;
  left: 10px;
  width: 280px;
  min-width: 280px;
}

.celendar-wrap .calendar {
  width: 280px;
}

.celendar-wrap table {
  background: none;
  border: none;
}

.celendar-wrap table thead {
  background: #fff;
}

.celendar-wrap table thead .month {
  padding: 10px 0;
}

.celendar-wrap table thead .month .monthselect {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #14817a;
  cursor: pointer;
  width: 57%;
  float: right;
}

.celendar-wrap table thead .month .yearselect {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #14817a;
  cursor: pointer;
  width: 40%;
  float: left;
}

.celendar-wrap table thead .month select {
  background-image: url(../img/select-arrow-2.png);
}

.celendar-wrap table thead .month select:first-child {
  background-position-x: 5%;
}

.celendar-wrap table thead .month select:last-child {
  background-position-x: 7%;
}

.celendar-wrap table thead .prev.available:after {
  content: "";
  position: absolute;
  top: 20px;
  background-image: url(../img/icons.png);
  width: 20px;
  height: 20px;
  right: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-position: -277px -120px;
  cursor: pointer;
}

.celendar-wrap table thead .next.available:after {
  content: "";
  position: absolute;
  top: 20px;
  background-image: url(../img/icons.png);
  width: 20px;
  height: 20px;
  left: 0;
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  background-position: -277px -120px;
  cursor: pointer;
}

.celendar-wrap table thead tr:nth-of-type(even) {
  background-color: #fff;
}

.celendar-wrap table thead tr:first-child th {
  background-color: rgba(209, 209, 209, 0.6);
}

.celendar-wrap table thead tr:last-child th {
  color: #14817a;
  padding-top: 7px;
  padding-bottom: 5px;
}

.celendar-wrap table tbody tr {
  background-color: #fff;
}

.celendar-wrap table tbody tr td {
  cursor: pointer;
  border: none;
  padding: 0.25rem 0.5rem;
  font: 1rem "pfDinTextPro", "Helvetica Neue", "Arial";
  border-radius: 3px;
}

.celendar-wrap table tbody tr .available:hover {
  background-color: #ffc700;
}

.celendar-wrap table tbody tr:last-child td {
  padding-bottom: 10px;
}

.celendar-wrap table tbody .disabled {
  cursor: auto;
  color: #ccc;
}

.celendar-wrap .calendar {
  box-shadow: 0 0 4px #ccc;
  background-color: #fff !important;
}

.date-filter .date-filter-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../img/news-calendar.svg);
  cursor: pointer;
}

.date-filter .font-med {
  position: relative;
}

.date-filter .month-year-wrap {
  padding-right: 10px;
  padding-left: 10px;
  display: flex;
  justify-content: space-around;
}

.date-filter .days {
  list-style: none;
  margin-right: 0;
  display: inline-block;
  font: 1rem/2 "pfDinTextLight", "Helvetica Neue", "Arial";
  margin: 0 0.625rem;
}

.date-filter .days li {
  display: inline-block;
  text-align: center;
  width: 1.5rem;
}

.date-filter .days li a {
  height: 100%;
  width: 100%;
}

.date-filter .days li.active a {
  background: #14817a;
  color: #ffffff;
  cursor: default;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.date-filter .days li:hover:not(.active) a, .date-filter .days li:focus:not(.active) a, .date-filter .days li:active:not(.active) a {
  background: #ffdd7f;
}

.date-filter .month-year-wrap > div {
  display: inline-block;
  font-size: 1rem;
}

.date-filter .month-year-wrap > div:first-of-type {
  margin-left: 0.75rem;
}

.date-filter .month-year-wrap > div > a.with-icon {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.75rem;
}

.date-filter .month-year-wrap > div > a.with-icon span {
  border-bottom: 1px dotted #424243;
  font-size: 1rem;
}

.date-filter .month-year-wrap > div > a.with-icon span:hover, .date-filter .month-year-wrap > div > a.with-icon span:focus, .date-filter .month-year-wrap > div > a.with-icon span:active {
  border-color: transparent;
}

.datepicker-widget .ui-datepicker {
  border: none !important;
  background: transparent;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: none;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #377F6B;
  font-weight: normal;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  border-color: transparent;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  background: none;
  width: 12px;
  height: 12px;
  border: 1px solid #009e82;
  transform: rotate(-45deg);
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover {
  top: 2px;
  right: 2px;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  border-top: none;
  border-left: none;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  top: 2px;
  left: 2px;
}

.datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  border-right: none;
  border-bottom: none;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar {
  border: none;
  background: transparent;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar thead {
  background: transparent;
  border-bottom: 1px solid #C5C5C5;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar thead tr th {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-weight: normal;
  color: #377F6B;
  padding: 10px 0 3px 0;
  font-size: 16px;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr {
  background: transparent;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr td {
  padding: 5px;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled {
  opacity: 1;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr td a {
  border: none;
  background: transparent;
  color: #424243;
  margin: 0;
  text-align: center;
  font-size: 16px;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
  background: #FDCD53;
  border-radius: 3px;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
  color: #377F6B;
}

.datepicker-widget .ui-datepicker .ui-datepicker-calendar tbody tr td span.ui-state-default {
  color: #777777;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 16px;
}

/* date dropdown */
.newsfeed-date-dropdown {
  background: #FFC832;
  cursor: pointer;
  margin: 0.75rem 0 0 1rem;
  padding: 0;
  position: absolute;
  text-align: right;
  z-index: 50;
  display: none;
  right: auto !important;
}

.newsfeed-date-dropdown.f-open-dropdown {
  display: block;
}

.newsfeed-date-dropdown.month {
  width: 6.5rem;
}

.newsfeed-date-dropdown.year li {
  padding-right: 1rem;
}

.newsfeed-date-dropdown:before {
  border: 10px transparent solid;
  border-bottom-color: #FFC832;
  border-top: none;
  content: "";
  right: 50%;
  margin-right: -10px;
  position: absolute;
  top: -10px;
}

.newsfeed-date-dropdown li {
  display: block;
  font: 1rem/1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: 0 1.25rem 0 1rem;
}

.newsfeed-date-dropdown li:last-of-type {
  padding-bottom: 0.5rem;
}

.newsfeed-date-dropdown li a {
  border-radius: 0;
  line-height: 1.2;
}

.newsfeed-date-dropdown li:hover, .newsfeed-date-dropdown li:focus, .newsfeed-date-dropdown li:active {
  background: #ffdd7f;
}

.newsfeed-date-dropdown li:hover a, .newsfeed-date-dropdown li:focus a, .newsfeed-date-dropdown li:active a {
  border-bottom-color: transparent;
}

/* adaptive filters */
body {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body .newsfeed-dates-tags {
    padding: 0;
  }
  body .tags-nav:not(.fin-news-tags) {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 1rem 1.25rem;
  }
  body .tags-nav:not(.fin-news-tags) .select-wrapper, body .tags-nav:not(.fin-news-tags) span.font-med {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
  }
  body .tags-nav:not(.fin-news-tags) span.font-med {
    margin-left: 0;
  }
  body .date-filter {
    border-radius: 0 0 0.625rem 0.625rem;
  }
  body .tags-nav.fin-news-tags {
    padding: 1rem 1.25rem 0;
  }
  body .tags-nav.fin-news-tags span.font-med {
    display: block;
    margin: 0 0 1rem;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1065px) {
  body .date-filter__title {
    font-size: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 530px) {
  body .date-filter__title {
    font-size: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 630px) {
  body .celendar-wrap {
    right: 10px;
  }
}

@media only screen and (min-width: 0) and (max-width: 770px) {
  body .tags-nav .font-med, body .date-filter .font-med {
    padding: 12px 8px 12px 31px;
  }
}

@media only screen and (min-width: 0) and (max-width: 940px) {
  body .tags-nav {
    margin: 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1222px) {
  body .tags-nav span.font-med {
    display: block;
    margin-bottom: 1rem;
  }
}

@media only screen and (max-width: 30em) {
  body .tags-nav:not(.fin-news-tags) .select-wrapper, body .tags-nav:not(.fin-news-tags) span.font-med {
    width: 100%;
  }
  body .tags-nav:not(.fin-news-tags) .select-wrapper {
    margin-top: 0.5rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  body .date-filter .days {
    display: block;
  }
}

/*320!!!*/
@media only screen and (max-width: 40em) {
  .newsfeed-date-dropdown {
    width: auto !important;
  }
  .newsfeed-date-dropdown.month.open {
    right: 1.6rem !important;
  }
  .newsfeed-date-dropdown.year.open {
    right: 7.2rem !important;
  }
}

/*----------------------------------------------- cke_editable ---------------------------------------------------*/
.newsfeed-page .newsfeed-item .content .text, .newsfeed-page .fin-review-item .content .text,
body.cke_editable {
  margin-top: 1.25rem;
}

.newsfeed-page .newsfeed-item .content .text .description, .newsfeed-page .fin-review-item .content .text .description, .newsfeed-page .newsfeed-item .content .text .third-light-wrapper .labels a, .third-light-wrapper .labels .newsfeed-page .newsfeed-item .content .text a, .newsfeed-page .fin-review-item .content .text .third-light-wrapper .labels a, .third-light-wrapper .labels .newsfeed-page .fin-review-item .content .text a, .newsfeed-page .newsfeed-item .content .text .third-light-wrapper .inputs a, .third-light-wrapper .inputs .newsfeed-page .newsfeed-item .content .text a, .newsfeed-page .fin-review-item .content .text .third-light-wrapper .inputs a, .third-light-wrapper .inputs .newsfeed-page .fin-review-item .content .text a,
body.cke_editable .description, body.cke_editable .description,
body.cke_editable .third-light-wrapper .labels a, .third-light-wrapper .labels
body.cke_editable a, body.cke_editable .third-light-wrapper .labels a, .third-light-wrapper .labels body.cke_editable a,
body.cke_editable .third-light-wrapper .inputs a, .third-light-wrapper .inputs
body.cke_editable a, body.cke_editable .third-light-wrapper .inputs a, .third-light-wrapper .inputs body.cke_editable a {
  font-size: 16px;
  margin-top: 0;
}

.newsfeed-page .newsfeed-item .content .text p, .newsfeed-page .fin-review-item .content .text p,
body.cke_editable p, body.cke_editable p {
  margin-bottom: 24px;
}

.newsfeed-page .newsfeed-item .content .text a, .newsfeed-page .fin-review-item .content .text a,
body.cke_editable a, body.cke_editable a {
  border-bottom: 1px solid #009e82;
  color: #009e82;
}

.newsfeed-page .newsfeed-item .content .text a:hover, .newsfeed-page .fin-review-item .content .text a:hover, .newsfeed-page .newsfeed-item .content .text a:focus, .newsfeed-page .fin-review-item .content .text a:focus, .newsfeed-page .newsfeed-item .content .text a:active, .newsfeed-page .fin-review-item .content .text a:active, body.cke_editable a:hover, body.cke_editable a:focus, body.cke_editable a:active {
  color: #848484;
  border-bottom: 1px solid transparent;
}

.newsfeed-page .newsfeed-item .content .text a.more-link.hide, .newsfeed-page .fin-review-item .content .text a.more-link.hide, body.cke_editable a.more-link.hide {
  display: none;
}

body.cke_editable {
  background: #ffffff;
  min-width: 0;
  padding: 1rem;
}

/* adaptive cke_editable */
.newsfeed-page .newsfeed-item .content .text a, .newsfeed-page .fin-review-item .content .text a,
body.cke_editable a, body.cke_editable a {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .newsfeed-page .newsfeed-item .content .text a, .newsfeed-page .fin-review-item .content .text a,
  body.cke_editable a, body.cke_editable a {
    display: inline-block;
    font-size: 1rem;
    margin-top: 0.625rem;
  }
}

/*--------------------------------------------------pagination---------------------------------------------------*/
.newsfeed-pagination {
  text-align: center;
}

.newsfeed-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsfeed-pagination ul li {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 3px;
  cursor: pointer;
}

.newsfeed-pagination ul li:hover span {
  color: #009e82;
}

.newsfeed-pagination ul li span {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #009e82;
}

.newsfeed-pagination ul li.dots:hover, .newsfeed-pagination ul li.dots:active, .newsfeed-pagination ul li.dots:focus {
  background: none;
}

.newsfeed-pagination ul li a,
.newsfeed-pagination ul li span, .newsfeed-pagination ul li.dots {
  padding: 0 0.625rem;
}

.newsfeed-pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #009e82;
}

.newsfeed-pagination ul li.active {
  border-color: #009e82;
  cursor: default;
}

.newsfeed-pagination ul li.active span {
  color: #000000;
}

.newsfeed-pagination ul li.active:hover, .newsfeed-pagination ul li.active:active, .newsfeed-pagination ul li.active:focus {
  color: #000000;
  background: none;
}

.newsfeed-pagination ul li.title {
  border-left: 2px solid #096760;
  font-size: 1.125rem;
  margin-left: 0.625rem;
  padding: 0 0.625rem;
}

.newsfeed-pagination ul li.title:hover, .newsfeed-pagination ul li.title:active, .newsfeed-pagination ul li.title:focus {
  background: none;
}

.newsfeed-pagination ul li.prev, .newsfeed-pagination ul li.next {
  position: relative;
}

.newsfeed-pagination ul li.prev::before, .newsfeed-pagination ul li.next::before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  border: 1px solid #009e82;
}

.newsfeed-pagination ul li.prev > a, .newsfeed-pagination ul li.next > a {
  width: 100%;
  height: 100%;
}

.newsfeed-pagination ul li.prev::before {
  transform: rotate(-45deg);
  border-top: none;
  border-left: none;
}

.newsfeed-pagination ul li.next::before {
  transform: rotate(45deg);
  border-top: none;
  border-right: none;
}

/* adaptive pagination */
.newsfeed-pagination ul li {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .newsfeed-pagination ul li {
    display: none;
  }
  .newsfeed-pagination ul li.prev, .newsfeed-pagination ul li.next, .newsfeed-pagination ul li.active, .newsfeed-pagination ul li.basic, .newsfeed-pagination ul li.dots {
    display: inline-block;
  }
}

@media only screen and (min-width: 0) and (max-width: 768px) {
  .newsfeed-pagination ul li.for-hide {
    display: none;
  }
  .newsfeed-pagination ul li a,
  .newsfeed-pagination ul li span {
    padding: 0 0.8rem;
  }
}

@media only screen and (max-width: 30em) {
  .newsfeed-pagination ul li a,
  .newsfeed-pagination ul li span {
    padding: 0 0.625rem;
  }
  .newsfeed-pagination ul li.prev, .newsfeed-pagination ul li.next {
    width: 46px;
  }
  .newsfeed-pagination ul li.prev {
    background-position: -5px -200px;
  }
  .newsfeed-pagination ul li.prev > a {
    background-position: -113px -200px !important;
  }
  .newsfeed-pagination ul li.next {
    background-position: -59px -200px;
  }
  .newsfeed-pagination ul li.next > a {
    background-position: -167px -200px !important;
  }
}

/*-----------------------------------------------links in shared ---------------------------------------------------*/
.gc a.b-share__handle.b-share__link {
  border-bottom: none;
}

/*-----------------------------------------------newsfeed details page ---------------------------------------------------*/
.newsfeed-page-details {
  padding: 0 15px;
}

.newsfeed-page-details__content {
  margin-top: 30px;
}

.newsfeed-page-details .newsfeed-item, .newsfeed-page-details .fin-review-item {
  padding-top: 0;
  margin-top: 0;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .newsfeed-page-details .newsfeed-item, .newsfeed-page-details .fin-review-item {
    padding: 0 !important;
  }
}

.newsfeed-page-details .newsfeed-item .date, .newsfeed-page-details .fin-review-item .date {
  /*320!!!*/
}

.newsfeed-page-details .newsfeed-item .date span, .newsfeed-page-details .fin-review-item .date span {
  text-align: center;
}

@media only screen and (max-width: 40em) {
  .newsfeed-page-details .newsfeed-item .date, .newsfeed-page-details .fin-review-item .date {
    display: flex;
    font-size: 16px !important;
    line-height: 21px !important;
    color: #848484;
    text-align: right;
  }
  .newsfeed-page-details .newsfeed-item .date span, .newsfeed-page-details .fin-review-item .date span {
    color: #848484;
    font-size: 16px;
    line-height: 21px;
    display: inline-block;
    margin-right: 5px;
  }
}

.newsfeed-page-details .newsfeed-item .text, .newsfeed-page-details .fin-review-item .text {
  font-size: 16px;
  color: #000000;
}

.newsfeed-page-details .newsfeed-item .text p, .newsfeed-page-details .fin-review-item .text p {
  margin-top: 0 !important;
  margin-bottom: 20px;
}

.newsfeed-page-details .newsfeed-item .text img, .newsfeed-page-details .fin-review-item .text img {
  margin-bottom: 20px;
}

/* gc-newsfeed */
.gc-newsfeed-wrap {
  padding: 0 !important;
}

.gc-newsfeed__subwrap {
  position: relative;
  padding: 0 20px 0 20px !important;
}

.gc-newsfeed__title-wrap {
  width: 75%;
  padding: 0 0 0 48px;
}

@media all and (max-width: 1024px) {
  .gc-newsfeed__title-wrap {
    width: 100% !important;
  }
}

.wrapper .gc-newsfeed__title-wrap h1 {
  width: 91.66667% !important;
  margin: 0 auto 0 0 !important;
  padding: 0 5px 0 5px;
}

@media all and (max-width: 1024px) {
  .wrapper .gc-newsfeed__title-wrap h1 {
    width: 100% !important;
    padding: 0;
  }
}

.gc-newsfeed__content {
  position: static;
  padding: 0 !important;
}

.gc-newsfeed__content-date {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0 !important;
  width: auto !important;
}

@media all and (max-width: 1024px) {
  .gc-newsfeed__content-date {
    position: static;
    width: 100% !important;
  }
}

.gc-newsfeed__content-text {
  padding: 0 5px 0 5px !important;
}

@media all and (max-width: 1024px) {
  .gc-newsfeed__content-text {
    padding: 0 !important;
  }
}

.wrapper .news-analytics__title {
  font-size: 38px !important;
  width: 61%;
  margin: 0 7.3% 0 0 !important;
  line-height: 1.1 !important;
}

@media all and (max-width: 1024px) {
  .wrapper .news-analytics__title {
    font-size: 36px !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 20px 0 58px;
  }
}

@media all and (max-width: 640px) {
  .wrapper .news-analytics__title {
    padding: 0 20px 0 20px;
  }
}

/* analytics, company news, blog */
/* adaptive */
/*----- NEW CONTACTS PAGE -----*/
.contacts-page {
  font-family: 'New_PFDinTextPro', sans-serif;
}

@media all and (max-width: 768px) {
  .contacts-page {
    display: flex;
    flex-direction: column;
  }
}

.contacts-page * {
  font-family: inherit !important;
}

.contacts-page .gc-text {
  font-weight: 300 !important;
}

.contacts-page__left {
  display: inline-block;
  vertical-align: top;
  margin-left: 198px;
  max-width: 490px;
  width: 100%;
}

@media all and (max-width: 1230px) {
  .contacts-page__left {
    margin-bottom: 35px;
    max-width: 42%;
    margin-left: 100px;
  }
}

@media all and (max-width: 768px) {
  .contacts-page__left {
    max-width: unset;
  }
}

.contacts-page__select-wrap {
  margin-top: 30px;
  position: relative;
}

.contacts-page__select_label {
  position: absolute;
  top: 8px;
  right: 15px;
  font-size: 14px;
  line-height: 17px;
  color: #848484;
  z-index: 9;
  font-family: inherit;
}

.contacts-page__select {
  font-size: 18px;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  width: 100%;
  background: #FFFFFF !important;
  padding: 27px 15px 11px;
  position: relative;
  cursor: pointer;
  height: 55px;
  z-index: 3;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .contacts-page__select {
    background: none !important;
  }
}

.contacts-page__select:after {
  content: "";
  position: absolute;
  border: solid #C9C9C9;
  border-width: 0 0 1.5px 1.5px;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  left: 20px;
  top: calc(50% - 5px);
}

.contacts-page__options {
  position: absolute;
  right: 1px;
  top: 55px;
  margin: 0;
  padding: 0;
  list-style: none;
  box-shadow: 0px 2px 8px rgba(66, 61, 51, 0.15);
  background-color: #FFFFFF;
  border-right: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  width: calc(100% - 2px);
  border-radius: 0 0 3px 3px;
  z-index: 2;
  display: none;
  max-height: 264px;
  overflow-y: scroll;
}

@media all and (max-width: 768px) {
  .contacts-page__options {
    background: #F0EFF0;
  }
}

.contacts-page__option {
  padding: 11px 15px 11px;
  border-bottom: 1px solid #C9C9C9;
  height: 44px;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

.contacts-page__option.chosen {
  color: rgba(66, 66, 67, 0.5);
  background-color: #F0EFF0;
  pointer-events: none;
}

.contacts-page__option:last-child {
  border-radius: 0 0 3px 3px;
}

.contacts-page__option:hover {
  background-color: #F0EFF0;
}

.contacts-page__map-menu-container {
  margin-top: 35px;
}

.contacts-page .map-menu {
  columns: 4;
  column-gap: 65%;
  margin: 0;
}

@media all and (max-width: 768px) {
  .contacts-page .map-menu {
    columns: 3;
    column-gap: unset;
  }
}

@media all and (max-width: 425px) {
  .contacts-page .map-menu {
    columns: 2;
  }
}

.contacts-page .map-menu li {
  list-style: none;
  margin-bottom: 20px;
}

.contacts-page .map-menu p {
  min-width: 120px;
  width: 100%;
  color: #377F6B;
  cursor: pointer;
}

.contacts-page .map-menu p:hover {
  text-decoration: underline;
}

.contacts-page__h4 {
  font-family: inherit;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  font-weight: 300;
  margin-bottom: 22px;
}

.contacts-page__right {
  display: inline-block;
  vertical-align: top;
  max-width: 490px;
  width: 100%;
}

@media all and (max-width: 1230px) {
  .contacts-page__right {
    max-width: 42%;
  }
}

@media all and (max-width: 768px) {
  .contacts-page__right {
    max-width: unset;
    order: 3;
  }
}

.contacts-page .form {
  margin-top: 40px;
}

@media all and (max-width: 768px) {
  .contacts-page .form {
    margin-top: 20px;
  }
}

.contacts-page .form__item {
  position: relative;
  margin-bottom: 10px;
}

.contacts-page .form__item input:focus + .form__label,
.contacts-page .form__item input:valid + .form__label,
.contacts-page .form__item input:active + .form__label {
  bottom: 25px;
  transform: translateY(0);
  font-size: 14px;
  color: #a7a7a7;
}

.contacts-page .form__label {
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 50%;
  font-size: 18px;
  transition: all .1s;
  transform: translateY(70%);
  pointer-events: none;
  z-index: 3;
}

.contacts-page .form label {
  font-family: inherit;
  color: rgba(22, 22, 22, 0.5);
  cursor: default;
  display: inline-block;
  margin-bottom: 7px;
  font-size: inherit;
  padding: 0;
}

.contacts-page .form input:not([type='submit']) {
  font-family: inherit;
  font-size: 18px;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  width: 100%;
  background: #FFFFFF !important;
  padding: 27px 15px 11px;
  position: relative;
  cursor: pointer;
  height: 55px;
  z-index: 3;
  font-weight: 300;
}

.contacts-page .form input:not([type='submit']):hover, .contacts-page .form input:not([type='submit']):active, .contacts-page .form input:not([type='submit']):focus, .contacts-page .form input:not([type='submit']):valid {
  border-color: #00978a !important;
}

.contacts-page .form select {
  border-width: 0;
  margin-bottom: 0;
  border-radius: 0;
  width: 80px;
  position: absolute;
  bottom: 3px;
  right: 5px;
  height: 25px;
  z-index: 9;
}

.contacts-page .form .button, .contacts-page .form .black {
  margin-top: 30px;
}

@media all and (max-width: 768px) {
  .contacts-page .form .button, .contacts-page .form .black {
    margin-top: 20px;
  }
}

.contacts-page__ymap {
  min-height: 575px;
  margin-top: 80px;
  margin-bottom: -60px;
  width: 100vw;
  position: relative;
  right: 50%;
  left: 50%;
  margin-right: -50vw;
  margin-left: -50vw;
  flex-basis: 100%;
}

@media all and (max-width: 768px) {
  .contacts-page__ymap {
    margin-top: 0;
    margin-bottom: 35px;
  }
}

.ymap-card {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  padding: 20px 15px 20px 20px;
  font-size: 16px;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ymap-card__address {
  font-family: inherit;
  color: #000000;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 400;
}

.ymap-card ul {
  list-style: none;
  margin-right: 0;
  padding-right: 0;
  flex: 1;
}

.ymap-card__icon {
  color: #423D33;
  margin-bottom: 13px;
  position: relative;
  padding-right: 35px;
}

.ymap-card__icon:after {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 25px;
  height: 100%;
  right: 0;
}

.ymap-card__icon.phone:after {
  background-image: url("/static/img/contacts/phone.svg");
}

.ymap-card__icon.email:after {
  background-image: url("/static/img/contacts/mail.svg");
}

.ymap-card__link {
  margin-top: auto;
  width: fit-content;
  color: #009E82;
  border-bottom: 1px solid #009E82;
  transition: all .1s ease-in-out;
}

.ymap-card__link:hover {
  color: #009E82;
  border-bottom: 1px solid transparent;
}

.ymaps-2-1-75-balloon__tail {
  opacity: 0;
}

/* /about/partner_offices/ */
.contests-page .contest-item {
  max-width: 275px;
  width: 100%;
  color: #424243;
  text-align: center;
  padding: 0 3.2% 2.375rem;
  margin-top: 1.25rem;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  display: block;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  transition: all 400ms ease-out;
}

.contests-page .contest-item:not(.active) {
  cursor: pointer;
}

.contests-page .contest-item:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contests-page .contest-item.active {
  transform: scale(1.02);
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .contests-page .contest-item.active {
    transform: scale(1);
    padding: 0 3.2% 2.375rem;
  }
}

.contests-page .contest-item:hover {
  transform: scale(1.02);
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  transition: all 200ms ease-out;
}

.contests-page .contest-item:hover .contest-button {
  transition: background-color 200ms ease-out;
}

.contests-page .contest-item:hover .contest-subs {
  opacity: 1;
  height: 32px;
  margin-top: 15px;
  transition: all 200ms ease-out;
}

.contests-page .contest-item span {
  font-size: 1rem;
  min-height: 38px;
  display: block;
}

.contests-page .contest-item .contest-prizes {
  margin-bottom: 1rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 21.875rem;
}

.contests-page .contest-item .contest-prizes .prize-title {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 1rem;
  color: #424243;
  padding-bottom: 0.25rem;
}

.contests-page .contest-item .contest-button {
  width: 100%;
}

.contests-page .contest-item .contest-button .button.disabled, .contests-page .contest-item .contest-button .disabled.black {
  background-color: transparent;
  color: #00816a;
}

.contests-page .contest-item .contest-desc {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 0.875rem;
  line-height: 1rem;
  padding-bottom: 0.9375rem;
  color: #848484;
}

.contests-page .contest-item .contest-status {
  text-transform: lowercase;
}

.contests-page .contest-item .contest-status:first-letter {
  text-transform: capitalize;
}

.contests-page .contest-item .contest-logo {
  width: 100%;
  height: 6.875rem;
}

.contests-page .contest-item .contest-logo:before {
  content: "";
  width: 90%;
  height: 90%;
  top: 5%;
  right: 5%;
  display: block;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.contests-page .contest-item .contest-subs {
  opacity: 0;
  height: 0;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #848484;
  transition: all 200ms ease-out;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .contests-page .contest-item .contest-subs {
    opacity: 1;
    position: relative;
    height: auto;
    margin-top: 20px;
  }
}

.contests-page .contest-item.micro_trade .contest-logo:before {
  background-image: url("../img/contests/micro_trade.png");
}

.contests-page .contest-item.drag_trade .contest-logo:before {
  background-image: url("../img/contests/drag_trade.png");
}

.contests-page .contest-item.rally_trade .contest-logo:before {
  background-image: url("../img/contests/rally_trade.png");
}

.contests-page .contest-item.future_trade .contest-logo:before {
  background-image: url("../img/contests/future_trade.png");
}

.contests-page .contests-menu {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 135px;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .contests-page .contests-menu {
    position: relative;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }
}

.contests-page .contests-menu .contest-item {
  /*320!!!*/
}

@media only screen and (min-width: 0) and (max-width: 1120) {
  .contests-page .contests-menu .contest-item {
    width: calc(50% - 40px);
  }
}

@media only screen and (max-width: 40em) {
  .contests-page .contests-menu .contest-item {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .contests-page .contests-menu .contest-item:after {
    display: none;
  }
}

.contests-page .white-wrapper {
  background-color: #ffffff;
  padding-right: 2.9375rem;
  padding-left: 2.9375rem;
  /*320!!!*/
}

.contests-page .white-wrapper:before, .contests-page .white-wrapper:after {
  content: " ";
  display: table;
}

.contests-page .white-wrapper:after {
  clear: both;
}

@media only screen and (max-width: 40em) {
  .contests-page .white-wrapper {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.contests-page .contest-slogan {
  font-family: "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  font-size: 1.375rem;
  color: #00a59c;
}

.contests-page .text-block {
  font-size: 1.125rem;
  line-height: 1.333;
}

.contests-page .review-link {
  font-size: 1.125rem;
  line-height: 1.3333;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #00a59c;
  padding-right: 45px;
  min-height: 31px;
  display: inline-block;
  background-image: url("../img/contests/chat-box.png");
  background-repeat: no-repeat;
  background-position: right top;
}

.contests-page .review-link span {
  border-bottom: 1px dashed #00a59c;
}

.contests-page .review-link:hover span {
  border: 0;
}

.contests-page .prize-box {
  background-color: #fff1cb;
  padding: 2rem 0.5rem;
}

.contests-page .prize-box:before, .contests-page .prize-box:after {
  content: " ";
  display: table;
}

.contests-page .prize-box:after {
  clear: both;
}

.contests-page .prize-box.more-link {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-align: center;
  font-size: 1.5rem;
}

.contests-page .prize-box .more-list {
  text-align: right;
  list-style: none;
  margin-right: 0;
}

.contests-page .prize-box .more-to-show {
  text-align: right;
  padding: 1rem;
}

.contests-page .stats-title {
  display: block;
  text-align: center;
  font-size: 1.75rem;
  width: 100%;
  line-height: 1;
}

.contests-page .place {
  font-size: 3.375rem;
  line-height: 1;
  text-align: center;
  height: 3rem;
  width: 5rem;
  margin: 0 auto;
  display: block;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  position: relative;
}

.contests-page .place.smaller {
  font-size: 1.875rem;
  line-height: 1.6;
  width: 6.25rem;
}

.contests-page .place:before, .contests-page .place:after {
  height: 2.875rem;
  content: "";
  display: block;
  width: 1.5625rem;
  background-image: url("../img/promo/trader_contest/olive.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -0.3rem;
  top: 0;
}

.contests-page .place:after {
  left: -0.3rem;
  right: auto;
  background-image: url("../img/promo/trader_contest/olive-right.svg");
}

.contests-page .contests-link {
  color: #14817a;
  border-bottom: 1px solid #14817a;
}

.contests-page .contests-link:active, .contests-page .contests-link:focus, .contests-page .contests-link:hover {
  border: 0;
}

.contests-page .contests-graph {
  position: relative;
  margin-top: 16rem;
}

.contests-page .contests-graph .graph-border {
  height: 2px;
  clear: both;
  background-color: #424243;
}

.contests-page .contests-graph .graph-month {
  height: 1.75rem;
  float: right;
  text-align: center;
  position: relative;
}

.contests-page .contests-graph .graph-month .round-block {
  width: 15rem;
  background-color: #f0eff0;
  position: absolute;
  bottom: 7.4rem;
  right: 50%;
  margin-right: -120px;
  padding: 1rem 1rem;
}

.contests-page .contests-graph .graph-month .round-block p,
.contests-page .contests-graph .graph-month .round-block a {
  line-height: 24px;
}

.contests-page .contests-graph .graph-month .round-block:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  margin-right: -1px;
  width: 2px;
  height: 91px;
  background: #ffc600;
}

.contests-page .contests-graph .graph-round-completed {
  background-color: #e5565d;
}

.contests-page .contests-graph .graph-round-completed .round-block span {
  color: #e5565d;
}

.contests-page .contests-graph .graph-round-completed .round-block:after {
  background-color: #e5565d;
}

.contests-page .contests-graph .graph-round-active {
  background-color: #14817a;
}

.contests-page .contests-graph .graph-round-active .month-completed-block span {
  color: #51b097;
}

.contests-page .contests-graph .graph-round-active .round-block:after {
  background-color: #14817a;
}

.contests-page .contests-graph .graph-round-opened {
  background-color: #1ec3b9;
}

.contests-page .contests-graph .graph-round-opened .month-completed-block span {
  color: #51b097;
}

.contests-page .contests-graph .graph-round-opened .round-block:after {
  background-color: #1ec3b9;
}

.contests-page .contests-graph .graph-noround-position-1 {
  float: right;
  position: relative;
  background-color: #ddd;
  height: 1.75rem;
}

.contests-page .contests-graph .graph-noround-position-2 {
  float: right;
  position: relative;
  background-color: #ddd;
  height: 1.75rem;
}

.contests-page .contests-graph .graph-noround-description {
  position: absolute;
  height: 55px;
  bottom: 0;
  width: 100%;
}

.contests-page .contests-graph .graph-noround-description .noround-description-start,
.contests-page .contests-graph .graph-noround-description .noround-description-end {
  font-size: 1rem;
  position: absolute;
  color: #9b9b9b;
  width: 4rem;
  text-align: center;
}

.contests-page .contests-graph .graph-noround-description .noround-description-start {
  right: -3rem;
  top: -1.25rem;
}

.contests-page .contests-graph .graph-noround-description .noround-description-end {
  left: -3rem;
  top: -1.25rem;
}

.contests-page .contests-graph .graph-round-today {
  position: absolute;
  right: 50%;
}

.contests-page .contests-graph .graph-round-today .round-block {
  background: none;
}

.contests-page .contests-graph .graph-round-today .round-block:after {
  background-color: #ddd;
}

.contests-page .contests-graph .graph-month-name {
  text-align: center;
}

.contests-page .contests-graph .graph-month-name p {
  display: inline-block;
  font-size: 12px;
  width: 24%;
}

@media only screen and (min-width: 0) and (max-width: 886px) {
  .contests-page .contests-graph {
    width: 50rem;
    margin-top: 28.125rem;
    margin-bottom: 28.125rem;
    margin-right: -24.0625rem;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .contests-page .contests-graph .graph-month .round-block {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: right top;
    bottom: auto;
    top: -8.125rem;
    width: 13.75rem;
    margin-right: -5rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 886px) and (min-width: 0) and (max-width: 400px) {
  .contests-page .contests-graph .graph-month .round-block {
    top: -3.125rem;
    background-color: #f7f7f7;
  }
}

@media only screen and (min-width: 0) and (max-width: 886px) {
  .contests-page .contests-graph .graph-month .round-block:after {
    left: 100%;
    right: auto;
    top: 50%;
    width: 8.75rem;
    height: 2px;
  }
}

@media only screen and (min-width: 0) and (max-width: 886px) and (min-width: 0) and (max-width: 400px) {
  .contests-page .contests-graph .graph-month .round-block:after {
    width: 3.125rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 886px) {
  .contests-page .contests-graph .graph-noround-description .noround-description-start,
  .contests-page .contests-graph .graph-noround-description .noround-description-end {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: right top;
    top: 1.2rem;
    width: 1.25rem;
    right: 0;
    font-size: 0.875rem;
    text-align: right;
    z-index: 100;
  }
  .contests-page .contests-graph .graph-noround-description .noround-description-end {
    right: 100%;
  }
}

.contests-page .gc-review.horizontal {
  /*320!!!*/
}

@media only screen and (min-width: 40.0625em) {
  .contests-page .gc-review.horizontal {
    padding-left: 3rem;
  }
}

.contests-page .gc-review.horizontal .author-quote {
  float: none;
  margin: 0 auto;
}

.contests-page .gc-review.horizontal .gc-review-author {
  padding: 1rem 0;
  text-align: center;
}

.contests-page .gc-review.horizontal .gc-review-author .author-date,
.contests-page .gc-review.horizontal .gc-review-author .author-name {
  width: 100%;
  padding-right: 0;
}

.contests-page .gc-review.horizontal .gc-review-author .author-name {
  line-height: 1.1;
  padding-bottom: 0.3125rem;
}

.contests-page .gc-review.horizontal .content-triangle {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .contests-page .gc-review.horizontal .content-triangle {
    display: none;
  }
}

.contests-page .review-slider {
  position: relative;
}

.contests-page .review-slider .orbit-prev,
.contests-page .review-slider .orbit-next {
  display: none !important;
}

.contests-page .review-slider .slider-controls {
  position: absolute;
  left: 0;
  top: 3rem;
}

.contests-page .review-slider .slider-controls .left-control,
.contests-page .review-slider .slider-controls .right-control {
  width: 2.3125rem;
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
  z-index: 1;
  background-color: #f0eff0;
}

.contests-page .review-slider .slider-controls .left-control svg,
.contests-page .review-slider .slider-controls .right-control svg {
  width: 100%;
  height: 2.3125rem;
}

.contests-page .review-slider .slider-controls .left-control svg *,
.contests-page .review-slider .slider-controls .right-control svg * {
  fill: #bababa;
  transition: all 300ms ease-out;
}

.contests-page .review-slider .slider-controls .left-control:hover,
.contests-page .review-slider .slider-controls .right-control:hover {
  z-index: 2;
}

.contests-page .review-slider .slider-controls .left-control:hover svg *,
.contests-page .review-slider .slider-controls .right-control:hover svg * {
  fill: #14817a;
  transition: all 300ms ease-out;
}

.contests-page .review-slider .slider-controls .right-control {
  margin-left: -0.125rem;
}

.contests-page .review-slider .gc-review-slides {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.contests-page .review-slider .gc-review-slide {
  opacity: 0;
  transition: opacity 300ms ease-out;
  width: 100%;
}

.contests-page .review-slider .orbit-container .gc-review-slide {
  opacity: 1;
  transition: opacity 300ms ease-out;
}

.contests-page .review-slider .gc-review-author .author-quote {
  margin-top: 0.4rem;
  margin-right: 1rem;
  width: 3.0625rem;
  height: 3.0625rem;
  float: right;
  background-color: #e3e2e3;
  background-image: url(../svg/base/user.svg);
}

.contests-page .review-slider .gc-review-author .author-wrap {
  float: right;
}

.contests-page .review-slider .gc-review-content {
  border: 0;
  cursor: auto;
  padding: 3.125rem 1.875rem 1.875rem;
  font-family: "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  background: #e3e2e3 url(../svg/base/quote-right.svg) no-repeat;
  background-size: 2.5rem;
  background-position: 1.875rem 1.875rem;
}

.contests-page .review-slider .gc-review-content .content-triangle {
  bottom: auto;
  top: -27px;
  height: 27px;
}

.contests-page .review-slider .gc-review-content .content-triangle:before {
  top: auto;
  bottom: -17px;
  width: 33px;
  height: 33px;
  border: 0;
  right: 1.7rem;
  background-color: #e3e2e3;
}

.contests-page__block {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .contests-page__block {
    height: auto;
    max-height: none;
  }
}

.contests-page__cover-img {
  background: url("/static/img/contests/contests-hero.png") no-repeat center;
  background-size: cover;
  position: fixed;
  top: 40px;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

.contests-page__cover-img.ar {
  transform: scale(-1, 1);
}

.contests-page__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 48px;
  color: #000000;
  padding: 70px 0 45px 0;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .contests-page__title {
    font-size: 36px;
  }
}

.contests-page__desc {
  background: #ffffff;
}

.contests-page__desc .button.disabled:hover, .contests-page__desc .disabled.black:hover {
  background-color: transparent;
  color: #00816a;
}

.contests-page__tabs dl {
  background: #ffffff;
}

.contests-page__tabs dl dd a {
  background: none;
  border: none;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  line-height: 85px;
  height: 85px;
  text-align: center;
  color: #848484;
  outline: none;
  border-bottom: 1px solid rgba(66, 61, 51, 0.2);
  transition: all 200ms ease-out;
}

.contests-page__tabs dl dd a:hover {
  background: none;
  color: #377f6b;
}

.contests-page__tabs dl dd.active a {
  background: none !important;
  color: #377f6b;
  border-bottom: 2px solid #009e82 s !important;
  transition: all 200ms ease-out;
}

.contests-page__tabs dl dd:first-child a {
  border-bottom: 1px solid rgba(66, 61, 51, 0.2);
  transition: all 200ms ease-out;
}

.contests-page__tabs .tabs-content .content {
  opacity: 0;
  transition: all 1000ms ease-out;
}

.contests-page__tabs .tabs-content .content.active {
  opacity: 1;
  transition: all 1000ms ease-out;
}

.contests-page .contest__desc {
  padding: 80px 0 150px 0;
  background: url("/static/img/contests/micro-trade-bg.png") center/100% no-repeat #ffffff;
  height: 100%;
  max-height: 615px;
  /*320!!!*/
}

.contests-page .contest__desc.micro-trade {
  background: url("/static/img/contests/micro-trade-bg.png") center/100% no-repeat #ffffff;
}

.contests-page .contest__desc.micro-trade.ar {
  background-image: url("/static/img/contests/micro-trade-bg-ar.png");
}

.contests-page .contest__desc.drag-trade {
  background: url("/static/img/contests/drag-trade-bg.png") center/100% no-repeat #ffffff;
}

.contests-page .contest__desc.drag-trade.ar {
  background-image: url("/static/img/contests/drag-trade-bg-ar.png");
}

.contests-page .contest__desc.rally-trade {
  background: url("/static/img/contests/rally-trade-bg.png") center/100% no-repeat #ffffff;
}

.contests-page .contest__desc.rally-trade.ar {
  background-image: url("/static/img/contests/rally-trade-bg-ar.png");
}

.contests-page .contest__desc.future-trade {
  background: url("/static/img/contests/future-trade-bg.png") center/100% no-repeat #ffffff;
}

.contests-page .contest__desc.future-trade.ar {
  background-image: url("/static/img/contests/future-trade-bg-ar.png");
}

@media only screen and (max-width: 64em) {
  .contests-page .contest__desc {
    padding-bottom: 50px;
    background-size: cover !important;
    max-height: none;
  }
}

.contests-page__name {
  margin-bottom: 15px;
}

.contests-page__about {
  max-width: 790px;
  margin-bottom: 30px;
}

.contests-page__prizes {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}

.contests-page__prize {
  max-width: 115px;
  margin-left: 20px;
  /*320!!!*/
  /*320!!!*/
}

.contests-page__prize:last-child {
  margin-left: 0;
}

@media only screen and (max-width: 40em) {
  .contests-page__prize {
    max-width: 100%;
    width: calc(50% - 20px);
    margin-left: 0;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 30em) {
  .contests-page__prize {
    width: 100%;
  }
}

.contests-page__place {
  position: relative;
  display: flex;
  flex-direction: column;
  /*320!!!*/
}

.contests-page__place-text {
  line-height: 21px;
  text-align: center;
  color: #009e82;
}

.contests-page__place::before {
  content: '';
  width: 30px;
  height: 38px;
  display: inline-block;
  background: url("/static/img/contests/gc-contests__icon-left.png") center center no-repeat;
  position: absolute;
  right: 5px;
  top: -10px;
}

.contests-page__place::after {
  content: '';
  width: 30px;
  height: 38px;
  display: inline-block;
  background: url("/static/img/contests/gc-contests__icon-right.png") center center no-repeat;
  position: absolute;
  left: 5px;
  top: -10px;
}

@media only screen and (max-width: 40em) {
  .contests-page__place {
    max-width: 100px;
    margin: auto;
  }
}

.contests-page__number {
  font-size: 48px;
  line-height: 32px;
  text-align: center;
  color: #009e82;
}

.contests-page__reward {
  line-height: 21px;
  text-align: center;
  color: #000000;
  margin-top: 15px;
}

.contests-page .h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  line-height: 42px;
  color: #000000;
}

.contests-page__rules {
  background: #FFFFFF;
  padding: 100px 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .contests-page__rules {
    padding-bottom: 50px;
  }
}

.contests-page__rules .h2 {
  margin-bottom: 30px;
}

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

.contests-page__list li {
  line-height: 22px;
  margin-bottom: 15px !important;
}

.contests-page__list li::after {
  top: 3px !important;
}

.contests-page__gloss {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  padding-right: 27px;
  display: inline-block;
}

.contests-page .participants-reviews {
  padding: 60px 0 95px 0;
}

.contests-page .participants-reviews__title {
  margin-bottom: 35px;
}

.contests-page .participants-reviews__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .contests-page .participants-reviews__items {
    flex-direction: column;
    align-items: center;
  }
}

.contests-page .participants-reviews__item {
  max-width: 380px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 25px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .contests-page .participants-reviews__item {
    margin-bottom: 30px;
  }
}

.contests-page .participants-reviews__quote {
  width: 33px;
  height: 25px;
  margin: 0 auto 20px auto;
  background: url("/static/svg/base/quotes.svg") center/cover no-repeat;
}

.contests-page .participants-reviews__text {
  line-height: 21px;
  text-align: center;
  color: #000000;
}

.contests-page .participants-reviews__name {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #848484;
  margin: 20px 0;
}

.contests-page .participants-interview {
  padding: 80px 0 30px 0;
  background: #FFFFFF;
}

.contests-page .participants-interview__slide {
  outline: none;
}

.contests-page .participants-interview__photo {
  width: 77px;
  height: 77px;
  margin: 0 auto 25px auto;
  border-radius: 50%;
}

.contests-page .participants-interview__text {
  max-width: 780px;
  margin: auto;
}

.contests-page .participants-interview__btn {
  text-align: center;
}

.contests-page .participants-interview__link {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  padding: 0.85rem 1.23rem;
  background: transparent;
  color: #009e82;
  font-size: 1.125rem;
  border: 1px solid #009e82;
  border-radius: 3px;
}

.contests-page .participants-interview__link:hover {
  color: #ffffff;
}

footer {
  background: #f0eff0;
}

/* remake */
.gc-contests__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.gc-contests__links-reg {
  margin: 0 0 0 70px !important;
}

@media all and (max-width: 640px) {
  .gc-contests__links-agreements {
    width: 100%;
    margin: 20px 0 0 0;
  }
}

.gc-contests__links-agreements a {
  display: flex;
  align-items: center;
  font-family: 'New_PFDinTextPro', sans-serif;
  font-weight: 300;
  font-size: 18px;
  text-decoration: underline;
  color: #131313;
}

.gc-contests__links-agreements a svg {
  margin: 0 0 0 10px;
}

/* /contests/ */
.description-block {
  background-color: #fff;
  padding: 1.25rem 2.5rem;
}

.description-block p.fs-18, .description-block ul.fs-18 {
  line-height: 1.33;
}

.vacancies .accordion dd a.vacancies-title {
  background-color: #14817a;
  position: relative;
  font: 1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #ffffff;
  padding: 0.9rem 1.45rem 0.9rem 3rem;
}

.vacancies .accordion dd a.vacancies-title:hover {
  background-color: #116b65;
}

.vacancies .accordion dd a.vacancies-title:after {
  content: "";
  position: absolute;
  left: 2rem;
  top: 1.55rem;
  display: block;
  width: 25px;
  height: 14px;
  background: url(../img/vacancies_arrow.png) no-repeat;
}

.vacancies .accordion dd.active a.vacancies-title:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.vacancies .vacancies-open.content {
  padding: 0  2.56rem 2.56rem 2.56rem;
}

.vacancies .vacancies-open.content .vacancies-block img {
  border: 3px solid #14817a;
  margin-right: 7px;
  margin-left: 1rem;
}

.vacancies .vacancies-open.content .vacancies-block ul {
  margin-right: 1.16rem !important;
  list-style-type: disc;
  list-style-image: none;
}

.vacancies .vacancies-open.content .vacancies-block h1, .vacancies .vacancies-open.content .vacancies-block h1 > strong, .vacancies .vacancies-open.content .vacancies-block h2, .vacancies .vacancies-open.content .vacancies-block h2 > strong, .vacancies .vacancies-open.content .vacancies-block h3, .vacancies .vacancies-open.content .vacancies-block h3 > strong, .vacancies .vacancies-open.content .vacancies-block h4, .vacancies .vacancies-open.content .vacancies-block h4 > strong, .vacancies .vacancies-open.content .vacancies-block p > strong, .vacancies .vacancies-open.content .vacancies-block p > strong > strong {
  font: 1.5rem "pfDinTextLight", "Helvetica Neue", "Arial" !important;
  margin-bottom: 0.6rem;
  display: inline-block;
}

@media only screen and (min-width: 1025px) and (max-width: 1190px) {
  .vacancies .text-on-image p {
    font-size: 1.35rem;
    bottom: 23%;
  }
}

@media only screen and (min-width: 0) and (max-width: 520px) {
  .vacancies .description-block {
    padding: 2.25rem 0.5rem 1.125rem;
  }
  .vacancies .vacancies-open.content {
    padding: 0  1.25rem 1.125rem 1.125rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 450px) {
  .vacancies .text-on-image p {
    font-size: 1.1rem;
    bottom: 24%;
  }
}

/*----------  NEW Vacancies  ----------*/
.vacancies {
  font-family: 'New_PFDinTextPro', sans-serif !important;
}

.vacancies__description {
  padding-bottom: 265px !important;
  position: relative;
}

@media all and (max-width: 1024px) {
  .vacancies__description {
    padding-bottom: 245px !important;
  }
}

@media all and (max-width: 480px) {
  .vacancies__description {
    position: relative;
  }
}

.vacancies__description--text {
  max-width: 550px;
  width: 100%;
}

.vacancies__description-bg {
  background-image: url("../img/vacancies/bg-job-desktop.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
  right: 0;
  width: 100%;
  bottom: 0;
  min-height: 1000px;
}

@media all and (max-width: 480px) {
  .vacancies__description-bg {
    background-image: url("../img/vacancies/bg-job-mobile.jpg");
    background-size: 100%;
    background-position: center 10px;
    height: 328px;
    bottom: 0;
    top: unset !important;
    min-height: 0;
  }
}

.vacancies__description-bg.ar, .vacancies__description-bg.fa {
  transform: scaleX(-1);
}

.vacancies__description-bg--mob {
  display: none;
}

.vacancies__description-bg--mob.ar, .vacancies__description-bg--mob.fa {
  transform: scaleX(-1);
}

@media all and (max-width: 480px) {
  .vacancies__description-bg--mob {
    position: absolute;
    width: 100%;
    height: 610px;
    background-color: #FFFFFF;
    z-index: -2;
    top: -250px;
    display: block;
  }
}

.vacancies__send_resume {
  background: none !important;
  margin: 35px 0 !important;
  padding: 0 !important;
  font-size: 16px;
}

.vacancies__send_resume span {
  color: #377F6B;
  text-decoration: underline;
  font-size: 16px;
}

.vacancies__see_vacancies {
  display: block;
  width: fit-content;
  padding-left: 15px !important;
  position: relative;
}

.vacancies__see_vacancies .icon, .vacancies__see_vacancies .icon-portfolio, .vacancies__see_vacancies .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .vacancies__see_vacancies .block-portfolio {
  outline: none;
  margin-right: 5px;
  animation: bounce1 1s infinite !important;
}

@keyframes bounce1 {
  0% {
    transform: translateY(-5px);
    opacity: 1;
  }
  100% {
    transform: translateY(10px);
    opacity: 0;
  }
}

.vacancies__working_wits_us {
  background: #FFFFFF;
  padding: 75px 0 45px;
}

@media all and (max-width: 1024px) {
  .vacancies__working_wits_us {
    padding: 60px 0 30px;
  }
}

.vacancies__working_wits_us .gc-text {
  margin-top: 30px;
}

.vacancies .gc-steps__item {
  max-width: calc(100% / 4);
  align-items: center;
}

@media all and (max-width: 1024px) {
  .vacancies .gc-steps__item {
    margin-bottom: 25px;
  }
}

@media all and (max-width: 768px) {
  .vacancies .gc-steps__item {
    max-width: unset;
  }
}

.vacancies .gc-steps__item:after {
  display: none;
}

.vacancies .gc-steps__name {
  max-width: 170px;
  font-size: 16px;
}

@media all and (max-width: 768px) {
  .vacancies .gc-steps__name {
    max-width: unset;
  }
}

.vacancies__container {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

@media all and (max-width: 1024px) {
  .vacancies__container {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

.vacancies__active_vacancy {
  margin-bottom: 15px;
  box-shadow: 0px 2px 8px rgba(66, 61, 51, 0.15);
  list-style: none;
}

.vacancies__success-msg {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.11);
  line-height: 22px;
  width: 655px;
  padding: 50px;
}

@media all and (max-width: 480px) {
  .vacancies__success-msg {
    min-height: auto !important;
    width: 100% !important;
    top: 50px !important;
  }
}

.vacancies__success-msg h2 {
  color: #000000;
  margin: 0 !important;
}

.vacancies__cross {
  background-image: url("/static/img/vacancies/close.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 4px !important;
  top: 4px !important;
}

@media all and (max-width: 480px) {
  .vacancies__cross {
    width: 40px;
    height: 40px;
    left: 10px !important;
    top: 20px !important;
  }
}

.vacancies .vacancy__title {
  position: relative;
  display: block;
  background-color: #FFFFFF;
  width: 100%;
  padding: 20px 50px 16px;
  font-size: 18px;
  font-weight: 300;
  color: #000000;
  border-bottom: 1px solid #EFEFEF;
}

@media all and (max-width: 480px) {
  .vacancies .vacancy__title {
    padding: 10px 50px 6px;
  }
}

.vacancies .vacancy__title:hover {
  color: #000000;
}

.vacancies .vacancy__title:after {
  content: '';
  position: absolute;
  border: solid black;
  border-width: 0 0 1px 1px;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  opacity: 0.4;
  bottom: calc(50% - 3px);
  right: 18px;
  transition: all .2s ease-in-out;
}

.vacancies .vacancy__title.opened:after {
  transform: rotate(-225deg);
}

.vacancies .vacancy__description {
  padding: 30px 50px;
  background-color: #FFFFFF;
  display: none;
}

@media all and (max-width: 480px) {
  .vacancies .vacancy__description {
    padding: 20px 15px;
  }
}

.vacancies .vacancy__description h1, .vacancies .vacancy__description h2, .vacancies .vacancy__description h3, .vacancies .vacancy__description h4, .vacancies .vacancy__description h5, .vacancies .vacancy__description h6 {
  font-family: inherit;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}

.vacancies .vacancy__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media all and (max-width: 768px) {
  .vacancies .vacancy__body {
    flex-direction: column;
  }
}

.vacancies .vacancy__left {
  flex-basis: 65%;
  margin-left: 100px;
}

@media all and (max-width: 768px) {
  .vacancies .vacancy__left {
    flex-basis: 100%;
    margin-left: 0;
  }
}

.vacancies .vacancy__left h1:not(:first-child), .vacancies .vacancy__left h2:not(:first-child), .vacancies .vacancy__left h3:not(:first-child), .vacancies .vacancy__left h4:not(:first-child), .vacancies .vacancy__left h5:not(:first-child), .vacancies .vacancy__left h6:not(:first-child) {
  margin-top: 35px;
}

.vacancies .vacancy__left p {
  color: #000000;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  margin-top: 15px;
}

.vacancies .vacancy__left strong {
  font-family: inherit;
  font-weight: 400;
}

.vacancies .vacancy__left ul {
  list-style: none;
  margin: 20px 0 0 0 !important;
  padding: 0;
}

.vacancies .vacancy__left li {
  position: relative;
  color: #000;
  font-size: 16px;
  padding-right: 27px;
  font-weight: 300;
  line-height: 21px;
}

.vacancies .vacancy__left li:not(:last-child) {
  margin-bottom: 15px;
}

.vacancies .vacancy__left li:after {
  content: '';
  background-image: url(/static/svg/base/icon-check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 17px;
  height: 13px;
}

.vacancies .vacancy__right {
  flex-basis: 30%;
}

@media all and (max-width: 768px) {
  .vacancies .vacancy__right {
    flex-basis: 100%;
    margin-top: 38px;
  }
}

.vacancies .vacancy .chief {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 15px;
  font-weight: 300;
  color: #000000;
}

.vacancies .vacancy .chief__photo {
  margin-left: 20px;
  flex-shrink: 0;
}

.vacancies .vacancy .chief__photo img {
  clip-path: circle(50%);
  width: 80px !important;
  height: 80px !important;
  object-fit: cover;
}

.vacancies .vacancy .chief__name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
}

.vacancies .vacancy .chief__position {
  font-size: 14px;
  line-height: 17px;
  margin-top: 10px;
}

.vacancies__resume_form {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.11);
  line-height: 22px;
  width: 565px;
  padding: 50px;
}

@media all and (max-width: 480px) {
  .vacancies__resume_form {
    min-height: auto !important;
    width: 100% !important;
    margin-top: 50px;
  }
}

.vacancies__resume_form h2, .vacancies__resume_form p {
  color: #000000;
}

.vacancies__resume_form h2 {
  margin-bottom: 30px;
}

.vacancies__resume_form .vac_form__file {
  display: flex;
  position: relative;
  align-items: baseline;
  justify-content: flex-start;
}

.vacancies__resume_form .vac_form__file p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  margin-top: 45px;
}

.vacancies__resume_form .vac_form__file p label {
  font-family: inherit;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  font-weight: 300;
  margin: 0 0 0 15px;
}

.vacancies__resume_form .vac_form__btn-wrap {
  order: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex-shrink: 0;
}

.vacancies__resume_form .vac_form__btn-wrap p {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
  padding: 0;
  margin: 0;
}

.vacancies__resume_form .vac_form__btn-wrap .error-msg {
  color: #eb2629;
  position: absolute;
  bottom: -15px;
  right: 0;
}

.vacancies__resume_form .vac_form__label {
  border-radius: .27rem;
  font-size: 18px;
  background-color: #fff;
  border: 1px solid #009e82;
  color: #009e82;
  padding: 0.4rem 1.5625rem;
  line-height: 1.9;
  height: 45px;
  z-index: 999;
  right: 132px;
  bottom: -17px;
  cursor: pointer;
  margin-left: 15px;
}

.vacancies__resume_form .vac_form__label:hover, .vacancies__resume_form .vac_form__label:focus, .vacancies__resume_form .vac_form__label:active {
  background-color: #009e82 !important;
  color: #fff !important;
}

.vacancies__resume_form .vac_form__filename {
  position: relative;
  display: block;
  font-family: inherit;
  font-size: 14px;
  line-height: 17px;
  color: #848484 !important;
  white-space: nowrap;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
  order: 3;
}

.vacancies__resume_form .vac_form__filename:after {
  content: attr(data-filetype);
  position: absolute;
  left: 0;
  top: 0;
}

.vacancies__resume_form input[type="file"] {
  outline: none;
  position: absolute;
  right: 132px;
  width: unset;
  margin: 0;
  font-family: inherit;
  font-size: 14px;
  color: #848484;
  opacity: 0;
}

.vacancies__resume_form button[id="resumeSubmit"] {
  margin-top: 30px;
  outline: none;
}

/* /about/job/ */
.money-operations-page {
  padding: 0 20px 0 20px !important;
}

.money-operations-page table tbody tr th {
  border: none;
  background: #dfdcdc;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  padding: 22px 0;
  text-align: center;
}

.money-operations-page table tbody tr td {
  border-width: 0 1px;
}

.money-operations-page table tbody tr td:first-child {
  border: none;
  padding-left: 0.75rem;
  padding-right: 1.25rem;
}

.money-operations-page table tbody tr td:first-child div {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}

.money-operations-page table tbody tr td:first-child .text {
  display: inline-block;
}

.money-operations-page table tbody tr td:nth-child(4) span {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #ce2029;
  display: block;
}

/* /trading/operations_with_money/ */
.main.certificates figure {
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

.main.certificates figure div {
  display: table;
  margin: 0 auto;
}

.main.certificates figure div > div {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/for-certificates.png) no-repeat;
  border-radius: 50%;
  height: 195px;
  width: 195px;
}

.main.certificates figure div > div.gc-logo {
  background-color: rgba(71, 174, 161, 0.25);
  background-position: center 0;
  height: 244px;
  margin: 0 -2.75rem;
  width: 244px;
}

.main.certificates figure div > div:first-of-type {
  background-color: rgba(41, 128, 185, 0.25);
  background-position: center -244px;
}

.main.certificates figure div > div:last-of-type {
  background-color: rgba(148, 184, 145, 0.25);
  background-position: center -439px;
}

.main.certificates figure figcaption {
  font: 1rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  margin-top: 1.875rem;
}

.main.certificates p {
  font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
  line-height: 1.5;
  padding: 0 3.125rem;
}

.main.certificates img {
  margin: .625rem 1.25rem;
  max-height: 480px;
  max-width: 360px;
  vertical-align: middle;
}

/* adaptive */
@media only screen and (min-width: 0) and (max-width: 768px) {
  .main.certificates figure {
    width: 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1130px) {
  .main.certificates figure {
    width: 75%;
  }
}

@media only screen and (min-width: 0) and (max-width: 319px) {
  .main.certificates figure {
    text-align: right;
  }
}

@media only screen and (min-width: 0) and (max-width: 620px) {
  .main.certificates figure div > div {
    height: 155px;
    width: 155px;
  }
  .main.certificates figure div > div.gc-logo {
    background-position: center -25px;
    height: 190px;
    margin: 0 -1.75rem;
    width: 190px;
  }
  .main.certificates figure div > div:first-of-type {
    background-position: center -263px;
  }
  .main.certificates figure div > div:last-of-type {
    background-position: center -456px;
  }
}

@media only screen and (min-width: 0) and (max-width: 500px) {
  .main.certificates figure div > div {
    background-size: 140%;
    height: 100px;
    width: 100px;
  }
  .main.certificates figure div > div.gc-logo {
    background-position: center -29px;
    height: 145px;
    margin: 0 -.85rem;
    width: 145px;
  }
  .main.certificates figure div > div:first-of-type {
    background-position: center -145px;
  }
  .main.certificates figure div > div:last-of-type {
    background-position: center -256px;
  }
}

@media only screen and (min-width: 0) and (max-width: 400px) {
  .main.certificates figure div > div {
    height: 80px;
    width: 80px;
  }
  .main.certificates figure div > div.gc-logo {
    background-position: center -25px;
    height: 125px;
    width: 125px;
  }
  .main.certificates figure div > div:first-of-type {
    background-position: center -117px;
  }
  .main.certificates figure div > div:last-of-type {
    background-position: center -205px;
  }
}

@media only screen and (min-width: 0) and (max-width: 319px) {
  .main.certificates figure div > div {
    display: none;
  }
}

.main.certificates p {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .main.certificates p {
    padding: 0 .625rem;
  }
}

.main.certificates img {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .main.certificates img {
    max-height: none;
    max-width: none;
    width: 80%;
  }
}

@media only screen and (max-width: 30em) {
  .main.certificates img {
    width: 90%;
  }
}

.analytics-timer-widget {
  text-align: center;
}

.analytics-timer-widget p {
  font-size: 1.125rem;
  margin-bottom: 7px;
}

.analytics-timer-widget .country {
  font-size: 1rem;
  height: 4.5rem;
  line-height: 4.5rem;
}

.analytics-timer-widget .country span {
  vertical-align: middle;
}

.analytics-timer-widget .timer {
  background: #424243;
  color: #ffffff;
  font-size: 5rem;
  margin: 0.8rem 1rem 0;
  padding: 0.25rem;
  border-radius: 10px;
}

.analytics-timer-widget .brick {
  background: #FFC832;
  height: 1.75rem;
}

.analytics-timer-widget .button, .analytics-timer-widget .black {
  margin-top: 1rem;
}

.analytics-timer-widget .flag-med {
  margin-left: 10px;
}

.financial-news-logo {
  background: url(../img/financial-news.png) center top no-repeat;
  display: inline-block;
}

.financial-news-logo.autochartist {
  width: 192px;
  height: 82px;
  background-position: center 0;
}

.financial-news-logo.trading-central {
  width: 147px;
  height: 93px;
  background-position: center -85px;
}

.financial-news-logo.dowjones {
  width: 177px;
  height: 41px;
  background-position: center -181px;
}

.financial-news-logo.thomson {
  width: 168px;
  height: 88px;
  background-position: center -225px;
}

.financial-news-logo.ran {
  width: 88px;
  height: 110px;
  background-position: center -316px;
}

.analytics-frontpage .financial-news-block {
  border: 5px #14817a solid;
  padding: 1.25rem 1.5rem 0.25rem;
  background: #fff;
}

.analytics-frontpage .financial-news-block .financial-news-logo {
  vertical-align: middle;
}

.analytics-frontpage .gc-analytics p {
  font-size: 0.875rem;
}

.analytics-frontpage .gc-analytics h4 {
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}

.analytics-frontpage .gc-analytics a {
  line-height: 1.5rem;
}

.analytics-frontpage .quotation-tabs {
  padding: 1rem 1.75rem 0.5rem;
}

.analytics-frontpage .quotation-tabs .cfd-quotations-tab .contracts-table-container {
  width: 29%;
  float: right;
}

.analytics-frontpage .quotation-tabs .cfd-chart-container {
  width: 69%;
  float: left;
}

.analytics-frontpage .column:first-child {
  padding-right: 0;
}

#analytics-subscribe {
  margin-bottom: 20px;
  width: 100%;
}

#analytics-subscribe .subscribe-inner {
  background-color: #14817a;
  color: #ffffff;
  padding: 20px !important;
}

#analytics-subscribe h2, #analytics-subscribe label {
  color: #ffffff;
}

#analytics-subscribe input {
  margin-bottom: 20px;
}

#analytics-subscribe .triangle {
  width: 100%;
  height: 0;
  padding-right: 50%;
  padding-top: 5%;
  overflow: hidden;
}

#analytics-subscribe .triangle div {
  width: 0;
  height: 0;
  margin-right: -320px;
  margin-top: -30px;
  border-right: 320px solid transparent;
  border-left: 320px solid transparent;
  border-top: 30px solid #14817a;
}

.subscribe-fixed #analytics-subscribe {
  position: fixed;
  top: 0;
  left: 350px;
  color: #ffffff;
  width: 366px;
  margin-bottom: 20px;
}

/* -------------- adaptive analytics --------------- */
/*320!!!*/
@media only screen and (min-width: 40.0625em) {
  #analytics-subscribe {
    margin-top: 3.76rem;
  }
}

/*320!!!*/
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .analytics-frontpage .youtube-player-container {
    right: 50%;
    margin-right: -275px;
  }
}

@media only screen and (min-width: 0) and (max-width: 340px) {
  .analytics-frontpage .timer {
    font-size: 3.75rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 1166px) {
  .analytics-frontpage .table-container {
    width: 100% !important;
  }
}

.a-front .hero {
  height: 500px;
  padding-bottom: 100px;
  margin-bottom: 75px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .a-front .hero {
    height: auto;
  }
}

.a-front__bg {
  background: url("/static/img/a-frontpage-bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50px;
  right: 0;
  width: 100%;
  height: 100vh;
  max-height: 800px;
  z-index: -1;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .a-front__bg {
    max-height: 700px;
  }
}

.a-front__bg.ar {
  background-image: url("/static/img/a-frontpage-bg-ar.png");
}

.a-front__subscribe-wrapper {
  display: flex;
  align-items: center;
}

.a-front__subscribe input {
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  width: 300px;
  height: 50px;
  background: transparent;
  padding-right: 15px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .a-front__subscribe input {
    width: 100%;
  }
}

.a-front__subscribe input::placeholder {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #6b6b6b;
}

.a-front__subscribe input:focus, .a-front__subscribe input:active, .a-front__subscribe input:hover {
  border: 1px solid #C9C9C9;
  background: transparent;
}

.a-front__subscribe .button, .a-front__subscribe .black {
  height: 50px;
  border-radius: 3px;
}

.a-front .video-analytics__iframe {
  position: relative;
  margin-bottom: 20px;
}

.a-front .video-analytics__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.a-front .video-analytics__play {
  width: 75px;
  height: 75px;
  background: url("/static/svg/base/play.svg") center/cover no-repeat;
  z-index: 2;
  position: absolute;
  top: 80px;
  right: 50%;
  transform: translateX(50%);
}

.a-front .video-analytics__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  z-index: 2;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  position: absolute;
  bottom: 115px;
  right: calc(50% - 285px / 2);
  width: 285px;
}

.a-front .video-analytics__button {
  position: absolute;
  right: calc(50% - 285px / 2);
  bottom: 45px;
  width: 285px;
}

.a-front .economic-calendar {
  margin: 75px 0;
}

.a-front .economic-calendar__top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 50px;
}

.a-front .holidays-schedule__top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.analytics-event-calendar-page .form-wrapper {
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  margin: 35px 0 75px 0;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .analytics-event-calendar-page .form-wrapper {
    margin-top: 0;
  }
}

.analytics-event-calendar-page .form-wrapper .top-filters {
  background: rgba(255, 255, 255, 0.5);
  padding: 34px 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.analytics-event-calendar-page .form-wrapper .top-filters .field {
  display: flex;
  align-items: center;
  margin-left: 80px;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .analytics-event-calendar-page .form-wrapper .top-filters .field {
    margin-left: 0;
    margin-bottom: 20px;
    justify-content: space-between;
    max-width: 400px;
    width: 100%;
  }
}

@media only screen and (max-width: 40em) {
  .analytics-event-calendar-page .form-wrapper .top-filters .field {
    flex-direction: column;
    align-items: flex-start;
  }
}

.analytics-event-calendar-page .form-wrapper .top-filters .field:last-child {
  margin-left: 0;
}

.analytics-event-calendar-page .form-wrapper .top-filters .field .label {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  line-height: 17px;
  color: #848484;
  margin: 0;
  margin-left: 15px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .analytics-event-calendar-page .form-wrapper .top-filters .field .label {
    margin-left: 0;
  }
}

.analytics-event-calendar-page .form-wrapper .top-filters .field .select-wrap {
  position: relative;
}

.analytics-event-calendar-page .form-wrapper .top-filters .field .select-wrap::after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #000000;
  position: absolute;
  top: 45%;
  left: 20px;
  transform: translateY(-50%) rotate(-45deg);
  border-top: none;
  border-right: none;
}

.analytics-event-calendar-page .form-wrapper .top-filters .field select {
  width: 300px;
  height: 50px;
  background: transparent;
  border: 1px solid #c9c9c9;
  color: #000000;
  font-size: 16px;
  padding-right: 15px;
}

.analytics-event-calendar-page .form-wrapper .table-wrapper {
  background: #ffffff;
  padding: 0 22px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .analytics-event-calendar-page .form-wrapper .table-wrapper {
    overflow: scroll;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-event-calendar-page .table-green {
    display: block;
    overflow: scroll;
  }
}

.analytics-event-calendar-page .table-green thead {
  border-bottom: 1px solid #009e82;
}

.analytics-event-calendar-page .table-green thead td {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  background: #ffffff;
  color: #009e82;
  padding-top: 20px;
  text-align: right;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .analytics-event-calendar-page .table-green thead td {
    min-width: 115px;
  }
}

.analytics-event-calendar-page .table-green thead td.time {
  width: 164px;
}

.analytics-event-calendar-page .table-green thead td.country {
  width: 198px;
}

.analytics-event-calendar-page .table-green thead td.importance {
  width: 124px;
}

.analytics-event-calendar-page .table-green thead td.event {
  width: 381px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .analytics-event-calendar-page .table-green thead td.event {
    min-width: 300px;
  }
}

.analytics-event-calendar-page .table-green thead td.past {
  width: 109px;
}

.analytics-event-calendar-page .table-green thead td.forecast {
  width: 98px;
}

.analytics-event-calendar-page .table-green tbody tr td {
  border-top: none;
  border-bottom: 1px #f0eff0 solid;
  text-align: right;
  padding: 15px 0 14px 0;
}

.analytics-event-calendar-page .table-green tbody tr td.event-cell .name {
  color: #000000;
  max-width: 333px;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.analytics-event-calendar-page .table-green tbody tr td.event-cell .sub-name {
  font-size: 14px;
  color: #848484;
  display: inline-block;
}

.analytics-event-calendar-page .table-green tbody tr:first-child td {
  padding: 15px 0 14px 0;
  border-bottom: 1px #f0eff0 solid;
}

.analytics-event-calendar-page .page-caption {
  width: 60%;
  float: right;
}

.analytics-event-calendar-page .page-caption p {
  font-size: 1.125rem;
  margin-top: 1rem;
}

.analytics-event-calendar-page .analytics-timer-widget .timer {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 30px;
  line-height: 36px;
  color: #009e82;
  background: transparent;
  margin: 0;
  padding: 0;
}

.analytics-event-calendar-page .trapeze {
  width: 18rem;
  display: block;
  margin: 0 auto;
  padding-top: 0.5rem;
  line-height: 2.25rem;
  font-size: 2.25rem;
}

.analytics-event-calendar-page .trapeze .timezone {
  font: 0.875rem/1rem "pfDinTextLight", "Helvetica Neue", "Arial";
  display: block;
  margin-top: 0.25rem;
}

.analytics-event-calendar-page .trapeze .day {
  font: 1.5rem "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #ffffff;
  border-color: #ffffff;
  margin-top: 0.25rem;
}

.analytics-event-calendar-page .about-description {
  padding-bottom: 75px;
}

.analytics-event-calendar-page .about-description p {
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 24px;
}

.hasDatepicker a {
  border: none;
}

.calendar-filters {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .calendar-filters {
    flex-wrap: wrap;
  }
}

.calendar-filters .calendar-item {
  /*320!!!*/
}

.calendar-filters .calendar-item.time-now {
  width: 495px;
}

.calendar-filters .calendar-item.calendar {
  width: 620px;
}

.calendar-filters .calendar-item.analytics-timer-widget {
  width: 465px;
  margin-right: 155px;
  text-align: right;
}

@media only screen and (max-width: 64em) {
  .calendar-filters .calendar-item {
    width: 100%;
    margin-bottom: 24px;
  }
  .calendar-filters .calendar-item.time-now {
    order: 1;
  }
  .calendar-filters .calendar-item.calendar {
    order: 2;
  }
  .calendar-filters .calendar-item.analytics-timer-widget {
    order: -1;
    margin-right: 0;
  }
}

.calendar-filters .calendar-item .show-calendar {
  display: none;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .calendar-filters .calendar-item .show-calendar {
    display: block;
    margin: 20px 0;
    font-size: 18px;
  }
}

.calendar-filters .title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  line-height: 28px;
  color: #000000;
  margin-bottom: 20px;
  display: block;
}

.calendar-filters .calendar .week-picker {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .calendar-filters .calendar .week-picker {
    display: none;
  }
}

.calendar-filters .calendar .ui-widget-content {
  border: none;
}

.calendar-filters .calendar .ui-datepicker {
  width: 100% !important;
}

.calendar-filters .calendar .ui-datepicker table {
  background: transparent;
}

.calendar-filters .calendar .ui-datepicker table thead th {
  padding-top: 0;
}

.calendar-filters .calendar .ui-datepicker-header {
  background: transparent;
  position: relative;
  padding: 0;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-title {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  line-height: 21px;
  color: #377F6B;
  background: transparent;
  margin-bottom: 15px;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-prev:hover,
.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-next:hover {
  border-color: transparent;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-prev span,
.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-next span {
  background: none;
  width: 18px;
  height: 18px;
  border: 1px solid #009e82;
  transform: rotate(-45deg);
  margin-top: -16px;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-prev {
  top: 2px;
  right: 2px;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-prev span {
  border-top: none;
  border-left: none;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-next {
  top: 2px;
  left: 2px;
}

.calendar-filters .calendar .ui-datepicker-header .ui-datepicker-next span {
  border-right: none;
  border-bottom: none;
}

.calendar-filters .calendar thead {
  background: transparent;
  border-bottom: 1px solid #C5C5C5;
}

.calendar-filters .calendar thead span {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #377F6B;
}

.calendar-filters .calendar thead th {
  text-align: center;
}

.calendar-filters .calendar tbody {
  background: transparent;
}

.calendar-filters .calendar tr:hover td a {
  background: rgba(253, 205, 83, 0.5);
  color: #424243;
}

.calendar-filters .calendar .ui-datepicker td {
  background: transparent;
  padding: 0;
}

.calendar-filters .calendar .ui-datepicker td a {
  padding: 7px 0;
  text-align: center;
}

.calendar-filters .calendar .ui-state-default {
  background: transparent;
  border: none;
}

.calendar-filters .calendar tr.ui-state-active {
  border: none;
}

.calendar-filters .calendar tr.ui-state-active td a {
  background: #ffe27f;
}

.calendar-filters .time {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 30px;
  line-height: 36px;
  color: #009e82;
}

.calendar-filters .text {
  font-size: 14px;
  line-height: 16px;
  color: #848484;
  display: block;
  margin-top: 10px;
}

.calendar-filters .event {
  font-size: 14px;
  line-height: 16px;
  margin-top: 10px;
  display: block;
  color: #848484;
}

.calendar-filters .event .flag {
  margin-left: 10px;
}

.youtube-player-container {
  position: relative;
  display: inline-block;
}

.youtube-player-container img {
  display: block;
  max-width: 100%;
}

.youtube-player-container .player-wrapper {
  top: 20px;
  right: 20px;
  left: 20px;
  bottom: 142px;
  background: rgba(255, 255, 255, 0.5);
}

.youtube-player-container .player-wrapper * {
  height: 100% !important;
  width: 100% !important;
}

/* adaptive youtube-player-container */
.youtube-player-container img {
  width: 100%;
}

.youtube-player-container .player-wrapper {
  top: 4%;
  right: 3%;
  left: 3%;
  bottom: 31%;
}

.video-playlist {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  background: #ffffff;
}

.video-playlist .inner {
  overflow-y: scroll;
  height: 24rem;
  padding-left: 0.5rem;
}

.video-playlist .item {
  display: block;
  background: #ffffff;
  padding: 1.25rem;
  margin-top: 0.75rem;
}

.video-playlist .item:before, .video-playlist .item:after {
  content: " ";
  display: table;
}

.video-playlist .item:after {
  clear: both;
}

.video-playlist .item .image {
  float: right;
  display: block;
  border: 5px transparent solid;
  width: 25%;
  min-height: 6rem;
}

.video-playlist .item .image img {
  display: block;
  max-width: 100%;
}

.video-playlist .item .text {
  width: 75%;
  float: left;
  padding-right: 1rem;
}

.video-playlist .item .date {
  display: block;
  color: #14817a;
}

.video-playlist .item .title {
  font: 1.125rem/1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  display: block;
}

.video-playlist .item .caption {
  font: 0.875rem/1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  display: block;
}

.video-playlist .item:hover {
  background: #f0eff0;
}

.video-playlist .item:hover .image {
  border-color: #14817a;
}

.video-playlist .item:hover .title {
  color: #14817a;
}

.video-playlist .item:first-child {
  margin-top: 0;
}

.video-playlist .item.active {
  background: #f0eff0;
  cursor: default;
}

.video-playlist .item.active .image {
  border-color: transparent;
}

.video-playlist .item.active .title {
  color: #424243;
}

.video-playlist-hor .scroller-track {
  width: 1200px;
}

.video-playlist-hor .scroll-wrapper {
  background-color: #fff;
}

.video-playlist-hor .scroller {
  height: 350px;
  background-color: #fff;
  overflow: hidden;
}

.video-playlist-hor .scroller-bar {
  height: 9px;
}

.video-playlist-hor .videos {
  padding: 20px;
  display: table;
}

.video-playlist-hor .videos .item {
  min-width: 290px;
  background: #ffffff;
  padding: 1.25rem;
  display: table-cell;
}

.video-playlist-hor .videos .item .image {
  display: block;
  border: 5px transparent solid;
}

.video-playlist-hor .videos .item .image img {
  display: block;
  width: 245px;
}

.video-playlist-hor .videos .item .date {
  display: block;
  color: #14817a;
  margin-top: 10px;
}

.video-playlist-hor .videos .item .title {
  font: 1.125rem/1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  display: block;
}

.video-playlist-hor .videos .item .caption {
  font: 0.875rem/1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  display: block;
}

.video-playlist-hor .videos .item:hover {
  background: #f0eff0;
}

.video-playlist-hor .videos .item:hover .image {
  border-color: #14817a;
}

.video-playlist-hor .videos .item:hover .title {
  color: #14817a;
}

.video-playlist-hor .videos .item.active {
  background: #f0eff0;
  cursor: default;
}

.video-playlist-hor .videos .item.active .image {
  border-color: transparent;
}

.video-playlist-hor .videos .item.active .title {
  color: #424243;
}

.video-list-hor {
  width: 100%;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 1.125rem;
}

.video-list-hor .scroller-track {
  right: 0;
  bottom: 0;
  width: 100%;
}

.video-list-hor .list-scroll {
  white-space: nowrap;
}

.video-list-hor .video {
  white-space: normal;
  display: inline-block;
  background: #ffffff;
  padding: 1.25rem;
  width: 18rem;
  height: 19.125rem;
  overflow: hidden;
}

.video-list-hor .video:last-child {
  margin-left: 1.25rem;
}

.video-list-hor .video .image {
  display: block;
  border: 5px transparent solid;
}

.video-list-hor .video .image img {
  display: block;
  width: 100%;
  height: auto;
}

.video-list-hor .video .date {
  display: block;
  color: #14817a;
  margin-top: 0.7rem;
}

.video-list-hor .video .title {
  font: 1.125rem/1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
  display: block;
}

.video-list-hor .video .caption {
  font: 0.875rem/1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  display: inline;
}

.video-list-hor .video:hover {
  background: #f0eff0;
}

.video-list-hor .video:hover .image {
  border-color: #14817a;
}

.video-list-hor .video:hover .title {
  color: #14817a;
}

.video-list-hor .video.active {
  background: #f0eff0;
  cursor: default;
}

.video-list-hor .video.active .image {
  border-color: transparent;
}

.video-list-hor .video.active .title {
  color: #424243;
}

/*----- NEW Video analytics page  -----*/
.video-analytics {
  font-family: 'New_PFDinTextPro', sans-serif;
  color: #000000 !important;
}

.video-analytics * {
  font-family: inherit !important;
}

.video-analytics .gc-text {
  font-weight: 300;
}

.video-analytics__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media all and (max-width: 769px) {
  .video-analytics__body {
    flex-direction: column;
  }
}

.video-analytics__left {
  width: 597px;
  margin-left: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media all and (max-width: 1225px) {
  .video-analytics__left {
    width: 45vw;
    margin-left: 35px;
  }
}

@media all and (max-width: 769px) {
  .video-analytics__left {
    order: 2;
    width: 100%;
    margin: 0;
  }
}

.video-analytics .button.mob, .video-analytics .mob.black {
  display: none;
}

@media all and (max-width: 769px) {
  .video-analytics .button.mob, .video-analytics .mob.black {
    display: block;
    align-self: flex-start;
    margin-top: 15px;
  }
}

@media all and (max-width: 769px) {
  .video-analytics .button.new_transparent, .video-analytics .new_transparent.black {
    display: none;
  }
}

.video-analytics__mob_list {
  display: none;
}

@media all and (max-width: 769px) {
  .video-analytics__mob_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
  }
}

.video-analytics__mob_list .video {
  width: calc(100% / 2 - 10px);
  margin-bottom: 20px;
}

.video-analytics__mob_list .video * {
  width: 100%;
  height: 33vw;
}

@media all and (max-width: 500px) {
  .video-analytics__mob_list .video {
    width: 100%;
  }
  .video-analytics__mob_list .video * {
    height: 55vw;
  }
}

.video-analytics__mob_list .video__title {
  font-size: 18px;
  margin-top: 15px;
  display: block;
  height: unset;
}

.video-analytics__player > * {
  width: 597px !important;
  height: 356px;
}

@media all and (max-width: 1225px) {
  .video-analytics__player > * {
    width: 45vw !important;
  }
}

@media all and (max-width: 769px) {
  .video-analytics__player > * {
    display: none;
  }
}

.video-analytics .slider {
  margin-top: 30px;
  width: 90% !important;
  visibility: hidden;
}

@media all and (max-width: 769px) {
  .video-analytics .slider {
    display: none;
  }
}

.video-analytics .slider.slick-initialized {
  visibility: visible;
}

@media all and (max-width: 769px) {
  .video-analytics .slider__item {
    width: 100%;
  }
  .video-analytics .slider__item:not(:last-child) {
    margin-bottom: 20px;
  }
  .video-analytics .slider__item img {
    width: 100%;
  }
}

.video-analytics .slider .slick-slide {
  width: 160px;
  margin: 0 15px;
  height: 165px;
}

.video-analytics .slider .slick-slide *:focus {
  outline-color: transparent;
}

.video-analytics .slider .slick-slide .image {
  position: relative;
  display: block;
}

.video-analytics .slider .slick-slide .image:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.25;
  transition: all .15s ease-in-out;
}

.video-analytics .slider .slick-slide .image:hover:after {
  opacity: 0;
}

.video-analytics .slider .slick-arrow {
  background-image: url("/static/img/caret.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 80px;
  top: 60px;
}

.video-analytics .slider .slick-arrow.slick-prev {
  transform: rotate(-180deg);
  top: 20px;
}

.video-analytics .slider .slick-arrow:before {
  display: none;
}

.video-analytics .slider__title {
  font-size: 14px;
  line-height: 17px;
  margin-top: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  color: #000000;
}

@media all and (max-width: 769px) {
  .video-analytics .slider__title {
    max-width: 350px;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
  }
}

.video-analytics__right p {
  margin-top: 20px;
}

.video-analytics__right a.new_green {
  margin-left: 30px;
}

.video-analytics__right a.button, .video-analytics__right a.black {
  margin-top: 25px;
}

.video-analytics__right .gc-list li {
  font-weight: 300;
}

.video-analytics__right .gc-list li::after {
  background-size: contain;
}

.video-analytics__h4 {
  font-size: 24px;
  line-height: 29px;
  font-family: inherit;
  font-weight: 300;
}

/*----- Videos archive  -----*/
.archive {
  font-family: 'New_PFDinTextPro', sans-serif;
  color: #000000 !important;
}

.archive__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-height: 268px;
}

.archive__video {
  max-width: calc(100% / 4 - 27px);
  width: 100%;
  margin-bottom: 60px;
}

.archive__video:not(:nth-child(4n+4)) {
  margin-left: 36px;
}

@media all and (max-width: 1080px) {
  .archive__video {
    max-width: calc(100% / 2 - 15px);
    margin-bottom: 0;
  }
  .archive__video:not(:nth-child(4n+4)) {
    margin-left: 0;
  }
  .archive__video:nth-child(2n+1) {
    margin-left: 20px;
  }
  .archive__video:not(:nth-child(-n+2)) {
    margin-top: 25px;
  }
}

@media all and (max-width: 500px) {
  .archive__video {
    max-width: 100%;
  }
  .archive__video:nth-child(2n+1) {
    margin-left: 0;
  }
  .archive__video:not(:first-child) {
    margin-top: 25px !important;
  }
}

.archive__v-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.archive__v-wrap:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.25;
}

.archive__v-wrap:hover:after {
  display: none;
}

.archive__v-title {
  font-family: inherit;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 21px;
  height: fit-content;
  display: -webkit-box;
}

.archive .paging {
  margin-top: 50px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.archive .paging__nav-dots {
  width: 34px;
  margin: 0 2px;
  display: inline-block;
  text-align: center;
}

.archive .paging__nav-btn {
  background-image: url("/static/img/caret.svg");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 40px;
  height: 37px;
  display: inline-block;
  cursor: pointer;
}

.archive .paging__nav-btn.prev {
  transform: scale(-1);
}

.archive .paging__nav-btn.unclickable {
  pointer-events: none;
  opacity: 0.3;
}

.archive .paging__num {
  margin: 0 2px;
  font-weight: 300;
  font-size: 19px;
  line-height: 22px;
  color: #009E82;
  padding: 8px 11px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .2s ease-in-out;
}

@media all and (max-width: 425px) {
  .archive .paging__num {
    padding: 8px 8px 5px;
  }
}

.archive .paging__num.active {
  border: 1px solid #009E82;
  color: #000000;
}

.archive .paging__num:not(.active):hover {
  color: #00816a;
}

.archive .paging__next-btn {
  border: solid #009E82;
  border-width: 0 0 1px 1px;
  display: inline-block;
  padding: 5px;
  transform: rotate(45deg);
  margin-bottom: 1px;
  margin-right: 10px;
}

.archive .paging__next-btn:hover {
  border: solid #00816a;
  border-width: 0 0 1px 1px;
}

.analytics-quotes__title {
  margin-bottom: 25px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes__title {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 15px;
  }
}

.analytics-quotes__desc {
  margin-bottom: 30px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes__desc {
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes__tabs {
    overflow-x: scroll;
    margin-bottom: 10px;
    box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  }
}

.analytics-quotes__tabs.no-overflow {
  overflow: inherit;
}

.analytics-quotes .tabs {
  display: flex;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .tabs {
    flex-wrap: nowrap;
    min-width: 1380px;
  }
}

.analytics-quotes .tabs dd {
  flex: 1;
}

.analytics-quotes .tabs dd:not(:first-child) {
  border-right: 1px solid #423D33;
}

.analytics-quotes .tabs dd .tabs-nav {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  background: #009e82;
  font-size: 16px;
  outline: none;
  height: 66px;
  line-height: 66px;
  border-color: #423D33;
  border-width: 1px;
  text-align: center;
  color: #ffffff;
  padding: 0;
  cursor: pointer;
}

.analytics-quotes .tabs dd .tabs-nav:hover {
  background: #14817a;
}

.analytics-quotes .tabs dd.active {
  border-right: none;
}

.analytics-quotes .tabs dd.active .tabs-nav {
  background: #ffffff;
  font-size: 16px;
  color: #424243;
  border-right: none;
  cursor: default;
}

.analytics-quotes .tabs dd.active .analytics-quotes__current {
  color: #423D33;
  border-bottom: 1px dashed rgba(66, 66, 67, 0.5);
}

.analytics-quotes .tabs dd.active .analytics-quotes__current::after {
  border-color: #423D33;
}

.analytics-quotes .tabs dd:first-child {
  min-width: 230px;
}

.analytics-quotes .tabs-content {
  padding: 0 32px;
  padding-bottom: 40px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .analytics-quotes .tabs-content {
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  }
}

.analytics-quotes .table-green thead {
  border-bottom: 1px solid #009e82;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green thead {
    display: none;
  }
}

.analytics-quotes .table-green thead td {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  background: #ffffff;
  color: #009e82;
  padding-top: 20px;
}

.analytics-quotes .table-green thead td:first-child {
  text-align: right;
  padding-right: 15px;
  width: 440px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .analytics-quotes .table-green thead td:first-child {
    width: auto;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0px 25px 10px 25px;
  }
  .analytics-quotes .table-green tbody .quotes::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #efefef;
  }
  .analytics-quotes .table-green tbody .quotes:nth-child(n + 7) {
    display: none;
  }
}

.analytics-quotes .table-green tbody .quotes.flex {
  display: flex;
}

.analytics-quotes .table-green tbody .quotes td {
  padding: 20px 0;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td {
    align-self: flex-end;
    padding: 5px 0;
    border: none;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td:first-child {
    width: 100%;
    padding: 16px 0 10px 0;
    align-self: flex-start;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td:first-child.wrapper-arrows span {
    margin-right: 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td.bid::before, .analytics-quotes .table-green tbody .quotes td.ask::before, .analytics-quotes .table-green tbody .quotes td.spread::before, .analytics-quotes .table-green tbody .quotes td.percents::before {
    position: absolute;
    right: 23px;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td.bid::before {
    content: 'Bid';
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td.ask::before {
    content: 'Ask';
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td.spread::before {
    content: 'Spread';
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .table-green tbody .quotes td.percents::before {
    content: 'Percents';
  }
}

.analytics-quotes .table-green tbody .quotes .wrapper-arrows span {
  margin-right: 15px;
}

.analytics-quotes .table-green tbody .quotes .wrapper-arrows a {
  font-size: 20px;
  line-height: 23px;
  color: #000000;
  border-bottom: 1px solid rgba(66, 61, 51, 0.3);
}

.analytics-quotes .table-green tbody tr td {
  border-top: none;
  border-bottom: 1px #f0eff0 solid;
}

.analytics-quotes__current {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #ffffff;
  border-bottom: 1px dashed white;
  text-align: right;
  position: relative;
  margin-right: 10px;
  z-index: 10;
  cursor: pointer;
}

.analytics-quotes__current::after {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid #ffffff;
  border-top: none;
  border-left: none;
  position: absolute;
  top: 0;
  left: -20px;
  transform: rotate(45deg);
}

.analytics-quotes__list {
  display: none;
  background: #FFFFFF;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  width: 175px;
  position: absolute;
  top: 0;
  right: 100px;
  padding-top: 60px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes__list {
    right: auto;
    left: -40px;
    z-index: 1;
  }
}

.analytics-quotes__item {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  width: 100%;
  display: block !important;
  padding: 0 12px;
  color: #000000;
  text-align: right;
  cursor: pointer;
  line-height: 37px;
}

.analytics-quotes__item:hover {
  background: rgba(253, 205, 83, 0.3);
}

.analytics-quotes .show-more {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
  padding: 12px 23px;
  position: relative;
  cursor: pointer;
  display: none;
}

.analytics-quotes .show-more::before {
  content: '';
  display: inline-block;
  width: calc(100% - 46px);
  height: 1px;
  background: #efefef;
  position: absolute;
  top: 0;
  right: 23px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .analytics-quotes .show-more {
    display: table-cell;
  }
}

.holydays-filter {
  background: #14817a;
  padding: 1rem;
}

.holydays-filter .item {
  display: inline-block;
  position: relative;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.holydays-filter .item label {
  width: auto;
  background: #ffffff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  height: auto;
  opacity: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 1rem;
}

.holydays-filter .item input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.holydays-filter .item input[type="checkbox"]:checked + label {
  background: #FFC832;
}

.holydays-filter .monthes {
  margin-top: 1rem;
}

.holydays-filter .monthes .item {
  margin-left: 1rem;
}

.holydays-table-container {
  background: #FFC832;
}

.holydays-table-head .filter-direction-button {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

.holydays-table-head .filter-direction-button .filter-direction {
  width: 14px;
  height: 8px;
  background: url(../img/icons.png) -200px -120px;
  position: relative;
  top: -0.125rem;
}

.holydays-table-head .filter-direction-button.active {
  background: #14817a;
  color: #ffffff;
}

.holydays-table-head .filter-direction-button.active.up .filter-direction {
  background-position: -160px -120px;
}

.holydays-table-head .filter-direction-button.active.down .filter-direction {
  background-position: -120px -120px;
}

.holydays-table-head input[type="text"] {
  height: 2rem;
  line-height: 2rem;
  width: 65%;
  display: block;
}

.holydays-table-content-wrapper {
  padding-bottom: 0.5rem;
}

.holydays-table-content-wrapper table {
  border-bottom: none;
}

.a-webinars {
  padding: 60px 0;
  margin-bottom: 140px;
}

.a-webinars__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 80vh;
  background: url("/static/img/analytics/analytics-webinars-bg.jpg") no-repeat center;
  background-size: cover;
  z-index: -1;
  transition: opacity 1.5s ease;
}

.a-webinars__title {
  font-size: 3rem;
  line-height: normal;
  color: #000000;
  margin-bottom: 30px;
}

.a-webinars__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  line-height: normal;
  color: #000000;
  max-width: 510px;
}

.a-webinars__sub-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-top: 10px;
  color: #000000;
}

.a-webinars__download {
  display: block;
  cursor: pointer;
}

.a-webinars__download .icon, .a-webinars__download .icon-portfolio, .a-webinars__download .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .a-webinars__download .block-portfolio {
  margin-left: 8px;
}

.a-webinars__download span {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #377F6B;
  font-size: 1.125rem;
  border-bottom: 1px solid rgba(0, 158, 130, 0.5);
}

.a-webinars__download span:hover {
  border-bottom: none;
}

.a-webinars__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.a-webinars__video iframe,
.a-webinars__video video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.a-slider__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  line-height: normal;
  text-align: center;
  color: #000000;
  margin-bottom: 50px;
}

.a-slider__items {
  padding-right: 30px;
}

.a-slider__item {
  cursor: pointer;
  padding: 0 15px;
}

.a-slider__img {
  position: relative;
}

.a-slider__play {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/static/img/education/play.svg") center no-repeat;
}

.a-slider__dots {
  margin-right: 0;
  margin-top: 50px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a-slider__dots li {
  margin-left: 6px;
}

.a-slider__dots li button {
  font-size: 0;
  border-radius: 50%;
  padding: 0;
  width: 14px;
  height: 14px;
  background: rgba(201, 201, 201, 0.6);
}

.a-slider__dots li.slick-active button {
  background: #009e82;
}

.a-slider__dots li:last-child {
  margin-left: 0;
}

.a-slider__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 21px;
  margin-top: 17px;
  color: #000000;
}

.a-slider .slick-arrow {
  top: 30%;
  width: 39px;
  height: 39px;
}

.a-slider .slick-prev {
  right: -50px;
}

.a-slider .slick-prev:before {
  content: '';
  display: block;
  width: 39px;
  height: 39px;
  border: 2px solid #009e82;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg);
}

.a-slider .slick-next {
  left: -50px;
}

.a-slider .slick-next:before {
  content: '';
  display: block;
  width: 39px;
  height: 39px;
  border: 2px solid #009e82;
  border-top: none;
  border-left: none;
  transform: rotate(135deg);
}

.awd {
  padding: 70px 0;
  background: #ffffff;
}

.awd__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  color: #000000;
  text-align: center;
}

.awd__item {
  margin-bottom: 40px;
}

.awd__items {
  margin-top: 45px;
  display: flex;
  flex-wrap: wrap;
}

.awd__icon {
  text-align: center;
}

.awd__text {
  text-align: center;
  margin-top: 25px;
}

.awd__btn {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .a-webinars {
    padding: 40px 0;
  }
  .a-webinars__title {
    font-size: 2.25rem;
  }
  .a-webinars__img {
    height: 100vh;
  }
  .a-slider .slick-slide img {
    margin: auto;
  }
  .a-slider__name {
    text-align: center;
  }
  .a-slider__items {
    padding-right: 0;
  }
  .a-slider__dots li {
    margin-left: 3px;
  }
  .a-slider__dots li button {
    width: 12px;
    height: 12px;
  }
}

.managed ol li {
  margin-bottom: .3125rem;
}

.managed .index-page-manager-rating table tr td:nth-child(1) {
  width: 10%;
}

.managed .index-page-manager-rating table tr td:nth-child(2) {
  width: 30%;
}

.managed .index-page-manager-rating table tr td:nth-child(3) {
  width: 35%;
}

.managed .index-page-manager-rating table tr td:nth-child(4) {
  width: 25%;
}

/*---------------------------------------------------head block----------------------------------------------------*/
.investors-block {
  background: #ffffff;
  position: relative;
}

.investors-block:before, .investors-block:after {
  content: " ";
  display: table;
}

.investors-block:after {
  clear: both;
}

.investors-block p {
  font-size: 1.125rem;
}

.investors-block a {
  color: #ffffff !important;
  z-index: 2;
}

.investors-block > div {
  padding: 2.75rem;
}

.investors-block .investors-block-img, .investors-block .managers-block-img {
  bottom: 0;
  height: 355px;
  position: absolute;
  left: 0;
  z-index: 1;
}

.manager .investors-block .investors-block-img, .manager .investors-block .managers-block-img {
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .manager .investors-block .investors-block-img, .manager .investors-block .managers-block-img {
    top: 0;
    bottom: auto;
  }
}

.investors-block .investors-block-img {
  background: url(../img/investing/investor-pic.png) no-repeat bottom;
  height: 333px;
  left: 0;
  width: 334px;
}

.investors-block .investors-block-img.pamm {
  background: url(../img/investing/investor-pamm-pic.png) no-repeat left;
  width: 460px;
}

.investors-block .managers-block-img {
  background: url(../img/investing/manager-pic.png) no-repeat left bottom;
  left: -170px;
  width: 700px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.investors-block .managers-block-img.pamm {
  background: url(../img/investing/manager-pamm-pic.png) no-repeat left bottom;
  left: 0;
}

.investor .investors-block {
  overflow: visible;
}

.manager .investors-block.lamm {
  overflow: hidden;
}

/* adaptive head block */
/*320!!!*/
@media only screen and (max-width: 64em) {
  .manager .investors-block {
    overflow: hidden !important;
  }
}

body.gc .investors-block {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 0) and (max-width: 900px) {
  body.gc .investors-block > div {
    padding-bottom: 19rem;
    width: 100%;
  }
  body.gc .investors-block .investors-block-img:not(.pamm) {
    left: 50%;
    margin-left: -167px;
  }
  body.gc .investors-block .managers-block-img {
    left: 0;
  }
}

@media only screen and (max-width: 40em) {
  body.gc .investors-block > div {
    padding-bottom: 22rem;
  }
  body.gc .investors-block .managers-block-img:not(.pamm) {
    margin-left: -350px;
    left: 50%;
      left: 0;
      margin-left: 0;
  }
}

@media only screen and (max-width: 30em) {
  body.gc .investors-block > div {
    padding: 1rem 1rem 20rem;
  }
  body.gc .investors-block .investors-block-img {
    background-size: contain;
    height: 266px;
    margin-left: -133.5px;
    width: 267px;
  }
  body.gc .investors-block .managers-block-img {
    bottom: -60px;
  }
}

/* info-block */
.info-block p {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 1.125rem;
  line-height: 1.2;
  padding-bottom: 0.625rem;
}

.info-block img {
  margin: 0 auto;
}

/*--------------------------------------------------how it works----------------------------------------------------*/
.managed-howitworks {
  border: 3px dotted #14817a;
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 1.875rem;
  position: relative;
  text-align: center;
}

.investor .managed-howitworks {
  height: 590px;
}

.manager .managed-howitworks {
  height: 650px;
}

/* arrows */
.long-arrow-icon {
  display: inline-block;
}

.long-arrow-icon:before, .long-arrow-icon:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.long-arrow-icon:before {
  background: #14817a;
  height: 2px;
  width: 104px;
}

.long-arrow-icon:after {
  border: 6px solid transparent;
  border-right: 12px solid #14817a;
  border-left: none;
  right: -4px;
  position: relative;
}

.long-arrow-icon.second:before {
  background: #ce2029;
}

.long-arrow-icon.second:after {
  border-right-color: #ce2029;
}

.long-arrow-icon.short:before {
  width: 60px;
}

.long-arrow-icon.to-left {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.long-arrow-icon.to-left-up {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}

.long-arrow-icon.to-left-down {
  -webkit-transform: rotate(-150deg);
  -moz-transform: rotate(-150deg);
  -ms-transform: rotate(-150deg);
  -o-transform: rotate(-150deg);
  transform: rotate(-150deg);
}

.long-arrow-icon.to-right-up {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

.long-arrow-icon.to-right-down {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

/* persons */
.person-icon {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/persons.png) no-repeat;
  height: 111px;
  width: 96px;
}

/* person block */
.person-block {
  text-align: center;
  width: 250px;
}

.person-block p strong {
  display: block;
}

.person-block .person-icon {
  margin-bottom: .5rem;
}

.manager-icon .person-icon {
  background-position: 100% 0;
}

.investor-icon .person-icon {
  background-position: 100% -131px;
}

/* general styles for how it works */
body .managed-howitworks .person-block, body .managed-howitworks .long-arrow-icon, body .managed-howitworks > p {
  position: absolute;
}

body .managed-howitworks .person-block:nth-of-type(1) {
  left: 1.875rem;
}

body .managed-howitworks .person-block:nth-of-type(2) {
  right: 0;
  margin-top: -84.5px;
  top: 50%;
}

body .managed-howitworks .person-block:nth-of-type(3) {
  left: 1.875rem;
  top: 58%;
}

body .managed-howitworks > p {
  color: #14817a;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  right: 35%;
  text-align: right;
  width: 135px;
}

body .managed-howitworks > p:first-of-type {
  top: 30%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

body .managed-howitworks > p:last-of-type {
  bottom: 25%;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

body .managed-howitworks .long-arrow-icon {
  right: 37%;
}

body .managed-howitworks .long-arrow-icon.to-left-down, body .managed-howitworks .long-arrow-icon.to-right-up {
  top: 40%;
}

body .managed-howitworks .long-arrow-icon.to-left-up, body .managed-howitworks .long-arrow-icon.to-right-down {
  bottom: 35%;
}

.managed-howitworks-wrapper {
  position: relative;
}

.managed-howitworks-wrapper .big-arrow {
  right: 50%;
  margin-right: -27px;
  position: absolute;
  top: 30%;
}

/* big green arrow */
.big-arrow {
  display: inline-block;
}

.big-arrow:before, .big-arrow:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.big-arrow:before {
  background: #14817a;
  height: 22px;
  width: 33px;
}

.big-arrow:after {
  border: 26px solid transparent;
  border-right-color: #14817a;
  border-left: none;
  right: -4px;
  position: relative;
}

/* list */
.howitworks-text {
  border: 3px #14817a dotted;
  border-top: none;
  border-radius: 0 0 1.25rem 1.25rem;
  margin-right: 0;
  padding: 1.25rem 2.5rem 1.25rem 1.25rem;
  text-align: right;
}

.howitworks-text.investor-text {
  height: 280px;
}

.howitworks-text li, .howitworks-text p {
  margin-bottom: .625rem;
}

/* adaptive how it works */
@media only screen and (min-width: 481px) and (max-width: 579px) {
  body.gc .managed-howitworks {
    height: 800px;
  }
}

@media only screen and (min-width: 580px) and (max-width: 700px) {
  body.gc .managed-howitworks {
    height: 640px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  body.gc .managed-howitworks {
    height: 800px;
  }
}

@media only screen and (min-width: 1101px) and (max-width: 1150px) {
  body.gc .managed-howitworks {
    height: 740px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 579px) {
  body.gc .managed-howitworks .person-block {
    width: 150px;
  }
}

@media only screen and (min-width: 580px) and (max-width: 700px) {
  body.gc .managed-howitworks .person-block {
    width: 250px;
  }
}

@media only screen and (min-width: 701px) and (max-width: 800px) {
  body.gc .managed-howitworks .person-block {
    width: 350px;
  }
}

@media only screen and (min-width: 801px) and (max-width: 950px) {
  body.gc .managed-howitworks .person-block {
    width: 450px;
  }
}

@media only screen and (min-width: 951px) and (max-width: 1023px) {
  body.gc .managed-howitworks .person-block {
    width: 600px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  body.gc .managed-howitworks .person-block {
    width: 150px;
  }
}

@media only screen and (min-width: 1101px) and (max-width: 1150px) {
  body.gc .managed-howitworks .person-block {
    width: 200px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1023px) {
  body.gc .managed-howitworks .long-arrow-icon {
    right: 39%;
  }
  body.gc .managed-howitworks > p {
    right: 36%;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  body.gc .managed-howitworks {
    height: auto;
  }
  body.gc .managed-howitworks .person-block, body.gc .managed-howitworks .long-arrow-icon, body.gc .managed-howitworks > p {
    display: block;
    margin: 0 auto;
    position: static;
  }
  body.gc .managed-howitworks .person-block {
    width: 100%;
  }
  body.gc .managed-howitworks > p {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    height: 0;
    right: 55%;
    margin: 0;
    position: relative;
    top: -60px;
  }
  body.gc .managed-howitworks .long-arrow-icon {
    display: block;
    margin: 1.875rem auto;
  }
  body.gc .managed-howitworks .long-arrow-icon:before {
    width: 54px;
  }
  body.gc .managed-howitworks .long-arrow-icon.to-left-down, body.gc .managed-howitworks .long-arrow-icon.to-right-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  body.gc .managed-howitworks .long-arrow-icon.to-left-up, body.gc .managed-howitworks .long-arrow-icon.to-right-up {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.managed-howitworks-wrapper {
  text-align: center;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
  .managed-howitworks-wrapper .big-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 1.25rem auto 1rem;
    position: static;
  }
}

/*---------------------------------------------------advantages-------------------------------------------------------*/
.investors-benefits ul p {
  line-height: 1.25rem;
}

.investors-benefits h1 {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

/*--------------------------------------------------lamm pamm------------------------------------------------------*/
.lamm-pamm table tbody td {
  vertical-align: top;
  text-align: right;
  padding: 1.25rem 1.375rem 1.25rem 1.25rem;
}

/* adaptive lamm-pamm */
.lamm-pamm table {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .lamm-pamm table tr td:first-child {
    display: none;
  }
}

.fin-review-item {
  margin-top: 0.6125rem;
  border-right: 5px #14817a solid;
}

.fin-review-item.second {
  border-right-color: #ce2029;
}

.fin-review-item.third {
  border-right-color: #FFC832;
}

.about-team-page .department-title {
  font: 2.25rem/2rem "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #ffffff;
  background: #FFC832;
  margin-bottom: 1.25rem;
  padding: 0.55rem 1.25rem 0.25rem 0.25rem;
}

@media only screen and (min-width: 0) and (max-width: 768px) {
  .about-team-page .employee {
    width: 100%;
  }
}

.about-team-page .employee-card {
  background-color: #ffffff;
  padding: 0 1.25rem 1.25rem 0.5rem;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1026px) {
  .about-team-page .employee-card {
    padding: 1rem 3rem 3rem 2rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 520px) {
  .about-team-page .employee-card {
    padding: 1rem 2rem 3rem 3rem;
  }
}

.about-team-page .employee-card .photo {
  float: right;
  margin-top: 1.25rem;
  width: 110px;
  height: 110px;
  overflow: hidden;
  margin-left: 1.25rem;
}

.about-team-page .employee-card .photo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.about-team-page .employee-card .caption {
  float: right;
  position: relative;
  padding-top: 1.25rem;
  margin-left: -1.25rem;
}

.about-team-page .employee-card .caption h6 {
  font: 1rem "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  margin: 0.25rem 0 1rem;
}

.about-team-page .employee-card .caption p.quoted {
  padding: 1.25rem 2.5rem;
  margin-bottom: 1rem;
  background: #f6f6f6;
  border-radius: 6px;
  width: 25rem;
  position: relative;
}

.about-team-page .employee-card .caption p.quoted:before {
  content: "“";
  position: absolute;
  right: 13px;
  top: -10px;
  width: 10px;
  height: 10px;
  font-size: 70px;
  color: #9c9c9c;
}

.trading-calc-page .account-type {
  font-size: 1.125rem;
}

.trading-calc-page .account-type a.with-icon {
  margin-right: 1.75rem;
}

.trading-calc-page .account-type a.with-icon .icon, .trading-calc-page .account-type a.with-icon .icon-portfolio, .trading-calc-page .account-type a.with-icon .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .trading-calc-page .account-type a.with-icon .block-portfolio {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.trading-calc-page .account-type a.with-icon.active {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #FFC832;
}

.trading-calc-page .account-type a.with-icon.active .title {
  border-color: transparent;
}

.trading-calc-page .trading-calc-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: top;
  margin-top: 3rem;
}

.trading-calc-page .trading-calc-filter .left-col, .trading-calc-page .trading-calc-filter .center-col, .trading-calc-page .trading-calc-filter .right-col {
  width: 32.5%;
}

.trading-calc-page .trading-calc-filter .left-col > div, .trading-calc-page .trading-calc-filter .center-col > div, .trading-calc-page .trading-calc-filter .right-col > div {
  margin-top: 2rem;
}

.trading-calc-page .trading-calc-filter .left-col > div:first-of-type, .trading-calc-page .trading-calc-filter .center-col > div:first-of-type, .trading-calc-page .trading-calc-filter .right-col > div:first-of-type {
  margin-top: 0;
}

.trading-calc-page .trading-calc-filter .left-col .currency select {
  width: 10.125rem;
}

.trading-calc-page .trading-calc-filter .left-col .balance label {
  width: 3rem;
  margin-right: 1rem;
}

.trading-calc-page .trading-calc-filter .left-col .balance input[type="range"] {
  width: 10rem;
  margin: 0 1rem 0 0.5rem;
}

.trading-calc-page .trading-calc-filter .left-col .balance input[type="text"] {
  width: 4rem;
}

.trading-calc-page .trading-calc-filter .center-col label, .trading-calc-page .trading-calc-filter .left-col label {
  width: 8.5rem;
  text-align: left;
}

.trading-calc-page .trading-calc-filter .center-col select, .trading-calc-page .trading-calc-filter .left-col select {
  width: 9.5rem;
  margin-right: 1.25rem;
}

.trading-calc-page .trading-calc-filter .right-col label {
  text-align: left;
  width: 8rem;
}

.trading-calc-page .trading-calc-filter .right-col input[type="text"] {
  width: 6.5rem;
  margin-right: 1.25rem;
}

.trading-calc-page .trading-calc-filter.prices {
  justify-content: space-around;
  padding: 0 10%;
}

.trading-calc-page .buttons .button + .button, .trading-calc-page .buttons .black + .button, .trading-calc-page .buttons .button + .black, .trading-calc-page .buttons .black + .black {
  margin-right: 2.75rem;
}

/* /trading/calculator/ */
.trading-acc-specs {
  margin-bottom: 75px;
}

.trading-acc-specs .tabs {
  display: flex;
  /*320!!!*/
}

.trading-acc-specs .tabs::before {
  content: none;
}

@media only screen and (max-width: 64em) {
  .trading-acc-specs .tabs {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.trading-acc-specs .tabs dd {
  flex: 1;
  float: none;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-acc-specs .tabs dd {
    width: 22%;
    flex: none;
  }
}

@media only screen and (max-width: 40em) {
  .trading-acc-specs .tabs dd {
    width: 30%;
  }
}

.trading-acc-specs .tabs dd a {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  text-align: center;
  height: auto;
  line-height: normal;
  color: #848484;
  border: none;
  border-bottom: 1px solid rgba(66, 61, 51, 0.2);
  background: transparent;
  padding-bottom: 15px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-acc-specs .tabs dd a {
    font-size: 16px;
    background: #ACDDD6;
    color: #424243;
    border: none;
    padding: 10px;
    margin-bottom: 10px;
  }
}

.trading-acc-specs .tabs dd.active a {
  background: transparent !important;
  color: #009e82;
  border-bottom: 2px solid #009e82;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-acc-specs .tabs dd.active a {
    background: #009e82 !important;
    color: #FFFFFF;
    border: none;
  }
}

.trading-acc-specs .specs-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 34px;
}

.trading-acc-specs .specs-button {
  background: #f7f7f7;
  color: #423d33;
  display: inline-block;
  width: 100%;
  max-width: 355px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 300ms ease-out;
  height: 66px;
  display: flex;
  align-items: center;
}

.trading-acc-specs .specs-button:hover {
  overflow: visible;
}

.trading-acc-specs .specs-button:hover .pseudo-option {
  color: #424243;
}

.trading-acc-specs .specs-button.active {
  background: #009e82;
  color: #FFFFFF;
}

.trading-acc-specs .specs-button.active .spec-arrow {
  border-color: #FFFFFF !important;
}

.trading-acc-specs .specs-button .spec-type-name {
  font-family: "pfDinTextBold", "Helvetica Neue", "Arial";
  font-size: 18px;
  vertical-align: middle;
  padding-right: 40px;
  padding-left: 25px;
}

.trading-acc-specs .specs-button .pseudo-select {
  flex: 1;
  padding-right: 26px;
}

.trading-acc-specs .specs-button .pseudo-select .selected-option {
  line-height: 66px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
}

.trading-acc-specs .specs-button .pseudo-select .spec-arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #423D33;
  left: 15px;
  top: 45%;
  border-right: none;
  border-top: none;
  transform: translateY(-50%) rotate(-45deg);
}

.trading-acc-specs .specs-button .pseudo-select .options-container {
  right: 0;
  top: 66px;
  position: absolute;
  width: 355px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(66, 61, 51, 0.15);
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option {
  font-size: 18px;
  overflow: hidden;
  display: inline-block;
  padding: 12px 40px;
  display: block;
  color: #FFFFFF;
  color: #424243;
  transition: all 300ms ease-out;
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option.active {
  background: #A6D8CF;
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option .select-annotation {
  visibility: hidden;
  float: left;
  position: relative;
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option .select-annotation:before {
  content: "?";
  position: relative;
  cursor: pointer;
  display: inline-block;
  background-color: #14817a;
  width: 1rem;
  height: 1rem;
  font-size: 0.7rem;
  line-height: 1.1rem;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  margin-right: 0.2rem;
  top: -0.2rem;
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option .select-annotation:hover:before {
  background-color: #116b65;
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option .select-annotation:hover .third-tip {
  display: block;
  top: 2rem;
  right: 0;
  bottom: inherit;
  left: inherit;
  color: #ffffff;
  width: auto;
  min-width: 12rem;
  background-color: #14817a;
}

.trading-acc-specs .specs-button .pseudo-select .options-container .pseudo-option .select-annotation:hover .third-tip:before {
  border: inset 10px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #14817a transparent;
  border-bottom-style: solid;
  position: absolute;
  right: 2.2rem;
  top: -20px;
}

.trading-acc-specs .specs-button .pseudo-select .options-container:hover .pseudo-option.active {
  background: #A6D8CF;
}

.trading-acc-specs .specs-button .pseudo-select:hover {
  background: #A6D8CF;
  overflow: visible;
}

.trading-acc-specs .specs-button .pseudo-select:hover .pseudo-option {
  overflow: inherit;
  color: #424243;
  padding: 12px 40px;
}

.trading-acc-specs .specs-button .pseudo-select:hover .pseudo-option:hover {
  background-color: #A6D8CF;
}

.trading-acc-specs .specs-button .pseudo-select:hover .pseudo-option:hover .select-annotation {
  visibility: visible;
}

.trading-acc-specs .specs-button .pseudo-select:hover .selected-option {
  color: #000000;
  text-decoration: underline;
}

.trading-acc-specs .specs-button .pseudo-select:hover .spec-arrow {
  border-color: #424243 !important;
}

.trading-acc-specs .spec-table {
  border: 1px solid #F4F4F4;
}

.trading-acc-specs .spec-table thead {
  background: #FFFFFF;
}

.trading-acc-specs .spec-table thead tr td {
  font-size: 14px;
  text-align: center;
  color: #009e82;
  border: 1px solid #009e82;
  border-right: none;
  border-left: none;
  min-width: 84px;
}

.trading-acc-specs .spec-table thead tr td:first-child {
  width: 84px;
  text-align: right;
  border-right: 1px solid #fff;
}

.trading-acc-specs .spec-table thead tr td:nth-child(2) {
  width: 189px;
}

.trading-acc-specs .spec-table thead tr td:last-child {
  border-left: 1px solid #fff;
}

.trading-acc-specs .spec-table thead tr td input[type="search"] {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 14px;
  height: 30px;
  width: 79px;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  color: #423D33;
}

.trading-acc-specs .spec-table thead tr td input[type="search"]::placeholder {
  color: #423D33;
}

.trading-acc-specs .spec-table tbody tr {
  background: #FFFFFF;
}

.trading-acc-specs .spec-table tbody tr:nth-of-type(odd) {
  background: #f9f9f9;
}

.trading-acc-specs .spec-table tbody tr td {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  border-right: 1px solid #F4F4F4;
  border-left: 1px solid #F4F4F4;
  color: #000000;
}

.trading-acc-specs .spec-table tbody tr td:first-child {
  font-size: 13px;
}

.trading-acc-specs .spec-table tbody tr td:nth-child(2) {
  font-size: 14px;
}

.trading-acc-specs .spec-table tbody tr td:last-child {
  font-size: 14px;
}

.trading-acc-specs .spec-table tbody tr td a {
  color: #000000;
}

.trading-acc-specs .tabs-content {
  padding: 34px 30px;
  margin-top: 34px;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-acc-specs .tabs-content {
    overflow: scroll;
  }
  .trading-acc-specs .tabs-content .tab[data-account-tab] {
    width: 1130px;
  }
}

/* -- mt5 -- */
.specs-buttons {
  margin: 0 -10px 34px -10px !important;
}

.specs-buttons__item {
  margin: 0 10px 0 10px !important;
}

.specs-buttons__item--Indices, .specs-buttons__item--Crypto {
  width: 135px !important;
  overflow: visible !important;
}

.specs-buttons__item--Indices:hover, .specs-buttons__item--Crypto:hover {
  background: #A6D8CF;
  transition: none !important;
}

.specs-buttons__item--Indices span, .specs-buttons__item--Crypto span {
  margin-left: 40px !important;
}

.specs-buttons__item-name {
  padding: 0 15px 0 15px !important;
}

.specs-buttons__item-select {
  padding: 0 10px 0 0 !important;
}

.spec-table--mt5 thead tr td:nth-of-type(2) {
  width: 100px !important;
}

.spec-table--mt5 thead tr td:last-child {
  width: 200px !important;
}

[data-account-tab="mt5"] .specs-buttons__item--ETF {
  min-width: 135px !important;
  max-width: 135px !important;
  overflow: visible !important;
}

[data-account-tab="mt5"] .specs-buttons__item--ETF:hover {
  background: #A6D8CF;
  transition: none !important;
}

/* /trading/contract_specs/ */
.trading-cfd .hero {
  padding-bottom: 200px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-cfd .hero {
    padding-bottom: 120px;
  }
}

.trading-cfd__bg {
  background: url("/static/img/trading-cfd/hero-trading-cfd.png") no-repeat center;
  background-size: cover;
  position: fixed;
  top: 10px;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 900px;
  z-index: -1;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-cfd__bg {
    background-position: 40% 15%;
  }
}

@media only screen and (max-width: 40em) {
  .trading-cfd__bg {
    background-size: 250%;
    background-position: 40% 15%;
    top: 250px;
  }
}

@media only screen and (max-width: 40em) {
  .trading-cfd__bg {
    background-position: 50% 15%;
    top: 300px;
  }
}

.trading-cfd__bg.ar, .trading-cfd__bg.fa {
  transform: scale(-1, 1);
}

.trading-cfd__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 24px;
  margin-bottom: 20px;
}

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

.trading-cfd__list-item {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 18px;
  position: relative;
  padding-right: 27px;
  margin-bottom: 5px;
}

.trading-cfd__list-item::after {
  content: '';
  background: url("/static/svg/base/icon-check.svg") no-repeat center;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 5px;
  width: 17px;
  height: 13px;
}

.trading-cfd__button {
  margin-top: 30px;
}

.trading-cfd .opportunity {
  background: #EBEBEB;
  padding: 75px 0;
}

.trading-cfd .opportunity__icon {
  text-align: center;
  margin-bottom: 30px;
  min-height: 46px;
}

.trading-cfd .opportunity__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 22px;
  color: #000000;
  margin-bottom: 20px;
}

.trading-cfd .opportunity__desc {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #000000;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-cfd .opportunity__desc {
    margin-bottom: 25px;
  }
}

.trading-cfd .advantages {
  padding: 75px 0;
}

.trading-cfd .advantages__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 590px;
  margin-top: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-cfd .advantages__items {
    max-width: 100%;
    flex-direction: column;
    padding: 0 10px;
  }
}

.trading-cfd .advantages__item {
  max-width: 280px;
  width: 100%;
  min-height: 256px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  cursor: pointer;
  /*320!!!*/
}

.trading-cfd .advantages__item:hover {
  background: #FFFFFF;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
}

.trading-cfd .advantages__item:hover .advantages__img {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  transition: all .3s ease;
}

.trading-cfd .advantages__item:hover .advantages__desc {
  position: static;
  opacity: 1;
  transition: all .3s ease;
}

@media only screen and (max-width: 40em) {
  .trading-cfd .advantages__item {
    max-width: 100%;
    min-height: auto;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    padding-left: 40px;
    position: relative;
  }
  .trading-cfd .advantages__item:hover .advantages__img {
    opacity: 1;
    width: 100%;
    height: auto;
    position: static;
    transition: all .3s ease;
  }
  .trading-cfd .advantages__item::after {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #000000;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 50%;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg) translateY(-50%);
  }
}

.trading-cfd .advantages__img {
  transition: all .3s ease;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-cfd .advantages__img {
    max-width: 35px;
  }
}

.trading-cfd .advantages__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  font-size: 18px;
  color: #000000;
  margin-top: 20px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-cfd .advantages__name {
    margin-top: 0;
    margin-right: 20px;
    text-align: right;
  }
}

.trading-cfd .advantages__desc {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  position: absolute;
  left: -999px;
  top: -999px;
  opacity: 0;
  color: #000000;
  margin-top: 20px;
  transition: all .3s ease;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trading-cfd .advantages__desc {
    display: none;
    opacity: 1;
    position: static;
  }
}

.trading-cfd .slider {
  padding: 75px 0;
  background: #ffffff;
}

.trading-cfd .slider__content {
  display: flex;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-cfd .slider__content {
    flex-wrap: wrap;
  }
}

.trading-cfd .slider__img {
  max-width: 530px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-cfd .slider__img {
    margin: auto;
  }
}

.trading-cfd .slider__text {
  max-width: 645px;
  /*320!!!*/
}

.trading-cfd .slider__text p {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #000000;
  padding-bottom: 20px;
}

@media only screen and (max-width: 64em) {
  .trading-cfd .slider__text {
    margin: auto;
  }
}

.trading-cfd .earn-money {
  padding: 75px 0;
  background: url("/static/img/trading-cfd/earn-money-bg.png") center left no-repeat;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trading-cfd .earn-money {
    background: #efefef;
  }
}

.trading-cfd .earn-money.ar, .trading-cfd .earn-money.fa {
  background: url("/static/img/trading-cfd/earn-money-bg--revert.png") center right no-repeat;
}

.trading-cfd .earn-money__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: ol;
  max-width: 550px;
}

.trading-cfd .earn-money__step {
  padding-right: 50px;
  margin-bottom: 20px;
  position: relative;
}

.trading-cfd .earn-money__step::before {
  content: counter(ol);
  counter-increment: ol;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 40px;
  color: #009e82;
  display: inline-block;
  position: absolute;
  right: 0;
}

.trading-cfd .earn-money__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  color: #000000;
  margin-bottom: 10px;
}

.trading-cfd .earn-money__desc {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #000000;
}

.trading-cfd .earn-money__button {
  margin-top: 35px;
}

/* /trading/cfd/ */
.main.awards > .row > .row:not(:first-child) {
  background: #ffffff;
  margin: 0;
  padding: 2.5rem 3.75rem;
}

.main.awards > .row > .row:not(:first-child) h2 {
  font: 2.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
  margin-bottom: 2.75rem;
}

.main.awards > .row > .row:not(:first-child) > .row {
  margin: 0;
}

.main.awards > .row > .row:not(:first-child) > .row .goblet, .main.awards > .row > .row:not(:first-child) > .row .diploma {
  display: inline-block;
  vertical-align: middle;
  background: url(../img/awards.png) no-repeat;
  height: 80px;
  margin-left: .91rem;
  width: 65px;
}

.main.awards > .row > .row:not(:first-child) > .row .diploma {
  background-position: 100% 0;
}

.main.awards > .row > .row:not(:first-child) > .row .goblet {
  background-position: 100% -83px;
}

.main.awards > .row > .row:not(:first-child) > .row p {
  display: inline-block;
  vertical-align: middle;
  width: 82%;
}

.main.awards > .row > .row:not(:first-child) > .row p span {
  display: block;
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0 0 .3125rem 0;
}

.main.awards > .row .img-wrapper, .main.awards > .row .text-wrapper {
  display: inline-block;
  vertical-align: middle;
  clear: both;
  float: none;
}

.main.awards > .row .img-wrapper {
  width: 39%;
}

.main.awards > .row .img-wrapper img:not(.hor-img) {
  max-width: 269px;
}

.main.awards > .row .img-wrapper img.special-height {
  height: 500px;
}

.main.awards > .row .img-wrapper img.old-diploma {
  width: 100%;
}

.main.awards > .row .img-wrapper.img-width {
  width: 49%;
}

.main.awards > .row .img-wrapper.img-width .columns {
  padding: 0;
}

.main.awards > .row .text-wrapper {
  width: 60%;
}

.main.awards > .row .text-wrapper.info-width {
  width: 50%;
}

/* adaptive */
.main.awards > .row > .row:not(:first-child) {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .main.awards > .row > .row:not(:first-child) {
    padding: 1.25rem;
  }
}

@media only screen and (max-width: 30em) {
  .main.awards > .row > .row:not(:first-child) {
    padding: .625rem;
  }
}

.main.awards > .row > .row:not(:first-child) > .row .goblet, .main.awards > .row > .row:not(:first-child) > .row .diploma {
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .main.awards > .row > .row:not(:first-child) > .row .goblet, .main.awards > .row > .row:not(:first-child) > .row .diploma {
    display: none;
  }
}

.main.awards > .row > .row:not(:first-child) > .row p {
  /*320!!!*/
}

@media only screen and (min-width: 1024px) and (max-width: 1075px) {
  .main.awards > .row > .row:not(:first-child) > .row p {
    width: 78%;
  }
}

@media only screen and (min-width: 911px) and (max-width: 1023px) {
  .main.awards > .row > .row:not(:first-child) > .row p {
    width: 84%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 910px) {
  .main.awards > .row > .row:not(:first-child) > .row p {
    width: 78%;
  }
}

@media only screen and (max-width: 40em) {
  .main.awards > .row > .row:not(:first-child) > .row p {
    width: 75%;
  }
}

.main.awards > .row .img-wrapper {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
  .main.awards > .row .img-wrapper {
    float: right;
    width: 100%;
  }
  .main.awards > .row .img-wrapper .hor-img {
    width: 419px;
  }
}

@media only screen and (max-width: 40em) {
  .main.awards > .row .img-wrapper img {
    width: 75%;
  }
}

@media only screen and (max-width: 30em) {
  .main.awards > .row .img-wrapper img {
    width: 100%;
  }
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
  .main.awards > .row .text-wrapper {
    float: right;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .main.awards > .row .img-wrapper img.special-height {
    height: auto;
  }
  .main.awards > .row .img-wrapper img.old-diploma {
    width: auto;
  }
  .main.awards > .row .img-wrapper.img-width {
    width: 100%;
  }
  .main.awards > .row .text-wrapper.info-width {
    width: 100%;
  }
}

/* /about/awards/ */
.training-frontpage__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 3rem;
  margin-top: 65px;
  margin-top: 2.5rem;
  color: #424243;
}

.training-frontpage__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 860px;
  background: url("/static/img/education/education-bg.png") no-repeat center;
  background-size: cover;
  z-index: -1;
}

.training-frontpage__row {
  display: flex;
  flex-wrap: wrap;
}

.training-frontpage__for {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  color: #423D33;
  margin-bottom: 10px;
}

.training-frontpage__desc {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #009e82;
  padding-bottom: 10px;
  border-bottom: 1px solid #009e82;
}

.training-frontpage__courses {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  max-width: 385px;
  width: 100%;
  margin-left: 30px;
  padding: 30px 20px 55px 20px;
  transition: all .3s ease;
}

.training-frontpage__courses:last-child {
  margin-left: 0;
}

.training-frontpage__courses .info {
  padding-top: 20px;
  text-align: center;
}

.training-frontpage__courses .info-line {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #423D33;
}

.training-frontpage__courses:hover {
  background: #ffffff;
  transform: scale(1.04);
  transition: all .3s ease;
}

.training-frontpage .courses {
  margin-bottom: 200px;
}

.training-frontpage .webinars table tbody tr td {
  padding-right: 1.25rem;
}

.training-frontpage .webinars table tbody tr td:first-child {
  font-size: 0.875rem;
  padding-right: 1.75rem;
}

.training-frontpage .webinars .text-center {
  background: #FFC832;
  padding-bottom: 0.5rem;
}

.training-frontpage .webinars .text-center a {
  color: #ffffff;
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  border-bottom-color: #ffffff;
}

.training-frontpage .webinars .text-center a:hover {
  border-bottom-color: transparent;
}

.training-frontpage .faq .training-schedule table {
  margin-top: 2.25rem;
  width: 47.5%;
}

.training-frontpage .faq .training-schedule table,
.training-frontpage .faq .training-schedule table * {
  border-color: #14817a !important;
}

.training-frontpage .faq .training-schedule table thead {
  background: #14817a;
}

.training-frontpage .faq .training-schedule table thead tr td {
  color: #ffffff;
}

.training-frontpage .faq .training-schedule table tbody tr {
  background: #ffffff;
}

.training-frontpage .faq .training-schedule table tbody tr:nth-child(even) {
  background: #e9f4f1;
}

.training-frontpage .faq .training-schedule table tbody tr td {
  border: none;
}

.training-frontpage .faq .training-schedule table tbody tr td:first-child {
  border-left: 1px solid;
}

.training-frontpage .faq .training-schedule .courses .title {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
  text-align: right;
  padding-right: 2rem;
  padding-bottom: 1rem;
}

.training-frontpage .faq .training-schedule .courses .info {
  background: #e9f4f1;
  width: 49.5%;
  padding: 2.25rem 2rem 1rem;
}

.training-frontpage .map-menu li {
  cursor: pointer;
}

.training-frontpage .city {
  position: relative;
  display: inline-block;
}

.training-frontpage .city a {
  border: none;
}

.training-frontpage .city .city-name {
  display: inline-block;
}

.training-frontpage .city .city-name span {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  border-bottom: 2px dashed #424243;
}

.training-frontpage .city .cities {
  display: none;
  position: absolute;
  font-size: 1.325rem;
  top: 100%;
  right: 0;
  width: 100%;
  min-width: 13rem;
  z-index: 20;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .training-frontpage .city .cities {
    position: relative;
  }
}

.training-frontpage .city .cities .city-item {
  padding: 0.5rem 1rem;
  display: block;
  background: #424243;
  color: #ffffff;
  text-decoration: none;
}

.training-frontpage .city .cities .city-item:hover {
  background: #332622;
}

.training-frontpage .ed-schedule__title {
  margin-bottom: 65px;
}

.training-frontpage .ed-schedule__title a {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #424243;
  font-size: 2.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.training-frontpage .ed-schedule__wrapper {
  display: flex;
  justify-content: space-between;
}

.training-frontpage .ed-schedule__item {
  flex: 1;
}

.training-frontpage .ed-schedule__row {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}

.training-frontpage .ed-schedule__row:nth-child(1n + 4) {
  display: none;
}

.training-frontpage .ed-schedule__desc {
  width: 100%;
}

.training-frontpage .ed-schedule__desc:hover .ed-schedule__clock {
  display: none;
}

.training-frontpage .ed-schedule__desc:hover .ed-schedule__sign {
  display: block;
}

.training-frontpage .ed-schedule__date {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 2.25rem;
  text-align: center;
  color: #009e82;
  margin-left: 25px;
}

.training-frontpage .ed-schedule__date span {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #848484;
  text-align: center;
  font-size: 0.875rem;
  display: block;
  width: 55px;
}

.training-frontpage .ed-schedule__link {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #423D33;
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
}

.training-frontpage .ed-schedule__clock {
  display: block;
  visibility: visible;
  position: relative;
  margin-right: 24px;
  font-size: 0.875rem;
  color: #848484;
}

.training-frontpage .ed-schedule__clock-icon {
  background: url("/static/img/time.png");
  background-position: 100% -45px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -22px;
  top: 0px;
}

.training-frontpage .ed-schedule__sign {
  display: none;
}

.training-frontpage .ed-schedule__button {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 1rem;
  color: #009e82;
  border: 1px solid #009e82;
  background: transparent;
  border-radius: 3px;
  padding: 0.4375rem 1.25rem;
}

.training-frontpage .forex-title {
  margin-top: 6.25rem;
  margin-bottom: 3.75rem;
}

.webinars-table {
  border: 3px solid #14817a;
  border-collapse: collapse;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .webinars-table {
    border-color: transparent;
  }
}

.webinars-table .webinar-row {
  background: none;
  vertical-align: top;
}

.webinars-table .webinar-row .webinar-item {
  padding: 1.8rem;
  border: 3px solid #14817a;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .webinars-table .webinar-row .webinar-item {
    float: right;
    border-bottom: none;
  }
  .webinars-table .webinar-row .webinar-item:last-of-type {
    border-bottom: 3px solid #14817a;
  }
}

.webinars-table .webinar-row .webinar-item:hover {
  background: #ffffff;
}

.webinars-table .webinar-row .webinar-item:hover .sign {
  visibility: visible;
}

.webinars-table .date {
  font: 4.5rem/4rem "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
}

.webinars-table .date span {
  display: block;
  font: 0.875rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.webinars-table .content {
  text-align: right;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .webinars-table .content {
    margin-top: 1rem;
    text-align: center;
  }
}

.webinars-table .clock {
  color: #919191;
  margin-bottom: 0.5rem;
  display: block;
  position: relative;
  text-align: center;
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .webinars-table .clock {
    position: absolute;
    bottom: -0.2rem;
    text-align: right;
    margin-top: 1.1rem;
  }
}

.webinars-table .clock .clock-icon {
  background: url(../img/time.png);
  background-position: 100% -45px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 0.4rem;
  margin-bottom: -2px;
}

.webinars-table .sign {
  text-align: left;
  position: relative;
  margin-top: 1rem;
  visibility: hidden;
  transition: all 300ms ease-out;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .webinars-table .sign {
    text-align: center;
    visibility: visible;
  }
}

.black-arrow-down {
  display: inline-block;
  background: url(../img/icons.png) no-repeat;
  height: 11px;
  margin-right: 10px;
  width: 18px;
  background-position: -200px -120px;
}

.video-popular .column .text {
  margin-top: 20px;
}

.webinar-info {
  background: #ffffff;
  padding: 40px !important;
}

.webinar-info .time {
  font-size: 24px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  display: block;
  margin-bottom: 30px;
  margin-right: 45px;
  margin-top: 0;
  position: relative;
}

.webinar-info .time .time-icon {
  background: url(../img/time.png);
  background-position: 100% -0;
  width: 37px;
  height: 43px;
  position: absolute;
  right: -45px;
  top: -10px;
  position: absolute;
}

.webinar-info .speaker {
  font-family: "pfDinTextMedItalic", "Helvetica Neue", "Arial";
  display: block;
}

.education-white-tabs dd a span {
  text-align: center;
}

.training-item {
  border: 4px solid #FFC832;
}

.training-item .title {
  font-size: 18px;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: 5px;
  display: block;
}

.training-item .training-head {
  background: #FFC832;
  position: relative;
  padding: 0 2.125rem;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .training-item .training-head {
    padding: 0.5rem;
  }
}

.training-item .training-head h4 {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.training-item .training-head strong {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.training-item .training-head .flow {
  color: #ffffff;
  margin-bottom: 5px;
}

.training-item .training-head .speaker {
  border: 3px solid #fff;
}

.training-item .training-head .speaker h3 {
  font-size: 1.2rem;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.training-item .training-head .speaker .img {
  height: 79px;
  width: 79px;
  margin: 0 auto;
}

.training-item .training-head .speaker .img.novik {
  background: url(../img/novik.png);
}

.training-item .training-head .speaker .img.kozlovsky {
  background: url(../img/kozlovsky.png);
}

.training-item .training-head .speaker .img.vaniev {
  background: url(../img/vaniev.png);
}

.training-item .training-head .speaker:after {
  content: '';
  clear: both;
}

.training-item .training-about {
  padding: 2.125rem;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .training-item .training-about {
    padding: 0.5rem;
  }
}

.training-item .training-about p,
.training-item .training-about li {
  line-height: 1.25rem !important;
}

.training-item .training-about p {
  margin-bottom: 5px;
}

#connect-modal .phone-select {
  width: 40%;
  float: right;
}

#connect-modal .phone-input {
  width: 55%;
  float: left;
}

.ed-webinar {
  background: url("../img/education/webinar-bg.png") 5% 100% no-repeat #fff;
  padding-top: 4.375rem;
  padding-bottom: 100px;
}

.ed-webinar__title {
  font-size: 3rem;
  color: #000000;
}

.ed-webinar__date {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  color: #000000;
  margin-top: 30px;
}

.ed-webinar__description {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.125rem;
  color: #000000;
  line-height: 1.375rem;
  margin-top: 20px;
}

.ed-webinar__speaker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
}

.ed-webinar__speaker-img {
  margin-left: 15px;
  max-width: 50px;
}

.ed-webinar__speaker-name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.125rem;
  color: #000000;
  line-height: 1.375rem;
}

.ed-webinar__video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.ed-webinar__video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ed-webinar__record {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #848484;
  text-align: center;
  margin-top: 15px;
}

.ed-near {
  padding-top: 70px;
}

.ed-near__title {
  text-align: center;
}

.ed-near__title a {
  font-size: 2.25rem;
  color: #000000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.ed-near__table {
  border: none;
  background: none;
  margin-top: 45px;
}

.ed-near__row {
  display: flex;
}

.ed-near__sub-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ed-near__item {
  border: none;
}

.ed-near__date {
  padding-top: 10px !important;
  font-size: 36px;
  text-align: center;
  color: #009e82;
}

.ed-near__date span {
  display: block;
  font-size: 0.875rem;
  text-align: center;
  color: #848484;
  margin-top: 5px;
}

.ed-near__name {
  display: block;
  text-align: right;
  font-size: 1.125rem;
  height: 51px;
}

.ed-near__clock {
  display: block;
  position: relative;
  margin-right: 24px;
  font-size: 0.875rem;
  color: #848484;
  margin-top: 7px;
}

.ed-near__clock .clock-icon {
  background: url("/static/img/time.png");
  background-position: 100% -45px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: -22px;
  top: 0px;
}

.ed-near .sign {
  text-align: right;
  margin-top: 5px;
}

.ed-near .sign a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  border-radius: 3px;
  color: #009e82;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding: 10px 18px;
  letter-spacing: normal;
  background: none;
  border: 1px solid transparent;
  transition: all .3s ease;
}

.ed-near .sign a:hover {
  border: 1px solid #00b0a2;
  transition: all .3s ease;
}

@media screen and (max-width: 768px) {
  .training-frontpage__img {
    height: 750px;
  }
  .training-frontpage__title {
    line-height: normal;
    font-size: 1.75rem;
    color: #000000;
  }
  .training-frontpage__row {
    width: 90%;
  }
  .training-frontpage__desc {
    font-size: 0.875rem;
  }
  .training-frontpage .courses {
    margin-bottom: 100px;
  }
  .training-frontpage__courses {
    max-width: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 30px !important;
  }
  .training-frontpage__courses:hover {
    background: rgba(255, 255, 255, 0.7);
    transform: scale(1);
  }
  .training-frontpage .a-slider__dots {
    width: 100%;
    position: absolute;
    bottom: -45px;
  }
  .training-frontpage .a-slider__dots li {
    margin-left: 15px;
  }
  .training-frontpage .a-slider__dots li button {
    width: 10px;
    height: 10px;
    background: #ffffff;
  }
  .training-frontpage .a-slider__dots li.slick-active button {
    width: 14px;
    height: 14px;
    background: #009e82;
  }
  .training-frontpage .ed-schedule__wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .training-frontpage .ed-schedule__item {
    padding: 0 15px;
  }
  .training-frontpage .forex-title {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .training-frontpage .see-all {
    margin-bottom: 50px;
  }
  .ed-webinar {
    padding-top: 2.8125rem;
    padding-bottom: 4.0625rem;
  }
  .ed-webinar__title {
    font-size: 2.25rem;
  }
  .ed-webinar__btn {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .ed-webinar__record {
    margin-bottom: 15px;
  }
  .ed-near {
    padding-top: 45px;
  }
  .ed-near__title {
    text-align: right;
  }
  .ed-near__row {
    flex-direction: column;
  }
  .ed-near__item {
    display: flex;
  }
  .ed-near__date {
    max-width: 65px;
    padding-right: 0 !important;
  }
  .ed-near .sign {
    text-align: left;
  }
}

/* /education/ */
.partnership-program__bg {
  background: url("/static/img/partnership/hero-bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 40px;
  right: 0;
  width: 100%;
  height: 100vh;
  max-height: 800px;
  z-index: -1;
  /*320!!!*/
  /*320!!!*/
}

.partnership-program__bg.ar {
  transform: scale(-1, 1);
}

@media only screen and (max-width: 64em) {
  .partnership-program__bg {
    background-position: 70%;
    min-height: 700px;
    top: 100px;
  }
}

@media only screen and (max-width: 40em) {
  .partnership-program__bg {
    background: none;
  }
}

.partnership-program .hero {
  min-height: 530px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program .hero {
    min-height: auto;
    padding-bottom: 60px;
  }
}

.partnership-program__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 800px;
  margin: 24px 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program__items {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}

.partnership-program__item {
  padding: 40px 20px 20px 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  max-width: 186px;
  width: 100%;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program__item {
    padding: 0;
    display: flex;
    align-items: center;
    background: transparent;
    max-width: auto;
    margin-bottom: 10px;
  }
}

.partnership-program__item-img {
  text-align: center;
  min-height: 48px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program__item-img {
    min-width: 30px;
    max-width: 30px;
    margin-left: 25px;
  }
}

.partnership-program__item-desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  margin-top: 30px;
  font-size: 18px;
  color: #000000;
  min-height: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program__item-desc {
    margin-top: 0;
    text-align: right;
  }
}

.partnership-program .tabs {
  display: flex;
  align-items: flex-end;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program .tabs {
    overflow: scroll;
  }
}

.partnership-program .tabs::before {
  content: none;
}

.partnership-program .tabs dd {
  flex: 1;
  float: none;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program .tabs dd {
    min-width: 320px;
  }
}

.partnership-program .tabs dd.tab-regional {
  min-width: 360px;
}

.partnership-program .tabs dd a {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  text-align: center;
  height: auto;
  line-height: normal;
  color: #848484;
  border: none;
  border-bottom: 1px solid rgba(66, 61, 51, 0.2);
  background: transparent;
  padding-bottom: 25px;
  outline: none;
}

.partnership-program .tabs dd.active a {
  background: transparent !important;
  color: #009e82;
  border-bottom: 2px solid #009e82;
}

.partnership-program .tabs-content {
  background: transparent;
}

.partnership-program .tabs-content .content .about {
  padding: 50px 0;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program .tabs-content .content .about {
    background-position: 60%;
  }
}

.partnership-program .tabs-content .content.web .about {
  background-image: url("/static/img/partnership/web-bg.png");
}

.partnership-program .tabs-content .content.web .about.ar {
  background-image: url("/static/img/partnership/web-bg-ar.png");
}

.partnership-program .tabs-content .content.regional .about {
  background-image: url("/static/img/partnership/regional-bg.png");
}

.partnership-program .tabs-content .content.regional .about.ar {
  background-image: url("/static/img/partnership/regional-bg-ar.png");
}

.partnership-program .tabs-content .content.franchise .about {
  background-image: url("/static/img/partnership/franchise-bg.png");
}

.partnership-program .tabs-content .content.franchise .about.ar {
  background-image: url("/static/img/partnership/franchise-bg-ar.png");
}

.partnership-program .tabs-content .content.white-label .about {
  background-image: url("/static/img/partnership/label-bg.png");
}

.partnership-program .tabs-content .content.white-label .about.ar {
  background-image: url("/static/img/partnership/label-bg-ar.png");
}

.partnership-program .tabs-content .content .how-work {
  padding-top: 50px;
  margin-bottom: 50px;
}

.partnership-program .tabs-content .content .multilevel-partner {
  padding-bottom: 100px;
}

.partnership-program .tabs-content .content .multilevel-partner__scheme {
  display: flex;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program .tabs-content .content .multilevel-partner__scheme {
    margin-top: 50px;
  }
}

.partnership-program .tabs-content .content .multilevel-partner__image {
  width: 235px;
  height: 162px;
  background: url("/static/img/partnership/multilevel.svg") center/cover no-repeat;
}

.partnership-program .tabs-content .content .multilevel-partner__image.ar {
  background-image: url("/static/img/partnership/multilevel-ar.svg");
}

.partnership-program .tabs-content .content .multilevel-partner__reward {
  text-align: right;
  padding-right: 15px;
  width: 125px;
}

.partnership-program .tabs-content .content .multilevel-partner__reward p {
  text-align: right;
}

.partnership-program .tabs-content .content .multilevel-partner__reward p.green {
  color: #377F6B;
  margin-bottom: 10px;
}

.partnership-program .tabs-content .content .supports {
  background: url("/static/img/partnership/supports-bg.png") center top/cover no-repeat;
  padding: 75px 30px 75px 30px;
}

@media all and (max-width: 1100px) {
  .partnership-program .tabs-content .content .supports {
    padding: 50px 20px 75px 20px;
  }
}

.partnership-program .tabs-content .content .supports.ar {
  transform: scale(-1, 1);
}

.partnership-program .tabs-content .content .supports .gc-grid {
  padding: 0 0 0 0 !important;
}

.partnership-program .tabs-content .content .supports__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.partnership-program .tabs-content .content .supports__icon {
  margin-left: 15px;
}

.partnership-program .tabs-content .content .supports__icon [data-rtl] {
  order: 2;
}

.partnership-program .tabs-content .content .supports__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 18px;
  line-height: 22px;
  max-width: 280px;
}

.partnership-program .tabs-content .content .supports__name [data-rtl] {
  order: 1;
}

.partnership-program .tabs-content .content .example {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 35px 30px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .partnership-program .tabs-content .content .example {
    margin-top: 50px;
  }
}

.partnership-program .tabs-content .content .example__img {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  position: relative;
  color: #424243;
  padding-right: 50px;
  padding-top: 10px;
}

.partnership-program .tabs-content .content .example__img::before {
  content: '';
  background: url("/static/img/partnership/city.jpg") center/cover no-repeat;
  border-radius: 50%;
  display: block;
  height: 40px;
  width: 40px;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.partnership-program .tabs-content .content .example__img.person::before {
  background-image: url("/static/img/partnership/francisco.jpg");
}

.partnership-program .tabs-content .content .example__img.person.ru::before {
  background-image: url("/static/img/partnership/igor.jpg");
}

.partnership-program .tabs-content .content .example__img.person.uk::before {
  background-image: url("/static/img/partnership/igor.jpg");
}

.partnership-program .tabs-content .content .example__img.person.zh-hans::before {
  background-image: url("/static/img/partnership/ling.jpg");
}

.partnership-program .tabs-content .content .example__img.person.id::before {
  background-image: url("/static/img/partnership/rahmat.jpg");
}

.partnership-program .tabs-content .content .example__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partnership-program .tabs-content .content .example__item {
  position: relative;
  padding-right: 25px;
  margin-bottom: 10px;
  color: #000000;
}

.partnership-program .tabs-content .content .example__item::before {
  content: '';
  width: 13px;
  height: 13px;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  background: #009e82;
  position: absolute;
  right: 0;
  box-shadow: 0px 2px 8px rgba(66, 61, 51, 0.15);
}

.partnership-program .tabs-content .content .example__item .green {
  color: #377F6B;
}

.partnership-program .tabs-content .content .compensation {
  padding: 75px 0;
}

.partnership-program .tabs-content .content .gc-accordion-item {
  background: transparent;
  margin-bottom: 34px;
  margin-top: 0;
}

.partnership-program .tabs-content .content .gc-accordion-item a[data-gc-accordion-toggle] {
  border-bottom: 1px dashed rgba(66, 66, 67, 0.5);
  position: relative;
}

.partnership-program .tabs-content .content .gc-accordion-item a[data-gc-accordion-toggle]::after {
  content: '';
  position: absolute;
  left: -25px;
  top: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #000000;
  border-right: none;
  border-top: none;
  transform: translateY(50%) rotate(-45deg);
}

.partnership-program .tabs-content .content .gc-accordion-item .content {
  margin-top: 25px;
}

.partnership-program .tabs-content .content .advantage-partner {
  padding-bottom: 75px;
}

.partnership-program .tabs-content .content .advantage-partner .examples {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 30px 95px 30px 40px;
  position: relative;
}

.partnership-program .tabs-content .content .advantage-partner .examples::before {
  content: '';
  width: 37px;
  height: 36px;
  background: url("/static/img/partnership/building.svg") center/cover no-repeat;
  position: absolute;
  right: 35px;
  top: 25px;
}

.partnership-program .tabs-content .content .advantage-partner .examples p {
  color: #000000;
  margin-bottom: 10px;
}

.partnership-program .tabs-content .content .advantage-partner .examples p:last-child {
  margin-bottom: 0;
}

.partnership-program .tabs-content .content .advantage-partner .examples p .green {
  color: #377F6B;
}

/* partnership */
.partnership[data-rtl] {
  background: url("/static/img/partnership/supports-bg-ar.jpg") center top/cover no-repeat !important;
}

.partnership__support-wrap {
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 1100px) {
  .partnership__support-wrap {
    display: block;
  }
}

.partnership__support-left {
  float: none !important;
  flex: 1 1 0;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
}

@media all and (max-width: 1100px) {
  .partnership__support-left {
    width: 100%;
    margin: 0 0 50px 0 !important;
    padding: 0 0 0 0 !important;
    display: block;
  }
}

@media all and (max-width: 1100px) {
  .partnership__support-left-subwrap {
    width: 100%;
  }
}

.partnership__support-left-item {
  width: calc(50% - 20px);
  display: flex;
  margin: 0 0 40px 20px;
}

@media all and (max-width: 640px) {
  .partnership__support-left-item {
    width: 100%;
    margin: 0 0 40px 0;
  }
}

.partnership__support-left-item .supports__icon {
  margin: 0 0 0 15px !important;
}

.partnership__support-left-button {
  display: flex;
}

.partnership__support-right {
  float: none !important;
  margin: 0 170px 0 0;
  flex: 1 1 0;
  max-width: 375px;
  padding: 0 0 0 0 !important;
}

@media all and (max-width: 1240px) {
  .partnership__support-right {
    margin: 0 50px 0 0;
  }
}

@media all and (max-width: 1100px) {
  .partnership__support-right {
    margin: 0 0 0 0;
    max-width: none;
    display: flex;
  }
}

@media all and (max-width: 1100px) {
  .partnership__support-right .example {
    margin: 0 0 0 0 !important;
    max-width: 375px;
  }
}

[data-rtl] .partnership__support-right-person {
  display: flex;
  padding: 0 50px 0 0 !important;
  margin: 20px 0 0 0;
}

[data-rtl] .partnership__support-right-person:before {
  top: 50% !important;
  transform: translate(-10px, -50%) !important;
  right: -10px !important;
  left: auto !important;
}

/* /partnership/ */
.main.manager-page h3 {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.main.manager-page .pamm-chart-lgnd .chart-label {
  min-width: 12rem;
  padding-top: 0.5rem;
  display: inline-block;
}

.main.manager-page .pamm-chart-lgnd .chart-label .icon, .main.manager-page .pamm-chart-lgnd .chart-label .icon-portfolio, .main.manager-page .pamm-chart-lgnd .chart-label .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .main.manager-page .pamm-chart-lgnd .chart-label .block-portfolio {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.4rem;
  margin-bottom: -0.3rem;
}

.main.manager-page .pamm-chart-lgnd, .main.manager-page .pamm-chart-ovrw {
  display: inline-block;
}

.main.manager-page .manager-info table {
  height: 265px;
}

.main.manager-page .no-actual-data {
  float: right;
  width: 500px;
}

.main.manager-page .no-actual-data p {
  margin: 0;
  width: 85%;
}

.main.manager-page .table-green tr td {
  text-align: right;
  padding-right: 1.5rem;
}

/* --- */
.gc-mp-page header {
  padding: 0 20px !important;
}

.gc-mp-wrap {
  font-family: 'New_PFDinTextPro', sans-serif;
  margin: -27px 0 0 0;
  padding: 15px 0 0 0;
  overflow: hidden;
}

@media all and (max-width: 768px) {
  .gc-mp-wrap {
    margin: -37px 0 0 0;
  }
}

@media all and (max-width: 425px) {
  .gc-mp-wrap {
    padding: 40px 0 0 0;
    margin: -40px 0 0 0;
  }
}

.gc-mp-wrap > * {
  box-sizing: border-box;
}

.gc-mp-title {
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: #000;
  margin: 0 auto 28px auto !important;
}

@media all and (max-width: 768px) {
  .gc-mp-title {
    font-size: 36px;
    line-height: 43px;
    margin: 0 auto 22px auto !important;
  }
}

.gc-mp-title:before, .gc-mp-title:after {
  display: none;
}

.gc-mp-info {
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-mp-info {
    padding: 0 20px 60px 20px !important;
  }
}

.gc-mp-info__bg-mobile {
  display: none;
}

@media all and (max-width: 768px) {
  .gc-mp-info__bg-mobile {
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 500px;
    bottom: 0;
    right: 0;
    background: url("../img/manager-page/gc_mp_info_bg_mobile.jpg") no-repeat center center;
    background-size: cover;
  }
}

.gc-mp-info__desc {
  background: url("../img/manager-page/gc_mp_info_bg.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 60px 50px 60px 65px;
}

@media all and (max-width: 1100px) {
  .gc-mp-info__desc {
    display: block;
    padding: 40px 50px 40px 50px;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-info__desc {
    background: transparent;
    padding: 0;
  }
}

.gc-mp-info__desc--chart {
  display: block !important;
}

.gc-mp-info__desc:before, .gc-mp-info__desc:after {
  display: none !important;
}

.gc-mp-info__desc-left-false {
  float: none !important;
  border: none;
  padding: 0 !important;
  width: 35% !important;
  margin: 0 0 0 10px !important;
  z-index: 0;
  position: static;
}

@media all and (max-width: 1100px) {
  .gc-mp-info__desc-left-false {
    width: auto !important;
    margin: 0 !important;
  }
}

.gc-mp-info__desc-left-false:before, .gc-mp-info__desc-left-false:after {
  display: none !important;
}

.gc-mp-info__desc-left-false-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

@media all and (max-width: 1100px) {
  .gc-mp-info__desc-left-false-text {
    margin: 0 0 22px 0;
  }
}

.gc-mp-info__desc-right {
  margin: 0 !important;
  width: 65%;
  display: flex;
  justify-content: flex-end;
}

@media all and (max-width: 1100px) {
  .gc-mp-info__desc-right {
    width: 100%;
    justify-content: flex-start;
  }
}

.gc-mp-info__desc-right-buttons-wrap {
  margin: 0 !important;
  display: flex;
  margin: 0 -15px -22px -15px !important;
}

.gc-mp-info__desc--chart .gc-mp-info__desc-right-buttons-wrap {
  margin: 80px -15px -22px -15px !important;
}

@media all and (max-width: 768px) {
  .gc-mp-info__desc--chart .gc-mp-info__desc-right-buttons-wrap {
    margin: 80px -15px -52px -15px !important;
  }
}

@media all and (max-width: 1100px) {
  .gc-mp-info__desc-right-buttons-wrap {
    flex-wrap: wrap;
  }
}

.gc-mp-info__desc-right-buttons-wrap a.button, .gc-mp-info__desc-right-buttons-wrap a.black {
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  line-height: 22px !important;
  font-weight: 500;
  padding: 15px 26px 13px 22px !important;
  border: 1px solid #009E82;
  min-width: 288px;
  margin: 0 15px 22px 15px !important;
}

.gc-mp-info__desc-right-buttons-wrap a.button:nth-of-type(1), .gc-mp-info__desc-right-buttons-wrap a.black:nth-of-type(1) {
  color: #009E82;
  background: transparent;
}

.gc-mp-info__desc-right-buttons-wrap a.button:nth-of-type(1):hover, .gc-mp-info__desc-right-buttons-wrap a.black:nth-of-type(1):hover {
  color: #009E82;
  background: transparent !important;
}

.gc-mp-info__desc-right-buttons-wrap a.button:nth-of-type(2), .gc-mp-info__desc-right-buttons-wrap a.black:nth-of-type(2) {
  background: #009E82;
  color: #fff;
}

.gc-mp-info__desc-right-buttons-wrap a.button:nth-of-type(2):hover, .gc-mp-info__desc-right-buttons-wrap a.black:nth-of-type(2):hover {
  color: #fff;
  background: #009E82 !important;
}

.gc-mp-benefits {
  margin: 70px auto 75px auto !important;
}

@media all and (max-width: 768px) {
  .gc-mp-benefits {
    margin: 55px auto 50px auto !important;
  }
}

.gc-mp-benefits__title {
  font-weight: 300;
  font-size: 36px;
  line-height: 43px;
  text-align: center !important;
  color: #000;
  margin: 0 0 42px 0 !important;
}

@media all and (max-width: 1024px) {
  .gc-mp-benefits__title {
    margin: 0 0 30px 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__title {
    font-size: 30px;
    line-height: 36px;
    text-align: right !important;
  }
}

.gc-mp-benefits__list {
  display: flex;
  margin: 0 !important;
}

.gc-mp-benefits__list:before, .gc-mp-benefits__list:after {
  display: none !important;
}

@media all and (max-width: 1024px) {
  .gc-mp-benefits__list {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 -30px 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__list {
    justify-content: space-between;
  }
}

.gc-mp-benefits__item {
  width: 25% !important;
  margin: 0 !important;
  padding: 0 10px 0 10px !important;
}

@media all and (max-width: 1024px) {
  .gc-mp-benefits__item {
    min-width: 250px;
    margin: 0 0 30px 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__item {
    width: 100% !important;
    min-width: 0;
    display: flex !important;
    padding: 0 !important;
  }
}

.gc-mp-benefits__item-img {
  width: 54px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 37px auto;
}

@media all and (max-width: 1024px) {
  .gc-mp-benefits__item-img {
    margin: 0 auto 10px auto;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__item-img {
    margin: 0 0 0 25px;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__item-img img {
    width: 53px;
  }
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__item:nth-of-type(4) .gc-mp-benefits__item-img img {
    width: 52px;
  }
}

.gc-mp-benefits__item-title {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000;
  margin: 0 0 5px 0;
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__item-title {
    text-align: right;
  }
}

.gc-mp-benefits__item-title-desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #000;
}

@media all and (max-width: 768px) {
  .gc-mp-benefits__item-title-desc {
    text-align: right;
  }
}

.gc-mp-grid {
  padding: 0 20px 0 20px !important;
}

@media all and (max-width: 768px) {
  .gc-mp-grid {
    padding: 0 !important;
  }
}

.gc-mp-grid__wrap {
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__wrap {
    flex-wrap: wrap;
  }
}

.gc-mp-grid__left {
  margin: 0 0 0 28px;
  width: 50% !important;
  padding: 0 !important;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__left {
    width: 100% !important;
    margin: 0;
  }
}

.gc-mp-grid__right {
  width: 50% !important;
  padding: 0 !important;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__right {
    width: 100% !important;
  }
}

.gc-mp-grid__table-left-wrap, .gc-mp-grid__table-right-wrap {
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left {
    margin: 0 0 35px 0;
  }
}

.gc-mp-grid__table-left thead tr, .gc-mp-grid__table-right thead tr {
  background: #FFFFFF;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
}

.gc-mp-grid__table-left thead tr td, .gc-mp-grid__table-right thead tr td {
  background: transparent !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #333 !important;
  padding: 18px 32px 14px 20px !important;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left thead tr td, .gc-mp-grid__table-right thead tr td {
    padding: 18px 20px 14px 20px !important;
  }
}

.gc-mp-grid__table-left thead tr td:nth-of-type(1), .gc-mp-grid__table-right thead tr td:nth-of-type(1) {
  width: 60%;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left thead tr td:nth-of-type(1), .gc-mp-grid__table-right thead tr td:nth-of-type(1) {
    width: 55%;
  }
}

.gc-mp-grid__table-left thead tr td:nth-of-type(2), .gc-mp-grid__table-right thead tr td:nth-of-type(2) {
  width: 40%;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left thead tr td:nth-of-type(2), .gc-mp-grid__table-right thead tr td:nth-of-type(2) {
    width: 45%;
    min-width: 177px;
  }
}

.gc-mp-grid__table-left tbody tr:nth-of-type(1) td, .gc-mp-grid__table-right tbody tr:nth-of-type(1) td {
  border-top: none !important;
}

.gc-mp-grid__table-left tbody tr td, .gc-mp-grid__table-right tbody tr td {
  border-top: 1px solid #EFEFEF !important;
  font-size: 18px;
  color: #423D33;
  padding: 23px 32px 20px 20px !important;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left tbody tr td, .gc-mp-grid__table-right tbody tr td {
    padding: 23px 20px 20px 20px !important;
  }
}

.gc-mp-grid__table-left tbody tr td:nth-of-type(1), .gc-mp-grid__table-right tbody tr td:nth-of-type(1) {
  width: 60%;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left tbody tr td:nth-of-type(1), .gc-mp-grid__table-right tbody tr td:nth-of-type(1) {
    width: 55%;
  }
}

.gc-mp-grid__table-left tbody tr td:nth-of-type(2), .gc-mp-grid__table-right tbody tr td:nth-of-type(2) {
  width: 40%;
}

@media all and (max-width: 768px) {
  .gc-mp-grid__table-left tbody tr td:nth-of-type(2), .gc-mp-grid__table-right tbody tr td:nth-of-type(2) {
    width: 45%;
    min-width: 177px;
  }
}

.gc-mp-steps {
  margin: 75px auto -60px auto !important;
  padding: 0 20px 113px 20px !important;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-mp-steps {
    margin: 60px auto -60px auto !important;
    padding: 0 20px 113px 20px !important;
  }
}

.gc-mp-steps:before, .gc-mp-steps:after {
  display: none;
}

.gc-mp-steps__border {
  position: absolute;
  z-index: -1;
  right: 20px;
  top: 122px;
  width: calc(100% - 40px);
  display: none;
}

@media all and (max-width: 1250px) {
  .gc-mp-steps__border {
    display: none;
  }
}

.gc-mp-steps__list {
  display: flex;
  justify-content: space-between;
  margin: 0 0 52px 0 !important;
  padding: 0 50px 0 50px;
}

@media all and (max-width: 1024px) {
  .gc-mp-steps__list {
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 calc(-32px + 35px) 0 !important;
  }
}

.gc-mp-steps__item {
  width: calc(100% / 3);
  margin: 0 !important;
  padding: 0 10px 0 10px !important;
  max-width: 320px;
}

@media all and (max-width: 1024px) {
  .gc-mp-steps__item {
    width: 100%;
    max-width: 515px;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
  }
}

@media all and (max-width: 425px) {
  .gc-mp-steps__item {
    max-width: 300px;
  }
}

.gc-mp-steps__item--arrow-right {
  max-width: 74px;
  padding: 0 !important;
  margin: 111px 0 0 0 !important;
}

@media all and (max-width: 1024px) {
  .gc-mp-steps__item--arrow-right {
    display: none;
  }
}

.gc-mp-steps__item:before, .gc-mp-steps__item:after {
  display: none;
}

.gc-mp-steps__item-img {
  line-height: 0;
  margin: 0 0 25px 0;
}

@media all and (max-width: 1024px) {
  .gc-mp-steps__item-img {
    margin: 0 0 22px 0;
  }
}

.gc-mp-steps__item-img img {
  display: block;
  margin: 0 auto;
}

.gc-mp-steps__item-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000;
  margin: 0 0 20px 0;
}

@media all and (max-width: 1024px) {
  .gc-mp-steps__item-title {
    margin: 0 0 20px 0;
  }
}

.gc-mp-steps__item-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000;
}

.gc-mp-steps__buttons-wrap {
  display: flex;
  justify-content: center;
}

@media all and (max-width: 768px) {
  .gc-mp-steps__buttons-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}

.gc-mp-steps__button {
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
  line-height: 22px !important;
  font-weight: 500;
  padding: 15px 26px 13px 22px !important;
  border: 1px solid #009E82 !important;
  min-width: 288px;
}

@media all and (max-width: 768px) {
  .gc-mp-steps__button {
    width: 100%;
    max-width: 290px;
  }
}

.gc-mp-steps__button:nth-of-type(1) {
  color: #009E82;
  background: #EFEFEF;
  margin: 0 0 0 30px !important;
}

@media all and (max-width: 768px) {
  .gc-mp-steps__button:nth-of-type(1) {
    margin: 0 0 22px 0 !important;
  }
}

.gc-mp-steps__button:nth-of-type(1):hover {
  color: #009E82;
  background: #EFEFEF !important;
}

.gc-mp-steps__button:nth-of-type(2) {
  background: #009E82 !important;
  color: #fff;
  margin: 0 !important;
}

.gc-mp-steps__button:nth-of-type(2):hover {
  color: #fff;
  background: #009E82 !important;
}

/*  */
.po_action_card {
  width: 100%;
  position: relative;
  display: flex;
  background-color: white;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}

@media screen and (max-width: 600px) {
  .po_action_card {
    flex-direction: column;
  }
}

.po_action_card__image {
  width: 224px;
  height: 224px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
}

@media screen and (max-width: 425px) {
  .po_action_card__image {
    width: 100%;
    height: 300px;
  }
}

.po_action_card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 4px;
}

.po_action_card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  padding-right: 8px;
}

@media screen and (max-width: 600px) {
  .po_action_card__content {
    padding: 16px;
    padding-top: 0;
  }
}

.po_action_card__content > * + * {
  margin-top: 10px;
}

.po_action_card .short_description {
  color: #595959;
}

.po_action_card .long_description {
  color: #595959;
  font-size: 12px;
  display: none;
}

/*  */
.stocks-container .tabs {
  /*320!!!*/
}

.stocks-container .tabs dd a {
  background: none;
  border-right: none;
  color: #424243;
  font: 1.5rem/5rem "pfDinTextReg", "Helvetica Neue", "Arial";
  height: 80px;
}

.stocks-container .tabs dd a span {
  border-bottom: 1px dashed #424243;
  padding-bottom: .1875rem;
}

.stocks-container .tabs dd a span:hover, .stocks-container .tabs dd a span:active, .stocks-container .tabs dd a span:focus {
  border-color: transparent;
}

.stocks-container .tabs .active a {
  background: #ffffff;
}

.stocks-container .tabs .active a span {
  border-color: transparent;
}

.stocks-container .tabs .active a:after {
  background: url(../img/stock-shape.png) no-repeat;
  content: '';
  display: block;
  height: 76px;
  position: absolute;
  right: -10px;
  top: 3px;
  width: 10px;
}

.stocks-container .tabs dd:last-child.active a:after {
  left: inherit;
  right: -10px;
}

.stocks-container .tabs dd:first-child.active a:after {
  display: block;
  left: -10px;
  right: auto;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

@media only screen and (max-width: 40em) {
  .stocks-container .tabs.account__tabs {
    display: flex;
    justify-content: space-between;
  }
  .stocks-container .tabs.account__tabs dd {
    flex: 1;
  }
  .stocks-container .tabs.account__tabs dd a {
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    font-size: 0.875rem;
    line-height: normal;
    padding: 20px 0;
    display: block;
    height: 100%;
  }
  .stocks-container .tabs.account__tabs dd a span {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.stocks-container .tabs-content {
  padding: .9375rem 2.8125rem;
}

.stocks-container .stock-block {
  border: 4px solid #FFC832;
  margin: 1.875rem 0;
  min-height: 190px;
  padding: 1.875rem .91rem;
  position: relative;
}

.stocks-container .stock-block .stock-image {
  background: url(../img/stock-sprites.png) no-repeat;
  display: inline-block;
  height: 125px;
  width: 125px;
}

.stocks-container .stock-block h2 {
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0 0 .3rem 0;
}

.stocks-container .stock-block .stock-link {
  border-bottom: 1px dashed #14817a;
  color: #14817a;
  display: inline-block;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-top: 1.25rem;
  padding-bottom: .1875rem;
}

.stocks-container .stock-block .stock-link:hover, .stocks-container .stock-block .stock-link:active, .stocks-container .stock-block .stock-link:focus {
  border-color: transparent;
}

.stocks-container .stock-block .stock-text-block {
  display: none;
  margin-top: 1.25rem;
}

.stocks-container .stock-block form select {
  width: 50%;
}

.stocks-container .may_day_bonus .stock-image {
  background-position: 100% 0;
}

.stocks-container .new_options_bonus .stock-image, .stocks-container .welcome_bonus_promo .stock-image {
  background-position: center -125px;
}

.stocks-container .options_bonus .stock-image, .stocks-container .no_cards_commission .stock-image, .stocks-container .no_webmoney_commission .stock-image, .stocks-container .wlc50_options .stock-image {
  background-position: center -375px;
}

.stocks-container .contest_2000 .stock-image, .stocks-container .olympic_bonus .stock-image, .stocks-container .investors_trust .stock-image {
  background-position: center -500px;
}

.stocks-container .holiday_any_deposit_bonus .stock-image {
  background-position: center -625px;
}

.stocks-container .any_deposit_bonus .stock-image {
  background-position: center -750px;
}

.stocks-container .welcome_bonus .stock-image {
  background-position: center -875px;
}

.stocks-container .summer_forex_bonus .stock-image {
  background-position: center -1000px;
}

.stocks-container .ilyich_bonus .stock-image {
  background-position: center -1125px;
}

.stocks-container .old_men_bonus .stock-image {
  background-position: center -1250px;
}

.stocks-container .gc_bday_bonus .stock-image {
  background-position: center -1375px;
}

.stocks-container .trading_drive_bonus .stock-image, .stocks-container .bonus_for_pamm .stock-image,
.stocks-container .any_deposit_100_bonus .stock-image,
.stocks-container .binary_100 .stock-image {
  background-position: center -1500px;
}

.stocks-container .ny2014nocomm .stock-image {
  background-position: center -1625px;
}

.stocks-container .ny2015perc20 .stock-image {
  background-position: center -1750px;
}

.stocks-container .welcome_bonus_ny2015 .stock-image {
  background-position: center -1875px;
}

.stocks-container .golden_partner .stock-image, .stocks-container .friend_recommend .stock-image {
  background-position: center -2125px;
}

.stocks-container .welcome_500 .stock-image {
  background-position: center -2250px;
}

.stocks-container .cfds_no_fees .stock-image {
  background-position: center -2500px;
}

.stocks-container .tabs-content > div {
  display: none;
}

.stocks-container .tabs-content .active {
  display: block;
}

.stocks-container .tabs-content .unactive .stock-block {
  border-color: #cbc8cb;
}

.my .stock-block .column {
  padding: 0 10px;
}

.my .stock-block .column:first-child {
  padding-right: 0;
}

.my .stock-block .column:last-child {
  padding-left: 0;
}

/* Resposnsive Tabs */
.gc.adaptive .stocks-container .tabs dd {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .gc.adaptive .stocks-container .tabs dd {
    background: #ffffff;
    padding: 1.25rem;
    width: 100% !important;
    overflow: hidden;
    padding-bottom: 0;
  }
  .gc.adaptive .stocks-container .tabs dd:not(.active) {
    display: none;
  }
}

.gc.adaptive .stocks-container .tabs-content {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .gc.adaptive .stocks-container .tabs-content {
    padding: 0 0.625rem;
  }
  .gc.adaptive .stocks-container .tabs-content .stock-block {
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  }
}

.partner-table-edu tr td:first-child {
  width: 36%;
}

.partner-table-edu thead td {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.partner-table-edu tbody tr td {
  height: 65px;
  padding: 1.25rem;
}

.partner-table-edu tbody tr td:first-child {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  text-align: right;
}

.partners-map {
  border: 10px solid #ffffff;
}

.partners-map:hover, .partners-map:focus, .partners-map:active {
  border-color: #d9d9d9;
}

.metro {
  height: 12px;
  margin-left: .4375rem;
  vertical-align: middle;
  width: 16px;
  background: url(../img/icons.png) no-repeat;
}

.metro.moscow {
  background-position: -40px -280px;
}

.metro.spb_school {
  background-position: 100% -280px;
}

.metro.nsk {
  background-position: -80px -280px;
  width: 21px;
}

.partner-info {
  height: auto;
}

.partner-info span {
  vertical-align: middle;
}

.partner-info p:not(:last-child) {
  margin-bottom: 2rem;
}

.y-map-wrapper {
  height: 28.125rem;
  position: relative;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .y-map-wrapper {
    height: auto;
  }
}

.y-map-text {
  font-size: 18px;
}

.region-office-map {
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .region-office-map {
    position: relative;
    height: 21.875rem;
    padding-right: 10px;
    padding-left: 10px;
  }
}

.map-caption-wrapper {
  height: 100%;
  position: relative;
}

.map-caption-wrapper .map-caption {
  background-color: #ffffff;
  box-shadow: -1px 1px 4px rgba(66, 66, 67, 0.2);
  margin-top: 2.8125rem;
  position: relative;
  padding: 1rem 1rem 1.5rem;
  width: 24.375rem;
  z-index: 10;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .map-caption-wrapper .map-caption {
    box-shadow: none;
    margin-top: 0;
    width: 100%;
  }
}

.map-caption-wrapper .map-caption .orbit-content img {
  display: none;
}

.map-caption-wrapper .map-caption .orbit-content.orbit-slides-container img {
  display: block;
}

/* adaptive */
.gc .partner-table-edu tr td:first-child {
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc .partner-table-edu tr td:first-child {
    width: 40%;
  }
}

@media only screen and (max-width: 40em) {
  .gc .partner-table-edu tr td:first-child {
    width: 50%;
  }
}

.gc .partner-table-edu tbody tr td {
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc .partner-table-edu tbody tr td {
    padding: 1rem;
  }
}

@media only screen and (max-width: 40em) {
  .gc .partner-table-edu tbody tr td {
    padding: .8rem;
  }
}

@media only screen and (max-width: 30em) {
  .gc .partner-table-edu tbody tr td {
    padding: .5rem;
  }
}

@media only screen and (max-width: 30em) {
  .gc .partner-table-edu tbody tr td {
    padding: .3rem;
  }
}

/*----- NEW REGIONAL OFFICES PAGE -----*/
.reg-office {
  font-family: 'New_PFDinTextPro', sans-serif;
  display: flex;
  flex-direction: column;
  margin-bottom: 75px;
}

.reg-office * {
  font-size: 18px;
  font-family: inherit;
}

.reg-office__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media all and (max-width: 1080px) {
  .reg-office__body {
    flex-direction: column;
  }
}

.reg-office__right, .reg-office__left {
  display: inline-block;
}

.reg-office__text {
  max-width: 550px;
  width: 100%;
}

.reg-office .chat-btn {
  position: relative;
  border: none !important;
  margin-top: 25px;
  padding-right: 50px;
  display: block;
  max-width: 550px;
  width: 100%;
}

@media all and (max-width: 768px) {
  .reg-office .chat-btn {
    text-decoration: underline;
  }
}

.reg-office .chat-btn:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: calc(50% - 16px);
  background-image: url("/static/img/company_services/chat.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 37px;
}

.reg-office__description {
  list-style: none;
  margin: 35px 0 0 0;
  max-width: 550px;
  width: 100%;
}

.reg-office__description li {
  padding-right: 40px;
  margin-top: 20px;
  position: relative;
  color: #000000;
}

.reg-office__description li:after {
  position: absolute;
  content: '';
  right: 0;
  top: 1px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 25px;
}

.reg-office__address:after {
  background-image: url("/static/img/contacts/address.svg");
}

.reg-office__phones:after {
  background-image: url("/static/img/contacts/phone.svg");
}

.reg-office__email:after {
  background-image: url("/static/img/contacts/mail.svg");
}

.reg-office .slider {
  width: 580px;
}

@media all and (max-width: 1080px) {
  .reg-office .slider {
    margin-top: 35px;
  }
}

@media all and (max-width: 560px) {
  .reg-office .slider {
    max-width: calc(100vw - 40px);
  }
}

.reg-office .slider__item {
  width: 100%;
  height: 343px;
  background-color: grey;
}

.reg-office .slider__item img {
  width: 100%;
}

@media all and (max-width: 560px) {
  .reg-office .slider__item {
    max-width: calc(100vw - 40px);
  }
}

@media all and (max-width: 500px) {
  .reg-office .slider__item {
    height: 60vw;
  }
}

.reg-office .slick-track {
  width: 100%;
}

.reg-office .slick-dots {
  display: flex;
}

.reg-office .slick-dots li {
  margin: 0;
}

.reg-office .slick-dots li button:before {
  font-size: 12px;
  opacity: 0.1;
}

.reg-office .slick-dots li.slick-active button:before {
  color: #009E82;
  opacity: 1;
}

.small-wrapper {
  margin: 0 auto;
  width: 820px;
}

/*----------------------------------------------------reports, webinars------------------------------------------------*/
@media (max-width: 830px) {
  .my-webinars.small-wrapper {
    width: 100%;
  }
}

.my-webinars .table-white tbody tr td {
  text-align: right;
}

.my-webinars .table-white tr td:nth-child(2) {
  width: 40%;
}

.my-webinars .table-white a {
  font-size: 16px;
  color: #009b89;
  text-decoration: none;
}

.my-webinars .table-white .ended {
  color: rgba(0, 0, 0, 0.5);
}

.my-webinars .new-button-border {
  float: left;
}

@media (max-width: 425px) {
  .my-webinars .new-button-border {
    float: none;
  }
}

@media (max-width: 425px) {
  .my-webinars .my-webinars__header {
    text-align: center;
  }
}

.my-webinars .my-webinars__header .title {
  float: right;
  font-size: 36px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: normal;
  color: #000000;
}

@media (max-width: 425px) {
  .my-webinars .my-webinars__header .title {
    margin-bottom: 20px;
    float: none;
  }
}

/*--------------------------------------------------inbox messages-------------------------------------------------*/
@media (max-width: 425px) {
  .messages-inbox {
    overflow: scroll;
  }
}

@media (max-width: 425px) {
  .messages-inbox table {
    table-layout: auto !important;
  }
}

.messages-inbox table td {
  border: none;
  height: 52px;
  padding: 0 1rem;
  text-align: right;
}

.messages-inbox table td:first-child {
  width: 10%;
}

.messages-inbox table td:nth-child(2) {
  width: 20%;
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  .messages-inbox table td:nth-child(2) {
    width: 30%;
  }
}

.messages-inbox table td:last-child {
  text-align: center;
  width: 10%;
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  .messages-inbox table td:last-child {
    width: 13%;
  }
}

.messages-inbox table td div a {
  border-bottom: 1px solid transparent;
}

.messages-inbox table td div a:hover, .messages-inbox table td div a:active, .messages-inbox table td div a:focus {
  border-bottom-color: rgba(66, 66, 67, 0.5);
}

.messages-inbox table tbody tr {
  border: 1px solid;
  border-color: #FFC832 transparent;
}

.messages-inbox table tbody tr:nth-of-type(even) {
  background: none;
}

.messages-inbox table tbody tr.active, .messages-inbox table tbody tr:hover, .messages-inbox table tbody tr:active, .messages-inbox table tbody tr:focus {
  background: rgba(168, 166, 15, 0.1);
}

.messages-inbox table tbody tr.new-message td {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.messages-inbox table tbody tr.message-wrapper td > div {
  padding: 1.25rem 0;
}

.messages-inbox table tbody tr.message-wrapper p {
  padding-right: 26.5%;
}

.messages-inbox table tbody tr.message-wrapper iframe {
  border: none;
  min-height: 650px;
  width: 100%;
}

.messages-inbox table tbody tr.message-wrapper .messages-actions {
  padding-right: 26.5%;
}

.messages-inbox table tbody tr.message-wrapper .messages-actions.text-center {
  padding: 0;
}

.messages-inbox table tbody tr.message-wrapper:hover, .messages-inbox table tbody tr.message-wrapper:active, .messages-inbox table tbody tr.message-wrapper:focus {
  background: none;
}

@media (max-width: 425px) {
  .messages-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.messages-actions .button, .messages-actions .black {
  margin-left: .6rem;
}

.messages-actions .button:last-child, .messages-actions .black:last-child {
  margin-left: 0;
}

.color-picker {
  border: 1px solid #b5b5b6;
  border-radius: 3px;
  height: 32px;
  width: 165px;
}

.color-picker:hover, .color-picker:active, .color-picker:focus {
  border-color: #332622;
}

/*----------------------------------------------------icons----------------------------------------------------------*/
.star-fill {
  background: url(../img/icons.png) no-repeat 100% -360px;
  display: inline-block;
  height: 21px;
  width: 21px;
  vertical-align: middle;
}

.star {
  background: url(../img/icons.png) no-repeat -40px -360px;
  display: inline-block;
  height: 21px;
  width: 21px;
  vertical-align: middle;
}

.overflow-td, .gc-accordion.with-data .gc-accordion-item .title-wrapper .request-message, .manager-rating-page .manager-rating-table tbody tr td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.with-cross:before {
  content: '\00D7';
  font: 1.6875rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0 0 0 .625rem;
  height: 1rem;
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle;
}

.with-prev:before {
  content: '';
  margin: -.1875rem 0 0 .625rem;
  background: url(../img/icons.png) no-repeat -131px -213px;
  display: inline-block;
  height: 15px;
  width: 8px;
  vertical-align: middle;
}

.with-plus:before {
  content: '+';
  font: 1.6875rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-top: -.35rem;
  margin-left: .3rem;
  display: inline-block;
  vertical-align: middle;
}

.file-icon {
  background: url(../img/file-types-2.png) no-repeat;
  height: 58px;
  width: 48px;
  background-size: 97%;
  display: inline-block;
  vertical-align: middle;
}

.file-icon.zip {
  background-position: 100% 0;
}

.file-icon.pdf {
  background-position: 100% -63px;
}

.file-icon.ppt {
  background-position: 100% -126px;
}

.icon-file-green {
  background: url(../img/icons.png) no-repeat -440px -40px;
  display: inline-block;
  height: 40px;
  width: 35px;
  vertical-align: middle;
}

.edit-profile .columns {
  padding: 0 10px;
}

.edit-profile h1 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
}

@media (max-width: 425px) {
  .edit-profile h1 {
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  }
}

.edit-profile.stocks-container .tabs-content {
  padding: 2.8125rem;
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  .edit-profile.stocks-container .tabs-content {
    padding: 2rem;
  }
}

@media (max-width: 425px) {
  .edit-profile.stocks-container .tabs-content {
    padding: 2rem 10px;
  }
}

@media (max-width: 425px) {
  .edit-profile.stocks-container .tabs-content .third-light-wrapper {
    background: #FFF;
    padding: 0;
    height: initial !important;
    min-height: 180px;
  }
}

@media (max-width: 425px) {
  .edit-profile.stocks-container .tabs-content .third-light-wrapper input[type="password"], .edit-profile.stocks-container .tabs-content .third-light-wrapper input[type="text"] {
    border: solid 1px #a0a0a0;
  }
}

@media (max-width: 425px) {
  .edit-profile.stocks-container .tabs-content .third-light-wrapper select {
    border: solid 1px #a0a0a0 !important;
  }
}

@media (max-width: 425px) {
  .edit-profile.stocks-container .tabs-content .third-light-wrapper .button, .edit-profile.stocks-container .tabs-content .third-light-wrapper .black {
    position: static;
  }
}

.edit-profile.stocks-container .tabs dd a span {
  font: 1.5rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.edit-profile h3 {
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin-bottom: 1.25rem;
}

.edit-profile .description, .edit-profile .third-light-wrapper .labels a, .third-light-wrapper .labels .edit-profile a, .edit-profile .third-light-wrapper .inputs a, .third-light-wrapper .inputs .edit-profile a {
  font-size: .875rem;
}

.edit-profile time {
  color: #b5b5b6;
  font-size: .875rem;
}

.edit-profile [type="file"] + .description, .edit-profile .third-light-wrapper .labels [type="file"] + a, .third-light-wrapper .labels .edit-profile [type="file"] + a, .edit-profile .third-light-wrapper .inputs [type="file"] + a, .third-light-wrapper .inputs .edit-profile [type="file"] + a {
  margin-top: .625rem;
}

@media (max-width: 425px) {
  .edit-profile .tabs dd {
    width: 100%;
  }
  .edit-profile .tabs dd:first-child, .edit-profile .tabs dd:first-child:nth-last-child(4), .edit-profile .tabs dd:first-child:nth-last-child(4) ~ dd {
    width: 100%;
  }
  .edit-profile .tabs dd a span {
    border-bottom: none;
    padding-bottom: 0;
    top: 0;
  }
}

.third-light-wrapper {
  background: #ffe9ac;
  border-radius: 5px;
  padding: 1.875rem;
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  .third-light-wrapper {
    padding: 1.5rem;
  }
}

.third-light-wrapper a:not(.small-payment-icon) {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

.third-light-wrapper a:not(.small-payment-icon):hover, .third-light-wrapper a:not(.small-payment-icon):active, .third-light-wrapper a:not(.small-payment-icon):focus {
  border-bottom-color: transparent;
}

.third-light-wrapper .select-wrapper {
  width: 100%;
}

.third-light-wrapper label {
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  margin-bottom: 0;
  text-align: left;
}

@media (max-width: 425px) {
  .third-light-wrapper label {
    text-align: right;
  }
}

.third-light-wrapper input:not([type="submit"]), .third-light-wrapper select {
  border-color: transparent;
  width: 100%;
}

.third-light-wrapper .labels, .third-light-wrapper .inputs {
  display: inline-block;
  vertical-align: middle;
}

.third-light-wrapper .labels a, .third-light-wrapper .inputs a {
  display: inline-block;
  margin-top: .34rem;
}

.third-light-wrapper .labels {
  padding-left: .625rem;
  text-align: left;
  width: 36%;
}

@media (max-width: 425px) {
  .third-light-wrapper .labels {
    width: 100%;
    text-align: right;
  }
}

.third-light-wrapper .inputs {
  width: 62%;
  position: relative;
}

@media only screen and (min-width: 0) and (max-width: 1222px) {
  .third-light-wrapper .inputs {
    width: 63%;
  }
}

@media (max-width: 425px) {
  .third-light-wrapper .inputs {
    width: 100%;
  }
}

.third-light-wrapper .inputs .error {
  position: absolute;
  top: 41px;
  right: 0.625rem;
  z-index: 1;
  padding: .625rem 1rem;
  border-radius: 5px;
  background-color: #FFC832;
  max-width: 195px;
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.third-light-wrapper .inputs .error:before {
  border: inset 10px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #FFC832 transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -16px;
  right: 50%;
  margin-right: -10px;
}

.third-light-wrapper .labels.with-description, .third-light-wrapper .labels.with-description + .inputs {
  vertical-align: top;
}

.third-light-wrapper .form-item-out {
  line-height: 1.4;
  margin-right: 36%;
  width: 53.5%;
}

.third-light-wrapper .card_front {
  padding: 0 !important;
}

.third-light-wrapper .card_front .desc-list {
  padding: 0 !important;
  font-size: 15px;
}

.third-light-wrapper .card_front li {
  padding-left: 25px;
}

.third-light-wrapper .card_front img {
  padding: 0 !important;
}

.third-light-wrapper .card_front .desc-item__hnumb-front {
  position: relative;
}

.third-light-wrapper .card_front .desc-item__hnumb-front:after {
  content: '';
  display: block;
  position: absolute;
  width: 160px;
  height: 1px;
  background-color: #000000;
  right: 150px;
  top: 65px;
  z-index: 30;
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

@media only screen and (min-width: 0) and (max-width: 585px) {
  .third-light-wrapper .card_front .desc-item__hnumb-front {
    display: none;
  }
}

.third-light-wrapper .card_back {
  padding: 0 !important;
}

.third-light-wrapper .card_back .desc-list {
  padding: 0 !important;
  font-size: 15px;
}

.third-light-wrapper .card_back img {
  padding: 0 !important;
}

.third-light-wrapper .card_back li {
  padding-left: 25px;
}

.third-light-wrapper .card_back .desc-item__hnumb-back, .third-light-wrapper .card_back .desc-item__sign, .third-light-wrapper .card_back .desc-item__cvc {
  position: relative;
}

.third-light-wrapper .card_back .desc-item__hnumb-back:after, .third-light-wrapper .card_back .desc-item__sign:after, .third-light-wrapper .card_back .desc-item__cvc:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  background-color: #000000;
  z-index: 30;
}

@media only screen and (min-width: 0) and (max-width: 585px) {
  .third-light-wrapper .card_back .desc-item__hnumb-back, .third-light-wrapper .card_back .desc-item__sign, .third-light-wrapper .card_back .desc-item__cvc {
    display: none;
  }
}

.third-light-wrapper .card_back .desc-item__hnumb-back:after {
  width: 140px;
  right: 150px;
  top: 135px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.third-light-wrapper .card_back .desc-item__sign:after {
  width: 145px;
  right: 160px;
  top: 85px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.third-light-wrapper .card_back .desc-item__cvc:after {
  width: 200px;
  right: 160px;
  top: 40px;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

/*tabs' local styles*/
.private-data .form-item {
  min-height: 75px;
}

.private-data .form-item select.phone-select {
  float: right;
  width: 30% !important;
}

.private-data .form-item input[type="text"].phone-input {
  float: left;
  width: 65%;
}

.check-list-wrapper {
  padding-right: 100px;
}

@media (max-width: 425px) {
  .check-list-wrapper {
    padding-right: 0;
    padding-top: 20px;
  }
}

.check-list {
  list-style-image: url(../img/check-list-image.png);
}

.check-list .cross {
  display: inline-block;
  vertical-align: middle;
  margin: -.3125rem .625rem 0 0;
}

.check-list .cross:hover, .check-list .cross:active, .check-list .cross:focus {
  color: #ce2029;
}

.security .third-light-wrapper {
  min-height: 264px;
  position: relative;
  padding-bottom: 6rem;
}

.security-info {
  font: 1.125rem/1.7 "pfDinTextReg", "Helvetica Neue", "Arial";
}

.security-info span {
  font: 1.875rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

.security-about {
  border-bottom: 1px dashed #14817a;
  color: #14817a;
  cursor: pointer;
  font: 1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
}

.security-about:hover, .security-about:active, .security-about:focus, .security-about .active {
  border-color: transparent;
}

.security-about + span.arrows {
  background-position: -280px -120px;
}

.active > .security-about + span.arrows {
  background-position: -320px -120px;
}

.security-about-content {
  display: none;
  margin-top: 25px;
}

.third-light-wrapper-wrapper {
  width: 500px;
  display: inline-block;
  float: right;
}

@media (max-width: 600px) {
  .third-light-wrapper-wrapper {
    width: 100%;
  }
}

.current-bonuses {
  /*320!!!*/
}

.current-bonuses .block {
  padding: 1.875rem 2.5rem 1.875rem 2.5rem;
}

.current-bonuses .bonus-section {
  color: #ffffff;
}

.current-bonuses .bonus-section.blue {
  background-color: #034767;
}

.current-bonuses .bonus-section.green {
  background-color: #14817a;
}

.current-bonuses .bonus-section.red {
  background-color: #ce2029;
}

.current-bonuses .bonus-section .header {
  font-size: 2.375rem;
}

.current-bonuses .bonus-section .sub-header {
  font-size: 1.5rem;
}

.current-bonuses .bonus-section .button, .current-bonuses .bonus-section .black {
  margin: 0 0 1rem 1rem;
}

.current-bonuses .bonus-section ul {
  list-style-image: url(../img/arrow.png);
  margin-right: 14px;
}

.current-bonuses .bonus-section .terms-link {
  color: #ffffff;
  font-size: 1.125rem;
  border-color: #ffffff;
  display: inline-block;
  vertical-align: super;
}

.current-bonuses .bonus-section .terms-link.hide {
  display: none;
}

.current-bonuses .bonus-section .terms-link:active, .current-bonuses .bonus-section .terms-link:hover, .current-bonuses .bonus-section .terms-link:focus {
  border-color: transparent;
}

.current-bonuses .bonus-section .terms-text-block {
  margin-top: 1rem;
}

.current-bonuses .bonus-section .terms-text-block a {
  color: #fff;
  text-decoration: underline;
}

.current-bonuses .bonus-section img {
  margin: 0 auto;
  display: block;
  border-radius: 50%;
}

.current-bonuses .bonus-section .bonus-section.block.clearfix.blue .terms-text-block a, .current-bonuses .bonus-section .bonus-section.block.blue.form-item .terms-text-block a, .current-bonuses .bonus-section .bonus-section.block.blue.form-row .terms-text-block a, .current-bonuses .bonus-section .bonus-section.block.blue.description-block .terms-text-block a, .current-bonuses .bonus-section .bonus-section.block.blue.small-wrapper .terms-text-block a {
  color: #fff;
  text-decoration: underline;
}

@media only screen and (min-width: 0) and (max-width: 640px) {
  .current-bonuses .block {
    padding: 1.875rem 0.9375rem;
  }
}

@media only screen and (min-width: 64.0625em) {
  .current-bonuses .v-center {
    margin-top: 3.75rem;
  }
}

.text-on-image {
  position: relative;
}

.text-on-image img {
  margin: 0 auto;
  display: block;
}

.text-on-image p {
  display: block;
  position: absolute;
  bottom: 22%;
  margin-right: -2%;
  width: 100%;
  text-align: center;
  -webkit-transform: rotate(-6.7deg);
  -moz-transform: rotate(-6.7deg);
  -ms-transform: rotate(-6.7deg);
  -o-transform: rotate(-6.7deg);
  transform: rotate(-6.7deg);
  font-size: 1.5625rem;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

.text-on-image p.pt {
  bottom: 16%;
}

@media only screen and (min-width: 0) and (max-width: 550px) {
  .text-on-image p {
    font-size: 1.35rem;
    bottom: 23%;
  }
}

@media only screen and (min-width: 0) and (max-width: 350px) {
  .text-on-image {
    display: none;
  }
}

@media all and (max-width: 425px) {
  .gc-metaquotes__h1 {
    margin-top: 0 !important;
  }
}

.metaquotes-scheme .with-icon:before {
  content: "";
  width: 120px;
  height: 118px;
  margin-bottom: -47px;
  margin-top: -47px;
  margin-left: 1rem;
  display: inline-block;
  background-image: url(../img/metaquotes/provider-follower.png);
}

.metaquotes-scheme .follower-icon:before {
  background-position: -126px 0px;
}

.dotted-arrow {
  display: inline-block;
}

.dotted-arrow:before, .dotted-arrow:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.dotted-arrow:before {
  border-bottom: 3px dotted #14817a;
  width: 140px;
}

.dotted-arrow:after {
  border: 6px solid transparent;
  border-right: 12px solid #14817a;
  border-left: none;
  right: -4px;
  position: relative;
}

#mql-settings img, #mql-register img {
  margin: 0 auto;
  display: block;
}

/* -------------- breadcrumbs --------------------------- */
.forum-breadcrumbs {
  background-color: #dbdbdc;
  padding: 0 4.5rem 0 0;
  position: relative;
  height: 3.5rem;
}

.forum-breadcrumbs:before, .forum-breadcrumbs:after {
  content: " ";
  display: table;
}

.forum-breadcrumbs:after {
  clear: both;
}

.forum-breadcrumbs .bc-button {
  background-color: #c9c9ca;
  float: left;
  padding: 1rem;
  line-height: 1.5rem;
}

.forum-breadcrumbs .bc-button:hover, .forum-breadcrumbs .bc-button:active, .forum-breadcrumbs .bc-button:focus {
  background-color: #bababb;
}

.forum-breadcrumbs .bc-block {
  float: right;
  width: 70%;
  line-height: 3.5rem;
  height: 3.5rem;
  color: #636364;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forum-breadcrumbs .bc-block a:hover {
  text-decoration: underline;
}

.forum-breadcrumbs .bc-block > * {
  line-height: 1.5rem;
}

.forum-breadcrumbs .bc-block .fa-angle-right {
  font-size: 1.5rem;
  padding: 0 0.8rem;
  vertical-align: middle;
  margin-top: -0.3rem;
}

.forum-breadcrumbs .bc-block .home-button {
  position: absolute;
  padding: 0;
  right: 0;
  top: 0;
}

.forum-breadcrumbs .bc-block .home-button .fa-home {
  color: #ffffff;
  font-size: 1.5rem;
  width: 3.5rem;
  padding: 1rem;
}

.forum-breadcrumbs .user-block {
  float: right;
  width: 30%;
}

/* --------------- moderation ----------------------- */
.forum-moderation-table {
  table-layout: auto !important;
}

.forum-moderation-table th, .forum-moderation-table td {
  padding: 1rem;
}

/* --------------- users --------------------------- */
hr.forum-divider {
  border-bottom: 1px solid #dbdbdc;
}

.forum-user-info {
  background-color: #14817a;
  padding: 1.5rem;
  color: #ffffff;
}

.forum-user-info .username, .forum-user-info .signature {
  text-overflow: elipsis;
  overflow: hidden;
}

.user-stats-row {
  padding: 0 4.375rem 0 0;
  position: relative;
  height: 4.375rem;
}

.user-stats-row .title {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #004F49;
}

body .bg-input {
  background-color: #f0eff0 !important;
  border-width: 1px !important;
}

body .bg-input.select-wrapper, body .bg-input.select-wrapper::before, body .bg-input select {
  background-color: #f0eff0;
  background-image: url(../img/bg-arrow.png);
}

body .bg-input:hover, body .bg-input:active, body .bg-input:focus {
  background-color: #f0eff0;
}

.user-description {
  background-color: #ffffff;
  padding: 0 1.5rem;
}

.user-description:before, .user-description:after {
  content: " ";
  display: table;
}

.user-description:after {
  clear: both;
}

.user-description .form-row {
  line-height: 4.125rem;
}

.user-description .form-row:before, .user-description .form-row:after {
  content: " ";
  display: table;
}

.user-description .form-row:after {
  clear: both;
}

.user-description .description-row {
  line-height: 4.125rem;
  border-bottom: 1px solid #dbdbdc;
}

.user-description .description-row:before, .user-description .description-row:after {
  content: " ";
  display: table;
}

.user-description .description-row:after {
  clear: both;
}

.user-description .description-row.forum-form {
  border-color: transparent;
}

.user-description .description-row:last-of-type {
  border-bottom: none;
}

.user-description .description-row .font-reset {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #9b9b9c;
}

.forum-avatar img {
  border-radius: 50%;
  overflow: hidden;
}

/* -------------- stats --------------------------- */
.forum-title {
  background-color: #14817a;
  line-height: 1.25rem;
  padding: 0.9rem 1.5rem;
  color: #ffffff;
}

.forum-title.post-title {
  padding: 0.5rem 1.25rem;
}

.forum-title.third-title {
  background-color: #FFC832;
  color: inherit;
}

.forum-title .columns {
  padding: 0 !important;
}

.forum-subheader {
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background: #dbdbdc;
  text-align: sub;
}

.forum-wrapper {
  background-color: #ffffff;
  padding: 1.25rem 1.25rem;
}

.forum-wrapper:before, .forum-wrapper:after {
  content: " ";
  display: table;
}

.forum-wrapper:after {
  clear: both;
}

.forum-feed-row {
  position: relative;
  padding: 0 4.375rem 0 0;
}

.forum-feed-row .feed-title, .forum-feed-row .feed-summary {
  display: inline-block;
  clear: right;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forum-feed-row .feed-date {
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0.2rem;
}

.forum-feed-row .feed-date .date-month {
  display: block;
  background-color: #14817a;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top: 2px solid #12746d;
  color: #ffffff;
  font: 0.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

.forum-feed-row .feed-date .date-day {
  display: block;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #f0eff0;
  font: 1.5rem "pfDinTextReg", "Helvetica Neue", "Arial";
}

a.forum-link {
  color: #004F49;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  border: none;
}

a.forum-link:hover, a.forum-link:active, a.forum-link:focus {
  color: #424243;
}

.forum-pic {
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  position: absolute;
  background-image: url(../img/forum-sprite.png);
}

.forum-pic.pic-0 {
  background-position: 0px 0;
}

.forum-pic.pic-1 {
  background-position: -60px 0;
}

.forum-pic.pic-2 {
  background-position: -120px 0;
}

.forum-pic.pic-3 {
  background-position: -180px 0;
}

.forum-pic.pic-4 {
  background-position: -240px 0;
}

.forum-pic.pic-5 {
  background-position: -300px 0;
}

.forum-pic.pic-6 {
  background-position: -360px 0;
}

.forum-pic.pic-7 {
  background-position: -420px 0;
}

.forum-pic.pic-8 {
  background-position: -480px 0;
}

.forum-pic.pic-9 {
  background-position: -540px 0;
}

.forum-pic.pic-10 {
  background-position: 0px -60px;
}

.forum-pic.pic-11 {
  background-position: -60px -60px;
}

.forum-pic.pic-12 {
  background-position: -120px -60px;
}

.forum-pic.pic-13 {
  background-position: -180px -60px;
}

.forum-pic.pic-14 {
  background-position: -240px -60px;
}

.forum-pic.pic-15 {
  background-position: -300px -60px;
}

.forum-pic.pic-16 {
  background-position: -360px -60px;
}

.forum-pic.pic-17 {
  background-position: -420px -60px;
}

.forum-pic.pic-18 {
  background-position: -480px -60px;
}

.forum-pic.pic-19 {
  background-position: -540px -60px;
}

.forum-pic.pic-20 {
  background-position: 0px -120px;
}

.forum-pic.pic-21 {
  background-position: -60px -120px;
}

.forum-pic.pic-22 {
  background-position: -120px -120px;
}

.forum-pic.pic-23 {
  background-position: -180px -120px;
}

.forum-pic.pic-24 {
  background-position: -240px -120px;
}

.forum-pic.pic-25 {
  background-position: -300px -120px;
}

.forum-pic.pic-26 {
  background-position: -360px -120px;
}

.forum-pic.pic-27 {
  background-position: -420px -120px;
}

.forum-pic.pic-28 {
  background-position: -480px -120px;
}

.forum-pic.pic-29 {
  background-position: -540px -120px;
}

.forum-description-row {
  position: relative;
  padding: 1rem 0 1rem 1rem;
  border-bottom: 1px solid #dbdbdc;
}

.forum-description-row:last-of-type {
  border-bottom: none;
}

.forum-description-row .forum-pic {
  right: 1.25rem;
  top: 1.5rem;
}

.forum-description-row .forum-summary {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.forum-description-row .with-pic {
  padding-right: 5.25rem;
}

.forum-post .authority {
  width: 100%;
  height: 0.687rem;
}

.forum-post .authority span {
  width: 0.9rem;
  height: 100%;
  margin-left: 0.17rem;
  float: right;
  background-color: #ccc;
}

.forum-post .authority span.mark {
  background-color: #14817a;
}

.forum-post .authority span.gold {
  background-color: #FFC832;
}

.forum-post-panel {
  transition: all 300ms ease-out;
  background-color: #dbdbdc;
  width: 100% !important;
  right: 0 !important;
  z-index: 500;
  position: relative;
  padding-top: 2.25rem;
}

.forum-post-panel:before, .forum-post-panel:after {
  content: " ";
  display: table;
}

.forum-post-panel:after {
  clear: both;
}

.forum-post-panel.expanded {
  transition: all 300ms ease-out;
  position: fixed;
  right: 0;
  bottom: 0;
}

.forum-post-panel.expanded .post-editor-expander {
  transition: all 300ms ease-out;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.forum-post-panel .markItUpContainer {
  position: relative;
}

.forum-post-panel .textarea-container textarea {
  border-radius: inherit;
  resize: none;
  height: 11.3rem;
  padding-top: 3rem;
}

.forum-post-panel .textarea-container .buttons-container, .forum-post-panel .textarea-container .markItUpHeader {
  padding: 0.4rem 0.8rem;
  position: absolute;
  top: 1px;
  right: 2px;
  left: 2px;
  width: auto;
  background-color: #ffffff;
  border-bottom: 1px solid #dbdbdc;
}

.forum-post-panel .textarea-container .buttons-container .separator, .forum-post-panel .textarea-container .markItUpHeader .separator {
  padding: 0 0.6rem;
}

.forum-post-panel .textarea-container .buttons-container .fa, .forum-post-panel .textarea-container .markItUpHeader .fa {
  cursor: pointer;
  width: 1.7rem;
  line-height: 1.2rem;
  padding: 0.4rem;
}

.forum-post-panel .textarea-container .buttons-container .fa:hover, .forum-post-panel .textarea-container .buttons-container .fa:active, .forum-post-panel .textarea-container .buttons-container .fa:focus, .forum-post-panel .textarea-container .markItUpHeader .fa:hover, .forum-post-panel .textarea-container .markItUpHeader .fa:active, .forum-post-panel .textarea-container .markItUpHeader .fa:focus {
  color: #969697;
}

.forum-post-panel .post-editor-preview {
  padding: 0.5rem;
  word-wrap: break-word;
  width: 100%;
  overflow-y: scroll;
  height: 11.3rem;
  max-height: 800px;
  background-color: #e8e8e8;
}

.forum-post-panel .post-editor-preview .xbbcode-b {
  font-weight: bold;
}

.forum-post-panel .post-editor-preview .xbbcode-center {
  margin-right: auto;
  margin-left: auto;
  display: block;
  text-align: center;
}

.forum-post-panel .post-editor-preview .xbbcode-code {
  white-space: pre-wrap;
  font-family: monospace;
}

.forum-post-panel .post-editor-preview .xbbcode-i {
  font-style: italic;
}

.forum-post-panel .post-editor-preview .xbbcode-justify {
  display: block;
  text-align: justify;
}

.forum-post-panel .post-editor-preview .xbbcode-left {
  display: block;
  text-align: right;
}

.forum-post-panel .post-editor-preview .xbbcode-right {
  display: block;
  text-align: left;
}

.forum-post-panel .post-editor-preview .xbbcode-u {
  text-decoration: underline;
}

.forum-post-panel .post-editor-expander {
  transition: all 300ms ease-out;
  background-color: #14817a;
  line-height: 3rem;
  cursor: pointer;
  text-align: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  position: absolute;
  right: 2.25rem;
  top: -1.5rem;
  color: #ffffff;
}

.forum-post-panel .post-editor-expander:hover {
  background-color: #116b65;
}

.forum-post-panel .file-input {
  background-color: #ffd665;
  cursor: pointer;
  border-radius: 6px;
  padding: 0.2rem 0.8rem;
  line-height: 1.19;
  font-size: 1rem;
  height: 2.57rem;
  overflow: hidden;
  padding-right: 45px;
}

.forum-post-panel .file-input .file-name {
  float: none;
  display: block;
  font-size: 0.9rem;
}

.forum-post-panel .file-input input {
  right: 0;
  top: 0;
  border: none;
  outline: none;
  visibility: hidden;
  position: absolute;
}

.forum-post-panel .file-input:active, .forum-post-panel .file-input:focus, .forum-post-panel .file-input:hover {
  background-color: #FFC832;
}

.forum-post-panel .file-input:before {
  content: "";
  width: 30px;
  height: 24px;
  display: block;
  position: absolute;
  top: 7px;
  right: 17px;
}

.about-reviews-page #reviews-container {
  position: relative;
  overflow: hidden;
}

.about-reviews-page .gc-review {
  position: absolute;
  padding: 0 0.7rem;
}

.page-payback__bg {
  background: url("/static/img/payback/hero-bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50px;
  right: 0;
  width: 100%;
  height: 100vh;
  max-height: 800px;
  z-index: -1;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback__bg {
    background-size: 100%;
    background-position-y: 90%;
    max-height: 700px;
  }
}

@media only screen and (max-width: 30em) {
  .page-payback__bg {
    max-height: 800px;
  }
}

.page-payback__bg.ar {
  background-image: url("/static/img/payback/hero-bg-ar.png");
}

.page-payback .hero {
  padding-bottom: 100px;
  margin-bottom: 75px;
  min-height: 480px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .hero {
    margin-bottom: 25px;
  }
}

.page-payback .advantages__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  counter-reset: advantages;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .advantages__list {
    flex-direction: column;
    align-items: center;
  }
}

.page-payback .advantages__item {
  width: 33%;
  margin-bottom: 50px;
  counter-increment: advantages;
  position: relative;
  padding-right: 40px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .advantages__item {
    width: 100%;
    max-width: 350px;
    margin: auto;
    margin-bottom: 35px;
  }
}

.page-payback .advantages__item::before {
  content: "0" counter(advantages);
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #009E82;
  font-size: 30px;
  line-height: 36px;
  position: absolute;
  right: 0;
}

.page-payback .advantages__item p {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 22px;
  max-width: 315px;
  padding-right: 20px;
  border-right: 1px solid #009E82;
  color: #000000;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .advantages__item p {
    font-size: 16px;
  }
}

.page-payback .how-to {
  padding-top: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .how-to {
    padding: 50px 10px;
  }
}

.page-payback .how-to__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-payback .how-to__list {
  flex: 1;
}

.page-payback .how-to__laptop {
  max-width: 590px;
  margin-top: -85px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .how-to__laptop {
    display: none;
  }
}

.page-payback .statuses {
  background: url("/static/img/payback/statuses-bg.png") center/cover no-repeat;
  padding: 75px 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .statuses {
    padding: 50px 0;
  }
}

.page-payback .statuses__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .statuses__list {
    flex-direction: column;
  }
}

.page-payback .statuses__item {
  max-width: 276px;
  width: 100%;
  margin-bottom: 20px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .page-payback .statuses__item {
    margin-bottom: 30px;
  }
}

.page-payback .statuses__stars span {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url("/static/svg/base/star.svg") center/cover no-repeat;
}

.page-payback .statuses__stars span.fill {
  background-image: url("/static/svg/base/star-fill.svg");
}

.page-payback .statuses__name {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 28px;
  line-height: 34px;
  color: #231916;
  margin: 15px 0;
}

.page-payback .statuses__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}

.page-payback .calculated {
  padding: 75px 0;
}

#payback-terms {
  background: #FFFFFF;
}

#payback-terms .content h2,
#payback-terms .content p {
  color: #000000;
}

#payback-terms .close-reveal-modal.icon.cross, #payback-terms .close-reveal-modal.cross.icon-portfolio, #payback-terms .manager-rating-page .base-table table tbody tr td.account .close-reveal-modal.cross.block-portfolio, .manager-rating-page .base-table table tbody tr td.account #payback-terms .close-reveal-modal.cross.block-portfolio {
  color: #000000;
}

.tradingBegginer__cover {
  min-height: 656px;
}

.tradingBegginer__cover-img {
  background: url("../img/trading-begginer-page/bgBegginer.png") no-repeat center;
  background-size: cover;
  position: fixed;
  top: 130px;
  right: 0;
  width: 100%;
  height: 100vh;
  max-height: 900px;
  z-index: -1;
}

.tradingBegginer__cover-img.ar {
  background: url("../img/trading-begginer-page/bgBegginer-ar.png") no-repeat center;
}

.tradingBegginer__cover-text {
  max-width: 752px;
  color: #1f3240;
  font-family: "pfDinTextLight";
  font-size: 18px;
  font-weight: 300;
  margin: 0px 0 32px 0;
}

.tradingBegginer__cover-text p {
  font-size: 18px;
  margin: 0px 0 25px 0;
}

.tradingBegginer__cover-btn {
  cursor: pointer;
}

#scrollToTest span {
  margin: 0 0 0 20px;
}

.tradingBegginer__test {
  padding: 110px 0 80px 0;
}

.tradingBegginer__test-btn {
  display: none;
  margin-bottom: 10px;
  vertical-align: middle;
}

.tradingBegginer__test-item {
  margin: 0 0 60px 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease-in;
  top: 0;
  right: 0;
}

.tradingBegginer__test-item.active {
  visibility: visible;
  opacity: 1;
  position: relative;
}

.tradingBegginer__test-item .tradingBegginer__test-title {
  color: #171717;
  font-size: 32px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  margin: 0 0 38px 0;
}

.tradingBegginer__test-prev {
  display: inline-block;
  margin: 0 0 10px 10px;
  line-height: 1.9;
  height: 45px;
  padding: 7px 25px;
  border-radius: 3px;
  border: 1px solid #009e82;
  background: transparent;
  color: #009e82;
  vertical-align: middle;
  cursor: pointer;
  transition: all .3s ease;
}

.tradingBegginer__test-prev:hover {
  border: 1px solid #00816a;
  color: #FFF;
  background: #00816a;
}

.tradingBegginer__test-next {
  margin-bottom: 10px;
}

.tradingBegginer__test-numberQuestions {
  display: inline-block;
  margin: 0 20px 0 0;
}

.tradingBegginer__test-questions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tradingBegginer__test-questions ul li {
  display: inline-block;
  margin: 0 0 14px 7px;
}

.tradingBegginer__test-questions ul li label {
  position: relative;
  margin: 0;
  display: flex;
}

.tradingBegginer__test-questions ul li label input {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  visibility: hidden;
}

.tradingBegginer__test-questions ul li label input:checked + span {
  border: 1px solid #00b0a2;
}

.tradingBegginer__test-questions ul li label span {
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.85);
  color: #009e82;
  font-size: 18px;
  font-weight: 400;
  padding: 9px 16px;
  border: 1px solid #FFF;
  cursor: pointer;
  position: relative;
  font-family: "pfDinTextReg";
  transition: all .3s ease;
}

.tradingBegginer__test-questions ul li label span:hover {
  border: 1px solid #009e82;
}

.tradingBegginer__test-questions ul li label span:active {
  box-shadow: 0 0 10px rgba(114, 114, 114, 0.25);
}

.tradingBegginer__result {
  padding: 90px 0 140px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.tradingBegginer__result-title {
  font-size: 36px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  color: #171717;
  margin: 0 0 54px 0;
}

.tradingBegginer__result-title span {
  color: #1d1d1d;
}

.tradingBegginer__result-desc {
  color: #171717;
  font-family: "pfDinTextLight";
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 35px 0;
  max-width: 779px;
}

.tradingBegginer__result-platform {
  margin: 0 0 88px 0;
  font-size: 18px;
  color: #171717;
  font-weight: bold;
}

.tradingBegginer__result-platform a {
  color: #009e82;
  font-family: "pfDinTextLight";
  text-decoration: underline;
}

.tradingBegginer__result-products .tradingBegginer__result-productsTitle {
  color: #171717;
  font-family: "pfDinTextLight";
  font-size: 28px;
  margin: 0 0 28px 0;
}

.tradingBegginer__result-products .tradingBegginer__result-productsBtn {
  display: none;
  margin: 0 0 83px 0;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts {
  display: none;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-otherProductsTitle {
  color: #1e1e1e;
  font-family: "pfDinTextLight";
  font-size: 28px;
  margin: 0 0 36px 0;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  top: -60px;
  bottom: 0;
  right: 230px;
  width: 150px;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 5px;
  background: rgba(0, 0, 0, 0.1);
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #FFF;
  top: -7px;
  box-shadow: -1px 1px 6px rgba(51, 51, 51, 0.39);
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before {
  content: '';
  width: 17px;
  height: 17px;
  text-align: center;
  vertical-align: middle;
  background: #009e82;
  display: block;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  opacity: 0;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul li {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
  margin: 0 0 30px 30px;
  max-width: 380px;
  padding: 40px 30px;
  cursor: pointer;
  position: relative;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul li:before {
  content: '';
  border-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #ffffff;
  opacity: 0.8;
  transition: all .3s ease;
  z-index: 1;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul li:hover:before {
  box-shadow: 0 0 10px rgba(114, 114, 114, 0.25);
  opacity: 1;
  transform: scale(1.05);
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul li .tradingBegginer__result-productsTitle {
  color: #009e82;
  font-size: 24px;
  font-family: "pfDinTextLight";
  margin: 0 0 10px 0;
  position: relative;
  z-index: 2;
}

.tradingBegginer__result-products .tradingBegginer__result-otherProducts .tradingBegginer__result-carousel ul li .tradingBegginer__result-productsDesc {
  color: #171717;
  font-family: "pfDinTextLight";
  font-size: 18px;
  line-height: 24px;
  position: relative;
  z-index: 2;
}

.tradingBegginer__result-products ul.tradingBegginer__result-productsList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media (max-width: 1219px) {
  .tradingBegginer__result-products ul.tradingBegginer__result-productsList {
    justify-content: center;
  }
}

.tradingBegginer__result-products ul.tradingBegginer__result-productsList li {
  max-width: 380px;
  padding: 40px 30px;
  margin: 0 0 30px 30px;
  cursor: pointer;
  position: relative;
}

@media (max-width: 779px) {
  .tradingBegginer__result-products ul.tradingBegginer__result-productsList li {
    margin: 0 0 30px 0px;
  }
}

.tradingBegginer__result-products ul.tradingBegginer__result-productsList li:before {
  content: '';
  border-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #ffffff;
  opacity: 0.8;
  transition: all .3s ease;
  z-index: 1;
}

@media (min-width: 1220px) {
  .tradingBegginer__result-products ul.tradingBegginer__result-productsList li:nth-child(3n+3) {
    margin: 0 0 30px 0px;
  }
}

.tradingBegginer__result-products ul.tradingBegginer__result-productsList li:hover:before {
  box-shadow: 0 0 10px rgba(114, 114, 114, 0.25);
  opacity: 1;
  transform: scale(1.05);
}

.tradingBegginer__result-products ul.tradingBegginer__result-productsList li .tradingBegginer__result-productsTitle {
  color: #009e82;
  font-size: 24px;
  font-family: "pfDinTextLight";
  margin: 0 0 10px 0;
  position: relative;
  z-index: 2;
}

.tradingBegginer__result-products ul.tradingBegginer__result-productsList li .tradingBegginer__result-productsDesc {
  color: #171717;
  font-family: "pfDinTextLight";
  font-size: 18px;
  line-height: 24px;
  position: relative;
  z-index: 2;
}

.tradingBegginer__block {
  padding: 90px 0;
  background: #f2f2f2;
}

.tradingBegginer__freeTraining {
  width: calc(100% - 410px);
  max-width: 789px;
  min-height: 390px;
  padding: 52px;
  background: url("../img/trading-begginer-page/free-learn.jpg") no-repeat #FFF;
  background-position: left;
  margin: 0 0 0 30px;
  float: right;
}

@media (max-width: 1100px) {
  .tradingBegginer__freeTraining {
    margin: 0 0 30px 0px;
    width: 100%;
    max-width: none;
    float: none;
  }
}

@media (max-width: 666px) {
  .tradingBegginer__freeTraining {
    background-image: url("../img/trading-begginer-page/free-learn2.png");
    background-position: right 70px;
  }
}

.tradingBegginer__freeTraining.ar {
  background-image: url("../img/trading-begginer-page/free-learn-ar.jpg");
}

@media (max-width: 666px) {
  .tradingBegginer__freeTraining.ar {
    background-image: url("../img/trading-begginer-page/free-learn2.png");
  }
}

.tradingBegginer__freeTraining-title {
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  margin: 0 0 29px 0;
}

.tradingBegginer__freeTraining-title a {
  color: #252525;
  font-family: "pfDinTextLight";
  border-bottom: 1px solid rgba(37, 37, 37, 0.3);
  text-decoration: none;
  transition: all .3s ease;
}

.tradingBegginer__freeTraining-title a:hover {
  border-bottom: none;
}

.tradingBegginer__freeTraining-desc {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 52px 0;
  max-width: 404px;
}

.tradingBegginer__freeTraining-btn a {
  display: inline-block;
  border-radius: 3px;
  line-height: 45px;
  background-color: #ffc500;
  padding: 0px 25px;
  color: #1a1a1a;
  font-size: 18px;
  text-decoration: none;
  font-family: "pfDinTextMed";
  transition: background-color .3s ease, box-shadow .3s ease;
}

.tradingBegginer__freeTraining-btn a:hover {
  background-color: #f1b102;
  box-shadow: -1px 4px 6px rgba(255, 200, 50, 0.18);
}

.tradingBegginer__becomeInvestor {
  width: 380px;
  height: 390px;
  float: right;
  padding: 50px;
  background: url("../img/trading-begginer-page/investor.jpg") no-repeat center bottom #FFF;
}

@media (max-width: 1100px) {
  .tradingBegginer__becomeInvestor {
    margin: 0 auto;
    float: none;
  }
}

@media (max-width: 425px) {
  .tradingBegginer__becomeInvestor {
    width: 100%;
  }
}

.tradingBegginer__becomeInvestor-title {
  font-size: 32px;
  font-weight: 300;
  line-height: 34px;
  margin: 0 0 29px 0;
}

.tradingBegginer__becomeInvestor-title a {
  text-decoration: none;
  color: #252525;
  font-family: "pfDinTextLight";
  border-bottom: 1px solid rgba(37, 37, 37, 0.3);
}

.tradingBegginer__becomeInvestor-title a:hover {
  border-bottom: none;
}

.tradingBegginer__becomeInvestor-desc {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 52px 0;
}

.tradingBegginer__traderPlatforms {
  background: url("../img/trading-begginer-page/tranding-platforms2.png") no-repeat left #f9ebe6;
  padding: 86px 0 116px 0;
  background-size: cover;
  margin-bottom: -60px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1220px) {
  .tradingBegginer__traderPlatforms {
    background: url("../img/trading-begginer-page/tranding-platforms2.png") no-repeat left 150px #f9ebe6;
  }
}

@media (max-width: 700px) {
  .tradingBegginer__traderPlatforms {
    background: url("../img/trading-begginer-page/tranding-platforms2.png") no-repeat left 180px #f9ebe6;
  }
}

@media (max-width: 425px) {
  .tradingBegginer__traderPlatforms {
    background: url("../img/trading-begginer-page/tranding-platforms2.png") no-repeat #f9ebe6;
    background-size: contain;
    background-position: bottom;
  }
}

.tradingBegginer__traderPlatforms.ar {
  background-image: url("../img/trading-begginer-page/tranding-platforms-ar.png");
}

.tradingBegginer__traderPlatforms img {
  width: 25px;
  height: 26px;
}

.tradingBegginer__traderPlatforms-title {
  color: #171717;
  font-family: "pfDinTextLight";
  font-weight: 300;
  font-size: 42px;
  margin: 0 0 40px 0;
}

.tradingBegginer__traderPlatforms-desc {
  max-width: 630px;
  color: #171717;
  font-family: "pfDinTextLight";
  font-weight: 300;
  margin: 0 0 45px 0;
}

.tradingBegginer__traderPlatforms-links {
  margin: 0 0 56px 0;
  list-style: none;
}

.tradingBegginer__traderPlatforms-links li {
  display: inline-block;
  margin: 0 0 0 40px;
}

.tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksImg {
  float: right;
  margin: 0 0 0 11px;
}

.tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksDesc {
  float: right;
}

.tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksDesc .tradingBegginer__traderPlatforms-linksTitle {
  color: #00978b;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dashed rgba(0, 176, 162, 0.7);
  line-height: 18px;
}

.tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksDesc .tradingBegginer__traderPlatforms-linksTitle:hover {
  border-bottom: 1px dashed rgba(0, 176, 162, 0);
}

.tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksDesc .tradingBegginer__traderPlatforms-linksTitle a {
  color: inherit;
}

.tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksDesc span {
  color: #868888;
  font-size: 14px;
  font-weight: 400;
}

.tradingPro__cover-img {
  background: url("../img/trading-pro-page/bgPro.png") no-repeat center;
  top: 0;
  max-height: none;
  background-size: cover;
}

.tradingPro__cover-img.ar {
  background: url("../img/trading-pro-page/bgPro-ar.png") no-repeat center;
}

.tradingPro__companies {
  padding: 133px 0 0 0;
}

.tradingPro__companies .tradingPro__companies-title {
  color: #242424;
  font-size: 18px;
  font-family: "pfDinTextLight";
  line-height: 60px;
  margin: 0 0 40px 0;
}

.tradingPro__companies ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 900px) {
  .tradingPro__companies ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .tradingPro__companies ul li {
    margin: 0 0 20px 20px;
  }
}

.tradingPro__companies ul li img {
  max-width: 100%;
}

.tradingBegginer__qoutes {
  background: #FFF;
  padding: 40px 0;
}

.tradingBegginer__qoutes table.table-green thead {
  border-bottom: 1px solid #00978a;
}

.tradingBegginer__qoutes table.table-green thead tr td {
  color: #009b89;
  font-size: 18px;
  background: #FFF;
}

.tradingBegginer__qoutes .tabs dd > a {
  font-size: 22px;
  font-family: "pfDinTextLight";
}

.tradingBegginer__qoutes .tabs dd.active > a {
  color: #1d1d1d;
}

.tradingBegginer__qoutes .white-container.quotes {
  box-shadow: 0 8px 10px rgba(114, 114, 114, 0.25);
  margin: 0 0 0 65px;
}

@media (max-width: 1024px) {
  .tradingBegginer__qoutes .white-container.quotes {
    margin: 0 0 30px 0px;
  }
}

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

.analyticalReviews li {
  margin: 0 0 50px 0;
}

.analyticalReviews .analyticalReviews__title {
  margin: 0 0 16px 0;
}

.analyticalReviews .analyticalReviews__title a {
  color: #00816a;
  font-family: "pfDinTextReg";
  font-size: 18px;
  border-bottom: 1px solid #009e82;
}

.analyticalReviews .analyticalReviews__title a:hover {
  border-bottom: none;
}

.analyticalReviews .analyticalReviews__desc {
  color: #161616;
  font-size: 16px;
  font-weight: 400;
}

.analyticalReviews .analyticalReviews__desc p {
  line-height: 22px;
}

.analyticalReviews .analyticalReviews__all {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
}

.analyticalReviews .analyticalReviews__all:hover {
  text-decoration: none;
}

.webtrader__cover {
  position: relative;
  width: 100%;
  height: 545px;
  margin: 59px 0 0 0;
}

@media (max-width: 480px) {
  .webtrader__cover {
    max-height: 500px;
    margin: 0;
  }
}

.webtrader__cover .webtrader__cover-img {
  background: url("../img/webtrader-page/webtrader_cover.png") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  max-height: 920px;
  position: absolute;
  top: -250px;
  right: 0;
  z-index: -1;
}

.webtrader__cover .webtrader__cover-img.fa, .webtrader__cover .webtrader__cover-img.ar {
  transform: scale(-1, 1);
}

.webtrader__cover .webtrader__cover-inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 2;
}

.webtrader__cover .webtrader__cover-title {
  width: 100%;
  font-size: 48px;
  font-weight: 300;
  color: #171717;
  margin: 0 0 39px 0;
  font-family: "pfDinTextLight";
}

.webtrader__cover .webtrader__cover-desc {
  width: 100%;
  max-width: 517px;
  color: #171717;
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 17px 0;
  font-family: "pfDinTextLight";
}

.webtrader__cover .webtrader__cover-instruction {
  width: 100%;
}

.webtrader__cover .webtrader__cover-instruction a {
  margin: 0 13px 0 0;
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
}

.webtrader__cover .webtrader__cover-btn {
  width: 100%;
  margin: 40px 0 0 0;
}

.webtrader__cover .webtrader__cover-btn a {
  color: #ffffff;
  font-size: 19px;
  font-weight: 500;
  width: 224px;
  height: 42px;
  line-height: 43px;
  border-radius: 3px;
  text-align: center;
  background-color: #14817a;
  display: block;
  transition: background-color 300ms ease-out;
  font-family: "pfDinTextMed";
}

.webtrader__cover .webtrader__cover-btn a:hover {
  background-color: #116b65;
}

.webtrader__advantages {
  background-color: #f2f2f2;
  padding: 101px 0 138px 0;
  font-family: "pfDinTextLight";
}

.webtrader__advantages .webtrader__advantages-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #171717;
  font-size: 36px;
  font-weight: 300;
  margin: 0 0 53px 0;
}

.webtrader__advantages .webtrader__advantages-inner {
  display: flex;
}

@media (max-width: 768px) {
  .webtrader__advantages .webtrader__advantages-inner {
    flex-wrap: wrap;
  }
}

.webtrader__advantages .webtrader__advantages-image {
  flex: 1 1 30%;
  position: relative;
  margin: 0 20px 0 0;
}

@media (max-width: 768px) {
  .webtrader__advantages .webtrader__advantages-image {
    flex: 1 1 100%;
    margin: 0;
  }
}

.webtrader__advantages .webtrader__advantages-image img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: none;
}

@media (max-width: 768px) {
  .webtrader__advantages .webtrader__advantages-image img {
    position: static;
    max-width: 100%;
  }
}

.webtrader__advantages .webtrader__advantages-list {
  margin: 0;
  list-style: none;
  max-width: 670px;
  flex: 1 1 70%;
}

@media (max-width: 768px) {
  .webtrader__advantages .webtrader__advantages-list {
    flex: 1 1 100%;
    max-width: none;
  }
}

.webtrader__advantages .webtrader__advantages-list li {
  position: relative;
  padding: 0 31px 0 0;
  color: #171717;
  font-weight: 300;
  font-size: 18px;
  margin: 0 0 20px 0;
}

.webtrader__advantages .webtrader__advantages-list li span {
  font-size: 22px;
  display: block;
}

.webtrader__advantages .webtrader__advantages-list li:before {
  content: '';
  position: absolute;
  background: url("../img/webtrader-page/webtrader-list.png") no-repeat center;
  width: 20px;
  height: 15px;
  top: 8px;
  right: 0;
}

.webtrader__binaryOptions {
  background-color: #e6e6e6;
  padding: 87px 0 97px 0;
  min-height: 685px;
  font-family: "pfDinTextLight";
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner {
  display: flex;
}

@media (max-width: 768px) {
  .webtrader__binaryOptions .webtrader__binaryOptions-inner {
    flex-wrap: wrap;
  }
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-image {
  flex: 1 1 50%;
  position: relative;
  margin: 0 0 0 80px;
}

@media (max-width: 768px) {
  .webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-image {
    flex: 1 1 100%;
    order: 2;
    margin: 50px 0 0 0;
  }
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-image img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
}

@media (max-width: 768px) {
  .webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-image img {
    position: static;
    max-width: 100%;
  }
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text {
  max-width: 50%;
  flex: 1 1 50%;
  color: #1b1b1b;
  font-weight: 300;
}

@media (max-width: 768px) {
  .webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text {
    flex: 1 1 100%;
    max-width: none;
    order: 1;
  }
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text .webtrader__binaryOptions-title {
  font-size: 36px;
  margin: 0 0 42px 0;
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text .webtrader__binaryOptions-desc {
  font-size: 18px;
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text .webtrader__binaryOptions-btn {
  margin: 50px 0 0 0;
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text .webtrader__binaryOptions-btn a {
  color: #ffffff;
  font-size: 19px;
  font-weight: 500;
  width: 224px;
  height: 42px;
  line-height: 43px;
  border-radius: 3px;
  text-align: center;
  background-color: #14817a;
  display: block;
  transition: background-color 300ms ease-out;
  font-family: "pfDinTextMed";
}

.webtrader__binaryOptions .webtrader__binaryOptions-inner .webtrader__binaryOptions-text .webtrader__binaryOptions-btn a:hover {
  background-color: #116b65;
}

.webtrader__howToStart {
  background-color: #f2f2f2;
  padding: 23px 0 31px 0;
  font-family: "pfDinTextLight";
}

.webtrader__howToStart .webtrader__howToStart-inner {
  display: flex;
  min-height: 670px;
}

@media (max-width: 768px) {
  .webtrader__howToStart .webtrader__howToStart-inner {
    flex-wrap: wrap;
  }
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text {
  max-width: 50%;
  flex: 1 1 50%;
  position: relative;
  z-index: 10;
}

@media (max-width: 768px) {
  .webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text {
    flex: 1 1 100%;
    max-width: none;
  }
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text .webtrader__howToStart-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #171717;
  font-size: 36px;
  font-weight: 300;
  margin: 117px 0 70px 0;
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text .webtrader__howToStart-list {
  margin: 0;
  list-style: none;
  counter-reset: li;
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text .webtrader__howToStart-list li {
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 40px 0;
  padding: 0 53px 0 0;
  position: relative;
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text .webtrader__howToStart-list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -14px;
  right: 0;
  width: 30px;
  text-align: center;
  color: #00b596;
  font-size: 40px;
  font-weight: 100;
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-text .webtrader__howToStart-list li a {
  color: #00816a;
  font-weight: 300;
  text-decoration: underline;
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image {
  flex: 1 1 50%;
  position: relative;
  margin: 0 0 0 80px;
}

@media (max-width: 768px) {
  .webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image {
    margin: 0;
    flex: 1 1 100%;
  }
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image.fa, .webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image.ar {
  transform: scale(-1, 1);
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image.fa img, .webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image.ar img {
  right: initial;
  left: -170px;
}

.webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image img {
  position: absolute;
  top: 0;
  right: 0;
  max-width: none;
}

@media (max-width: 768px) {
  .webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image img {
    position: static;
    max-width: 100%;
  }
}

.mobilesPage {
  position: relative;
  width: 100%;
  min-height: 1000px;
}

.mobilesPage .mobilesPage__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../img/mobiles/mobiles-bg.png") no-repeat;
  background-size: cover;
  z-index: 1;
  background-attachment: fixed;
  background-position: top left;
  transition: all .3s ease;
}

.mobilesPage .mobilesPage__inner {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.mobilesPage .mobilesPage__title {
  color: #171717;
  font-size: 48px;
  font-family: "pfDinTextLight";
  margin: 72px 0 51px 0;
}

.mobilesPage .mobilesPage__block {
  max-width: 1200px;
  width: 100%;
  min-height: 420px;
  box-shadow: 0 0 7px 1px rgba(255, 255, 255, 0.57);
  border-radius: 3px;
  background-color: #ffffff;
  opacity: 0.8;
  margin: 0 auto 34px;
  padding: 48px 78px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .mobilesPage .mobilesPage__block {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 500px) {
  .mobilesPage .mobilesPage__block {
    padding: 20px 20px;
  }
}

.mobilesPage .mobilesPage__block .mobilesPage__block-text {
  flex: 1 1 0;
  max-width: 640px;
}

@media (max-width: 768px) {
  .mobilesPage .mobilesPage__block .mobilesPage__block-text {
    flex: 1 1 auto;
  }
}

@media (max-width: 1170px) {
  .mobilesPage .mobilesPage__block .mobilesPage__block-img {
    max-width: 30%;
  }
}

@media (max-width: 768px) {
  .mobilesPage .mobilesPage__block .mobilesPage__block-img {
    max-width: 100%;
    margin: 40px 0 0 0;
  }
}

.mobilesPage .mobilesPage__block .mobilesPage__block-title {
  margin: 0 0 37px 0;
}

.mobilesPage .mobilesPage__block .mobilesPage__block-titleImg {
  vertical-align: middle;
}

.mobilesPage .mobilesPage__block .mobilesPage__block-titleText {
  color: #171717;
  font-size: 36px;
  font-family: "pfDinTextLight";
  margin: 0 20px 0 0;
  vertical-align: middle;
  position: relative;
  transition: color .3s ease;
}

.mobilesPage .mobilesPage__block .mobilesPage__block-titleText:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  bottom: 0;
  right: 0;
  background: #000203;
  opacity: 0.4;
}

@media (max-width: 1024px) {
  .mobilesPage .mobilesPage__block .mobilesPage__block-titleText:before {
    display: none;
  }
}

.mobilesPage .mobilesPage__block .mobilesPage__block-titleText:hover {
  color: #116b65;
}

.mobilesPage .mobilesPage__block .mobilesPage__block-titleText:hover:before {
  background: #116b65;
}

.mobilesPage .mobilesPage__block .mobilesPage__block-desc {
  color: #171717;
  font-size: 18px;
  font-family: "pfDinTextLight";
  margin: 0 0 37px 0;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item {
  display: inline-block;
  margin: 0 0 0 45px;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-img {
  margin: 0 0 0 9px;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-titleText {
  color: #14817a;
  font-size: 18px;
  font-weight: 500;
  vertical-align: sub;
  position: relative;
  transition: color .3s ease;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-titleText:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  bottom: 0;
  right: 0;
  background: #00b0a2;
  opacity: 0.6;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-titleText:hover {
  color: #116b65;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-titleText:hover:before {
  background: #116b65;
}

.mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-titleDesc {
  display: block;
  color: #868888;
  font-size: 14px;
  font-weight: 400;
  margin: 7px 32px 0 0;
}

.mobilesPage .mobilesPage__block--second {
  padding: 48px 78px 0 78px;
}

@media (max-width: 500px) {
  .mobilesPage .mobilesPage__block--second {
    padding: 20px 20px;
  }
}

.mobilesPage .mobilesPage__block--second .mobilesPage__block-img {
  align-self: flex-end;
}

.binaryPage__cover {
  width: 100%;
  height: 830px;
  background: url("../img/binary-page/binary-cover.png") no-repeat center;
  background-size: cover;
}

@media (max-width: 480px) {
  .binaryPage__cover {
    height: 630px;
  }
}

.binaryPage__cover-inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.binaryPage__cover-title {
  color: #171717;
  font-weight: 300;
  font-family: "pfDinTextLight";
  font-size: 48px;
  width: 100%;
  margin: 0 0 20px 0;
}

.binaryPage__cover-subTitle {
  font-size: 24px;
  color: #171717;
  font-weight: 300;
  font-family: "pfDinTextLight";
  width: 100%;
  margin: 0 0 40px 0;
}

.binaryPage__cover-text {
  color: #171717;
  font-size: 18px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  line-height: 24px;
  max-width: 710px;
  margin: 0 0 44px 0;
}

.binaryPage__cover-btn {
  width: 100%;
}

.binaryPage__advantages {
  background-color: #f2f2f2;
  padding: 100px 0;
}

.binaryPage__advantages .binaryPage__advantages-title {
  color: #171717;
  font-size: 36px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  margin: 0 0 68px 0;
}

.binaryPage__advantages .binaryPage__advantages-list {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

@media (max-width: 480px) {
  .binaryPage__advantages .binaryPage__advantages-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.binaryPage__advantages .binaryPage__advantages-item {
  color: #171717;
  font-weight: 300;
  font-family: "pfDinTextLight";
  max-width: 345px;
  margin: 0 10px;
}

@media (max-width: 480px) {
  .binaryPage__advantages .binaryPage__advantages-item {
    margin: 0 0 40px 0;
  }
}

.binaryPage__advantages .binaryPage__advantages-itemImg {
  margin: 0 0 35px 0;
  text-align: center;
}

.binaryPage__advantages .binaryPage__advantages-itemTitle {
  font-size: 22px;
  margin: 0 0 15px 0;
}

.binaryPage__advantages .binaryPage__advantages-itemDesc {
  font-size: 18px;
}

.binaryPage__mainFunctions {
  background: #FFF;
  padding: 100px 0;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-title {
  color: #1b1b1b;
  font-size: 36px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  margin: 0 0 33px 0;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 425px) {
  .binaryPage__mainFunctions .binaryPage__mainFunctions-inner {
    flex-wrap: wrap;
  }
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-block {
  max-width: 33%;
}

@media (max-width: 480px) {
  .binaryPage__mainFunctions .binaryPage__mainFunctions-block:nth-child(2) {
    display: none;
  }
}

@media (max-width: 480px) {
  .binaryPage__mainFunctions .binaryPage__mainFunctions-block {
    max-width: 45%;
  }
}

@media (max-width: 425px) {
  .binaryPage__mainFunctions .binaryPage__mainFunctions-block {
    max-width: 100%;
  }
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-block #mainFunctionsImage {
  max-width: 257px;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-item {
  margin: 0 0 40px 0;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-itemTitle {
  font-weight: 400;
  color: #009486;
  font-size: 24px;
  margin: 0 0 15px 0;
  transition: color .3s ease;
  cursor: pointer;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-itemTitle span {
  border-bottom: 1px dashed rgba(0, 176, 162, 0.6);
  transition: opacity .3s ease;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-itemTitle:hover, .binaryPage__mainFunctions .binaryPage__mainFunctions-itemTitle.active {
  color: #1b1b1b;
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-itemTitle:hover span, .binaryPage__mainFunctions .binaryPage__mainFunctions-itemTitle.active span {
  border-bottom: 1px dashed rgba(0, 176, 162, 0);
}

.binaryPage__mainFunctions .binaryPage__mainFunctions-itemDesc {
  font-weight: 300;
  font-family: "pfDinTextLight";
  color: #1b1b1b;
  font-size: 18px;
}

.binaryPage__howToStart {
  background: url("../img/binary-page/howToStart-image.png") no-repeat center;
  background-size: cover;
  min-height: 780px;
  padding: 100px 0;
}

.binaryPage__howToStart .binaryPage__howToStart-title {
  color: #171717;
  font-size: 36px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  margin: 0 0 54px 0;
}

.binaryPage__howToStart .binaryPage__howToStart-list {
  list-style: none;
  counter-reset: li;
  max-width: 460px;
  margin: 0 0 40px 0;
}

.binaryPage__howToStart .binaryPage__howToStart-list li {
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 40px 0;
  padding: 0 53px 0 0;
  position: relative;
}

.binaryPage__howToStart .binaryPage__howToStart-list li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -14px;
  right: 0;
  width: 30px;
  text-align: center;
  color: #00b596;
  font-size: 40px;
  font-weight: 100;
}

.binaryPage__howToStart .binaryPage__howToStart-btn {
  margin: 0 0 56px 0;
}

.binaryPage__howToStart .binaryPage__howToStart-vip {
  color: #eb4141;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  max-width: 610px;
  align-items: flex-start;
}

.binaryPage__howToStart .binaryPage__howToStart-vip img {
  margin: 0 0 0 15px;
}

.binaryPage__app {
  background: #FFF;
  padding: 112px 0 0 0;
  margin-bottom: -60px;
}

.binaryPage__app .binaryPage__app-inner {
  display: flex;
}

@media (max-width: 480px) {
  .binaryPage__app .binaryPage__app-inner {
    flex-wrap: wrap;
  }
}

.binaryPage__app .binaryPage__app-image {
  margin: 0 0 0 64px;
  flex: 1 0 auto;
  overflow: hidden;
}

@media (max-width: 480px) {
  .binaryPage__app .binaryPage__app-image {
    order: 2;
    width: 100%;
    text-align: center;
  }
}

.binaryPage__app .binaryPage__app-image img {
  position: relative;
  bottom: -50px;
}

@media (max-width: 480px) {
  .binaryPage__app .binaryPage__app-block {
    order: 1;
    width: 100%;
  }
}

.binaryPage__app .binaryPage__app-title {
  color: #060707;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 26px 0;
}

.binaryPage__app .binaryPage__app-text {
  font-size: 18px;
  font-weight: 400;
  color: #060707;
  margin: 0 0 30px 0;
}

.binaryPage__app .binaryPage__app-text a {
  color: #14817a;
}

.binaryPage__app .binaryPage__app-text a:hover {
  color: #116b65;
}

.investPage__cover {
  position: relative;
  width: 100%;
  height: 830px;
  background: url("../img/invest-page/invest-cover.png") no-repeat center;
  background-size: cover;
}

.investPage__cover.ar, .investPage__cover.fa {
  background: url("../img/invest-page/invest-cover2.jpg") no-repeat center;
}

@media (max-width: 480px) {
  .investPage__cover {
    height: 630px;
  }
}

.investPage__cover-inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.investPage__cover-title {
  color: #171717;
  font-weight: 300;
  font-family: "pfDinTextLight";
  font-size: 48px;
  width: 100%;
  margin: 0 0 20px 0;
}

.investPage__cover-subTitle {
  font-size: 24px;
  color: #171717;
  font-weight: 300;
  font-family: "pfDinTextLight";
  width: 100%;
  margin: 0 0 40px 0;
}

.investPage__cover-text {
  color: #171717;
  font-size: 18px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  line-height: 24px;
  max-width: 620px;
  margin: 0 0 44px 0;
}

.investPage__cover-btn {
  width: 100%;
}

.investPage__cover-btn a {
  margin: 0 0 0 13px;
}

.investPage__advantages {
  background-color: #f2f2f2;
  padding: 100px 0;
}

.investPage__advantages .investPage__advantages-title {
  color: #171717;
  font-size: 36px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  margin: 0 0 68px 0;
}

.investPage__advantages .investPage__advantages-list {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

@media (max-width: 480px) {
  .investPage__advantages .investPage__advantages-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.investPage__advantages .investPage__advantages-item {
  color: #171717;
  font-weight: 300;
  font-family: "pfDinTextLight";
  max-width: 345px;
  margin: 0 10px;
}

@media (max-width: 480px) {
  .investPage__advantages .investPage__advantages-item {
    margin: 0 0 40px 0;
  }
}

.investPage__advantages .investPage__advantages-itemImg {
  margin: 0 0 35px 0;
  text-align: center;
}

.investPage__advantages .investPage__advantages-itemTitle {
  font-size: 22px;
  margin: 0 0 15px 0;
}

.investPage__advantages .investPage__advantages-itemDesc {
  font-size: 18px;
}

.investPage__mainFunctions {
  background: #FFF;
  padding: 100px 0;
}

.investPage__mainFunctions .investPage__mainFunctions-title {
  color: #1b1b1b;
  font-size: 36px;
  font-weight: 300;
  font-family: "pfDinTextLight";
  margin: 0 0 33px 0;
}

.investPage__mainFunctions .investPage__mainFunctions-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 425px) {
  .investPage__mainFunctions .investPage__mainFunctions-inner {
    flex-wrap: wrap;
  }
}

.investPage__mainFunctions .investPage__mainFunctions-block {
  max-width: 33%;
}

@media (max-width: 480px) {
  .investPage__mainFunctions .investPage__mainFunctions-block:nth-child(2) {
    display: none;
  }
}

@media (max-width: 480px) {
  .investPage__mainFunctions .investPage__mainFunctions-block {
    max-width: 45%;
  }
}

@media (max-width: 425px) {
  .investPage__mainFunctions .investPage__mainFunctions-block {
    max-width: 100%;
  }
}

.investPage__mainFunctions .investPage__mainFunctions-blockImg {
  position: relative;
}

.investPage__mainFunctions .investPage__mainFunctions-blockImg img {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}

.investPage__mainFunctions .investPage__mainFunctions-blockImg img.active {
  opacity: 1;
  visibility: visible;
}

.investPage__mainFunctions .investPage__mainFunctions-blockSwitch {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 10px 0;
}

.investPage__mainFunctions .investPage__mainFunctions-blockSwitchImg {
  margin: 0 10px;
}

.investPage__mainFunctions .investPage__mainFunctions-blockSwitchImg.right img {
  transition: all .3s ease;
  transform: scaleX(-1);
}

.investPage__mainFunctions .investPage__mainFunctions-blockSwitchImg.left img {
  transition: all .3s ease;
  transform: scaleX(1);
}

.investPage__mainFunctions .investPage__mainFunctions-blockSwitchBtn {
  color: #848484;
  font-size: 18px;
  font-weight: 400;
  border-bottom: 2px dotted #aeaeae;
  cursor: pointer;
}

.investPage__mainFunctions .investPage__mainFunctions-blockSwitchBtn.active {
  color: #171717;
  border-bottom: none;
}

.investPage__mainFunctions .investPage__mainFunctions-item {
  margin: 0 0 40px 0;
}

.investPage__mainFunctions .investPage__mainFunctions-itemTitle {
  font-weight: 400;
  color: #009486;
  font-size: 24px;
  margin: 0 0 15px 0;
  transition: color .3s ease;
  cursor: pointer;
}

.investPage__mainFunctions .investPage__mainFunctions-itemTitle span {
  border-bottom: 1px dashed rgba(0, 176, 162, 0.6);
  transition: opacity .3s ease;
}

.investPage__mainFunctions .investPage__mainFunctions-itemTitle:hover, .investPage__mainFunctions .investPage__mainFunctions-itemTitle.active {
  color: #1b1b1b;
}

.investPage__mainFunctions .investPage__mainFunctions-itemTitle:hover span, .investPage__mainFunctions .investPage__mainFunctions-itemTitle.active span {
  border-bottom: 1px dashed rgba(0, 176, 162, 0);
}

.investPage__mainFunctions .investPage__mainFunctions-itemDesc {
  font-weight: 300;
  font-family: "pfDinTextLight";
  color: #1b1b1b;
  font-size: 18px;
}

.investPage__app {
  background: url("../img/invest-page/app-image.png") no-repeat center;
  background-size: cover;
  padding: 74px 0 100px 0;
  margin-bottom: -60px;
}

.investPage__app.ar, .investPage__app.fa {
  background: url("../img/invest-page/app-image2.jpg") no-repeat center;
}

.investPage__app .investPage__app-inner {
  display: flex;
}

@media (max-width: 480px) {
  .investPage__app .investPage__app-inner {
    flex-wrap: wrap;
  }
}

.investPage__app .investPage__app-block {
  max-width: 700px;
}

@media (max-width: 480px) {
  .investPage__app .investPage__app-block {
    order: 1;
    width: 100%;
    max-width: none;
  }
}

.investPage__app .investPage__app-title {
  color: #060707;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 26px 0;
}

.investPage__app .investPage__app-text {
  font-size: 18px;
  font-weight: 400;
  color: #060707;
  margin: 0 0 30px 0;
}

.investPage__app .investPage__app-text a {
  color: #14817a;
}

.investPage__app .investPage__app-text a:hover {
  color: #116b65;
}

#Oval {
  cursor: pointer;
}

.vipPage__cover {
  padding-bottom: 370px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__cover {
    padding-bottom: 100px;
  }
}

.vipPage__cover .vipPage__cover-title {
  text-shadow: 0 0 7px rgba(255, 255, 255, 0.57);
  color: #1d1d1d;
  font-size: 48px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-weight: 300;
  margin: 0 0 36px 0;
}

.vipPage__cover .vipPage__cover-desc {
  color: #1d1d1d;
  font-family: "pfDinTextReg";
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 30px 0;
  max-width: 663px;
}

.vipPage__success-message {
  display: none;
  font-size: 18px;
  color: #009e82;
}

.vipPage__mainImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: url("../img/trading-vip-page/cover.png") no-repeat center;
  background-size: cover;
  z-index: -1;
  max-height: 1000px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__mainImg {
    height: 150vh;
    max-height: 740px;
    background-position: 60% 0;
  }
}

.vipPage__mainImg.ar, .vipPage__mainImg.fa {
  transform: scale(-1, 1) !important;
}

.vipPage__advantages {
  padding-top: 75px;
}

.vipPage__advantages .vipPage__advantages-title {
  color: #000000;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 36px;
  font-weight: 300;
  margin: 0 0 50px 0;
}

.vipPage__top {
  display: flex;
  align-items: flex-end;
  min-height: 55px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__top {
    min-height: auto;
  }
}

.vipPage__list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__list ul {
    align-items: center;
    flex-direction: column;
  }
}

.vipPage__list ul li {
  width: 360px;
  margin: 0 0 75px 0px;
}

.vipPage__list ul .vipPage__list-img {
  flex: 0 0 auto;
  margin: 0 0 0 15px;
  width: 60px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__list ul .vipPage__list-img {
    width: 50px;
  }
}

.vipPage__list ul .vipPage__list-img img {
  max-width: 100%;
}

.vipPage__list ul .vipPage__list-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  line-height: 20px;
  color: #000000;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__list ul .vipPage__list-title {
    font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
    font-size: 20px;
    line-height: 24px;
  }
}

.vipPage__list ul .vipPage__list-text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 18px;
  line-height: 22px;
  margin-top: 25px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__list ul .vipPage__list-text {
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    font-size: 16px;
  }
}

.vipPage__list ul .vipPage__list-text span {
  display: inline-block;
  margin-top: 10px;
  color: #848484;
  font-size: 14px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .vipPage__list ul .vipPage__list-text span {
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    margin-top: 5px;
  }
}

.serenity .hero {
  background: url("/static/img/serenity/hero.png") 50% 100%/contain no-repeat;
  height: 100vh;
  max-height: 768px;
  /*320!!!*/
}

.serenity .hero.ar, .serenity .hero.fa {
  background-image: url("/static/img/serenity/hero-ar.png");
}

@media only screen and (max-width: 64em) {
  .serenity .hero {
    height: auto;
    padding-bottom: 200px;
  }
}

.serenity .about {
  padding-top: 75px;
  margin-bottom: 50px;
}

.serenity__heading {
  display: flex;
  justify-content: space-between;
}

.serenity__title {
  max-width: 680px;
}

.serenity__logo {
  padding-top: 80px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity__logo {
    margin-left: 20px;
    display: none;
  }
}

.serenity .what-is {
  background: url("/static/img/serenity/what-is-bg.png") center/cover no-repeat;
  padding-bottom: 125px;
  max-height: 510px;
  padding-top: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .what-is {
    max-height: none;
    padding-bottom: 65px;
    background: url("/static/img/serenity/what-is-bg-mobile.png") center/cover no-repeat;
  }
}

.serenity .what-is__items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .what-is__items {
    display: none;
  }
}

.serenity .what-is__item {
  max-width: 340px;
  flex: 1;
  width: 100%;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 35px 55px;
  cursor: pointer;
  transition: transform .3s ease;
  overflow: hidden;
  z-index: 10;
  position: relative;
}

.serenity .what-is__item:hover {
  transition: transform .3s ease;
  padding: 35px 30px;
  z-index: 10;
}

.serenity .what-is__item:hover .what-is__img {
  opacity: 0;
  position: absolute;
  top: -999px;
}

.serenity .what-is__item:hover .what-is__desc {
  opacity: 1;
  position: static;
}

.serenity .what-is__img {
  width: 235px;
  height: 142px;
  margin: auto;
  margin-bottom: 20px;
}

.serenity .what-is .escrow-1 {
  background: url("/static/img/serenity/escrow-1.svg") center/cover no-repeat;
}

.serenity .what-is .escrow-2 {
  background: url("/static/img/serenity/escrow-2.svg") center/cover no-repeat;
}

.serenity .what-is .escrow-3 {
  background: url("/static/img/serenity/escrow-3.svg") center/cover no-repeat;
}

.serenity .what-is__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  text-align: center;
}

.serenity .what-is__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 14px;
  margin-top: 15px;
  opacity: 0;
  position: absolute;
  left: -999px;
}

.serenity .what-is__mobile {
  display: none;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .what-is__mobile {
    display: block;
    margin-top: 20px;
  }
}

.serenity .what-is__mobile .element {
  background: #FFFFFF;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 20px;
}

.serenity .what-is__mobile .element.active .wrapper::after {
  transform: translateY(-50%) rotate(-180deg);
}

.serenity .what-is__mobile .wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.serenity .what-is__mobile .wrapper::after {
  content: '';
  width: 18px;
  height: 10px;
  display: inline-block;
  background: url("/static/img/serenity/i-arrow.svg") center/100% no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.serenity .what-is__mobile .icon, .serenity .what-is__mobile .icon-portfolio, .serenity .what-is__mobile .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .serenity .what-is__mobile .block-portfolio {
  margin-left: 15px;
}

.serenity .what-is__mobile .name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
}

.serenity .what-is__mobile .text {
  display: none;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 16px;
  margin-top: 20px;
}

.serenity .trading {
  position: relative;
  padding-top: 60px;
  height: 540px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .trading {
    height: auto;
  }
}

.serenity .trading__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  /*320!!!*/
}

.serenity .trading__bg[data-bg="traders"] {
  background: url("/static/img/serenity/traders-bg.png") center/cover no-repeat;
}

.serenity .trading__bg[data-bg="traders"].ar, .serenity .trading__bg[data-bg="traders"].fa {
  background-image: url(/static/img/serenity/traders-bg-ar.png);
}

.serenity .trading__bg[data-bg="brokers"] {
  background: url("/static/img/serenity/brokers-bg.png") center/cover no-repeat;
}

.serenity .trading__bg[data-bg="brokers"].ar, .serenity .trading__bg[data-bg="brokers"].fa {
  background-image: url(/static/img/serenity/brokers-bg-ar.png);
}

@media only screen and (max-width: 64em) {
  .serenity .trading__bg {
    background: none !important;
  }
}

.serenity .trading__tabs {
  padding-bottom: 180px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .trading__tabs {
    padding-bottom: 50px;
  }
}

.serenity .trading .trading-tabs__items {
  display: flex;
  align-items: center;
}

.serenity .trading .trading-tabs__item {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  line-height: 29px;
  width: 100%;
  max-width: 295px;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.serenity .trading .trading-tabs__item.active {
  color: #377F6B;
  border-bottom: 2px solid #009e82;
}

.serenity .trading .trading-tabs__content {
  padding-top: 50px;
}

.serenity .trading .trading-tabs__content .content {
  display: none;
}

.serenity .trading .trading-tabs__content .content.active {
  display: block;
}

.serenity .dealing {
  padding-top: 75px;
}

.serenity .dealing__title {
  padding-top: 0;
}

.serenity .dealing__img {
  margin-right: -120px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .dealing__img {
    margin: auto;
  }
}

.serenity .dealing__content {
  margin-right: 80px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .dealing__content {
    margin-right: 0;
    margin-bottom: 50px;
  }
}

.serenity .currency {
  padding-top: 50px;
  background: url("/static/img/serenity/currency-bg.png") center/cover no-repeat;
  padding-bottom: 110px;
  /*320!!!*/
}

.serenity .currency.ar, .serenity .currency.fa {
  background-image: url("/static/img/serenity/currency-bg-ar.png");
}

@media only screen and (max-width: 64em) {
  .serenity .currency {
    background: url("/static/img/serenity/currency-bg-mobile.png") center/cover no-repeat;
  }
}

.serenity .currency__wrapper {
  max-width: 635px;
}

.serenity .currency__wrapper p {
  margin-bottom: 20px;
}

.serenity .currency__btn {
  background-color: #FDCD53 !important;
  color: #423D33 !important;
  margin-top: 50px;
  transition: all .3s ease;
}

.serenity .currency__btn:hover {
  background-color: #fdc63a !important;
  transition: all .3s ease;
}

.serenity .how-use {
  padding-top: 50px;
  padding-bottom: 75px;
}

.serenity .how-use__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .serenity .how-use__items {
    flex-direction: column;
    align-items: center;
  }
}

.serenity .how-use__item {
  display: flex;
  flex: 33%;
  width: 100%;
  max-width: 350px;
  position: relative;
  margin-bottom: 80px;
  /*320!!!*/
}

.serenity .how-use__item::after {
  content: '';
  display: inline-block;
  width: 34px;
  height: 15px;
  background: url("/static/img/serenity/arrow.svg") center/cover no-repeat;
  position: absolute;
  left: -15px;
  top: 5px;
}

.serenity .how-use__item:last-child::after {
  content: none;
}

@media only screen and (max-width: 64em) {
  .serenity .how-use__item {
    margin-bottom: 60px;
  }
  .serenity .how-use__item::after {
    left: auto;
    top: 60px;
    right: 0;
    transform: rotate(-90deg);
  }
}

.serenity .how-use__icon {
  min-width: 34px;
  margin-left: 20px;
}

.serenity .how-use__text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 132%;
  max-width: 250px;
}

.serenity .how-use__text .info {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url("/static/img/serenity/tooltip.svg") center/cover no-repeat;
  position: absolute;
  top: 3px;
  left: 40px;
  cursor: pointer;
}

.free-comission .hero {
  padding-bottom: 150px;
}

.free-comission__bg {
  background: url("/static/img/free-comission/free-comission-bg.png") no-repeat;
  background-size: 750px;
  background-position: 2% 50%;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 250px;
  max-height: 600px;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

.free-comission__bg.ar {
  background-image: url("/static/img/free-comission/free-comission-bg-ar.png");
}

@media only screen and (max-width: 90em) {
  .free-comission__bg {
    background-size: 500px;
  }
}

@media only screen and (max-width: 64em) {
  .free-comission__bg {
    background-size: 300px;
    background-position: 50% 80%;
  }
}

@media only screen and (max-width: 30em) {
  .free-comission__bg {
    background: none;
  }
}

.free-comission .desc {
  padding: 75px;
  background: url("/static/img/free-comission/description-bg.png") 100% 25%/25% no-repeat #F4F4F4;
  /*320!!!*/
  /*320!!!*/
}

.free-comission .desc.ar {
  background-image: url("/static/img/free-comission/description-bg-ar.png");
}

@media only screen and (max-width: 90em) {
  .free-comission .desc {
    background-size: 35%;
  }
}

@media only screen and (max-width: 64em) {
  .free-comission .desc {
    background: none;
  }
}

/* ------------------------- PROMO PAGES ----------------------- */
.partnership_landing {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  background-color: #FFFFFF;
  /* Slick slider */
  /*  */
  /* for 'alt' attribute */
}

.partnership_landing ::selection {
  background-color: #2ED790 !important;
  color: #FFFFFF !important;
}

.partnership_landing *,
.partnership_landing *::before,
.partnership_landing *::after {
  box-sizing: border-box !important;
  font-family: 'Nunito', sans-serif !important;
  position: relative;
}

.partnership_landing .slick-slider {
  position: relative;
  margin: 0 !important;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  transition: opacity 600ms ease-in-out;
}

.partnership_landing .slick-slider,
.partnership_landing .slick-slider * {
  outline: none;
}

.partnership_landing .slick-list.draggable {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.partnership_landing .slick-slide {
  height: auto !important;
}

.partnership_landing .slick-dots {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  z-index: 99 !important;
}

.partnership_landing .slick-dots li {
  font-size: 0 !important;
  margin: 0 5px;
  width: 10px;
  height: 10px;
}

.partnership_landing .slick-dots li button {
  border-radius: 50%;
  cursor: pointer;
  background-color: #E6E6E6;
  padding: 0;
  width: 10px;
  height: 10px;
  transition: all .3s ease;
}

.partnership_landing .slick-dots li button::before {
  display: none !important;
}

.partnership_landing .slick-dots li:hover button,
.partnership_landing .slick-dots li.slick-active button {
  transform: scale(1.4) !important;
  background-color: #0ABB86 !important;
}

.partnership_landing .slick-arrow {
  position: absolute;
  top: calc(50% - 60px);
  transform: translate(0);
  width: 32px;
  height: 60px;
  background: url("../img/promo/partnership-landing/arrow_slider.svg") no-repeat center/contain;
  z-index: 99 !important;
}

@media all and (max-width: 1024px) {
  .partnership_landing .slick-arrow {
    display: none !important;
  }
}

.partnership_landing .slick-arrow::before {
  display: none;
}

.partnership_landing .slick-arrow.slick-prev {
  right: 0;
}

.partnership_landing .slick-arrow.slick-next {
  left: 0;
  transform: rotate(-180deg);
}

.partnership_landing .slick-arrow.slick-disabled {
  filter: grayscale(100%);
  pointer-events: none;
}

.partnership_landing img {
  user-select: none;
  -webkit-user-drag: none;
  color: #FFFFFF;
  max-width: 100%;
}

.partnership_landing ul,
.partnership_landing ol {
  list-style: none;
  margin-right: 0;
}

.partnership_landing h1 {
  font-size: 28px;
  line-height: 32px;
}

@media screen and (min-width: 375px) {
  .partnership_landing h1 {
    font-size: calc(28px + 27 * ((100vw - 375px) / 1525));
    line-height: calc(32px + 33 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing h1 {
    font-size: 55px;
    line-height: 65px;
  }
}

.partnership_landing h2 {
  font-weight: 200;
  margin-bottom: 30px;
}

.partnership_landing h2 {
  font-size: 28px;
  line-height: 38px;
}

@media screen and (min-width: 375px) {
  .partnership_landing h2 {
    font-size: calc(28px + 8 * ((100vw - 375px) / 1525));
    line-height: calc(38px + 10 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing h2 {
    font-size: 36px;
    line-height: 48px;
  }
}

@media all and (max-width: 768px) {
  .partnership_landing h2 {
    margin-bottom: 20px;
  }
}

.partnership_landing h3 {
  margin-bottom: 18px;
}

.partnership_landing h3 {
  font-size: 22px;
  line-height: 25px;
}

@media screen and (min-width: 375px) {
  .partnership_landing h3 {
    font-size: calc(22px + 6 * ((100vw - 375px) / 1525));
    line-height: calc(25px + 6 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing h3 {
    font-size: 28px;
    line-height: 31px;
  }
}

.partnership_landing h3.bold {
  font-weight: 700;
}

.partnership_landing .fluid_text {
  font-size: 14px;
  line-height: 18px;
}

@media screen and (min-width: 375px) {
  .partnership_landing .fluid_text {
    font-size: calc(14px + 4 * ((100vw - 375px) / 1525));
    line-height: calc(18px + 6 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing .fluid_text {
    font-size: 18px;
    line-height: 24px;
  }
}

.partnership_landing .c_button {
  display: inline-block;
  width: fit-content;
  color: #FFFFFF;
  background-color: #2ED790;
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  text-align: center;
  padding: 12px 25px;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  position: relative;
  outline: none;
  border-radius: 3px;
  transition: background-color .3s ease-in-out, transform .3s ease-in-out;
}

.partnership_landing .c_button::before {
  pointer-events: none;
  content: "";
  background: white;
  position: absolute;
  width: 200%;
  height: 400%;
  right: -50%;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.75s ease-in-out;
}

.partnership_landing .c_button:active::before {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.partnership_landing .c_button:hover, .partnership_landing .c_button:focus {
  background-color: #70EDA9;
}

@media all and (max-width: 500px) {
  .partnership_landing .c_button.full-width {
    width: 100% !important;
  }
}

.partnership_landing .c_link {
  text-decoration: none;
  color: #2ED790;
  border-bottom: 1px solid #2ED790;
}

.partnership_landing .logo_wrapper {
  margin-top: 1.875rem;
}

@media all and (max-width: 768px) {
  .partnership_landing .logo_wrapper {
    margin-top: 0.75rem;
  }
}

.partnership_landing .logo {
  display: inline-block;
}

@media all and (max-width: 768px) {
  .partnership_landing .logo {
    width: 200px;
  }
}

.partnership_landing .cross {
  display: block;
  background: url("../img/promo/partnership-landing/cross.svg") no-repeat center/contain;
  width: 20px;
  height: 20px;
}

.partnership_landing .check {
  display: block;
  background: url("../img/promo/partnership-landing/check.svg") no-repeat center/contain;
  width: 20px;
  height: 20px;
}

.partnership_landing .check_alt {
  display: block;
  background: url("../img/promo/partnership-landing/check_alt.svg") no-repeat center/contain;
  width: 25px;
  height: 25px;
}

.partnership_landing .row {
  position: relative !important;
}

.partnership_landing section {
  position: relative;
  margin-bottom: 100px;
}

@media all and (max-width: 768px) {
  .partnership_landing section {
    margin-bottom: 50px;
  }
}

.partnership_landing section.light-theme {
  color: #FFFFFF;
}

.partnership_landing section.centered {
  text-align: center;
}

.partnership_landing section.promo {
  background-color: #000000;
  min-height: 910px;
}

.partnership_landing section.promo::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/promo/partnership-landing/intro_bg.png") no-repeat left -175px top -50px/contain;
  z-index: 2;
}

@media all and (max-width: 1800px) {
  .partnership_landing section.promo::before {
    background-position: left -300px bottom;
  }
}

@media all and (max-width: 900px) {
  .partnership_landing section.promo::before {
    background: url("../img/promo/partnership-landing/intro_bg_mob.png") no-repeat left bottom/contain;
  }
}

.partnership_landing section.promo::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/promo/partnership-landing/intro_shadow.svg") no-repeat left center/auto;
  z-index: 1;
}

@media all and (max-width: 900px) {
  .partnership_landing section.promo::after {
    display: none;
  }
}

.partnership_landing section.promo * {
  z-index: 50 !important;
}

.partnership_landing section.promo .promo_wrap {
  max-width: 700px;
  margin: 7.5rem 0 15.625rem;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.promo .promo_wrap {
    margin: 1.875rem 0;
  }
}

.partnership_landing section.promo .promo_slogan p {
  margin: 2.5rem 0;
}

.partnership_landing section.promo .promo_slogan p {
  font-size: 22px;
  line-height: 30px;
}

@media screen and (min-width: 375px) {
  .partnership_landing section.promo .promo_slogan p {
    font-size: calc(22px + 13 * ((100vw - 375px) / 1525));
    line-height: calc(30px + 18 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing section.promo .promo_slogan p {
    font-size: 35px;
    line-height: 48px;
  }
}

@media all and (max-width: 1024px) {
  .partnership_landing section.promo .promo_slogan p {
    margin: 1.25rem 0;
  }
}

.partnership_landing section.promo .promo_slogan .numbers {
  font-weight: 700;
  color: #2ED790;
}

.partnership_landing section.promo .promo_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.125rem;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.promo .promo_list {
    flex-direction: column;
  }
}

.partnership_landing section.promo .promo_list li {
  position: relative;
  padding-right: 2.1875rem;
}

.partnership_landing section.promo .promo_list li:not(:last-of-type) {
  margin-left: 0.625rem;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.promo .promo_list li:not(:last-of-type) {
    margin-left: 0;
    margin-bottom: 1.25rem;
  }
}

.partnership_landing section.promo .promo_list li::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  background-color: #424242;
  border-radius: 50%;
}

.partnership_landing section.promo .promo_list li::after {
  content: '';
  position: absolute;
  top: calc(25px / 4);
  right: calc(25px / 4);
  width: calc(25px / 2);
  height: calc(25px / 2);
  background: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(-180deg, #34704F 0%, #2ED790 100%);
  border-radius: 50%;
}

.partnership_landing section.scheme {
  text-align: center;
}

.partnership_landing section.scheme .scheme_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3.125rem;
}

@media all and (max-width: 767px) {
  .partnership_landing section.scheme .scheme_list {
    flex-direction: column;
  }
}

.partnership_landing section.scheme .scheme_list li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 20%;
}

@media all and (max-width: 767px) {
  .partnership_landing section.scheme .scheme_list li {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
  }
}

.partnership_landing section.scheme .scheme_list li:not(:last-child)::after {
  content: '';
  position: absolute;
  width: 77px;
  height: 16px;
  top: 32px;
  left: -75%;
  background: url("../img/promo/partnership-landing/arrow.svg") no-repeat center/contain;
}

@media all and (max-width: 767px) {
  .partnership_landing section.scheme .scheme_list li:not(:last-child)::after {
    width: 57px;
    transform: rotate(-90deg);
    right: 12px;
    top: auto;
    bottom: -75%;
  }
}

@media all and (max-width: 767px) {
  .partnership_landing section.scheme .scheme_list li:not(:last-of-type) {
    margin-bottom: 100px;
  }
}

.partnership_landing section.scheme .scheme_list li span {
  position: relative;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  user-select: none;
  width: 81px;
  height: 81px;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial" !important;
  color: #0ABB86;
  font-size: 30px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media all and (max-width: 767px) {
  .partnership_landing section.scheme .scheme_list li span {
    align-self: flex-start;
    margin-bottom: 0;
    margin-left: 30px;
  }
}

.partnership_landing section.scheme .scheme_list li span::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -14px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  z-index: 1;
  border: 10px solid #0ABB86;
}

.partnership_landing section.scheme .scheme_list li p {
  color: #2F2C2C;
  font-weight: 700;
}

@media all and (max-width: 767px) {
  .partnership_landing section.scheme .scheme_list li p {
    text-align: right;
  }
}

.partnership_landing section.how_to_earn h2 {
  text-align: center;
}

@media all and (max-width: 768px) {
  .partnership_landing section.how_to_earn h2 {
    text-align: right;
  }
}

.partnership_landing section.how_to_earn .partner_slider {
  color: #444444;
}

.partnership_landing section.how_to_earn .partner_slider:not(.slick-initialized) {
  opacity: 0;
}

.partnership_landing section.how_to_earn .partner_slider.slick-initialized {
  opacity: 1;
}

.partnership_landing section.how_to_earn .partner_slider__item.partner1 .partner_info::before {
  background-image: url("../img/promo/partnership-landing/partner1.png");
}

.partnership_landing section.how_to_earn .partner_slider__item.partner2 .partner_info::before {
  background-image: url("../img/promo/partnership-landing/partner2.png");
}

.partnership_landing section.how_to_earn .partner_slider__item.partner3 .partner_info::before {
  background-image: url("../img/promo/partnership-landing/partner3.png");
}

.partnership_landing section.how_to_earn .partner_slider__item.partner4 .partner_info::before {
  background-image: url("../img/promo/partnership-landing/partner4.png");
}

.partnership_landing section.how_to_earn .partner_slider .partner_slide_wrap {
  display: flex;
  border: 1px solid #E6E6E6;
  max-width: calc(100% - 64px - 50px);
  margin: 0 auto;
  padding: 2.5rem;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_slide_wrap {
    flex-direction: column-reverse;
    max-width: none;
  }
}

@media all and (max-width: 768px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_slide_wrap {
    padding: 1.25rem;
  }
}

.partnership_landing section.how_to_earn .partner_slider .partner_wrap {
  flex: 0 0 calc(50% - 40px);
}

.partnership_landing section.how_to_earn .partner_slider .partner_wrap.chart_wrap {
  margin-left: 80px;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_wrap.chart_wrap {
    margin: 20px 0 60px;
  }
}

.partnership_landing section.how_to_earn .partner_slider .partner_info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 82px;
  padding-right: 100px;
  margin-bottom: 1.875rem;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_info {
    margin-bottom: 10px;
  }
}

.partnership_landing section.how_to_earn .partner_slider .partner_info::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 82px;
  height: 82px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
}

.partnership_landing section.how_to_earn .partner_slider .partner_name {
  font-weight: 700;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_name {
    margin-bottom: 5px;
  }
}

.partnership_landing section.how_to_earn .partner_slider .partner_status {
  font-size: 13px;
  line-height: 24px;
}

@media screen and (min-width: 375px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_status {
    font-size: calc(13px + 2 * ((100vw - 375px) / 1525));
    line-height: calc(24px + 0 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_status {
    font-size: 15px;
    line-height: 24px;
  }
}

.partnership_landing section.how_to_earn .partner_slider .desktop_chart {
  max-height: 350px;
}

@media all and (max-width: 500px) {
  .partnership_landing section.how_to_earn .partner_slider .desktop_chart {
    display: none;
  }
}

.partnership_landing section.how_to_earn .partner_slider .mobile_chart {
  max-height: 200px;
  display: none;
}

@media all and (max-width: 500px) {
  .partnership_landing section.how_to_earn .partner_slider .mobile_chart {
    display: block;
  }
}

@media all and (max-width: 1024px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_btn.desktop_btn {
    display: none;
  }
}

.partnership_landing section.how_to_earn .partner_slider .partner_btn.mobile_btn {
  margin: 0 auto;
  display: none;
}

@media all and (max-width: 1024px) {
  .partnership_landing section.how_to_earn .partner_slider .partner_btn.mobile_btn {
    display: block;
  }
}

.partnership_landing section.partnership_types h2 {
  text-align: center;
  margin-bottom: 2.5rem;
}

@media all and (max-width: 768px) {
  .partnership_landing section.partnership_types h2 {
    text-align: right;
  }
}

.partnership_landing section.partnership_types .c_button {
  font-size: 16px;
  padding: 10px 15px;
  margin-top: 1.25rem;
}

.partnership_landing section.partnership_types .partnership_types__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

@media all and (max-width: 900px) {
  .partnership_landing section.partnership_types .partnership_types__grid {
    grid-template-columns: 1fr;
  }
}

.partnership_landing section.partnership_types .partnership_types__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #E6E6E6;
}

.partnership_landing section.partnership_types .partnership_types__item.web_partner .partnership_types__bottom {
  background-color: #040F12;
}

.partnership_landing section.partnership_types .partnership_types__item.web_partner .partnership_types__bottom::before {
  background: url("../img/promo/partnership-landing/man.png") no-repeat left top/contain;
}

@media all and (max-width: 500px) {
  .partnership_landing section.partnership_types .partnership_types__item.web_partner .partnership_types__bottom::before {
    width: 160px;
    height: 260px;
    background-image: url("../img/promo/partnership-landing/man_mob.png");
  }
}

.partnership_landing section.partnership_types .partnership_types__item.regional_representative .partnership_types__bottom {
  background-color: #031514;
}

.partnership_landing section.partnership_types .partnership_types__item.regional_representative .partnership_types__bottom::before {
  background: url("../img/promo/partnership-landing/girl.png") no-repeat left top/contain;
}

@media all and (max-width: 500px) {
  .partnership_landing section.partnership_types .partnership_types__item.regional_representative .partnership_types__bottom::before {
    width: 175px;
    height: 290px;
    background-image: url("../img/promo/partnership-landing/girl_mob.png");
  }
}

.partnership_landing section.partnership_types .partnership_types__top,
.partnership_landing section.partnership_types .partnership_types__bottom {
  padding: 1.875rem;
}

@media all and (max-width: 500px) {
  .partnership_landing section.partnership_types .partnership_types__top,
  .partnership_landing section.partnership_types .partnership_types__bottom {
    padding: 1.25rem 0.9375rem;
  }
}

.partnership_landing section.partnership_types .partnership_types__bottom {
  position: relative;
  color: #FFFFFF !important;
}

.partnership_landing section.partnership_types .partnership_types__bottom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.partnership_landing section.partnership_types .partnership_types__list p {
  font-weight: 300;
}

.partnership_landing section.partnership_types .partnership_types__list li {
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 0;
}

.partnership_landing section.partnership_types .partnership_types__list li:not(:first-of-type) {
  border-top: 1px solid rgba(239, 239, 239, 0.2);
}

.partnership_landing section.partnership_types .partnership_types__list li:last-of-type {
  border-top: 1px solid rgba(117, 255, 214, 0.6);
}

.partnership_landing section.partnership_types .partnership_types__list li:last-of-type p {
  font-weight: 600;
}

.partnership_landing section.your_reward .reward_table .header_row {
  border-bottom: 1px solid #2ED790;
}

.partnership_landing section.your_reward .reward_table .header_row .table_cell {
  font-weight: 700;
  padding: 0 0.9375rem 0.625rem 0;
  border: none !important;
}

.partnership_landing section.your_reward .reward_table .header_row .table_cell:first-of-type {
  padding: 0 0 0.625rem 0;
}

.partnership_landing section.your_reward .reward_table .table_row {
  display: flex;
}

.partnership_landing section.your_reward .reward_table .table_cell {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.9375rem;
  border-bottom: 1px solid #EFEFEF;
  flex: 1 1 100%;
}

@media all and (max-width: 500px) {
  .partnership_landing section.your_reward .reward_table .table_cell {
    padding: 0.625rem;
  }
}

.partnership_landing section.your_reward .reward_table .table_cell:first-of-type {
  padding: 0.75rem 0 0.75rem 0.9375rem;
}

@media all and (max-width: 500px) {
  .partnership_landing section.your_reward .reward_table .table_cell:first-of-type {
    padding: 0.625rem 0 0.625rem 0.625rem;
  }
}

.partnership_landing section.your_reward .reward_table .table_cell:not(:first-of-type) {
  border-right: 1px solid #EFEFEF;
}

.partnership_landing section.your_reward .reward_table .table_cell:first-of-type {
  flex: 0 0 50%;
}

@media all and (max-width: 768px) {
  .partnership_landing section.your_reward .reward_table .table_cell:first-of-type {
    flex: 0 0 40%;
  }
}

@media all and (max-width: 500px) {
  .partnership_landing section.your_reward .c_button {
    display: none;
  }
}

.partnership_landing section.multi_level .multi_level_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media all and (max-width: 900px) {
  .partnership_landing section.multi_level .multi_level_content {
    flex-direction: column;
  }
}

.partnership_landing section.multi_level .multi_level_content__left {
  flex: 0 1 50%;
  margin-left: 3.125rem;
}

@media all and (max-width: 900px) {
  .partnership_landing section.multi_level .multi_level_content__left {
    flex: 1;
    margin-left: 0;
    margin-bottom: 1.25rem;
  }
}

.partnership_landing section.multi_level .multi_level_content__right {
  display: flex;
}

@media all and (max-width: 500px) {
  .partnership_landing section.multi_level .multi_level_content__right .partnership_img {
    max-width: 200px;
  }
}

.partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 1.25rem;
}

.partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .name {
  font-weight: 300;
  margin-bottom: 0.3125rem;
}

.partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .name {
  font-size: 14px;
  line-height: 16px;
}

@media screen and (min-width: 375px) {
  .partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .name {
    font-size: calc(14px + 1 * ((100vw - 375px) / 1525));
    line-height: calc(16px + 8 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .name {
    font-size: 15px;
    line-height: 24px;
  }
}

.partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .value {
  font-weight: 600;
}

.partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .value {
  font-size: 14px;
  line-height: 16px;
}

@media screen and (min-width: 375px) {
  .partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .value {
    font-size: calc(14px + 2 * ((100vw - 375px) / 1525));
    line-height: calc(16px + 8 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing section.multi_level .multi_level_content__right .partnership_img_desc .value {
    font-size: 16px;
    line-height: 24px;
  }
}

@media all and (max-width: 500px) {
  .partnership_landing section.multi_level .c_button {
    display: none;
  }
}

.partnership_landing section.why_us {
  background: url("../img/promo/partnership-landing/why_us.jpg") no-repeat left center/cover;
  padding: 6.25rem 0;
  text-align: center;
}

@media all and (max-width: 500px) {
  .partnership_landing section.why_us {
    background: url("../img/promo/partnership-landing/why_us_mob.jpg") no-repeat left bottom/cover;
    padding: 3.125rem 0;
  }
}

.partnership_landing section.why_us h2 {
  margin-bottom: 1.875rem;
}

.partnership_landing section.why_us .why_us__slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 50px;
}

@media all and (max-width: 900px) {
  .partnership_landing section.why_us .why_us__slider {
    display: block;
  }
  .partnership_landing section.why_us .why_us__slider:not(.slick-initialized) {
    opacity: 0;
  }
  .partnership_landing section.why_us .why_us__slider.slick-initialized {
    opacity: 1;
  }
}

.partnership_landing section.why_us .why_us__slide {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  grid-row-gap: 20px;
}

@media all and (max-width: 900px) {
  .partnership_landing section.why_us .why_us__slide {
    grid-auto-rows: auto;
  }
}

.partnership_landing section.why_us .why_us__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media all and (max-width: 900px) {
  .partnership_landing section.why_us .why_us__item {
    flex-direction: row;
    align-items: flex-start;
    text-align: right;
  }
}

.partnership_landing section.why_us .why_us__item .check_alt {
  flex-shrink: 0;
  margin-bottom: 0.625rem;
}

@media all and (max-width: 900px) {
  .partnership_landing section.why_us .why_us__item .check_alt {
    margin-bottom: 0;
    margin-left: 0.9375rem;
  }
}

.partnership_landing section.why_us .why_us__item p {
  font-weight: 300;
}

.partnership_landing section.why_us .why_us__item p span {
  font-weight: 700;
}

.partnership_landing section.faq .faq_accordion__item {
  background-color: #F9FAFA;
}

.partnership_landing section.faq .faq_accordion__item:not(:last-of-type) {
  margin-bottom: 1.25rem;
}

.partnership_landing section.faq .faq_accordion__title {
  position: relative;
  cursor: pointer;
  transition: background-color 200ms ease-in-out;
  padding: 0.5rem 1.25rem 0.5rem 2.5rem;
}

.partnership_landing section.faq .faq_accordion__title {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (min-width: 375px) {
  .partnership_landing section.faq .faq_accordion__title {
    font-size: calc(16px + 2 * ((100vw - 375px) / 1525));
    line-height: calc(20px + 4 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing section.faq .faq_accordion__title {
    font-size: 18px;
    line-height: 24px;
  }
}

@media all and (max-width: 500px) {
  .partnership_landing section.faq .faq_accordion__title {
    padding: 0.5rem 0.625rem;
  }
}

.partnership_landing section.faq .faq_accordion__title.opened::after {
  top: calc(50% - 10px / 2);
  transform: rotate(135deg);
}

.partnership_landing section.faq .faq_accordion__title::after {
  content: '';
  position: absolute;
  top: calc(50% - 20px / 2);
  left: 20px;
  padding: 5px;
  border: solid #333333;
  border-width: 0 0 1px 1px;
  transform: rotate(-45deg);
  transition: all 200ms ease-in-out;
}

@media all and (max-width: 500px) {
  .partnership_landing section.faq .faq_accordion__title::after {
    display: none;
  }
}

.partnership_landing section.faq .faq_accordion__title:hover {
  background-color: rgba(46, 215, 144, 0.2);
}

.partnership_landing section.faq .faq_accordion__content {
  border-top: 0.5px solid #A6A6A6;
  padding: 1.25rem 0;
  margin: 0 1.25rem;
  display: none;
}

.partnership_landing section.faq .faq_accordion__content {
  font-size: 14px;
  line-height: 20px;
}

@media screen and (min-width: 375px) {
  .partnership_landing section.faq .faq_accordion__content {
    font-size: calc(14px + 4 * ((100vw - 375px) / 1525));
    line-height: calc(20px + 4 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .partnership_landing section.faq .faq_accordion__content {
    font-size: 18px;
    line-height: 24px;
  }
}

@media all and (max-width: 500px) {
  .partnership_landing section.faq .faq_accordion__content {
    padding: 0.625rem 0;
    margin: 0 0.625rem;
  }
}

.partnership_landing.pt section.promo::before, .partnership_landing.en.partnership_landing_alt section.promo::before, .partnership_landing.fr section.promo::before {
  background-image: url("../img/promo/partnership-landing/intro_bg_alt.png");
}

@media all and (max-width: 900px) {
  .partnership_landing.pt section.promo::before, .partnership_landing.en.partnership_landing_alt section.promo::before, .partnership_landing.fr section.promo::before {
    background-image: url("../img/promo/partnership-landing/intro_bg_alt_mob.png");
  }
}

.partnership_landing.bidi section.promo::before {
  transform: scaleX(-1);
  background-position: right -175px top -50px;
}

@media all and (max-width: 1800px) {
  .partnership_landing.bidi section.promo::before {
    background-position: right -300px bottom;
  }
}

@media all and (max-width: 900px) {
  .partnership_landing.bidi section.promo::before {
    background-position: right bottom;
  }
}

.partnership_landing.bidi section.promo::after {
  transform: scaleX(-1);
  background-position: right center;
}

.partnership_landing.bidi section.scheme li:not(:last-child)::after {
  transform: scaleX(-1);
}

@media all and (max-width: 767px) {
  .partnership_landing.bidi section.scheme li:not(:last-child)::after {
    transform: rotate(90deg);
  }
}

.partnership_landing.bidi section.how_to_earn .slick-prev {
  transform: rotate(-180deg);
}

.partnership_landing.bidi section.how_to_earn .slick-next {
  transform: rotate(0);
}

.partnership_landing.bidi section.partnership_types .partnership_types__bottom::before {
  transform: scaleX(-1);
  background-position: right top !important;
}

.partnership_landing.bidi section.multi_level .partnership_img {
  transform: scaleX(-1) !important;
}

.partnership_footer {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  padding: 40px 0;
}

@media all and (max-width: 768px) {
  .partnership_footer {
    padding: 20px 0;
  }
}

.partnership_footer .footer_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .partnership_footer .footer_bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

.partnership_footer .footer_socials {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 40%;
}

@media all and (max-width: 768px) {
  .partnership_footer .footer_socials {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
  }
}

.partnership_footer .footer_socials svg {
  display: block;
}

.partnership_footer .footer_socials svg path {
  transition: fill 200ms ease-in-out;
}

.partnership_footer .footer_socials a:hover path,
.partnership_footer .footer_socials a:focus path,
.partnership_footer .footer_socials a:active path {
  fill: #2ED790 !important;
}

.partnership_footer .footer_socials path {
  fill: #FFFFFF !important;
}

.partnership_footer .footer_socials .youtube:hover path:last-child {
  fill: #000000 !important;
}

.partnership_footer .footer_socials .youtube path:last-child {
  fill: #000000 !important;
}

.partnership_footer .footer_socials .ok:hover path:last-child {
  fill: #000000 !important;
}

.partnership_footer .footer_socials .ok path:last-child {
  fill: #000000 !important;
}

@media all and (max-width: 650px) {
  #registration-form-modal.partnership-form-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
  }
}

.bonus-500 .yellow-title {
  color: #fab700;
}

.bonus-500 .wait_absolute {
  position: absolute;
  right: -360px;
  top: 110px;
  width: 400px;
}

.bonus-500 p {
  font-size: 1.125rem;
  line-height: 1.2;
}

.bonus-500 .section-header {
  font: 3rem "pfDinTextMed", "Helvetica Neue", "Arial";
  font-weight: bold;
}

.bonus-500 div.text-center > .button, .bonus-500 div.text-center > .black {
  font-size: 1.375rem;
}

.bonus-500 .button.third-black, .bonus-500 .third-black.black {
  background-color: #fab700;
}

.bonus-500 .button.medium, .bonus-500 .black {
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
}

.bonus-500 #bonus-terms h4 {
  padding-top: 10px;
}

.bonus-500 > * {
  color: #222222;
}

.bonus-500 .landing-form .under-button {
  font-size: 1.375rem;
}

.bonus-500 .white-block .under-button a {
  color: #e73730;
}

.bonus-500 section.promo {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: url(../img/promo/500_bonus/bonus-girl.jpg);
  background-position: center center;
  padding-bottom: 7.9375rem;
}

.bonus-500 section.promo.bg-section-1_wait {
  background-image: url(../img/promo/500_bonus/500bonus_wait/bg-section-1_wait.jpg);
  padding-bottom: 4.375rem;
  overflow: hidden;
}

.bonus-500 section.promo.ar, .bonus-500 section.promo.fa {
  background-image: url(../img/promo/500_bonus/bonus-girl-ar.jpg);
}

.bonus-500 section.promo h1.art-text {
  color: #ffffff;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  line-height: 1;
  font-weight: bold;
  font-size: 3.8125rem;
  text-shadow: -3px 2px 0px #555c5c;
}

.bonus-500 section.promo h1.art-text .huge {
  width: 29.3125rem;
  height: 11rem;
  text-indent: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  margin-right: -1rem;
  background: url(../img/promo/500_bonus/500_bonus.png) no-repeat center 100%;
}

.bonus-500 section.promo h1.art-text .huge25 {
  width: 29.3125rem;
  height: 11rem;
  text-indent: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-right: -5rem;
  margin-bottom: -30px;
  background: url(../img/promo/25_bonus/25.png) no-repeat center 100%;
}

.bonus-500 section.promo h1.art-text .med {
  display: none;
}

.bonus-500 section.promo h1.art-text .abs {
  padding-right: 3rem;
}

.bonus-500 section.promo h1.art-text .right {
  float: none !important;
}

.bonus-500 section.promo h1.art-text .right:last-of-type {
  width: 25rem;
  text-align: center;
  display: block;
}

.bonus-500 .advantage p {
  padding: 210px 10px 0;
}

.bonus-500 .advantage:before {
  position: absolute;
  content: "";
  width: 170px;
  top: 0;
  height: 180px;
  right: 50%;
  margin-right: -90px;
  background-image: url(../img/promo/500_bonus/sprites-ar.png);
}

.bonus-500 .advantage.bonus25:before {
  background-image: url(../img/promo/25_bonus/sprites.png);
}

.bonus-500 .advantage.pig:before {
  background-position: 0.1px 0;
}

.bonus-500 .advantage.pad:before {
  background-position: -178px 0;
}

.bonus-500 .advantage.page:before {
  background-position: -357px 0;
}

.bonus-500 .advantage.bucks:before {
  background-position: -538px 0;
}

.bonus-500 .center-italic {
  font-style: italic;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.2;
}

.bonus-500 .white-block {
  background-color: #ffffff;
  padding-top: 4.0625rem;
  padding-bottom: 2.5rem;
}

.bonus-500 .steps {
  list-style: none;
  margin-right: 0;
  padding: 0 2.625rem;
}

.bonus-500 .steps .step {
  counter-increment: li-counter;
  width: 20%;
}

.bonus-500 .steps .step:before {
  position: relative;
  content: counter(li-counter);
  display: block;
  color: #fff;
  width: 80px;
  padding: 8px 29px;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 2.5rem;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #00a59c;
}

.bonus-500 .steps .step:after {
  content: "";
  left: -25px;
  height: 30px;
  width: 49px;
  top: 23px;
  position: absolute;
  background-position: -8px -179px;
  background-image: url(../img/promo/500_bonus/sprites.png);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.bonus-500 .steps .step:last-of-type:after {
  display: none;
}

.bonus-500 .steps .step p {
  padding: 10px 0px 0;
  max-width: 180px;
  margin: 0 auto;
}

.bonus-500 .bonus-500-wrapper,
.bonus-500 .landing-form {
  background-color: #fab700;
  padding: 1.375rem 2rem 2rem;
  margin-left: -10px;
  border-radius: 6px;
  max-width: 25.625rem;
  width: auto;
}

.bonus-500 .bonus-500-wrapper .form-field,
.bonus-500 .landing-form .form-field {
  margin: 0.625rem 0;
}

.bonus-500 .bonus-500-wrapper .checkbox-wrapper input[type="checkbox"] + label,
.bonus-500 .landing-form .checkbox-wrapper input[type="checkbox"] + label {
  background-color: #fff;
  opacity: 1;
}

.bonus-500 .bonus-500-wrapper .checkbox-wrapper input[type="checkbox"]:focus + label,
.bonus-500 .landing-form .checkbox-wrapper input[type="checkbox"]:focus + label {
  background-color: brown;
}

.bonus-500 .bonus-500-wrapper .checkbox-wrapper input[type="checkbox"]:checked + label,
.bonus-500 .landing-form .checkbox-wrapper input[type="checkbox"]:checked + label {
  background-color: #14817a;
}

.bonus-500 .bonus-500-wrapper .checkbox-wrapper input[type="checkbox"] + label + label,
.bonus-500 .landing-form .checkbox-wrapper input[type="checkbox"] + label + label {
  font-size: 1.125rem;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

.bonus-500 .bonus-500-wrapper input,
.bonus-500 .bonus-500-wrapper .landings-form__input,
.bonus-500 .landing-form input,
.bonus-500 .landing-form .landings-form__input {
  height: 3.25rem;
  border-radius: 6px;
  border: 1px solid transparent;
}

.bonus-500 .bonus-500-wrapper input:hover, .bonus-500 .bonus-500-wrapper input:active, .bonus-500 .bonus-500-wrapper input:focus,
.bonus-500 .bonus-500-wrapper .landings-form__input:hover,
.bonus-500 .bonus-500-wrapper .landings-form__input:active,
.bonus-500 .bonus-500-wrapper .landings-form__input:focus,
.bonus-500 .landing-form input:hover,
.bonus-500 .landing-form input:active,
.bonus-500 .landing-form input:focus,
.bonus-500 .landing-form .landings-form__input:hover,
.bonus-500 .landing-form .landings-form__input:active,
.bonus-500 .landing-form .landings-form__input:focus {
  border: 1px solid #ce2029;
}

.bonus-500 .bonus-500-wrapper .landings-form__placeholder,
.bonus-500 .landing-form .landings-form__placeholder {
  padding: 0 .5rem;
  color: #424243 !important;
  z-index: 3;
  top: 50%;
}

.bonus-500 .bonus-500-wrapper .landings-form__input,
.bonus-500 .landing-form .landings-form__input {
  background: #fff;
  padding: 0 .5rem;
}

.bonus-500 .bonus-500-wrapper .landings-form__input:hover, .bonus-500 .bonus-500-wrapper .landings-form__input:active, .bonus-500 .bonus-500-wrapper .landings-form__input:focus,
.bonus-500 .landing-form .landings-form__input:hover,
.bonus-500 .landing-form .landings-form__input:active,
.bonus-500 .landing-form .landings-form__input:focus {
  background: #fff;
}

.bonus-500 .bonus-500-wrapper .promo_button,
.bonus-500 .landing-form .promo_button {
  display: block;
  margin: 0 auto;
  font-size: 1.375rem;
  line-height: 1.125rem;
  padding: 0.9rem 0.8rem;
  background: #009e82;
  border-radius: .27rem;
  border: none;
  color: #ffffff;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  cursor: pointer;
  transition: background-color 300ms ease-out;
  border: none;
}

.bonus-500 .bonus-500-wrapper .promo_button:hover, .bonus-500 .bonus-500-wrapper .promo_button:focus, .bonus-500 .bonus-500-wrapper .promo_button:hover,
.bonus-500 .landing-form .promo_button:hover,
.bonus-500 .landing-form .promo_button:focus,
.bonus-500 .landing-form .promo_button:hover {
  background: #116b65;
  transition: background-color 300ms ease-out;
  border: none;
}

.bonus-500 .bonus-500-wrapper .landings-form,
.bonus-500 .landing-form .landings-form {
  width: auto;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.bonus-500 .th {
  border: none;
  display: block;
  box-shadow: none;
  transition: none;
}

@media (max-width: 640px) {
  .bonus-500 {
    max-width: 100%;
  }
  .bonus-500 .section-header {
    font-size: 2rem;
  }
  .bonus-500 .landing-form {
    width: 100%;
    max-width: 100%;
  }
  .bonus-500 section.promo {
    padding-bottom: 2.9375rem;
  }
  .bonus-500 section.promo h1.art-text {
    margin-bottom: 40px;
  }
  .bonus-500 section.promo h1.art-text .abs {
    padding-right: 0;
  }
  .bonus-500 section.promo h1.art-text .huge {
    background-size: 60%;
    height: 6rem;
    width: 19.3125rem;
  }
  .bonus-500 section.promo h1.art-text .right:last-of-type {
    width: auto;
  }
  .bonus-500 .steps .step {
    width: 100%;
    margin-bottom: 50px;
  }
  .bonus-500 .steps .step:after {
    display: none;
  }
  .bonus-500 .steps .step:last-child {
    margin-bottom: 0;
  }
  .bonus-500 .advantage {
    margin-bottom: 40px;
  }
  .bonus-500 .advantage:last-child {
    margin-bottom: 0;
  }
  .bonus-500 .advantage p {
    padding: 180px 10px 0;
  }
}

.bon25 .abs {
  padding-right: 6rem !important;
}

.bon25 .huge25 {
  position: relative;
  top: 18px;
}

.bon25 .err_str {
  color: red;
}

.bon25 .err_str p {
  margin-top: 5px;
  font-size: 14px;
}

.land-bon25 {
  min-width: 410px !important;
}

.bonus-500.ramadan_bonus500 section.promo {
  background-image: url(../img/promo/500_bonus/bg_ramadan.jpg);
}

.bonus-500.ramadan_bonus500 section.promo.ar, .bonus-500.ramadan_bonus500 section.promo.fa {
  background-image: url(../img/promo/500_bonus/bg_ramadan-ar.jpg);
}

.bonus-500.ramadan_bonus500 section.promo.ar h1.art-text .huge, .bonus-500.ramadan_bonus500 section.promo.fa h1.art-text .huge {
  margin-right: 100px;
}

.bonus-500.ramadan_bonus500 section.promo h1.art-text .abs {
  padding-right: 0;
}

.bonus-500.ramadan_bonus500 section.promo h1.art-text .right:last-of-type {
  text-align: left;
  width: initial;
  font-size: 32px;
  margin: 10px 0 0 0;
}

.bonus-500.ramadan_bonus500 section.promo h1.art-text .abs {
  font-size: 60px;
  margin-bottom: 24px;
  display: block;
}

.bonus500 {
  color: #2F2C2C;
  font-size: 18px;
  font-weight: 300;
  background-color: white;
  font-family: 'Nunito', sans-serif;
}

.bonus500 h1,
.bonus500 h2,
.bonus500 h3,
.bonus500 h4,
.bonus500 input,
.bonus500 label,
.bonus500 b,
.bonus500 a,
.bonus500 p {
  font-family: 'Nunito', sans-serif;
}

.bonus500 button {
  outline: none;
}

.bonus500 p {
  font-size: inherit;
  font-weight: inherit;
}

.bonus500 section {
  padding: 100px 0;
  position: relative;
  font-size: inherit;
}

.bonus500 section.light_theme {
  color: white;
}

@media all and (max-width: 768px) {
  .bonus500 section {
    padding: 50px 0;
  }
}

.bonus500 [data-fw="600"] {
  font-weight: 700;
}

.bonus500 [data-fw="700"] {
  font-weight: 700;
}

.bonus500 h1 span:nth-of-type(1),
.bonus500 h1 span:nth-of-type(3) {
  font-size: 35px;
  line-height: 48px;
}

.bonus500 h1 span:nth-of-type(2) {
  font-family: "PF DinText Pro Regular", sans-serif;
  font-size: 151px;
  line-height: 140px;
  font-weight: 700;
}

.bonus500 h1 span:nth-of-type(3) {
  color: #0ABB86;
}

@media all and (max-width: 1024px) {
  .bonus500 h1 span:nth-of-type(1),
  .bonus500 h1 span:nth-of-type(3) {
    font-size: 26px;
    line-height: 36px;
  }
  .bonus500 h1 span:nth-of-type(2) {
    font-size: 78px;
    line-height: 1.1;
  }
}

@media all and (max-width: 500px) {
  .bonus500 h1 span:nth-of-type(2) {
    font-size: 68px;
  }
}

.bonus500 h2 {
  font-size: 36px;
  line-height: 49px;
  margin-bottom: 27px;
}

@media all and (max-width: 900px) {
  .bonus500 h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 25px;
  }
}

.bonus500 h3 {
  font-size: 22px;
  line-height: 30px;
}

@media all and (max-width: 900px) {
  .bonus500 h3 {
    font-size: 20px;
    line-height: 27px;
  }
}

.bonus500 .link {
  display: inline;
  text-decoration: underline;
  color: inherit;
  cursor: pointer;
}

.bonus500 .link:hover {
  text-decoration: none;
}

.bonus500 .green_link {
  cursor: pointer;
  color: #2ED790;
  text-decoration: underline;
  transition: color .2s ease-in-out;
}

.bonus500 .green_link:hover, .bonus500 .green_link:focus {
  color: #70EDA9;
}

.bonus500 .green_link:active {
  color: #2ED790;
}

.bonus500 b {
  font-weight: 600;
}

.bonus500 .btn {
  background-color: #2ED790;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: #FFFFFF;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.bonus500 .btn:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.bonus500 .btn:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.bonus500 .btn:hover, .bonus500 .btn:focus {
  background-color: #70EDA9;
}

.bonus500 .btn_transparent {
  background-color: transparent;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: #FFFFFF;
  border: 1px solid #2ED790;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.bonus500 .btn_transparent:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.bonus500 .btn_transparent:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.bonus500 .btn_transparent:hover, .bonus500 .btn_transparent:focus {
  background-color: #70EDA9;
}

.bonus500__intro {
  background-image: url("../img/promo/bonus500_new/intro.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 75%;
  padding-top: 0 !important;
  padding-bottom: 185px !important;
  min-height: 50vh;
}

.bonus500__intro .logo {
  margin-top: 20px;
  display: block;
  background-image: url("../img/promo/bonus500_new/logo.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 267px;
  height: 80px;
}

.bonus500__intro.bidi {
  background-image: url("../img/promo/bonus500_new/intro_bidi.jpg");
}

@media all and (max-width: 1024px) {
  .bonus500__intro {
    background-image: url("../img/promo/bonus500_new/intro_tablet.jpg");
    background-position: 25% 100%;
    padding-bottom: 90px !important;
  }
  .bonus500__intro.bidi {
    background-image: url("../img/promo/bonus500_new/intro_tablet_bidi.jpg");
  }
}

@media all and (max-width: 900px) {
  .bonus500__intro {
    padding-bottom: 30px !important;
  }
  .bonus500__intro .logo {
    background-image: url("../img/promo/bonus500_new/logo_mob.svg");
    width: 202px;
    height: 45px;
  }
  .bonus500__intro h1 {
    margin-top: 30px;
  }
  .bonus500__intro .mob_btn,
  .bonus500__intro .mob_link {
    margin-top: 20px;
  }
}

@media all and (max-width: 700px) {
  .bonus500__intro {
    background-image: url("../img/promo/bonus500_new/intro_mob.jpg");
    background-position: left top;
  }
  .bonus500__intro.bidi {
    background-image: url("../img/promo/bonus500_new/intro_mob_bidi.jpg");
  }
}

.bonus500__intro_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}

@media all and (max-width: 1024px) {
  .bonus500__intro_box {
    align-items: flex-start;
    margin-top: 0;
  }
}

@media all and (max-width: 700px) {
  .bonus500__intro_box {
    flex-direction: column;
  }
}

.bonus500__conditions_list {
  list-style: none;
  font-size: 20px;
  line-height: 28px;
  max-width: 370px;
  margin: 40px 0 0 20px;
}

@media all and (max-width: 700px) {
  .bonus500__conditions_list {
    max-width: none;
  }
}

.bonus500__conditions_list li {
  position: relative;
  padding-right: 27px;
  margin-bottom: 15px;
}

.bonus500__conditions_list li::before {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
  height: 11px;
  width: 15px;
  border-right: 2px solid #0ABB86;
  border-bottom: 2px solid #0ABB86;
  transform: rotate(50deg);
}

@media all and (max-width: 700px) {
  .bonus500 .promo-form__button-wrapper .link {
    display: none;
  }
}

.bonus500__links {
  background-color: rgba(0, 0, 0, 0.87);
  padding: 50px 40px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 450px;
  width: 100%;
}

@media all and (max-width: 700px) {
  .bonus500__links {
    display: none;
  }
}

.bonus500__links .link {
  margin-top: 15px;
}

.bonus500 .mob_btn,
.bonus500 .mob_link {
  display: none;
}

@media all and (max-width: 700px) {
  .bonus500 .mob_btn,
  .bonus500 .mob_link {
    display: block;
  }
}

.bonus500__social_auth {
  margin: 30px 0;
}

.bonus500__social_auth .auth_button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 3px;
  transition: background-color .2s ease-in-out;
}

.bonus500__social_auth .auth_button:first-of-type {
  margin-bottom: 10px;
}

.bonus500__social_auth .auth_button svg {
  flex: 0 1 auto;
  margin-left: 5px;
}

.bonus500__social_auth .auth_button.google {
  background-color: #FF0037;
}

.bonus500__social_auth .auth_button.google:hover, .bonus500__social_auth .auth_button.google:focus {
  background-color: #DC0E3A;
}

.bonus500__social_auth .auth_button.google:active {
  background-color: #FF0037;
}

.bonus500__social_auth .auth_button.facebook {
  background-color: #3A61B2;
}

.bonus500__social_auth .auth_button.facebook:hover, .bonus500__social_auth .auth_button.facebook:focus {
  background-color: #1A459F;
}

.bonus500__social_auth .auth_button.facebook:active {
  background-color: #3A61B2;
}

@media all and (max-width: 900pxpx) {
  .bonus500__social_auth {
    justify-content: center;
  }
}

@media all and (max-width: 500pxpx) {
  .bonus500__social_auth {
    flex-direction: column;
    margin-top: 20px;
  }
  .bonus500__social_auth .auth_button {
    width: 100%;
  }
  .bonus500__social_auth .auth_button:first-of-type {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.bonus500__form {
  background-color: rgba(0, 0, 0, 0.87);
  padding: 50px 40px 60px;
  max-width: 458px;
  width: 100%;
  min-height: 675px;
}

.bonus500__form .link {
  display: block;
  margin-top: 20px;
}

@media all and (max-width: 1024px) {
  .bonus500__form {
    margin-top: -25px;
    max-width: 400px;
    min-height: 860px;
  }
  .bonus500__form #registration-promo-form .promo-form__input-wrapper {
    width: 100%;
    margin-bottom: 12px !important;
  }
}

@media all and (max-width: 700px) {
  .bonus500__form {
    margin-top: 40px;
    padding: 40px 20px 30px;
    max-width: none;
    min-height: unset;
  }
}

.bonus500__form_title {
  font-size: 26px !important;
  line-height: 34px !important;
  text-align: center;
  margin-bottom: 10px;
}

.bonus500__form_title.mb30 {
  margin-bottom: 30px;
}

@media all and (max-width: 500px) {
  .bonus500__form_title {
    text-align: right;
  }
}

.bonus500__login_text, .bonus500__registration_text {
  font-size: 15px !important;
  line-height: 24px !important;
  text-align: center;
}

.bonus500__login_text:not(.active), .bonus500__registration_text:not(.active) {
  display: none;
}

.bonus500__advantages_list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 35px;
}

@media all and (max-width: 900px) {
  .bonus500__advantages_list {
    flex-direction: column;
  }
}

.bonus500__advantage {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 285px;
  width: calc(100% / 4);
  border: 1px solid #E6E6E6;
  padding: 30px;
}

.bonus500__advantage:not(:last-child) {
  margin-left: 20px;
}

.bonus500__advantage:nth-child(1) i {
  background-image: url("../img/promo/bonus500_new/pro1.svg");
}

.bonus500__advantage:nth-child(2) i {
  background-image: url("../img/promo/bonus500_new/pro2.svg");
}

.bonus500__advantage:nth-child(3) i {
  background-image: url("../img/promo/bonus500_new/pro3.svg");
}

.bonus500__advantage:nth-child(4) i {
  background-image: url("../img/promo/bonus500_new/pro4.svg");
}

.bonus500__advantage i {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 81px;
  height: 60px;
  margin-bottom: 18px;
}

.bonus500__advantage p {
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 25px !important;
  text-align: center;
}

.bonus500__advantage p span {
  font-size: 15px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
}

@media all and (max-width: 900px) {
  .bonus500__advantage {
    border: none;
    width: 100%;
    min-height: auto;
    margin-left: 0 !important;
    padding: 0;
  }
  .bonus500__advantage:not(:first-child) {
    margin-top: 30px;
  }
}

.bonus500__steps {
  padding-top: 0 !important;
  text-align: center;
}

.bonus500__steps_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  counter-reset: li;
  list-style: none;
  margin-top: 55px;
  margin-right: 0;
}

.bonus500__steps_list li > span {
  flex-shrink: 0;
  align-self: center;
  font-size: 30px;
  line-height: 22px;
  font-weight: 700;
  width: 81px;
  height: 81px;
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  color: #0ABB86;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
}

.bonus500__steps_list li > span::after {
  content: '';
  position: absolute;
  top: -5px;
  left: -14px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  z-index: 1;
  border: 10px solid #0ABB86;
}

.bonus500__steps_list li {
  font-size: 18px !important;
  font-weight: 700;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 20%;
  position: relative;
}

.bonus500__steps_list li:not(:last-child)::after {
  position: absolute;
  content: '';
  width: 76px;
  height: 15px;
  top: 32px;
  left: -40px;
  background-image: url("../img/promo/bonus500_new/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bonus500__steps_list li:last-child p:nth-child(3) {
  display: none;
}

.bonus500__steps_list li p {
  width: 80%;
  align-self: center;
}

.bonus500__steps_list li a {
  text-decoration: underline;
  border-bottom: none;
}

.bonus500__steps_list li a:hover {
  text-decoration: none;
}

.bonus500__steps_links {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bonus500__steps_links .link {
  margin-top: 20px;
}

.bonus500__steps .btn {
  margin-top: 30px;
}

.bonus500__steps.bidi li:not(:last-child)::after {
  transform: scaleX(-1);
}

@media all and (max-width: 900px) {
  .bonus500__steps.bidi li:not(:last-child)::after {
    transform: rotate(90deg);
  }
}

@media all and (max-width: 900px) {
  .bonus500__steps {
    text-align: right;
  }
  .bonus500__steps ul {
    flex-direction: column;
    margin-top: 40px;
  }
  .bonus500__steps ul li {
    width: 100%;
    flex-direction: row;
  }
  .bonus500__steps ul li:not(:last-child) {
    margin-bottom: 100px;
  }
  .bonus500__steps ul li:not(:last-child)::after {
    transform: rotate(-90deg);
    right: 3px;
    top: auto;
    bottom: -47px;
  }
  .bonus500__steps ul li p {
    align-self: flex-start;
    margin-top: 28px;
    margin-right: 30px;
    width: 100%;
  }
}

.bonus500_expired {
  color: #FFFFFF !important;
  background-color: #000000 !important;
  font-family: 'Nunito', sans-serif;
}

.bonus500_expired ::selection {
  color: white;
  background-color: #0ABB86;
}

.bonus500_expired .btn {
  position: relative;
  display: inline-block;
  width: fit-content;
  border-radius: 3px;
  color: #FFFFFF;
  background-color: #0ABB86;
  text-align: center;
  padding: 10px 25px;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  transform: perspective(1px) translateZ(0);
  transition: all .2s ease-in-out;
}

.bonus500_expired .btn {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 375px) {
  .bonus500_expired .btn {
    font-size: calc(16px + 2 * ((100vw - 375px) / 1545));
    line-height: calc(22px + 3 * ((100vw - 375px) / 1545));
  }
}

@media screen and (min-width: 1920px) {
  .bonus500_expired .btn {
    font-size: 18px;
    line-height: 25px;
  }
}

.bonus500_expired .btn::before {
  content: "";
  background: white;
  position: absolute;
  width: 200%;
  height: 400%;
  right: -50%;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.75s ease-in-out;
  pointer-events: none;
}

.bonus500_expired .btn:active::before {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.bonus500_expired .btn::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 400%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0);
  background-color: #3BC99E;
  border-radius: 100%;
  transition: all .3s ease-in-out;
  pointer-events: none;
}

.bonus500_expired .btn:hover::after, .bonus500_expired .btn:focus::after {
  transform: scale(2);
}

.bonus500_expired .intro {
  background: url("../img/promo/bonus500_expired/intro.jpg") no-repeat center/cover;
}

.bonus500_expired .intro_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  max-width: 100%;
  min-height: calc(100vh - 40px);
}

.bonus500_expired .intro_content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10vw 0;
}

.bonus500_expired .intro_content p {
  max-width: 1000px;
  margin-bottom: 8px;
}

.bonus500_expired .intro_content p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (min-width: 375px) {
  .bonus500_expired .intro_content p {
    font-size: calc(16px + 8 * ((100vw - 375px) / 1545));
    line-height: calc(24px + 8 * ((100vw - 375px) / 1545));
  }
}

@media screen and (min-width: 1920px) {
  .bonus500_expired .intro_content p {
    font-size: 24px;
    line-height: 32px;
  }
}

.bonus500_expired .intro_content p > span {
  color: #0ABB86;
}

.bonus500_expired .intro_content .btn {
  margin: 2.5vw 0 5vw;
}

.bonus500_expired .intro_content .socials {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  margin-top: 2.5vw;
}

.bonus500_expired .intro_content .socials li {
  list-style: none;
}

.bonus500_expired .intro_content .socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  margin: 0 22.5px;
}

.bonus500_expired .intro_content .socials a svg {
  max-width: 40%;
}

.bonus500_expired .intro_content .socials a path {
  transition: fill 250ms ease-in-out;
}

.bonus500_expired .intro_content .socials a:hover path,
.bonus500_expired .intro_content .socials a:focus path {
  fill: #0ABB86;
}

.bonus500_expired .intro_content .socials a:active path {
  fill: #09a375;
}

.bonus500_expired .logo {
  position: absolute;
  top: 30px;
  width: 15vw;
  min-width: 150px;
}

@media all and (min-width: 1920px) {
  .bonus500_expired .intro_content {
    padding: 195px 0;
  }
  .bonus500_expired .intro_content .btn {
    margin: 50px 0 100px;
  }
  .bonus500_expired .intro_content .socials {
    margin-top: 50px;
  }
}

@media all and (max-width: 1024px) {
  .bonus500_expired .intro_content {
    padding: 15vw 0;
  }
  .bonus500_expired .intro_content .btn {
    margin: 25px 0 50px;
  }
  .bonus500_expired .intro_content .socials {
    margin-top: 25px;
  }
  .bonus500_expired .intro_content .socials a {
    width: 52px;
    height: 52px;
  }
}

@media all and (max-width: 500px) {
  .bonus500_expired .intro {
    background: url("../img/promo/bonus500_expired/intro_mob.jpg") no-repeat center/cover;
  }
  .bonus500_expired .intro_content {
    padding: 30vw 0;
  }
}

.bonus500_footer {
  color: #FFFFFF !important;
  background-color: #000000 !important;
  font-family: 'Nunito', sans-serif;
  padding: 50px 0;
}

.bonus500_footer * {
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 300 !important;
}

.bonus500_footer a {
  color: #FFFFFF;
}

.bonus500_footer .footer_block {
  margin-bottom: 20px;
}

.bonus500_footer .footer_block ul {
  list-style: none;
}

.bonus500_footer .footer_block ul li::before {
  content: "\2022";
  color: #FFFFFF;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-right: -1em;
}

.bonus500_footer .fincom {
  display: flex;
  align-items: flex-start;
}

.bonus500_footer .fincom img {
  user-select: none;
  margin-left: 20px;
}

.bonus500_footer .footer_bottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #FFFFFF;
  padding-top: 15px;
  margin-top: 50px;
}

.bonus500_footer .footer_bottom * {
  font-size: 16px !important;
  line-height: 24px !important;
}

.bonus500_footer .footer_bottom ul {
  list-style: none;
  display: flex;
}

.bonus500_footer .footer_bottom ul li:not(:last-child) {
  margin-left: 50px;
}

.bonus500_footer .footer_bottom ul path {
  transition: fill 250ms ease-in-out;
}

.bonus500_footer .footer_bottom ul li:hover path,
.bonus500_footer .footer_bottom ul li:focus path {
  fill: #0ABB86;
}

.bonus500_footer .footer_bottom ul li:active path {
  fill: #09a375;
}

@media all and (max-width: 500px) {
  .bonus500_footer {
    padding: 25px 0;
  }
  .bonus500_footer .footer_bottom {
    flex-direction: column;
    align-items: center;
  }
  .bonus500_footer .footer_bottom ul {
    margin-top: 20px;
  }
}

.risk-free-day {
  color: #000000;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  background-color: #FFFFFF;
  /* for 'alt' attribute */
}

.risk-free-day ::selection {
  background-color: #2ED790 !important;
  color: #FFFFFF !important;
}

.risk-free-day *,
.risk-free-day *::before,
.risk-free-day *::after {
  box-sizing: border-box !important;
  font-family: 'Nunito', sans-serif !important;
  position: relative;
}

.risk-free-day img {
  user-select: none;
  -webkit-user-drag: none;
  color: #FFFFFF;
}

.risk-free-day h1 {
  font-size: 26px;
  line-height: 36px;
}

@media screen and (min-width: 375px) {
  .risk-free-day h1 {
    font-size: calc(26px + 28 * ((100vw - 375px) / 1525));
    line-height: calc(36px + 24 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day h1 {
    font-size: 54px;
    line-height: 60px;
  }
}

.risk-free-day h2 {
  font-weight: 200;
}

.risk-free-day h2 {
  font-size: 24px;
  line-height: 32px;
}

@media screen and (min-width: 375px) {
  .risk-free-day h2 {
    font-size: calc(24px + 16 * ((100vw - 375px) / 1525));
    line-height: calc(32px + 22 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day h2 {
    font-size: 40px;
    line-height: 54px;
  }
}

.risk-free-day h3 {
  font-size: 20px;
  line-height: 28px;
}

@media screen and (min-width: 375px) {
  .risk-free-day h3 {
    font-size: calc(20px + 4 * ((100vw - 375px) / 1525));
    line-height: calc(28px + 0 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day h3 {
    font-size: 24px;
    line-height: 28px;
  }
}

.risk-free-day .fluid_text {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 375px) {
  .risk-free-day .fluid_text {
    font-size: calc(16px + 2 * ((100vw - 375px) / 1525));
    line-height: calc(22px + 2 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day .fluid_text {
    font-size: 18px;
    line-height: 24px;
  }
}

.risk-free-day .c_button {
  display: inline-block;
  width: fit-content;
  color: #FFFFFF;
  background-color: #2ED790;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  text-align: center;
  padding: 12px 25px;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  position: relative;
  outline: none;
  transition: background-color .3s ease-in-out, transform .3s ease-in-out;
}

.risk-free-day .c_button::before {
  pointer-events: none;
  content: "";
  background: white;
  position: absolute;
  width: 200%;
  height: 400%;
  right: -50%;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.75s ease-in-out;
}

.risk-free-day .c_button:active::before {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.risk-free-day .c_button:hover, .risk-free-day .c_button:focus {
  background-color: #70EDA9;
}

@media all and (max-width: 500px) {
  .risk-free-day .c_button.full-width {
    width: 100% !important;
  }
}

.risk-free-day .c_link {
  text-decoration: none;
  color: #2ED790;
  border-bottom: 1px solid #2ED790;
}

.risk-free-day .c_link_light {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}

@media all and (max-width: 1024px) {
  .risk-free-day .logo_row {
    padding: 0 !important;
  }
}

.risk-free-day .logo_wrapper {
  display: flex;
  margin: 3.4375rem 0 5.3125rem;
}

@media all and (max-width: 1024px) {
  .risk-free-day .logo_wrapper {
    justify-content: center;
    margin: 0 0 2.8125rem;
    padding: 1.125rem 0;
    border-top: 1px solid #000;
    background-color: #1B1E25;
  }
}

.risk-free-day .logo {
  display: block;
}

@media all and (max-width: 1024px) {
  .risk-free-day .logo {
    width: 146px;
  }
}

.risk-free-day .row {
  position: relative !important;
}

.risk-free-day section {
  position: relative;
  margin-bottom: 100px;
}

@media all and (max-width: 768px) {
  .risk-free-day section {
    margin-bottom: 50px;
  }
}

.risk-free-day section.light-theme {
  color: #FFFFFF;
}

.risk-free-day section.centered {
  text-align: center;
}

.risk-free-day section.promo {
  background: url("../img/promo/risk_free_day/intro_bg.jpg") no-repeat center/cover;
  padding-bottom: 11.25rem;
  min-height: 900px;
}

@media all and (max-width: 1700px) {
  .risk-free-day section.promo {
    min-height: initial;
  }
}

@media all and (max-width: 1024px) {
  .risk-free-day section.promo {
    padding-bottom: 25rem;
  }
}

.risk-free-day section.promo::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 60px;
  width: 100%;
  height: calc(100% + 20px);
  background: url("../img/promo/risk_free_day/intro2_bg.png") no-repeat left bottom/auto;
}

@media all and (max-width: 1700px) {
  .risk-free-day section.promo::before {
    left: 0;
    width: 50%;
    background-size: contain;
  }
}

@media all and (max-width: 1024px) {
  .risk-free-day section.promo::before {
    width: 100%;
    background: url("../img/promo/risk_free_day/intro2_bg_mob.png") no-repeat center bottom/auto;
  }
}

@media all and (max-width: 500px) {
  .risk-free-day section.promo::before {
    background-position: right bottom;
  }
}

.risk-free-day section.promo .promo_wrap {
  max-width: 585px;
}

@media all and (max-width: 1024px) {
  .risk-free-day section.promo .promo_wrap {
    max-width: none;
  }
}

@media all and (max-width: 1024px) {
  .risk-free-day section.promo .promo_slogan {
    text-align: center;
  }
}

.risk-free-day section.promo .promo_slogan span {
  display: block;
}

@media all and (max-width: 1024px) {
  .risk-free-day section.promo .promo_slogan span {
    display: inline;
  }
}

.risk-free-day section.promo .promo_message {
  margin: 1.875rem 0;
}

.risk-free-day section.promo .promo_message {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 375px) {
  .risk-free-day section.promo .promo_message {
    font-size: calc(16px + 4 * ((100vw - 375px) / 1525));
    line-height: calc(22px + 6 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day section.promo .promo_message {
    font-size: 20px;
    line-height: 28px;
  }
}

@media all and (max-width: 1024px) {
  .risk-free-day section.promo .promo_message {
    margin: 1.25rem 0;
    text-align: center;
  }
}

.risk-free-day section.promo .promo_buttons {
  display: flex;
  align-items: center;
}

@media all and (max-width: 768px) {
  .risk-free-day section.promo .promo_buttons {
    flex-direction: column;
  }
}

.risk-free-day section.promo .promo_buttons .terms_modal {
  cursor: pointer;
  margin-right: 30px;
}

@media all and (max-width: 768px) {
  .risk-free-day section.promo .promo_buttons .terms_modal {
    margin: 0;
    margin-top: 20px;
  }
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_now {
    text-align: center;
  }
}

.risk-free-day section.start_now .wrapper {
  position: relative;
}

.risk-free-day section.start_now .wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../img/promo/risk_free_day/computer.png") no-repeat left top/contain;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_now .wrapper::before {
    display: none;
  }
}

.risk-free-day section.start_now .start_now_wrap {
  max-width: 50%;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_now .start_now_wrap {
    max-width: none;
  }
}

.risk-free-day section.start_now .start_now_wrap h2 {
  margin-bottom: 1.875rem;
}

.risk-free-day section.start_now .start_now_wrap .mobile_phone {
  margin: 1.875rem auto;
  max-width: 232px;
  display: none;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_now .start_now_wrap .mobile_phone {
    display: block;
  }
}

.risk-free-day section.start_now .start_now_wrap .start_now_button {
  margin-top: 1.875rem;
}

.risk-free-day section.option_account .option_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 20px;
}

@media all and (max-width: 1024px) {
  .risk-free-day section.option_account .option_grid {
    grid-template-columns: 1fr;
  }
}

.risk-free-day section.option_account .option_grid__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2.1875rem 2.8125rem;
  background-color: #02081f;
  overflow: hidden;
  min-height: 380px;
}

@media all and (max-width: 1024px) {
  .risk-free-day section.option_account .option_grid__item {
    padding: 1.875rem 1.25rem;
  }
}

.risk-free-day section.option_account .option_grid__item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("../img/promo/risk_free_day/circle.jpg") no-repeat left center/auto;
}

@media all and (max-width: 768px) {
  .risk-free-day section.option_account .option_grid__item::before {
    filter: brightness(75%);
  }
}

@media all and (max-width: 375px) {
  .risk-free-day section.option_account .option_grid__item::before {
    filter: brightness(100%);
    background-image: url("../img/promo/risk_free_day/circle_mob.jpg");
    background-position: bottom center;
  }
}

.risk-free-day section.option_account .option_grid__item * {
  max-width: 320px;
}

@media all and (max-width: 375px) {
  .risk-free-day section.option_account .option_grid__item * {
    max-width: none;
  }
}

.risk-free-day section.option_account .option_grid__item:first-child {
  align-items: flex-start;
  text-align: right;
}

@media all and (max-width: 500px) {
  .risk-free-day section.option_account .option_grid__item:first-child {
    justify-content: flex-start;
  }
}

.risk-free-day section.option_account .option_grid__item:last-child {
  align-items: flex-end;
  text-align: left;
}

@media all and (max-width: 500px) {
  .risk-free-day section.option_account .option_grid__item:last-child {
    text-align: right;
    justify-content: flex-end;
  }
}

.risk-free-day section.option_account .option_grid__item:last-child::before {
  transform: scale(-1);
}

.risk-free-day section.earning h2 {
  margin-bottom: 2.1875rem;
}

.risk-free-day section.earning .numbers {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 945px;
}

.risk-free-day section.earning .numbers__item {
  flex: 0 1 calc(100% / 3);
}

.risk-free-day section.earning .numbers__item span {
  display: block;
  color: #2ED790;
}

.risk-free-day section.earning .numbers__item span {
  font-size: 24px;
  line-height: 32px;
}

@media screen and (min-width: 375px) {
  .risk-free-day section.earning .numbers__item span {
    font-size: calc(24px + 16 * ((100vw - 375px) / 1525));
    line-height: calc(32px + 22 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day section.earning .numbers__item span {
    font-size: 40px;
    line-height: 54px;
  }
}

.risk-free-day section.earning .numbers__item p {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 375px) {
  .risk-free-day section.earning .numbers__item p {
    font-size: calc(16px + 8 * ((100vw - 375px) / 1525));
    line-height: calc(22px + 6 * ((100vw - 375px) / 1525));
  }
}

@media screen and (min-width: 1900px) {
  .risk-free-day section.earning .numbers__item p {
    font-size: 24px;
    line-height: 28px;
  }
}

.risk-free-day section.start_trading h2 {
  margin-bottom: 1.875rem;
}

.risk-free-day section.start_trading h3 {
  margin: 1.25rem 0;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_trading h3 {
    margin: 0.625rem 0;
  }
}

.risk-free-day section.start_trading .steps_wrapper {
  background-color: #000207;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_trading .steps_wrapper {
    display: none;
  }
}

.risk-free-day section.start_trading .steps {
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_trading .steps {
    flex-direction: column;
    background-color: #000207;
    color: #FFFFFF;
    text-align: right;
    padding-bottom: 1.875rem;
  }
}

.risk-free-day section.start_trading .steps__item {
  position: relative;
  flex: 0 1 calc(100% / 4);
}

.risk-free-day section.start_trading .steps__item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 170px;
  height: 170px;
  display: none;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_trading .steps__item {
    padding-top: 1.875rem;
    padding-right: 4.6875rem;
  }
  .risk-free-day section.start_trading .steps__item::before {
    display: block;
  }
  .risk-free-day section.start_trading .steps__item.step1::before {
    background: url("../img/promo/risk_free_day/step1_mobile.png") no-repeat -55px -20px/contain;
  }
  .risk-free-day section.start_trading .steps__item.step2::before {
    background: url("../img/promo/risk_free_day/step2_mobile.png") no-repeat -55px -20px/contain;
  }
  .risk-free-day section.start_trading .steps__item.step3::before {
    background: url("../img/promo/risk_free_day/step3_mobile.png") no-repeat -55px -20px/contain;
  }
  .risk-free-day section.start_trading .steps__item.step4::before {
    background: url("../img/promo/risk_free_day/step4_mobile.png") no-repeat -55px -20px/contain;
  }
}

.risk-free-day section.start_trading .steps__item:not(:first-child) {
  margin-right: 1.25rem;
}

@media all and (max-width: 768px) {
  .risk-free-day section.start_trading .steps__item:not(:first-child) {
    margin-right: 0;
  }
}

.risk-free-day section.compensation h2 {
  margin-bottom: 2.1875rem;
}

.risk-free-day section.compensation .terms_modal {
  cursor: pointer;
  display: inline-block;
  margin-top: 20px;
}

.risk-free-day section.registration {
  background: url("../img/promo/risk_free_day/registration_bg.jpg") no-repeat top/cover;
  padding: 0;
  margin: 0;
}

@media all and (max-width: 600px) {
  .risk-free-day section.registration {
    background: url("../img/promo/risk_free_day/registration_bg_mob.jpg") no-repeat center/cover;
  }
}

.risk-free-day section.registration .row {
  padding: 6.25rem 1.25rem;
}

@media all and (max-width: 600px) {
  .risk-free-day section.registration .row {
    padding: 3.125rem 1.25rem 20.3125rem;
  }
}

.risk-free-day section.registration .row::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45%;
  height: 100%;
  background: url("../img/promo/risk_free_day/registration2_bg.png") no-repeat left bottom/contain;
}

@media all and (max-width: 600px) {
  .risk-free-day section.registration .row::before {
    width: 355px;
    height: 360px;
    background-position: calc(100% - (100% + 50px)) bottom;
  }
}

.risk-free-day section.registration h2 {
  margin-bottom: 1.875rem;
}

@media all and (max-width: 768px) {
  .risk-free-day section.registration h2 {
    margin-bottom: 1.25rem;
  }
}

@media all and (max-width: 768px) {
  .risk-free-day section.registration h2.h2_desktop {
    display: none;
  }
}

.risk-free-day section.registration h2.h2_mobile {
  display: none;
}

@media all and (max-width: 768px) {
  .risk-free-day section.registration h2.h2_mobile {
    display: block;
  }
}

.risk-free-day section.registration .risk_free_day_form {
  background: rgba(0, 0, 0, 0.87);
  max-width: 460px;
  padding: 3.125rem 2.5rem;
}

@media all and (max-width: 768px) {
  .risk-free-day section.registration .risk_free_day_form {
    max-width: 350px;
    padding: 1.875rem 1.25rem;
  }
}

@media all and (max-width: 600px) {
  .risk-free-day section.registration .risk_free_day_form {
    margin: 0 auto;
  }
}

.risk-free-day section.registration .risk_free_day_form * {
  color: #FFFFFF !important;
}

.risk-free-day section.registration .risk_free_day_form .fields {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.risk-free-day section.registration .risk_free_day_form .fields__item {
  position: relative;
  flex: 0 1 calc(50% - 6px);
  margin-bottom: 0.75rem;
}

.risk-free-day section.registration .risk_free_day_form .fields__item:nth-of-type(odd) {
  margin-left: 0.75rem;
}

@media all and (max-width: 768px) {
  .risk-free-day section.registration .risk_free_day_form .fields__item:nth-of-type(odd) {
    margin-left: 0;
  }
}

@media all and (max-width: 768px) {
  .risk-free-day section.registration .risk_free_day_form .fields__item {
    flex: 1 1 calc(100%);
  }
}

.risk-free-day section.registration .risk_free_day_form input {
  color: #FFFFFF !important;
  background: black;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 !important;
  height: 3.25rem;
  padding: 0.875rem 0.875rem 0;
}

.risk-free-day section.registration .risk_free_day_form input::placeholder {
  color: #FFFFFF !important;
}

.risk-free-day section.registration .risk_free_day_form input[type="checkbox"]:required:not(:checked) + label {
  border-color: red;
  box-shadow: 0 0 3px 1px red;
}

.risk-free-day section.registration .risk_free_day_form input:focus ~ .input_label,
.risk-free-day section.registration .risk_free_day_form input:valid ~ .input_label {
  transform: translateY(-15px);
  opacity: 0.3;
}

.risk-free-day section.registration .risk_free_day_form .input_label {
  position: absolute;
  top: 16px;
  right: 15px;
  z-index: 99;
  font-size: 15px;
  pointer-events: none;
  transition: all 200ms ease-in-out;
}

.risk-free-day section.registration .risk_free_day_form .promo-form__checkboxes {
  margin: 0.375rem 0 0;
}

.risk-free-day section.registration .risk_free_day_form .promo-form__checkbox-wrapper {
  margin-bottom: 12px;
}

.risk-free-day section.registration .risk_free_day_form .promo-form__checkbox-wrapper label {
  font-size: 0.8125rem !important;
  line-height: 1.125rem !important;
}

.risk-free-day section.registration .risk_free_day_form .submit {
  text-align: center;
}

.risk-free-day section.registration .risk_free_day_form .help-block {
  font-size: 0.875rem;
  margin-top: 0.3125rem;
}

.risk-free-day.ar .promo::before, .risk-free-day.fa .promo::before {
  transform: scaleX(-1);
  background-position: right bottom;
}

@media all and (max-width: 1024px) {
  .risk-free-day.ar .promo::before, .risk-free-day.fa .promo::before {
    background-position: center bottom;
  }
}

@media all and (max-width: 500px) {
  .risk-free-day.ar .promo::before, .risk-free-day.fa .promo::before {
    background-position: left bottom;
  }
}

.risk-free-day.ar .option_grid__item::before, .risk-free-day.fa .option_grid__item::before {
  background-position: right center !important;
}

@media all and (max-width: 375px) {
  .risk-free-day.ar .option_grid__item::before, .risk-free-day.fa .option_grid__item::before {
    background-position: bottom center !important;
  }
}

.risk-free-day.ar .option_grid__item:first-child::before, .risk-free-day.fa .option_grid__item:first-child::before {
  transform: scale(-1) !important;
}

@media all and (max-width: 375px) {
  .risk-free-day.ar .option_grid__item:first-child::before, .risk-free-day.fa .option_grid__item:first-child::before {
    transform: scale(1) !important;
  }
}

.risk-free-day.ar .option_grid__item:last-child::before, .risk-free-day.fa .option_grid__item:last-child::before {
  transform: scale(1) !important;
}

@media all and (max-width: 375px) {
  .risk-free-day.ar .option_grid__item:last-child::before, .risk-free-day.fa .option_grid__item:last-child::before {
    transform: scale(-1) !important;
  }
}

.risk-free-day.ar .registration .row::before, .risk-free-day.fa .registration .row::before {
  transform: scaleX(-1);
}

@media all and (max-width: 600px) {
  .risk-free-day.ar .registration .row::before, .risk-free-day.fa .registration .row::before {
    width: 355px;
    height: 360px;
    background-position: calc(100% - (-50px)) bottom;
  }
}

.risk-free-day.ar .start_trading .steps__item::before, .risk-free-day.fa .start_trading .steps__item::before {
  background-position: 55px -20px !important;
}

.risk_free_day_footer {
  background-color: #000000;
  color: #FFFFFF;
  padding: 0 !important;
  /* for 'alt' attribute */
}

.risk_free_day_footer .c_link {
  text-decoration: none;
  color: #2ED790;
  border-bottom: 1px solid #2ED790;
}

.risk_free_day_footer *,
.risk_free_day_footer *::before,
.risk_free_day_footer *::after {
  box-sizing: border-box !important;
  font-family: 'Nunito', sans-serif !important;
  position: relative;
}

.risk_free_day_footer img {
  user-select: none;
  -webkit-user-drag: none;
  color: #FFFFFF;
}

.risk_free_day_footer .logo_wrapper {
  margin: 3.125rem 0;
}

@media all and (max-width: 500px) {
  .risk_free_day_footer .logo_wrapper {
    margin: 1.5625rem 0;
  }
}

.risk_free_day_footer .logo {
  display: block;
  user-select: none;
  width: 155px;
}

@media all and (max-width: 500px) {
  .risk_free_day_footer .logo {
    width: 146px;
    margin: 0 auto;
  }
}

.risk_free_day_footer .footer_inner {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 1.5625rem;
}

.risk_free_day_footer .footer_inner p {
  font-size: 0.875rem;
  font-weight: 300;
  margin-bottom: 0.9375rem;
}

.risk_free_day_footer .footer_inner span {
  font: inherit !important;
  margin: 0 !important;
}

.risk_free_day_footer .footer_inner .copyright {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 1.875rem;
}

.risk_free_day_footer .footer_socials {
  margin-bottom: 1.25rem;
  display: none;
}

@media all and (max-width: 500px) {
  .risk_free_day_footer .footer_socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.risk_free_day_footer .footer_socials svg {
  display: block;
}

.risk_free_day_footer .footer_socials svg path {
  transition: fill 200ms ease-in-out;
}

.risk_free_day_footer .footer_socials a:hover path,
.risk_free_day_footer .footer_socials a:focus path,
.risk_free_day_footer .footer_socials a:active path {
  fill: #2ED790 !important;
}

.risk_free_day_footer .footer_socials path {
  fill: #FFFFFF !important;
}

.risk_free_day_footer .footer_socials .youtube:hover path:last-child {
  fill: #000000 !important;
}

.risk_free_day_footer .footer_socials .youtube path:last-child {
  fill: #000000 !important;
}

.risk_free_day_footer .footer_socials .ok:hover path:last-child {
  fill: #000000 !important;
}

.risk_free_day_footer .footer_socials .ok path:last-child {
  fill: #000000 !important;
}

.invest-portfolio {
  min-width: 30px;
  z-index: -1;
  font-family: pfDinTextLight;
}

.invest-portfolio .link-btn {
  display: block;
}

.invest-portfolio .subscribe-msg, .invest-portfolio .portfolio-msg {
  display: block;
  clear: both;
  margin-bottom: 10px;
  margin-top: 10px;
}

.invest-portfolio .offset-wrapper {
  position: relative;
  z-index: -1;
}

.invest-portfolio .hide {
  display: none;
}

@font-face {
  .invest-portfolio {
    font-family: 'pfDinTextProMed';
    src: url("../fonts/pfdintextpro/medium/pfdintextpro-medium.eot");
    src: url("../fonts/pfdintextpro/medium/pfdintextpro-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/medium/pfdintextpro-medium.svg") format("svg"), url("../fonts/pfdintextpro/medium/pfdintextpro-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .invest-portfolio {
    font-family: 'pfDinTextProThin';
    src: url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.eot");
    src: url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .invest-portfolio {
    font-family: 'pfDinTextProMedIt';
    src: url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.eot");
    src: url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .invest-portfolio {
    font-family: 'pfDinTextProLightIt';
    src: url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.eot");
    src: url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .title-invest-portf {
    font-size: 1.6rem;
  }
  .h1-wrap {
    margin-bottom: 40px;
  }
  .section_1-desc {
    padding-right: 10px;
  }
  .invest-portfolio .icon-circle_2 {
    background-position: top right !important;
  }
  .icon-circle_2 {
    width: 50px;
    height: 35px;
    background-size: 140%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .advantages-item {
    margin-bottom: 20px;
    margin-right: 10px;
    max-width: 100%;
    height: auto;
  }
  .advantages-desc {
    font-size: 1rem;
    margin-left: 35px;
  }
  .main-item-desc {
    margin-left: 38px;
    padding-right: 10px;
  }
  .section_3-icon_1 {
    background-position: 12px 13px;
  }
  .section_3-icon_2 {
    background-position: -30px 13px;
  }
  .section_3-icon_3 {
    background-position: 12px -56px;
  }
  .section_3-icon_4 {
    background-position: -30px -56px;
  }
  .section_3-icon_5 {
    background-position: 12px -122px;
  }
  .section_3-icon_6 {
    background-position: -30px -122px;
  }
  .section_3-icon_7 {
    background-position: 12px -189px;
  }
  .section_3-icon_8 {
    background-position: -30px -189px;
  }
  .portf-x {
    padding: 47px 30px 47px 30px !important;
  }
  .portf-y {
    padding: 47px 30px 47px 30px !important;
  }
  .registration {
    padding: 55px 20px 80px 20px;
  }
  .invest-portf-info {
    padding: 40px 20px 0 20px !important;
  }
  .portf-info-img {
    height: 155px;
  }
  #prewbutton, #nextbutton {
    opacity: 0;
  }
  .sli-links .control-slide {
    margin: 10px;
    width: 20px;
    height: 20px;
    background-size: 100% !important;
  }
  .new-red-button {
    font-size: 1.2rem;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .talk-consultant {
    padding: 55px 25px 45px 30px;
  }
  .specialization-desc {
    font-size: 1.525rem;
  }
  #google-chart_1, #google-chart_2, #google-chart_3, .chart-circle-title, .graph_2_2_cut {
    display: none;
  }
  .slide-img-1, .graph_2_1_cut {
    display: block;
  }
  .chart_2-legend {
    font-size: 10px;
    line-height: 1.4;
    right: 255px;
  }
  .graph_2_1_cut {
    width: 200px;
    height: 220px;
    margin-right: 30px;
  }
  .graph_2_2_cut {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 150px;
    right: 250px;
  }
  .chart_2-vAxis-title {
    font-size: 11px;
    top: 135px;
    right: -52px;
  }
  .title-center-mod {
    text-align: center;
  }
  .table-in-slider td, .table-in-slider th {
    font-size: 0.65rem;
    line-height: 1;
  }
  .table-in-slider-first-head th {
    padding-top: 2px !important;
    padding-right: 4% !important;
    -webkit-transform: rotate(85deg);
    transform: rotate(85deg);
    line-height: 1;
  }
}

/* Medium and up */
@media screen and (min-width: 40em) {
  .title-invest-portf {
    font-size: 2rem;
  }
  .h1-wrap {
    margin-bottom: 40px;
  }
  .section_1-desc {
    padding-right: 30px;
  }
  .icon-circle_2 {
    width: 80px;
    height: 50px;
    background-size: 150%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .advantages-item {
    margin-bottom: 30px;
  }
  .advantages-desc {
    padding-right: 15px;
    font-size: 1.1rem;
  }
  .main-item-desc {
    max-width: 635px;
    padding-right: 15px;
  }
  .section_3-icon_1 {
    background-position: 17px 19px;
  }
  .section_3-icon_2 {
    background-position: -55px 19px;
  }
  .section_3-icon_3 {
    background-position: 17px -99px;
  }
  .section_3-icon_4 {
    background-position: -55px -99px;
  }
  .section_3-icon_5 {
    background-position: 17px -212px;
  }
  .section_3-icon_6 {
    background-position: -55px -212px;
  }
  .section_3-icon_7 {
    background-position: 17px -328px;
  }
  .section_3-icon_8 {
    background-position: -55px -328px;
  }
  .portf-x {
    padding: 47px !important;
  }
  .portf-y {
    padding: 47px 99px 47px 99px !important;
  }
  .registration {
    padding: 55px 30px 80px 30px;
  }
  .invest-portf-info {
    padding: 40px 40px 0 40px !important;
  }
  .portf-info-img {
    height: 175px;
  }
  #prewbutton, #nextbutton {
    opacity: 0;
  }
  .sli-links .control-slide {
    margin: 7px;
    width: 16px;
    height: 16px;
  }
  .new-red-button {
    font-size: 1.3rem;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .talk-consultant {
    padding: 55px 60px 45px 60px;
  }
  .specialization-desc {
    font-size: 1.625rem;
  }
  #google-chart_1, #google-chart_2, #google-chart_3, .chart-circle-title {
    display: none;
  }
  .google-chart_2-wrap {
    right: 6%;
  }
  .slide-img-1, .slide-img-2 {
    display: block;
  }
  .graph_2_1_cut {
    width: 282px;
    height: 320px;
    margin-right: 50px;
  }
  .graph_2_2_cut {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    position: absolute;
    top: 170px;
    right: 370px;
  }
  .chart_2-legend {
    font-size: 14px;
    line-height: 1.8;
    right: 375px;
  }
  .chart_2-vAxis-title {
    font-size: 14px;
    top: 160px;
    right: -65px;
  }
  .table-in-slider td, .table-in-slider th {
    font-size: 0.8rem;
  }
  .table-in-slider-first-head th {
    padding-right: 5% !important;
    -webkit-transform: rotate(85deg);
    transform: rotate(85deg);
    line-height: 1.1;
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  .title-invest-portf {
    font-size: 2rem;
  }
  .h1-wrap {
    margin-bottom: 70px;
  }
  .section_1-desc {
    padding-right: 35px;
  }
  .icon-circle_2 {
    width: 114px;
    height: 114px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .invest-portfolio .icon-circle_2-wrap .icon-circle_2 {
    width: 80px;
    height: 70px;
  }
  .advantages-item {
    margin-bottom: 50px;
  }
  .advantages-desc {
    font-size: 1.175rem;
  }
  .main-item-desc {
    max-width: 635px;
    padding-right: 15px;
  }
  .section_3-icon_1 {
    background-position: 24px 25px;
  }
  .section_3-icon_2 {
    background-position: -78px 25px;
  }
  .section_3-icon_3 {
    background-position: 24px -138px;
  }
  .section_3-icon_4 {
    background-position: -78px -138px;
  }
  .section_3-icon_5 {
    background-position: 24px -298px;
  }
  .section_3-icon_6 {
    background-position: -78px -305px;
  }
  .section_3-icon_7 {
    background-position: 24px -465px;
  }
  .section_3-icon_8 {
    background-position: -78px -465px;
  }
  .portf-x {
    min-height: 450px;
    padding: 47px !important;
  }
  .portf-y {
    min-height: 450px;
    padding: 47px 70px 47px 70px !important;
  }
  .registration {
    padding: 55px 70px 80px 70px;
  }
  .invest-portf-info {
    padding: 40px 40px 0 40px !important;
  }
  .portf-info-img {
    height: 195px;
  }
  #prewbutton, #nextbutton {
    opacity: 0.8;
  }
  .sli-links .control-slide {
    margin: 7px;
    width: 16px;
    height: 16px;
  }
  .new-red-button {
    font-size: 1.381rem;
    transition: 0.3s;
    -webkit-transition: 0.3s;
  }
  .talk-consultant {
    padding: 55px 60px 45px 60px;
  }
  .specialization-desc {
    font-size: 1.625rem;
  }
  #google-chart_1, #google-chart_2, #google-chart_3, .chart-circle-title {
    display: block;
  }
  .slide-img-1, .slide-img-2 {
    display: none;
  }
  .graph_2_1_cut {
    width: 282px;
    height: 320px;
    margin-right: 50px;
  }
  .graph_2_2_cut {
    width: 250px;
    height: 250px;
    margin-top: 60px;
  }
  .chart_2-legend {
    line-height: 2;
    font-size: 14px;
    right: 455px;
  }
  .chart_2-vAxis-title {
    font-size: 14px;
    top: 170px;
    right: -64px;
  }
  .table-in-slider td, .table-in-slider th {
    font-size: 0.9rem;
  }
  .table-in-slider-first-head th {
    padding: 19px 0 2px 0 !important;
    transform: none;
    line-height: 1.1;
  }
}

.invest-portfolio {
  /*SECTION 1*/
  /*SECTION 2*/
  /*SECTION 3*/
}

.invest-portfolio .bg-section_1 {
  background-image: url(../img/promo/investment_portfolio/section_1_background.png);
  background-repeat: no-repeat;
  background-position: 360px 0;
  background-color: #092440;
  background-size: auto 100%;
}

.invest-portfolio .bg-section_1 button.for-icon {
  clear: both;
}

.invest-portfolio [name=btn] {
  clear: both;
}

.invest-portfolio .that-it-box {
  overflow: visible;
}

.invest-portfolio .that-it {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.03;
  letter-spacing: normal;
  color: #262626;
  position: relative;
  float: right;
  margin-bottom: 45px;
}

.invest-portfolio .that-it::after {
  content: '';
  display: block;
  height: 1px;
  border-bottom: 1px dashed #262626;
  position: absolute;
  bottom: 15px;
  right: 0;
  width: 100%;
}

.invest-portfolio .that-it:hover:before, .invest-portfolio .that-it:hover .that-it__help {
  display: block;
}

.invest-portfolio .that-it:before {
  display: none;
  content: '';
  position: absolute;
  background-color: #ffc832;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  left: -27px;
  top: 16px;
}

@media (max-width: 992px) {
  .invest-portfolio .that-it:before {
    left: auto;
    top: auto;
    right: 28px;
    bottom: -6px;
  }
}

.invest-portfolio .that-it__help {
  display: none;
  position: absolute;
  left: -560px;
  padding: 16px 25px 20px;
  background-color: #ffc832;
  max-width: 540px;
  line-height: 1;
  font-size: 15px;
  top: -15px;
  z-index: 1;
}

@media (max-width: 992px) {
  .invest-portfolio .that-it__help {
    top: 45px;
    left: auto;
    right: 0;
  }
}

.invest-portfolio .new-red-button {
  padding: 12px 40px 12px 40px;
}

.invest-portfolio .main-item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.invest-portfolio .section_1-icon_1 {
  background-position: 11px 11px;
}

.invest-portfolio .section_1-icon_2 {
  background-position: 11px;
}

.invest-portfolio .section_1-icon_3 {
  background-position: 11px -137px;
}

.invest-portfolio .section_1-desc {
  display: block;
  font-size: 1.125rem;
}

.invest-portfolio .icon-circle {
  background-image: url(../img/promo/investment_portfolio/section_1_icons.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.16);
  height: 54px;
  width: 54px;
  border-radius: 50%;
}

.invest-portfolio .bg-section_1 {
  position: relative;
  background: none;
  padding-bottom: 141px;
  padding-right: 20px;
  font-family: pfDinTextLight !important;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_1 {
    padding-bottom: 80px;
    background-image: url(../img/promo/investment_portfolio/section_1_background.png);
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_1 {
    margin-top: -40px;
    padding-top: 40px;
  }
}

.invest-portfolio .bg-section_1::before {
  content: '';
  position: absolute;
  top: -250px;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: url(../img/promo/investment_portfolio/section_1_background.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_1::before {
    content: none;
  }
}

.invest-portfolio .bg-section_1.ar::before, .invest-portfolio .bg-section_1.fa::before {
  transform: scaleX(-1);
}

.invest-portfolio .bg-section_1.th {
  border: none;
  box-shadow: none;
  display: inherit;
  line-height: normal;
}

.invest-portfolio .bg-section_1 .title-invest-portf, .invest-portfolio .bg-section_1 .main-item-desc {
  color: #262626;
}

.invest-portfolio .bg-section_1 button {
  float: right;
}

.invest-portfolio .h1 {
  font-size: 3rem;
}

@media (max-width: 768px) {
  .invest-portfolio .h1 {
    font-size: 2rem;
  }
}

@media (max-width: 425px) {
  .invest-portfolio .h1 {
    margin-top: 0 !important;
  }
}

.invest-portfolio .h2 {
  font-family: pfDinTextLight !important;
  font-size: 2.25em;
}

@media (max-width: 768px) {
  .invest-portfolio .h2 {
    font-size: 1.5rem;
  }
}

.invest-portfolio .learn-more-link {
  display: block;
  color: #007e74;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  margin-top: 20px;
  border-bottom: solid 1px #00b0a2;
  float: right;
  clear: right;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

.invest-portfolio .learn-more-link.hide {
  display: none;
}

.invest-portfolio .section_1-desc {
  padding-right: 24px;
  font-weight: 300;
}

.invest-portfolio .icon-circle-wrap {
  position: relative;
  align-self: stretch;
}

.invest-portfolio .icon-circle {
  display: block;
  width: 15px;
  height: 20px;
  border-bottom: solid 2px #009e82;
  border-left: solid 2px #009e82;
  transform: rotate3d(0, 1, 1, -49deg);
  position: absolute;
  background: none;
  border-radius: 0px;
  top: -5px;
}

.invest-portfolio .bg-section_1.fa .icon-circle, .invest-portfolio .bg-section_1.ar .icon-circle {
  transform: rotate3d(0, 1, 1, 49deg) scaleX(-1);
}

.invest-portfolio .ar .main-item-desc {
  padding-right: 0;
}

.invest-portfolio .bg-section_3 {
  position: relative;
  padding-right: 20px;
  padding-bottom: 122px;
  color: #252525;
  background-image: none;
  background-color: #fff;
}

@media (max-width: 640px) {
  .invest-portfolio .bg-section_3 {
    padding-right: 20px;
  }
}

.invest-portfolio .bg-section_3.h1 {
  color: #252525;
}

.invest-portfolio .bg-section_3:after {
  background-color: #fff;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_3 {
    padding-top: 10px;
    padding-bottom: 60px;
  }
}

.invest-portfolio .bg-section_3 .advantages-item {
  padding-right: 0 !important;
}

@media (max-width: 640px) {
  .invest-portfolio .bg-section_3 .advantages-item {
    float: right;
  }
}

.invest-portfolio .bg-section_3 .advantages-desc {
  max-width: 425px;
  margin-left: 20px;
}

@media (max-width: 640px) {
  .invest-portfolio .bg-section_3 .advantages-desc {
    margin-right: 20px;
  }
}

.invest-portfolio .bg-section_3 .advantages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.invest-portfolio .bg-section_3 .icon-circle_2 {
  background-repeat: no-repeat;
  background-position: top right;
  border-radius: 0px;
  background-color: transparent;
  background-size: auto;
}

@media (max-width: 640px) {
  .invest-portfolio .bg-section_3 .icon-circle_2 {
    background-size: contain;
  }
}

.invest-portfolio .bg-section_3 .icon-circle_2.invest {
  background-image: url(../img/promo/investment_portfolio/invest.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.investor {
  background-image: url(../img/promo/investment_portfolio/investor.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.leverage {
  background-image: url(../img/promo/investment_portfolio/leverage.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.manager {
  background-image: url(../img/promo/investment_portfolio/manager.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.payback {
  background-image: url(../img/promo/investment_portfolio/payback.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.possibility {
  background-image: url(../img/promo/investment_portfolio/possibility.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.thanks {
  background-image: url(../img/promo/investment_portfolio/thanks.png);
}

.invest-portfolio .bg-section_3 .icon-circle_2.create {
  background-image: url(../img/promo/investment_portfolio/create.png);
}

.invest-portfolio .bg-section_5 {
  background-image: url(../img/promo/investment_portfolio/section_5_bg.jpg);
  background-size: cover;
  z-index: -2;
  position: relative;
  padding-bottom: 120px;
  margin-bottom: -60px;
}

.invest-portfolio .bg-section_5:after {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 28, 63, 0.86);
  z-index: -1;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_5 {
    padding-bottom: 70px;
  }
}

.invest-portfolio .bg-section_5 .orbit-content {
  overflow: visible;
}

.invest-portfolio .bg-section_5__btn {
  padding-bottom: 75px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_5__btn {
    padding-bottom: 50px;
  }
}

.invest-portfolio .bg-section_5 .nav-slider {
  border-bottom: solid 0.5px #c6c6c6;
  font-size: 16px;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_5 .nav-slider {
    margin-right: 0;
  }
}

.invest-portfolio .bg-section_5 .nav-slider__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  font-size: 16px;
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_5 .nav-slider__row {
    font-size: 10px;
    padding: 0;
  }
}

@media (max-width: 768px) {
  .invest-portfolio .bg-section_5 .nav-slider__row {
    font-size: 10px;
    padding: 0;
  }
}

@media (max-width: 360px) {
  .invest-portfolio .bg-section_5 .nav-slider__row {
    font-size: 8px;
    padding: 0;
  }
}

.invest-portfolio .bg-section_5 .nav-slider__btn {
  padding: 1.60714em 0;
  cursor: pointer;
  list-style-type: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  font-size: 1.75em;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.61);
  line-height: 1.5;
}

.invest-portfolio .bg-section_5 .nav-slider__btn.active {
  color: #fff;
  position: relative;
}

.invest-portfolio .bg-section_5 .nav-slider__btn.active:before {
  position: absolute;
  bottom: -1px;
  content: '';
  display: block;
  height: 3px;
  width: 100%;
  background-color: #00b0a2;
}

.slider-column:hover .orbit-prev, .slider-column:hover .orbit-next, .slider-column:active .orbit-prev, .slider-column:active .orbit-next, .slider-column:focus .orbit-prev, .slider-column:focus .orbit-next {
  display: block;
}

.investment-portfolio-slider .orbit-container .orbit-prev:hover, .investment-portfolio-slider .orbit-container .orbit-prev:active, .investment-portfolio-slider .orbit-container .orbit-prev:focus, .investment-portfolio-slider .orbit-container .orbit-next:hover, .investment-portfolio-slider .orbit-container .orbit-next:active, .investment-portfolio-slider .orbit-container .orbit-next:focus {
  background-color: #2b405d;
  border-radius: 5px;
}

.investment-portfolio-slider {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}

.investment-portfolio-slider > .orbit-container {
  padding-bottom: 60px;
  position: static;
}

.investment-portfolio-slider .orbit-slide-number {
  display: none;
}

.investment-portfolio-slider .orbit-bullets-container {
  margin: 10px auto;
  width: 90px;
}

.investment-portfolio-slider .orbit-bullets > li[data-orbit-slide] {
  margin: 0 7px 0 7px;
  width: 13px !important;
  height: 13px;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
}

.investment-portfolio-slider .orbit-bullets .active {
  background-color: #fff !important;
}

.investment-portfolio-slider .orbit-prev .orbit-next {
  margin-top: -50px;
}

.investment-portfolio-slider .orbit-prev {
  right: -1.7rem;
}

.investment-portfolio-slider .orbit-next {
  left: -1.7rem;
}

.invest-portfolio .investment-portfolio-slider__elem {
  display: none;
  padding-top: 50px;
  position: relative;
}

.invest-portfolio .investment-portfolio-slider__elem.active {
  display: block;
}

.invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_3-wrap {
  display: none;
}

.invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap {
  display: block;
}

.invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap .graph_2_1_cut {
  display: block !important;
}

.invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap .slide-img-2 {
  display: block;
}

@media (max-width: 640px) {
  .invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap .graph_2_2_cut {
    display: none;
  }
}

@media screen and (min-width: 40em) {
  .invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap .graph_2_2_cut {
    top: 170px;
    left: 370px;
  }
}

@media screen and (min-width: 64em) {
  .invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap .graph_2_2_cut {
    top: 0;
    left: -600px;
  }
}

.invest-portfolio .investment-portfolio-slider__elem.th {
  box-shadow: none;
  border: none;
}

.invest-portfolio .investment-portfolio-slider__elem.th .profitability {
  right: -130px;
}

.invest-portfolio .investment-portfolio-slider__elem .weeks, .invest-portfolio .investment-portfolio-slider__elem .profitability {
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 768px) {
  .invest-portfolio .investment-portfolio-slider__elem .weeks, .invest-portfolio .investment-portfolio-slider__elem .profitability {
    display: none;
  }
}

.invest-portfolio .investment-portfolio-slider__elem .profitability {
  position: absolute;
  top: 55%;
  right: -95px;
  transform: rotate(90deg);
}

@media (max-width: 768px) {
  .invest-portfolio .investment-portfolio-slider__elem .profitability {
    top: 64%;
  }
}

.title-slider-graph {
  text-align: center;
  margin-bottom: 25px;
}

.graph_2_1_cut {
  background: url(../img/promo/investment_portfolio/graph_2_1_cut.png);
  margin-top: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.graph_2_2_cut {
  background: url(../img/promo/investment_portfolio/graph_2_2_cut.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.chart_2-vAxis-title {
  position: absolute;
  color: #AAAAAA;
  text-align: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  line-height: 1.7;
  font-weight: 100;
}

.chart_2-legend {
  position: absolute;
  top: 60px;
  color: #AAAAAA;
}

#google-chart_3 {
  margin-top: -30px;
  margin-right: -40px;
}

.ferrari, .hewlett-packard, .citigroup, .nike {
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 100;
}

.ferrari {
  right: 105px;
  top: 247px;
}

.hewlett-packard {
  right: 245px;
  top: 202px;
}

.citigroup {
  right: 210px;
  top: 95px;
}

.nike {
  right: 105px;
  top: 95px;
}

.table-in-slider {
  border: none;
  background-color: transparent;
}

.table-in-slider thead {
  color: #fff;
  background-color: transparent;
}

.table-in-slider th {
  padding: 19px 0 2px 0;
}

.table-in-slider td, .table-in-slider th {
  color: #fff;
  border: none;
}

.table-in-slider tbody tr:nth-child(odd) {
  background-color: #395f8f;
}

.table-in-slider tbody tr:nth-child(even) {
  background-color: transparent;
}

.table-in-slider tbody td {
  padding: 1px 0 0 0;
  border: none;
}

@media all and (max-width: 425px) {
  .gc-trading-robots__inner-breadcrumbs {
    display: none;
  }
}

@media all and (max-width: 425px) {
  .gc-trading-robots__h1 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1200px) {
  .trading_robots_page .row {
    padding: 0 20px !important;
  }
}

.trading_robots_page h1, .trading_robots_page h2, .trading_robots_page h3, .trading_robots_page h4 {
  font-family: pfDinTextLight;
}

.trading_robots_page h1 {
  font-size: 48px;
  margin-bottom: 30px;
}

.trading_robots_page h2 {
  font-size: 36px;
}

.trading_robots_page h3 {
  font-size: 30px;
  margin-bottom: 30px;
}

.trading_robots_page h4 {
  font-size: 24px;
}

.trading_robots_page .mod-white {
  color: white;
}

@font-face {
  .trading_robots_page {
    font-family: 'pfDinTextProMed';
    src: url("../fonts/pfdintextpro/medium/pfdintextpro-medium.eot");
    src: url("../fonts/pfdintextpro/medium/pfdintextpro-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/medium/pfdintextpro-medium.svg") format("svg"), url("../fonts/pfdintextpro/medium/pfdintextpro-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .trading_robots_page {
    font-family: 'pfDinTextProThin';
    src: url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.eot");
    src: url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .trading_robots_page {
    font-family: 'pfDinTextProMedIt';
    src: url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.eot");
    src: url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

@font-face {
  .trading_robots_page {
    font-family: 'pfDinTextProLightIt';
    src: url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.eot");
    src: url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
}

.trading_robots_page .section {
  padding: 20px;
}

.trading_robots_page .section2-box {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.trading_robots_page .section2-box__icon {
  width: 30%;
}

.trading_robots_page .section2-box__icon .test {
  background-color: #e2e;
  border: 1px solid #000;
  padding: 20px;
}

@media (max-width: 768px) {
  .trading_robots_page .section2-box__icon {
    width: auto;
  }
}

@media (max-width: 768px) {
  .trading_robots_page .section2-box {
    flex-direction: column;
  }
}

.trading_robots_page .bg-section_1 {
  padding-bottom: 75px;
}

.trading_robots_page .bg-section_2 {
  background-image: url(../img/promo/trading_robots_page/bg-section-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  height: 600px;
}

@media (max-width: 1024px) {
  .trading_robots_page .bg-section_2 {
    height: auto;
    padding: 50px 0;
  }
}

.trading_robots_page .new-red-button {
  padding: 12px 40px 12px 40px;
}

.trading_robots_page .main-item-desc {
  position: relative;
}

.trading_robots_page .main-item-desc::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 10px;
  width: 17px;
  border-right: 2px solid #009e82;
  border-bottom: 2px solid #009e82;
  transform: rotate(45deg);
}

.trading_robots_page .main-item-desc .section_1-desc {
  padding-right: 16px;
}

.trading_robots_page .section_1-icon_1 {
  background-position: 11px 11px;
}

.trading_robots_page .section_1-icon_2 {
  background-position: 11px;
}

.trading_robots_page .section_1-icon_3 {
  background-position: 11px -137px;
}

.trading_robots_page .section_1-desc {
  display: block;
  font-size: 1.125rem;
}

.trading_robots_page .icon-circle {
  background-image: url(../img/promo/investment_portfolio/section_1_icons.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.16);
  height: 54px;
  width: 54px;
  border-radius: 50%;
}

.trading_robots_page .bg-section_1 {
  position: relative;
  background-position: 100% 0;
  position: relative;
  transition: .4s;
  /*320!!!*/
}

.trading_robots_page .bg-section_1::before {
  content: '';
  top: -250px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  position: absolute;
  background-image: url(../img/promo/trading_robots_page/bg-section-1-b.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: bottom;
}

@media (max-width: 700px) {
  .trading_robots_page .bg-section_1::before {
    display: none;
  }
}

.trading_robots_page .bg-section_1.ar::before {
  transform: scale(-1, 1);
}

@media (max-width: 1200px) {
  .trading_robots_page .bg-section_1 {
    background-position: right;
  }
}

@media (max-width: 700px) {
  .trading_robots_page .bg-section_1 {
    background-position: bottom right;
    background-size: 133%;
    background-color: transparent;
  }
}

@media only screen and (max-width: 90em) {
  .trading_robots_page .bg-section_1:after {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6), transparent);
  }
}

.trading_robots_page .bg-section_1 .robots-header {
  position: relative;
  z-index: 2;
}

.trading_robots_page .bg-section_1 .robots-header .columns {
  padding: 0;
}

.trading_robots_page .icon-circle {
  background-image: url(../img/promo/trading_robots_page/icons-header.png);
}

.trading_robots_page .trading-robots-gc-desc {
  font-family: "pfDinTextLight";
  padding-right: 55px;
  min-height: 45px;
  position: relative;
  font-size: 18px;
  margin-bottom: 20px;
}

.trading_robots_page .trading-robots-gc-desc:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
}

.trading_robots_page .trading-robots-gc-desc.__one:before {
  background-image: url(../img/promo/trading_robots_page/__one.png);
}

.trading_robots_page .trading-robots-gc-desc.__two:before {
  background-image: url(../img/promo/trading_robots_page/__two.png);
}

.trading_robots_page .trading-robots-gc-desc.__three:before {
  background-image: url(../img/promo/trading_robots_page/__three.png);
}

.trading_robots_page .trading-robots-gc-desc.__four:before {
  background-image: url(../img/promo/trading_robots_page/__four.png);
}

.trading_robots_page .trading-robots-gc-desc.__five:before {
  background-image: url(../img/promo/trading_robots_page/__five.png);
}

.trading_robots_page .trading-robots-gc-desc.__six:before {
  background-image: url(../img/promo/trading_robots_page/__six.png);
}

.trading_robots_page .robots-block__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1024px) {
  .trading_robots_page .robots-block__list {
    flex-direction: column;
  }
}

.trading_robots_page .robots-block__list .robots-block__item {
  background-repeat: no-repeat;
  background-size: cover;
  width: 30%;
  cursor: pointer;
  /*320!!!*/
}

@media (max-width: 1024px) {
  .trading_robots_page .robots-block__list .robots-block__item {
    width: auto;
    margin-bottom: 20px;
  }
}

.trading_robots_page .robots-block__list .robots-block__item.robot-1 .icon, .trading_robots_page .robots-block__list .robots-block__item.robot-1 .icon-portfolio, .trading_robots_page .robots-block__list .robots-block__item.robot-1 .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .trading_robots_page .robots-block__list .robots-block__item.robot-1 .block-portfolio {
  background-image: url(../img/promo/trading_robots_page/dron.png) !important;
}

.trading_robots_page .robots-block__list .robots-block__item.robot-2 .icon, .trading_robots_page .robots-block__list .robots-block__item.robot-2 .icon-portfolio, .trading_robots_page .robots-block__list .robots-block__item.robot-2 .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .trading_robots_page .robots-block__list .robots-block__item.robot-2 .block-portfolio {
  background-image: url(../img/promo/trading_robots_page/robot.png) !important;
}

.trading_robots_page .robots-block__list .robots-block__item.robot-3 .icon, .trading_robots_page .robots-block__list .robots-block__item.robot-3 .icon-portfolio, .trading_robots_page .robots-block__list .robots-block__item.robot-3 .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .trading_robots_page .robots-block__list .robots-block__item.robot-3 .block-portfolio {
  background-image: url(../img/promo/trading_robots_page/stealth.png) !important;
}

.trading_robots_page .robots-block__list .robots-block__item .content {
  position: relative;
  padding: 30px 20px 50px 20px;
  z-index: 2;
  color: #000000;
  transition: all 0.4s ease-out;
}

.trading_robots_page .robots-block__list .robots-block__item .content .title {
  font-size: 1.875rem;
}

.trading_robots_page .robots-block__list .robots-block__item .content .subtitle {
  font-size: 1.625rem;
  margin-bottom: 50px;
}

.trading_robots_page .robots-block__list .robots-block__item .content .icon, .trading_robots_page .robots-block__list .robots-block__item .content .icon-portfolio, .trading_robots_page .robots-block__list .robots-block__item .content .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .trading_robots_page .robots-block__list .robots-block__item .content .block-portfolio {
  width: 117px;
  height: 72px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
}

.trading_robots_page .robots-block__list .robots-block__item .content .description, .trading_robots_page .robots-block__list .robots-block__item .content .third-light-wrapper .labels a, .third-light-wrapper .labels .trading_robots_page .robots-block__list .robots-block__item .content a, .trading_robots_page .robots-block__list .robots-block__item .content .third-light-wrapper .inputs a, .third-light-wrapper .inputs .trading_robots_page .robots-block__list .robots-block__item .content a {
  display: flex;
  justify-content: space-between;
}

.trading_robots_page .robots-block__list .robots-block__item .content .description__elem p {
  text-align: center;
}

.trading_robots_page .robots-block__list .robots-block__item .content .description__elem p:first-child {
  color: #377F6B;
  font-size: 24px;
}

.trading_robots_page .robots-block__list .robots-block__item .content .description__elem p:last-child {
  font-size: 16px;
  padding: 0 5px;
}

.trading_robots_page .robots-block__list .robots-block__item .content .description p, .trading_robots_page .robots-block__list .robots-block__item .content .third-light-wrapper .labels a p, .third-light-wrapper .labels .trading_robots_page .robots-block__list .robots-block__item .content a p, .trading_robots_page .robots-block__list .robots-block__item .content .third-light-wrapper .inputs a p, .third-light-wrapper .inputs .trading_robots_page .robots-block__list .robots-block__item .content a p {
  font-size: 1.375rem;
}

.trading_robots_page .robots-block__list .robots-block__item .content .price {
  font-size: 16px;
  line-height: 30px;
  font-family: pfDinTextLight;
}

.trading_robots_page .robots-block__list .robots-block__item .content .button, .trading_robots_page .robots-block__list .robots-block__item .content .black {
  display: none;
  font-size: 1.375rem;
  margin-top: 45px;
}

@media (max-width: 1024px) {
  .trading_robots_page .robots-block__list .robots-block__item .content .button, .trading_robots_page .robots-block__list .robots-block__item .content .black {
    display: inline-block;
  }
}

@media only screen and (max-width: 30em) {
  .trading_robots_page .robots-block__list .robots-block__item .content {
    padding-top: 75px;
  }
  .trading_robots_page .robots-block__list .robots-block__item .content .price {
    display: block;
  }
  .trading_robots_page .robots-block__list .robots-block__item .content .buy-button {
    display: inline-block;
  }
}

.trading_robots_page .robots-block__list .robots-block__item .shadow {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all .4s ease-out;
  z-index: 1;
}

.trading_robots_page .robots-block__list .robots-block__item.active .shadow {
  background-color: #fff;
}

.trading_robots_page .robots-block__list .robots-block__item.active .content .button, .trading_robots_page .robots-block__list .robots-block__item.active .content .black {
  display: inline-block;
}

.trading_robots_page .about-robots {
  padding-top: 100px !important;
  position: relative;
}

.trading_robots_page .about-robots h1 {
  padding: 0 !important;
}

.trading_robots_page .about-robots p {
  font-size: 1.125rem;
}

.trading_robots_page .about-robots .text-box {
  max-width: 700px;
}

@media (max-width: 1200px) {
  .trading_robots_page .about-robots .text-box {
    max-width: 50%;
  }
}

@media (max-width: 1024px) {
  .trading_robots_page .about-robots .text-box {
    max-width: 100%;
  }
}

@media (max-width: 490px) {
  .trading_robots_page .about-robots .text-box {
    padding-bottom: 220px;
  }
}

.trading_robots_page .about-robots .text-box .img-comp {
  width: 620px;
  height: 450px;
  background-image: url(../img/promo/trading_robots_page/comp.png);
  background-repeat: no-repeat;
  background-position: 50px;
  background-size: contain;
  position: absolute;
  top: 100px;
  left: 0;
}

@media (max-width: 1024px) {
  .trading_robots_page .about-robots .text-box .img-comp {
    width: 100%;
    position: static;
    background-position: top;
    height: 350px;
  }
}

@media (max-width: 490px) {
  .trading_robots_page .about-robots .text-box .img-comp {
    position: absolute;
    top: auto;
    bottom: -123px;
    background-size: 115%;
  }
}

.trading_robots_page .recommendation-robots {
  background: rgba(253, 205, 83, 0.3);
  padding: 30px 120px 30px 85px !important;
  position: relative;
}

.trading_robots_page .recommendation-robots p {
  font-size: 1.125rem;
}

.trading_robots_page .recommendation-robots .lamp {
  width: 40px;
  height: 40px;
  background-image: url(../img/promo/trading_robots_page/lamp.png);
  position: absolute;
  right: 65px;
}

@media (max-width: 768px) {
  .trading_robots_page .recommendation-robots {
    padding: 20px 20px 30px !important;
  }
  .trading_robots_page .recommendation-robots .lamp {
    display: none;
  }
  .trading_robots_page .recommendation-robots__text {
    font-size: 18px;
  }
  .trading_robots_page .recommendation-robots p {
    font-size: 16px;
  }
}

.trading_robots_page .registration-form {
  background-color: rgba(127, 127, 127, 0.5);
  padding: 45px 31px;
}

.trading_robots_page .registration-form .modal-title-trading-robots {
  color: #fff;
  font-family: "pfDinTextReg";
  padding-left: 55px;
}

.trading_robots_page .registration-form .form-field-trading-robots input {
  padding: 0 1rem;
}

.trading_robots_page .registration-form .adult-label-desc {
  color: #fff;
}

@font-face {
  font-family: 'pfDinTextProBold_nc';
  src: url("../fonts/pfdintextpro/bold_new_convert/pfdintextpro-bold-webfont.eot");
  src: url("../fonts/pfdintextpro/bold_new_convert/pfdintextpro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/bold_new_convert/pfdintextpro-bold-webfont.svg") format("svg"), url("../fonts/pfdintextpro/bold_new_convert/pfdintextpro-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.reveal-modal-bonus_200 {
  background-color: white !important;
}

.reveal-modal-bonus_200 .content {
  color: #2F2C2C !important;
}

.reveal-modal-bonus_200 .content p {
  color: #2F2C2C !important;
}

.reveal-modal-bonus_200 .close-reveal-modal {
  color: #2F2C2C !important;
}

.bonus200 {
  font-family: 'Nunito', sans-serif !important;
}

.bonus200 h1, .bonus200 h2, .bonus200 h3, .bonus200 h4, .bonus200 input, .bonus200 label, .bonus200 b, .bonus200 a {
  font-family: 'Nunito', sans-serif !important;
}

.bonus200 b {
  font-weight: 700;
}

.bonus200 section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  font-size: inherit;
  background-color: white;
  color: #2F2C2C;
}

@media all and (max-width: 768px) {
  .bonus200 section {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}

.bonus200 .btn,
.bonus200 .promo_button {
  text-align: center;
  background-color: #2ED790;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: white;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.bonus200 .btn:after,
.bonus200 .promo_button:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.bonus200 .btn:active:after,
.bonus200 .promo_button:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.bonus200 .btn:hover,
.bonus200 .promo_button:hover {
  background-color: #70EDA9;
}

@media all and (max-width: 768px) {
  .bonus200 h1 {
    font-size: 28px;
  }
}

.bonus200-intro {
  padding-top: 70px;
  background: url("../img/bonus200/intro.jpg") no-repeat center/cover;
  color: white !important;
}

.bonus200-intro.id, .bonus200-intro.ms, .bonus200-intro.vi {
  background-image: url("../img/bonus200/intro_alt.jpg");
}

.bonus200-intro.de .bonus200-form__result, .bonus200-intro.vi .bonus200-form__result, .bonus200-intro.ms .bonus200-form__result, .bonus200-intro.pt .bonus200-form__result {
  flex-direction: column;
}

.bonus200-intro.de .bonus200-form__result-left, .bonus200-intro.vi .bonus200-form__result-left, .bonus200-intro.ms .bonus200-form__result-left, .bonus200-intro.pt .bonus200-form__result-left {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.bonus200-intro.de .bonus200-form__result-right, .bonus200-intro.vi .bonus200-form__result-right, .bonus200-intro.ms .bonus200-form__result-right, .bonus200-intro.pt .bonus200-form__result-right {
  margin-top: 30px;
}

.bonus200-intro h1.p1 {
  font-size: 44px;
  line-height: 72px;
  font-weight: bold;
}

.bonus200-intro h1.p2 {
  font-size: 150px;
  line-height: 165px;
  max-height: 163px;
  font-family: 'pfDinTextProBold_nc', sans-serif !important;
  font-weight: bold;
}

.bonus200-intro h1.p3 {
  font-size: 35px;
  line-height: 48px;
  font-weight: normal;
}

.bonus200-intro h1.p3 span {
  color: #2ED790;
}

.bonus200-intro__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 700px;
}

.bonus200-intro__left p {
  color: white;
  font-size: 24px;
  line-height: 33px;
  padding-right: 25px;
  margin-bottom: 30px;
  position: relative;
  max-width: 350px;
}

.bonus200-intro__left p::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #2ED790;
  transform: rotate(-45deg);
  right: 0;
  top: 10px;
}

.bonus200-intro__right {
  margin-right: 50px;
}

@media all and (max-width: 768px) {
  .bonus200-intro {
    background-image: url("../img/bonus200/intro_mob.jpg") !important;
    padding-top: 70px !important;
  }
  .bonus200-intro h1.p1 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 0;
  }
  .bonus200-intro h1.p2 {
    font-size: 75px;
    line-height: 90px;
  }
  .bonus200-intro h1.p3 {
    font-size: 20px;
    line-height: 27px;
  }
  .bonus200-intro__box {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
  }
  .bonus200-intro__left p {
    font-size: 16px;
    line-height: 22px;
  }
  .bonus200-intro__right {
    margin-right: 0;
    margin-top: 30px;
    width: 100%;
  }
  .bonus200-intro .registration-bonus200-form .bonus200-form__input-box {
    display: flex;
  }
  .bonus200-intro .registration-bonus200-form .bonus200-form__input-wrapper {
    height: 55px;
  }
  .bonus200-intro .registration-bonus200-form .bonus200-form__input-wrapper:nth-child(-n+2) {
    width: calc(50% - 6px);
  }
}

@media all and (max-width: 750px) {
  .bonus200-intro {
    padding-top: 28px !important;
  }
}

.bonus200-form {
  background-color: black;
  padding: 50px 40px 70px;
  width: 458px;
}

.bonus200-form__step {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 30px;
}

.bonus200-form__step p {
  color: white;
  font-size: 15px;
}

.bonus200-form__step p:first-child {
  width: 75%;
}

.bonus200-form__step .calc-percent {
  color: #2ED790;
}

.bonus200-form__buttons {
  display: flex;
  justify-content: space-between;
}

.bonus200-form__buttons.calc-2 div {
  width: 50%;
}

.bonus200-form__btn {
  width: 100%;
  border: 1px solid #444444;
  height: 37px;
  padding-top: 2px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 13px;
}

.bonus200-form__btn br {
  display: none;
}

.bonus200-form__btn.active {
  background: #078C65;
  border: 1px solid #078C65;
}

.bonus200-form__btn.active:hover {
  color: white;
}

.bonus200-form__btn:not(.active):hover {
  border: 1px solid #078C65;
  color: white;
}

.bonus200-form__btn-desk {
  margin-right: 1px;
  margin-top: 3px;
  font-size: 12px;
  opacity: 0.4;
  width: 90%;
}

.bonus200-form__btn-desk.active {
  opacity: 1;
}

.bonus200-form__result {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bonus200-form__result-left p:not(.result-number) {
  font-size: 15px;
}

.bonus200-form__result-left .result-number {
  font-size: 24px;
  color: #FFC832;
}

.bonus200-form__result-left div p {
  display: inline;
}

.bonus200-form__result-right.mob {
  display: none;
}

.bonus200-form .open-form {
  display: none;
}

.bonus200-form-switcher {
  display: flex;
  margin-bottom: 30px;
}

.bonus200-form-switch {
  font-size: 20px;
  line-height: 25px;
  width: 50%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  padding-bottom: 15px;
  cursor: pointer;
}

.bonus200-form-switch.active {
  color: #0ABB86;
  border-bottom: 2px solid rgba(10, 187, 134, 0.3);
}

.bonus200-form__input-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bonus200-form__input-box .bonus200-form__input-wrapper:nth-child(n+3) {
  margin-bottom: 0;
}

.bonus200-form__input-wrapper {
  position: relative;
  margin-bottom: 12px;
  max-width: calc(50% - 6px);
  width: 100%;
}

.bonus200-form__input {
  background: none !important;
  border: 1px solid rgba(206, 206, 206, 0.3) !important;
  font-size: 16px !important;
  border-radius: unset !important;
  height: 55px !important;
  padding: 20px 12px 0 !important;
  color: white !important;
}

.bonus200-form__input:focus + .bonus200-form__placeholder,
.bonus200-form__input:valid + .bonus200-form__placeholder {
  bottom: auto;
  top: 2px;
  opacity: 0.4;
  transform: translateY(0);
}

.bonus200-form__placeholder {
  position: absolute;
  top: calc(50% - 9px);
  right: 12px;
  transition: all .2s ease-in-out;
  font-size: 15px;
  pointer-events: none;
}

.bonus200-form__button-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bonus200-form__button-inner_preloader {
  opacity: 0;
  position: absolute;
  top: 31px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  transition: opacity 0.4s linear, z-index 0s linear 0.4s;
  width: 40px;
  height: 40px;
}

.bonus200-form .form-errors {
  margin: 10px 0;
}

.bonus200-form .form-errors a {
  color: #0ABB86 !important;
  border-bottom: none !important;
}

.bonus200-form .btn,
.bonus200-form .promo_button {
  border: none;
}

@media all and (max-width: 768px) {
  .bonus200-form {
    padding: 30px 20px;
    width: 100%;
  }
  .bonus200-form__btn {
    padding-top: 0;
  }
  .bonus200-form__btn br {
    display: block;
  }
  .bonus200-form__result {
    flex-direction: column;
  }
  .bonus200-form__result-left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  .bonus200-form__result-right {
    width: 100%;
    margin-top: 40px;
  }
  .bonus200-form__result-right:not(.mob) {
    display: none;
  }
  .bonus200-form__result-right.auth {
    display: block;
  }
  .bonus200-form .open-form.active {
    display: block;
    margin-top: 30px;
  }
  .bonus200-form__input-wrapper {
    max-width: 100%;
  }
  .bonus200-form__input-wrapper:not(:last-child) {
    margin-bottom: 12px !important;
  }
  .bonus200-form__input-wrapper:nth-child(n+3) {
    margin: unset;
  }
  .bonus200-form__input-box {
    display: block;
  }
  .bonus200-form .btn-box {
    text-align: center;
  }
}

.bonus200-checkbox-wrapper {
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
}

.bonus200-checkbox-wrapper label {
  color: white !important;
}

.bonus200-checkbox-wrapper input[type="checkbox"] + label,
.bonus200-checkbox-wrapper input[type="checkbox"]:checked + label {
  background: none !important;
  flex-shrink: 0;
}

.bonus200-checkbox-wrapper input[type="checkbox"]:checked + label,
.bonus200-checkbox-wrapper input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.bonus200-checkbox-wrapper label:nth-child(2) {
  border-radius: 0 !important;
  position: relative;
  opacity: 0.5;
  border: 1px solid #0ABB86;
}

.bonus200-checkbox-wrapper label:nth-child(2):after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: calc(50% - 5px);
  top: calc(50% - 5px);
  background-color: #0ABB86;
  opacity: 0;
}

.enter-bonus200-form:not(.active),
.registration-bonus200-form:not(.active) {
  display: none;
}

.enter-bonus200-form .bonus200-form__input-wrapper {
  max-width: 100%;
}

.bonus200-steps h1:first-child {
  margin-bottom: 40px;
}

.bonus200-steps h2 {
  text-align: center;
}

.bonus200-steps p {
  font-size: 18px;
}

.bonus200-steps p b {
  font-size: 20px;
  margin-top: 40px;
}

.bonus200-steps__items-title {
  margin-top: 90px;
}

.bonus200-steps__items {
  display: flex;
  justify-content: space-between;
  margin-top: 55px;
}

.bonus200-steps__item {
  max-width: 200px;
  width: 100%;
  text-align: center;
  position: relative;
}

.bonus200-steps__item::before {
  font-size: 30px;
  line-height: 22px;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: calc(50% - 81px / 2);
  width: 81px;
  height: 81px;
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  color: #0abb86;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bonus200-steps__item::after {
  content: '';
  position: absolute;
  top: -10px;
  left: 53px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  z-index: 1;
  border: 10px solid #0abb86;
}

.bonus200-steps__item:nth-child(1)::before {
  content: "1";
}

.bonus200-steps__item:nth-child(2)::before {
  content: "2";
}

.bonus200-steps__item:nth-child(3)::before {
  content: "3";
}

.bonus200-steps__item:nth-child(4)::before {
  content: "4";
}

.bonus200-steps__item p {
  font-weight: bold;
}

.bonus200-steps__item:not(:last-child) p {
  text-decoration: underline;
}

.bonus200-steps__item:not(:last-child):hover p {
  text-decoration: none;
}

.bonus200-steps__item-inner {
  display: block;
  padding-top: 103px;
}

.bonus200-steps__item a {
  position: relative;
}

.bonus200-steps__item a::after {
  position: absolute;
  content: '';
  background-image: url("../img/bonus200/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: -50%;
  top: 31px;
  width: 75px;
  height: 14px;
}

.bonus200-steps .btn-box {
  text-align: center;
  margin-top: 30px;
}

.bonus200-steps .btn-box .btn {
  margin-bottom: 20px;
}

.bonus200-steps .btn-box p:last-child a {
  font-weight: 400;
  border-bottom: none;
  text-decoration: underline;
}

.bonus200-steps .btn-box p:last-child a:hover {
  text-decoration: none;
}

@media all and (max-width: 1200px) {
  .bonus200-steps__item a::after {
    content: none;
  }
}

@media all and (max-width: 768px) {
  .bonus200-steps h1:first-child {
    margin-bottom: 30px;
  }
  .bonus200-steps h1 {
    text-align: right !important;
  }
  .bonus200-steps p b {
    margin-top: 30px;
  }
  .bonus200-steps__items-title {
    margin-top: 50px;
  }
  .bonus200-steps__items {
    margin-top: 35px;
    flex-direction: column;
  }
  .bonus200-steps__item {
    max-width: 100%;
    text-align: right;
    min-height: 81px;
    display: flex;
    align-items: center;
  }
  .bonus200-steps__item::before {
    top: 0;
    right: 0;
  }
  .bonus200-steps__item::after {
    top: -10px;
    left: auto;
    right: 53px;
  }
  .bonus200-steps__item:not(:last-child) {
    margin-bottom: 100px;
  }
  .bonus200-steps__item a::after {
    content: '';
    width: 55px;
    transform: rotate(-90deg);
    left: auto;
    right: 14px;
    top: 96px;
  }
  .bonus200-steps__item-inner {
    padding-top: 0;
    padding-right: 103px;
  }
}

.bonus200-advantages {
  background: url("../img/bonus200/adv.jpg") no-repeat center/cover;
  color: white !important;
}

.bonus200-advantages__items {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.bonus200-advantages__item {
  padding-right: 40px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  max-width: 200px;
}

.bonus200-advantages__item::after {
  position: absolute;
  content: '';
  background: url("../img/bonus200/done.svg") no-repeat center/contain;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
}

.bonus200-advantages__item b {
  font-size: 22px;
  line-height: 30px;
}

.bonus200-advantages h4 {
  margin-top: 50px;
  font-size: 20px;
  font-weight: 400;
}

.bonus200-advantages .btn-box {
  margin-top: 30px;
  text-align: center;
}

@media all and (max-width: 768px) {
  .bonus200-advantages {
    background-image: url("../img/bonus200/adv_mob.jpg");
  }
  .bonus200-advantages h1 {
    text-align: right !important;
  }
  .bonus200-advantages__items {
    flex-direction: column;
    margin-top: 30px;
  }
  .bonus200-advantages__item {
    max-width: 100%;
  }
  .bonus200-advantages__item:after {
    top: 4px;
  }
  .bonus200-advantages__item br {
    display: none;
  }
  .bonus200-advantages__item:not(:first-child) {
    margin-top: 30px;
  }
  .bonus200-advantages h4 {
    text-align: right !important;
    margin-top: 40px;
  }
  .bonus200-advantages .btn-box {
    margin-top: 20px;
  }
}

.bonus200-popup {
  padding: 60px 40px;
  max-width: 460px;
  background: rgba(0, 0, 0, 0.87);
  border: none;
  box-shadow: 0 -5px 20px rgba(93, 93, 93, 0.19), 0 6px 6px rgba(93, 93, 93, 0.19);
}

.bonus200-popup .promo_button {
  background-color: #2ED790;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: white;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  border: none;
}

.bonus200-popup .promo_button:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.bonus200-popup .promo_button:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.bonus200-popup .promo_button:hover {
  background-color: #70EDA9;
}

.bonus200-popup .close-reveal-modal {
  width: 32px;
  height: 32px;
}

.bonus200-popup .close-reveal-modal:after,
.bonus200-popup .close-reveal-modal:before {
  position: absolute;
  content: '';
  width: 32px;
  height: 1px;
  background-color: white;
  display: block;
  margin-top: 15px;
  pointer-events: none;
}

.bonus200-popup .close-reveal-modal:after {
  transform: rotate(-45deg);
}

.bonus200-popup .close-reveal-modal:before {
  transform: rotate(45deg);
}

.bonus200-popup .errors {
  margin: 10px 0;
}

.bonus200-popup .errors a {
  color: white !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.bonus200-popup .errors a:hover {
  color: white !important;
  border-bottom: none;
}

.bonus200.independencia_200 .bonus200-intro {
  background: url("../img/bonus200/intro_brazil_2k.jpg") no-repeat 30%/cover !important;
}

.bonus200.independencia_200 .bonus200-intro h1.p1 {
  font-size: 44px;
  line-height: 58px;
}

@media all and (max-width: 1024px) {
  .bonus200.independencia_200 .bonus200-intro h1.p1 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 0;
  }
  .bonus200.independencia_200 .bonus200-intro h1.p2 {
    font-size: 75px;
    line-height: 90px;
  }
  .bonus200.independencia_200 .bonus200-intro h1.p3 {
    font-size: 20px;
    line-height: 27px;
  }
}

@media all and (max-width: 1900px) {
  .bonus200.independencia_200 .bonus200-intro {
    background: url("../img/bonus200/intro_brazil.jpg") no-repeat bottom/cover !important;
  }
}

@media all and (max-width: 768px) {
  .bonus200.independencia_200 .bonus200-intro {
    background: url("../img/bonus200/intro_brazil.jpg") no-repeat bottom/cover !important;
  }
}

@media all and (max-width: 500px) {
  .bonus200.independencia_200 .bonus200-intro {
    background-image: url("../img/bonus200/intro_brazil_mob.jpg") !important;
    background-position: top !important;
  }
}

body.ramm .ramm-page {
  font-size: 18px;
  font-family: pfDinTextLight;
  color: #171717;
}

body.ramm .ramm-page .btn-tr-leave, body.ramm .ramm-page .btn-tr-enter_root {
  opacity: 0;
  transition: opacity 0.3s, transform 0.5s;
}

body.ramm .ramm-page .btn-tr-enter {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 0.5s, transform 0.3s;
}

body.ramm .ramm-page .btn-tr-enter_root {
  visibility: hidden;
  transform: translate(0, 50px);
}

body.ramm .ramm-page h1, body.ramm .ramm-page h2, body.ramm .ramm-page h3, body.ramm .ramm-page h4, body.ramm .ramm-page h5 {
  color: #262626;
}

body.ramm .ramm-page h1 {
  font-size: 2.66667em;
  margin-bottom: 21px;
  font-family: pfDinTextLight, "Helvetica Neue", "Arial";
}

body.ramm .ramm-page h2 {
  font-size: 2em;
  margin-bottom: 21px;
  font-family: pfDinTextLight, "Helvetica Neue", "Arial";
}

body.ramm .ramm-page p {
  font-size: 18px;
  margin-bottom: 34px;
}

body.ramm .ramm-page section {
  padding-top: 70px;
  padding-bottom: 100px;
}

body.ramm .ramm-page .ramm-btn {
  padding: 0 1.38889em;
  font-size: 1em;
  line-height: 2.5em;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
}

body.ramm .ramm-page .ramm-btn_red {
  background-color: #eb2629;
}

body.ramm .ramm-page .ramm-btn_green {
  background-color: #009e82;
}

body.ramm .ramm-page span.arrow {
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  background-size: 100%;
  width: 1.77778em;
  height: 1.11111em;
  background-image: url(../img/promo/ramm/arrow.png);
  position: absolute;
  top: 8px;
}

body.ramm .ramm-page .ramm-header {
  position: relative;
}

body.ramm .ramm-page .ramm-header.th {
  border: 0;
  box-shadow: none;
  display: block;
  line-height: initial;
}

body.ramm .ramm-page .ramm-header::before {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  top: -365px;
  background-image: url(../img/promo/ramm/bg-header.jpg);
}

body.ramm .ramm-page .ramm-header.ar::before, body.ramm .ramm-page .ramm-header.fa::before {
  transform: scale(-1, 1);
}

body.ramm .ramm-page .ramm-header__desc {
  max-width: 38.11111em;
}

body.ramm .ramm-page .ramm-header__box {
  display: flex;
  justify-content: space-between;
  max-width: 38.11111em;
  font-size: inherit;
  box-sizing: border-box;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__box {
    flex-direction: column;
  }
}

body.ramm .ramm-page .ramm-header__elem {
  padding: 0 1.77778em 0 1.77778em;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
  width: 12.11111em;
  height: 9em;
  cursor: pointer;
  position: relative;
}

body.ramm .ramm-page .ramm-header__elem:before {
  content: '';
  position: absolute;
  left: 0;
  z-index: 20;
  display: block;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__elem-title {
    margin-right: 80px;
    text-align: right;
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__elem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
    padding: 2.22222em;
    height: auto;
    min-height: 2.5em;
    flex-wrap: wrap;
  }
  body.ramm .ramm-page .ramm-header__elem:before {
    width: 0.55556em;
    height: 0.55556em;
    border-left: 1.3px solid #000203;
    border-bottom: 1.3px solid #000203;
    content: '';
    position: absolute;
    left: 25px;
    transform: rotate(-45deg);
    opacity: 0.46;
  }
  body.ramm .ramm-page .ramm-header__elem.active {
    background-color: white;
  }
  body.ramm .ramm-page .ramm-header__elem.active:hover {
    background-color: white;
  }
  body.ramm .ramm-page .ramm-header__elem.active .ramm-header__icon, body.ramm .ramm-page .ramm-header__elem.active .ramm-header__elem-title {
    display: none !important;
  }
  body.ramm .ramm-page .ramm-header__elem.active .ramm-header__elem-text, body.ramm .ramm-page .ramm-header__elem.active .ramm-header__elem-text-title {
    display: block !important;
    position: static !important;
  }
  body.ramm .ramm-page .ramm-header__elem.active::before {
    transform: rotate(-135deg);
  }
}

body.ramm .ramm-page .ramm-header__elem-text {
  display: none;
  overflow: hidden;
  font-size: 0.88889em;
  padding: 1.11111em 1.11111em 1.11111em 1.94444em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: auto;
  background-color: #fff;
  box-shadow: 0px 9px 27px 0 rgba(114, 114, 114, 0.28);
  border-radius: 3px;
}

body.ramm .ramm-page .ramm-header__elem-text-title {
  font-size: 1.125em;
  margin-bottom: 15px;
}

body.ramm .ramm-page .ramm-header__elem:hover {
  background: transparent;
}

body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__elem-front {
  background: transparent;
}

body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__icon {
  display: none;
}

body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__elem-text {
  display: block;
}

body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__elem-title {
  display: none;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__elem:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__elem-title {
    display: block;
  }
  body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__icon {
    display: block;
  }
  body.ramm .ramm-page .ramm-header__elem:hover .ramm-header__elem-text {
    display: none;
  }
}

body.ramm .ramm-page .ramm-header__elem-desc {
  display: none;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__elem-desc {
    display: block;
  }
}

body.ramm .ramm-page .ramm-header__elem-front {
  height: inherit;
  position: absolute;
  border-radius: 3px;
  width: 100%;
  right: 0;
  z-index: 10;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__elem-front {
    min-height: inherit;
    align-items: center;
    display: flex;
  }
}

body.ramm .ramm-page .ramm-header__icon {
  background-position: center;
  background-repeat: no-repeat;
  height: 50%;
  margin-top: 10px;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__icon {
    background-size: 100%;
    margin-top: 0;
    position: absolute;
    right: 25px;
  }
}

body.ramm .ramm-page .ramm-header__icon_risks {
  background-image: url(../img/promo/ramm/icon-risks.png);
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__icon_risks {
    width: 34px;
    height: 45px;
  }
}

body.ramm .ramm-page .ramm-header__icon_strategy {
  background-image: url(../img/promo/ramm/icon-strategy.png);
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__icon_strategy {
    width: 50px;
    height: 40px;
  }
}

body.ramm .ramm-page .ramm-header__icon_profit {
  background-image: url(../img/promo/ramm/icon-profit.png);
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__icon_profit {
    width: 45px;
    height: 35px;
  }
}

body.ramm .ramm-page .ramm-header__link {
  overflow: visible;
  height: 45px;
  display: flex;
  align-items: center;
  position: relative;
}

body.ramm .ramm-page .ramm-header__link[data-ramm-header-link="true"] .ramm-header__link-hover {
  display: block !important;
}

body.ramm .ramm-page .ramm-header__link-text {
  position: relative;
  font-size: 0.88889em;
  float: right;
  margin-right: 40px;
  border-bottom: 1px solid #343434;
  color: #343434;
  cursor: pointer;
  z-index: 11;
}

body.ramm .ramm-page .ramm-header__link-text::before {
  content: '';
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/promo/ramm/icon-help.png");
  background-size: cover;
  width: 1.125em;
  height: 1.125em;
  left: -25px;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__link-text {
    margin-right: 0;
  }
}

body.ramm .ramm-page .ramm-header__link-hover {
  display: none;
  position: absolute;
  font-size: 0.88889em;
  padding: 25px;
  background-color: #ffc832;
  max-width: 23.5625em;
  right: 13.75em;
  top: -0.875em;
}

body.ramm .ramm-page .ramm-header__link-hover-arrow {
  position: absolute;
  width: 0.9375em;
  height: 0.9375em;
  right: -8px;
  background-color: #ffc832;
  transform: rotate(-45deg);
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__link-hover-arrow {
    right: 17px;
    top: -6px;
  }
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__link-hover {
    right: 0;
    top: 55px;
  }
}

body.ramm .ramm-page .ramm-header__link:hover .ramm-header__link-hover {
  display: block;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__link:hover .ramm-header__link-hover {
    display: none;
  }
}

body.ramm .ramm-page .ramm-header__link.active .ramm-header__link-hover {
  display: block;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-header__link {
    clear: both;
    padding-top: 25px;
  }
}

body.ramm .ramm-page .ramm-rating__table-main {
  width: 100%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 870px) {
  body.ramm .ramm-page .ramm-rating__table-main {
    overflow-x: scroll;
  }
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom {
    flex-wrap: wrap;
  }
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination {
  color: #345690;
  font-size: 20px;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination {
    width: 100%;
  }
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination .current {
  display: inline-block;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination .current span {
  padding: 5px 10px;
  color: #345690;
  cursor: pointer;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination .current span.active {
  color: #000;
  background: #c6c6c6;
  font-family: pfDinTextLight;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination span.next {
  margin-right: 20px;
  color: #345690;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination span.next:hover {
  border-bottom: 1px solid;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination span.prev {
  margin-left: 20px;
  color: #345690;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination span.prev:hover {
  border-bottom: 1px solid;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-risk_disclusore {
  font-weight: 700;
  max-width: 50%;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-rating__table-main .ramm-risk_disclusore {
    max-width: 100%;
  }
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table {
  background: transparent;
  border: 0;
  table-layout: initial;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableHead {
  background: transparent;
  font-weight: 700;
  font-size: 16px;
  padding: 10px;
  border-bottom: 1px solid #c6c6c6;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableHead td:nth-child(2), body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableHead td:nth-child(4), body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableHead td:nth-child(5), body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableHead td:nth-child(6) {
    display: none;
  }
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableHead td:first-child {
  text-align: right;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem {
  border-bottom: 1px solid #c6c6c6;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem:nth-of-type(even) {
  background: transparent;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td {
  border: 0;
  padding: 30px 10px;
  position: relative;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:nth-child(2), body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:nth-child(4), body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:nth-child(5), body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:nth-child(6) {
    display: none;
  }
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:first-child {
  text-align: right;
  overflow-wrap: normal;
  word-wrap: break-word;
  word-break: normal;
  line-break: normal;
  hyphens: manual;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:first-child a {
  color: #345690;
  font-size: 20px;
  border-bottom: 1px dotted;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:first-child span {
  margin-top: 20px;
  display: block;
  font-size: 14px;
  color: #878787;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:nth-child(2) {
  color: #138b6a;
  font-size: 26px;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td:nth-child(2) .red {
  color: #bb1622;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td .din-yield {
  position: absolute;
  top: 5px;
  right: 20px;
  background: #138b6a;
  color: #FFF;
  line-height: 1;
  padding: 4px;
  border-radius: 3px;
  font-size: 12px;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-table .tableBody .tableItem td .din-yield--minus {
  background: #bb1622;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-btn {
  border-radius: 3px;
  border: solid 1px #00b0a2;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  display: inline-block;
  float: none;
  background: #00b0a2;
}

body.ramm .ramm-page .ramm-rating__table-main .ramm-btn--mobile {
  display: none;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-rating__table-main .ramm-btn--mobile {
    display: inline-block;
  }
}

body.ramm .ramm-page .ramm-rating__table-child {
  width: 870px;
  height: 1670px;
  position: absolute;
  top: -340px;
}

body.ramm .ramm-page .ramm-work {
  position: relative;
}

body.ramm .ramm-page .ramm-work.th {
  border: 0;
  box-shadow: none;
  display: block;
  line-height: initial;
}

body.ramm .ramm-page .ramm-work::before {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/promo/ramm/bg-work-section.jpg);
}

body.ramm .ramm-page .ramm-work.ar::before, body.ramm .ramm-page .ramm-work.fa::before {
  transform: scale(-1, 1);
}

body.ramm .ramm-page .ramm-work__desc {
  max-width: 43.61111em;
}

body.ramm .ramm-page .ramm-earn {
  box-sizing: border-box;
  position: relative;
  font-size: 1em;
}

body.ramm .ramm-page .ramm-earn.th {
  border: 0;
  box-shadow: none;
  display: block;
  line-height: initial;
}

body.ramm .ramm-page .ramm-earn[data-tab-show-bg="invest"]::before {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/promo/ramm/bg-earn-section_invest.jpg);
  background-position-x: center;
}

body.ramm .ramm-page .ramm-earn[data-tab-show-bg="trader"]::before {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/promo/ramm/bg-earn-section_trader.jpg);
  background-position: center top;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-earn[data-tab-show-bg="trader"]::before {
    background-position: right center;
  }
}

body.ramm .ramm-page .ramm-earn.ar::before, body.ramm .ramm-page .ramm-earn.fa::before {
  transform: scale(-1, 1);
}

body.ramm .ramm-page .ramm-earn__box {
  max-width: 38.11111em;
  font-size: 1em;
}

body.ramm .ramm-page .ramm-earn__nav {
  margin: 0;
  overflow: hidden;
  font-size: 1em;
}

body.ramm .ramm-page .ramm-earn__tab {
  float: right;
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #c6c6c6;
  font-size: 1.33333em;
  color: rgba(46, 46, 46, 0.8);
  cursor: pointer;
  line-height: 1;
  padding: 1.11111em 0;
}

body.ramm .ramm-page .ramm-earn__tab.active {
  position: relative;
  color: #009e82;
}

body.ramm .ramm-page .ramm-earn__tab.active::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: #009e82;
}

body.ramm .ramm-page .ramm-earn__content {
  display: none;
}

body.ramm .ramm-page .ramm-earn__content-desc {
  margin-top: 50px;
}

body.ramm .ramm-page .ramm-earn__content.active {
  display: block;
}

body.ramm .ramm-page .ramm-earn__text {
  margin-bottom: 20px;
  font-family: PFDinTextMed, "Helvetica Neue", "Arial";
  font-size: 1em;
  padding-right: 58px;
}

body.ramm .ramm-page .ramm-earn__text_invest-summ {
  position: relative;
}

body.ramm .ramm-page .ramm-earn__text_invest-summ::before {
  line-height: 1.66667em;
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  background-size: 100%;
  width: 2.5em;
  height: 1.66667em;
  right: 0;
  top: -5px;
  background-image: url(../img/promo/ramm/50.png);
}

body.ramm .ramm-page .ramm-earn__text_invest-rating {
  position: relative;
  line-height: 1.77778em;
}

body.ramm .ramm-page .ramm-earn__text_invest-rating::before {
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  background-size: 100%;
  line-height: 1.77778em;
  width: 1.77778em;
  height: 1.77778em;
  right: 0;
  background-image: url(../img/promo/ramm/icon-rating.png);
}

body.ramm .ramm-page .ramm-earn__text_trader-summ {
  position: relative;
  line-height: 1.66667em;
}

body.ramm .ramm-page .ramm-earn__text_trader-summ::before {
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  background-size: 100%;
  width: 2.5em;
  height: 1.66667em;
  right: 0;
  background-image: url(../img/promo/ramm/50.png);
}

body.ramm .ramm-page .ramm-earn__text_trader-condition {
  position: relative;
  line-height: 1.88889em;
}

body.ramm .ramm-page .ramm-earn__text_trader-condition::before {
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  background-size: 100%;
  width: 1.72222em;
  height: 1.88889em;
  right: 0;
  background-image: url(../img/promo/ramm/icon-tr-condition.png);
}

body.ramm .ramm-page .ramm-earn__btn {
  display: none;
  margin-top: 15px;
}

body.ramm .ramm-page .ramm-earn__btn > span {
  margin-left: 15px;
}

body.ramm .ramm-page .ramm-earn__btn .ramm-okey-icon {
  position: relative;
  display: inline-block;
  height: 0.44444em;
  width: 0.44444em;
  top: -0.11111em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}

body.ramm .ramm-page .ramm-earn__btn.active {
  display: block;
}

body.ramm .ramm-page .ramm-earn__paragraphs {
  font-size: 1em;
  display: none;
  list-style: none;
  margin-right: 0;
  padding-top: 20px;
  max-width: 32.22222em;
}

body.ramm .ramm-page .ramm-earn__paragraphs.active {
  display: block;
}

body.ramm .ramm-page .ramm-earn__paragraph-elem {
  padding-right: 34px;
  position: relative;
  margin-bottom: 15px;
}

body.ramm .ramm-page .ramm-earn__paragraph-elem::before {
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  background-size: 100%;
  width: 1.11111em;
  height: 0.83333em;
  right: 0;
  background-image: url(../img/promo/ramm/check-marker.svg);
  top: 4px;
  right: 0;
}

@media (max-width: 425px) {
  body.ramm .ramm-page .ramm-open__title {
    max-width: 220px;
  }
}

body.ramm .ramm-page .ramm-open__box {
  display: flex;
  flex-wrap: nowrap;
  counter-reset: num;
  list-style: none;
  justify-content: space-between;
  margin-right: 0;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-open__box {
    flex-direction: column;
  }
}

body.ramm .ramm-page .ramm-open__elem {
  font-size: 1em;
  position: relative;
  padding-right: 30px;
  position: relative;
  margin-bottom: 25px;
}

body.ramm .ramm-page .ramm-open__elem > div {
  width: 230px;
}

body.ramm .ramm-page .ramm-open__elem a {
  text-decoration: underline;
}

body.ramm .ramm-page .ramm-open__elem a:hover {
  text-decoration: none;
}

body.ramm .ramm-page .ramm-open__elem_arrow {
  position: relative;
}

@media (max-width: 768px) {
  body.ramm .ramm-page .ramm-open__elem_arrow {
    display: none;
  }
}

body.ramm .ramm-page .ramm-open__elem::before {
  position: absolute;
  content: counter(num);
  counter-increment: num;
  top: -8px;
  right: 0;
  font-family: pfDinTextLight, "Helvetica Neue", "Arial";
  font-size: 2.22222em;
  color: #009e82;
}

/* *** */
.gc-ramm-header {
  padding: 70px 0 122px 0 !important;
}

.gc-ramm-header__wrap {
  padding: 0 10px 0 10px;
}

@media all and (max-width: 1024px) {
  .gc-ramm-header__wrap {
    padding: 0 17px 0 17px;
  }
}

.gc-ramm-header__list {
  margin: 0 0 34px 0;
}

.gc-ramm-header__button {
  font-weight: bold;
  background: #009E82 !important;
  transition: background 0.3s ease !important;
}

.gc-ramm-header__button:hover {
  background: #006b58 !important;
}

.gc-ramm-rating {
  padding: 70px 0 75px 0 !important;
}

.gc-ramm-fullrating .gc-ramm-rating {
  padding: 0 0 75px 0 !important;
  margin: 0 0 -60px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating {
    padding: 60px 0 60px 0 !important;
  }
}

.gc-ramm-rating__wrap {
  padding: 0 20px 0 20px !important;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__wrap {
    padding: 0 17px 0 17px !important;
  }
}

.gc-ramm-rating__title-search-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 50px 0;
  line-height: 0;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__title-search-wrap {
    flex-direction: column;
    align-items: center;
    margin: 0 0 30px 0;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__title-search-wrap {
    margin: 0 0 22px 0;
  }
}

.gc-ramm-rating__title {
  font-size: 36px !important;
  margin: 0 !important;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__title {
    margin: 0 0 20px 0 !important;
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__title {
    font-size: 30px !important;
    line-height: 36px;
  }
}

.gc-ramm-fullrating .gc-ramm-rating__title {
  font-size: 48px !important;
  line-height: 58px;
  color: #000;
  margin: 0 0 25px 0 !important;
}

@media all and (max-width: 1024px) {
  .gc-ramm-fullrating .gc-ramm-rating__title {
    margin: 0 0 20px 0 !important;
    text-align: right;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-fullrating .gc-ramm-rating__title {
    font-size: 30px !important;
    line-height: 36px;
    text-align: center;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-fullrating .gc-ramm-rating__search-wrap-wrap {
    display: flex;
    justify-content: center;
  }
}

.gc-ramm-rating__search-wrap {
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__search-wrap {
    width: 100%;
  }
}

.gc-ramm-fullrating .gc-ramm-rating__search-wrap {
  display: inline-block;
  margin: 0 0 44px 0;
}

@media all and (max-width: 1024px) {
  .gc-ramm-fullrating .gc-ramm-rating__search-wrap {
    width: auto;
    margin: 0 0 30px 0;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-fullrating .gc-ramm-rating__search-wrap {
    width: 100%;
    margin: 0 0 22px 0;
  }
}

.gc-ramm-rating__search-wrap input {
  border: 1px solid #C9C9C9 !important;
  border-radius: 3px;
  outline: none;
  height: 49px;
  font-size: 16px;
  color: #848484;
  background: transparent !important;
  padding: 0 15px 0 15px;
  width: 423px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__search-wrap input {
    width: 100%;
  }
}

.gc-ramm-fullrating .gc-ramm-rating__search-wrap input {
  width: 529px;
}

@media all and (max-width: 1024px) {
  .gc-ramm-fullrating .gc-ramm-rating__search-wrap input {
    width: 529px;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-fullrating .gc-ramm-rating__search-wrap input {
    width: 100%;
  }
}

.gc-ramm-rating__search-wrap input::placeholder {
  color: #848484;
}

.gc-ramm-rating__search-button {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 14px 0 14px;
}

.gc-ramm-rating__search-button:hover svg path {
  fill: #006b58;
}

.gc-ramm-rating__search-button svg path {
  transition: fill 0.3s ease;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table-topwrap {
    margin: 0 -17px 0 -17px;
    width: calc(100% + 34px) !important;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table-topwrap .gc-ramm-fullrating {
    overflow: visible;
  }
}

.gc-ramm-rating__table-wrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.gc-ramm-rating__table {
  background: #fff !important;
  width: 100% !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table {
    display: none;
  }
}

.gc-ramm-rating__table thead {
  border: none !important;
}

.gc-ramm-rating__table thead tr {
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
}

.gc-ramm-rating__table thead tr td {
  padding: 16px 0 16px 0 !important;
  font-size: 16px;
}

.gc-ramm-rating__table thead tr td:nth-of-type(1) {
  padding: 12px 16px 12px 0 !important;
  width: 135px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table thead tr td:nth-of-type(1) {
    width: auto;
  }
}

.gc-ramm-rating__table thead tr td:nth-of-type(2) {
  width: 200px;
}

.gc-ramm-rating__table thead tr td:nth-of-type(3) {
  width: 168px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table thead tr td:nth-of-type(3) {
    display: none;
  }
}

.gc-ramm-rating__table thead tr td:nth-of-type(4) {
  width: 180px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table thead tr td:nth-of-type(4) {
    display: block !important;
    width: auto;
  }
}

.gc-ramm-rating__table thead tr td:nth-of-type(5) {
  width: 185px;
}

.gc-ramm-rating__table thead tr td:nth-of-type(6) {
  width: 148px;
}

.gc-ramm-rating__table thead tr td:nth-of-type(7) {
  text-align: left;
  padding: 0 0 0 14px !important;
  width: 165px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table thead tr td:nth-of-type(7) {
    display: none;
  }
}

.gc-ramm-rating__table thead tr td[data-ramm-monthly-yield] {
  cursor: pointer;
}

.gc-ramm-rating__table thead tr td[data-ramm-monthly-yield] span {
  position: relative;
}

.gc-ramm-rating__table thead tr td[data-ramm-monthly-yield] span:before {
  content: '';
  position: absolute;
  right: calc(100% + 9px);
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 17px;
  background: url("../img/promo/ramm/gc_ramm_rating_arrows.svg") no-repeat center center;
}

.gc-ramm-rating__table thead tr td[data-ramm-monthly-yield="true"] span:before {
  background: url("../img/promo/ramm/gc_ramm_rating_arrow_bottom.svg") no-repeat center center;
}

.gc-ramm-rating__table thead tr td[data-ramm-yield] {
  cursor: pointer;
}

.gc-ramm-rating__table thead tr td[data-ramm-yield] span {
  position: relative;
}

.gc-ramm-rating__table thead tr td[data-ramm-yield] span:before {
  content: '';
  position: absolute;
  right: calc(100% + 9px);
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 17px;
  background: url("../img/promo/ramm/gc_ramm_rating_arrows.svg") no-repeat center center;
}

.gc-ramm-rating__table thead tr td[data-ramm-yield="true"] span:before {
  background: url("../img/promo/ramm/gc_ramm_rating_arrow_bottom.svg") no-repeat center center;
}

.gc-ramm-rating__table tbody tr td {
  padding: 30px 0 10px 0 !important;
}

.gc-ramm-rating__table tbody tr td:nth-of-type(1) {
  padding: 20px 16px 10px 0 !important;
}

.gc-ramm-rating__table tbody tr td:nth-of-type(1) a {
  line-height: 24px;
  color: #009E82 !important;
  border-bottom: 1px solid #009E82 !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table tbody tr td:nth-of-type(1) a:last-child {
    margin: 12px 0 0 0;
    font-size: 16px !important;
    display: inline-block !important;
    border: 1px solid rgba(0, 158, 130, 0.5) !important;
    border-radius: 3px !important;
    background: transparent !important;
    font-weight: bold !important;
    color: #009E82;
  }
}

.gc-ramm-rating__table tbody tr td:nth-of-type(1) span {
  margin: 7px 0 0 0 !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table tbody tr td:nth-of-type(1) span {
    margin: 2px 0 0 0 !important;
  }
}

.gc-ramm-rating__table tbody tr td:nth-of-type(3) {
  color: #138b6a;
  font-size: 26px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table tbody tr td:nth-of-type(3) {
    display: none;
  }
}

.gc-ramm-rating__table tbody tr td:nth-of-type(4) {
  padding: 30px 20px 10px 10px !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table tbody tr td:nth-of-type(4) {
    display: block !important;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table tbody tr td:nth-of-type(4) {
    padding: 20px 20px 20px 20px !important;
  }
}

.gc-ramm-rating__table tbody tr td:nth-of-type(7) {
  text-align: left;
  padding: 0 0 0 14px !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table tbody tr td:nth-of-type(7) {
    display: none;
  }
}

.gc-ramm-rating__table tbody tr td:nth-of-type(7) a {
  margin: 12px 0 0 0;
  font-size: 16px !important;
  border: 1px solid rgba(0, 158, 130, 0.5) !important;
  border-radius: 3px !important;
  background: transparent !important;
  font-weight: bold !important;
  color: #009E82 !important;
}

.gc-ramm-rating__buttons-m-wrap {
  display: none;
  padding: 0 12px 0 12px;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__buttons-m-wrap {
    display: flex;
  }
}

.gc-ramm-rating__button-m-monthly-yield {
  position: relative;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  font-size: 14px;
  color: #423D33;
  margin: 0 5px 0 5px;
  width: calc(50% - 10px);
  padding: 15px 13px 15px 30px;
  cursor: pointer;
}

.gc-ramm-rating__button-m-monthly-yield:before {
  content: '';
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 17px;
  background: url("../img/promo/ramm/gc_ramm_rating_arrows.svg") no-repeat center center;
}

.gc-ramm-rating__button-m-monthly-yield[data-ramm-m-monthly-yield="true"]:before {
  background: url("../img/promo/ramm/gc_ramm_rating_arrow_bottom.svg") no-repeat center center;
}

.gc-ramm-rating__button-m-yield {
  position: relative;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  font-size: 14px;
  color: #423D33;
  margin: 0 5px 0 5px;
  width: calc(50% - 10px);
  padding: 15px 13px 15px 30px;
  cursor: pointer;
}

.gc-ramm-rating__button-m-yield:before {
  content: '';
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 17px;
  background: url("../img/promo/ramm/gc_ramm_rating_arrows.svg") no-repeat center center;
}

.gc-ramm-rating__button-m-yield[data-ramm-m-yield="true"]:before {
  background: url("../img/promo/ramm/gc_ramm_rating_arrow_bottom.svg") no-repeat center center;
}

.gc-ramm-rating__table-m {
  color: #000;
  margin: 22px 0 0 0;
  display: none;
}

@media all and (max-width: 768px) {
  .gc-ramm-rating__table-m {
    display: block;
  }
}

.gc-ramm-rating__table-m-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 17px 17px 16px 10px;
}

.gc-ramm-rating__table-m-head-left {
  width: 70%;
  font-size: 16px;
  font-weight: bold;
}

.gc-ramm-rating__table-m-head-right {
  width: 30%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  min-width: 127px;
}

.gc-ramm-rating__table-m-list {
  background: #FBFBFB;
}

.gc-ramm-rating__table-m-item {
  padding: 24px 17px 25px 10px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  flex-direction: column;
}

.gc-ramm-rating__table-m-item:last-child {
  border-bottom: none;
}

.gc-ramm-rating__table-m-line-1 {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
}

.gc-ramm-rating__table-m-line-1-left {
  width: 70%;
}

.gc-ramm-rating__table-m-line-1-left a {
  position: relative;
  font-size: 18px;
  display: inline;
  color: #009E82;
  border-bottom: 1px solid #009E82;
  line-height: 1.05;
}

.gc-ramm-rating__table-m-line-1-left span {
  display: block;
  font-size: 16px;
  color: #848484;
}

.gc-ramm-rating__table-m-line-1-right {
  width: 30%;
  font-size: 16px;
  color: #848484;
  min-width: 127px;
}

.gc-ramm-rating__table-m-line-2, .gc-ramm-rating__table-m-line-3, .gc-ramm-rating__table-m-line-4, .gc-ramm-rating__table-m-line-5 {
  display: flex;
  align-items: center;
  margin: 0 0 5px 0;
}

.gc-ramm-rating__table-m-line-5 {
  margin: 0 0 -5px 0;
}

.gc-ramm-rating__table-m-line-6 {
  margin: 23px 0 0 0;
  order: 6;
  display: flex;
}

.gc-ramm-rating__table-m-line-2-left, .gc-ramm-rating__table-m-line-3-left, .gc-ramm-rating__table-m-line-4-left, .gc-ramm-rating__table-m-line-5-left {
  font-size: 16px;
  line-height: 19px;
  color: #828282;
  width: 70%;
}

.gc-ramm-rating__table-m-line-6-left {
  width: 70%;
}

.gc-ramm-rating__table-m-line-6-left a {
  font-size: 16px !important;
  color: #009E82 !important;
  background: transparent !important;
  font-weight: bold !important;
  padding: 10px 17px 10px 17px !important;
}

.gc-ramm-rating__table-m-line-2-right, .gc-ramm-rating__table-m-line-3-right, .gc-ramm-rating__table-m-line-4-right, .gc-ramm-rating__table-m-line-5-right {
  width: 30%;
  font-size: 16px;
  color: #4F4F4F;
  min-width: 127px;
}

.gc-ramm-rating__table-m-line-6-right {
  width: 30%;
  min-width: 127px;
}

.gc-ramm-rating__table-bottom {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 -20px 0 !important;
  padding: 0 0 10px 0 !important;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-bottom {
    flex-direction: column;
    align-items: center;
    margin: 32px 0 -22px 0 !important;
    padding: 0 17px 0 17px !important;
  }
}

.gc-ramm-rating__table-bottom > * {
  margin: 0 0 20px 0;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-bottom > * {
    margin: 0 0 22px 0;
  }
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-bottom > *:nth-of-type(1) {
    order: 3;
  }
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-bottom > *:nth-of-type(2) {
    order: 1;
  }
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-bottom > *:nth-of-type(3) {
    order: 2;
  }
}

.gc-ramm-rating__table-bottom-text {
  font-size: 14px;
  font-weight: normal !important;
  max-width: none !important;
  width: 70%;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-bottom-text {
    text-align: center;
    width: 100%;
  }
}

.gc-ramm-rating__table-pagination {
  transform: translateY(-5px);
  display: flex;
  justify-content: flex-end;
  width: 30%;
  min-width: 260px;
}

@media all and (max-width: 1024px) {
  .gc-ramm-rating__table-pagination {
    width: 100%;
    justify-content: center;
  }
}

.gc-ramm-rating__table-pagination-prev {
  margin: 0 0 0 10px !important;
}

.gc-ramm-rating__table-pagination-prev svg {
  transform: rotate(-180deg);
}

.gc-ramm-rating__table-pagination-list span {
  font-size: 18px;
  padding: 6px 11px 6px 11px !important;
  border-radius: 3px;
  color: #009E82 !important;
}

.gc-ramm-rating__table-pagination-list span.active {
  color: #000 !important;
  border: 1px solid #009E82;
  box-sizing: border-box;
  background: transparent !important;
}

.gc-ramm-rating__table-pagination-next {
  margin: 0 10px 0 0 !important;
}

.gc-ramm-rating__table-all-ramm {
  display: flex;
}

.gc-ramm-rating__table-all-ramm a {
  font-weight: bold;
  width: 100%;
  background: #009E82;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  padding: 15px 38px 13px 38px;
  transition: background 0.3s ease;
}

.gc-ramm-rating__table-all-ramm a:hover {
  background: #006b58;
}

.gc-ramm-earn {
  padding: 0 !important;
  background: url("../img/promo/ramm/gc_ramm_earn_bg.png") center center no-repeat;
  background-size: cover;
  overflow: hidden;
}

@media all and (max-width: 1024px) {
  .gc-ramm-earn {
    background: transparent;
  }
}

.gc-ramm-earn__wrap {
  max-width: 76.4rem;
  padding: 118px 20px 75px 20px;
  margin: 0 auto 0 auto;
}

@media all and (max-width: 1024px) {
  .gc-ramm-earn__wrap {
    padding: 0 17px 50px 17px;
  }
}

.gc-ramm-earn__title {
  font-size: 36px !important;
  line-height: 43px;
  text-align: center;
  margin: 0 0 31px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__title {
    font-size: 30px !important;
    line-height: 36px;
    text-align: right;
    margin: 0 0 18px 0;
  }
}

.gc-ramm-earn__tabs {
  display: flex;
  margin: 0 0 39px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__tabs {
    margin: 0 0 16px 0;
  }
}

.gc-ramm-earn__tab {
  width: 50%;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  color: #423D33;
  transition: border 0.3s ease, color 0.3s ease;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__tab {
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    border-bottom: 1px solid rgba(66, 61, 51, 0.2);
    padding: 0 0 18px 0;
    cursor: pointer;
  }
}

.gc-ramm-earn__tab:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  background: transparent;
  right: 0;
  bottom: -1px;
  transition: background 0.3s ease;
}

.gc-ramm-earn__tab:nth-of-type(1) {
  margin: 0 0 0 100px;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__tab:nth-of-type(1) {
    margin: 0 0 0 0;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__tab[data-ramm-investor-tab="active"], .gc-ramm-earn__tab[data-ramm-trader-tab="active"] {
    color: #377F6B;
  }
}

.gc-ramm-earn__tab[data-ramm-investor-tab="active"]:before, .gc-ramm-earn__tab[data-ramm-trader-tab="active"]:before {
  background: #009E82;
}

.gc-ramm-earn__list {
  display: flex;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__list {
    flex-direction: column;
  }
}

.gc-ramm-earn__item:nth-of-type(1) {
  margin: 0 0 0 100px;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__item:nth-of-type(1) {
    margin: 0 0 0 0;
  }
}

.gc-ramm-earn__item[data-ramm-investor-content="hide"], .gc-ramm-earn__item[data-ramm-trader-content="hide"] {
  display: none;
}

.gc-ramm-earn__item-title {
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  color: #423D33;
  margin: 0 0 39px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__item-title {
    font-size: 24px;
    line-height: 29px;
    margin: 0 0 32px 0;
  }
}

.gc-ramm-earn__item-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 33px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__item-text {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 12px 0;
  }
}

.gc-ramm-earn__item-summ-invest {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__item-summ-invest {
    margin: 0 0 7px 0;
  }
}

.gc-ramm-earn__item-summ-invest span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 32px;
  margin: 0 0 0 13px;
}

.gc-ramm-earn__item-ramm-account {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  margin: 0 0 30px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__item-ramm-account {
    margin: 0 0 20px 0;
  }
}

.gc-ramm-earn__item-ramm-account span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  min-width: 45px;
  height: 32px;
  margin: 0 0 0 13px;
}

.gc-ramm-earn__item-button-list {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #009E82;
  border-bottom: 1px solid #009E82;
  display: inline-block;
  cursor: pointer;
  transition: color 0.3s ease, border 0.3s ease;
}

.gc-ramm-earn__item-button-list:hover {
  color: #006b58;
  border-bottom: 1px solid #006b58;
}

[data-gc-ramm-earn-investor="hide"] + .gc-ramm-earn__item-button-list,
[data-gc-ramm-earn-trader="hide"] + .gc-ramm-earn__item-button-list {
  transition: margin 0.3s ease;
  margin: 0 0 53px 0 !important;
}

@media all and (max-width: 1024px) {
  [data-gc-ramm-earn-investor="hide"] + .gc-ramm-earn__item-button-list,
  [data-gc-ramm-earn-trader="hide"] + .gc-ramm-earn__item-button-list {
    margin: 0 0 77px 0 !important;
  }
}

[data-gc-ramm-earn-investor="show"] + .gc-ramm-earn__item-button-list,
[data-gc-ramm-earn-trader="show"] + .gc-ramm-earn__item-button-list {
  transition: margin 0.3s ease;
  margin: 0 !important;
}

@media all and (max-width: 1024px) {
  [data-gc-ramm-earn-investor="show"] + .gc-ramm-earn__item-button-list,
  [data-gc-ramm-earn-trader="show"] + .gc-ramm-earn__item-button-list {
    margin: 0 0 77px 0 !important;
  }
}

.gc-ramm-earn__item-sublist {
  display: block;
}

.gc-ramm-earn__item-subitem {
  position: relative;
  padding: 0 58px 0 0;
  margin: 0 0 11px 0;
  font-size: 18px;
  line-height: 22px;
}

@media all and (max-width: 768px) {
  .gc-ramm-earn__item-subitem {
    font-size: 16px;
    line-height: 21px;
  }
}

.gc-ramm-earn__item-subitem:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 16px;
  background: url("../img/promo/ramm/gc_ramm_earn_arrow_right.svg") no-repeat center center;
}

.gc-ramm-earn__item-subitem:last-child {
  margin: 0;
}

.gc-ramm-work {
  padding: 100px 0 0 0 !important;
}

@media all and (max-width: 1024px) {
  .gc-ramm-work {
    padding: 0 !important;
  }
}

.gc-ramm-work:before {
  display: none;
}

.gc-ramm-work__wrap {
  padding: 0 10px 0 10px;
}

@media all and (max-width: 1024px) {
  .gc-ramm-work__wrap {
    padding: 0 17px 0 17px;
  }
}

.gc-ramm-work__title {
  font-size: 36px;
  line-height: 43px;
  margin: 0 0 32px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__title {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 20px 0 !important;
  }
}

.gc-ramm-work__desc {
  max-width: none;
  font-size: 16px;
  margin: 0 0 30px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__desc {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 16px 0 !important;
  }
}

.gc-ramm-work__wrap-video-read {
  margin: 0 0 50px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__wrap-video-read {
    margin: 0 0 20px 0;
  }
}

.gc-ramm-work__read-manual {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
  display: inline-block;
}

.gc-ramm-work__read-manual:hover, .gc-ramm-work__read-manual:active, .gc-ramm-work__read-manual:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

.gc-ramm-work__video-list {
  display: flex;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__video-list {
    display: block;
  }
}

.gc-ramm-work__video-item {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 108px 20px 62px 20px;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__video-item {
    width: 100%;
    padding: 68px 20px 28px 20px;
  }
}

.gc-ramm-work__video-item--left {
  margin: 0 0 0 26px;
  background: url("../img/promo/ramm/gc-ramm-video-left.jpg") no-repeat center center;
  background-size: cover;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__video-item--left {
    margin: 0 0 20px 0;
  }
}

.gc-ramm-work__video-item--right {
  background: url("../img/promo/ramm/gc-ramm-video-right.jpg") no-repeat center center;
  background-size: cover;
}

.gc-ramm-work__video-item-icon {
  width: 75px;
  height: 75px;
  background: url("../img/promo/ramm/gc-ramm-video-icon.png") no-repeat center center;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__video-item-icon {
    width: 60px;
    height: 60px;
    background: url("../img/promo/ramm/gc-ramm-video-icon-mobile.png") no-repeat center center;
  }
}

.gc-ramm-work__video-item-title {
  margin: 42px 0 0 0;
  font-weight: 300;
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
  max-width: 300px;
  text-align: center;
}

@media all and (max-width: 768px) {
  .gc-ramm-work__video-item-title {
    margin: 21px 0 0 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
  }
}

.gc-ramm-open {
  padding: 96px 0 74px 0 !important;
  margin: 0 0 -60px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-open {
    padding: 52px 0 60px 0 !important;
  }
}

.gc-ramm-open__wrap {
  max-width: 76.4rem;
  padding: 0 10px 0 10px;
  margin: 0 auto 0 auto;
}

@media all and (max-width: 1024px) {
  .gc-ramm-open__wrap {
    padding: 0 17px 0 17px;
  }
}

.gc-ramm-open__title {
  text-align: center;
  font-size: 36px;
  line-height: 43px;
  margin: 0 0 66px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-ramm-open__title {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 23px 0 !important;
  }
}

.gc-ramm-open__list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 70px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-open__list {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 23px 0;
  }
}

.gc-ramm-open__border {
  z-index: -1;
  width: 100%;
  position: absolute;
  top: 77px;
  right: 0;
}

@media all and (max-width: 1280px) {
  .gc-ramm-open__border {
    display: none;
  }
}

.gc-ramm-open__border svg {
  width: 100%;
}

.gc-ramm-open__item {
  max-width: 280px;
  padding: 0 15px 0 15px;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-ramm-open__item {
    margin: 0 0 35px 0;
  }
}

@media all and (max-width: 640px) {
  .gc-ramm-open__item {
    min-width: 320px;
  }
}

@media all and (max-width: 768px) {
  .gc-ramm-open__item:nth-last-of-type(2) {
    margin: 0;
  }
}

.gc-ramm-open__item--arrow {
  padding: 0;
}

@media all and (max-width: 1024px) {
  .gc-ramm-open__item--arrow {
    display: none;
  }
}

.gc-ramm-open__item-img {
  line-height: 0;
  margin: 0 0 25px 0;
}

@media all and (max-width: 768px) {
  .gc-ramm-open__item-img {
    margin: 0 0 22px 0;
  }
}

.gc-ramm-open__item-img svg {
  display: block;
  margin: 0 auto 0 auto;
}

.gc-ramm-open__item-title {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.gc-ramm-open__item-title a {
  color: #000;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.gc-ramm-open__item-title a:hover {
  color: #009e82;
}

.gc-ramm-open__button-wrap {
  display: flex;
  justify-content: center;
}

.gc-ramm-open__button {
  background: #009e82;
  font-weight: bold;
  color: #fff !important;
  padding: 14px 25px 14px 25px;
  outline: none;
  border-radius: 3px;
  transition: background 0.3s ease;
  display: block;
  margin: 0 auto 0 auto;
}

.gc-ramm-open__button:hover {
  background: #006b58;
}

/* ramm-detail */
.gc-rsd {
  font-family: 'New_PFDinTextPro', sans-serif;
  margin: 0 0 -60px 0;
  padding: 0 0 75px 0;
}

.gc-rsd-title {
  font-family: 'New_PFDinTextPro', sans-serif;
  font-weight: 300;
  font-size: 48px;
  line-height: 58px;
  color: #000000;
  margin: 0 auto 32px auto;
  padding: 0 20px 0 20px;
  max-width: 76.4rem;
}

@media all and (max-width: 768px) {
  .gc-rsd-title {
    font-size: 30px;
    line-height: 36px;
    margin: 0 auto 25px auto;
    font-weight: normal;
  }
}

.gc-rsd-profit {
  max-width: 76.4rem;
  margin: 0 auto 58px auto;
  padding: 0 20px 0 20px;
}

@media all and (max-width: 768px) {
  .gc-rsd-profit {
    margin: 0 auto 48px auto;
  }
}

.gc-rsd-profit__title {
  font-family: 'New_PFDinTextPro', sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  color: #000;
  margin: 0 0 40px 0;
}

@media all and (max-width: 768px) {
  .gc-rsd-profit__title {
    font-size: 24px;
    line-height: 29px;
    margin: 0 0 30px 0;
  }
}

.gc-rsd-profit__subwrap {
  display: flex;
  margin: 0 0 50px 0;
}

@media all and (max-width: 768px) {
  .gc-rsd-profit__subwrap {
    display: block;
    margin: 0 0 35px 0;
  }
}

.gc-rsd-profit__left-list {
  margin: 0 0 0 75px;
  width: 70%;
  max-width: 408px;
  min-width: 320px;
}

@media all and (max-width: 1220px) {
  .gc-rsd-profit__left-list {
    margin: 0 0 0 20px;
  }
}

@media all and (max-width: 768px) {
  .gc-rsd-profit__left-list {
    margin: 0 0 35px 0;
    max-width: none;
    min-width: 0;
    width: auto;
  }
}

.gc-rsd-profit__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C9C9C9;
  padding: 21px 0 17px 15px;
  min-height: 69px;
}

@media all and (max-width: 768px) {
  .gc-rsd-profit__item {
    padding: 17px 0 13px 0;
    min-height: 62px;
  }
}

.gc-rsd-profit__item:nth-of-type(1) {
  border-top: 1px solid #C9C9C9;
}

.gc-rsd-profit__item-title {
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
}

.gc-rsd-profit__item-inf {
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
  min-width: 110px;
}

.gc-rsd-profit__item--monthly-profit .gc-rsd-profit__item-inf,
.gc-rsd-profit__item--profit .gc-rsd-profit__item-inf {
  font-size: 24px;
  line-height: 29px;
  color: #009E82;
}

.gc-rsd-profit__right-chart {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.gc-rsd-profit__right-chart-canvas-wrap {
  width: 100%;
}

.gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 {
  transform: translateY(-29px);
  margin: 0 -20px 0 -20px;
  width: calc(100% + 40px);
}

@media all and (max-width: 768px) {
  .gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 {
    transform: none;
    margin: -25px -20px -45px -20px;
  }
}

.gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 .x.axis g text {
  display: none !important;
}

.gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 .graph-svg-tip {
  padding: 5px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(66, 61, 51, 0.15);
}

.gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 .graph-svg-tip span.title {
  font-size: 24px !important;
  color: #4ac0c0 !important;
  font-weight: normal !important;
}

.gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 .graph-svg-tip ul.data-point-list {
  display: none !important;
}

.gc-rsd-profit__right-chart-canvas-wrap .f-chart-1 .graph-svg-tip .svg-pointer {
  transform: translateY(5px);
  border-top-color: #fff !important;
}

.gc-rsd-profit__info-chart {
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
}

.gc-rsd-profit__button-wrap {
  display: flex;
}

.gc-rsd-profit__button {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
  margin: 30px 0 0 0;
}

.gc-rsd-profit__button:hover, .gc-rsd-profit__button:active, .gc-rsd-profit__button:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

@media all and (max-width: 768px) {
  .gc-rsd-profit__button {
    margin: 20px 0 0 0;
  }
}

.gc-rsd-instruments {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}

.gc-rsd-instruments__title {
  font-family: 'New_PFDinTextPro', sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  color: #000;
  margin: 0 0 40px 0;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__title {
    font-size: 24px;
    line-height: 29px;
    margin: 0 0 30px 0;
  }
}

.gc-rsd-instruments__subwrap {
  display: flex;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__subwrap {
    display: block;
    margin: 0 0 35px 0;
  }
}

.gc-rsd-instruments__left-list {
  margin: 0 0 0 75px;
  width: 70%;
  max-width: 408px;
  min-width: 320px;
}

@media all and (max-width: 1220px) {
  .gc-rsd-instruments__left-list {
    margin: 0 0 0 20px;
  }
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__left-list {
    margin: 0 0 35px 0;
    max-width: none;
    min-width: 0;
    width: auto;
  }
}

.gc-rsd-instruments__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #C9C9C9;
  padding: 21px 0 17px 15px;
  min-height: 69px;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__item {
    padding: 17px 0 13px 0;
    min-height: 62px;
  }
}

.gc-rsd-instruments__item:nth-of-type(1) {
  border-top: 1px solid #C9C9C9;
}

.gc-rsd-instruments__item-title {
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
}

.gc-rsd-instruments__item-inf {
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
  min-width: 110px;
}

.gc-rsd-instruments__item--monthly-profit .gc-rsd-instruments__item-inf,
.gc-rsd-instruments__item--profit .gc-rsd-instruments__item-inf {
  font-size: 24px;
  line-height: 29px;
  color: #009E82;
}

.gc-rsd-instruments__risk {
  margin: 70px 0 0 0;
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__risk {
    display: none;
  }
}

.gc-rsd-instruments__risk-outer {
  display: none;
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__risk-outer {
    display: block;
  }
}

.gc-rsd-instruments__button-wrap {
  display: flex;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__button-wrap {
    display: none;
  }
}

.gc-rsd-instruments__button {
  margin: 30px 0 0 0;
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
}

.gc-rsd-instruments__button:hover, .gc-rsd-instruments__button:active, .gc-rsd-instruments__button:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

.gc-rsd-instruments__button-outer-wrap {
  display: none;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__button-outer-wrap {
    display: flex;
  }
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__button-outer {
    margin: 20px 0 0 0;
    font-family: 'New_PFDinTextPro', sans-serif;
    border-radius: 3px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 13px 22px 13px 22px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: 1px solid #009E82;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 22px 13px 22px;
    background: #009E82;
    color: #fff;
    transition: border-color 0.3s ease, background 0.3s ease;
  }
  .gc-rsd-instruments__button-outer:hover, .gc-rsd-instruments__button-outer:active, .gc-rsd-instruments__button-outer:focus {
    color: #fff;
    background: #006b58;
    border-color: #006b58;
  }
}

.gc-rsd-instruments__right-chart {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.gc-rsd-instruments__right-chart-canvas-wrap {
  width: 100%;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 {
  max-width: 500px;
  margin: 0 auto 0 auto;
}

@media all and (max-width: 768px) {
  .gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 {
    margin: -25px auto -35px auto;
  }
}

@media all and (max-width: 540px) {
  .gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 .graph-svg-tip {
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(66, 61, 51, 0.15);
  padding: 5px !important;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 .graph-svg-tip span.title {
  font-size: 24px !important;
  color: #4ac0c0 !important;
  font-weight: normal !important;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 .graph-svg-tip span.title strong {
  font-weight: normal !important;
  color: #4ac0c0 !important;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 .graph-svg-tip ul.data-point-list {
  display: none !important;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 .graph-svg-tip .svg-pointer {
  transform: translateY(5px);
  border-top-color: #fff !important;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 svg.frappe-chart {
  overflow: visible;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 svg.frappe-chart .pie-chart .pie-slices path {
  transform: none !important;
  transition: fill 0.3s ease;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 svg.frappe-chart .chart-legend {
  width: 100%;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 svg.frappe-chart .chart-legend g circle {
  r: 7;
  cx: 1;
  cy: -1;
}

.gc-rsd-instruments__right-chart-canvas-wrap .f-chart-2 svg.frappe-chart .chart-legend g text {
  font-weight: normal;
  font-size: 13px;
}

.gc-rsd-form-wrap {
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease, z-index 0s linear 0.3s;
}

.gc-rsd-form-wrap[data-form-visible="true"] {
  z-index: 2020;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.gc-rsd-form-wrap * {
  font-family: 'New_PFDinTextPro', sans-serif !important;
}

.gc-rsd-form {
  border-radius: 5px;
  padding: 45px 25px 55px 25px;
  background: #fff;
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) scale(0.4);
  width: 610px;
  transition: transform 0.2s linear 0.1s;
}

@media all and (max-width: 768px) {
  .gc-rsd-form {
    width: 335px;
  }
}

[data-form-visible="true"] .gc-rsd-form {
  transform: translate(50%, -50%) scale(1);
  transition: transform 0.2s linear;
}

.gc-rsd-form__close {
  position: absolute;
  left: 20px;
  top: 20px;
  cursor: pointer;
}

.gc-rsd-form__close svg {
  width: 14px;
  height: 14px;
}

.gc-rsd-form__title {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  margin: 0 0 28px 0;
}

.gc-rsd-form__control {
  height: 75px;
  transition: height 0.3s ease;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control {
    height: 100px;
  }
}

[data-form-first-start='true'] .gc-rsd-form__control {
  transition: none;
}

.gc-rsd-form__control[data-form-amount-control] {
  height: 90px;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control[data-form-amount-control] {
    height: 115px;
  }
}

.gc-rsd-form__control[data-visible='false'] {
  height: 0;
  overflow: hidden;
}

.gc-rsd-form__control[data-form-submit-control] {
  height: 44px;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control[data-form-submit-control] {
    height: 40px;
  }
}

.gc-rsd-form__control label {
  display: flex;
  margin: 0 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control label {
    flex-direction: column;
  }
}

.gc-rsd-form__control-title {
  font-family: 'New_PFDinTextPro', sans-serif;
  font-size: 14px;
  text-align: left;
  margin: 0 0 0 15px;
  transform: translateY(6px);
  width: 190px;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control-title {
    margin: 0 0 5px 0;
    text-align: right;
    transform: none;
    width: 100%;
  }
}

.gc-rsd-form__control-input {
  position: relative;
}

[data-form-ramm-accounts-control] .gc-rsd-form__control-input:before {
  content: '';
  border-top: 4px solid #484848;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 9px;
  top: 13px;
}

.gc-rsd-form__control-input select {
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #E4E5E6 !important;
  outline: none;
  background: transparent !important;
  width: 278px;
  line-height: initial;
  height: auto;
  padding: 7px 5px 4px 5px;
  transition: border-color 0.3s ease;
}

.gc-rsd-form__control-input input {
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #E4E5E6 !important;
  outline: none;
  background: transparent !important;
  width: 278px;
  line-height: initial;
  height: auto;
  padding: 7px 5px 4px 5px;
  transition: border-color 0.3s ease;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control-input input {
    width: 100%;
  }
}

.gc-rsd-form__control-input input::-webkit-outer-spin-button, .gc-rsd-form__control-input input::-webkit-inner-spin-button {
  -webkit-appearance: textfield;
  transform: translateY(-2px);
}

.gc-rsd-form__control-input[data-form-amount-error="true"] input, .gc-rsd-form__control-input[data-form-multiple-error="true"] input, .gc-rsd-form__control-input[data-form-defence-error="true"] input, .gc-rsd-form__control-input[data-form-purpose-error="true"] input {
  border: 1px solid #ec151d !important;
}

.gc-rsd-form__control-input-error {
  font-size: 12px;
  color: #ec151d;
  margin: 7px 0 0 0;
  position: absolute;
  right: 0;
  top: 29px;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

[data-form-amount-error="true"] .gc-rsd-form__control-input-error,
[data-form-multiple-error="true"] .gc-rsd-form__control-input-error,
[data-form-defence-error="true"] .gc-rsd-form__control-input-error,
[data-form-purpose-error="true"] .gc-rsd-form__control-input-error {
  transition: opacity 0.3s ease;
  opacity: 1;
  z-index: 0;
}

.gc-rsd-form__control-input-error a {
  color: #ec151d;
  font-weight: 500;
  text-decoration: underline;
}

.gc-rsd-form__control-input-available {
  display: flex;
  font-size: 12px;
  margin: 2px 0 0 0;
  position: absolute;
  right: 0;
  top: 33px;
  transition: top 0.3s ease;
}

[data-form-amount-error="true"] .gc-rsd-form__control-input-available,
[data-form-multiple-error="true"] .gc-rsd-form__control-input-available,
[data-form-defence-error="true"] .gc-rsd-form__control-input-available,
[data-form-purpose-error="true"] .gc-rsd-form__control-input-available {
  top: 50px;
}

[data-form-amount-control="error-2lines"] [data-form-amount-error="true"] .gc-rsd-form__control-input-available {
  top: 65px;
}

.gc-rsd-form__control-input-available-title {
  margin: 0 0 0 2px;
}

.gc-rsd-form__control-input-available-data {
  color: #f7a35c;
  text-decoration: underline;
}

.gc-rsd-form__control-submit {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
  margin: 0 205px 0 0;
  font-weight: 300;
  transition: opacity 0.3s ease, background 0.3s ease, margin 0.3s ease !important;
}

.gc-rsd-form__control-submit:hover, .gc-rsd-form__control-submit:active, .gc-rsd-form__control-submit:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control-submit {
    margin: 0 auto 0 auto;
  }
}

.gc-rsd-form__control-submit[data-invested='true'] {
  margin: 15px 205px 0 0;
}

@media all and (max-width: 768px) {
  .gc-rsd-form__control-submit[data-invested='true'] {
    margin: 15px auto 0 auto;
  }
}

.gc-rsd-form__control-submit[disabled] {
  font-family: 'New_PFDinTextPro', sans-serif;
  border-radius: 3px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  display: block;
  padding: 13px 22px 13px 22px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  border: 1px solid #009E82;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 22px 13px 22px;
  background: #009E82;
  color: #fff;
  transition: border-color 0.3s ease, background 0.3s ease;
  font-weight: 300;
  opacity: 0.5;
  cursor: default;
  background: #009E82;
  border: 1px solid #009E82;
}

.gc-rsd-form__control-submit[disabled]:hover, .gc-rsd-form__control-submit[disabled]:active, .gc-rsd-form__control-submit[disabled]:focus {
  color: #fff;
  background: #006b58;
  border-color: #006b58;
}

.gc-rsd-form__control-submit[disabled]:hover {
  background: #009E82;
  border-color: #009E82;
}

/* ramm */
body {
  min-width: 320px !important;
}

.bonus40-body .contain-to-grid {
  background: #333333 !important;
}

.bonus40-body #scroll-to-top-button.visible {
  background-color: #FFFFFF;
  border-radius: 5px;
}

.bonus40-footer {
  background: #000000 !important;
  z-index: 1;
}

.bonus40-footer * {
  color: #FFFFFF !important;
}

/*--- NEW Bonus40 ---*/
.bonus40 * {
  font-family: 'Nunito', sans-serif !important;
}

.bonus40 section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  font-size: inherit;
}

@media all and (max-width: 768px) {
  .bonus40 section {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}

@media all and (max-width: 426px) {
  .bonus40 {
    margin-top: -40px;
  }
}

.bonus40 h2 {
  font-family: inherit;
  font-size: 36px;
  line-height: 49px;
  color: #2F2C2C;
}

.bonus40 .green_link {
  display: block;
  cursor: pointer;
  color: #2ED790;
  text-decoration: underline;
  transition: color .2s ease-in-out;
}

.bonus40 .green_link:hover, .bonus40 .green_link:focus {
  color: #70EDA9;
}

.bonus40 .green_link:active {
  color: #2ED790;
}

@media all and (max-width: 501px) {
  .bonus40 .mobile_hide {
    display: none !important;
  }
}

@media all and (min-width: 501px) {
  .bonus40 .desktop_hide {
    display: none !important;
  }
}

@media all and (max-width: 500px) {
  .bonus40 .desktop_hide {
    display: inline-block;
  }
}

.bonus40 .btn-box {
  text-align: center;
}

.bonus40 .promo_button {
  border: none;
}

.bonus40 .btn,
.bonus40 .promo_button {
  background-color: #2ED790;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: white;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.bonus40 .btn:after,
.bonus40 .promo_button:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.bonus40 .btn:active:after,
.bonus40 .promo_button:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.bonus40 .btn:hover,
.bonus40 .promo_button:hover {
  background-color: #70EDA9;
}

.bonus40__login_text, .bonus40__registration_text {
  font-size: 15px !important;
  line-height: 24px !important;
  text-align: center;
}

.bonus40__login_text:not(.active), .bonus40__registration_text:not(.active) {
  display: none;
}

.bonus40__social_auth {
  margin: 20px 0;
}

.bonus40__social_auth .auth_button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 3px;
  transition: background-color .2s ease-in-out;
}

.bonus40__social_auth .auth_button:first-of-type {
  margin-bottom: 10px;
}

.bonus40__social_auth .auth_button svg {
  flex: 0 1 auto;
  margin-left: 5px;
}

.bonus40__social_auth .auth_button.google {
  background-color: #FF0037;
}

.bonus40__social_auth .auth_button.google:hover, .bonus40__social_auth .auth_button.google:focus {
  background-color: #DC0E3A;
}

.bonus40__social_auth .auth_button.google:active {
  background-color: #FF0037;
}

.bonus40__social_auth .auth_button.facebook {
  background-color: #3A61B2;
}

.bonus40__social_auth .auth_button.facebook:hover, .bonus40__social_auth .auth_button.facebook:focus {
  background-color: #1A459F;
}

.bonus40__social_auth .auth_button.facebook:active {
  background-color: #3A61B2;
}

@media all and (max-width: 900pxpx) {
  .bonus40__social_auth {
    justify-content: center;
  }
}

@media all and (max-width: 500pxpx) {
  .bonus40__social_auth {
    flex-direction: column;
    margin-top: 20px;
  }
  .bonus40__social_auth .auth_button {
    width: 100%;
  }
  .bonus40__social_auth .auth_button:first-of-type {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.bonus40-intro {
  background-image: url("../img/bonus40/intro.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  padding: 20px 0 120px 0 !important;
  overflow: hidden !important;
}

.bonus40-intro:before {
  display: none;
}

.bonus40-intro__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 700px;
}

.bonus40-intro h1 {
  color: white;
}

.bonus40-intro h1 .p1 {
  display: block;
  font-size: 53px;
  line-height: 72px;
  font-weight: bold;
  font-family: inherit !important;
  margin-bottom: -5px;
}

.bonus40-intro h1 .p2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial" !important;
  display: block;
  font-size: 151px;
  line-height: 181px;
  max-height: 163px;
  font-weight: bold;
}

.bonus40-intro h1 .p3 {
  display: block;
  font-size: 35px;
  line-height: 48px;
  font-family: inherit !important;
  font-weight: normal;
}

.bonus40-intro h1 .p3 span {
  color: #2ED790;
}

.bonus40-intro__left p {
  color: white;
  font-size: 24px;
  line-height: 33px;
  padding-right: 25px;
  margin-top: 50px;
  position: relative;
  max-width: 350px;
}

.bonus40-intro__left p::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #2ED790;
  transform: rotate(-45deg);
  right: 0;
  top: 10px;
}

.bonus40-intro__form {
  background: rgba(0, 0, 0, 0.87);
  padding: 50px 40px;
  width: 462px;
}

.bonus40-intro__form > * {
  color: white !important;
  font-family: inherit !important;
}

.bonus40-intro__form h3 {
  font-size: 26px;
}

.bonus40-intro__form .btn-box {
  margin-top: 20px;
}

.bonus40-intro__form_top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 32px;
}

.bonus40-intro__form_bottom {
  margin-top: 20px;
  display: none;
}

@media all and (min-width: 501px) {
  .bonus40-intro__form_bottom {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .bonus40-intro {
    width: 100% !important;
    background-image: url("../img/bonus40/mob_bg.jpg");
    padding-bottom: 50px !important;
  }
  .bonus40-intro:after {
    position: absolute;
    content: '';
    background-image: url("../img/bonus40/intro_ball.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 124px;
    height: 106px;
    top: 112px;
    left: 0;
  }
  .bonus40-intro__logo {
    align-self: flex-start;
  }
  .bonus40-intro h1 .p1 {
    font-size: 26px;
    line-height: 35px;
  }
  .bonus40-intro h1 .p2 {
    font-size: 75px;
    line-height: 90px;
  }
  .bonus40-intro h1 .p3 {
    font-size: 20px;
    line-height: 27px;
  }
  .bonus40-intro__box {
    margin-top: 40px;
    display: block;
    min-height: auto;
  }
  .bonus40-intro__left p {
    font-size: 16px;
    margin-top: 30px;
  }
  .bonus40-intro__form {
    margin-top: 30px;
    width: 100%;
  }
}

@media all and (max-width: 500px) {
  .bonus40-intro__form {
    padding: 30px;
  }
  .bonus40-intro .bonus40-calculator__input-wrap:nth-of-type(3) {
    max-width: 100%;
  }
  .bonus40-intro .bonus40-calculator__result {
    max-width: 100%;
    justify-content: flex-start;
  }
}

@media all and (max-width: 375px) {
  .bonus40-intro__form {
    padding: 15px;
  }
}

.bonus40-form-switcher {
  display: flex;
  margin-bottom: 30px;
}

.bonus40-form-switch {
  font-size: 20px;
  line-height: 25px;
  width: 50%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  padding-bottom: 15px;
  cursor: pointer;
}

.bonus40-form-switch.active {
  color: #0ABB86;
  border-bottom: 2px solid rgba(10, 187, 134, 0.3);
}

.bonus40-form__input-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bonus40-form__input-wrapper {
  position: relative;
  margin-bottom: 12px;
  width: 100%;
}

.bonus40-form__input {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(206, 206, 206, 0.3) !important;
  font-size: 16px !important;
  border-radius: unset !important;
  height: 55px !important;
  padding: 20px 12px 0 !important;
  color: white !important;
}

.bonus40-form__input:focus + .bonus40-form__placeholder,
.bonus40-form__input:valid + .bonus40-form__placeholder {
  bottom: auto;
  top: 2px;
  opacity: 0.4;
  transform: translateY(0);
}

.bonus40-form__placeholder {
  position: absolute;
  top: calc(50% - 2px);
  right: 12px;
  transition: all .2s ease-in-out;
  font-size: 15px;
  pointer-events: none;
}

.bonus40-form__button-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bonus40-form__button-inner_preloader {
  opacity: 0;
  position: absolute;
  top: 31px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  transition: opacity 0.4s linear, z-index 0s linear 0.4s;
  width: 40px;
  height: 40px;
}

.bonus40-form .form-errors {
  margin: 10px 0;
}

.bonus40-form .form-errors a {
  color: #0ABB86 !important;
  border-bottom: none !important;
}

@media all and (max-width: 768px) {
  .bonus40-form__input-wrapper {
    max-width: 100%;
  }
  .bonus40-form__input-wrapper:not(:last-child) {
    margin-bottom: 12px !important;
  }
  .bonus40-form__input-wrapper:nth-child(n+3) {
    margin: unset;
  }
  .bonus40-form__input-box {
    display: block;
  }
}

.bonus40-checkbox-wrapper {
  margin-top: 20px;
  margin-bottom: 30px;
}

.bonus40-checkbox-wrapper label {
  color: white !important;
}

.bonus40-checkbox-wrapper input[type="checkbox"] + label,
.bonus40-checkbox-wrapper input[type="checkbox"]:checked + label {
  background: none !important;
}

.bonus40-checkbox-wrapper input[type="checkbox"]:checked + label,
.bonus40-checkbox-wrapper input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.bonus40-checkbox-wrapper label:nth-child(2) {
  border-radius: 0 !important;
  position: relative;
  opacity: 0.5;
  border: 1px solid #0ABB86;
}

.bonus40-checkbox-wrapper label:nth-child(2):after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: calc(50% - 5px);
  top: calc(50% - 5px);
  background-color: #0ABB86;
  opacity: 0;
}

.enter-bonus40-form:not(.active),
.registration-bonus40-form:not(.active) {
  display: none;
}

.enter-bonus40-form .bonus40-form__input-wrapper {
  max-width: 100%;
}

.bonus40-calculator .deposit-error {
  position: absolute;
  transition: all .2s ease-in-out;
  display: none;
  bottom: -61px;
  right: -225px;
}

.bonus40-calculator .deposit-error__inner {
  position: relative;
  padding: 10px 15px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  z-index: 9;
}

.bonus40-calculator .deposit-error__inner:after {
  position: absolute;
  content: '';
  background: #FFFFFF;
  width: 20px;
  height: 30px;
  transform: rotate(35deg) skew(20deg, 16deg);
  top: -6px;
  left: 10px;
  z-index: -1;
}

.bonus40-calculator .deposit-error .triangle {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  width: 20px;
  height: 30px;
  left: 10px;
  transform: rotate(35deg) skew(20deg, 16deg);
  top: -7px;
  display: block;
  z-index: 8;
  opacity: 1;
  position: absolute;
}

.bonus40-calculator .deposit-error.active {
  display: block;
}

.bonus40-calculator .deposit-error p {
  font-weight: 300;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  color: #2F2C2C;
}

.bonus40-calculator label {
  font-family: inherit;
  font-weight: 300;
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 3px;
  position: absolute;
  right: 10px;
  top: 2px;
  color: rgba(255, 255, 255, 0.4);
}

.bonus40-calculator .special_label {
  position: absolute;
  top: calc(50% - 9px);
  right: 12px;
  transition: all .2s ease-in-out;
  font-size: 15px;
  pointer-events: none;
  color: white;
}

.bonus40-calculator .special_label.active {
  color: rgba(255, 255, 255, 0.4) !important;
  top: 2px !important;
}

.bonus40-calculator__input-wrap {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: calc(50% - 6px);
  width: 100%;
}

.bonus40-calculator__input-wrap:nth-child(-n+2) {
  margin-bottom: 13px;
}

.bonus40-calculator__result {
  max-width: calc(50% - 6px);
  width: 100%;
  height: 55px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}

.bonus40-calculator__result .result_label:not(.active) {
  opacity: 0.4;
}

.bonus40-calculator__result .result {
  position: unset;
  font-size: 20px;
  color: #2ED790;
  margin-right: 10px;
}

.bonus40-calculator__input {
  font-family: inherit;
  font-size: 16px;
  height: 55px;
  border: 1px solid rgba(206, 206, 206, 0.3);
  border-radius: unset;
}

.bonus40-calculator__input.errored:hover, .bonus40-calculator__input.errored:focus, .bonus40-calculator__input.errored:target, .bonus40-calculator__input.errored:active, .bonus40-calculator__input.errored:valid {
  border: 1px solid #F80039 !important;
}

.bonus40-calculator input {
  font-family: 'Nunito', sans-serif !important;
  height: 55px;
  padding: 20px 12px 0;
  background: none;
  border-radius: 0;
  font-size: 15px !important;
  color: white;
  border: 1px solid rgba(206, 206, 206, 0.3);
}

.bonus40-calculator input:hover, .bonus40-calculator input:focus, .bonus40-calculator input:target, .bonus40-calculator input:active {
  border: 1px solid rgba(206, 206, 206, 0.3);
  background: none;
}

.bonus40-calculator input:focus + .special_label {
  color: rgba(255, 255, 255, 0.4) !important;
  top: 2px !important;
}

.bonus40-calculator__input-placeholder {
  font-size: 15px;
  position: absolute;
  bottom: 9px;
  right: 12px;
}

@media all and (max-width: 768px) {
  .bonus40-calculator .deposit-error {
    right: 0;
  }
  .bonus40-calculator .deposit-error__inner:after {
    left: auto;
    right: 10px;
    transform: rotate(-35deg) skew(-20deg, -16deg);
  }
  .bonus40-calculator .deposit-error .triangle {
    left: auto;
    right: 10px;
    transform: rotate(-35deg) skew(-20deg, -16deg);
  }
}

@media all and (max-width: 500px) {
  .bonus40-calculator label {
    font-size: 11px;
  }
  .bonus40-calculator .special_label {
    font-size: 12px;
  }
}

@media all and (max-width: 375px) {
  .bonus40-calculator label {
    font-size: 10px;
  }
  .bonus40-calculator .special_label {
    font-size: 11px;
  }
}

.bonus40-video__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.bonus40-video__left, .bonus40-video__right {
  width: calc(50% - 50px);
}

.bonus40-video__right h2 {
  margin-bottom: 40px;
}

.bonus40-video__right p {
  font-size: 18px;
}

.bonus40-video__left iframe {
  width: 100%;
  height: 315px;
}

.bonus40-video__left p:nth-child(2) {
  font-size: 20px;
  margin-top: 15px;
  font-weight: 600;
}

.bonus40-video__left p:last-child {
  display: none;
}

@media all and (max-width: 768px) {
  .bonus40-video__box {
    display: block;
  }
  .bonus40-video__right, .bonus40-video__left {
    width: 100%;
  }
  .bonus40-video__right h2 {
    margin-bottom: 30px;
  }
  .bonus40-video__right p {
    display: none;
  }
  .bonus40-video__left iframe {
    height: 50vw;
  }
  .bonus40-video__left p:nth-child(2) {
    font-size: 18px;
  }
  .bonus40-video__left p:last-child {
    display: block;
    margin-top: 35px;
  }
}

.bonus40-action {
  background-color: #fff;
}

.bonus40-action .vi_text {
  text-align: center;
}

.bonus40-action__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}

.bonus40-action__elem {
  position: relative;
  padding-right: 45px;
  font-size: 20px;
  max-width: 315px;
}

.bonus40-action__elem::before {
  position: absolute;
  content: '';
  background-image: url("../img/bonus40/quotation.svg");
  width: 37px;
  height: 30px;
  top: -12px;
  right: 0;
}

.bonus40-action__elem:first-child .bonus40-action__elem-desc::after {
  background: url("../img/bonus40/review1.jpg") center/cover no-repeat;
}

.bonus40-action__elem:nth-child(2) .bonus40-action__elem-desc::after {
  background: url("../img/bonus40/review2.jpeg") center/cover no-repeat;
}

.bonus40-action__elem:last-child .bonus40-action__elem-desc::after {
  background: url("../img/bonus40/review3.png") center/cover no-repeat;
}

.bonus40-action__elem-title {
  font-size: 20px;
  margin-bottom: 20px;
}

.bonus40-action__elem-desc {
  font-size: 14px;
  color: #A4A0A0;
  padding-right: 50px;
  position: relative;
}

.bonus40-action__elem-desc::after {
  position: absolute;
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 50%;
  right: 0;
  top: calc(50% - 20px);
}

.bonus40-action * {
  font-family: inherit !important;
}

@media all and (max-width: 768px) {
  .bonus40-action .btn-box {
    text-align: right;
  }
  .bonus40-action__elem {
    max-width: 100%;
  }
  .bonus40-action__elem:not(:last-child) {
    margin-bottom: 50px;
  }
  .bonus40-action__box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }
}

.bonus40-advantages {
  color: #FFFFFF !important;
  background-color: #000000;
  background-image: url("../img/bonus40/advantages_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  overflow: hidden;
}

@media all and (max-width: 1300px) {
  .bonus40-advantages {
    background-image: none;
  }
}

.bonus40-advantages h2 {
  color: #FFFFFF !important;
}

.bonus40-advantages__dot-list {
  max-width: 820px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}

@media all and (max-width: 768px) {
  .bonus40-advantages__dot-list {
    margin-top: 70px;
    position: relative;
  }
  .bonus40-advantages__dot-list:after {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../img/bonus40/sphere.svg");
    width: 590px;
    height: 515px;
    left: -359px;
    top: 106%;
  }
}

@media all and (max-width: 500px) {
  .bonus40-advantages__dot-list:after {
    left: -377px;
    top: 70%;
  }
}

.bonus40-advantages__check-list {
  max-width: 820px;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 40px;
}

.bonus40-advantages__check-list:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  right: 0;
  top: 0;
}

@media all and (max-width: 500px) {
  .bonus40-advantages__check-list {
    display: block;
    padding-top: 20px;
  }
}

.bonus40-advantages__item {
  width: calc(100% / 3 - 30px);
  padding-right: 40px;
  position: relative;
  z-index: 1;
}

.bonus40-advantages__item:after {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
}

.bonus40-advantages__item:not(.check-item) {
  margin-bottom: 40px;
}

.bonus40-advantages__item:not(.check-item):after {
  background-image: url("../img/bonus40/dot.svg");
}

.bonus40-advantages__item.check-item:after {
  background-image: url("../img/bonus40/done.svg");
}

.bonus40-advantages__item span {
  color: #2ED790;
}

@media all and (max-width: 768px) {
  .bonus40-advantages__item {
    width: calc(100% / 3 - 15px);
  }
}

@media all and (max-width: 500px) {
  .bonus40-advantages__item {
    width: calc(100% / 2 - 20px);
  }
  .bonus40-advantages__item:not(.check-item) {
    margin-bottom: 55px;
    padding-right: 0;
  }
  .bonus40-advantages__item:not(.check-item):after {
    top: -35px;
  }
  .bonus40-advantages__item:not(.check-item):nth-last-of-type(-n+2) {
    margin-bottom: 30px;
  }
  .bonus40-advantages__item.check-item {
    width: 100%;
  }
  .bonus40-advantages__item.check-item:not(:last-child) {
    margin-bottom: 20px;
  }
}

.bonus40-advantages .btn-box {
  flex-basis: 100%;
  margin-top: 70px;
}

@media all and (max-width: 768px) {
  .bonus40-advantages .btn-box {
    margin-top: 35px;
    text-align: right;
  }
}

.new-footer-landings.bonus40-footer a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.new-footer-landings.bonus40-footer a:hover {
  border-bottom: none !important;
}

@media all and (max-width: 768px) {
  .new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner {
    width: 100%;
    justify-content: center;
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
    margin-right: 0 !important;
    padding: 0 14px;
  }
}

@media all and (max-width: 375px) {
  .new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
    padding: 0 10px;
  }
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
  border-bottom: none !important;
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a:hover path,
.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a:focus path,
.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a:active path {
  fill: #2ED790 !important;
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner path {
  fill: #FFFFFF !important;
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube:hover path:last-child {
  fill: #000000 !important;
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube path:last-child {
  fill: #000000 !important;
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok:hover path:last-child {
  fill: #000000 !important;
}

.new-footer-landings.bonus40-footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok path:last-child {
  fill: #000000 !important;
}

.invest_club {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px;
  line-height: 28px;
  color: black;
}

.invest_club section {
  margin-bottom: 100px;
  position: relative;
}

.invest_club section.light_theme {
  color: white !important;
}

@media all and (max-width: 768px) {
  .invest_club section {
    margin-bottom: 50px;
  }
}

.invest_club h1, .invest_club h2, .invest_club h3, .invest_club h4 {
  font-family: inherit !important;
}

.invest_club h1 {
  font-size: 54px;
}

.invest_club h1 span {
  color: #BF9D35;
}

@media all and (max-width: 768px) {
  .invest_club h1 {
    font-size: 26px;
  }
}

.invest_club h2 {
  font-size: 40px;
  font-weight: 200;
  margin-bottom: 30px;
}

@media all and (max-width: 768px) {
  .invest_club h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.invest_club h3 {
  font-size: 24px;
}

@media all and (max-width: 768px) {
  .invest_club h3 {
    font-size: 16px;
  }
}

.invest_club p {
  font-size: 18px;
}

@media all and (max-width: 768px) {
  .invest_club p {
    font-size: 16px;
  }
}

.invest_club__body {
  overflow-x: hidden;
  background-color: white !important;
}

.invest_club__body .newLogin .newLogin-header__item--active {
  border-color: #FFB300 !important;
  color: #FFB300 !important;
}

.invest_club__body .newLogin .agent-code-btn span,
.invest_club__body .newLogin .forgot_your_pass a {
  color: #FFB300 !important;
  border-bottom: 1px #FFB300 dashed !important;
}

.invest_club__body .newLogin .sign-in-form-item input:focus,
.invest_club__body .newLogin .sign-in-form-item input:valid {
  border-color: #FFB300 !important;
}

.invest_club__body .newLogin input[type="checkbox"] + label {
  background-color: #FFB300 !important;
}

.invest_club__body .newLogin input[type="checkbox"]:checked + label {
  background-color: #FFB300 !important;
}

.invest_club__body .newLogin .submit-btn input,
.invest_club__body .newLogin .submit-btn a {
  background-color: #FFB300 !important;
}

.invest_club .intro {
  background: linear-gradient(-269.36deg, #272727 21.36%, #000000 88.33%);
  padding-top: 65px;
  padding-bottom: 300px;
}

.invest_club .intro .row {
  position: relative;
}

.invest_club .intro .row::after {
  position: absolute;
  content: '';
  background-image: url("/static/img/invest_club/sphere.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 553px;
  height: 544px;
  left: -290px;
  top: calc(50% - 330px / 2);
  pointer-events: none;
}

.invest_club .intro::before {
  position: absolute;
  content: '';
  background-image: url("/static/img/invest_club/bg_decoration.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1077px;
  width: 100%;
  height: 771px;
  bottom: -40px;
  right: 5%;
  pointer-events: none;
}

.invest_club .intro h1 {
  margin-top: 140px;
  max-width: 900px;
}

.invest_club .intro h3 {
  margin-top: 30px;
  max-width: 900px;
}

.invest_club .intro .c_button {
  margin-top: 30px;
}

@media all and (max-width: 1200px) {
  .invest_club .intro {
    position: relative;
  }
  .invest_club .intro::after {
    position: absolute;
    content: '';
    background-image: url("/static/img/invest_club/sphere.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30vw;
    height: 30vw;
    left: 30px;
    bottom: 30px;
    pointer-events: none;
  }
  .invest_club .intro .row::after {
    content: none;
  }
}

@media all and (max-width: 768px) {
  .invest_club .intro {
    text-align: center;
    padding-top: 110px;
    padding-bottom: 60px;
  }
  .invest_club .intro::before {
    content: none;
  }
  .invest_club .intro::after {
    background-image: url("/static/img/invest_club/sphere_mob.png");
    width: 322px;
    height: 413px;
    right: unset;
    left: calc(50% - 322px / 2);
    bottom: 33px;
  }
  .invest_club .intro img {
    display: none;
  }
  .invest_club .intro h1 {
    margin-top: 0;
  }
  .invest_club .intro h1, .invest_club .intro h3 {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .invest_club .intro .c_button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 315px;
  }
}

.invest_club .about .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.invest_club .about .c_quote {
  margin-top: 70px;
}

.invest_club .about .c_button {
  margin-top: 50px;
}

.invest_club .about__right {
  margin-top: -40px;
  margin-right: 100px;
}

@media all and (max-width: 1024px) {
  .invest_club .about .row {
    align-items: center;
  }
  .invest_club .about__right {
    width: 40%;
    margin-right: 50px;
  }
}

@media all and (max-width: 768px) {
  .invest_club .about .row {
    flex-direction: column;
  }
  .invest_club .about__right {
    width: 100%;
    margin-right: 0;
    margin-top: 40px;
    height: 480px;
  }
  .invest_club .about .c_button {
    margin-left: auto;
    margin-right: auto;
  }
}

.invest_club .become_member .row {
  text-align: center;
}

.invest_club .become_member__steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.invest_club .become_member__step {
  display: flex;
  align-items: center;
  width: calc(100% / 3);
}

.invest_club .become_member__step:first-child p {
  max-width: 170px;
}

.invest_club .become_member__step p {
  max-width: 200px;
}

.invest_club .become_member__step img {
  margin-left: 20px;
}

.invest_club .become_member__step:not(:last-child) {
  position: relative;
}

.invest_club .become_member__step:not(:last-child)::after {
  position: absolute;
  content: '';
  background-image: url("/static/img/invest_club/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 81px;
  height: 16px;
  pointer-events: none;
}

.invest_club .become_member__step:first-child::after {
  left: calc(100% / 3 - 60px);
}

.invest_club .become_member__step:nth-child(2)::after {
  left: calc(100% / 3 - 100px);
}

.invest_club .become_member h3 {
  margin-top: 60px;
}

.invest_club .become_member .c_button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

@media all and (max-width: 1024px) {
  .invest_club .become_member__steps {
    flex-direction: column;
  }
  .invest_club .become_member__step {
    flex-direction: column;
  }
  .invest_club .become_member__step:not(:last-child)::after {
    transform: rotate(-90deg);
    width: 32px;
    left: calc(50% - 16px);
    bottom: -40px;
  }
  .invest_club .become_member__step:not(:last-child) {
    margin-bottom: 70px;
  }
  .invest_club .become_member__step img {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .invest_club .become_member h3 {
    margin-top: 30px;
  }
}

.invest_club .mentor b {
  font-weight: bold;
}

.invest_club .mentor__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invest_club .mentor__box_right {
  margin-right: 100px;
  max-width: 510px;
  width: 100%;
  flex-shrink: 0;
}

.invest_club .mentor__box_right p {
  display: none;
}

.invest_club .mentor__box_right iframe {
  width: 100%;
  height: 286px;
}

@media all and (max-width: 1200px) {
  .invest_club .mentor__box_right {
    max-width: unset;
    width: 50%;
  }
}

@media all and (max-width: 768px) {
  .invest_club .mentor__box {
    flex-direction: column;
    align-items: flex-start;
  }
  .invest_club .mentor__box_left span {
    display: none;
  }
  .invest_club .mentor__box_right {
    margin-right: 0;
    width: 100%;
    margin-top: 20px;
  }
  .invest_club .mentor__box_right iframe {
    height: 60vw;
  }
  .invest_club .mentor__box_right p {
    display: block;
    margin-top: 20px;
  }
}

.invest_club .occupation .row {
  text-align: center;
}

.invest_club .occupation__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.invest_club .occupation .mob_list {
  display: none;
}

.invest_club .occupation img {
  margin-right: 40px;
  margin-left: 40px;
}

.invest_club .occupation .c_list {
  width: calc(100% / 2);
}

@media all and (max-width: 768px) {
  .invest_club .occupation .row {
    text-align: right;
  }
  .invest_club .occupation__row {
    flex-direction: column;
    align-items: flex-start;
  }
  .invest_club .occupation img {
    margin-right: auto;
    margin-left: auto;
  }
  .invest_club .occupation .mob_list {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .invest_club .occupation .c_list:not(.mob_list) {
    display: none;
  }
}

.invest_club .submit .row {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("/static/img/invest_club/submit.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.invest_club .submit .row::after {
  position: absolute;
  content: '';
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  top: 12px;
  right: 12px;
  border: 1px solid #FFB300;
}

.invest_club .submit .c_button {
  z-index: 1;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width: 768px) {
  .invest_club .submit .row {
    padding-bottom: 200px;
    background-position: bottom;
    background-color: black;
    background-size: 820px;
  }
}

.invest_club .rules .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invest_club .rules__right {
  margin-right: 100px;
  width: 510px;
  height: 354px;
  background-image: url("/static/img/invest_club/rules.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

@media all and (max-width: 1024px) {
  .invest_club .rules__right {
    width: 40vw;
    height: 28vw;
    background-size: cover;
    margin-right: 50px;
  }
}

@media all and (max-width: 768px) {
  .invest_club .rules__right {
    display: none;
  }
}

.invest_club .bonuses .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invest_club .bonuses__left {
  margin-left: 100px;
  width: 483px;
  height: 499px;
  background-image: url("/static/img/invest_club/bonuses.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.invest_club .bonuses .c_button {
  margin-top: 30px;
}

@media all and (max-width: 1024px) {
  .invest_club .bonuses__left {
    width: 40vw;
    height: 34vw;
    background-size: cover;
    margin-left: 50px;
  }
}

@media all and (max-width: 768px) {
  .invest_club .bonuses__left {
    display: none;
  }
  .invest_club .bonuses .c_button {
    margin-left: auto;
    margin-right: auto;
  }
}

.invest_club .c_button {
  display: block;
  width: fit-content;
  color: white !important;
  background-color: #FFB300;
  font-size: 20px;
  text-align: center;
  padding: 14px 25px;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  position: relative;
  transform: perspective(1px) translateZ(0);
  outline: none;
  min-height: 54px;
}

.invest_club .c_button::before {
  content: "";
  background: white;
  position: absolute;
  width: 200%;
  height: 400%;
  right: -50%;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.75s ease-in-out;
}

.invest_club .c_button:active::before {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.invest_club .c_button::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 400%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0);
  background-color: #ffc233;
  border-radius: 100%;
  transition: all .3s ease-in-out;
}

.invest_club .c_button:hover::after {
  transform: scale(2);
}

.invest_club .c_quote {
  font-size: 15px;
  color: linear-gradient(0deg, #444444, #444444);
  position: relative;
}

.invest_club .c_quote::before, .invest_club .c_quote::after {
  content: '';
  position: absolute;
  background-image: url("/static/img/invest_club/quote.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 19px;
}

.invest_club .c_quote::before {
  top: -38px;
  right: -4px;
}

.invest_club .c_quote::after {
  bottom: -20px;
  left: -4px;
}

.invest_club .c_list {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
  list-style-image: none !important;
}

.invest_club .c_list[data-c-text-decoration-type="dots"] li {
  position: relative;
}

.invest_club .c_list[data-c-text-decoration-type="dots"] li:not(:last-child) {
  margin-bottom: 12px;
}

.invest_club .c_list[data-c-text-decoration-type="dots"] li::before {
  content: '';
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFB300;
}

.invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="left"] {
  text-align: right;
}

.invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="left"] li {
  padding-right: 18px;
}

.invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="left"] li::before {
  right: 0;
}

.invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="right"] {
  text-align: left;
}

.invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="right"] li {
  padding-left: 18px;
}

.invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="right"] li::before {
  left: 0;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"] {
  counter-reset: li;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"] li {
  counter-increment: li;
  position: relative;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"] li:not(:last-child) {
  margin-bottom: 20px;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"] li::before {
  content: counter(li);
  font-weight: 700;
  position: absolute;
  top: 0;
  color: #FFB300;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="left"] {
  text-align: right;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="left"] li {
  padding-right: 25px;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="left"] li::before {
  right: 0;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="right"] {
  text-align: left;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="right"] li {
  padding-left: 25px;
}

.invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="right"] li::before {
  left: 0;
}

.invest_club .с_bg_type_square {
  position: relative;
}

.invest_club .с_bg_type_square:after {
  content: '';
  position: absolute;
  background-image: url("/static/img/invest_club/rect.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 112px;
  height: 112px;
}

.invest_club .с_bg_type_square[data-c-bg-align="left_top"]::after {
  right: -44px;
  top: -56px;
}

.invest_club .с_bg_type_square[data-c-bg-align="left_bottom"]::after {
  right: -44px;
  bottom: -56px;
}

.invest_club .с_bg_type_square[data-c-bg-align="right_top"]::after {
  left: -35px;
  top: -32px;
}

.invest_club .с_bg_type_square[data-c-bg-align="right_bottom"]::after {
  left: -35px;
  bottom: -32px;
}

@media all and (max-width: 1024px) {
  .invest_club .с_bg_type_square:after {
    width: 82px;
    height: 82px;
  }
  .invest_club .с_bg_type_square[data-c-bg-align="left_top"]::after {
    right: -26px;
    top: -26px;
  }
  .invest_club .с_bg_type_square[data-c-bg-align="left_bottom"]::after {
    right: -26px;
    bottom: -26px;
  }
  .invest_club .с_bg_type_square[data-c-bg-align="right_top"]::after {
    left: -26px;
    top: -26px;
  }
  .invest_club .с_bg_type_square[data-c-bg-align="right_bottom"]::after {
    left: -26px;
    bottom: -26px;
  }
}

.invest_club__footer {
  background: #000000 !important;
}

.invest_club__footer * {
  color: #FFFFFF !important;
}

@media all and (max-width: 768px) {
  .new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner {
    width: 100%;
    justify-content: center;
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
    margin-right: 0 !important;
    padding: 0 14px;
  }
}

.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a:hover path,
.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a:focus path,
.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner a:active path {
  fill: #FFB300 !important;
}

.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner path {
  fill: #FFFFFF !important;
}

.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube:hover path:last-child {
  fill: #000000 !important;
}

.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube path:last-child {
  fill: #000000 !important;
}

.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok:hover path:last-child {
  fill: #000000 !important;
}

.new-footer-landings.invest_club__footer .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok path:last-child {
  fill: #000000 !important;
}

/* promo-invest-club */
.gc-promo-ic {
  /* become-member */
  /* modal */
}

.gc-promo-ic * {
  font-family: 'Nunito', sans-serif !important;
}

.gc-promo-ic__membership-is-active {
  color: #000;
  font-size: 18px;
  line-height: 27px;
}

.gc-promo-ic__membership-is-active--intro {
  color: #fff;
}

.gc-promo-ic__membership-is-active--become-member {
  font-size: 24px;
  margin: 20px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__membership-is-active--become-member {
    font-size: 16px;
    margin: 10px 0 0 0;
  }
}

.gc-promo-ic__membership-is-active--apply {
  font-size: 24px;
  color: #fff;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__membership-is-active--apply {
    font-size: 20px;
    margin: -7px 0 0 0;
  }
}

.gc-promo-ic__membership-is-active--modal {
  margin: 0 0 -25px 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__membership-is-active--modal {
    margin: 0 0 -27px 0;
  }
}

.gc-promo-ic__intro {
  padding: 65px 0 300px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro {
    padding: 32px 0 50px 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro:after {
    display: none;
  }
}

.gc-promo-ic__intro-row-logo-small-wrap {
  display: none;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro-row-logo-small-wrap {
    text-align: center;
    display: block;
    margin: 0 0 30px 0;
  }
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro-row-logo-small {
    width: 98px;
    display: inline-block !important;
  }
}

.gc-promo-ic__intro-button {
  display: flex;
  align-items: center;
  line-height: 0;
  margin: 30px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro-button {
    flex-direction: column;
  }
}

.gc-promo-ic__intro-button .c_button {
  margin: 0 0 0 0 !important;
  line-height: 27px;
}

.gc-promo-ic__intro-button .c_button--text {
  line-height: 27px;
}

.gc-promo-ic__intro-row-img-wrap {
  display: none;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro-row-img-wrap {
    display: block;
    text-align: center;
    position: relative;
    margin: 81px auto 0 auto;
    width: 207px;
  }
}

.gc-promo-ic__intro-row-img-wrap:before {
  content: '';
  background: url("/static/img/invest_club/triangle-2.png") no-repeat center center;
  height: 20px;
  width: 29px;
  position: absolute;
  top: -15px;
  right: -25px;
}

.gc-promo-ic__intro-row-img-wrap:after {
  content: '';
  background: url("/static/img/invest_club/triangle-1.png") no-repeat center center;
  width: 40px;
  height: 43px;
  position: absolute;
  top: calc(50% - 41px);
  right: calc(100% + 17px);
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro-row-img {
    display: inline-block !important;
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  .gc-promo-ic__intro-row-triangle-3 {
    position: absolute;
    left: calc(100% + 41px);
    top: calc(100% + 42px);
    display: block !important;
  }
}

.gc-promo-ic__about-left {
  min-width: calc(53% - 50px);
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__about-left {
    min-width: calc(60% - 15px);
  }
}

.gc-promo-ic__about-left-quote {
  color: #444;
  font-size: 15px;
  line-height: 24px;
}

.gc-promo-ic .c_quote:after {
  transform: rotate(-180deg);
}

.gc-promo-ic__about-left-button-wrap {
  display: flex;
  margin: 50px 0 0 0;
  align-items: center;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__about-left-button-wrap {
    flex-direction: column;
  }
}

.gc-promo-ic__about-left-button-wrap .c_button {
  margin: 0 0 0 0 !important;
}

.gc-promo-ic__about-left-club-rule {
  color: #FFB300;
  font-weight: 600;
  font-size: 18px;
  text-decoration: underline;
  cursor: pointer;
  margin: 0 30px 0 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__about-left-club-rule {
    margin: 14px 0 0 0;
  }
}

.gc-promo-ic__about-left-club-rule:hover {
  text-decoration: none;
}

.gc-promo-ic__about-left-club-rule--membership-is-active {
  margin: 0 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__about-left-club-rule--membership-is-active {
    margin: 0 0 0 0;
  }
}

.gc-promo-ic__about-right {
  min-width: calc(47% - 50px) !important;
}

@media all and (max-width: 1240px) {
  .gc-promo-ic__about-right {
    margin: 0 70px 0 0 !important;
  }
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__about-right {
    min-width: calc(40% - 15px) !important;
    margin: 0 30px 0 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-promo-ic__about-right {
    min-width: 0 !important;
    max-width: 390px !important;
    height: auto !important;
    margin: 40px 0 0 0 !important;
  }
}

.gc-promo-ic__become-member-steps-wrap {
  display: flex;
  justify-content: center;
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-steps-wrap {
    display: block;
  }
}

@media all and (max-width: 768px) {
  .gc-promo-ic__become-member-step {
    width: 100% !important;
  }
}

.gc-promo-ic__become-member-step:nth-of-type(1) {
  margin: 0 0 0 80px;
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-step:nth-of-type(1) {
    margin: 0 0 0 0;
  }
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-step:nth-of-type(1) img {
    transform: translateX(-5px);
  }
}

.gc-promo-ic__become-member-step:nth-of-type(1):after {
  left: auto !important;
  right: calc(100% - 45px);
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-step:nth-of-type(1):after {
    height: 32px !important;
    width: 7px !important;
    background: url("/static/img/invest_club/arrow_down_gc.svg") no-repeat center center !important;
    left: auto !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    bottom: -49px !important;
  }
}

.gc-promo-ic__become-member-step:nth-of-type(2) {
  margin: 0 0 0 160px;
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-step:nth-of-type(2) {
    margin: 0 0 0 0;
  }
}

.gc-promo-ic__become-member-step:nth-of-type(2):after {
  left: auto !important;
  right: calc(100% + 35px);
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-step:nth-of-type(2):after {
    height: 32px !important;
    width: 7px !important;
    background: url("/static/img/invest_club/arrow_down_gc.svg") no-repeat center center !important;
    left: auto !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    bottom: -49px !important;
  }
}

.gc-promo-ic__become-member-step img {
  min-width: 44px;
}

.gc-promo-ic__become-member-step p {
  text-align: right;
}

@media all and (max-width: 1024px) {
  .gc-promo-ic__become-member-step p {
    text-align: center;
  }
}

.gc-promo-ic__apply {
  margin: 0 0 85px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__apply {
    margin: 0 0 50px 0 !important;
  }
}

.gc-promo-ic__apply-row {
  width: calc(100% - 20px);
  margin: 0 auto 0 auto;
  outline: 1px solid #FFB300;
  outline-offset: -12px;
}

.gc-promo-ic__apply-row:after {
  display: none;
}

.gc-promo-ic .c_button-wrap {
  display: flex;
  align-items: center;
}

@media all and (max-width: 768px) {
  .gc-promo-ic .c_button-wrap {
    flex-direction: column;
  }
}

.gc-promo-ic .c_button--ff {
  display: inline-block !important;
}

.gc-promo-ic .c_button--ff-text {
  margin: 0 0 0 0 !important;
}

.gc-promo-ic .c_button--text {
  color: #fff;
  text-decoration: underline;
  margin: 0 30px 0 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic .c_button--text {
    margin: 13px 0 0 0;
  }
}

.gc-promo-ic .c_button--text:hover {
  color: #fff;
  text-decoration: none;
}

.gc-promo-ic__modal-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  right: 0;
  top: 0;
  z-index: 1;
  overflow: auto;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.gc-promo-ic__modal-wrap[data-js-club-rule-modal-wrap='hidden'] {
  transition: opacity 0.3s ease, width 0s linear 0.3s, height 0s linear 0.3s, z-index 0s linear 0.3s;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
}

.gc-promo-ic__modal {
  position: relative;
  max-width: 515px;
  margin: 50px auto 50px auto;
  background: #fff;
  padding: 0 0 70px 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal {
    max-width: 335px;
    padding: 0 0 55px 0;
  }
}

.gc-promo-ic__modal-subwrap {
  padding: 60px 45px 30px 40px;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal-subwrap {
    padding: 50px 20px 30px 20px;
  }
}

.gc-promo-ic__modal-cross {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("/static/img/invest_club/cross.svg") no-repeat center center;
  transition: background-size 0.5s ease;
}

.gc-promo-ic__modal-cross:hover {
  background-size: 35px;
}

.gc-promo-ic__modal-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 49px;
  margin: 0 0 25px 0 !important;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal-title {
    font-size: 30px;
    line-height: 34px;
  }
}

.gc-promo-ic__modal-rules {
  margin: 0 0 32px 0;
}

.gc-promo-ic__modal-rules-title {
  color: #000;
  font-weight: 600;
  line-height: 22px;
  font-size: 18px;
  margin: 0 0 20px 0;
}

.gc-promo-ic__modal-rules-item {
  font-size: 18px;
  line-height: 28px;
  color: #000;
  padding: 0 17px 0 0;
  margin: 0 0 11px 0;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal-rules-item {
    font-size: 16px;
    line-height: 24px;
  }
}

.gc-promo-ic__modal-rules-item:nth-last-of-type(1) {
  margin: 0 0 0 0;
}

.gc-promo-ic__modal-rules-item:before {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #FFB300;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal-rules-item:before {
    top: 8px;
  }
}

.gc-promo-ic__modal-club-members-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  margin: 0 0 20px 0;
}

.gc-promo-ic__modal-club-members-list {
  counter-reset: item;
}

.gc-promo-ic__modal-club-members-item {
  counter-increment: item;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  position: relative;
  padding: 0 17px 0 0;
  margin: 0 0 11px 0;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal-club-members-item {
    font-size: 16px;
    line-height: 24px;
  }
}

.gc-promo-ic__modal-club-members-item:nth-last-of-type(1) {
  margin: 0 0 0 0;
}

.gc-promo-ic__modal-club-members-item:before {
  content: counter(item);
  font-weight: 600;
  line-height: 22px;
  font-size: 16px;
  color: #FFB300;
  position: absolute;
  right: 0;
  top: 3px;
}

@media all and (max-width: 768px) {
  .gc-promo-ic__modal-club-members-item:before {
    top: 1px;
  }
}

.gc-promo-ic__modal-button {
  text-align: center;
  line-height: 0;
}

.gc-promo-ic__modal-button .c_button {
  line-height: 27px;
}

footer.gc-promo-ic-footer {
  margin: 0 0 -20px 0 !important;
}

body.gc.education-page {
  background: #f7f7f7;
  color: #2f2c2c;
  cursor: default;
}

body.gc.education-page .offset-wrapper {
  margin: 0;
}

body.gc.education-page a {
  transition: all .3s ease;
}

body.gc.education-page section {
  position: relative;
}

body.gc.education-page section .row {
  position: relative;
  z-index: 3;
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page section .row {
    padding: 0 20px;
  }
}

body.gc.education-page h2 {
  font-size: 44px;
  font-family: "pfDinTextBold", "Helvetica Neue", "Arial";
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page h2 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page h2 {
    font-size: 24px;
  }
}

body.gc.education-page h2 span {
  color: #00d6b0;
}

body.gc.education-page h3 {
  font-size: 30px;
  margin-bottom: 45px;
  color: #009e82;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page h3 {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

body.gc.education-page ul {
  list-style: none;
  margin-right: 0;
}

body.gc.education-page button.promo_button, body.gc.education-page a.promo_button, body.gc.education-page input.promo_button {
  font-size: 15px;
  padding: 17px 20px 14px;
  background: #009e82;
  display: inline-block !important;
  text-align: center;
  line-height: 1;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 12px 20px 0 rgba(0, 158, 130, 0.45);
  border-radius: 25px;
  min-width: 260px;
  max-width: 280px;
  text-transform: uppercase;
  font-family: "pfDinTextBold", "Helvetica Neue", "Arial";
  letter-spacing: .5px;
  transition: all .3s ease;
  outline: none !important;
  border: none;
  color: #fff;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page button.promo_button, body.gc.education-page a.promo_button, body.gc.education-page input.promo_button {
    min-width: 230px;
    max-width: 250px;
  }
}

body.gc.education-page button.promo_button:hover, body.gc.education-page a.promo_button:hover, body.gc.education-page input.promo_button:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

body.gc.education-page button.promo_button:active, body.gc.education-page a.promo_button:active, body.gc.education-page input.promo_button:active {
  box-shadow: 0 8px 15px 0 rgba(0, 158, 130, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 12px 20px 0 rgba(0, 158, 130, 0.45);
}

body.gc.education-page button.promo_button:disabled, body.gc.education-page a.promo_button:disabled, body.gc.education-page input.promo_button:disabled {
  color: #fff !important;
  opacity: .4 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

body.gc.education-page button.promo_button.hide, body.gc.education-page a.promo_button.hide, body.gc.education-page input.promo_button.hide {
  display: none !important;
}

body.gc.education-page .which-course-choose__thanks, body.gc.education-page .what-to-learn__thanks, body.gc.education-page .learn_with_pro__thanks {
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  padding: 15px 30px;
  display: none;
  text-align: center;
}

body.gc.education-page .which-course-choose__thanks h3, body.gc.education-page .what-to-learn__thanks h3, body.gc.education-page .learn_with_pro__thanks h3 {
  font-size: 18px;
  margin-bottom: 5px;
}

body.gc.education-page .which-course-choose__thanks.active, body.gc.education-page .what-to-learn__thanks.active, body.gc.education-page .learn_with_pro__thanks.active {
  display: inline-block;
}

body.gc.education-page .landings-form__inner {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .landings-form__inner {
    margin: 0 auto;
  }
}

body.gc.education-page .want-to-learn {
  padding: 60px 0 75px;
  overflow: hidden;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn {
    padding: 0 0 60px;
  }
}

body.gc.education-page .want-to-learn:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-image: url(../img/promo/education/want-to-learn-image/bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn:before {
    display: none;
  }
}

body.gc.education-page .want-to-learn:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 640px;
  background-image: url(../img/promo/education/want-to-learn-image/mask.svg);
  z-index: 1;
  background-size: cover;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .want-to-learn:after {
    height: 680px;
    background-position: center;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn:after {
    height: 88%;
  }
}

@media only screen and (max-width: 30em) {
  body.gc.education-page .want-to-learn:after {
    height: 87%;
  }
}

body.gc.education-page .want-to-learn__graf {
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

body.gc.education-page .want-to-learn__graf:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 590px;
  background-image: url(../img/promo/education/want-to-learn-image/red_graph.svg);
  background-repeat: no-repeat;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .want-to-learn__graf:before {
    height: 630px;
    background-position: -10px top;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .want-to-learn__graf:before {
    height: 580px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__graf:before {
    height: 71%;
  }
}

@media only screen and (max-width: 30em) {
  body.gc.education-page .want-to-learn__graf:before {
    height: 70%;
  }
}

body.gc.education-page .want-to-learn__graf:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 550px;
  background-image: url(../img/promo/education/want-to-learn-image/green_graph.svg);
  background-repeat: no-repeat;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .want-to-learn__graf:after {
    height: 590px;
    background-position: -10px top;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__graf:after {
    height: 71%;
  }
}

@media only screen and (max-width: 30em) {
  body.gc.education-page .want-to-learn__graf:after {
    height: 70%;
  }
}

body.gc.education-page .want-to-learn__top-inner {
  position: relative;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__top-inner {
    padding-top: 30px;
  }
}

body.gc.education-page .want-to-learn__top-inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 110%;
  width: 100%;
  z-index: -1;
  background-image: url(../img/promo/education/want-to-learn-image/bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: none;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__top-inner:before {
    display: block;
  }
}

body.gc.education-page .want-to-learn__content-logo {
  margin-bottom: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content-logo {
    margin-bottom: 35px;
  }
}

body.gc.education-page .want-to-learn__content-logo a:hover {
  opacity: .7;
}

body.gc.education-page .want-to-learn__content-logo img {
  width: 410px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content-logo img {
    width: 220px;
  }
}

body.gc.education-page .want-to-learn__content-logo span {
  display: block;
  color: #fff;
  font-size: 9px;
  margin-right: 100px;
  margin-top: -7px;
  text-transform: uppercase;
  letter-spacing: .1px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content-logo span {
    font-size: 5px;
    margin-right: 53px;
    margin-top: -5px;
  }
}

body.gc.education-page .want-to-learn__content-caption {
  width: 60%;
  margin-bottom: 150px;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .want-to-learn__content-caption {
    width: 65%;
    margin-bottom: 180px;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .want-to-learn__content-caption {
    width: 85%;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content-caption {
    margin-bottom: 90px;
    width: 100%;
  }
}

body.gc.education-page .want-to-learn__content-caption h1 {
  font-family: "pfDinTextBold", "Helvetica Neue", "Arial";
  color: #fff;
  font-size: 44px;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .want-to-learn__content-caption h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content-caption h1 {
    font-size: 24px;
  }
}

body.gc.education-page .want-to-learn__content-caption h1 span {
  color: #00d6b0;
}

body.gc.education-page .want-to-learn__content_bottom-inner ul {
  width: 90%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .want-to-learn__content_bottom-inner ul {
    margin-bottom: 35px;
    width: 100%;
  }
}

body.gc.education-page .want-to-learn__content_bottom-inner ul li {
  position: relative;
  font-size: 24px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  width: 45%;
  margin-bottom: 30px;
  padding-right: 50px;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .want-to-learn__content_bottom-inner ul li {
    font-size: 20px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content_bottom-inner ul li {
    padding-right: 35px;
    width: 100%;
    margin-bottom: 20px;
  }
}

body.gc.education-page .want-to-learn__content_bottom-inner ul li:last-child {
  margin-bottom: 0;
}

body.gc.education-page .want-to-learn__content_bottom-inner ul li:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 0;
  width: 28px;
  height: 28px;
  background-image: url(../img/promo/education/done.svg);
  background-position: center;
  background-repeat: no-repeat;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .want-to-learn__content_bottom-inner ul li:before {
    width: 25px;
    height: 25px;
    background-size: contain;
  }
}

body.gc.education-page .register-now {
  padding: 110px 0;
  overflow: hidden;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .register-now {
    padding: 0;
  }
}

body.gc.education-page .register-now:after {
  content: '';
  position: absolute;
  left: -5px;
  top: -5px;
  width: 100%;
  height: 100%;
  background-image: url(../img/promo/education/register-now-image/mask.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .register-now:after {
    height: 65%;
    left: 0;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .register-now:after {
    top: 35px;
    height: 25%;
  }
}

body.gc.education-page .register-now__bg {
  position: absolute;
  top: 0;
  left: -50px;
  bottom: 0;
  width: 100%;
  height: 90%;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../img/promo/education/register-now-image/bg.png);
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .register-now__bg {
    height: 60%;
    background-size: cover;
    left: 0;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .register-now__bg {
    top: 40px;
    height: 23%;
  }
}

body.gc.education-page .register-now__caption {
  margin-bottom: 65px;
  width: 50%;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .register-now__caption {
    width: 100%;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .register-now__caption {
    margin-bottom: 100px;
  }
}

body.gc.education-page .register-now__form-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

body.gc.education-page .register-now__items {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .register-now__items {
    width: 100%;
  }
}

body.gc.education-page .register-now__item {
  width: 30%;
  text-align: center;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .register-now__item {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .register-now__item {
    width: 100%;
  }
}

body.gc.education-page .register-now__item p {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 20px;
}

body.gc.education-page .register-now__item:last-child {
  margin: 0;
}

body.gc.education-page .register-now__icon {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

body.gc.education-page .what-to-learn {
  padding: 110px 0 160px;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .what-to-learn {
    padding: 80px 0 120px;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .what-to-learn {
    padding: 60px 0 80px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .what-to-learn {
    padding: 45px 0 60px;
  }
}

body.gc.education-page .what-to-learn:after {
  content: '';
  position: absolute;
  right: 0;
  top: -5px;
  width: 100%;
  height: 105%;
  background-image: url(../img/promo/education/what-to-learn-image/mask.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 35% center;
  z-index: 1;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .what-to-learn:after {
    width: 80%;
    background-position: 55% center;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .what-to-learn:after {
    height: 85%;
    top: -20px;
    background-position: 45% center;
  }
}

body.gc.education-page .what-to-learn h2 {
  margin-bottom: 95px;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .what-to-learn h2 {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .what-to-learn h2 {
    margin-bottom: 40px;
  }
}

body.gc.education-page .what-to-learn__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/promo/education/what-to-learn-image/bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .what-to-learn__bg {
    width: 80%;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .what-to-learn__bg {
    height: 80%;
  }
}

body.gc.education-page .what-to-learn__items-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

body.gc.education-page .what-to-learn__item {
  width: 180px;
  height: 180px;
  margin-bottom: 30px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  transition: all .3s ease;
  cursor: default;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

body.gc.education-page .what-to-learn__item:hover {
  box-shadow: 0 12px 20px 0 rgba(0, 158, 130, 0.45);
}

body.gc.education-page .what-to-learn__item p {
  font-size: 20px;
}

@media only screen and (max-width: 1125px) {
  body.gc.education-page .what-to-learn__item {
    width: 155px;
    height: 155px;
    padding: 5px;
  }
  body.gc.education-page .what-to-learn__item p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .what-to-learn__item {
    width: 160px;
    height: 160px;
    margin: 15px;
  }
  body.gc.education-page .what-to-learn__item p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .what-to-learn__item {
    width: 100px;
    height: 100px;
    margin: 10px;
  }
  body.gc.education-page .what-to-learn__item p {
    font-size: 12px;
  }
}

@media only screen and (max-width: 30em) {
  body.gc.education-page .what-to-learn__item {
    width: 87px;
    height: 87px;
    margin: 3px;
    padding: 2px;
  }
  body.gc.education-page .what-to-learn__item p {
    font-size: 11px;
  }
}

body.gc.education-page .what-to-learn__button-inner {
  width: 49%;
  text-align: center;
  /*320!!!*/
}

body.gc.education-page .what-to-learn__button-inner .button, body.gc.education-page .what-to-learn__button-inner .black {
  min-width: 280px;
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .what-to-learn__button-inner {
    width: 100%;
    margin-top: 50px;
  }
}

body.gc.education-page .which-course-choose {
  padding: 80px 0 210px;
  overflow: hidden;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose {
    padding: 60px 0 150px;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .which-course-choose {
    padding: 50px 0 120px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose {
    padding: 0;
  }
}

body.gc.education-page .which-course-choose:before {
  content: '';
  position: absolute;
  top: 0;
  right: -280px;
  bottom: 0;
  left: 0;
  width: 122%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: -30px 130px;
  background-size: cover;
  background-image: url(../img/promo/education/which-course-choose-image/bg.jpg);
  z-index: -1;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose:before {
    width: 100%;
    right: 0;
    background-position: center 250px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose:before {
    display: none;
  }
}

body.gc.education-page .which-course-choose:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 580px;
  background-repeat: no-repeat;
  background-position: -250px center;
  background-image: url(../img/promo/education/which-course-choose-image/mask.svg);
  z-index: 1;
  background-size: cover;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose:after {
    display: none;
  }
}

body.gc.education-page .which-course-choose__caption {
  margin-bottom: 100px;
  width: 40%;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose__caption {
    width: 50%;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__caption {
    width: 100%;
    margin-bottom: 30px;
  }
}

body.gc.education-page .which-course-choose__caption h2 {
  margin-bottom: 25px;
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose__caption h2 {
    margin-bottom: 20px;
  }
}

body.gc.education-page .which-course-choose__caption p {
  font-size: 24px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose__caption p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__caption p {
    font-size: 16px;
  }
}

body.gc.education-page .which-course-choose__items {
  margin-bottom: 50px;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose__items {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .which-course-choose__items {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__items {
    margin: 0;
  }
}

body.gc.education-page .which-course-choose__items-top, body.gc.education-page .which-course-choose__items-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 33%;
  justify-content: space-between;
  align-items: center;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  body.gc.education-page .which-course-choose__items-top, body.gc.education-page .which-course-choose__items-bottom {
    width: 395px;
  }
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .which-course-choose__items-top, body.gc.education-page .which-course-choose__items-bottom {
    width: 365px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__items-top, body.gc.education-page .which-course-choose__items-bottom {
    width: 285px;
    padding: 0;
  }
}

body.gc.education-page .which-course-choose__checkbox:checked + .which-course-choose__item {
  background: #009e82;
  color: #fff;
  box-shadow: 0 12px 20px 0 rgba(0, 158, 130, 0.45);
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
}

body.gc.education-page .which-course-choose__item {
  width: 180px;
  height: 180px;
  margin-bottom: 30px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 5px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  transition: all .3s ease;
  opacity: 1;
  cursor: pointer;
  color: #2F2C2C;
  font-size: 20px;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  body.gc.education-page .which-course-choose__item {
    margin-bottom: 20px;
    width: 170px;
    height: 170px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__item {
    width: 130px;
    height: 130px;
    margin: 8px 3px;
    font-size: 16px;
  }
}

body.gc.education-page .which-course-choose__item:hover {
  box-shadow: 0 12px 20px 0 rgba(0, 158, 130, 0.45);
}

body.gc.education-page .which-course-choose__button {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__button {
    position: relative;
    padding: 180px 0 110px;
    margin-top: -30px;
  }
  body.gc.education-page .which-course-choose__button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 40px;
    background-size: cover;
    background-image: url(../img/promo/education/which-course-choose-image/bg.jpg);
    z-index: -1;
  }
  body.gc.education-page .which-course-choose__button:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 140px;
    background-repeat: no-repeat;
    background-position: -40px center;
    background-image: url(../img/promo/education/which-course-choose-image/mask.svg);
    z-index: 1;
    background-size: cover;
  }
}

body.gc.education-page .which-course-choose__button-inner {
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  body.gc.education-page .which-course-choose__button-inner {
    text-align: center;
  }
}

@media all and (max-width: 425px) {
  .gc-ed-video__title {
    margin-top: 0 !important;
  }
}

.ed-video {
  color: #000;
}

.ed-video__title {
  font-size: 3rem;
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}

.ed-video__h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 2.25rem;
  color: #000000;
}

.ed-video__desc {
  font-size: 1rem;
  line-height: 21px;
}

.ed-video__access-btn {
  margin-right: 15px !important;
}

.ed-video .column.no-pad {
  padding: 0;
}

.ed-video .column.no-pad__right {
  padding-left: 0;
}

.ed-video .column.no-pad__left {
  padding-right: 0;
}

.ed-video__tabs-btn {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #423D33;
  font-size: 1rem;
  font-weight: normal;
  background: rgba(253, 205, 83, 0.2);
  border-radius: 20px;
  padding: 12px 16px;
  transition: background .32s ease;
}

.ed-video__tabs-btn.active {
  background: #FDCD53;
  transition: background .2s ease;
}

.ed-video__tabs-btn.active:hover, .ed-video__tabs-btn.active:focus {
  color: #423D33;
  background: #FDCD53;
  transition: background .2s ease;
}

.ed-video__tabs-btn:hover, .ed-video__tabs-btn:active, .ed-video__tabs-btn:focus {
  color: #423D33;
  background: #fcbe21;
  transition: background .2s ease;
}

.ed-video__tabs-content {
  display: none;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.ed-video__tabs-content.active {
  display: flex;
}

.ed-video__tabs-content--wrapper {
  margin-bottom: 30px;
}

.ed-video__item {
  position: relative;
  margin-bottom: 55px;
}

.ed-video__item:hover .ed-video__get-access,
.ed-video__item:hover .ed-video__play {
  display: block;
}

.ed-video__count .ed-video__item:nth-child(n + 21) {
  display: none;
}

.ed-video__iframe {
  position: relative;
  cursor: pointer;
}

.ed-video__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(66, 61, 51, 0.2);
}

.ed-video__play {
  display: none;
  background: url("/static/img/education/play.svg") center no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ed-video__get-access {
  display: none;
  position: absolute;
  width: 175px;
  background: rgba(66, 61, 51, 0.7);
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  text-align: center;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  font-size: 18px;
  color: #fff;
  padding: 11px 0;
}

.ed-video__get-access:hover {
  color: #fff;
}

.ed-video__about {
  font-size: 1.125rem;
  line-height: 22px;
  margin-top: 15px;
}

.ed-video__show-btn {
  position: relative;
  display: block;
  margin: 0 auto;
  border-radius: 3px;
  border: 1px solid #00b0a2;
  color: #00b0a2;
  background: none;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  padding: 10px 20px 10px 30px;
  padding-left: 30px;
  letter-spacing: normal;
  transition: all .2s ease;
}

.ed-video__show-btn:hover, .ed-video__show-btn:active, .ed-video__show-btn:focus {
  background: none;
  color: #116b65;
  transition: all .2s ease;
}

.ed-video__show-btn::after {
  content: '';
  position: absolute;
  left: 14px;
  top: calc(50% - 6px);
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid #009e82;
  box-sizing: border-box;
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
}

.ed-video__webinars {
  padding: 1.875rem;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.11);
}

.ed-video__btn {
  display: block;
  width: 100%;
}

.ed-video-modal {
  background: none;
  border: none;
}

.ed-video-modal__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  color: #000000;
  font-size: 2.25rem;
  margin-bottom: 20px;
}

.ed-video-modal__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.ed-video-modal__btns .button:hover, .ed-video-modal__btns .black:hover, .ed-video-modal__btns .button:active, .ed-video-modal__btns .black:active, .ed-video-modal__btns .button:focus, .ed-video-modal__btns .black:focus {
  background-color: #00816a !important;
}

.ed-video-modal__btns .button--transparent {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #377f6b;
  margin-right: 20px;
  border-bottom: 1px solid #377f6b;
}

.ed-video-modal__close {
  display: block;
  width: 44px;
  height: 47px;
  position: absolute;
  left: 0;
  top: 0;
}

.ed-video-modal__iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.ed-video-modal__iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .ed-video__count .ed-video__item:nth-child(n + 9) {
    display: none;
  }
  .ed-video__iframe img {
    display: block;
    width: 100%;
  }
  .ed-video__tabs-btn {
    display: none;
  }
  .ed-video__title {
    font-size: 2.25rem;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem;
  }
  .ed-video__tabs-content {
    justify-content: space-around;
  }
  .ed-video__access-btn {
    margin-top: 1.25rem !important;
    margin-right: 0 !important;
  }
  .ed-video__play, .ed-video__get-acces {
    display: block;
  }
  .ed-video-modal {
    background: none;
    border: none;
  }
  .ed-video-modal__close {
    display: block;
    max-width: 44px;
    position: absolute;
    left: 0;
    top: -10px;
    z-index: 10;
  }
}

.ed-wecyl {
  margin-top: 4.6875rem;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  background: url("/static/img/education/wecyl-bg.png") center/cover no-repeat;
}

.ed-wecyl__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  color: #000;
  font-size: 2.25rem;
}

.ed-wecyl__items {
  max-width: 76.4rem;
  margin: 2.8125rem auto 0 auto;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.ed-wecyl__item {
  padding: 30px 35px;
  padding-bottom: 25px;
  width: 100%;
  max-width: 180px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  margin-bottom: 15px;
  transition: all .3s ease;
}

.ed-wecyl__item:hover {
  background: #FFFFFF;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  transform: scale(1.07273);
  transition: all .3s ease;
}

.ed-wecyl__icon {
  min-height: 50px;
}

.ed-wecyl__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000;
  font-size: 1.125rem;
  text-align: center;
  margin-top: 25px;
  line-height: normal;
  min-height: 46px;
}

.ed-wecyl__icon {
  text-align: center;
}

@media screen and (max-width: 1080px) {
  .ed-wecyl__items {
    max-width: 720px;
    margin: 1.875rem auto 0 auto;
  }
  .ed-wecyl__item {
    display: flex;
    align-items: center;
    max-width: 48%;
  }
  .ed-wecyl__icon {
    margin-left: 15px;
    min-height: auto;
  }
  .ed-wecyl__name {
    margin-top: 0;
    min-height: auto;
    text-align: right;
  }
}

@media screen and (max-width: 768px) {
  .ed-wecyl {
    margin-top: 0 !important;
    padding-top: 3.125rem;
    padding-bottom: 6.1875rem;
  }
  .ed-wecyl__title {
    padding: 0 20px;
  }
  .ed-wecyl__items {
    margin-top: 1.25rem;
  }
  .ed-wecyl__item {
    height: 75px;
    padding: 18px;
    padding-left: 20px;
  }
  .ed-wecyl__icon {
    max-width: 30px;
  }
  .ed-wecyl__name {
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    font-size: 16px;
  }
}

.ed-book {
  background: url("/static/img/education/book-bg.png") 0% 20% no-repeat #ffffff;
}

.ed-book--show-for-small-only {
  display: none;
}

.ed-book--wrapper {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 3.75rem 10px 0 10px;
  display: flex;
  flex-wrap: wrap;
}

.ed-book__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000;
  font-size: 3rem;
  margin-bottom: 0.625rem;
}

.ed-book__sub-title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000;
  font-size: 1.5rem;
}

.ed-book__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-top: 1.5625rem;
  max-width: 520px;
}

.ed-book__left {
  padding-bottom: 200px;
}

.ed-book__img {
  background-image: url("/static/img/education/book@2x.png");
  background-position: -74px -50px;
  background-size: 120%;
  background-repeat: no-repeat;
  height: 100%;
}

.ed-book__img.eng {
  background-image: url("/static/img/education/book-eng.png");
}

.ed-book__sending {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  line-height: normal;
  font-size: 1.125rem;
  color: #423d33;
  margin: 30px 0;
  display: none;
  align-items: center;
}

.ed-book__sending.active {
  display: flex;
}

.ed-book__sending .icon, .ed-book__sending .icon-portfolio, .ed-book__sending .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-book__sending .block-portfolio {
  margin-left: 15px;
  height: 16px;
}

@media screen and (max-width: 768px) {
  .ed-book {
    background: #ffffff;
  }
  .ed-book--show-for-small-only {
    display: block;
  }
  .ed-book--show-for-small-only img {
    display: block;
    margin: 0 auto;
  }
  .ed-book--wrapper {
    padding-top: 2.5rem;
  }
  .ed-book__title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
  }
  .ed-book__sub-title {
    font-size: 1.5rem;
    line-height: normal;
  }
  .ed-book__left {
    padding-bottom: 0;
  }
  .ed-book__img img {
    margin: 0 auto;
  }
}

.ed-author {
  margin-top: 80px;
}

.ed-author__row {
  max-width: 76.4rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.ed-author__img {
  max-width: 146px;
}

.ed-author__info {
  max-width: 665px;
  margin-right: 43px;
}

.ed-author__about {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.875rem;
  color: #000000;
}

.ed-author__desc {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 1rem;
  color: #000000;
  margin-top: 15px;
}

.ed-author__quotes {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-style: italic;
  color: #000000;
  max-width: 285px;
  font-size: 1.125rem;
  line-height: 21px;
  margin: 10px 60px 0 0;
  padding: 30px 25px 0 0;
  border-right: none;
  position: relative;
}

.ed-author__quotes::before {
  content: '“';
  font-size: 96px;
  color: #009e82;
  opacity: 0.3;
  position: absolute;
  right: -15px;
  top: 35px;
}

.ed-authors {
  padding-bottom: 20px;
}

.ed-authors__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 2.25rem;
  margin-top: 4.375rem;
  margin-bottom: 2.1875rem;
}

.ed-authors__row {
  max-width: 76.4rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.ed-authors__row:last-child {
  margin-bottom: 0;
}

.ed-authors__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ed-authors__img {
  max-width: 175px;
}

.ed-authors__img img {
  border-radius: 500px;
}

.ed-authors__text {
  max-width: 485px;
  margin-right: 30px;
}

.ed-authors__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 1.5rem;
}

.ed-authors__desc {
  color: #000000;
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-top: 10px;
}

.ed-authors__quotes {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-style: italic;
  color: #000000;
  max-width: 285px;
  font-size: 1.125rem;
  line-height: 21px;
  margin: 30px 8.33333% 0 0;
  padding: 30px 25px 0 0;
  border-right: none;
  position: relative;
}

.ed-authors__quotes::before {
  content: '“';
  font-size: 96px;
  color: #009e82;
  opacity: 0.3;
  position: absolute;
  right: -15px;
  top: 35px;
}

@media screen and (max-width: 1080px) {
  .ed-author {
    margin-top: 40px;
  }
  .ed-author__row {
    align-items: flex-start;
  }
  .ed-author__img {
    width: 10%;
  }
  .ed-author__info {
    width: 60%;
    margin-right: 10px;
  }
  .ed-author__quotes {
    width: 20%;
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .ed-authors {
    padding-bottom: 50px;
  }
  .ed-authors__title {
    margin-top: 3.125rem;
  }
  .ed-authors .row, .ed-authors__row {
    padding: 0 20px !important;
  }
  .ed-authors__row {
    margin-bottom: 0;
  }
  .ed-authors__row:last-child {
    margin-bottom: 30px;
  }
  .ed-authors__items {
    display: flex;
    flex-direction: column-reverse;
  }
  .ed-authors__info {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .ed-authors__img {
    width: 33%;
  }
  .ed-authors__text {
    margin-right: 15px;
  }
  .ed-authors__quotes {
    margin-right: auto;
    margin-top: 0;
    padding-top: 15px;
  }
  .ed-authors__quotes::before {
    right: -25px;
  }
  .ed-author {
    margin-top: 40px;
  }
  .ed-author__row {
    align-items: flex-start;
  }
  .ed-author__img {
    width: 10%;
  }
  .ed-author__info {
    width: 80%;
  }
  .ed-author__quotes {
    width: 100%;
  }
}

.education-webinars {
  padding: 60px 0 250px 0;
}

.education-webinars__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  max-height: 1000px;
  background: url("/static/img/education/education-webinars-bg.png") no-repeat center;
  background-size: cover;
  z-index: -1;
  transition: opacity 1.5s ease;
}

.education-webinars__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  line-height: normal;
  font-size: 3rem;
  color: #000000;
}

.education-webinars__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  color: #000000;
  margin: 45px 0;
  max-width: 900px;
}

.education-webinars__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 600px;
}

.education-webinars__item {
  padding: 30px 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  max-width: 187px;
  width: 100%;
}

.education-webinars__item-img {
  text-align: center;
  min-height: 58px;
}

.education-webinars__item-desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  margin-top: 25px;
  font-size: 1.125rem;
  color: #000000;
}

.education-webinars__btn {
  margin-top: 55px;
}

@media screen and (max-width: 768px) {
  .education-webinars {
    padding: 30px 0;
  }
  .education-webinars__img {
    background-position: 85% 100%;
    height: 100%;
  }
  .education-webinars__title {
    font-size: 2.25rem;
  }
  .education-webinars__desc {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 30px 0 20px 0;
  }
  .education-webinars__btn {
    margin-top: 30px;
  }
  .education-webinars__items {
    flex-direction: column;
  }
  .education-webinars__item {
    max-width: 100%;
    display: flex;
    align-items: center;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .education-webinars__item-desc {
    text-align: right;
    margin-top: 0;
    margin-right: 20px;
  }
  .education-webinars__item-img {
    padding: 11px;
    min-height: auto;
  }
  .education-webinars__item:nth-child(2) .education-webinars__item-img {
    padding: 0;
  }
  .education-webinars__item:last-child {
    margin-bottom: 0;
  }
}

.ed-course {
  background: url("/static/img/education/webinar-bg.png") 10% 50% no-repeat #ffffff;
  padding: 65px 0 100px 0;
}

.ed-course__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  line-height: normal;
  font-size: 3rem;
  color: #000000;
}

.ed-course__desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  color: #000000;
  margin: 30px 0 40px 0;
}

.ed-course__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 600px;
}

.ed-course__item {
  padding: 21px 15px;
  background: rgba(201, 201, 201, 0.2);
  border-radius: 3px;
  max-width: 187px;
  width: 100%;
}

.ed-course__item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}

.ed-course__item-desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: center;
  margin-top: 20px;
  font-size: 1.125rem;
  color: #000000;
}

.ed-course__btn {
  margin-top: 40px;
}

.ed-course__btn .button, .ed-course__btn .black {
  padding-right: 1.125rem;
  padding-left: 1.25rem;
  outline: none;
}

.ed-course__btn .button .icon, .ed-course__btn .black .icon, .ed-course__btn .button .icon-portfolio, .ed-course__btn .black .icon-portfolio, .ed-course__btn .button .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-course__btn .button .block-portfolio, .ed-course__btn .black .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-course__btn .black .block-portfolio {
  outline: none;
  margin-right: 5px;
  -webkit-animation: bounce 1s infinite;
  animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
  }
}

.ed-course__video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  cursor: pointer;
  margin-top: 100px;
}

.ed-course__video video,
.ed-course__video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ed-courses {
  padding-top: 70px;
}

.ed-courses__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  line-height: normal;
  font-size: 2.25rem;
  color: #000000;
  margin-bottom: 30px;
}

.ed-courses__action .icon, .ed-courses__action .icon-portfolio, .ed-courses__action .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-courses__action .block-portfolio {
  width: 21px;
  height: 21px;
}

.ed-courses__action-text {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  color: #009e82;
}

.ed-courses__action-desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  color: #000000;
}

.ed-courses__action-cost {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 1rem;
  color: #848484;
  padding-right: 25px;
  margin-top: 5px;
}

.ed-courses__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}

.ed-courses__item {
  background: #FFFFFF;
  border-radius: 3px;
  max-width: 280px;
  width: 100%;
  padding: 30px 20px 25px 20px;
  transition: all .3s ease;
  cursor: pointer;
}

.ed-courses__item:hover {
  transform: scale(1.06);
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  transition: all .3s ease;
  padding: 45px 20px 40px 20px;
}

.ed-courses__item--popular {
  border: 1px solid #FDCD53;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  transform: scale(1.06);
}

.ed-courses__item--popular:hover {
  padding: 30px 20px 25px 20px;
}

.ed-courses__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 1.5rem;
  line-height: normal;
  color: #000000;
  min-height: 87px;
}

.ed-courses__popular {
  color: #009e82;
  margin-bottom: 10px;
}

.ed-courses__info {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.ed-courses__info-item {
  font-size: 0.875rem;
  color: #423D33;
  flex: 33%;
}

.ed-courses__free {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  border-bottom: 1px dashed #000000;
  color: #423D33;
}

.ed-courses__subscribe {
  margin: 20px 0 15px 0 !important;
  display: block;
  width: 100%;
}

.ed-courses__subscribe--popular {
  color: #423D33 !important;
  background: #FDCD53 !important;
  transition: background .2s ease;
}

.ed-courses__subscribe--popular:hover, .ed-courses__subscribe--popular:focus, .ed-courses__subscribe--popular:active {
  background: #fcbe21 !important;
  transition: background .2s ease;
}

.ed-courses__subscribe[disabled] {
  color: #fff !important;
  cursor: no-drop;
}

.ed-courses__send {
  display: none;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #848484;
  text-align: center;
}

.ed-courses__download {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #377F6B;
  display: flex;
}

.ed-courses__download .icon, .ed-courses__download .icon-portfolio, .ed-courses__download .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-courses__download .block-portfolio {
  width: 13px;
  height: 15px;
  margin-left: 10px;
  background: url("/static/img/education/paper.svg") center no-repeat;
}

@media screen and (max-width: 1080px) {
  .ed-courses__items {
    max-width: 600px;
    margin: 0 auto;
  }
  .ed-courses__item {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .ed-course {
    background: #ffffff;
    padding: 40px 0 30px 0;
  }
  .ed-course__title {
    font-size: 2.25rem;
  }
  .ed-course__desc {
    font-size: 1.5rem;
  }
  .ed-course__items {
    flex-direction: column;
  }
  .ed-course__item {
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 0;
    background: none;
    margin-bottom: 20px;
  }
  .ed-course__item-img {
    padding: 0 0 0 11px;
    min-height: auto;
  }
  .ed-course__item:last-child .ed-course__item-img {
    padding-left: 0;
  }
  .ed-course__item-desc {
    margin-top: 0px;
    text-align: right;
    margin-right: 15px;
  }
  .ed-course__video {
    margin-top: 0;
  }
  .ed-courses__items {
    margin-top: 20px;
  }
  .ed-courses__item {
    max-width: 100%;
  }
  .ed-courses__item:hover {
    transform: scale(1);
    padding: 30px 20px 25px 20px;
  }
  .ed-courses__item--popular {
    transform: scale(1);
  }
  .ed-courses__action {
    padding-right: 30px;
  }
  .ed-courses__action .icon, .ed-courses__action .icon-portfolio, .ed-courses__action .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-courses__action .block-portfolio {
    position: absolute;
    right: 10px;
  }
  .ed-courses__action-text {
    font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
    color: #000000;
  }
  .ed-courses__action-cost {
    padding-right: 0;
  }
  .ed-courses__info-item {
    padding: 0 10px;
  }
}

.ed-training {
  padding: 70px 0;
}

.ed-training__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 3rem;
  line-height: normal;
  color: #424242;
}

.ed-training .black-arrow-down {
  width: 24px;
  height: 24px;
  background: url("/static/img/education/arrow-down.svg") no-repeat;
}

.ed-training .city {
  position: relative;
  display: inline-block;
}

.ed-training .city span {
  border-bottom: 1px dashed rgba(66, 66, 67, 0.5);
}

.ed-training .city a {
  border-bottom: none;
}

.ed-training .city .cities {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  position: absolute;
  font-size: 2rem;
  top: 100%;
  right: 0;
  width: 100%;
  min-width: 13rem;
  z-index: 20;
}

.ed-training .city .cities .city-item {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  padding: 0.5rem 1rem;
  display: block;
  text-decoration: none;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  font-size: 24px;
  color: #424243;
}

.ed-training__course-name {
  position: relative;
  display: inline-block;
}

.ed-training__course-name::after {
  content: none;
}

.ed-training__tabs {
  margin-top: 90px;
}

.ed-training__item:not(:first-child) .ed-training__head {
  display: none;
}

.ed-training__item:nth-child(4n) .ed-training__heading {
  display: none;
}

.ed-training__content > td:first-child {
  color: #424243;
  padding: 20px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding-top: 10px;
}

.ed-training__content > td:first-child::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.27);
  border-top: none;
  border-right: none;
  position: absolute;
  right: 0;
  transform: translateY(5px) rotate(-225deg);
}

.ed-training__content > td:first-child.active::before {
  transform: rotate(-45deg);
}

.ed-training__content > td:first-child.active .ed-training__course-name::after {
  content: '';
  position: absolute;
  bottom: -5px;
  right: 0;
  width: 100%;
  display: inline-block;
  height: 1px;
  background: rgba(66, 61, 51, 0.3);
}

.ed-training__content td {
  padding: 20px 0 20px 20px;
}

.ed-training__content td:last-child {
  width: 33%;
  padding-left: 0;
}

.ed-training__table {
  border: none;
  background: transparent;
}

.ed-training__head {
  background: none;
  border-bottom: 1px solid #009e82;
}

.ed-training__head tr th {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #009e82;
  font-size: 16px;
  line-height: normal;
  border: none;
  text-align: right;
  padding: 15px 0;
  padding: 23px 0 12px 0;
}

.ed-training__head tr th:last-child {
  width: 33%;
}

.ed-training__desc td:first-child {
  padding: 0 20px 20px 40px;
}

.ed-training__desc td {
  padding-left: 20px;
}

.ed-training__desc-title {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #424243;
}

.ed-training__desc-text {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  line-height: 20px;
  color: #424243;
}

.ed-training__desc-about {
  vertical-align: bottom;
}

.ed-training__desc-about p {
  font-family: "pfDinTextRegItalic", "Helvetica Neue", "Arial";
  font-style: italic;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.6px;
  color: #757575;
}

.ed-training__desc--mobile {
  display: none;
  padding-right: 20px;
}

.ed-training__desc--mobile .desc-title {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
  font-size: 12px;
}

.ed-training__desc--mobile .desc-text {
  color: #2D3E50;
  font-size: 12px;
}

.ed-training__desc--mobile .desc-note {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
  font-size: 12px;
}

.ed-training__row {
  position: relative;
  border-bottom: 1px solid #efefef;
}

.ed-training__row tr {
  background: transparent !important;
}

.ed-training__row td {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #757575;
  text-align: right;
  border: none;
  vertical-align: top;
  padding-right: 0;
  padding-top: 10px;
}

.ed-training__row table {
  border: none;
  background: transparent;
}

.ed-training__row--mobile {
  font-size: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}

.ed-training__row--mobile .no-pad {
  padding: 0 !important;
}

.ed-training__row--mobile .tutor-name {
  font-size: 14px;
  color: #424243;
  display: block;
  margin-bottom: 5px;
}

.ed-training__row--mobile .text-green {
  font-size: 14px;
  color: #009e82;
}

.ed-training__row--mobile .text-strong {
  font-size: 14px;
  color: #424243;
}

.ed-training__author td:not(:last-child) {
  cursor: pointer;
}

.ed-training__img {
  width: 72px;
  padding: 0 !important;
  padding-left: 16px !important;
}

.ed-training__img img {
  border-radius: 50%;
}

.ed-training__about {
  width: 180px;
  padding: 0 !important;
  padding-left: 30px !important;
}

.ed-training__about-name {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 1rem;
  display: block;
  margin-bottom: 10px;
  color: #423D33;
}

.ed-training__about-text {
  font-size: 13px;
  line-height: 15px;
  color: #757575;
}

.ed-training__sign {
  padding-top: 0 !important;
}

.ed-training__blog {
  display: inline-block;
  margin-top: 20px;
  margin-right: 15px;
  border-bottom: 1px solid rgba(132, 132, 132, 0.3);
  transition: all .3s ease;
}

.ed-training__blog:hover {
  border-bottom: 1px solid transparent;
  transition: all .3s ease;
}

.ed-training__blog--mobile {
  margin-right: 0;
}

.ed-training__blog .text {
  font-size: 14px;
  line-height: normal;
  text-align: center;
  color: #848484;
}

.ed-training__blog .icon, .ed-training__blog .icon-portfolio, .ed-training__blog .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .ed-training__blog .block-portfolio {
  margin-right: 10px;
}

.ed-training__btn,
.ed-training__btn a,
.ed-training__btn button, .ed-training__btn.button, .ed-training__btn.black {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  padding: 0.44rem 1.23rem;
  background: transparent;
  color: #009e82;
  font-size: 1rem;
  border: 1px solid #009e82;
  border-radius: 3px;
}

.ed-training__btn:hover,
.ed-training__btn a:hover,
.ed-training__btn button:hover, .ed-training__btn.button:hover, .ed-training__btn.black:hover {
  color: #fff;
  background: #009e82;
}

.ed-training__btn--wrapper,
.ed-training__btn a--wrapper,
.ed-training__btn button--wrapper, .ed-training__btn.button--wrapper {
  display: flex;
}

.ed-training__btn--mobile,
.ed-training__btn a--mobile,
.ed-training__btn button--mobile, .ed-training__btn.button--mobile {
  border: none !important;
  padding: 0;
  display: inline-block;
  width: auto;
  margin-right: auto;
  text-align: left;
}

.ed-training__btn--mobile:hover,
.ed-training__btn a--mobile:hover,
.ed-training__btn button--mobile:hover, .ed-training__btn.button--mobile:hover {
  display: inline-block;
  width: auto;
  border: none !important;
  background: none !important;
  color: #009e82 !important;
}

.ed-training__success {
  display: none;
  font-size: 13px;
  color: #009e82;
  line-height: 16px;
}

.ed-training__success.active {
  display: inline-block;
}

.ed-training__line {
  padding: 15px 20px 20px 0px !important;
}

.ed-training__line--small.row {
  margin: 10px -0.9375rem !important;
}

.ed-training__line .arrow-block {
  position: relative;
}

.ed-training__line .arrow-block::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.27);
  border-top: none;
  border-left: none;
  position: absolute;
  right: -10px;
  top: -3px;
  transform: rotate(45deg);
  transition: all .3s ease;
}

.ed-training__line .arrow-block.active::before {
  transform: rotate(-135deg);
  transform-origin: center bottom;
  transition: all .3s ease;
}

.ed-training__heading {
  border-bottom: 1px solid #009e82;
  padding: 15px 0 !important;
  width: 100% !important;
  margin: auto !important;
}

.ed-training__heading-item {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 0.875rem;
  color: #009e82;
}

.ed-tabs__list {
  margin-right: 0;
  margin-bottom: 25px;
  list-style: none;
  display: flex;
}

.ed-tabs__item {
  font-size: 1.125rem;
  margin-left: 30px;
}

.ed-tabs__item a {
  color: #848484;
  outline: none;
  border-bottom: 1px dashed #848484;
  transition: all .3s ease;
}

.ed-tabs__item.active a {
  color: #424243;
  border-bottom: none;
  transition: all .3s ease;
}

.ed-tabs__item:last-child {
  margin-left: 0;
}

.ed-tabs__content {
  min-height: auto;
  padding: 0 1.4375rem !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

#sign-modal {
  position: absolute;
  background: #fff;
  width: 100%;
  max-width: 470px;
  padding: 50px 85px;
  text-align: center;
}

#sign-modal .close {
  width: 20px;
  height: 20px;
  background: url(/static/img/modals/close.svg) no-repeat center;
  top: 20px;
  left: 20px;
  color: #aaa;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
}

#sign-modal h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #252525;
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  margin-bottom: 30px;
  letter-spacing: normal;
}

#sign-modal .btn {
  display: inline-block;
  border-radius: 3px;
  background: #009e82;
  padding: 15px 25px;
  color: #fff;
  line-height: 1.125rem;
  font-size: 1.125rem;
  border: none;
  font: 1rem/1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 300ms ease-out;
}

#sign-modal .btn.new {
  border: solid 1px #00b0a2;
  background: 100% 0;
  color: #00b0a2;
}

#register-success {
  position: absolute;
  background: #fff;
  width: 100%;
  max-width: 500px;
  padding: 60px 60px 70px 60px;
  text-align: center;
}

#register-success .close {
  width: 20px;
  height: 20px;
  background: url(/static/img/modals/close.svg) no-repeat center;
  top: 20px;
  left: 20px;
  color: #aaa;
  cursor: pointer;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
}

#register-success .icon, #register-success .icon-portfolio, #register-success .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account #register-success .block-portfolio {
  margin-bottom: 30px;
}

#register-success .text {
  line-height: 22px;
  font-size: 18px;
  text-align: center;
  color: #009e82;
}

@media screen and (max-width: 768px) {
  .ed-training {
    padding: 45px 0;
  }
  .ed-training__title {
    font-size: 1.75rem;
  }
  .ed-training .city .cities {
    top: 110%;
  }
  .ed-training .city .cities .city-item {
    font-size: 1.125rem;
  }
  .ed-training .city .cities .city-item:hover, .ed-training .city .cities .city-item:active {
    background: #EFEFEF;
  }
  .ed-tabs {
    margin-top: 35px;
  }
  .ed-tabs__item {
    margin-left: 25px;
  }
  .ed-tabs__item a {
    font-size: 1.125rem;
  }
  .ed-tabs__list {
    margin-bottom: 20px;
  }
  #sign-modal,
  #register-success {
    min-height: initial;
    right: 0;
    margin: 0 auto;
    left: 0;
    top: 50px;
    width: 90%;
    padding: 60px 50px !important;
  }
}

#modal-form {
  max-width: 430px;
  background: none;
  border: none;
  padding: 0;
}

#modal-form .landings-form__input {
  background-color: transparent;
  border-bottom: solid 1px rgba(79, 79, 79, 0.12);
}

#modal-form p,
#modal-form label {
  color: #000;
}

#modal-form .landings-form__button-inner {
  text-align: center;
}

#modal-form .promo_button {
  font-size: 1.125rem;
  color: #fff;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
  line-height: 1.9;
  height: 45px;
  background: #009e82;
  border-radius: .27rem;
  border: none;
  font: 1rem/1rem "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0;
  padding: 0.4rem .75rem;
  border: none;
  margin: 0;
  cursor: pointer;
}

#ed-modal,
#ed-book-modal {
  max-width: 430px;
  background: #fff;
}

#ed-modal .landings-form,
#ed-book-modal .landings-form {
  width: auto;
  padding: 0;
  box-shadow: none;
}

#ed-modal .landings-form .landings-form__input,
#ed-book-modal .landings-form .landings-form__input {
  background: transparent;
  border-bottom: solid 1px rgba(79, 79, 79, 0.12);
}

#ed-modal .landings-form .landings-form__input:hover, #ed-modal .landings-form .landings-form__input:focus,
#ed-book-modal .landings-form .landings-form__input:hover,
#ed-book-modal .landings-form .landings-form__input:focus {
  border-bottom: solid 1px rgba(0, 158, 130, 0.5);
  background-color: transparent;
}

#ed-modal .landings-form label,
#ed-modal .landings-form p,
#ed-book-modal .landings-form label,
#ed-book-modal .landings-form p {
  color: #2f2c2c;
}

#ed-modal .landings-form .promo_button,
#ed-book-modal .landings-form .promo_button {
  border-radius: .27rem;
  border: none;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  margin: 0;
  padding: 0.4rem 1.5625rem 0.75rem;
  font-size: 1.125rem;
  line-height: 1.9;
  height: 45px;
  cursor: pointer;
  background: #009e82;
  display: block;
  margin: 0 auto;
  color: #fff;
  transition: background-color 300ms ease-out;
}

#ed-modal .landings-form .promo_button:hover,
#ed-book-modal .landings-form .promo_button:hover {
  background: #116b65;
  transition: background-color 300ms ease-out;
}

.modal-thanks {
  max-width: 515px;
  padding: 50px 50px 65px 50px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.11);
}

.modal-thanks .ed-video-modal__close {
  left: 5px;
}

.modal-thanks__img {
  text-align: center;
}

.modal-thanks__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 2.25rem;
  text-align: center;
  color: #000000 !important;
  margin-top: 35px;
  margin-bottom: 20px;
}

.modal-thanks__text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000 !important;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-align: center;
  max-width: 410px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  #ed-modal {
    visibility: visible;
    display: block;
    position: static;
    margin: 0 auto;
  }
  #ed-modal.reveal-modal {
    visibility: visible;
  }
  #ed-modal .toggle {
    font-size: 12px;
    color: #2f2c2c;
    background: none;
    padding: 0;
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    position: relative;
    outline: none;
    line-height: normal;
    height: auto;
  }
  .modal-thanks {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .modal-thanks__text {
    margin-top: 0;
  }
}

body.ed-tooltip .tooltip {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  background: rgba(66, 66, 67, 0.8);
  border-radius: 3px;
  font-size: 0.875rem;
  color: #FFFFFF;
  min-height: auto;
  text-align: center;
  padding: 7px 12px;
}

body.ed-tooltip .tooltip > .nub {
  border-color: transparent transparent rgba(66, 66, 67, 0.8) transparent;
}

.new-footer-landings {
  background: #E5E5E5;
  padding: 70px 0 100px;
  margin: 0 !important;
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  .new-footer-landings {
    padding: 50px 20px 70px;
  }
}

.new-footer-landings .new-footer-landings__inner {
  /*320!!!*/
}

@media only screen and (max-width: 90em) {
  .new-footer-landings .new-footer-landings__inner {
    width: 100%;
  }
}

.new-footer-landings .new-footer-landings__text {
  width: 100%;
  margin-bottom: 30px;
}

.new-footer-landings .new-footer-landings__text p {
  font-size: 14px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000;
  margin-bottom: 20px;
}

.new-footer-landings .new-footer-landings__text p:nth-child(3) {
  margin: 0;
  line-height: 1.1;
}

.new-footer-landings .new-footer-landings__text span {
  font-size: 14px;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  line-height: 1.1;
}

.new-footer-landings .new-footer-landings__bottom-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.new-footer-landings .new-footer-landings__bottom-line p {
  color: #424243;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 16px;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner {
  width: 24%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner {
    width: 35%;
  }
}

@media only screen and (max-width: 40em) {
  .new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner {
    width: 40%;
  }
}

@media only screen and (max-width: 30em) {
  .new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner {
    width: 100%;
    margin-top: 35px;
  }
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
  margin-right: 40px;
  display: flex;
  align-items: center;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 40em) {
  .new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
    margin-right: 20px;
  }
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner path {
  fill: #BEBEBE !important;
  transition: all .3s ease;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube path:last-child {
  fill: #E5E5E5 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube:hover path {
  fill: #FF0000 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .youtube:hover path:last-child {
  fill: #E5E5E5 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .twitter:hover path {
  fill: #55ACEE !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok path:last-child {
  fill: #E5E5E5 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok:hover path {
  fill: #F68634 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .ok:hover path:last-child {
  fill: #E5E5E5 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .vk:hover path {
  fill: #4C6C91 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .facebook:hover path {
  fill: #3B5998 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .tumblr:hover path {
  fill: #323E4D !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .instagram:hover path {
  fill: #000000 !important;
}

.new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner .telegram:hover path {
  fill: #37AEE2 !important;
}

.landings-form__inner {
  min-height: 500px;
}

.landings-form {
  width: 430px;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 20px 60px 45px;
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
  /*320!!!*/
}

.landings-form__close {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer;
}

@media only screen and (max-width: 90em) {
  .landings-form {
    padding: 15px 45px 35px;
  }
}

@media only screen and (max-width: 64em) {
  .landings-form {
    margin: 0 auto 60px;
    padding: 15px 40px 30px;
    width: 380px;
  }
}

@media only screen and (max-width: 40em) {
  .landings-form {
    padding: 10px 20px 30px;
  }
}

@media only screen and (max-width: 30em) {
  .landings-form {
    width: 100%;
  }
}

.landings-form .checkbox-wrapper {
  margin-bottom: 25px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .landings-form .checkbox-wrapper {
    margin-bottom: 15px;
  }
}

.landings-form .checkbox-wrapper label {
  font-size: 12px;
  cursor: pointer;
}

.landings-form .checkbox-wrapper input[type="checkbox"] + label {
  margin-top: 12px;
  background: transparent;
  border: solid 1px #c9c9c9;
}

.landings-form input[type="checkbox"]:checked + label {
  background: url(../img/icons.png) -361px -120px #14817a;
  border-color: #14817a;
}

.landings-form .landings-form__input-inner {
  position: relative;
  margin-bottom: 20px;
}

.landings-form .landings-form__input, .landings-form input.phone-input {
  border: none;
  outline: none;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75);
  border-radius: 0;
  border-bottom: solid 1px rgba(79, 79, 79, 0.12);
  transition: all .3s ease;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: 20px 0 3px;
  height: 100%;
  position: relative;
  z-index: 2;
  background-color: transparent;
}

.landings-form .landings-form__input:focus, .landings-form .landings-form__input:hover, .landings-form input.phone-input:focus, .landings-form input.phone-input:hover {
  border-bottom: solid 1px rgba(0, 158, 130, 0.5);
  background-color: transparent;
}

.landings-form .landings-form__input:focus + .landings-form__placeholder, .landings-form .landings-form__input:valid + .landings-form__placeholder, .landings-form input.phone-input:focus + .landings-form__placeholder, .landings-form input.phone-input:valid + .landings-form__placeholder {
  bottom: auto;
  top: 5px;
  transform: translateY(0);
  font-size: 12px;
  z-index: 3;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .landings-form input.phone-input:focus + .landings-form__placeholder, .landings-form input.phone-input:valid + .landings-form__placeholder {
    top: 0;
  }
  .landings-form select.phone-select {
    height: 30px;
  }
}

.landings-form input.phone-input {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .landings-form input.phone-input {
    width: 60%;
  }
}

.landings-form select.phone-select {
  width: 24%;
  vertical-align: bottom;
  border-color: transparent !important;
  outline: none !important;
  font-size: 16px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 35px;
  border-bottom: solid 1px rgba(79, 79, 79, 0.12) !important;
  /*320!!!*/
}

@media only screen and (max-width: 30em) {
  .landings-form select.phone-select {
    width: 80px;
  }
}

.landings-form select.phone-select:focus, .landings-form select.phone-select:hover {
  border-bottom: solid 1px rgba(0, 158, 130, 0.5) !important;
  background-color: transparent;
}

.landings-form .landings-form__placeholder {
  transition: all .3s ease;
  font-size: 16px;
  color: rgba(79, 79, 79, 0.3) !important;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  z-index: 1;
}

.landings-form .landings-form__button-inner {
  margin-bottom: 30px;
}

.landings-form .landings-form__button-inner .button, .landings-form .landings-form__button-inner .black {
  outline: none;
}

.landings-form .landings-form__enter-inner p {
  font-size: 12px;
}

.landings-form .form-errors {
  font-size: 12px;
  color: #F2545B;
  margin-top: 4px;
}

.landings-form .main__form-errors {
  display: block;
  margin-bottom: 20px;
}

.landings-form .registration-landings-form, .landings-form .enter-landings-form {
  display: none;
}

.landings-form .registration-landings-form.active, .landings-form .enter-landings-form.active {
  display: block;
}

.landings-form .toggle {
  font-size: 12px;
  color: #2f2c2c;
  background: none;
  padding: 0;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  position: relative;
  outline: none;
}

.landings-form .toggle:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  background: #2f2c2c;
  transition: all .3s ease;
}

.landings-form .toggle:hover:after {
  width: 0;
}

.dark-placeholder .landings-form__placeholder {
  color: rgba(79, 79, 79, 0.4) !important;
}

.page404__box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.page404__title {
  margin-top: 84px;
  font-size: 48px;
  color: #424243;
  line-height: 56px;
}

.page404__text {
  font-size: 24px;
  margin-bottom: 40px;
  font-family: pfDinTextLight;
}

.page404__img {
  margin-top: 75px;
  max-width: 750px;
  max-height: 390px;
}

@media (max-width: 650px) {
  .page404__img {
    order: -1;
    width: 100%;
  }
}

.faq-container {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq-container {
    display: flex;
    flex-direction: column-reverse;
  }
}

.faq__not-found {
  font-size: 24px;
}

.faq .green-link {
  color: #377F6B;
  border-bottom-color: rgba(0, 158, 130, 0.5);
}

.faq .green-link:hover, .faq .green-link:focus, .faq .green-link:active {
  border-bottom-color: transparent;
}

.faq .questions__item {
  margin-bottom: 15px;
}

.faq .questions__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #000000;
  padding: 17px;
  padding-right: 55px;
  position: relative;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0px 2px 8px rgba(66, 61, 51, 0.15);
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .questions__title {
    padding: 10px;
    padding-right: 35px;
  }
}

.faq .questions__title::before {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  display: inline-block;
  position: absolute;
  right: 22px;
  top: 45%;
  border-top: none;
  border-left: none;
  transform: translateY(-50%) rotate3d(-1, 1, 5, 45deg);
  transition: transform .3s ease;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .questions__title::before {
    right: 15px;
  }
}

.faq .questions__title.active::before {
  top: 40%;
  transform: translateY(-50%) rotate3d(-10, 4, 1, -180deg);
  transform-origin: bottom;
  transition: transform .3s ease;
}

.faq .questions__answer {
  color: #000000;
  padding: 30px;
  padding-right: 55px;
  font-size: 16px;
  margin-top: 2px;
  background: #ffffff;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .questions__answer {
    padding: 10px;
    padding-right: 35px;
  }
}

.faq__search {
  margin-bottom: 70px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq__search {
    margin-bottom: 20px;
  }
}

.faq .search__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  color: #000000;
  margin-bottom: 15px;
}

.faq .search__field {
  position: relative;
  display: flex;
}

.faq .search__form {
  width: 100%;
}

.faq .search__input {
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  background: transparent;
  color: #000000;
  padding-right: 15px;
  padding-left: 40px;
  transition: all .3s ease;
}

.faq .search__input::placeholder {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #848484;
  font-weight: normal;
}

.faq .search__input:hover, .faq .search__input:focus {
  border: 1px solid #009E82;
  background: transparent;
  transition: all .3s ease;
}

.faq .search__submit {
  background: url("/static/svg/base/loupe.svg") center/100% no-repeat;
  width: 18px;
  height: 26px;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 10;
  outline: none;
}

.faq .themes__title {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  color: #000000;
  margin-bottom: 30px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .themes__title {
    margin-bottom: 20px;
  }
}

.faq .themes__category {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #423D33;
  margin-bottom: 20px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .themes__category {
    display: none;
  }
}

.faq .themes__list {
  list-style: none;
  padding: 0;
  margin: 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .themes__list {
    display: none;
  }
}

.faq .themes__select {
  display: none;
  margin-bottom: 60px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .faq .themes__select {
    display: block;
  }
}

.faq .themes__item {
  margin-bottom: 10px;
}

.faq .themes__link {
  color: #377F6B;
  text-decoration: underline;
}

.faq .themes__counter {
  display: inline-block;
  font-size: 14px;
  color: #848484;
  cursor: pointer;
  margin-top: 15px;
  text-decoration: underline;
}

.faq .slide-enter-to, .faq .slide-leave {
  transition: opacity .3s ease;
  opacity: 1;
}

.faq .slide-enter, .faq .slide-leave-to {
  transition: opacity .3s ease;
  opacity: 0;
}

.instruments-btn {
  height: 50px !important;
  min-width: 205px;
  line-height: 40px !important;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-btn {
    display: block;
    max-width: 210px;
    margin: 0 auto !important;
  }
}

.instruments__bg {
  background: url("/static/img/instruments/hero-bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50px;
  right: 0;
  width: 100%;
  height: 100vh;
  max-height: 840px;
  z-index: -1;
  /*320!!!*/
}

.instruments__bg.ar {
  background-image: url("/static/img/instruments/hero-bg-ar.png");
}

@media only screen and (max-width: 64em) {
  .instruments__bg {
    background: none;
  }
}

.instruments__img {
  max-width: 638px;
  text-align: left;
  margin-right: auto;
}

.instruments__quotes {
  margin-top: 60px;
}

.instruments__desc {
  font-size: 20px;
  line-height: 28px;
  color: #423D33;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments__desc {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin-top: 20px;
  }
}

.instruments__sub-text {
  font-size: 16px;
  color: #848484;
  margin: 24px 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments__sub-text {
    text-align: center;
  }
}

.instruments__more {
  color: #848484;
  font-size: 14px;
  line-height: 17px;
  text-decoration: underline;
  max-width: 265px;
  margin: auto;
  border-top: 1px dashed #848484;
  padding-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  cursor: pointer;
  /*320!!!*/
}

.instruments__more:hover {
  text-decoration: none;
}

@media only screen and (max-width: 64em) {
  .instruments__more {
    text-align: right;
    margin-right: 0;
  }
}

.instruments__gloss {
  font-size: 14px;
  line-height: 17px;
  color: #C9C9C9;
}

.instruments__about {
  margin-top: 75px;
}

.instruments__advantages {
  padding: 75px 0;
}

.instruments__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments__list {
    flex-direction: column;
  }
}

.instruments__item {
  display: flex;
  align-items: flex-start;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments__item {
    background: rgba(229, 229, 232, 0.7);
    margin-bottom: 15px;
    padding: 10px 15px;
  }
}

.instruments__icon {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments__icon {
    min-width: 57px;
  }
}

.instruments__info {
  margin-right: 15px;
}

.instruments__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 30px;
  line-height: normal;
  margin-bottom: 10px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments__name {
    font-size: 23px;
  }
}

.instruments__link {
  color: #377F6B;
  border-bottom: 1px solid rgba(55, 127, 107, 0.5);
}

.instruments__link:hover {
  border-bottom: 1px solid transparent;
}

.instruments .hero {
  height: 600px;
  padding-bottom: 120px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments .hero {
    height: auto;
  }
}

.instruments .hero__desc {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #423D33;
  max-width: 880px;
  margin: 0 auto 24px auto;
}

.instruments .hero__desc span {
  display: inline-block;
  background: rgba(0, 158, 130, 0.7);
}

.instruments .hero__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments .hero__list {
    justify-content: space-around;
  }
}

.instruments .hero__item {
  max-width: 230px;
  padding: 35px 0px;
  /*320!!!*/
}

.instruments .hero__item--start {
  background: rgba(0, 158, 130, 0.8);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  max-width: 230px;
  width: 100%;
}

.instruments .hero__item--start .icon, .instruments .hero__item--start .icon-portfolio, .instruments .hero__item--start .manager-rating-page .base-table table tbody tr td.account .block-portfolio, .manager-rating-page .base-table table tbody tr td.account .instruments .hero__item--start .block-portfolio {
  text-align: center;
  margin-bottom: 25px;
}

.instruments .hero__item--start .name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
  color: #FFFFFF;
  text-align: center;
}

@media only screen and (max-width: 64em) {
  .instruments .hero__item {
    padding: 25px 0;
  }
}

.instruments .hero__icon {
  text-align: center;
  margin-bottom: 25px;
  min-height: 52px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments .hero__icon {
    min-height: 30px;
    margin-bottom: 15px;
  }
}

.instruments .hero__name {
  font-size: 18px;
  line-height: 22px;
  color: #423D33;
  text-align: center;
  max-width: 198px;
  margin: auto;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments .hero__name {
    font-size: 16px;
    line-height: 20px;
  }
}

.instruments .examples__title {
  margin-bottom: 20px;
}

.instruments .examples__item {
  max-width: 565px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments .examples__item {
    max-width: 100%;
  }
}

.instruments .examples__desc {
  color: #848484;
  font-size: 16px;
  line-height: 21px;
  margin: auto;
  margin-bottom: 50px;
  max-width: 335px;
}

.instruments .examples__about {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  color: #848484;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 40px;
}

.instruments .examples__more {
  color: #009e82;
  border-bottom: 1px solid #009e82;
}

.instruments .examples__more:hover {
  border-bottom-color: transparent;
}

.instruments .examples__controls {
  display: flex;
  margin-bottom: 10px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .instruments .examples__controls {
    overflow: scroll;
  }
}

.instruments .examples__controls button {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  background-color: #f4f4f4;
  color: #848484;
  padding: 0.625rem 1rem;
  margin-left: 5px;
  border-radius: 0;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .instruments .examples__controls button {
    margin-left: 10px;
  }
}

.instruments .examples__controls button:hover, .instruments .examples__controls button:focus, .instruments .examples__controls button:active {
  color: #fff;
  background-color: #00816a;
}

.instruments .examples__controls button.active {
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  color: #fff;
  background-color: #009e82;
}

.instruments .examples__controls a {
  border-radius: 3px;
  height: 40px;
  line-height: 32px;
  margin-right: auto;
  padding-right: 1.1875rem;
  padding-left: 1.1875rem;
  text-decoration: underline;
}

.instruments .examples__widget {
  width: 100%;
  height: 360px;
  margin-bottom: 75px;
}

.instruments .examples__widget table {
  table-layout: auto !important;
  border: none;
}

.instruments-table {
  box-shadow: none;
  padding: 0;
}

.instruments-table table thead tr td,
.instruments-table table thead th td {
  padding-bottom: 5px;
  color: #919191;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-table table thead tr td,
  .instruments-table table thead th td {
    font-size: 14px;
    color: #000000;
  }
}

.instruments-table table thead tr td:first-child,
.instruments-table table thead th td:first-child {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #009e82;
}

.instruments-table table thead tr td:last-child,
.instruments-table table thead th td:last-child {
  width: 385px;
}

.instruments-table table tbody tr {
  border-bottom: none;
  border-top: 1px solid #EFEFEF;
}

.instruments-table table tbody tr td {
  color: #423D33;
  font-size: 18px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-table table tbody tr td {
    font-size: 14px;
    color: #000000;
    padding: 12px 5px;
  }
}

.instruments-table table tbody tr td.buy-sell .button, .instruments-table table tbody tr td.buy-sell .black {
  min-width: 175px;
}

.instruments-table table tbody tr td.buy-sell .buy {
  margin-left: 30px;
}

.instruments-table table tbody tr.quotes td.wrapper-arrows span {
  width: 16px;
  height: 16px;
  margin-right: 0;
}

.instruments-table table tbody tr.up .wrapper-arrows span {
  background: url("/static/img/instruments/arrow-up.svg") center/cover no-repeat;
}

.instruments-table table tbody tr.up td.percents span {
  padding: 3px;
  background: rgba(0, 158, 130, 0.3);
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-table table tbody tr.up td.percents span {
    background: transparent;
    padding: 0;
  }
}

.instruments-table table tbody tr.down .wrapper-arrows span {
  background: url("/static/img/instruments/arrow-down.svg") center/cover no-repeat;
}

.instruments-table table tbody tr.down td.percents span {
  padding: 3px;
  background: rgba(235, 38, 41, 0.2);
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-table table tbody tr.down td.percents span {
    background: transparent;
    padding: 0;
  }
}

.instruments-table table tbody.max-5 tr:nth-child(n + 6) {
  display: none;
}

.instruments-detail .gc-h1 {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-detail .gc-h1 {
    text-align: center;
  }
}

.instruments-symbol .symbol__header {
  display: flex;
  font-size: 18px;
  align-items: center;
}

.instruments-symbol .symbol__header.up {
  color: #009e82;
}

.instruments-symbol .symbol__header.up .direction {
  border-color: #009e82;
  transform: translateY(2px) rotate(-45deg);
  border-bottom: none;
  border-left: none;
}

.instruments-symbol .symbol__header.down {
  color: #eb2629;
}

.instruments-symbol .symbol__header.down .direction {
  border-color: #eb2629;
  transform: translateY(-5px) rotate(-45deg);
  border-top: none;
  border-right: none;
}

.instruments-symbol .symbol__header .btn {
  margin-right: auto;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__header .btn {
    display: none;
  }
}

.instruments-symbol .symbol__chart #chart-container {
  max-width: 800px;
  height: 400px;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
}

.instruments-symbol .symbol__chart #chart-container table {
  table-layout: auto !important;
  border: none;
}

.instruments-symbol .symbol__chart .highcharts-credits {
  display: none;
}

.instruments-symbol .symbol__cost .direction {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid;
  margin-left: 5px;
}

.instruments-symbol .symbol__cost .value {
  color: #423D33;
  margin-left: 10px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__cost .value {
    font-size: 24px;
  }
}

.instruments-symbol .symbol__change {
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__change .value {
    font-size: 14px;
  }
  .instruments-symbol .symbol__change .percent {
    font-size: 14px;
  }
}

.instruments-symbol .symbol__time {
  color: #423D33;
  padding-right: 25px;
  background: url("/static/img/instruments/clock.svg") right top/19px 19px no-repeat;
  margin-right: 40px;
  position: relative;
}

.instruments-symbol .symbol__time::after {
  content: '';
  width: 1px;
  height: 20px;
  background: rgba(66, 61, 51, 0.3);
  position: absolute;
  right: -20px;
  top: 0;
}

.instruments-symbol .symbol__info {
  margin: 24px 0;
  /*320!!!*/
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__info {
    margin: 30px 0;
  }
}

.instruments-symbol .symbol__info .info {
  margin-left: 20px;
  font-size: 14px;
  color: #423D33;
  position: relative;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__info .info {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 20px;
  }
}

.instruments-symbol .symbol__info .info:not(:last-child)::after {
  content: '';
  width: 1px;
  height: 15px;
  background: rgba(66, 61, 51, 0.3);
  position: absolute;
  top: 0;
  left: -10px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__info .info:not(:last-child)::after {
    content: none;
  }
}

.instruments-symbol .symbol__info .info span {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__info .info span {
    width: 50%;
  }
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__info {
    display: flex;
    flex-direction: column;
  }
}

.instruments-symbol .symbol__table {
  max-width: 365px;
  margin-right: auto;
}

.instruments-symbol .symbol__table .gc-table {
  padding: 0 15px;
}

.instruments-symbol .symbol__table .gc-table table thead tr td,
.instruments-symbol .symbol__table .gc-table table thead th td {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 12px;
  padding: 7px 0;
}

.instruments-symbol .symbol__table .gc-table table thead tr td:first-child,
.instruments-symbol .symbol__table .gc-table table thead th td:first-child {
  width: 100px;
}

.instruments-symbol .symbol__table .gc-table table tbody tr td {
  font-size: 12px;
  padding: 8px 0;
  color: inherit;
}

.instruments-symbol .symbol__table .gc-table table tbody tr td.wrapper-arrows span {
  margin-right: 0;
}

.instruments-symbol .symbol__table .gc-table table tbody tr.up {
  color: #009e82;
}

.instruments-symbol .symbol__table .gc-table table tbody tr.down {
  color: #eb2629;
}

.instruments-symbol .symbol__table .gc-table table tbody.max-10 tr:nth-child(n + 11) {
  display: none;
}

.instruments-symbol .symbol__name {
  font-size: 14px;
  color: #FFFFFF;
  background: #009e82;
  padding: 9px 15px;
}

.instruments-symbol .symbol__bottom {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .symbol__bottom .trade-btn {
    display: none;
  }
}

.instruments-symbol .about {
  background: url("/static/img/instruments/about-bg.png") 100% 50%/40% no-repeat #FFFFFF;
  padding: 70px 0 100px 0;
  margin-bottom: 70px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .about {
    padding: 100px 0 200px 0;
    background-position: left bottom;
    background-size: 400px;
  }
}

.instruments-symbol .about__text {
  color: #424243;
  line-height: 22px;
  padding-right: 62px;
  position: relative;
  max-width: 75%;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .about__text {
    max-width: 100%;
    padding-right: 0;
  }
}

.instruments-symbol .about__text::after {
  content: '';
  width: 43px;
  height: 44px;
  background: url("/static/img/instruments/lamp.svg") center/cover no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .about__text::after {
    top: -70px;
  }
}

.instruments-symbol .about__text p {
  color: #424243;
  line-height: 22px;
  margin-bottom: 20px;
}

.instruments-symbol .economic-calendar .gc-table {
  padding: 0 19px;
}

.instruments-symbol .economic-calendar .gc-table table thead tr td,
.instruments-symbol .economic-calendar .gc-table table thead th td {
  font-size: 14px;
  padding: 18px 0 10px 10px;
}

.instruments-symbol .economic-calendar .gc-table table thead tr td.event,
.instruments-symbol .economic-calendar .gc-table table thead th td.event {
  width: 170px;
}

.instruments-symbol .economic-calendar .gc-table table thead tr td.importance,
.instruments-symbol .economic-calendar .gc-table table thead th td.importance {
  display: none;
}

.instruments-symbol .economic-calendar .gc-table table tbody tr td {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 14px;
  color: #424243;
  padding: 14px 0 12px 10px;
}

.instruments-symbol .economic-calendar .gc-table table tbody tr td.event-cell {
  padding-left: 10px;
}

.instruments-symbol .economic-calendar .gc-table table tbody tr td.event-cell .name {
  color: #000000;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.instruments-symbol .economic-calendar .gc-table table tbody tr td.event-cell .sub-name {
  font-size: 14px;
  color: #848484;
  display: inline-block;
}

.instruments-symbol .economic-calendar .gc-table table tbody tr td:nth-child(3) {
  display: none;
}

.instruments-symbol .how-work {
  background: #FFFFFF;
  padding: 75px 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .how-work {
    padding: 50px 15px;
  }
}

.instruments-symbol .how-work__steps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  counter-reset: numbers;
  margin-bottom: 75px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .how-work__steps {
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.instruments-symbol .how-work__step {
  font-size: 18px;
  line-height: 22px;
  color: #423D33;
  position: relative;
  padding-right: 25px;
  width: 100%;
  max-width: 285px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .how-work__step {
    margin-bottom: 30px;
  }
  .instruments-symbol .how-work__step:last-child {
    margin-bottom: 0;
  }
}

.instruments-symbol .how-work__step::before {
  counter-increment: numbers;
  content: counter(numbers);
  color: #009e82;
  font-size: 40px;
  line-height: 42px;
  position: absolute;
  right: -13px;
  top: -5px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .how-work__step::before {
    right: -5px;
  }
}

.instruments-symbol .how-work__step::after {
  content: '';
  width: 33px;
  height: 19px;
  background: url("/static/img/instruments/arrow-next.svg") center/cover no-repeat;
  position: absolute;
  left: -15px;
  top: 0;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .instruments-symbol .how-work__step::after {
    content: none;
  }
}

.instruments-symbol .how-work__step:nth-child(3)::after {
  content: none;
}

.instruments-symbol .how-work__step:hover .tooltip {
  display: block;
}

.instruments-symbol .how-work__tooltip {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  line-height: 21px;
  color: #423D33;
  display: none;
  background: #FDCD53;
  max-width: 320px;
  min-width: 320px;
  min-height: 90px;
  padding: 25px 20px;
  border-radius: 0;
  right: 0;
  top: 120%;
}

.trade-btn {
  font-size: 18px;
  line-height: 22px;
  color: #423D33;
  position: relative;
  padding-bottom: 5px;
  /*320!!!*/
}

@media only screen and (max-width: 40em) {
  .trade-btn {
    margin: auto;
  }
}

.trade-btn::before {
  content: '';
  width: 42px;
  height: 19px;
  background: url("/static/img/instruments/btn-arrow.svg") center/cover no-repeat;
  position: absolute;
  right: -65px;
  animation: bounce 1.5s infinite;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .trade-btn::before {
    content: none;
  }
}

.trade-btn::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #009e82;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all .3s ease;
}

.trade-btn:hover::after {
  width: 0;
  transition: all .3s ease;
}

@keyframes bounce {
  0% {
    transform: translateX(5px);
    opacity: 1;
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(5px);
  }
}

.gc-is__trade-text--rtl .gc-is__trade-button:before {
  background-image: url("../img/instruments/btn-arrow-rtl.svg");
}

.gc-is__trade-text--rtl .gc-is__trade-button:after {
  left: 0;
}

.gc-is__about {
  background: url("../img/instruments/group-308.png") no-repeat left center #fff !important;
  background-size: cover !important;
}

@media all and (max-width: 1500px) {
  .gc-is__about {
    background-position: calc(100% - (50% - 100px)) center !important;
  }
}

@media all and (max-width: 1024px) {
  .gc-is__about {
    background-position: calc(100% - (50% + 100px)) center !important;
    padding: 100px 0 50px 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-is__about {
    background-position: right center !important;
    padding: 100px 0 0 0 !important;
  }
}

.gc-is__about--rtl {
  background-image: url("../img/instruments/group-307.png") !important;
}

.gc-is__about-text {
  margin: 0 0 28px 0;
}

.gc-is__about-img {
  display: none;
  width: 100%;
}

@media all and (max-width: 768px) {
  .gc-is__about-img {
    display: block;
  }
}

.gc-is__steps--rtl .gc-is__steps-button:before {
  background-image: url("../img/instruments/btn-arrow-rtl.svg");
}

.gc-is__steps--rtl .gc-is__steps-button:after {
  left: 0;
}

.gc-is__step {
  padding: 0 28px 0 0 !important;
}

.gc-is__steps--rtl .gc-is__step:after {
  left: 15px;
  background-image: url("../img/instruments/arrow-next-rtl.svg");
}

.gc-if__title {
  font-size: 36px;
  line-height: 42px;
  margin: 0 0 20px 0 !important;
  color: #000;
  text-align: right !important;
}

.gc-if__text {
  text-align: right !important;
  font-weight: 300;
  font-size: 18px !important;
  line-height: 22px;
  color: #423D33 !important;
}

.gc-if ul {
  margin: 28px 0 0 0;
  list-style-image: none;
  list-style-type: none;
}

.gc-if ul li {
  padding: 0 24px 0 0;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 20px 0;
  position: relative;
}

.gc-if ul li:before {
  content: '';
  position: absolute;
  width: 19px;
  height: 15px;
  background: url("../img/instruments/gc-if-checkmark.svg") no-repeat center center;
  top: 0;
  right: 0;
}

.gc-if ul li:nth-last-of-type(1) {
  margin: 0 0 0 0;
}

.gc-if__button {
  text-align: right !important;
  margin: 32px 0 0 0 !important;
}

.gc-if__button a {
  margin: 0 0 0 0 !important;
}

.gc-owm__deposit {
  display: block;
  overflow: auto;
}

.gc-owm__deposit thead tr td,
.gc-owm__deposit tbody tr td {
  padding: 12px 10px 12px 10px;
}

@media all and (max-width: 768px) {
  .gc-owm__deposit thead tr td:nth-last-of-type(1),
  .gc-owm__deposit tbody tr td:nth-last-of-type(1) {
    padding: 0;
  }
}

@media all and (max-width: 768px) {
  .gc-owm__deposit thead tr td:nth-last-of-type(1) a,
  .gc-owm__deposit tbody tr td:nth-last-of-type(1) a {
    display: none;
  }
}

.gc-owm__withdraw {
  display: block;
  overflow: auto;
}

.gc-owm__withdraw thead tr td,
.gc-owm__withdraw tbody tr td {
  padding: 12px 10px 12px 10px;
}

@media all and (max-width: 768px) {
  .gc-owm__withdraw thead tr td:nth-last-of-type(1),
  .gc-owm__withdraw tbody tr td:nth-last-of-type(1) {
    padding: 0;
  }
}

@media all and (max-width: 768px) {
  .gc-owm__withdraw thead tr td:nth-last-of-type(1) a,
  .gc-owm__withdraw tbody tr td:nth-last-of-type(1) a {
    display: none;
  }
}

.gc-owm__td-1-link {
  display: none;
}

@media all and (max-width: 768px) {
  .gc-owm__td-1-link {
    margin: 10px 0 0 0 !important;
    font-family: 'New_PFDinTextPro', sans-serif;
    border-radius: 3px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 13px 22px 13px 22px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border: 1px solid #009E82;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 22px 13px 22px;
    background: #009E82;
    color: #fff;
    transition: border-color 0.3s ease, background 0.3s ease;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'New_PFDinTextPro', sans-serif !important;
    padding: 7px 10px 7px 10px !important;
    width: 100%;
  }
  .gc-owm__td-1-link:hover, .gc-owm__td-1-link:active, .gc-owm__td-1-link:focus {
    color: #fff;
    background: #006b58;
    border-color: #006b58;
  }
}

.gc-blog-feed-title {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  font-size: 48px;
  line-height: 58px;
  color: #000;
  margin: 0 auto -20px auto;
  max-width: 76.4rem;
  font-weight: 300;
  padding: 0 20px 0 20px;
  user-select: none;
}

@media all and (max-width: 768px) {
  .gc-blog-feed-title {
    margin: 0 0 0 0;
    font-size: 30px;
    line-height: 36px;
    font-weight: normal;
  }
}

.gc-blog-feed {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  padding: 0 0 0 0;
  /* -------------------- feed -------------------- */
  /* -------------------- sidebar -------------------- */
}

.gc-blog-feed__subwrap {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 0 20px 0 20px;
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__subwrap {
    flex-direction: column;
  }
}

.gc-blog-feed__feeds-wrap {
  max-width: 816px;
  width: 100%;
  margin: 0 0 0 20px;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__feeds-wrap {
    order: 2;
    max-width: none;
    margin: 0 0 0 0;
  }
}

.gc-blog-feed__tabs-list {
  display: flex;
  margin: 45px 0 0 0;
  user-select: none;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__tabs-list {
    margin: 12px 0 0 0;
  }
}

.gc-blog-feed__tabs-item {
  min-width: 50%;
  text-align: center;
  padding: 14px 10px 14px 10px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 300;
  color: #848484;
  border-bottom: 1px solid rgba(66, 61, 51, 0.2);
  position: relative;
  cursor: pointer;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__tabs-item {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
  }
}

.gc-blog-feed__tabs-item:hover, .gc-blog-feed__tabs-item:focus, .gc-blog-feed__tabs-item:active {
  color: #848484;
}

.gc-blog-feed__tabs-item[data-active='true'] {
  color: #377F6B;
}

.gc-blog-feed__tabs-item[data-active='true']:before {
  content: '';
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 2px;
  background: #009E82;
}

.gc-blog-feed__item {
  position: relative;
  padding: 50px 0 50px 0;
  border-bottom: 1px solid #BEBFBF;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__item {
    padding: 50px 0 50px 0;
  }
}

.gc-blog-feed__item:nth-last-of-type(1) {
  border-bottom: none;
  padding: 50px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__item:nth-last-of-type(1) {
    padding: 50px 0 0 0;
  }
}

.gc-blog-feed__item--not-found {
  font-size: 22px;
  color: #848484;
  text-align: center;
  font-weight: 300;
}

.gc-blog-feed__item--not-found:nth-last-of-type(1) {
  padding: 50px 0 20px 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__item--not-found:nth-last-of-type(1) {
    padding: 35px 0 0 0;
  }
}

.gc-blog-feed__item-fulldate {
  line-height: 0;
  display: flex;
  align-items: center;
  user-select: none;
}

.gc-blog-feed__item-timeicon {
  margin: 0 0 0 10px;
  transform: translateY(-1px);
}

.gc-blog-feed__item-time {
  margin: 0 0 0 10px;
  font-size: 14px;
  line-height: 17px;
  color: #423D33;
}

.gc-blog-feed__item-date {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-feed__item-title {
  font-family: 'New_PFDinTextPro', sans-serif !important;
  margin: 20px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__item-title {
    margin: 18px 0 0 0;
  }
}

.gc-blog-feed__item-title a {
  font-size: 30px;
  line-height: 36px;
  color: #000;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__item-title a {
    font-size: 23px;
    line-height: 28px;
    font-weight: normal;
  }
}

.gc-blog-feed__item-title-edit {
  color: #009E82 !important;
}

.gc-blog-feed__item-link {
  font-size: 16px;
  line-height: 22px;
  color: #848484;
  margin: 20px 0 0 0;
}

.gc-blog-feed__item-link a {
  font-size: 16px;
  line-height: 22px;
  color: #848484;
  text-decoration: underline;
  display: inline-block;
}

.gc-blog-feed__item-link a:hover {
  color: #009E82;
}

.gc-blog-feed__item-tags-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px -4px -22px -4px;
  user-select: none;
}

@media all and (max-width: 1024px) {
  .gc-blog-feed__item-tags-list {
    margin: 20px -4px -8px -4px;
  }
}

.gc-blog-feed__item-tags-item {
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #423D33;
  padding: 10px 20px 9px 20px;
  background: #ccebe5;
  border-radius: 100px;
  text-decoration: none;
  margin: 0 4px 22px 4px;
  transition: background 0.3s ease;
}

@media all and (max-width: 1024px) {
  .gc-blog-feed__item-tags-item {
    margin: 0 4px 8px 4px;
  }
}

.gc-blog-feed__item-tags-item:hover {
  transition: none;
  background: #95d5c9;
}

.gc-blog-feed__item-content {
  margin: 34px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__item-content {
    margin: 22px 0 0 0;
  }
}

.gc-blog-feed__item-content[data-item-content-small='hide'] {
  display: none;
}

.gc-blog-feed__item-content[data-item-content-full='hide'] {
  display: none;
}

.gc-blog-feed__item-content p {
  margin: 20px 0 20px 0;
}

.gc-blog-feed__item-content img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}

.gc-blog-feed__item-bar {
  margin: 35px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.gc-blog-feed__item-bar-left {
  display: flex;
  align-items: center;
  line-height: 0;
}

.gc-blog-feed__item-bar-readmore {
  font-size: 16px;
  line-height: 22px;
  text-decoration: underline;
  margin: 0 0 0 75px;
  cursor: pointer;
}

@media all and (max-width: 1024px) {
  .gc-blog-feed__item-bar-readmore {
    margin: 0 0 0 20px;
  }
}

.gc-blog-feed__item-bar-readmore[data-item-bar-readmore-small='hide'] {
  display: none;
}

.gc-blog-feed__item-bar-readmore[data-item-bar-readmore-full='hide'] {
  display: none;
}

.gc-blog-feed__item-bar-readmore a {
  color: #848484;
}

.gc-blog-feed__item-bar-readmore:hover a {
  color: #009E82;
}

.gc-blog-feed__item-bar-comments {
  display: flex;
  align-items: center;
  line-height: 0;
  margin: 0 0 0 30px;
  text-decoration: none;
  cursor: pointer;
}

@media all and (max-width: 1024px) {
  .gc-blog-feed__item-bar-comments {
    margin: 0 0 0 15px;
  }
}

.gc-blog-feed__item-bar-comments-icon {
  margin: 0 0 0 10px;
}

@media all and (max-width: 1024px) {
  .gc-blog-feed__item-bar-comments-icon {
    margin: 0 0 0 5px;
  }
}

.gc-blog-feed__item-bar-comments:hover .gc-blog-feed__item-bar-comments-icon svg path {
  fill: #009E82;
}

.gc-blog-feed__item-bar-comments-count {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-feed__item-bar-views {
  display: flex;
  align-items: center;
  line-height: 0;
  cursor: default;
}

.gc-blog-feed__item-bar-views-icon {
  margin: 0 0 0 10px;
}

@media all and (max-width: 1024px) {
  .gc-blog-feed__item-bar-views-icon {
    margin: 0 0 0 5px;
  }
}

.gc-blog-feed__item-bar-views-count {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-feed__item-bar-right {
  display: flex;
  align-items: center;
  line-height: 0;
}

.gc-blog-feed__item-bar-likes-wrap {
  display: flex;
  margin: 0 0 0 20px;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-feed__item-bar-likes {
  margin: 0 0 0 10px;
  width: 20px;
  height: 18px;
  background: url("../img/blog/gc-blog-feed__like.svg") no-repeat center center;
  display: block;
}

.gc-blog-feed__item-bar-likes-wrap:hover .gc-blog-feed__item-bar-likes {
  background-image: url("../img/blog/gc-blog-feed__like--hover.svg");
}

.gc-blog-feed__item-bar-likes[data-active='true'] {
  background-image: url("../img/blog/gc-blog-feed__like--active.svg");
}

.gc-blog-feed__item-bar-likes-wrap:hover .gc-blog-feed__item-bar-likes[data-active='true'] {
  background-image: url("../img/blog/gc-blog-feed__like--active.svg");
}

.gc-blog-feed__item-bar-share {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.gc-blog-feed__item-bar-share-icon {
  width: 20px;
  height: 20px;
  background: url("../img/blog/gc-blog-feed__share.svg") no-repeat center center;
}

.gc-blog-feed__item-bar-share-icon:hover, .gc-blog-feed__item-bar-share-icon[data-item-bar-share-icon="active"] {
  background: url("../img/blog/gc-blog-feed__share--active.svg") no-repeat center center;
}

.gc-blog-feed__item-sn-list {
  position: absolute;
  width: 100%;
  bottom: 1px;
  left: 0;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.3s ease, transform 0s linear 0.3s;
}

.gc-blog-feed__item-sn-list[data-item-sn-list="active"] {
  transition: opacity 0.3s ease;
  transform: scale(1);
  opacity: 1;
}

.gc-blog-feed__item:nth-last-of-type(1) .gc-blog-feed__item-sn-list {
  top: calc(100% + 12px);
  bottom: auto;
}

.gc-blog-feed__item-sn-list-subwrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #fff;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
  min-height: 36px;
}

.gc-blog-feed__item-sn-item {
  line-height: 0;
  padding: 8px 13px 8px 13px;
}

@media all and (max-width: 425px) {
  .gc-blog-feed__item-sn-item {
    padding: 8px 10px 8px 10px;
  }
}

.gc-blog-feed__item-sn-item:nth-of-type(1) {
  padding: 8px 16px 8px 13px;
}

@media all and (max-width: 425px) {
  .gc-blog-feed__item-sn-item:nth-of-type(1) {
    padding: 8px 16px 8px 10px;
  }
}

.gc-blog-feed__item-sn-item:nth-last-of-type(1) {
  padding: 8px 13px 8px 18px;
}

@media all and (max-width: 425px) {
  .gc-blog-feed__item-sn-item:nth-last-of-type(1) {
    padding: 8px 10px 8px 18px;
  }
}

.gc-blog-feed__item-sn-item svg path {
  transition: fill 0.5s ease;
}

.gc-blog-feed__item-sn-item:hover svg path {
  transition: none;
  fill: #009E82;
}

.gc-blog-feed__item-sn-item--youtube:hover svg path:nth-of-type(2) {
  fill: #fff;
}

.gc-blog-feed__item-sn-item--ok:hover svg path:nth-of-type(3) {
  fill: #fff;
}

.gc-blog-feed__item-sn-list-arrow {
  position: absolute;
  left: 8px;
  bottom: 100%;
  width: 31px;
  height: 14px;
  background: url("../img/blog/gc-blog-feed__icon-arrow.png") no-repeat center center;
}

.gc-blog-feed__sidebar-wrap {
  min-width: 278px;
  max-width: 278px;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__sidebar-wrap {
    margin: 32px 0 0 0;
    order: 1;
    min-width: 0;
    max-width: none;
  }
}

.gc-blog-feed__search {
  padding: 0 0 50px 0;
  border-bottom: 1px solid #BEBFBF;
}

[data-views='detail'] .gc-blog-feed__search {
  margin: 50px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__search {
    padding: 0 0 35px 0;
  }
}

.gc-blog-feed__search-title {
  position: relative;
  font-size: 24px;
  line-height: 29px;
  color: #424243;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__search-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    transition: margin 0.3s ease;
    cursor: pointer;
  }
}

@media all and (max-width: 768px) {
  .gc-blog-feed__search-title[data-visible='close'] {
    margin: 0 0 -8px 0;
  }
}

.gc-blog-feed__search-title:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 9px;
  background: url("../img/blog/gc-blog-feed__arrow-top-icon.svg") no-repeat center center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__search-title:before {
    transition: transform 0.3s ease, opacity 0.3s linear;
    opacity: 1;
  }
}

@media all and (max-width: 768px) {
  .gc-blog-feed__search-title[data-visible='close']:before {
    transform: rotate(-180deg) translateY(50%);
  }
}

.gc-blog-feed__search-control {
  margin: 22px 0 0 0;
  position: relative;
}

.gc-blog-feed__search-control-input input {
  width: 100%;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  outline: none;
  height: 50px;
  padding: 0 19px 0 50px;
  font-size: 16px;
  line-height: 19px;
  color: #848484;
  background: #f0eff0;
}

.gc-blog-feed__search-control-input input::placeholder {
  font-size: 16px;
  line-height: 19px;
  color: #848484;
}

.gc-blog-feed__search-control-input input:hover, .gc-blog-feed__search-control-input input:active, .gc-blog-feed__search-control-input input:focus {
  border: 1px solid #C9C9C9;
  background: #f0eff0;
}

.gc-blog-feed__search-control-submit {
  width: 50px;
  height: 50px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background: transparent;
  outline: none;
}

.gc-blog-feed__search-control-submit:hover, .gc-blog-feed__search-control-submit:active, .gc-blog-feed__search-control-submit:focus {
  background: transparent;
}

.gc-blog-feed__themes {
  margin: 50px 0 0 0;
  padding: 0 0 40px 0;
  border-bottom: 1px solid #BEBFBF;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__themes {
    margin: 35px 0 0 0;
    padding: 0 0 25px 0;
  }
}

.gc-blog-feed__themes-title {
  position: relative;
  font-size: 24px;
  line-height: 29px;
  color: #424243;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__themes-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    transition: margin 0.3s ease;
    cursor: pointer;
  }
}

@media all and (max-width: 768px) {
  .gc-blog-feed__themes-title[data-visible='close'] {
    margin: 2px 0 0 0;
  }
}

.gc-blog-feed__themes-title:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 9px;
  background: url("../img/blog/gc-blog-feed__arrow-top-icon.svg") no-repeat center center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__themes-title:before {
    transition: transform 0.3s ease, opacity 0.3s linear;
    opacity: 1;
  }
}

@media all and (max-width: 768px) {
  .gc-blog-feed__themes-title[data-visible='close']:before {
    transform: rotate(-180deg) translateY(50%);
  }
}

.gc-blog-feed__themes-list {
  margin: 15px 0 0 0;
  display: flex;
  flex-direction: column;
}

.gc-blog-feed__themes-item {
  font-size: 16px;
  line-height: 24px;
  color: #377F6B;
  text-decoration: none;
  padding: 7px 0 7px 0;
}

.gc-blog-feed__themes-item:hover {
  color: #377F6B;
  text-decoration: underline;
}

.gc-blog-feed__subscribe {
  position: relative;
  padding: 45px 0 0 0;
  display: none;
}

.gc-blog-feed__subscribe[data-subscribe-wrap="hide"] {
  display: none;
}

.gc-blog-feed__subscribe[data-subscribe-wrap="false"], .gc-blog-feed__subscribe[data-subscribe-wrap="true"], .gc-blog-feed__subscribe[data-subscribe-wrap="error"] {
  display: block;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__subscribe {
    padding: 30px 0 0 0;
  }
}

.gc-blog-feed__subscribe-form {
  transition: opacity 0.3s ease;
}

[data-subscribe-wrap="false"] .gc-blog-feed__subscribe-form {
  opacity: 1;
  transform: scale(1);
  position: static;
}

[data-subscribe-wrap="true"] .gc-blog-feed__subscribe-form {
  opacity: 0;
  transform: scale(0);
  position: absolute;
}

.gc-blog-feed__subscribe-message {
  transition: opacity 0.3s ease;
  color: #377F6B;
  font-size: 18px;
  text-align: center;
}

[data-subscribe-wrap] .gc-blog-feed__subscribe-message {
  opacity: 0.3;
  transform: scale(0);
  position: absolute;
}

[data-subscribe-wrap="true"] .gc-blog-feed__subscribe-message {
  opacity: 1;
  transform: scale(1);
  position: static;
}

.gc-blog-feed__subscribe-title {
  font-size: 24px;
  line-height: 29px;
  color: #424243;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__subscribe-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
  }
}

.gc-blog-feed__subscribe-control {
  margin: 24px 0 0 0;
  position: relative;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__subscribe-control {
    margin: 22px 0 0 0;
  }
}

.gc-blog-feed__subscribe-control-input input {
  width: 100%;
  border: 1px solid #C9C9C9;
  border-radius: 3px;
  outline: none;
  height: 50px;
  padding: 0 19px 0 70px;
  font-size: 16px;
  line-height: 19px;
  color: #848484;
  background: #f0eff0;
  transition: border-color 0.3s ease;
}

[data-subscribe-wrap="error"] .gc-blog-feed__subscribe-control-input input {
  border-color: #eb2629;
}

.gc-blog-feed__subscribe-control-input input::placeholder {
  font-size: 16px;
  line-height: 19px;
  color: #848484;
}

.gc-blog-feed__subscribe-control-input input:hover, .gc-blog-feed__subscribe-control-input input:active, .gc-blog-feed__subscribe-control-input input:focus {
  border: 1px solid #C9C9C9;
  background: #f0eff0;
}

[data-subscribe-wrap="error"] .gc-blog-feed__subscribe-control-input input:hover, [data-subscribe-wrap="error"] .gc-blog-feed__subscribe-control-input input:active, [data-subscribe-wrap="error"] .gc-blog-feed__subscribe-control-input input:focus {
  border-color: #eb2629;
}

.gc-blog-feed__subscribe-control-submit {
  position: absolute;
  background: #009E82;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  top: 0;
  left: 0;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  border: none;
  transition: background 0.3s ease;
}

[data-subscribe-wrap="error"] .gc-blog-feed__subscribe-control-submit {
  background: #eb2629;
}

.gc-blog-feed__subscribe-control-submit:hover {
  background: #009E82;
}

[data-subscribe-wrap="error"] .gc-blog-feed__subscribe-control-submit:hover {
  background: #eb2629;
}

.gc-blog-feed__subscribe-text {
  font-size: 12px;
  line-height: 16px;
  color: #848484;
  margin: 18px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-feed__subscribe-text {
    margin: 13px 0 0 0;
  }
}

.gc-blog-detail {
  /* -------------------- feed -------------------- */
  /* -------------------- sidebar -------------------- */
}

.gc-blog-detail__return {
  max-width: 76.4rem;
  padding: 0 20px 0 20px;
  margin: 0 auto -37px auto;
  text-align: left;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__return {
    margin: 0 auto 0 auto;
    text-align: right;
  }
}

.gc-blog-detail__return a {
  position: relative;
  padding: 0 19px 0 0;
  font-size: 16px;
  line-height: 22px;
  color: #009E82;
  width: 278px;
  display: inline-block;
  text-align: right;
}

.gc-blog-detail__return a:hover {
  text-decoration: underline;
}

.gc-blog-detail__return a:before {
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  width: 9px;
  height: 16px;
  background: url("../img/blog/gc-blog-detail__arrow-left-icon.svg") no-repeat center center;
}

.gc-blog-detail__subwrap {
  max-width: 76.4rem;
  margin: 0 auto;
  padding: 0 20px 0 20px;
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__subwrap {
    flex-direction: column;
  }
}

.gc-blog-detail__feeds-wrap {
  max-width: 816px;
  width: 100%;
  margin: 0 0 0 20px;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__feeds-wrap {
    margin: 0 0 0 0;
  }
}

.gc-blog-detail__item {
  position: relative;
}

.gc-blog-detail__item-title {
  margin: 0 0 0 0;
  font-size: 48px;
  line-height: 58px;
  color: #000;
  font-weight: 300;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__item-title {
    font-size: 30px;
    line-height: 36px;
    color: #000;
    font-weight: normal;
    margin: 32px 0 0 0;
  }
}

.gc-blog-detail__item-title a {
  color: #009E82;
}

.gc-blog-detail__item-link-date-wrap {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__item-link-date-wrap {
    margin: 30px 0 0 0;
    flex-direction: column;
    align-items: flex-start;
  }
}

.gc-blog-detail__item-link {
  font-size: 16px;
  line-height: 22px;
  color: #848484;
  display: block;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__item-link {
    order: 2;
  }
}

.gc-blog-detail__item-link a {
  font-size: 16px;
  line-height: 22px;
  color: #848484;
  display: inline-block;
  text-decoration: underline;
}

.gc-blog-detail__item-link a:hover {
  color: #009E82;
}

.gc-blog-detail__item-fulldate {
  line-height: 0;
  display: flex;
  align-items: center;
  min-width: 200px;
  justify-content: flex-end;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__item-fulldate {
    justify-content: flex-start;
    order: 1;
    margin: 0 0 18px 0;
  }
}

.gc-blog-detail__item-timeicon {
  margin: 0 0 0 10px;
}

.gc-blog-detail__item-time {
  margin: 0 0 0 10px;
  font-size: 14px;
  line-height: 17px;
  color: #423D33;
}

.gc-blog-detail__item-date {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-detail__item-tags-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px -4px -22px -4px;
  user-select: none;
}

@media all and (max-width: 1024px) {
  .gc-blog-detail__item-tags-list {
    margin: 20px -4px -8px -4px;
  }
}

.gc-blog-detail__item-tags-item {
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #423D33;
  padding: 10px 20px 9px 20px;
  background: #ccebe5;
  border-radius: 100px;
  text-decoration: none;
  margin: 0 4px 22px 4px;
  transition: background 0.3s ease;
}

@media all and (max-width: 1024px) {
  .gc-blog-detail__item-tags-item {
    margin: 0 4px 8px 4px;
  }
}

.gc-blog-detail__item-tags-item:hover {
  transition: none;
  background: #95d5c9;
}

.gc-blog-detail__item-content {
  margin: 34px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__item-content {
    margin: 22px 0 0 0;
  }
}

.gc-blog-detail__item-content p {
  margin: 20px 0 20px 0;
}

.gc-blog-detail__item-content img:not(.resizable) {
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}

.gc-blog-detail__item-bar {
  margin: 35px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

.gc-blog-detail__item-bar-left {
  display: flex;
  align-items: center;
  line-height: 0;
}

.gc-blog-detail__item-bar-comments {
  display: flex;
  align-items: center;
  line-height: 0;
  margin: 0 0 0 30px;
  text-decoration: none;
  cursor: pointer;
}

@media all and (max-width: 1024px) {
  .gc-blog-detail__item-bar-comments {
    margin: 0 0 0 15px;
  }
}

.gc-blog-detail__item-bar-comments-icon {
  margin: 0 0 0 10px;
}

@media all and (max-width: 1024px) {
  .gc-blog-detail__item-bar-comments-icon {
    margin: 0 0 0 5px;
  }
}

.gc-blog-detail__item-bar-comments:hover .gc-blog-detail__item-bar-comments-icon svg path {
  fill: #009E82;
}

.gc-blog-detail__item-bar-comments-count {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-detail__item-bar-views {
  display: flex;
  align-items: center;
  line-height: 0;
  cursor: default;
}

.gc-blog-detail__item-bar-views-icon {
  margin: 0 0 0 10px;
}

@media all and (max-width: 1024px) {
  .gc-blog-detail__item-bar-views-icon {
    margin: 0 0 0 5px;
  }
}

.gc-blog-detail__item-bar-views-count {
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-detail__item-bar-right {
  display: flex;
  align-items: center;
  line-height: 0;
}

.gc-blog-detail__item-bar-likes-wrap {
  display: flex;
  margin: 0 0 0 20px;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.gc-blog-detail__item-bar-likes {
  margin: 0 0 0 10px;
  width: 20px;
  height: 18px;
  background: url("../img/blog/gc-blog-feed__like.svg") no-repeat center center;
  display: block;
}

.gc-blog-detail__item-bar-likes-wrap:hover .gc-blog-detail__item-bar-likes {
  background-image: url("../img/blog/gc-blog-feed__like--hover.svg");
}

.gc-blog-detail__item-bar-likes[data-active='true'] {
  background-image: url("../img/blog/gc-blog-feed__like--active.svg");
}

.gc-blog-detail__item-bar-likes-wrap:hover .gc-blog-detail__item-bar-likes[data-active='true'] {
  background-image: url("../img/blog/gc-blog-feed__like--active.svg");
}

.gc-blog-detail__item-bar-share {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.gc-blog-detail__item-bar-share-icon {
  width: 20px;
  height: 20px;
  background: url("../img/blog/gc-blog-feed__share.svg") no-repeat center center;
}

.gc-blog-detail__item-bar-share-icon:hover, .gc-blog-detail__item-bar-share-icon[data-item-bar-share-icon="active"] {
  background: url("../img/blog/gc-blog-feed__share--active.svg") no-repeat center center;
}

.gc-blog-detail__item-sn-list {
  position: absolute;
  width: 100%;
  top: calc(100% + 12px);
  left: 0;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.3s ease, transform 0s linear 0.3s;
}

.gc-blog-detail__item-sn-list[data-item-sn-list="active"] {
  transition: opacity 0.3s ease;
  transform: scale(1);
  opacity: 1;
}

.gc-blog-detail__item-sn-list-subwrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #fff;
  box-shadow: 0 6px 8px rgba(114, 114, 114, 0.25);
  min-height: 36px;
}

.gc-blog-detail__item-sn-item {
  line-height: 0;
  padding: 8px 13px 8px 13px;
}

@media all and (max-width: 425px) {
  .gc-blog-detail__item-sn-item {
    padding: 8px 10px 8px 10px;
  }
}

.gc-blog-detail__item-sn-item:nth-of-type(1) {
  padding: 8px 16px 8px 13px;
}

@media all and (max-width: 425px) {
  .gc-blog-detail__item-sn-item:nth-of-type(1) {
    padding: 8px 16px 8px 10px;
  }
}

.gc-blog-detail__item-sn-item:nth-last-of-type(1) {
  padding: 8px 13px 8px 18px;
}

@media all and (max-width: 425px) {
  .gc-blog-detail__item-sn-item:nth-last-of-type(1) {
    padding: 8px 10px 8px 18px;
  }
}

.gc-blog-detail__item-sn-item svg path {
  transition: fill 0.5s ease;
}

.gc-blog-detail__item-sn-item:hover svg path {
  transition: none;
  fill: #009E82;
}

.gc-blog-detail__item-sn-item--youtube:hover svg path:nth-of-type(2) {
  fill: #fff;
}

.gc-blog-detail__item-sn-item--ok:hover svg path:nth-of-type(3) {
  fill: #fff;
}

.gc-blog-detail__item-sn-list-arrow {
  position: absolute;
  left: 8px;
  bottom: 100%;
  width: 31px;
  height: 14px;
  background: url("../img/blog/gc-blog-feed__icon-arrow.png") no-repeat center center;
}

.gc-blog-detail__sidebar-wrap {
  min-width: 278px;
  max-width: 278px;
  margin: 16px 0 0 0;
}

@media all and (max-width: 768px) {
  .gc-blog-detail__sidebar-wrap {
    display: none;
  }
}

.ip {
  font-family: 'Nunito', sans-serif !important;
}

.ip h1, .ip h2, .ip h3, .ip h4, .ip input, .ip label, .ip b, .ip a {
  font-family: 'Nunito', sans-serif !important;
}

.ip h1 {
  font-size: 55px;
}

@media all and (max-width: 768px) {
  .ip h1 {
    font-size: 28px;
  }
}

.ip h2 {
  font-size: 36px;
}

@media all and (max-width: 768px) {
  .ip h2 {
    font-size: 28px;
  }
}

.ip b {
  font-weight: 700;
}

.ip .green_link {
  cursor: pointer;
  color: #2ED790;
  text-decoration: underline;
  transition: color .2s ease-in-out;
}

.ip .green_link:hover, .ip .green_link:focus {
  color: #70EDA9;
}

.ip .green_link:active {
  color: #2ED790;
}

.ip section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  font-size: inherit;
  background-color: white;
  color: #2F2C2C;
}

@media all and (max-width: 768px) {
  .ip section {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}

.ip .btn,
.ip .promo_button {
  border: none;
  outline: 0 !important;
  text-align: center;
  background-color: #2ED790;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: white;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.ip .btn:after,
.ip .promo_button:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.ip .btn:active:after,
.ip .promo_button:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.ip .btn:hover,
.ip .promo_button:hover {
  background-color: #70EDA9;
}

.ip .btn:focus, .ip .btn:active,
.ip .promo_button:focus,
.ip .promo_button:active {
  outline: 0 !important;
}

.ip .btn_transparent {
  background-color: transparent;
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 25px;
  padding: 10px 25px;
  color: #FFFFFF;
  border: 1px solid #2ED790;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.ip .btn_transparent:after {
  content: "";
  background-color: #FFFFFF;
  position: absolute;
  width: 60%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.6s ease-in-out;
}

.ip .btn_transparent:active:after {
  transform: scale(0);
  opacity: 1;
  transition: 0s;
}

.ip .btn_transparent:hover, .ip .btn_transparent:focus {
  background-color: #70EDA9;
}

.ip-intro {
  padding-top: 20px !important;
  background: url("../img/invest_portfolio/intro.jpg") no-repeat bottom/cover;
  color: white !important;
}

.ip-intro__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 750px;
}

.ip-intro__left {
  width: 50%;
  margin-left: 100px;
}

.ip-intro__left h1 span {
  color: #2ED790;
}

.ip-intro__left p:nth-child(2) {
  margin-top: 40px;
  font-size: 24px;
}

.ip-intro__title {
  margin-bottom: 10px;
}

.ip-intro__text {
  font-size: 15px;
}

.ip-intro__link {
  display: inline-block;
  margin-top: 30px;
  font-size: 18px;
  color: white !important;
  text-decoration: underline;
  position: relative;
  padding-right: 32px;
  cursor: pointer;
}

.ip-intro__link:hover {
  text-decoration: none;
}

.ip-intro__link::before {
  position: absolute;
  content: '';
  right: 0;
  top: -2px;
  background: url("../img/invest_portfolio/download.svg") no-repeat center/contain;
  width: 20px;
  height: 20px;
}

@media all and (max-width: 1024px) {
  .ip-intro__box {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    justify-content: flex-start;
  }
  .ip-intro__left {
    width: 100%;
    margin-bottom: 30px;
  }
  .ip-intro__left h1 {
    font-size: 42px;
  }
}

@media all and (max-width: 768px) {
  .ip-intro__right {
    width: 100%;
  }
  .ip-intro__left h1 {
    font-size: 26px;
    margin-top: 40px;
  }
  .ip-intro__left p:nth-child(2) {
    font-size: 18px;
    margin-top: 20px;
  }
  .ip-intro__link {
    margin-top: 15px;
  }
}

@media all and (max-width: 500px) {
  .ip-intro {
    background-image: url("../img/invest_portfolio/intro_mob.jpg");
  }
}

.ip-intro__links {
  background-color: rgba(0, 0, 0, 0.87);
  padding: 50px 40px 60px;
  max-width: 460px;
  width: 100%;
}

@media all and (max-width: 700px) {
  .ip-intro__links {
    display: none;
  }
}

.ip-intro__links .btn,
.ip-intro__links .btn_transparent {
  display: block;
  margin: 20px auto 0;
}

.ip-form {
  background: rgba(0, 0, 0, 0.87);
  padding: 50px 40px 60px;
  max-width: 460px;
  min-height: 710px;
}

.ip-form__bottom {
  margin-top: 10px;
}

.ip-form h4 {
  font-size: 26px;
  margin-bottom: 10px;
}

.ip-form__login_text, .ip-form__registration_text {
  font-size: 15px !important;
  line-height: 24px !important;
}

.ip-form__login_text:not(.active), .ip-form__registration_text:not(.active) {
  display: none;
}

.ip-form [post-order-msg] {
  text-align: right;
}

.ip-form__text {
  font-size: 15px;
}

@media all and (max-width: 768px) {
  .ip-form {
    padding: 40px 20px 40px;
    max-width: none;
  }
  .ip-form__text {
    display: none;
  }
  .ip-form .registration-promo-form .promo-form__input-wrapper {
    width: 100%;
  }
  .ip-form .registration-promo-form .promo-form__input-wrapper:nth-child(3) {
    margin-bottom: 12px;
  }
}

.ip-form__social_auth {
  margin: 30px 0;
}

.ip-form__social_auth .auth_button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  padding: 10px;
  border-radius: 3px;
  transition: background-color .2s ease-in-out;
}

.ip-form__social_auth .auth_button:first-of-type {
  margin-bottom: 10px;
}

.ip-form__social_auth .auth_button svg {
  flex: 0 1 auto;
  margin-left: 5px;
}

.ip-form__social_auth .auth_button.google {
  background-color: #FF0037;
}

.ip-form__social_auth .auth_button.google:hover, .ip-form__social_auth .auth_button.google:focus {
  background-color: #DC0E3A;
}

.ip-form__social_auth .auth_button.google:active {
  background-color: #FF0037;
}

.ip-form__social_auth .auth_button.facebook {
  background-color: #3A61B2;
}

.ip-form__social_auth .auth_button.facebook:hover, .ip-form__social_auth .auth_button.facebook:focus {
  background-color: #1A459F;
}

.ip-form__social_auth .auth_button.facebook:active {
  background-color: #3A61B2;
}

@media all and (max-width: 900pxpx) {
  .ip-form__social_auth {
    justify-content: center;
  }
}

@media all and (max-width: 500pxpx) {
  .ip-form__social_auth {
    flex-direction: column;
    margin-top: 20px;
  }
  .ip-form__social_auth .auth_button {
    width: 100%;
  }
  .ip-form__social_auth .auth_button:first-of-type {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.ip-examples h2 {
  text-align: center;
}

.ip-examples__box {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.ip-examples__item {
  border: 1px solid #E6E6E6;
  padding: 30px 27px 40px 27px;
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ip-examples__item:nth-child(2) {
  margin: 0 20px;
}

.ip-examples__item h3 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 20px;
}

.ip-examples__item p {
  font-size: 15px;
}

.ip-examples__item h4 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}

.ip-examples__item p span {
  font-weight: bold;
}

.ip-examples__diagram {
  width: 100%;
  height: 210px;
  margin-top: 10px;
}

.ip-examples .btn-box {
  text-align: center;
  margin-top: 30px;
}

@media all and (max-width: 1200px) {
  .ip-examples__diagram {
    height: 300px;
  }
}

@media all and (max-width: 1024px) {
  .ip-examples__box {
    flex-direction: column;
  }
  .ip-examples__item {
    width: 100%;
    padding: 20px 20px 25px 20px;
  }
  .ip-examples__item:nth-child(2) {
    margin: 0;
  }
  .ip-examples__item:not(:first-child) {
    margin-top: 20px;
  }
  .ip-examples__item h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .ip-examples__item h4 {
    font-size: 16px;
    margin-top: 15px;
  }
}

.ip-advantages {
  background: url("../img/invest_portfolio/adv.jpg") no-repeat center/cover;
  color: white !important;
}

.ip-advantages h2 {
  text-align: center;
  margin-bottom: 40px;
}

.ip-advantages__text {
  text-align: center;
}

.ip-advantages__box {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.ip-advantages__item {
  padding-right: 40px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  width: calc(100% / 5);
}

.ip-advantages__item:not(:first-child) {
  margin-right: 40px;
}

.ip-advantages__item::after {
  position: absolute;
  content: '';
  background: url("../img/invest_portfolio/done.svg") no-repeat center/contain;
  right: 0;
  top: 5px;
  width: 25px;
  height: 25px;
}

.ip-advantages__item b {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}

.ip-advantages .btn-box {
  margin-top: 60px;
  text-align: center;
}

@media all and (max-width: 768px) {
  .ip-advantages {
    background-image: url("../img/invest_portfolio/adv_mob.jpg");
  }
  .ip-advantages h2 {
    text-align: right;
    margin-bottom: 20px;
  }
  .ip-advantages__text {
    text-align: right;
  }
  .ip-advantages__box {
    flex-direction: column;
    margin-top: 30px;
  }
  .ip-advantages__item {
    width: 100%;
  }
  .ip-advantages__item:not(:first-child) {
    margin-top: 30px;
    margin-right: 0;
  }
  .ip-advantages .btn-box {
    margin-top: 30px;
  }
}

.ip-modal {
  background: white !important;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  padding: 60px 50px 70px !important;
  margin-bottom: 50px;
}

.ip-modal h2, .ip-modal h3, .ip-modal h3, .ip-modal h4, .ip-modal p {
  color: black;
}

.ip-modal h2 {
  margin-bottom: 30px;
}

.ip-modal h3 {
  font-size: 28px;
  font-weight: 700;
}

.ip-modal p span {
  font-weight: bold;
}

.ip-modal__close {
  width: 30px;
  height: 30px;
  left: 15px !important;
}

.ip-modal__close i {
  position: absolute;
  height: 30px;
  width: 1px;
  background-color: black;
  display: block;
  left: 50%;
  top: calc(50% - 15px);
}

.ip-modal__close i:first-child {
  transform: rotate(-45deg);
}

.ip-modal__close i:last-child {
  transform: rotate(45deg);
}

.ip-modal__box {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 80px;
}

.ip-modal__left {
  max-width: 440px;
  width: 100%;
}

.ip-modal__charts {
  width: 100%;
  height: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 20px;
}

.ip-modal#conservative_card .ip-modal__charts {
  background-image: url("../img/invest_portfolio//charts/cons_chart.svg");
}

.ip-modal#stocks_card .ip-modal__charts {
  background-image: url("../img/invest_portfolio//charts/us_stocks_chart.svg");
}

.ip-modal#it_card .ip-modal__charts {
  background-image: url("../img/invest_portfolio//charts/it_chart.svg");
}

.ip-modal__diagram {
  width: 100%;
  height: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 50px;
}

.ip-modal#conservative_card .ip-modal__diagram {
  background-image: url("../img/invest_portfolio//charts/cons_diagram.svg");
}

.ip-modal#stocks_card .ip-modal__diagram {
  background-image: url("../img/invest_portfolio//charts/us_stocks_diagram.svg");
}

.ip-modal#it_card .ip-modal__diagram {
  background-image: url("../img/invest_portfolio//charts/it_diagram.svg");
}

.ip-modal__right {
  max-width: 340px;
  width: 100%;
  margin-right: 50px;
}

.ip-modal__subtitle {
  font-size: 18px;
  font-weight: 700;
}

.ip-modal .btn-box {
  text-align: center;
  margin-top: 40px;
}

@media all and (max-width: 1024px) {
  .ip-modal {
    width: 100vw !important;
    padding: 60px 20px 70px !important;
  }
  .ip-modal__box {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 500px) {
  .ip-modal h3 {
    font-weight: normal;
  }
  .ip-modal__text {
    font-size: 15px;
  }
  .ip-modal__subtitle {
    font-size: 16px;
  }
  .ip-modal__box {
    flex-direction: column;
    margin-bottom: 60px;
  }
  .ip-modal__left {
    max-width: 100%;
  }
  .ip-modal__charts {
    height: 70vw;
  }
  .ip-modal#conservative_card .ip-modal__charts {
    background-image: url("../img/invest_portfolio//charts/cons_chart_mob.svg");
  }
  .ip-modal#stocks_card .ip-modal__charts {
    background-image: url("../img/invest_portfolio//charts/us_stocks_chart_mob.svg");
  }
  .ip-modal#it_card .ip-modal__charts {
    background-image: url("../img/invest_portfolio//charts/it_chart_mob.svg");
  }
  .ip-modal__right {
    max-width: 100%;
    margin-right: 0;
    margin-top: 30px;
  }
}

.ip-table {
  overflow-x: auto;
  margin-top: 30px;
}

.ip-table__head p {
  color: #0ABB86;
  border-top: 1px solid #0ABB86;
  border-bottom: 1px solid #0ABB86;
}

.ip-table__row {
  display: flex;
  flex-shrink: 0;
  width: 898px;
}

.ip-table__row:not(.ip-table__result):nth-child(odd) p {
  background: white;
}

.ip-table__row:not(.ip-table__head):not(.ip-table__result):nth-child(even) p {
  background: #F9F9F9;
}

.ip-table__row p {
  font-size: 14px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.ip-table.table-count-1 .ip-table__row p:first-child {
  width: 114px;
}

.ip-table.table-count-1 .ip-table__row p:nth-child(2) {
  width: 80px;
}

.ip-table.table-count-1 .ip-table__row p:nth-child(3) {
  width: 95px;
}

.ip-table.table-count-1 .ip-table__row p:nth-child(4) {
  width: 78px;
}

.ip-table.table-count-1 .ip-table__row p:nth-child(5) {
  width: 117px;
}

.ip-table.table-count-1 .ip-table__row p:nth-last-child(-n+3) {
  width: 138px;
}

.ip-table.table-count-2 .ip-table__row p:first-child {
  width: 272px;
}

.ip-table.table-count-2 .ip-table__row p:nth-child(2) {
  width: 401px;
}

.ip-table.table-count-2 .ip-table__row p:last-child {
  width: 225px;
}

.ip-table.table-count-3 .ip-table__row p {
  width: calc(100% / 4);
}

.ip-table.table-count-3 .ip-table__row p.mob,
.ip-table.table-count-3 .ip-table__row p span {
  display: none;
}

.ip-table.table-count-3-mob {
  display: none;
}

.ip-table__result p {
  font-weight: 700;
  background: #EDEDED;
}

@media all and (max-width: 768px) {
  .ip-table.table-count-1 .ip-table__row p:first-child {
    position: sticky;
    right: 0;
  }
  .ip-table.table-count-1 .ip-table__row p:nth-child(2) {
    position: sticky;
    right: 118px;
  }
  .ip-table.table-count-1 .ip-table__row {
    width: calc(((100vw - 20px) / 3) * 8) !important;
  }
  .ip-table.table-count-1 .ip-table__row p {
    width: calc((100vw - 20px) / 3) !important;
  }
  .ip-table.table-count-2 .ip-table__row p:first-child {
    position: sticky;
    right: 0;
  }
  .ip-table.table-count-2 .ip-table__row {
    width: calc(((100vw - 20px) / 2) * 3) !important;
  }
  .ip-table.table-count-2 .ip-table__row p {
    width: calc((100vw - 20px) / 2) !important;
  }
  .ip-table.table-count-3 {
    display: none;
  }
  .ip-table.table-count-3-mob {
    display: block;
    border-top: 1px solid #0ABB86;
    border-bottom: 1px solid #0ABB86;
    padding: 15px 0;
  }
  .ip-table.table-count-3-mob .ip-table__row {
    width: 100%;
    background-color: white !important;
  }
  .ip-table.table-count-3-mob p {
    width: 50%;
    padding: 5px 0 5px 0 !important;
  }
  .ip-table.table-count-3-mob p:last-child {
    font-weight: 700;
    text-align: left;
    justify-content: flex-end;
  }
  .ip-table .btn-box {
    margin-top: 30px;
  }
}

.promo-form-switcher {
  display: flex;
  margin-bottom: 30px;
}

.promo-form-switch {
  font-size: 20px;
  line-height: 25px;
  width: 50%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
  padding-bottom: 15px;
  cursor: pointer;
}

.promo-form-switch.active {
  color: #0ABB86;
  border-bottom: 2px solid rgba(10, 187, 134, 0.3);
}

.promo-form__input-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.promo-form__input-box .promo-form__input-wrapper:nth-child(n+3) {
  margin-bottom: 0;
}

.promo-form__input-wrapper {
  position: relative;
  margin-bottom: 12px;
  width: 100%;
}

.promo-form__input-wrapper .form-errors {
  margin: 10px 12px 10px 0;
  font-size: 13px;
}

.promo-form__input-wrapper .form-errors a {
  color: #0ABB86 !important;
  border-bottom: none !important;
}

.promo-form__input {
  background: none !important;
  border: 1px solid rgba(206, 206, 206, 0.3) !important;
  font-size: 16px !important;
  border-radius: unset !important;
  height: 55px !important;
  padding: 20px 12px 0 !important;
  color: white !important;
}

.promo-form__input:focus + .promo-form__placeholder,
.promo-form__input:valid + .promo-form__placeholder {
  bottom: auto;
  top: 2px;
  opacity: 0.4;
  transform: translateY(0);
}

.promo-form__placeholder {
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
  transition: all .2s ease-in-out;
  font-size: 14px;
  pointer-events: none;
}

.promo-form__checkboxes {
  margin-top: 20px;
  margin-bottom: 30px;
}

.promo-form__checkbox-wrapper {
  display: flex;
}

.promo-form__checkbox-wrapper:nth-child(n+2) {
  margin-top: 7px;
}

.promo-form__checkbox-wrapper label {
  font-size: 13px !important;
  color: white !important;
}

.promo-form__checkbox-wrapper input[type="checkbox"] + label,
.promo-form__checkbox-wrapper input[type="checkbox"]:checked + label {
  background: none !important;
  flex-shrink: 0;
}

.promo-form__checkbox-wrapper input[type="checkbox"]:checked + label,
.promo-form__checkbox-wrapper input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.promo-form__checkbox-wrapper label:nth-child(2) {
  border-radius: 0 !important;
  position: relative;
  opacity: 0.5;
  border: 1px solid #0ABB86;
}

.promo-form__checkbox-wrapper label:nth-child(2):after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: calc(50% - 5px);
  top: calc(50% - 5px);
  background-color: #0ABB86;
  opacity: 0;
}

.promo-form__button-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.enter-promo-form:not(.active),
.registration-promo-form:not(.active) {
  display: none;
}

.registration-promo-form .promo-form__input-wrapper {
  width: calc(50% - 6px);
}

[post-order-msg] {
  display: none;
  margin-top: 15px;
}

[post-download-msg] {
  display: none;
  font-size: 18px;
  margin-top: 20px;
}

*[data-mobile-appear-type="block"] {
  display: none !important;
}

@media all and (max-width: 500px) {
  *[data-mobile-appear-type="block"] {
    display: block !important;
  }
}

*[data-mobile-appear-type="flex"] {
  display: none !important;
}

@media all and (max-width: 500px) {
  *[data-mobile-appear-type="flex"] {
    display: flex !important;
  }
}

*[data-tablet-appear-type="block"] {
  display: none !important;
}

@media all and (max-width: 768px) {
  *[data-tablet-appear-type="block"] {
    display: block !important;
  }
}

*[data-tablet-appear-type="flex"] {
  display: none !important;
}

@media all and (max-width: 768px) {
  *[data-tablet-appear-type="flex"] {
    display: flex !important;
  }
}

*[data-tablet-wide-appear-type="block"] {
  display: none !important;
}

@media all and (max-width: 1024px) {
  *[data-tablet-wide-appear-type="block"] {
    display: block !important;
  }
}

*[data-tablet-wide-appear-type="flex"] {
  display: none !important;
}

@media all and (max-width: 1024px) {
  *[data-tablet-wide-appear-type="flex"] {
    display: flex !important;
  }
}

*[data-900-appear-type="block"] {
  display: none !important;
}

@media all and (max-width: 900px) {
  *[data-900-appear-type="block"] {
    display: block !important;
  }
}

*[data-900-appear-type="flex"] {
  display: none !important;
}

@media all and (max-width: 900px) {
  *[data-900-appear-type="flex"] {
    display: flex !important;
  }
}

*[data-900-appear-type="inline"] {
  display: none !important;
}

@media all and (max-width: 900px) {
  *[data-900-appear-type="inline"] {
    display: inline !important;
  }
}

*[data-900-appear-type="inline-block"] {
  display: none !important;
}

@media all and (max-width: 900px) {
  *[data-900-appear-type="inline-block"] {
    display: inline-block !important;
  }
}

@media all and (max-width: 500px) {
  *[data-mobile-disappear] {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  *[data-tablet-disappear] {
    display: none !important;
  }
}

@media all and (max-width: 1024px) {
  *[data-tablet-wide-disappear] {
    display: none !important;
  }
}

@media all and (max-width: 900px) {
  *[data-900-disappear] {
    display: none !important;
  }
}

.traffic_landing {
  background-color: #0b1118;
}

.traffic_landing ::selection {
  background-color: #FFFFFF;
  color: #0b1118;
}

.traffic_landing::-webkit-scrollbar-thumb {
  background-color: #0b1118;
}

.traffic_landing::-webkit-scrollbar-track {
  background-color: #A9B2B5;
}

.traffic_landing::-webkit-scrollbar-thumb:hover {
  background-color: rgba(11, 17, 24, 0.95);
}

.traffic_landing::-webkit-scrollbar-thumb:active {
  background-color: #0b1118;
}

.traffic_landing section {
  padding-bottom: 100px;
}

@media all and (max-width: 1024px) {
  .traffic_landing section {
    padding-bottom: 50px;
  }
}

.traffic_landing section:nth-of-type(2) {
  padding-top: 100px;
}

@media all and (max-width: 1024px) {
  .traffic_landing section:nth-of-type(2) {
    padding-top: 50px;
  }
}

.traffic_landing .intro_section {
  background: url("../img/promo/traffic_landing/intro.jpg") no-repeat center/cover;
  padding-bottom: 145px;
}

@media all and (max-width: 1024px) {
  .traffic_landing .intro_section {
    padding-bottom: 45px;
  }
}

@media all and (max-width: 500px) {
  .traffic_landing .intro_section {
    background: url("../img/promo/traffic_landing/intro_mobile.jpg") no-repeat top right/100% 65%;
    padding-bottom: 0;
  }
  .traffic_landing .intro_section.full_intro_bg {
    background-size: 100% 100%;
  }
}

.traffic_landing .intro_section nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0;
}

.traffic_landing .intro_section .language {
  margin-top: 10px;
}

.traffic_landing .intro_section .language__current {
  padding-bottom: 10px;
}

.traffic_landing .intro_section .language__list {
  right: auto !important;
  left: 0 !important;
}

.traffic_landing .intro_section h1 {
  font-family: 'SF Pro Display', sans-serif !important;
  font-weight: 200;
  letter-spacing: 0.1em;
  opacity: 0.9;
  margin-bottom: 50px;
}

.traffic_landing .intro_section h1 {
  font-size: 36px;
  line-height: 42px;
}

@media screen and (min-width: 375px) {
  .traffic_landing .intro_section h1 {
    font-size: calc(36px + 28 * ((100vw - 375px) / 649));
    line-height: calc(42px + 22 * ((100vw - 375px) / 649));
  }
}

@media screen and (min-width: 1024px) {
  .traffic_landing .intro_section h1 {
    font-size: 64px;
    line-height: 64px;
  }
}

@media all and (max-width: 768px) {
  .traffic_landing .intro_section h1 {
    margin-bottom: 30px;
  }
}

.traffic_landing .intro_section h1 b {
  font-family: 'SF Pro Display', sans-serif !important;
  font-weight: 700;
}

.traffic_landing .intro_section .intro_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media all and (max-width: 768px) {
  .traffic_landing .intro_section .intro_box {
    flex-direction: column;
    align-items: flex-start;
  }
}

.traffic_landing .intro_section .intro_box .intro_text {
  margin-left: 20px;
}

@media all and (max-width: 768px) {
  .traffic_landing .intro_section .intro_box .intro_text {
    margin-left: 0;
    margin-bottom: 50px;
  }
}

.traffic_landing .intro_section .intro_box .promo_button {
  font-size: 15px;
  line-height: 15px;
  margin-top: 30px;
}

.traffic_landing .advantages_section .cards {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

@media all and (max-width: 1024px) {
  .traffic_landing .advantages_section .cards {
    grid-gap: 15px;
  }
}

@media all and (max-width: 768px) {
  .traffic_landing .advantages_section .cards {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}

.traffic_landing .advantages_section .cards__item {
  background-color: #172331;
  border-radius: 6px;
  padding: 45px 50px;
  will-change: transform;
  transition: transform .2s ease-in-out;
}

.traffic_landing .advantages_section .cards__item:hover, .traffic_landing .advantages_section .cards__item:focus {
  transform: scale(1.02) translateZ(0);
}

@media all and (max-width: 1024px) {
  .traffic_landing .advantages_section .cards__item {
    padding: 35px 20px;
  }
}

@media all and (max-width: 500px) {
  .traffic_landing .advantages_section .cards__item {
    padding: 30px 12px;
  }
}

.traffic_landing .advantages_section .cards__item:first-of-type {
  background: url("../img/promo/traffic_landing/card1.png") no-repeat center/cover;
}

.traffic_landing .advantages_section .cards__item:nth-of-type(3) {
  background: url("../img/promo/traffic_landing/card3.png") no-repeat center/cover;
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}

@media all and (max-width: 768px) {
  .traffic_landing .advantages_section .cards__item:nth-of-type(3) {
    grid-column: initial;
    grid-row: initial;
  }
}

@media all and (max-width: 768px) {
  .traffic_landing .advantages_section .cards__item:nth-of-type(4) {
    order: 5;
  }
}

.traffic_landing .advantages_section .cards__item:nth-of-type(5) {
  background: url("../img/promo/traffic_landing/card5.png") no-repeat center/cover;
}

@media all and (max-width: 768px) {
  .traffic_landing .advantages_section .cards__item:nth-of-type(5) {
    order: 4;
  }
}

.traffic_landing .advantages_section .cards__item h3 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.traffic_landing .advantages_section .cards__item h3 {
  font-size: 18px;
  line-height: 25px;
}

@media screen and (min-width: 375px) {
  .traffic_landing .advantages_section .cards__item h3 {
    font-size: calc(18px + 2 * ((100vw - 375px) / 649));
    line-height: calc(25px + 2 * ((100vw - 375px) / 649));
  }
}

@media screen and (min-width: 1024px) {
  .traffic_landing .advantages_section .cards__item h3 {
    font-size: 20px;
    line-height: 27px;
  }
}

.traffic_landing .advantages_section .cards__item:not(:first-of-type) p {
  opacity: 0.65;
}

.traffic_landing .features_section h2 {
  font-family: 'SF Pro Display', sans-serif !important;
  font-weight: 600;
  margin-bottom: 50px;
}

.traffic_landing .features_section h2 {
  font-size: 26px;
  line-height: 31px;
}

@media screen and (min-width: 375px) {
  .traffic_landing .features_section h2 {
    font-size: calc(26px + 10 * ((100vw - 375px) / 649));
    line-height: calc(31px + 12 * ((100vw - 375px) / 649));
  }
}

@media screen and (min-width: 1024px) {
  .traffic_landing .features_section h2 {
    font-size: 36px;
    line-height: 43px;
  }
}

@media all and (max-width: 1024px) {
  .traffic_landing .features_section h2 {
    margin-bottom: 30px;
  }
}

.traffic_landing .features_section h2 + p {
  opacity: 0.65;
}

.traffic_landing .features_section .features {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media all and (max-width: 1024px) {
  .traffic_landing .features_section .features {
    margin-top: 30px;
  }
}

@media all and (max-width: 768px) {
  .traffic_landing .features_section .features {
    flex-direction: column;
  }
}

.traffic_landing .features_section .features__item {
  text-transform: uppercase;
  color: #A9B2B5;
}

.traffic_landing .features_section .features__item:not(:first-of-type) {
  border-right: 1px solid #A9B2B5;
  padding-right: 80px;
}

@media all and (max-width: 1024px) {
  .traffic_landing .features_section .features__item:not(:first-of-type) {
    padding-right: 35px;
  }
}

@media all and (max-width: 768px) {
  .traffic_landing .features_section .features__item:not(:first-of-type) {
    border-right: none;
    padding: 0;
  }
}

.traffic_landing .features_section .features__item:not(:last-of-type) {
  padding-left: 80px;
}

@media all and (max-width: 1024px) {
  .traffic_landing .features_section .features__item:not(:last-of-type) {
    padding-left: 35px;
  }
}

@media all and (max-width: 768px) {
  .traffic_landing .features_section .features__item:not(:last-of-type) {
    padding: 0;
    margin-bottom: 30px;
  }
}

.traffic_landing .features_section .features__item span {
  color: white;
  font-size: 30px;
  line-height: 41px;
  font-weight: 700;
}

/*--------------------------------------------------Header---------------------------------------------------------*/
.header-absolute {
  /*320!!!*/
  width: 100%;
}

@media only screen and (min-width: 30.0625em) {
  .header-absolute {
    position: absolute;
  }
}

@media screen and (min-width: 641px) and (max-width: 684px) {
  .header-absolute .adaptive-header:last-child {
    width: 63%;
  }
}

@media screen and (min-width: 641px) and (max-width: 749px) {
  .header-absolute .adaptive-header {
    width: 55%;
    margin: 0 auto;
    float: none !important;
    position: static;
  }
}

/* header logo */
.gc .main-logo {
  background-image: url(../img/gc-logo-new.svg);
  background-repeat: no-repeat;
  display: block;
  height: 76px;
  width: 340px;
}

@media only screen and (min-width: 640px) and (max-width: 640px) {
  .gc .main-logo {
    padding-bottom: 107px;
  }
}

.gc .main-logo-china {
  background: url(../img/svg/logo-ch.svg) no-repeat center/auto 100%;
  display: block;
  height: 76px;
  width: 262px;
}

.gc .ng-logo {
  display: block;
  background: url(../img/logo-ng.png) no-repeat;
  width: 362px;
  height: 101px;
  margin-top: -13px;
  margin-right: -20px;
}

.gc .main-logo-ru-net {
  display: block;
  background: url(../img/main-logo-ru-net.png) no-repeat;
  width: 362px;
  height: 101px;
  margin-top: -13px;
  background-size: contain;
}

/* header advantage block */
@media screen and (min-width: 1025px) and (max-width: 1135px) {
  .header-advantage {
    width: 25%;
    margin-top: -25px;
    margin-right: 25px;
    height: 115px;
  }
}

.header-advantage .award {
  display: inline-block;
  vertical-align: middle;
  background: url(../svg/base/cup.svg) center/100% no-repeat;
  height: 2.8125rem;
  width: 3.125rem;
  float: left;
  margin-top: 1.0625rem;
}

.header-advantage .text {
  line-height: 5rem;
}

.header-advantage .text .link {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.header-advantage .text .link span {
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
}

.header-advantage .text:hover .link span, .header-advantage .text:active .link span {
  border-color: transparent;
}

.header-advantage .jubilee {
  margin-top: 0.5rem;
  text-align: center;
}

.header-advantage .jubilee .award {
  height: 3.125rem;
  width: 3.75rem;
  background-image: url(../img/12-years.png);
  margin-top: 0.6875rem;
}

.header-advantage .jubilee .columns {
  display: inline-block;
  width: auto;
  float: none;
}

.header-advantage .jubilee .columns:last-of-type {
  padding-right: 0;
  top: -1rem;
  position: relative;
  width: 13.75rem;
}

@media screen and (min-width: 1025px) and (max-width: 1135px) {
  .header-advantage .jubilee .columns:last-of-type {
    padding-right: 2rem;
  }
}

.header-advantage .jubilee .text {
  font-size: 1.75rem;
  color: #7e7e7f;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  text-align: right;
}

.header-advantage .jubilee .header-new-year {
  position: static !important;
}

/* header buttons */
.banner-link a {
  border: 1px dotted #424243;
  border-radius: 5px;
  display: inline-block;
  font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 40px;
  text-align: center;
  width: 370px;
}

.banner-link a:before {
  background: url(../svg/base/bag.svg) center/100% no-repeat;
  content: "";
  height: 38px;
  width: 25px;
  margin-left: 0.4rem;
  display: inline-block;
  vertical-align: middle;
}

.banner-link a span {
  border-bottom: 1px solid rgba(66, 66, 67, 0.5);
  display: inline-block;
  vertical-align: middle;
}

.banner-link a span:hover, .banner-link a span:active, .banner-link a span:focus {
  border-color: transparent;
}

.ny-link.banner-link a:before {
  background: url(../img/year_2015/tree.png) no-repeat;
  width: 31px;
  height: 33px;
  margin-top: 4px;
  margin-left: 5px;
}

.frontpage-slider .inverted.prime.ar .bg-scope-img, .frontpage-slider .inverted.prime.fa .bg-scope-img {
  transform: scaleX(-1);
}

@media (min-width: 900px) {
  .frontpage-slider .inverted.ru .banner-text {
    margin-bottom: 20px;
  }
}

.frontpage-slider .windhoek_banner .banner-title {
  max-width: 600px;
}

.frontpage-slider .windhoek_banner span.icons {
  display: inline-block;
  vertical-align: middle;
  max-width: 50px;
  margin-right: 1.2rem;
}

.frontpage-slider .windhoek_banner span.icons img {
  max-width: 100%;
}

.frontpage-slider .windhoek_banner .notice {
  font-size: 12px;
  color: #292929;
  margin-top: 1rem;
  max-width: 490px;
  line-height: 14px;
}

@media (max-width: 768px) {
  .frontpage-slider .windhoek_banner .notice {
    display: none;
  }
}

.frontpage-slider .windhoek_banner .notice span {
  display: block;
}

.frontpage-slider .windhoek_banner .notice a {
  margin-top: 10px;
  border-bottom: 1px solid rgba(66, 66, 67, 0.49);
  display: inline-block;
}

@media (max-width: 900px) {
  .frontpage-slider .indonesian_banner .banner-text p:not(.banner-title) {
    display: none;
  }
}

.frontpage-slider .indonesian_banner .list-of-banks {
  display: inline-block;
  vertical-align: middle;
  margin-top: 40px;
  margin-right: 50px;
}

@media (max-width: 1155px) {
  .frontpage-slider .indonesian_banner .list-of-banks {
    margin-right: 0px;
    margin-top: 20px;
  }
}

.frontpage-slider .indonesian_banner .list-of-banks span {
  display: inline-block;
  vertical-align: middle;
  max-width: 60px;
  margin-right: 1.2rem;
}

@media (max-width: 1155px) {
  .frontpage-slider .indonesian_banner .list-of-banks span:first-child {
    margin-right: 0;
  }
}

.frontpage-slider .indonesian_banner .list-of-banks span:nth-child(3) {
  max-width: 78px;
}

.frontpage-slider .indonesian_banner .list-of-banks span:nth-child(4) {
  max-width: 120px;
}

.frontpage-slider .indonesian_banner .list-of-banks span:nth-child(5) {
  max-width: 100px;
  position: relative;
  top: -8px;
}

.frontpage-slider .indonesian_banner .list-of-banks span img {
  max-width: 100%;
}

.frontpage-slider .bonus40__more {
  margin-top: 50px;
}

@media (max-width: 900px) {
  .frontpage-slider .bonus40__more {
    display: none;
  }
}

.frontpage-slider .bonus40__more a {
  display: block;
  font-size: 14px;
  text-decoration: underline;
  padding-right: 10px;
  position: relative;
}

.frontpage-slider .bonus40__more a:hover {
  text-decoration: none;
}

.frontpage-slider .bonus40__more a::before {
  content: '*';
  position: absolute;
  right: 0;
}

body.gc .offset-wrapper {
  /*320!!!*/
}

@media only screen and (min-width: 30.0625em) {
  body.gc .offset-wrapper {
    margin-top: 203.78px;
  }
}

body.gc .offset-wrapper .promo-title {
  padding-top: 40px;
}

.header-wrap {
  padding-top: 1.875rem;
  z-index: 50;
}

header {
  /*320!!!*/
}

@media only screen and (min-width: 40.0625em) {
  header {
    margin-bottom: 1.875rem !important;
  }
}

header .btn {
  text-align: left;
}

header .button, header .black {
  /*320!!!*/
}

header .button.first, header .first.black {
  background-color: #14817a;
}

header .button.first:hover, header .first.black:hover, header .button.first:focus, header .first.black:focus, header .button.first:active, header .first.black:active {
  background-color: #116b65;
}

header .button.second, header .second.black {
  background-color: #ce2029;
}

header .button.second:hover, header .second.black:hover, header .button.second:focus, header .second.black:focus, header .button.second:active, header .second.black:active {
  background-color: #b81d25;
}

@media only screen and (min-width: 30.0625em) {
  header .button:last-child, header .black:last-child {
    margin-right: .4rem;
  }
}

header .column:last-child {
  text-align: left;
}

/* adaptive header */
/*320!!!*/
@media only screen and (min-width: 64.0625em) {
  .banner-link a {
    width: 99%;
  }
}

@media only screen and (min-width: 0) and (max-width: 840px) {
  .gc header .button, .gc header .black {
    margin: .3rem 0;
  }
  .gc header .button:last-child, .gc header .black:last-child {
    clear: both;
    margin-right: 0;
  }
  .banner-link {
    display: none;
  }
}

/*320!!!*/
@media only screen and (max-width: 40em) {
  .gc .main-logo, .gc .ng-logo {
    background-size: contain;
    margin: 0 auto;
  }
}

/*320!!!*/
@media only screen and (max-width: 30em) {
  .gc .btn .row:first-child {
    display: inline-block;
  }
  .gc header .columns {
    text-align: center !important;
  }
  .gc .main-logo, .gc .ng-logo {
    display: inline-block;
    margin-bottom: 0.4rem;
    width: 285px;
  }
  .gc header .button, .gc header .black {
    float: none;
    margin: .3rem 0;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  body.gc header {
    margin-bottom: 0;
  }
  body.gc header:after {
    content: "";
    display: block;
    margin: 0 .625rem;
    padding-top: 1.875rem;
  }
}

@media only screen and (min-width: 640px) and (max-width: 750px) {
  body.gc header:after {
    padding-top: 0;
  }
}

.gc-header-wrap {
  padding: 33px 0 0 0;
}

@media all and (max-width: 640px) {
  .gc-header-wrap {
    padding: 25px 0 0 0;
  }
}

@media all and (max-width: 425px) {
  .gc-header-wrap {
    padding: 20px 0 0 0;
  }
}

.gc-header-wrap header {
  margin: 0 auto 27px auto !important;
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 768px) {
  .gc-header-wrap header {
    flex-wrap: wrap;
  }
}

@media all and (max-width: 640px) {
  .gc-header-wrap header {
    margin: 0 0 25px 0 !important;
  }
}

@media all and (max-width: 425px) {
  .gc-header-wrap header {
    margin: 0 0 20px 0 !important;
  }
}

.gc-header-wrap header:before, .gc-header-wrap header:after {
  display: none !important;
}

.gc-header-wrap__logo {
  padding: 0 !important;
  display: flex;
  align-items: center;
}

@media all and (max-width: 1024px) {
  .gc-header-wrap__logo {
    width: auto;
  }
}

@media all and (max-width: 768px) {
  .gc-header-wrap__logo {
    width: 100%;
    justify-content: center;
  }
}

@media all and (max-width: 640px) {
  .gc-header-wrap__logo {
    justify-content: flex-start;
  }
}

.gc-header-wrap__logo a {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
}

@media all and (max-width: 768px) {
  .gc-header-wrap__logo a {
    display: block !important;
  }
}

@media all and (max-width: 640px) {
  .gc-header-wrap__logo a {
    margin: 0 !important;
  }
}

@media all and (max-width: 640px) {
  .gc-header-wrap__logo a {
    padding: 0 !important;
  }
}

@media all and (max-width: 768px) {
  .gc-header-wrap__logo a img {
    display: block;
    margin: 0 auto 0 auto !important;
  }
}

@media all and (max-width: 425px) {
  .gc-header-wrap__logo a img {
    width: 200px;
    margin: 0 !important;
  }
}

.gc-header-wrap__years {
  justify-content: center;
}

.gc-header-wrap__buttons-wrap {
  padding: 0 !important;
}

@media all and (max-width: 768px) {
  .gc-header-wrap__buttons-wrap {
    width: 100% !important;
    text-align: center !important;
  }
}

@media all and (max-width: 640px) {
  .gc-header-wrap__buttons-wrap {
    display: none;
  }
}

/*--------------------------------------------------Navigation-----------------------------------------------------*/
.navigation-bg .main-menu-bg {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-size: 40%;
  width: 100%;
  min-height: 580px;
  box-shadow: -6px 4px 30px 0px rgba(44, 44, 44, 0.2);
}

.navigation-bg .row.main-menu-wrapper {
  max-width: 76.4rem !important;
}

.navigation-bg .row.main-menu-wrapper ul#gc-nav {
  padding: 0 20px 0 20px;
}

.navigation-bg .row.main-menu-wrapper ul#gc-nav li.with-ul:hover .main-menu-bg {
  display: block;
}

.navigation-bg .row.main-menu-wrapper ul#gc-nav li.with-ul a {
  text-align: right !important;
}

.navigation-bg.active .main-menu-bg {
  display: block;
}

.navigation-bg .adaptive-menu-item_hide {
  display: none;
}

.navigation-bg .adaptive-menu-item-show {
  width: 100% !important;
  background-color: #ffffff;
  background-clip: content-box;
  width: calc(97% - 1px);
  margin: 0 auto;
  height: 46px;
  border-bottom: 1px solid #e6e6e6;
}

.navigation-bg .adaptive-menu-item-show:first-child {
  height: 80px;
}

.navigation-bg .adaptive-menu-item-show:first-child + .row {
  padding: 0 !important;
}

.navigation-bg .adaptive-menu-item-show:last-child {
  box-shadow: 0 5px 10px 3px #d3d3d3;
  margin-bottom: 3px;
}

.navigation-bg .lang {
  text-align: right !important;
  white-space: nowrap;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .navigation-bg .lang {
    position: relative !important;
  }
}

.navigation-bg .lang .arrow {
  background: url(../img/icons.png) no-repeat -265px -104px;
  display: inline-block;
  height: 10px;
  width: 13px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
}

.navigation-bg .lang .arrow-up {
  background: url(../img/icons.png) no-repeat -305px -105px;
  display: inline-block;
  height: 45px;
  width: 45px;
  vertical-align: middle;
}

.navigation-bg .lang > span {
  width: 100%;
  height: 46px;
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  margin-left: .5rem;
  position: relative;
}

.navigation-bg .lang span {
  cursor: pointer;
}

.navigation-bg .lang span:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 18px;
  width: 18px;
  background-size: 100%;
  border-radius: 50%;
  display: none !important;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .navigation-bg .lang span:before {
    vertical-align: middle;
  }
}

.navigation-bg .lang span.current:before {
  top: 2px;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .navigation-bg .lang span .curr-lang-name {
    text-align: right;
    display: inline-block;
    line-height: 45px;
    vertical-align: sub;
    font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
    font-size: 16px;
    color: #181818;
    margin-right: 1.3rem;
  }
}

.navigation-bg .lang span.lang-ru:before {
  background-image: url("../flag-svg-collection/flags/1x1/by.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-en:before {
  background-image: url("../flag-svg-collection/flags/1x1/gb.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-id:before {
  background-image: url("../flag-svg-collection/flags/1x1/id.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-zh-hans:before {
  background-image: url("../flag-svg-collection/flags/1x1/cn.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-pl:before {
  background-image: url("../flag-svg-collection/flags/1x1/pl.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-pt:before {
  background-image: url("../flag-svg-collection/flags/1x1/br.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-ar:before {
  background-image: url("../flag-svg-collection/flags/1x1/sa.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-uk:before {
  background-image: url("../flag-svg-collection/flags/1x1/ua.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-fa:before {
  background-image: url("../flag-svg-collection/flags/1x1/ir.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-fr:before {
  background-image: url("../flag-svg-collection/flags/1x1/fr.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-th:before {
  background-image: url("../flag-svg-collection/flags/1x1/th.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-ms:before {
  background-image: url("../flag-svg-collection/flags/1x1/my.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-vi:before {
  background-image: url("../flag-svg-collection/flags/1x1/vn.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-de:before {
  background-image: url("../flag-svg-collection/flags/1x1/de.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang span.lang-es:before {
  background-image: url("../flag-svg-collection/flags/1x1/co.svg");
  border: 1px solid #e6e6e6;
}

.navigation-bg .lang .lang-list {
  display: none;
  position: absolute;
  background: #ffffff;
  border: none;
  cursor: pointer;
  max-width: 767px;
  width: auto;
  list-style: none;
  z-index: 51;
  top: 46px;
  right: -19px;
  width: 100%;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  padding-bottom: 10px;
}

.navigation-bg .lang .lang-list:before {
  display: none;
}

.navigation-bg .lang .lang-list li {
  background: none;
  display: block;
  width: 50%;
  padding: 8px 15px;
}

.navigation-bg .lang .lang-list li a {
  background: none;
  color: #181818;
  display: block;
  font: 1rem "pfDinTextReg", "Helvetica Neue", "Arial";
  height: 100%;
  text-transform: capitalize;
}

.navigation-bg .lang .lang-list span {
  margin: -.3rem 0 0 .625rem;
}

.navigation-bg .search .adaptive-input-submit {
  padding-right: .6rem;
  vertical-align: middle;
  margin-left: .5rem;
  width: 28px;
  height: 25px;
}

.navigation-bg .search .adaptive-input {
  width: 80%;
  margin-top: 3px;
  border: none;
}

.navigation-bg .search .adaptive-input::-webkit-input-placeholder {
  font-style: italic;
}

.navigation-bg .search .adaptive-input ::-moz-placeholder {
  font-style: italic;
}

.navigation-bg .search .adaptive-input :-ms-input-placeholder {
  font-style: italic;
}

.navigation-bg .search .adaptive-input :-moz-placeholder {
  font-style: italic;
}

.navigation-bg .call a.with-icon {
  width: 46px;
  height: 46px;
  display: inline-block;
  background-image: url("../img/svg/call.svg");
  background-repeat: no-repeat;
  background-size: 35%;
  background-position: right 11px top 12px;
}

.navigation-bg .call .adaptive-phone-nmbr {
  text-align: right;
  display: inline-block;
  line-height: 46px;
  height: 50px;
  vertical-align: bottom;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #181818;
}

.navigation-bg .call #adaptive-call {
  width: 100% !important;
  margin: 0 auto;
}

.navigation-bg .advr a.with-icon span:last-child {
  vertical-align: super;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 16px;
  color: #181818;
}

.navigation-bg .advr a.with-icon span:first-of-type {
  height: 35px;
  margin-left: .5rem;
  margin-right: .5rem;
  width: 35px;
  display: inline-block;
}

.navigation-bg .advr a.with-icon span:first-of-type.adv-offline {
  background: url(../img/svg/consultant_off.svg) no-repeat;
  background-size: 50%;
  background-position: top 15px right 2px;
}

.navigation-bg .advr a.with-icon span:first-of-type.adv-online {
  background: url(../img/svg/consultant.svg) no-repeat;
  background-size: 50%;
  background-position: top 15px right 2px;
}

.navigation-bg .adaptive-menu-btn-container {
  display: block;
  margin: 0 auto;
  width: 347px;
  line-height: 68px;
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
  .navigation-bg .adaptive-menu-btn-container .new_green {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
    margin-right: 0.5625rem;
    margin-left: 1.1rem;
  }
  .navigation-bg .adaptive-menu-btn-container .new_red {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
  }
}

.navigation-bg .row {
  max-width: 80.4rem !important;
}

.navigation-bg.active.item_0 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-about.jpg);
  transform: scale(-1, 1);
  background-position: 100% 100%;
}

@media screen and (max-width: 767px) {
  .navigation-bg.active.item_0 .main-menu-bg {
    background-image: none;
  }
}

.navigation-bg.active.item_1 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-accounts.jpg);
  transform: scale(-1, 1);
  background-position: 100% 100%;
  background-size: 33%;
}

@media screen and (max-width: 1024px) {
  .navigation-bg.active.item_1 .main-menu-bg {
    min-height: 700px;
  }
}

@media screen and (max-width: 767px) {
  .navigation-bg.active.item_1 .main-menu-bg {
    background-image: none;
  }
}

.navigation-bg.active.item_2 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-invest.jpg);
  transform: scale(-1, 1);
  background-position: 100% 100%;
}

@media screen and (max-width: 767px) {
  .navigation-bg.active.item_2 .main-menu-bg {
    background-image: none;
  }
}

.navigation-bg.active.item_3 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-analitycs.jpg);
  transform: scale(-1, 1);
  background-position: 100% 100%;
}

@media screen and (max-width: 767px) {
  .navigation-bg.active.item_3 .main-menu-bg {
    background-image: none;
  }
}

.navigation-bg.active.item_4 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-education.jpg);
  transform: scale(-1, 1);
  background-position: 100% 100%;
  background-size: 33%;
}

@media screen and (max-width: 767px) {
  .navigation-bg.active.item_4 .main-menu-bg {
    background-image: none;
  }
}

.navigation-bg.active.item_5 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-partners.jpg);
  transform: scale(-1, 1);
  background-position: 100% 100%;
}

@media screen and (max-width: 767px) {
  .navigation-bg.active.item_5 .main-menu-bg {
    background-image: none;
  }
}

[lang='ar'] .navigation-bg.active.item_0 .main-menu-bg,
[lang='fa'] .navigation-bg.active.item_0 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-about.jpg);
  background-position: right bottom;
}

[lang='ar'] .navigation-bg.active.item_2 .main-menu-bg,
[lang='fa'] .navigation-bg.active.item_2 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-invest.jpg);
  background-position: right bottom;
}

[lang='ar'] .navigation-bg.active.item_3 .main-menu-bg,
[lang='fa'] .navigation-bg.active.item_3 .main-menu-bg {
  background-image: url(../img/navigation-menu/menu-analitycs.jpg);
  background-position: right bottom;
}

.gc nav .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: none;
  justify-content: space-between;
  flex-direction: row;
}

.gc nav .menu > li:not(.with-third-level) > .sub-menu > li {
  padding: 0 0 .9rem 0;
  padding-right: 0;
}

.gc nav .menu > li:not(.with-third-level) > .sub-menu > li:hover a, .gc nav .menu > li:not(.with-third-level) > .sub-menu > li:focus a, .gc nav .menu > li:not(.with-third-level) > .sub-menu > li:active a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.gc nav .menu > li:not(.with-third-level) > .sub-menu > li > a {
  border-bottom: 1px solid transparent;
  color: #0e0e0e;
  font: 1.125rem/1.2 "pfDinTextReg", "Helvetica Neue", "Arial";
}

.gc nav .menu > li:not(.with-third-level) > .sub-menu > li > a:hover, .gc nav .menu > li:not(.with-third-level) > .sub-menu > li > a:focus, .gc nav .menu > li:not(.with-third-level) > .sub-menu > li > a:active {
  border-bottom: 1px solid #000;
}

.gc nav .menu > li:not(.with-third-level) > .sub-menu > li.active > a {
  cursor: default;
  border-color: transparent;
}

.gc nav .menu > li:not(.with-third-level) > .sub-menu > li.active > a:before {
  background: url(../img/icons.png) no-repeat -48px -123px;
  display: inline-block;
  height: 14px;
  width: 7px;
  vertical-align: middle;
  content: "";
  margin: -0.1rem -1rem 0 0.3rem;
}

.gc nav .menu > li {
  margin: 0;
  padding: 0;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.gc nav .menu > li:hover > a span {
  position: relative;
}

.gc nav .menu > li:hover > a span:after {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 3px solid #00978a;
  height: 0;
  right: 0;
  bottom: -11px;
}

.gc nav .menu > li.active > a span {
  position: relative;
}

.gc nav .menu > li.active > a span:after {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 3px solid #00978a;
  height: 0;
  right: 0;
  bottom: -11px;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .gc nav .menu > li.active > a span:after {
    border-bottom: none;
  }
}

.gc nav .menu > li:nth-child(3) .sub-menu > li {
  width: 35% !important;
}

.gc nav .menu > li > a {
  font: 1.375rem/1 "pfDinTextReg", "Helvetica Neue", "Arial";
  padding: .6rem 0 .7rem;
  text-align: center;
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .gc nav .menu > li > a {
    font-size: 1.125rem;
  }
}

.gc nav .menu > li > a span {
  position: relative;
}

.gc nav .menu > li > a span:after {
  position: absolute;
  height: 0;
  width: 100%;
  right: 0;
  bottom: -11px;
  transition: .3s;
}

.gc nav .menu > li > a:hover span, .gc nav .menu > li > a:focus span, .gc nav .menu > li > a:active span {
  position: relative;
}

.gc nav .menu > li > a:hover span:after, .gc nav .menu > li > a:focus span:after, .gc nav .menu > li > a:active span:after {
  content: '';
}

.gc nav .menu > li > .sub-menu {
  display: none;
  position: absolute;
  padding: 2.5rem 2.3em 1.5rem;
  margin: 0;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 100;
}

.gc nav .menu > li > .sub-menu > li {
  display: inline-block;
  padding-top: 0.6rem;
  padding-right: 0;
}

.gc nav .menu > li > .sub-menu > li.active > .not-header {
  color: #FFC832;
  border-color: #FFC832;
}

.gc nav .menu > li > .sub-menu > li > .a-title {
  color: #009e82;
  font: 1.375rem/1 "pfDinTextMed", "Helvetica Neue", "Arial";
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .gc nav .menu > li > .sub-menu > li > .a-title {
    font-size: 1.225rem;
  }
}

@media only screen and (min-width: 0) and (max-width: 768px) {
  .gc nav .menu > li > .sub-menu > li > .a-title {
    font-size: 1.125rem;
  }
}

.gc nav .menu > li > .sub-menu > li > a {
  color: #009e82;
  font: 1.375rem/1 "pfDinTextMed", "Helvetica Neue", "Arial";
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .gc nav .menu > li > .sub-menu > li > a {
    font-size: 1.225rem;
  }
}

.gc nav .menu > li > .sub-menu > li > a:hover {
  border-bottom: 1px solid #009e82;
}

.gc nav .menu > li > .sub-menu > li > a.active {
  color: #FFC832;
  border-color: #FFC832;
}

.gc nav .menu > li > .sub-menu > li > a.active:hover {
  border-color: transparent;
}

.gc nav .menu > li > .sub-menu > li > .sub-sub-menu {
  list-style: none;
  margin-right: 0;
  padding-top: 1.125rem;
}

.gc nav .menu > li > .sub-menu > li > .sub-sub-menu > li {
  padding: 0 0 .9rem 0;
}

.gc nav .menu > li > .sub-menu > li > .sub-sub-menu > li > a {
  color: #0e0e0e;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .gc nav .menu > li > .sub-menu > li > .sub-sub-menu > li > a {
    font: 1.125rem/1.2 "pfDinTextReg", "Helvetica Neue", "Arial";
  }
}

.gc nav .menu > li > .sub-menu > li > .sub-sub-menu > li > a:hover {
  border-bottom: 1px solid #000;
}

.gc nav .menu > li > .sub-menu > li > .sub-sub-menu > li.active > a {
  color: #FFC832;
}

.gc nav .menu > li > .sub-menu > li > .sub-sub-menu > li.active > a:hover span {
  border-color: #FFC832;
}

/* fix for slideToggle in desktop */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .gc nav .menu {
    display: flex !important;
  }
  .menu li:hover > ul {
    display: block !important;
  }
}

/*320!!!*/
@media only screen and (min-width: 64.0625em) {
  .gc nav .menu {
    display: flex !important;
  }
  .menu li:hover > ul {
    display: block !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .gc nav .menu li {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
  }
  .gc nav .menu li:after {
    background: url(../img/icons.png) no-repeat -280px -120px;
    display: inline-block;
    height: 8px;
    width: 14px;
    vertical-align: middle;
    content: "";
    margin-top: -.25rem;
    position: absolute;
    left: 1rem;
    top: 23px;
    z-index: 1;
  }
  .gc nav .menu li.active a {
    background: #f2f2f2;
  }
  .gc nav .menu li a {
    border: none;
    padding: .8rem .75rem;
    position: relative;
  }
  .gc nav .menu li a:hover, .gc nav .menu li a:focus, .gc nav .menu li a:active {
    background: #f7f7f7;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .gc nav.row {
    padding: 0 !important;
  }
  .gc nav .menu {
    background: #ffffff;
    color: #00816a;
    display: none;
  }
  .gc nav .menu li {
    color: inherit;
    height: auto;
  }
  .gc nav .menu li a {
    color: inherit;
    font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-align: right;
    z-index: 2;
  }
  .gc nav .menu li a:hover, .gc nav .menu li a:active, .gc nav .menu li a:focus {
    background: none !important;
  }
  .gc nav .menu li a:hover span, .gc nav .menu li a:active span, .gc nav .menu li a:focus span {
    border-color: #ffffff;
  }
  .gc nav .menu .li-active > a {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  .gc nav .menu .li-active > a span {
    border-bottom: none;
  }
  .gc nav .menu .li-active > a:hover, .gc nav .menu .li-active > a:active, .gc nav .menu .li-active > a:focus {
    background: #ffffff;
    border-color: #ffffff;
  }
  .gc nav .menu .li-active:after {
    background: url(../img/icons.png) no-repeat -321px -120px;
    display: inline-block;
    height: 8px;
    width: 14px;
    vertical-align: middle;
    z-index: 2;
  }
  .gc nav .menu .li-active .close {
    position: absolute;
    width: 45px;
    height: 45px;
    display: block;
    z-index: 5;
    top: 0;
    left: 0;
  }
  .gc nav .menu ul.sub-menu {
    background: #ffffff;
    break-inside: avoid-column;
    height: auto;
    padding: .9rem 1.575rem .9rem .625rem;
    position: static;
    width: 100%;
  }
  .gc nav .menu ul.sub-menu li {
    background: none;
    border-bottom: none !important;
    display: block;
    padding: .225rem 0;
    width: 100%;
  }
  .gc nav .menu ul.sub-menu li:after {
    display: none;
  }
  .gc nav .menu ul.sub-menu li > a {
    background: none !important;
    padding: 0;
    font-size: 1.125rem;
  }
  .gc nav .menu ul.sub-menu li > a span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .gc nav .menu ul.sub-menu li > a:after {
    display: none;
  }
  .gc nav .menu ul.sub-menu li ul.sub-sub-menu {
    padding-top: 0.425rem;
    padding-bottom: 0.715rem;
  }
  .gc nav .menu ul.sub-menu li ul.sub-sub-menu li {
    padding: 0.125rem;
    padding-right: 0;
  }
  .gc nav .menu ul.sub-menu li ul.sub-sub-menu li a {
    background: none;
  }
}

/*------------------------------------------------------- header.row for account ---------- */
@media (min-width: 768px) and (max-width: 1000px) {
  header.row {
    display: flex;
    justify-content: space-between;
  }
}

/* -- -- -- */
.frontpage-2019__year {
  background: url("../img/15-years.png") no-repeat center/contain !important;
}

/*-----------------------------------------------------Footer-----------------------------------------------------*/
.bg-footer_menus {
  background-image: url(../img/frontpage/bg-footer.jpg);
  background-size: cover;
}

/* gc-footer */
@media all and (max-width: 640px) {
  .gc-footer__nav li a {
    padding: 12px 20px 12px 20px !important;
  }
}

@media all and (max-width: 640px) {
  .gc-footer__nav li a:after {
    left: 21px !important;
  }
}

@media all and (max-width: 640px) {
  .gc-footer__nav li:nth-of-type(1) > ul > li:nth-of-type(1) > a {
    padding: 20px 20px 12px 20px !important;
  }
}

@media all and (max-width: 640px) {
  .gc-footer__nav li:nth-last-of-type(1) > ul > li:nth-last-of-type(1) > a {
    padding: 12px 20px 20px 20px !important;
  }
}

footer {
  /* footer links */
  /* footer texts */
  /* footer copyright */
}

footer .footer-nav {
  list-style: none;
  margin-right: 0;
  color: #ffffff;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  padding: 1.875rem 1.5rem;
  width: 100%;
}

footer .footer-nav a {
  border-color: rgba(255, 255, 255, 0.5);
  color: inherit;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
}

footer .footer-nav > li:last-child a, footer .footer-nav > li ul li:first-child a {
  border-color: transparent;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
}

footer .footer-nav > li:last-child a:hover, footer .footer-nav > li:last-child a:focus, footer .footer-nav > li:last-child a:active, footer .footer-nav > li ul li:first-child a:hover, footer .footer-nav > li ul li:first-child a:focus, footer .footer-nav > li ul li:first-child a:active {
  border-color: #009e82;
}

footer .footer-nav > li ul {
  list-style: none;
  margin-right: 0;
}

footer .footer-nav > li ul li {
  margin: .5rem 0;
}

footer p {
  font-size: .875rem;
}

footer span {
  display: block;
  font-size: 1.125rem;
  margin-top: .625rem;
}

/* footer social */
.social {
  margin-top: -.2rem;
  list-style: none;
  margin-right: 0;
}

.social li {
  display: inline-block;
}

.social span {
  margin-bottom: .2rem;
}

#socialbar {
  padding: 0 0 10px 0;
  position: fixed;
  top: 35%;
  text-align: center;
  color: #fff;
  left: 0;
  width: 70px;
  background-color: #fff;
  z-index: 300;
  /*320!!!*/
}

#socialbar a {
  margin: 10px 0 0 0;
}

#socialbar .qq {
  background-color: #51b097;
  padding: 1px 0 10px 0;
}

#socialbar .qq h3 {
  margin: 10px 0;
  font-size: 1.12rem;
  font-weight: bold;
}

#socialbar .qq .pic {
  display: block;
  height: 53px;
  width: 44px;
  margin: 0 auto;
  margin-top: 10px;
  background-image: url(../img/icons.png);
  background-position: -238px -426px;
}

#socialbar .qq .pic:hover {
  opacity: 0.6;
}

#socialbar .qq span {
  font-size: 1rem;
}

@media only screen and (max-width: 64em) {
  #socialbar {
    display: none;
  }
}

/* adaptive footer */
/*320!!!*/
@media only screen and (max-width: 40em) {
  .gc footer .footer-nav-wrapper {
    padding: 0 !important;
  }
  footer .row .footer-nav {
    padding: 0;
  }
  footer .row .footer-nav li {
    padding: 0;
  }
  footer .row .footer-nav ul li {
    margin: 0;
    padding: 0;
  }
  footer .row .footer-nav ul li:not(:last-child) {
    border-bottom: 1px solid #096760;
  }
  footer .row .footer-nav ul li a {
    border: none;
    display: block;
    font: 1.25rem/1 "pfDinTextReg", "Helvetica Neue", "Arial";
    height: 100%;
    padding: .8rem .75rem;
    position: relative;
    width: 100%;
  }
  footer .row .footer-nav ul li a:hover, footer .row .footer-nav ul li a:focus, footer .row .footer-nav ul li a:active {
    background: #12746d;
  }
  footer .row .footer-nav ul li a:after {
    content: "";
    margin-top: -.344rem;
    position: absolute;
    left: .75rem;
    top: 50%;
    background: url(../img/icons.png) no-repeat -80px -120px;
    display: inline-block;
    height: 11px;
    width: 6px;
    vertical-align: middle;
  }
  footer .row .footer-nav > li:not(:last-child) ul li:not(:first-child) {
    display: none;
  }
  footer p, footer span {
    font-size: 1rem;
  }
  footer span {
    margin: 0;
  }
  footer .social {
    margin-top: 1.875rem;
  }
}

.gc-h1 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 48px;
  line-height: 48px;
  font-weight: 300;
  margin-bottom: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}

.gc-h2 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 36px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 50px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }
}

.gc-h3 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 34px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 35px;
  }
}

.gc-h4 {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  color: #000000;
  font-size: 24px;
  line-height: 29px;
  font-weight: 300;
  margin-bottom: 34px;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-h4 {
    font-size: 20px;
    line-height: 24px;
  }
}

.gc-h4--link {
  text-decoration: none;
  border-bottom: 1px solid rgba(66, 66, 67, 0.4);
}

.gc-h4--link:hover {
  border-bottom-color: transparent;
}

.no-margin {
  margin: 0 !important;
}

.gc-desc {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin-bottom: 34px;
}

.gc-text {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  color: #000000;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-text {
    font-size: 16px;
  }
}

.gc-text-small {
  color: #888888;
  font-size: 14px;
}

.gc-link {
  font-size: 18px;
  text-decoration: none;
  border-bottom: 1px solid rgba(66, 66, 67, 0.4);
}

.gc-link:hover {
  border-bottom-color: transparent;
}

.gc-link--green {
  color: #377F6B;
  border-bottom-color: #377F6B;
}

.gc-link--green:hover {
  color: #377F6B;
  border-bottom-color: transparent;
}

.c-white {
  color: #FFFFFF;
}

.c-white a {
  color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.gc-advatages {
  background: url("/static/img/gc-advantages-bg.png") center/cover no-repeat;
  padding: 75px 0;
}

.gc-advatages__title {
  text-align: center;
}

.gc-advatages__desc {
  color: #848484;
  text-align: center;
  max-width: 790px;
  margin: 0 auto;
}

.gc-advatages__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*320!!!*/
}

@media only screen and (max-width: 64em) {
  .gc-advatages__list {
    justify-content: space-around;
  }
}

.gc-advatages__item {
  flex: 1;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  max-width: 180px;
  width: 100%;
  padding: 30px 20px;
  margin-top: 20px;
  margin-left: 5px;
  transition: all .3s ease;
  /*320!!!*/
}

.gc-advatages__item:last-child {
  margin-left: 0;
}

.gc-advatages__item:hover {
  background: #FFFFFF;
  box-shadow: 0px 6px 8px rgba(114, 114, 114, 0.25);
  transform: scale(1.07273);
  transition: all .3s ease;
}

@media only screen and (max-width: 64em) {
  .gc-advatages__item {
    flex: auto;
  }
  .gc-advatages__item:last-child {
    margin-left: 5px;
  }
}

.gc-advatages__icon {
  text-align: center;
  margin-bottom: 20px;
  min-height: 50px;
}

.gc-advatages__name {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  line-height: 22px;
  color: #424243;
  text-align: center;
}

/* ------------------------- landings import ----------------------- */
@font-face {
  font-family: 'pfDinTextProMed';
  src: url("../fonts/pfdintextpro/medium/pfdintextpro-medium.eot");
  src: url("../fonts/pfdintextpro/medium/pfdintextpro-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/medium/pfdintextpro-medium.svg") format("svg"), url("../fonts/pfdintextpro/medium/pfdintextpro-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'pfDinTextProThin';
  src: url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.eot");
  src: url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'pfDinTextProMedIt';
  src: url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.eot");
  src: url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-meditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'pfDinTextProLightIt';
  src: url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.eot");
  src: url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro/pfdintextpro-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

_bg-icon, .binary-header-figcaption__img, .binary-advantage-elem__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

_span, ._span {
  color: #545353;
  font-size: 14px;
  font-weight: 400;
}

_after-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

_circle, .binary-choose__btn, .binary-action-onVideo {
  border-radius: 50%;
}

_btn, .binary-action-level__btn, .binary-advantage__btn {
  font-size: 1em;
  text-align: center;
  width: 100%;
}

_btn a, .binary-action-level__btn a, .binary-advantage__btn a {
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
}

body.ln-binary {
  font-size: 18px;
  font-family: pfDinTextLight;
}

body.ln-binary .hide {
  display: none;
}

body.ln-binary .row {
  position: relative;
  z-index: 10;
}

body.ln-binary .navigation-bg .row.main-menu-wrapper {
  position: static;
}

body.ln-binary .binaryHeaderOptionsPage header .btn.adaptive-header {
  display: none !important;
}

._span {
  margin-top: 10px;
}

.binary-row {
  display: flex;
  justify-content: space-between;
}

.binary_btn {
  font-weight: 900;
}

.binary_btn-link {
  font-size: 1em;
  display: block;
  border-radius: 0.25em;
  line-height: 2.5em;
  float: right;
  padding: 0 1.35em;
  background-color: #00978a;
  color: #fff;
  border: none;
}

.binary_btn-link:hover {
  color: #fff;
  background-color: #00786e;
}

.binary_btn-link_center {
  float: none;
  margin: 0 auto;
}

.button.new_green.binary_btn-link_center, .new_green.binary_btn-link_center.black {
  height: initial;
}

section.binary-choose {
  min-height: 100vh;
}

.binary-bg {
  position: fixed;
  bottom: 0;
  right: 0;
  min-width: 100vw;
  min-height: 100vh;
  z-index: -1;
}

.binary-bg.video {
  display: block;
}

.binary-bg.img {
  display: none;
  background-image: url(../img/promo/landing_binary/binary-bg-mob.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media (max-width: 768px) {
  .binary-bg.video {
    display: none !important;
  }
  .binary-bg.img {
    display: block;
  }
}

_bg-icon, .binary-header-figcaption__img, .binary-advantage-elem__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

_span, ._span {
  color: #545353;
  font-size: 14px;
  font-weight: 400;
}

_after-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

_circle, .binary-choose__btn, .binary-action-onVideo {
  border-radius: 50%;
}

_btn, .binary-action-level__btn, .binary-advantage__btn {
  font-size: 1em;
  text-align: center;
  width: 100%;
}

_btn a, .binary-action-level__btn a, .binary-advantage__btn a {
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
}

.binary-pagination {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
  z-index: 100;
}

@media (max-width: 768px) {
  .binary-pagination {
    display: none;
  }
}

.binary-pagination ul {
  list-style: none;
  margin: 0;
}

.binary-pagination a {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  color: #000;
  position: relative;
  padding: 4px;
}

.binary-pagination a.active .hover-text {
  opacity: 1;
}

.binary-pagination a.active:after {
  box-shadow: inset 0 0 0 5px;
}

.binary-pagination a .hover-text {
  position: relative;
  display: block;
  top: -7px;
  opacity: 0;
  transition: opacity 0.5s ease;
  padding-left: 20px;
  text-align: left;
}

.binary-pagination a:hover .hover-text {
  opacity: 1;
}

.binary-pagination a:after {
  transition: box-shadow 0.5s ease;
  width: 10px;
  height: 10px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  left: 4px;
  bottom: 0;
}

.binary-header {
  position: relative;
  padding: 380px 0 100px 0;
}

@media (max-width: 768px) {
  .binary-header {
    padding: 95px 0 10px 0;
  }
}

.binary-header .row::before {
  display: none;
}

@media (max-width: 1200px) {
  .binary-header {
    padding: 95px 20px 256px 20px;
  }
}

@media (max-width: 768px) {
  .binary-header {
    padding: 140px 26px 100px 46px;
  }
  .binary-header .binary-row {
    flex-direction: column;
  }
}

@media (max-width: 425px) {
  .binary-header {
    padding: 33px 26px 40px 44px;
  }
}

.binary-header-info {
  max-width: 740px;
}

.binary-header-info__title {
  font-size: 2.66667em;
  margin-bottom: 20px;
}

.binary-header-info__title2 {
  font-size: 1.33333em;
  margin-bottom: 45px;
}

.binary-header-info__text {
  margin-bottom: 50px;
  font-size: 1em;
}

.binary-header-info__btn {
  overflow: hidden;
}

@media (max-width: 768px) {
  .binary-header-info__btn {
    margin-bottom: 65px;
  }
}

.binary-header-info__btn a {
  margin-right: 0 !important;
}

@media (max-width: 768px) {
  .binary-header-info__title {
    font-size: 2em;
  }
  .binary-header-info__title2 {
    margin-bottom: 25px;
    font-size: 1.11111em;
  }
  .binary-header-info__text {
    margin-bottom: 25px;
  }
  .binary-header-info__btn {
    margin-bottom: 65px;
  }
}

.binary-header-figcaption {
  max-width: 220px;
  padding-top: 17px;
}

@media (max-width: 1200px) {
  .binary-header-figcaption {
    padding-right: 20px;
  }
}

@media (max-width: 768px) {
  .binary-header-figcaption {
    padding-top: 17px;
    display: flex;
    max-width: none;
  }
}

.binary-header-figcaption__img {
  background-image: url(../img/promo/landing_binary/cub.png);
  width: 36px;
  height: 40px;
  float: right;
  margin-left: 10px;
  margin-top: 5px;
}

.binary-header-figcaption__title {
  max-width: 170px;
  float: right;
  color: #252525;
  font-size: 0.88889em;
  font-weight: 400;
  text-align: right;
}

@media (max-width: 768px) {
  .binary-header-figcaption__title {
    max-width: none;
  }
}

_bg-icon, .binary-header-figcaption__img, .binary-advantage-elem__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

_span, ._span {
  color: #545353;
  font-size: 14px;
  font-weight: 400;
}

_after-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

_circle, .binary-choose__btn, .binary-action-onVideo {
  border-radius: 50%;
}

_btn, .binary-action-level__btn, .binary-advantage__btn {
  font-size: 1em;
  text-align: center;
  width: 100%;
}

_btn a, .binary-action-level__btn a, .binary-advantage__btn a {
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
}

.binary-choose {
  padding: 7.77778em 0em 11.38889em 0em;
  position: relative;
}

@media (max-width: 1200px) {
  .binary-choose {
    font-size: 16px;
  }
}

@media (max-width: 1000px) {
  .binary-choose {
    font-size: 12px;
  }
}

.binary-choose__title {
  margin-bottom: 70px;
  font-family: pfDinTextProThin;
  font-size: 2.66667em;
  text-align: center;
}

@media (max-width: 768px) {
  .binary-choose {
    display: none;
  }
}

.binary-choose__btn {
  background-color: rgba(255, 255, 255, 0.5);
  width: 20.27778em;
  height: 20.27778em;
  cursor: pointer;
  transition: all 0.3s;
}

.binary-choose__btn:hover {
  background: white;
  transform: scale(1.1);
}

.binary-choose__btn_yourself .binary-choose__btn-img {
  background-image: url(../img/promo/landing_binary/monitor.png);
  background-size: 3.88889em;
}

.binary-choose__btn_invest .binary-choose__btn-img {
  background-image: url(../img/promo/landing_binary/case.png);
  background-size: 3.88889em;
}

.binary-choose__btn_attract .binary-choose__btn-img {
  background-image: url(../img/promo/landing_binary/man.png);
  background-size: 3.61111em;
}

.binary-choose__btn-img {
  width: 100%;
  height: 45%;
  background-repeat: no-repeat;
  background-position: center 100%;
  margin-bottom: 35px;
}

.binary-choose__btn-title {
  text-align: center;
  color: #242424;
  font-size: 1.66667em;
  font-weight: 300;
  margin: 0 auto;
  max-width: 250px;
}

_bg-icon, .binary-header-figcaption__img, .binary-advantage-elem__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

_span, ._span {
  color: #545353;
  font-size: 14px;
  font-weight: 400;
}

_after-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

_circle, .binary-choose__btn, .binary-action-onVideo {
  border-radius: 50%;
}

_btn, .binary-action-level__btn, .binary-advantage__btn {
  font-size: 1em;
  text-align: center;
  width: 100%;
}

_btn a, .binary-action-level__btn a, .binary-advantage__btn a {
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
}

.binary-action {
  position: relative;
}

@media (max-width: 768px) {
  .binary-action {
    background: #f3f2da;
  }
}

.binary-action.trading::before {
  background-image: url(../img/promo/landing_binary/action-bg.jpg);
}

.binary-action.invest::before {
  background-image: url(../img/promo/landing_binary/action-bg-invest.jpg);
}

.binary-action.attract::before {
  background-image: url(../img/promo/landing_binary/action-bg-attract.jpg);
}

.binary-action::before, .binary-action_trade::before, .binary-action_invest::before, .binary-action_attract::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media (max-width: 768px) {
  .binary-action::before, .binary-action_trade::before, .binary-action_invest::before, .binary-action_attract::before {
    background-image: none !important;
  }
}

.binary-action.ar::before, .binary-action.ar_trade::before, .binary-action.ar_invest::before, .binary-action.ar_attract::before, .binary-action.fa::before, .binary-action.fa_trade::before, .binary-action.fa_invest::before, .binary-action.fa_attract::before {
  transform: scale(-1, 1);
}

.binary-action__modal {
  background-color: #000;
  padding: 0;
  height: auto;
}

.binary-action__menu {
  font-size: 1.77778em;
  margin-right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1200px) {
  .binary-action__menu {
    font-size: 1.5em;
  }
}

@media (max-width: 768px) {
  .binary-action__menu {
    font-size: 1.22222em;
  }
}

@media (max-width: 425px) {
  .binary-action__menu {
    font-size: 1.05556em;
  }
}

.binary-action__menu-item {
  position: relative;
  list-style: none;
  padding: 41px 22px;
  cursor: pointer;
  padding: 1.28125em 0.6875em 1.28125em 0.6875em;
  color: rgba(46, 46, 46, 0.8);
  font-weight: 300;
  text-align: center;
}

@media (min-width: 769px) {
  .binary-action__menu-item {
    width: 33%;
  }
}

.binary-action__menu-item:hover {
  color: #00978a;
}

.binary-action__menu-item.active {
  color: #00978a;
}

@media (min-width: 769px) {
  .binary-action__menu-item.active:before {
    content: '';
    display: block;
    border-width: 2px;
    border-color: #00978a;
    border-style: solid;
    background-color: #ffffff;
    opacity: 0.5;
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .binary-action__menu-item::before {
    display: none;
    position: absolute;
    content: '';
    width: 35px;
    height: 28px;
    right: -10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
  .binary-action__menu-item_trade::before {
    background-image: url(../img/promo/landing_binary/monitor.png);
  }
  .binary-action__menu-item_invest::before {
    background-image: url(../img/promo/landing_binary/case.png);
  }
  .binary-action__menu-item_attract::before {
    background-image: url(../img/promo/landing_binary/man.png);
  }
}

.binary-action__menu-item::after {
  content: '';
  display: none;
  position: absolute;
  width: 0.75em;
  height: 0.75em;
  left: 0;
  transform: rotate(-45deg);
  border-left: solid 1px rgba(46, 46, 46, 0.8);
  border-bottom: solid 1px rgba(46, 46, 46, 0.8);
}

.binary-action__title {
  margin-bottom: 34px;
  width: 100%;
  font-size: 2em;
  color: #171616;
  font-weight: 300;
}

.binary-action__desc {
  width: 100%;
  margin-bottom: 60px;
  font-size: 1em;
}

.binary-action__title-list {
  font-size: 1.33333em;
  margin-bottom: 30px;
}

.binary-action__list {
  counter-reset: yPos;
  list-style: none;
  box-sizing: border-box;
}

.binary-action__list.become {
  max-width: calc(100% - 340px);
}

.binary-action__list.work {
  max-width: 300px;
  padding-top: 30px;
  padding-right: 20px;
  background: #fff;
  max-height: 410px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .binary-action__list.become, .binary-action__list.work {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .binary-action__list.work {
    margin-bottom: 20px;
  }
}

.binary-action__lammtext {
  font-size: 1em;
  color: #353535;
  font-weight: 600;
  padding-right: 56px;
  margin-right: 17px;
  margin-top: 20px;
  position: relative;
  z-index: 10;
}

.binary-action__lammtext::before {
  content: "";
  display: block;
  background: #ffc832;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../img/promo/landing_binary/crown.png");
  background-size: 60%;
  position: absolute;
  top: -10px;
  right: 0;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.binary-action__item-list {
  margin-right: 35px;
  margin-bottom: 20px;
  font-size: 1em;
  position: relative;
  max-width: 80%;
}

.binary-action__item-list::before {
  position: absolute;
  counter-increment: yPos;
  content: counter(yPos);
  top: -6px;
  right: -30px;
  color: #00b596;
  font-size: 1.77778em;
}

.binary-action__item-list_rect::before, .binary-action__item-list_face::before, .binary-action__item-list_circle::before {
  width: 24px;
  height: 24px;
  display: block;
  content: '';
  top: 0;
  right: -35px;
  background: #fff;
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
}

.binary-action__item-list_rect::after, .binary-action__item-list_face::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #0d0d0d;
  top: 25px;
  right: -21px;
  opacity: 0.3;
}

.binary-action__item-list_rect::before {
  background-image: url("../img/promo/landing_binary/action-icon-rect.png");
}

.binary-action__item-list_face::before {
  background-image: url("../img/promo/landing_binary/action-icon-face.png");
}

.binary-action__item-list_circle::before {
  background-image: url("../img/promo/landing_binary/action-icon-circle.png");
}

.binary-action-levelbox {
  display: none;
  font-size: 1em;
  position: relative;
  margin-top: 95px;
  margin-bottom: 125px;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1030px;
  overflow: hidden;
  padding-bottom: 50px;
}

.binary-action-levelbox._trading {
  min-height: 614px;
  max-width: 740px;
}

.binary-action-levelbox.active {
  display: flex;
}

.binary-action-level {
  position: relative;
  padding: 0.94444em 1.11111em 0.94444em 1.11111em;
  width: max-content;
  background-color: #fff;
  box-sizing: border-box;
}

.binary-action-level__title {
  font-size: 1em;
  color: #00978a;
  text-align: center;
}

.binary-action-level__title2 {
  font-size: 0.88889em;
  margin-bottom: 30px;
  text-align: center;
  font-style: italic;
}

.binary-action-level_silver, .binary-action-level_gold, .binary-action-level_vip {
  height: 21.11111em;
  border-top: 2px solid;
}

.binary-action-level_silver {
  border-color: silver;
  width: 214px;
}

.binary-action-level_gold {
  border-color: gold;
  height: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  width: 234px;
}

.binary-action-level_vip {
  border-color: #0a6ebd;
  height: auto;
  width: 270px;
}

.binary-action-level__list {
  font-size: 1em;
  margin: 0;
  list-style: none;
}

.binary-action-level__item {
  font-size: 0.88889em;
  font-weight: 600;
}

.binary-action-level__line {
  height: 1px;
  background-color: #b5b5b5;
  margin: 20px 0;
}

.binary-action-level__btn {
  position: absolute;
  bottom: 30px;
  right: 0;
}

.binary-action-info {
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 0;
  right: 0;
}

.binary-action-info__title {
  font-size: 1.33333em;
  margin-bottom: 0.83333em;
  padding: 0;
}

.binary-action-info__item {
  font-size: 1em;
  padding-bottom: 0.83333em;
  padding-bottom: 15px;
  line-height: 1;
}

.binary-action-info__item:last-child {
  padding-bottom: 0;
}

.binary-action-onVideo {
  display: block;
  cursor: pointer;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  right: auto;
  top: 200px;
  left: 125px;
  opacity: 0.7;
  width: 99px;
  height: 99px;
  background-image: url(../img/promo/landing_binary/arrow.png);
}

@media (max-width: 1000px) {
  .binary-action-onVideo {
    display: none;
  }
}

@media (max-width: 1200px) {
  .binary-action-onVideo {
    left: 7%;
  }
}

.binary-action-onVideo:hover {
  opacity: 1;
}

.binary-action.invest .binary-action-onVideo, .binary-action.attract .binary-action-onVideo {
  display: none;
}

.binary-action .gray-line-full-width {
  position: relative;
  z-index: 5;
}

@media (max-width: 768px) {
  .binary-action .gray-line-full-width {
    display: none;
  }
}

@media (max-width: 768px) {
  .binary-action__menu {
    flex-direction: column;
  }
  .binary-action__menu-item {
    box-sizing: border-box;
    border-bottom: solid 1px #aeaeae;
    padding: 1.33333em 4.11111em 1.33333em 0em;
    text-align: right;
  }
  .binary-action__menu-item::before {
    display: block;
    right: 20px;
    bottom: 1.33333em;
  }
  .binary-action__menu-item_trade::before {
    width: 1.94444em;
    height: 1.55556em;
  }
  .binary-action__menu-item_invest::before {
    width: 1.94444em;
    height: 1.55556em;
  }
  .binary-action__menu-item_attract::before {
    width: 1.66667em;
    height: 1.94444em;
  }
  .binary-action__menu-item::after {
    display: block;
    bottom: 1.77778em;
    left: 20px;
  }
}

.binary-action-row-info {
  position: relative;
  overflow: hidden;
}

@media (max-width: 768px) {
  .binary-action-row-info {
    display: none;
  }
}

.binary-action-info-in-menu {
  display: none;
  position: relative;
}

@media (max-width: 768px) {
  .binary-action-info-in-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

@media (max-width: 425px) {
  .binary-action-info-in-menu {
    display: flex;
    flex-direction: column;
  }
}

.binary-action-info-in-menu__img {
  position: absolute;
  height: 328px;
  width: 110%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  right: -20px;
  bottom: 0;
  z-index: 1;
}

.binary-action-info-in-menu__img.trader {
  background-image: url(../img/promo/landing_binary/action-bg.png);
}

.binary-action-info-in-menu__img.invest {
  background-image: url(../img/promo/landing_binary/action-bg-invest.png);
}

.binary-action-info-in-menu__img.attract {
  background-image: url(../img/promo/landing_binary/action-bg-attract.png);
}

.binary-action-info-in-menu {
  transition: height 2s;
  overflow: hidden;
  height: 0;
  padding: 0;
}

.binary-action-info-in-menu.active {
  transition: height 2s;
  font-size: 1em;
  padding: 1.83333em 0em 15em 0em;
  height: auto;
}

.binary-action-info-in-menu-box {
  font-size: 1em;
  list-style: none;
  margin-bottom: 2.22222em;
  position: relative;
  z-index: 10;
}

@media (min-width: 560px) and (max-width: 768px) {
  .binary-action-info-in-menu-box {
    font-size: 0.77778em;
    max-width: 50%;
  }
}

.binary-action-info-in-menu-box__title {
  font-size: 1.33333em;
  margin-bottom: 0.875em;
  line-height: normal;
}

.binary-action-info-in-menu-box__item {
  font-size: 1em;
  padding-bottom: 0.55556em;
}

.binary-action-info-in-menu-box__item-title {
  font-size: 1em;
  color: #00978a;
  border-bottom: 1px dashed #00978a;
  float: right;
}

.binary-action-info-in-menu-box__item-title2 {
  font-size: 0.88889em;
  font-style: italic;
  clear: both;
}

.binary-action-info-in-menu-box__item .binary_btn {
  padding: 0.55556em 0em 0em 0em;
}

.binary-action-info-in-menu-box__item .binary-action-level__list {
  display: none;
}

.binary-action-info-in-menu-box__link {
  display: block;
  padding: 0.55556em 0em 0em 0em;
  color: #00978a;
}

_bg-icon, .binary-header-figcaption__img, .binary-advantage-elem__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

_span, ._span {
  color: #545353;
  font-size: 14px;
  font-weight: 400;
}

_after-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

_circle, .binary-choose__btn, .binary-action-onVideo {
  border-radius: 50%;
}

_btn, .binary-action-level__btn, .binary-advantage__btn {
  font-size: 1em;
  text-align: center;
  width: 100%;
}

_btn a, .binary-action-level__btn a, .binary-advantage__btn a {
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
}

.binary-advantage {
  position: relative;
  padding: 7.61111em 0em 6.94444em 0em;
}

@media (max-width: 768px) {
  .binary-advantage {
    padding: 2.77778em 0em 2.77778em 0em;
  }
}

.binary-advantage::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background: url(../img/promo/landing_binary/advantage-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.binary-advantage__btn {
  position: relative;
  float: right;
}

.binary-advantage__btn a {
  float: right;
}

.binary-advantage-block {
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0em 0em 3.05556em 0em;
}

@media (max-width: 1200px) {
  .binary-advantage-block {
    justify-content: space-around;
  }
}

@media (max-width: 425px) {
  .binary-advantage-block {
    flex-direction: column;
    align-items: center;
  }
}

.binary-advantage-block__title {
  width: 100%;
  font-size: 2em;
}

@media (max-width: 1200px) {
  .binary-advantage-block__title {
    padding: 0em 1.38889em 0em 0em;
  }
}

@media (max-width: 1000px) {
  .binary-advantage-block__title {
    padding: 0;
    text-align: right;
  }
}

@media (max-width: 425px) {
  .binary-advantage-block__title {
    font-size: 1.66667em;
  }
}

.binary-advantage-block:first-child .binary-advantage-block__title {
  margin: 0em 0em 1.94444em 0em;
}

@media (max-width: 768px) {
  .binary-advantage-block:last-child {
    flex-direction: column;
    align-items: center;
  }
}

.binary-advantage-block:last-child .binary-advantage-block__title {
  margin: 0em 0em 1.44444em 0em;
}

.binary-advantage-block:last-child .binary-advantage-elem:hover .binary-advantage-elem__title {
  text-decoration: underline;
}

.binary-advantage-elem {
  display: block;
  width: 15.66667em;
  margin: 0em 0em 2.5em 0em;
}

@media (max-width: 425px) {
  .binary-advantage-elem {
    width: 90%;
  }
}

.binary-advantage-elem__title {
  font-size: 1.33333em;
  margin-bottom: 17px;
  margin: 0em 0em 0.70833em 0em;
}

.binary-advantage-elem__text {
  font-size: 1em;
}

.binary-advantage-elem__img {
  margin-left: 16px;
  margin: 0em 0em 0em 0.88889em;
  float: right;
  width: 2.22222em;
  height: 2.22222em;
}

.binary-advantage-elem__img_gcp {
  background-image: url(../img/promo/landing_binary/icon-gc.png);
}

.binary-advantage-elem__img_gc {
  background-image: url(../img/promo/landing_binary/icon-gc-1.png);
}

.binary-advantage-elem__img_mt4 {
  background-image: url(../img/promo/landing_binary/icon-mt4.png);
}

.binary-advantage-elem__box {
  overflow: hidden;
}

.binary-advantage-elem_icon {
  max-width: 320px;
}

@media (max-width: 768px) {
  .binary-advantage-elem_icon {
    width: 425px;
  }
}

@media (max-width: 425px) {
  .binary-advantage-elem_icon {
    width: 90%;
  }
}

.binary-howWork {
  height: auto;
  font-size: 1em;
  padding: 5.27778em 0em 6.94444em 0em;
  background-color: #f0eff0;
}

@media (max-width: 1200px) {
  .binary-howWork {
    padding: 4.72222em 0em 5em 0em;
  }
}

.binary-howWork__formula {
  max-width: 315px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  float: right;
}

.binary-howWork__formula > p {
  font-size: 16px;
  mix-width: min-content;
  text-align: center;
}

.binary-howWork__title {
  font-size: 2em;
  margin-bottom: 3.27778em;
}

@media (max-width: 1200px) {
  .binary-howWork__title {
    padding: 0em 1.38889em 0em 0em;
    margin-bottom: 2.36111em;
  }
}

@media (max-width: 768px) {
  .binary-howWork__title {
    text-align: right;
    padding-right: 0;
    margin-bottom: 1.38889em;
  }
}

.binary-howWork-inf {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

@media (max-width: 768px) {
  .binary-howWork-inf {
    flex-direction: column;
  }
}

.binary-howWork-inf__nav {
  font-size: 1em;
  list-style: none;
  margin-right: 0;
  float: right;
  padding-left: 10px;
}

@media (max-width: 768px) {
  .binary-howWork-inf__nav {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    padding-right: 0;
  }
}

@media (max-width: 536px) {
  .binary-howWork-inf__nav {
    font-size: 0.88889em;
  }
}

.binary-howWork-inf__item {
  font-size: 1em;
  width: 9.44444em;
  overflow: hidden;
  margin-bottom: 40px;
}

.binary-howWork-inf__item:last-child {
  margin-bottom: 0;
}

.binary-howWork-inf__link {
  font-size: 1em;
  line-height: 18px;
  float: right;
  cursor: pointer;
  color: #018e82;
  display: inline-block;
  font-family: pfDinTextProThin;
  clear: both;
  margin: 0 !important;
}

@media (max-width: 536px) {
  .binary-howWork-inf__link {
    width: 100%;
    text-align: center;
    border-bottom: none;
    padding: 5px;
  }
}

.binary-howWork-inf__link .underline {
  border-bottom: 1px dashed #018e82;
  line-height: 1.5;
}

.binary-howWork-inf__check:checked + .binary-howWork-inf__link {
  color: #1b1b1b;
  border: none;
  text-decoration: none;
}

.binary-howWork-inf__check:checked + .binary-howWork-inf__link .underline {
  border-bottom: none;
  font-weight: 600;
}

.binary-howWork-inf__check {
  display: none;
}

.binary-howWork-inf__desc {
  margin-top: 10px;
  font-size: 0.88889em;
  line-height: 16px;
  color: #808080;
  display: block;
  float: right;
}

@media (max-width: 768px) {
  .binary-howWork-inf__desc {
    margin-bottom: 30px;
  }
}

@media (max-width: 536px) {
  .binary-howWork-inf__desc {
    display: none;
  }
}

.binary-howWork-inf__block {
  display: none;
  font-size: 1em;
  padding: 1.83333em 2.22222em 2.22222em 5em;
  float: right;
  max-width: 1000px;
  box-sizing: border-box;
  background-color: #fff;
}

.binary-howWork-inf__block.active {
  display: block;
}

.binary-howWork-inf__block > p {
  font-size: 1em;
}

@media (max-width: 768px) {
  .binary-howWork-inf__block {
    padding: 1.11111em 1.11111em 1.11111em 1.11111em;
  }
}

.binary-howWork-inf__block-list {
  margin-top: 30px;
}

.binary-howWork-inf__block-item {
  position: relative;
  list-style: none;
  padding-right: 10px;
  margin-bottom: 30px;
}

.binary-howWork-inf__block-item::before {
  display: block;
  content: '';
  width: 15px;
  height: 20px;
  border-bottom: solid 2px #f42534;
  border-left: solid 2px #f42534;
  transform: rotate3d(0, 1, 1, -49deg);
  position: absolute;
  background: none;
  border-radius: 0px;
  top: 0;
  right: -20px;
}

_bg-icon, .binary-header-figcaption__img, .binary-advantage-elem__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

_span, ._span {
  color: #545353;
  font-size: 14px;
  font-weight: 400;
}

_after-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

_circle, .binary-choose__btn, .binary-action-onVideo {
  border-radius: 50%;
}

_btn, .binary-action-level__btn, .binary-advantage__btn {
  font-size: 1em;
  text-align: center;
  width: 100%;
}

_btn a, .binary-action-level__btn a, .binary-advantage__btn a {
  padding-right: 15px;
  padding-left: 15px;
  width: max-content;
}

.binary-howbegin {
  position: relative;
  padding: 4.72222em 0em 5.05556em 0em;
}

@media (max-width: 425px) {
  .binary-howbegin {
    font-size: 0.94444em;
  }
}

.binary-howbegin::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  background-image: url(../img/promo/landing_binary/howbegin-bg.jpg);
}

.binary-howbegin.ar::before, .binary-howbegin.fa::before {
  transform: scale(-1, 1);
}

.binary-howbegin__title {
  font-size: 2em;
  margin-bottom: 2.22222em;
}

@media (max-width: 1200px) {
  .binary-howbegin__title {
    padding: 0em 1.38889em 0em 0em;
  }
}

@media (max-width: 768px) {
  .binary-howbegin__title {
    text-align: right;
    padding: 0;
    margin-bottom: 1.11111em;
  }
}

.binary-howbegin__list {
  font-size: 1em;
  counter-reset: myPos;
  list-style: none;
}

.binary-howbegin__elem {
  position: relative;
  margin-bottom: 2.55556em;
  padding: 0em 2.77778em 0em 0em;
  max-width: 650px;
}

.binary-howbegin__elem::before {
  position: absolute;
  counter-increment: myPos;
  content: counter(myPos);
  top: 0;
  right: 0;
  color: #00b596;
  font-size: 2.22222em;
}

.binary-howbegin__elem-title {
  font-size: 1.33333em;
  margin-bottom: 0.625em;
  line-height: 1;
}

.binary-howbegin__elem-text {
  font-size: 0.88889em;
}

.binary-links {
  position: relative;
  height: auto;
  font-size: 1em;
  padding: 4.27778em 0em 5.88889em 0em;
}

@media (max-width: 1200px) {
  .binary-links {
    font-size: 0.88889em;
  }
}

@media (max-width: 768px) {
  .binary-links {
    padding-bottom: 0;
  }
}

.binary-links::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #fff;
  background-image: url(../img/promo/landing_binary/education_bg.jpg);
  z-index: -1;
}

@media (max-width: 425px) {
  .binary-links::before {
    background-size: cover;
  }
}

@media (max-width: 590px) {
  .binary-links::before {
    background-position: 60% 0;
  }
}

.binary-links.ar::before, .binary-links.fa::before {
  transform: scale(-1, 1);
}

.binary-links-row {
  font-size: 1em;
  display: flex;
  justify-content: space-between;
}

.binary-links-row::before, .binary-links-row::after {
  content: none;
}

@media (max-width: 768px) {
  .binary-links-row {
    flex-direction: column;
  }
}

.binary-links-block {
  font-size: 1em;
}

@media (max-width: 1200px) {
  .binary-links-block {
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .binary-links-block {
    width: 100% !important;
  }
}

.binary-links-block_learn {
  padding: 2.77778em 0em 8.05556em 11.11111em;
  position: relative;
}

@media (max-width: 1200px) {
  .binary-links-block_learn {
    padding: 2.77778em 0em 8.05556em 0em;
    width: 64%;
  }
}

@media (max-width: 768px) {
  .binary-links-block_learn {
    padding: 2.77778em 0em 8.05556em 0em;
    margin-bottom: 60px;
    width: 49%;
  }
}

.binary-links-block_learn .binary-links-block__text {
  max-width: 390px;
}

.binary-links-block_app {
  padding: 2.77778em 2.22222em 8.05556em 2.22222em;
  position: relative;
}

@media (max-width: 1200px) {
  .binary-links-block_app {
    padding: 2.77778em 2.22222em 8.05556em 0em;
    width: 32%;
  }
}

@media (max-width: 768px) {
  .binary-links-block_app {
    padding: 2.77778em 1.11111em 8.05556em 0em;
    width: 49%;
  }
}

.binary-links-block_app::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #fff;
  background-image: url(../img/promo/landing_binary/phone-link.jpg);
  background-size: cover;
  background-position: bottom left;
  z-index: -1;
}

@media (max-width: 425px) {
  .binary-links-block_app::before {
    background-size: cover;
  }
}

.binary-links-block_app .binary-links-block__text {
  max-width: 265px;
}

.binary-links-block__title {
  font-size: 2em;
}

@media (max-width: 1200px) {
  .binary-links-block__title {
    font-size: 1.33333em;
  }
}

.binary-links-block__text {
  margin: 1.5em 0em 1.5em 0em;
  font-size: 1em;
}

/*---------------------------------------------------- Yandex Search -------------------------------------------------*/
body.white-bg {
  background: #FFFFFF;
}

table.b-head {
  display: none;
}

div.ie-hide-site {
  background-color: #f0eff0;
  position: fixed;
  height: auto;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 1000;
}

div.ie-hide-site .main-logo {
  margin-bottom: 30px;
}

div.ie-hide-site .message {
  background-color: #e14048;
  padding: 15px;
  margin: 15px;
  color: #fff;
  font-size: 24px;
}

.red-line-full-width {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: initial;
  border-bottom: 0.225rem solid #ce2029;
}

.gray-line-full-width {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: initial;
  margin-top: -1px;
  border-bottom: 1px solid rgba(29, 29, 29, 0.15);
}

/*---------------------------------------------------Breadcrumbs--------------------------------------------------*/
.gc-breadcrumb {
  padding-top: 34px !important;
}

div.breadcrumb {
  font-size: 1rem;
  margin-bottom: 50px;
}

div.breadcrumb a {
  border-bottom: 1px solid transparent;
}

div.breadcrumb a:hover {
  border-bottom-color: #b81d25;
  color: #b81d25;
}

/* --------- download android app  ------------ */
.download-android-app {
  background-color: #ffffff;
  display: none !important;
  /*320!!!*/
}

@media only screen and (min-width: 64.0625em) {
  .download-android-app {
    display: none !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 500px) {
  .download-android-app {
    text-align: center;
  }
  .download-android-app * {
    float: none !important;
  }
  .download-android-app .close-icon {
    margin-right: -50px;
    float: left !important;
  }
}

.download-android-app .close-icon {
  background: url(../img/icons.png) no-repeat;
  height: 18px;
  padding: 0;
  width: 18px;
  float: right;
  margin-top: 1.25rem;
  margin-left: 0.625rem;
  background-position: -240px -160px;
  cursor: pointer;
}

/* --------- ar-fixes  ------------ */
.advantages-icon.advantages-pig {
  background-image: url("../img/for-sprites/advantages/pig-ar.svg");
}

/* --------- fa-fixes  ------------ */
html[lang="fa"] * {
  font-family: "sakkal_majallaregular", sans-serif;
}

.trading-pro-account .account-description-white .option-pic {
  right: 34%;
}

.trading-pro-account .action h2:before {
  display: none;
}

.trading-pro-account .advantages-arrows-block.options .wrapper, .trading-pro-account .advantages-arrows-block .columns {
  background-color: #ffc600;
}

.trading-pro-account .options .wrapper .subtitle {
  color: #444;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.trading-pro-account .options .wrapper .title {
  color: #444;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 24px;
  font-weight: 500;
  line-height: 18px;
}

.trading-pro-account .advantages-arrows-block .wrapper {
  padding: 23px 23px 0 0;
}

.trading-pro-account .medium-block-grid-4 > li {
  width: 20%;
}

.trading-pro-account .advantages-deposit {
  background-image: url("../img/for-sprites/advantages/icon-deposit.svg");
}

.trading-pro-account .advantages-spreads {
  background-image: url("../img/for-sprites/advantages/icon-spreads.svg");
}

.trading-pro-account .advantages-webtrader {
  background-image: url("../img/for-sprites/advantages/icon-webtrader.svg");
}

.trading-pro-account .advantages-tools {
  background-image: url("../img/for-sprites/advantages/icon-tools.svg");
}

.trading-pro-account .advantages-ecn {
  background-image: url("../img/for-sprites/advantages/icon-ecn.svg");
}

body .trading-pro-account .button.medium, body .trading-pro-account .black, body .trading-pro-account .black, .trading-pro-account a.button.medium, .trading-pro-account a.black, body .trading-pro-account .button.medium, body .trading-pro-account .black, body .trading-pro-account .black, body .trading-pro-account a.button.medium, body .trading-pro-account a.black, body .trading-pro-account a.black {
  background: #51b097;
}

body .trading-pro-account .button:hover, body .trading-pro-account .black:hover, body .trading-pro-account a.button:hover, body .trading-pro-account a.black:hover, body .trading-pro-account .button:hover, body .trading-pro-account .black:hover, body .trading-pro-account a.button:hover, body .trading-pro-account a.black:hover {
  background: #14817a;
}

.trading-pro-account .trading-start {
  text-align: right;
}

.trading-pro-account .tabs dd > a {
  background-color: #51b097;
  border-right: 2px #299578 solid;
  outline: none;
}

.trading-pro-account .tabs dd:first-child > a {
  border: none;
}

.trading-pro-account table.table-green thead tr td {
  background-color: #51b097;
}

.trading-pro-account footer .footer-nav {
  background: #51b097;
}

.trading-pro-account .account-description-white h2 + p, .trading-pro-account .account-description-white .h2 + p {
  color: #3d3d3d;
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 16px;
  font-weight: 400;
}

.trading-pro-account .account-description-white h2 + p {
  margin-bottom: 3rem !important;
  width: 85%;
}

.trading-pro-account .account-description-white h2, .trading-pro-account .account-description-white .h2 {
  color: #3d3d3d;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-size: 34px;
  font-weight: 500;
  padding-right: 0;
}

body .trading-pro-account .account-description-white {
  padding: 0;
}

.trading-pro-account .account-description-white > div:first-child {
  text-align: center;
  margin-bottom: 0;
}

.trading-pro-account .account-description-white .option-pic {
  margin-right: 0;
  position: static;
  top: 0;
  right: 0;
  height: 285px;
}

.trading-pro-account .advantages-arrows-block .wrapper .title {
  margin-bottom: 14px;
}

.trading-pro-account .advantages-icon + p {
  color: #424243;
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-size: 18px;
  font-weight: 300;
}

.trading-pro-account h1, .trading-pro-account h2.h1, .trading-pro-account p.h1 {
  font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
  font-size: 36px;
  font-weight: 400;
  line-height: 47px;
}

.trading-pro-account .trading-start li {
  font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
  font-weight: 300;
  font-size: 16px;
  color: #424243;
}

.trading-pro-account .trading-start li p {
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  font-weight: 500;
  font-size: 22px;
  color: #424243;
}

/*---------------------------*/
.trading-pro-account .trading-pro-account__education .tabs dd > a {
  background-color: #d4524b;
  border-right: 2px solid  #c23631;
}

.trading-pro-account .trading-pro-account__education .tabs dd:first-child > a {
  border-right: none;
}

.trading-pro-account .accounts-advantages {
  margin-bottom: 45px;
}

.trading-pro-account .advantages-arrows-block div:nth-child(4) .title {
  white-space: pre;
}

@media (max-width: 640px) {
  body .trading-pro-account h1, body .trading-pro-account h2.h1, body .trading-pro-account p.h1 {
    text-align: center;
  }
  body .trading-pro-account .account-description-white .option-pic {
    margin: auto;
  }
  body .trading-pro-account .account-description-white .action {
    text-align: center;
  }
  body .trading-pro-account .account-description-white p {
    width: 100%;
  }
  body .trading-pro-account .description-text {
    text-align: justify;
  }
  body .trading-pro-account .description-text p:first-child {
    text-align: center;
  }
  body .trading-pro-account .trading, body .trading-pro-account .education {
    text-align: center;
  }
  body .trading-pro-account .title-22-reg, body .trading-pro-account .title-22-reg + p {
    text-align: right;
  }
}

@media (min-width: 641px) and (max-width: 1024px) {
  body .trading-pro-account h1, body .trading-pro-account h2.h1, body .trading-pro-account p.h1 {
    text-align: center;
  }
  body .trading-pro-account .account-description-white h2 + p {
    width: 100%;
  }
  body .trading-pro-account .account-description-white .action {
    text-align: center;
  }
  body .trading-pro-account .account-description-white .figure {
    position: static;
  }
  body .trading-pro-account .advantages-arrows-block > div {
    margin-bottom: 50px;
  }
  body .trading-pro-account .advantages-arrows-block .with-arrows:nth-child(2):after {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1400px) {
  body .trading-pro-account .advantages-arrows-block {
    font-size: 18px;
  }
}

@media (min-width: 1024px) and (max-width: 1105px) {
  body .trading-pro-account .advantages-arrows-block div:last-child .title {
    white-space: pre-wrap;
  }
}

@media (min-width: 1024px) and (max-width: 1219px) {
  .trading-pro-account .advantages-arrows-block .wrapper .transfer-tablet {
    white-space: pre !important;
  }
}

.post-table-text {
  margin-top: 20px;
}

.post-table-text p {
  line-height: 1.5;
}

.notix_pixel {
  position: absolute;
  top: 0;
  opacity: 0;
}

#omni_widget_iframe_13631-btrqwfta {
  left: 13px !important;
  bottom: 128px !important;
}

#omni_widget_iframe_13636-9f0ypkfk {
  display: none !important;
}

#omni_widget_iframe_13640-c9499xy2 {
  display: none !important;
}

#omni_widget_tip {
  display: none !important;
}

.site_faq_container {
  display: flex;
  align-items: center;
}

.site_faq {
  font-size: 14px;
  padding-right: 28px;
  background: url(../img/loupe.svg) no-repeat;
  background-size: 18px;
  background-position: right center;
  cursor: pointer;
}

.site_faq_container_mob {
  display: flex;
  align-items: center;
}

.site_faq_container_mob img {
  width: 28px;
  height: 25px;
  padding-right: 10px;
  margin-left: 21px;
}

.site_faq_container_mob p {
  font-family: "pfDinTextMed","Helvetica Neue","Arial";
  font-size: 16px;
  color: #181818;
  width: 100%;
}

.button, .black {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background-color: #0ABB86;
  color: white !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-align: center;
  padding: 14px 30px;
  user-select: none;
  border-radius: 3px !important;
  overflow: hidden;
  outline: none;
  transition: .2s ease-in-out;
}

.button:focus, .black:focus {
  background-color: #0ABB86;
}

.button:hover, .black:hover, .button:focus-visible, .black:focus-visible {
  background-color: #3BC99E;
}

.button:active, .black:active {
  background-color: #0AA97A;
}

.button[data-disabled], [data-disabled].black {
  background: #F4F4F4 !important;
  color: #848484 !important;
  pointer-events: none;
}

.button.full, .full.black {
  width: 100%;
}

.button.centered, .centered.black {
  margin: 0 auto;
}

.button--red {
  background-color: #F80039;
  border-color: #F80039;
}

.button--red:focus {
  background-color: #F80039;
}

.button--red:hover, .button--red:focus-visible {
  background-color: #FF4671;
  border-color: #FF4671;
}

.button--red:active {
  background-color: #BF002C;
  border-color: #BF002C;
}