@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 {
  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: left !important; }

.right {
  float: right !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-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 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-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left; }

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

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

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

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

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

.accordion {
  margin-bottom: 0;
  margin-left: 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 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #008CBA;
  border-color: #0078a0;
  color: #FFFFFF; }
  .alert-box .close {
    right: 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: left;
    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-left: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: #f4f4f4;
  border-color: gainsboro;
  border-radius: 3px; }
  .breadcrumbs > * {
    color: #008CBA;
    float: left;
    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-left: 1rem;
    padding-right: 1rem;
    width: 100%; }
  button.left-align, .button.left-align, .left-align.black {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align, .right-align.black {
    text-align: right;
    padding-right: 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;
  left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left: 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-left-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-left: 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-left: 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-left: 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-left: 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-left-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-left: 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-left: 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-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-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-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top-right-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-left: 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-left: 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-left-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-left-radius: 3px;
      -webkit-top-right-radius: 3px;
      border-top-left-radius: 3px;
      border-top-right-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-left-radius: 3px;
      -webkit-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-bottom-right-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-left: 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-left: 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-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-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-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-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-left: 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-left: 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-left-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-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-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-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .button-group.round > * {
    display: inline-block;
    margin: 0 -2px; }
    .button-group.round > * > button, .button-group.round > * .button, .button-group.round > * .black {
      border-left: 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-left: 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-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-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-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-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-left: 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-left: 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-left-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-left-radius: 1rem;
      -webkit-top-right-radius: 1rem;
      border-top-left-radius: 1rem;
      border-top-right-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-left-radius: 1rem;
      -webkit-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
      border-bottom-right-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-left: 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-left: 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-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-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-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-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-left: 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-left: 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-left-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-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-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-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; } }

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

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

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

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 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: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 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;
  left: 50%;
  position: absolute;
  top: 50%; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 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%;
  left: 0; }

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 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 {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #CCCCCC; }
  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-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: left;
        margin-right: 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-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px; } }

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 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;
    left: 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;
    left: 9px;
    z-index: 88; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 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-left: 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 #FFFFFF transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 89; }
    .f-dropdown.drop-right: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;
      z-index: 88; }
  .f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 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-left: -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 transparent transparent #FFFFFF;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 89; }
    .f-dropdown.drop-left: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;
      left: auto;
      z-index: 88; }
  .f-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 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;
      left: 10px;
      right: 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;
      left: 9px;
      right: 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;
    left: -9999px;
    list-style: none;
    margin-left: 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 {
      left: 0 !important; }

.dropdown.button, .dropdown.black, button.dropdown {
  position: relative;
  padding-right: 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;
    right: 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-right: 2.625rem; }
    .dropdown.button.tiny:after, .dropdown.tiny.black:after, button.dropdown.tiny:after {
      border-width: 0.375rem;
      right: 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-right: 3.0625rem; }
    .dropdown.button.small::after, .dropdown.small.black::after, button.dropdown.small::after {
      border-width: 0.4375rem;
      right: 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-right: 3.625rem; }
    .dropdown.button.large::after, .dropdown.large.black::after, button.dropdown.large::after {
      border-width: 0.3125rem;
      right: 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%;
    left: 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-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 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: right; }
  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-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

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

.prefix.button.radius, .prefix.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; }

.postfix.button.radius, .postfix.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; }

.prefix.button.round, .prefix.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; }

.postfix.button.round, .postfix.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; }

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

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: 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%;
  box-sizing: border-box;
  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-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix {
  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 .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-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix {
  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 .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-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix {
  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 .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-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix {
  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; }

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: 100% 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-left: 0.5rem;
  margin-right: 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-left: -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: left;
    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 .0625rem 0 0; }
    .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: left; }
  .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-left: -1.375rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 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;
  left: 2.5%; }

.lt-ie9 .joyride-tip-guide {
  margin-left: -400px;
  max-width: 800px;
  left: 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-right: 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;
  left: 22px; }
  .joyride-tip-guide .joyride-nub.top {
    border-color: #333333;
    border-top-color: transparent !important;
    border-top-style: solid;
    border-left-color: transparent !important;
    border-right-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-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -20px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -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;
  right: 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;
  right: 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;
  left: 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;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9999; }

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

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    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;
    left: 50%;
    margin-left: -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;
    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-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 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 {
    left: 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;
    right: 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;
      right: 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;
      right: 0; }
    .orbit-container .orbit-timer.paused > span {
      top: 0;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: #FFFFFF;
      right: -4px; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-left-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 {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #FFFFFF; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: #FFFFFF; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #FFFFFF;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-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-right: 6px;
    width: 0.5625rem;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999999; }
    .orbit-bullets li:last-child {
      margin-right: 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-left: -0.3125rem;
  min-height: 1.5rem; }
  ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 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: left; }

/* 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-left: 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: left;
    width: 0%; }
    .progress .meter.secondary {
      background: #e7e7e7;
      display: block;
      height: 100%;
      float: left;
      width: 0%; }
    .progress .meter.success {
      background: #43AC6A;
      display: block;
      height: 100%;
      float: left;
      width: 0%; }
    .progress .meter.alert {
      background: #f04124;
      display: block;
      height: 100%;
      float: left;
      width: 0%; }
  .progress.secondary .meter {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0%; }
  .progress.success .meter {
    background: #43AC6A;
    display: block;
    height: 100%;
    float: left;
    width: 0%; }
  .progress.alert .meter {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    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;
  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;
    touch-action: none;
    display: inline-block;
    height: 12.5rem;
    width: 1rem; }
    .range-slider.vertical-range .range-slider-handle {
      bottom: -10.5rem;
      margin-left: -0.5rem;
      margin-top: 0;
      position: absolute; }
    .range-slider.vertical-range .range-slider-active-segment {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      border-top-left-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-left-radius: inherit;
  border-top-left-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;
  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;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 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 {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 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 {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium, .reveal-modal.black {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 62.5rem;
        right: 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;
    right: 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-right: 5.0625rem; }
  .split.button span, .split.black span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after, .split.black span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active, .split.black span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span, .split.black span {
    border-left-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-left: -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-left-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-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span, .split.success.black span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny, .split.tiny.black {
    padding-right: 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-left: -0.375rem;
        top: 48%; }
  .split.button.small, .split.small.black {
    padding-right: 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-left: -0.375rem;
        top: 48%; }
  .split.button.large, .split.large.black {
    padding-right: 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-left: -0.375rem;
        top: 48%; }
  .split.button.expand, .split.expand.black {
    padding-left: 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-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span, .split.round.black span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-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;
    left: 50%;
    margin-left: -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: left;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    margin-left: 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;
  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: left 0.15s ease-out; }
  .switch input {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px; }
    .switch input + label {
      margin-left: 0;
      margin-right: 0; }
  .switch label:after {
    background: #FFFFFF;
    content: "";
    display: block;
    height: 1.5rem;
    left: .25rem;
    position: absolute;
    top: .25rem;
    width: 1.5rem;
    transition: left 0.15s ease-out;
    transform: translate3d(0, 0, 0); }
  .switch input:checked + label {
    background: #008CBA; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    height: 2rem;
    width: 4rem; }
  .switch label:after {
    height: 1.5rem;
    width: 1.5rem; }
  .switch input:checked + label:after {
    left: 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 {
    left: 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 {
    left: 2rem; }
  .switch.tiny label {
    height: 1.5rem;
    width: 3rem; }
  .switch.tiny label:after {
    height: 1rem;
    width: 1rem; }
  .switch.tiny input:checked + label:after {
    left: 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: left; }
  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-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd,
  .tabs .tab-title {
    float: left;
    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-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a,
  .tabs.radius .tab:last-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.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: left;
    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: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%; }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 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;
  left: 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;
    left: 5px; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 3px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 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 transparent transparent #333333;
    left: auto;
    margin-top: -5px;
    right: -10px;
    top: 50%; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    left: -10px;
    margin-top: -5px;
    right: 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;
  left: 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;
    right: 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 2.5rem 0 0.9375rem;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          display: block;
          height: 0;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 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 {
  left: 0;
  position: relative;
  width: auto;
  transition: left 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-left: 0.9375rem;
      padding: 12px 0 12px 0.9375rem;
      text-transform: none;
      width: 100%; }
      .top-bar-section ul li > a.button, .top-bar-section ul li > a.black {
        font-size: 0.8125rem;
        padding-left: 0.9375rem;
        padding-right: 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-left: 0.9375rem;
      padding-right: 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 transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 0.9375rem;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 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;
    left: 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: left; }
    .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;
    left: 0 !important; }
    .top-bar-section ul {
      display: inline;
      height: auto !important;
      width: auto; }
      .top-bar-section ul li {
        float: left; }
        .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-right: 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;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 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 {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role="separator"] {
      border-right: 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 {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 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: left !important; }

.text-right {
  text-align: right !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: left !important; }
  .small-only-text-right {
    text-align: right !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: left !important; }
  .small-text-right {
    text-align: right !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: left !important; }
  .medium-only-text-right {
    text-align: right !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: left !important; }
  .medium-text-right {
    text-align: right !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: left !important; }
  .large-only-text-right {
    text-align: right !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: left !important; }
  .large-text-right {
    text-align: right !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: left !important; }
  .xlarge-only-text-right {
    text-align: right !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: left !important; }
  .xlarge-text-right {
    text-align: right !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: left !important; }
  .xxlarge-only-text-right {
    text-align: right !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: left !important; }
  .xxlarge-text-right {
    text-align: right !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-left: 1.1rem; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 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-left: 1.1rem; }

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

.no-bullet {
  list-style-type: none;
  margin-left: 0; }
  .no-bullet li ul,
  .no-bullet li ol {
    margin-left: 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.25rem 0 1.1875rem;
  border-left: 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%;
  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-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  height: 2.8125rem;
  position: absolute;
  top: 0;
  width: 2.8125rem;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  height: 2.8125rem;
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  top: 0; }
  .tab-bar-section.left {
    text-align: left; }
  .tab-bar-section.right {
    text-align: right; }
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 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;
    left: 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;
  transform: translate3d(-100%, 0, 0);
  left: 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;
  transform: translate3d(100%, 0, 0);
  right: 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;
  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;
  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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  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;
  left: 0;
  position: absolute;
  right: 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 {
  left: -15.625rem; }

.no-csstransforms .right-off-canvas-menu {
  right: -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 {
  right: 15.625rem; }

.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

.no-csstransforms .move-top > .inner-wrap {
  right: 18.75rem; }

.no-csstransforms .move-bottom > .inner-wrap {
  left: 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;
  transform: translate3d(-100%, 0, 0);
  left: 0;
  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-right: .5rem;
      display: inline; }
  .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
    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;
  transform: translate3d(100%, 0, 0);
  right: 0;
  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-left: .5rem;
      display: inline; }
  .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
    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;
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  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 {
    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;
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  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 {
    transform: translate3d(0, 0%, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: .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 {
  /*!rtl:ignore*/
  text-align: left !important; }

.force-text-right {
  /*!rtl:ignore*/
  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-left: 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: 0 -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-left: 20px; }

form ul {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px; }

ol {
  margin-left: 20px; }

a,
ins {
  text-decoration: none; }

html {
  direction: ltr; }

/*-----------------------------------------------------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-right: 10px;
  padding-right: 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-left: 0;
      margin-right: 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;
    left: 0;
    right: auto; }
  .xsmall-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .xsmall-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .xsmall-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .xsmall-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .xsmall-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .xsmall-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .xsmall-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .xsmall-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .xsmall-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .xsmall-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .xsmall-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .xsmall-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .xsmall-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .xsmall-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .xsmall-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .xsmall-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .xsmall-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .xsmall-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .xsmall-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .xsmall-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .xsmall-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .xsmall-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .xsmall-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .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-left: 0 !important; }
  .xsmall-offset-1 {
    margin-left: 8.33333% !important; }
  .xsmall-offset-2 {
    margin-left: 16.66667% !important; }
  .xsmall-offset-3 {
    margin-left: 25% !important; }
  .xsmall-offset-4 {
    margin-left: 33.33333% !important; }
  .xsmall-offset-5 {
    margin-left: 41.66667% !important; }
  .xsmall-offset-6 {
    margin-left: 50% !important; }
  .xsmall-offset-7 {
    margin-left: 58.33333% !important; }
  .xsmall-offset-8 {
    margin-left: 66.66667% !important; }
  .xsmall-offset-9 {
    margin-left: 75% !important; }
  .xsmall-offset-10 {
    margin-left: 83.33333% !important; }
  .xsmall-offset-11 {
    margin-left: 91.66667% !important; }
  .xsmall-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.xsmall-centered,
  .columns.xsmall-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.xsmall-uncentered,
  .columns.xsmall-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.xsmall-centered:last-child,
  .columns.xsmall-centered:last-child {
    float: none; }
  .column.xsmall-uncentered:last-child,
  .columns.xsmall-uncentered:last-child {
    float: left; }
  .column.xsmall-uncentered.opposite,
  .columns.xsmall-uncentered.opposite {
    float: right; }
  .row.xsmall-collapse > .column,
  .row.xsmall-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.xsmall-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.xsmall-uncollapse > .column,
  .row.xsmall-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; } }

/* 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-left: 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%;
    left: 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-left: 3.75rem !important; } }

.callout {
  border: 3px solid #FFC832;
  padding: 1.25rem;
  position: relative; }
  .callout:after {
    border: 20px solid;
    border-color: #f0eff0 #f0eff0 #FFC832 #FFC832;
    content: "";
    display: block;
    position: absolute;
    right: -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;
    left: 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: left; }
  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-left: 1px solid #FFC832;
      border-right: 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 1.25rem 0.75rem 0; }
  .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-right: 1px solid #14817a; }
    body table.table-light-green tr td:last-child {
      border-right: 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: left; }

/*----------------------------------------------------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-right: none;
      left: 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-right: 1px solid #FFC832;
        display: table;
        float: left;
        width: 50%; }
        table.adaptive-rotated-table.without-thead tr:first-child {
          border-top: none; }
        table.adaptive-rotated-table.without-thead tr:last-child {
          border-right: 0;
          float: right; }
        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: left;
      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: left; }
  @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: left;
      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: left; }
    .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: left;
          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: left;
        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-left: 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-left-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-left-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-left: 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-left: 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: right;
    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 18px 5px 20px;
      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;
  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-left: 0.5rem;
      vertical-align: middle;
      -webkit-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 right /*rtl:center left*/;
  border: 2px #ffffff solid;
  border-radius: 5px;
  font: 1.125rem "pfDinTextLight", "Helvetica Neue", "Arial";
  height: 2.5rem;
  outline: none;
  padding: 0 1.375rem 0 .5rem; }
  select:hover, select:focus, select:active {
    background: #ffffff url(../img/select-arrow.png) no-repeat;
    background-position: center right /*rtl: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 right /*rtl:center left*/;
  border: none !important;
  height: 100%;
  overflow: hidden;
  padding: 0 1.375rem 0 .5rem;
  position: relative;
  text-align: left !important;
  vertical-align: middle;
  width: 100%;
  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;
  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 right /*rtl:center left*/;
    content: '';
    display: inline-block;
    height: 2.25rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 29px;
    z-index: -1;
    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 {
  /*!rtl:ignore*/
  padding-left: 95px;
  position: relative; }
  .phone-wrapper .select-wrapper.phone-select {
    /*!rtl:ignore*/
    left: 0;
    position: absolute;
    width: 85px; }
    .phone-wrapper .select-wrapper.phone-select select {
      margin-right: 10px;
      padding-right: 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;
  left: 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-left: 1.5625rem;
    padding-right: 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-left: 1.5625rem;
    padding-right: 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-left: 1.5625rem;
    padding-right: 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-left: 1.5625rem;
    padding-right: 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-left: 1.5625rem;
    padding-right: 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-left: 1.5625rem;
    padding-right: 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-right: 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-left: 2.1875rem;
    padding-right: 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 {
  left: 15%; }

.center-tab:after {
  left: 47%; }

.right-tab:after {
  right: 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-left: 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-right: 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: left;
  white-space: normal;
  left: 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-left: -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;
    left: 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;
      left: 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-left: 0.2rem; }
  .modal-annotation:hover:before {
    background-color: #ffc119; }
  .modal-annotation:hover .third-tip {
    display: block;
    top: -2rem;
    left: auto;
    bottom: inherit;
    right: -14rem;
    color: #424243; }
    .modal-annotation:hover .third-tip:before {
      border: inset 10px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #FFC832 transparent transparent;
      border-right-style: solid;
      position: absolute;
      left: -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;
  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-left: 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-left: .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;
  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 {
    left: 0; }
  .scroller-track .scroll-fwd-h {
    right: 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;
  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 {
    left: 0; }
  .first-vscroller-track.right-track {
    right: 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;
  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 {
    left: 0; }
  .third-vscroller-track.right-track {
    right: 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 > * {
    -webkit-user-select: none;
            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: 0 -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;
  left: 185px; }

.reveal-modal {
  background: #14817a;
  box-shadow: none;
  color: #ffffff;
  outline: none !important;
  padding: 2.5rem;
  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";
    right: 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 {
  transform: translate(0, -25%);
  opacity: 0; }

.reveal-modal.fade.in {
  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-left: 0;
      padding-right: 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;
  left: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  opacity: 1;
  top: 100px !important;
  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;
    left: 80%;
    right: 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 {
    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;
      left: 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-left: none;
  border-right: 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: left;
    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-left: 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-left: 0.25rem; }
  [data-reveal] .icon-help + span {
    margin-left: 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-left: 5px;
        padding-right: 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-left: 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-left: 30%;
    width: 60%; }
    @media only screen and (max-width: 40em) {
      [data-reveal] div.fields div.checkbox-wrapper {
        margin-left: 0;
        width: 100%; } }
    [data-reveal] div.fields div.checkbox-wrapper p.description {
      margin-left: 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 {
    left: 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%;
    /*!rtl:raw:
      right: 75%;
      margin-right: 8px;
      */ }
  [data-reveal] div.form-field .phone-input {
    /*!rtl:ignore*/
    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: left;
  width: 100px; }

.modal-manager-info .info {
  float: left;
  font-size: 0.875rem;
  margin-left: 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-right: 10px;
  padding-bottom: 0.5rem; }

.modal-manager-info .quotation {
  float: left;
  font: 1rem "pfDinTextRegItalic", "Helvetica Neue", "Arial";
  margin-left: 1rem;
  width: 60%; }

.modal-manager-info .account-title {
  text-align: right;
  word-wrap: break-word; }
  .modal-manager-info .account-title h3 {
    font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
    margin-right: 10px; }

.modal-manager-info .account-info {
  border-left: 1px solid #ffffff; }
  .modal-manager-info .account-info p {
    margin-left: 10px; }

/*----------------------------------------------------photo---------------------------------------------------------*/
.photo-modal {
  height: auto;
  left: 50%;
  margin-left: -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;
  left: 50%;
  margin-left: -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-left: 0; }
  .archive-filters li {
    display: inline-block;
    padding: .15rem .78rem;
    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-left: .9375rem;
    width: 3.7rem; }
  .archive-interval .interval-month {
    width: 5.5rem; }
  .archive-interval .interval-year {
    margin-right: .9375rem;
    width: 4.7rem; }
  .archive-interval .button, .archive-interval .black {
    margin-left: .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: left;
    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: left; }

/*-----------------------------------------------inbox messages view-------------------------------------------------*/
.message-modal {
  height: auto;
  left: 50%;
  margin-left: -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;
    right: 1.875rem; }
  .languages-select-modal .lang-list li {
    padding-bottom: 0.625rem;
    padding-right: 0; }
  .languages-select-modal .lang-icon {
    width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 0.625rem;
    display: inline-block;
    margin-right: 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;
      left: 0;
      margin: 0 auto;
      right: 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;
    right: 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: left;
      position: absolute;
      left: 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 right /*rtl: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 1.375rem 0 4px; }
    .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 10px 0 0;
            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 0 0 30px;
      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;
        left: 0;
        height: 20px;
        width: 20px;
        margin: 0;
        vertical-align: middle;
        border-radius: 3px;
        background: transparent;
        border: solid 1px #c6c6c6;
        margin: 0 10px 10px 0; }
      .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;
      right: 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 10px 0 0;
        padding: 0 27px 0 10px;
        border-radius: 0px;
        width: 80px;
        position: absolute;
        bottom: 3px;
        left: 5px;
        height: 25px;
        min-height: initial; }
      .newModalWindow .newModalWindow__item .phone-wrapper input {
        padding: 33px 13px 0 90px; }
    .newModalWindow .newModalWindow__item .ui-datepicker {
      top: 62px !important;
      right: auto !important;
      left: 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 #FFC832 transparent transparent;
    left: -20px;
    margin-top: -10px; }
  .tooltip.tip-left > .nub {
    border: 10px solid;
    border-color: transparent transparent transparent #FFC832;
    right: -20px;
    margin-top: -10px; }
  .tooltip.tip-top {
    margin: -8px 0 0 -10px; }
  .tooltip.tip-top > .nub {
    border: 10px solid;
    border-color: #FFC832 transparent transparent transparent;
    left: 10px;
    margin-bottom: -10px; }
  .tooltip.tip-bottom {
    margin: 8px 0 0 -10px; }
  .tooltip.tip-bottom > .nub {
    border: 10px solid;
    border-color: transparent transparent #FFC832 transparent;
    left: 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;
  left: auto;
  margin-top: -28px;
  padding: 8px 4px;
  right: 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: -240px 0 /*rtl:-200px 0*/; }

.orbit-container .orbit-prev {
  left: 1.3rem; }
  .orbit-container .orbit-prev span {
    background-position: -200px 0 /*rtl:-240px 0*/; }

.orbit-container .orbit-bullets-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 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 {
    left: .5rem; }
  .orbit-container .orbit-next {
    right: .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 {
      left: -20px; }
  .main.frontpage .orbit-container .orbit-next {
    padding: 8px 12px; }
    .main.frontpage .orbit-container .orbit-next:after {
      right: -20px; }
  .main.frontpage .orbit-container .orbit-prev, .main.frontpage .orbit-container .orbit-next {
    margin: 0;
    display: none;
    top: initial;
    height: calc(100% - 202px);
    left: auto;
    right: 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;
      left: 50%;
      margin-left: -9px;
      top: 50%;
      margin-top: -25px;
      background-position: -240px 0 /*rtl:-200px 0*/; }
  .main.frontpage .orbit-container .orbit-prev {
    left: 0; }
    .main.frontpage .orbit-container .orbit-prev span {
      background-position: -200px 0 /*rtl:-240px 0*/; }
  .main.frontpage .orbit-container .orbit-bullets-container {
    bottom: 10px;
    right: 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-right: 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 {
      left: .5rem; }
    .main.frontpage .orbit-container .orbit-next {
      right: .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: 0 -1110px; }
    .icon-account-type.large.standard {
      background-position: 0 -1302px; }
    .icon-account-type.large.ecn {
      background-position: 0 -1878px; }
    .icon-account-type.large.fx {
      background-position: 0 -1494px; }
    .icon-account-type.large.sf {
      background-position: 0 -1686px; }
    .icon-account-type.large.options {
      background-position: 0 -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: 0 -1110px; }
      .icon-account-type.large.standard {
        background-position: 0 -1302px; }
      .icon-account-type.large.ecn {
        background-position: 0 -1878px; }
      .icon-account-type.large.fx {
        background-position: 0 -1494px; }
      .icon-account-type.large.sf {
        background-position: 0 -1686px; }
      .icon-account-type.large.options {
        background-position: 0 -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: 0 0; }
  .my-icon-account-type.standard {
    background-position: 0 -150px; }
  .my-icon-account-type.ecn {
    background-position: 0 -600px; }
  .my-icon-account-type.fx {
    background-position: 0 -300px; }
  .my-icon-account-type.sf {
    background-position: 0 -450px; }
  .my-icon-account-type.options {
    background-position: 0 -750px; }
  .my-icon-account-type.invest {
    background: url(../img/my-accounts.png) 0 -900px;
    border: 3px solid #FFC832; }
  .my-icon-account-type.partner {
    background: url(../img/my-accounts.png) 0 -1050px;
    border: 3px solid #FFC832; }

.flag-large {
  background: url(../img/flags-large.png); }
  .flag-large.australia {
    width: 90px;
    height: 45px;
    background-position: 0 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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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: 0 -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 0 0.5rem;
    vertical-align: middle; }
    .gc-accordion-item .title:before {
      background: url(../img/icons.png) -200px -120px;
      content: "";
      display: inline-block;
      height: 8px;
      margin-right: 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 0 0.5rem;
    vertical-align: middle; }
    .gc-accordion-item .title-no-arrow:before {
      content: "";
      display: inline-block;
      height: 8px;
      margin-right: 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-left: 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-left: 30px;
    vertical-align: middle; }
  .gc-accordion.green > .gc-accordion-item .title-wrapper {
    transition: all 300ms ease-out;
    -webkit-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.5rem 0 0;
      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;
      right: 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-right: .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: 5px 0 0 5px; }

.faq-button-group #faq_search_btn {
  height: 2.5rem;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  border-radius: 0 5px 5px 0; }

.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: 0 -80px; }
  .messages.success {
    border-color: #14817a; }
    .messages.success span {
      background-position: 0 -40px; }
  .messages.error {
    border-color: #ce2029; }
    .messages.error span {
      background-position: 0 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;
  border-radius: 5px;
  z-index: 9;
  /*Prevents selecting text when dragging the selectors*/
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }

/*Color selection box with gradients*/
.colpick_color {
  position: absolute;
  left: 7px;
  top: 7px;
  width: 156px;
  height: 156px;
  overflow: hidden;
  outline: 1px solid #aaa;
  cursor: crosshair; }

.colpick_color_overlay1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  /* IE8 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, 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;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  /* IE8 */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* 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 0 0 -6px;
  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;
  left: 175px;
  width: 19px;
  height: 158px;
  border: 1px solid #b5b5b6;
  cursor: n-resize; }

/*Hue bar sliding indicator*/
.colpick_hue_arrs {
  position: absolute;
  left: -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-left: 7px solid #b5b5b6; }

.colpick_hue_rarr {
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 7px solid #b5b5b6; }

/*New color box*/
.colpick_new_color {
  position: absolute;
  left: 241px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: #f00;
  border: 1px solid #b5b5b6; }

/*Current color box*/
.colpick_current_color {
  position: absolute;
  left: 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;
  border-radius: 3px; }

.colpick_rgb_r {
  top: 38px;
  left: 207px; }

.colpick_rgb_g {
  top: 63px;
  left: 207px; }

.colpick_rgb_b {
  top: 88px;
  left: 207px; }

.colpick_hex_field {
  width: 68px;
  left: 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-right: 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;
  right: 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: right;
  outline: none; }

body .colpick_hex_field input {
  right: 2px; }

/*Field up/down arrows*/
.colpick_field_arrs {
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 21px;
  cursor: n-resize; }

.colpick_field_uarr {
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #959595; }

.colpick_field_darr {
  position: absolute;
  bottom: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #959595; }

/*Submit/Select button*/
.colpick_submit {
  background-color: #f0eff0;
  border: 1px solid #b5b5b6;
  border-radius: 3px;
  bottom: 6px;
  color: #424243;
  cursor: pointer;
  font: 0.75rem/1.25rem "pfDinTextMed", "Helvetica Neue", "Arial";
  height: 20px;
  left: 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-left: none; }

.colpick_rgbhex .colpick_current_color {
  width: 34px;
  left: 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: 0 0; }
  .small-advantages span.currency {
    background-position: 0 -33px; }
  .small-advantages span.learn {
    background-position: 0 -66px; }
  .small-advantages span.planet {
    background-position: 0 -98px; }
  .small-advantages span.buoy {
    background-position: 0 -130px; }
  .small-advantages span.percent {
    background-position: 0 -163px; }
  .small-advantages span.clock {
    background-position: 0 -196px; }
  .small-advantages span.baby {
    background-position: 0 -228px; }
  .small-advantages span.ten {
    background-position: 0 -260px; }
  .small-advantages span.bank {
    background-position: 0 -293px; }
  .small-advantages span.rocket {
    background-position: 0 -325px; }
  .small-advantages span.graph {
    background-position: 0 -358px; }
  .small-advantages span.five {
    background-position: 0 -390px; }
  .small-advantages span.calc {
    background-position: 0 -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;
    left: 0;
    width: 100%;
    overflow: hidden;
    position: absolute; }
    .gc-review-content .content-triangle:before {
      transform: rotate(45deg);
      transition: all 300ms ease-out;
      content: "";
      background-color: #ffffff;
      width: 28px;
      height: 28px;
      display: block;
      top: -15px;
      left: 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;
      left: -20px; }
      .gc-review.horizontal .gc-review-content .content-triangle:before {
        left: 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: left;
    clear: both;
    padding-left: 1rem;
    font-style: italic;
    font-size: 0.9375rem; }
  .gc-review-author .author-name {
    display: inline-block;
    float: left;
    padding-top: 0.5rem;
    padding-left: 1rem; }
  .gc-review-author .author-quote {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    float: left;
    display: inline-block;
    margin-left: 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 30px 0 0 !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") left 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 3px 0 0; }

.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: left;
    height: 100%;
    position: relative; }
    .top-bar li:not(:last-child) {
      margin-right: 1.875rem; }
  .top-bar li.right:not(:last-child) {
    margin: 0 0 0 1.875rem; }
  .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-left: 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: left !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: left;
        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: left;
        cursor: pointer;
        position: relative;
        margin-left: 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;
    left: 0 !important;
    max-width: 180px !important;
    top: 40px !important;
    width: auto !important;
    margin-left: -0.91rem !important; }
    .top-bar .lang-list a {
      text-transform: capitalize; }
    .top-bar .lang-list span {
      font: inherit !important;
      margin-right: 10px; }
    @media only screen and (min-width: 0) and (max-width: 767px) {
      .top-bar .lang-list {
        margin-left: -0.3rem !important; } }
  .top-bar a.with-icon span:first-of-type {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    margin-right: .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: 0 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: 0 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: left 11px top 3px; }
  .top-bar .office a.with-icon .not-auth-icon {
    background-size: 10%;
    background-position: left 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 left 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 left 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 {
        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-right: 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 left 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 left 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 0 0 .2rem; }
    .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 0 5px;
    background-size: 30px;
    margin-right: 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-right: 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: left /*rtl:right*/;
    border: none;
    border-radius: 0 3px 3px 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: left;
    font: 0.875rem "pfDinTextReg", "Helvetica Neue", "Arial";
    height: 27px;
    line-height: 28px;
    padding: 0 8px 0 38px;
    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: 3px 0 0 3px;
    display: block;
    float: left;
    font: 1rem "pfDinTextLight", "Helvetica Neue", "Arial";
    height: 27px;
    line-height: 1.6875rem;
    padding: 0;
    position: absolute;
    right: 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: right !important;
    padding: 0 38px 0 8px !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: right !important;
      padding: 0 38px 0 8px !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;
  right: 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-right: 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 {
        left: 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: left !important;
        margin-left: 5px;
        margin-right: 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-right: 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-right: 0;
      opacity: 0;
      visibility: hidden;
      width: 0; } }

/*----------------------------------------------------Dropdowns---------------------------------------------------*/
/*cities and call - dropdown*/
.top-bar .basic-dark-dropdown, .top-bar .lang-list {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 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;
  left: -9999px;
  list-style: none;
  margin-left: 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-left: -200px;
  top: 40px !important;
  left: 0 !important;
  width: 450px; }
  .request-call input[type="text"], .request-call select, .request-call textarea {
    font: 1.125rem "pfDinTextReg", "Helvetica Neue", "Arial";
    float: right;
    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: right;
    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: left;
    font: 1.125rem "pfDinTextReg", "Helvetica Neue", "Arial"; }
  .request-call form > label {
    clear: left;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-bottom: 2.375rem; }
  .request-call form {
    margin-bottom: 1.75rem; }
  .request-call div {
    float: left;
    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-left: 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;
      left: 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;
      right: -40px;
      top: 10px;
      /*320!!!*/ }
      @media only screen and (max-width: 64em) {
        .gc-steps__item::after {
          transform: rotate(90deg);
          right: auto;
          left: 0;
          top: 60px; } }
    .gc-steps__item:last-child::after {
      content: none; }
  .gc-steps__icon {
    max-width: 40px;
    min-width: 40px;
    width: 100%;
    margin-right: 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;
  left: 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-right: 55px; }

.newLogin .newLogin-box {
  width: -webkit-fit-content !important;
  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: left;
      position: absolute;
      left: 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 13px 0 90px; }
    .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;
      left: 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;
    right: 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;
        left: 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: left; } }
    .webinar-block-1__info-left-title-1 span {
      position: relative;
      padding: 0 0 0 23px; }
      @media all and (max-width: 1000px) {
        .webinar-block-1__info-left-title-1 span {
          padding: 0 0 0 18px; } }
      .webinar-block-1__info-left-title-1 span::before {
        content: '';
        position: absolute;
        left: 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: left; } }
    .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: left; } }
  .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 82px 0 0; }
    @media all and (max-width: 1366px) {
      .webinar-block-2__video-left {
        padding: 0 40px 0 0; } }
    @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 0 0 16px;
    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;
      left: 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: left; } }
  .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-left: -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-left: -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-left: -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-left: -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-left: -100%;
    width: 300% !important;
    max-width: 300% !important; }
  .frontpage .frontpage-slider .bonus40 img.bg-scope-img {
    margin-left: -115%; }
  .frontpage .frontpage-slider .partnership .bg-scope-img-wrap {
    height: 505px;
    overflow: hidden; }
  .frontpage .frontpage-slider .partnership img.bg-scope-img {
    margin-left: -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-left: -185%;
    margin-top: -35%;
    width: 400% !important;
    max-width: 400% !important; }
  .frontpage .frontpage-slider .copytrading img.bg-scope-img {
    margin-left: -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 {
  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-left: 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;
        left: 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: 58% 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-left: 10%; }
    .orbit-container .frontpage-slider .orbit-caption .gray-link, .slider-container .frontpage-slider .orbit-caption .gray-link {
      font-size: 16px;
      margin: 0 0 0 10px;
      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;
      right: 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;
      left: 3rem; }
    .orbit-container .frontpage-slider li.cups-banner .banner-title, .slider-container .frontpage-slider li.cups-banner .banner-title {
      position: absolute;
      bottom: 5.625rem;
      left: 0;
      display: block;
      padding: 1.4rem 2rem 1.4rem 3rem;
      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;
      right: 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-right: 5px; }
    body.gc .teasers div.teaser-block-wrapper:nth-of-type(2n) {
      padding-left: 5px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    body.gc .teasers div.teaser-block-wrapper {
      padding-left: 5px;
      padding-right: 5px; }
      body.gc .teasers div.teaser-block-wrapper:first-of-type {
        padding-left: 0; }
      body.gc .teasers div.teaser-block-wrapper:last-of-type {
        padding-right: 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-left: 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%;
    left: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    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;
    left: 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;
        left: 0;
        margin-bottom: 0.625rem; } }
    .teaser-block .teaser-image svg {
      position: absolute;
      top: 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;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    /*!rtl:raw:
    -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-left: 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 {
      right: -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-left: -20px;
      margin-right: -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 .3125rem 0 0; }

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: left -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-left: 10%; }
  .index-page-manager-rating .links .full {
    font-style: italic;
    margin-left: 20%; }

.index-page-manager-rating table.table-red tbody tr td:first-child {
  padding-left: 20px;
  text-align: left;
  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-left: 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: left; }
    .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;
    left: 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: left; }
    .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.jpg) /*rtl:url(../img/banners/risk-free-day-2-rtl.jpg)*/;
      background-position: left center;
      background-repeat: no-repeat;
      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: right center; }
    .bonus-block.adv img {
      height: 100%;
      width: auto;
      position: absolute;
      max-width: inherit;
      top: 0;
      right: 0; }
    .bonus-block.adv .caption {
      position: absolute;
      top: 0;
      left: 0;
      font: 1.25rem "pfDinTextLight", "Helvetica Neue", "Arial";
      padding: 1.5625rem 0 0 40%; }
      .bonus-block.adv .caption span {
        line-height: 1.25rem;
        margin: 0;
        width: 100%; }
  .bonus-block.contest {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/banners/contests-2.jpg) /*rtl: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;
    background-size: cover;
    background-image: url(../img/banners/forum-2.jpg) /*rtl:url(../img/banners/forum-2-rtl.jpg)*/; }
  .bonus-block span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.275rem;
    /*320!!!*/
    margin-left: 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-left: 12rem;
      width: initial; }
    body.gc .main .bonus-block:after {
      background-size: 80%;
      height: 95px;
      left: -47px; }
    body.gc .main .bonus-block.contest:after {
      background-position: 0 -95px;
      left: -50px; }
    body.gc .main .bonus-block.forum:after {
      background-position: 0 -540px;
      left: -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: left;
      font-size: 1rem;
      line-height: 1.25rem;
      width: 40%; }
    .index-page-schedule .item .caption {
      float: right;
      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 {
    -webkit-hyphens: auto;
    hyphens: auto;
    overfow-wrap: break-word; }
  .index-page-schedule.courses .item .caption, .index-page-schedule.videos .item .caption {
    float: right; }
  .index-page-schedule.forex {
    height: 261px;
    background-image: url(../img/frontpage/tabs-bg-forex.jpg) /*rtl: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.jpg) /*rtl: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: right center;
  background-repeat: no-repeat;
  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.jpg) /*rtl:url(../img/banners/options-rtl.jpg)*/;
    color: #424243 /*rtl:#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.png) /*rtl: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-left: 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-right: 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;
      right: 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: right;
      position: absolute;
      top: 1.75rem;
      right: 1.25rem;
      opacity: 0.7;
      background-image: url(../img/banners/icons.png); }
      body.gc .main.frontpage .index-page-banners.social-contest a.vk {
        right: 34%;
        background-position: 0px -75px; }
      body.gc .main.frontpage .index-page-banners.social-contest a.ok {
        right: 18.5%;
        background-position: -75px -74px; }
      body.gc .main.frontpage .index-page-banners.social-contest a.fb {
        right: 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: left; }
  .wrapper-arrows span {
    background: url(../img/icons.png) no-repeat;
    display: inline-block;
    height: 8px;
    margin-right: .5rem;
    margin-left: 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-left: 20%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapper-arrows span {
      margin-left: 35%; } }
  @media only screen and (min-width: 641px) and (max-width: 767px) {
    .wrapper-arrows span {
      margin-left: 30%; } }
  @media only screen and (max-width: 40em) {
    .wrapper-arrows span {
      margin-left: 25%; } }
  @media only screen and (max-width: 30em) {
    .wrapper-arrows span {
      margin-left: 15%; } }
  @media only screen and (max-width: 30em) {
    .wrapper-arrows span {
      margin-left: 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!!!*/
  left: 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;
    left: -60%;
    top: 0;
    z-index: -1; }

.main.frontpage .html5-main-video-wrap {
  position: fixed;
  top: 80px;
  left: 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;
    left: -11%; }

.main.frontpage .html5-main-video {
  width: 100%;
  height: 100%; }

.main.frontpage .closed-youtube-video {
  right: -35px;
  position: absolute;
  top: 6px;
  right: 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%;
  left: 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-left: auto;
  margin-right: 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-left: 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-left: 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-left: -63% !important; }
  .fp-slider .etf .bg-scope-img {
    margin-left: -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;
    left: 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-left: 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: right;
      background-repeat: no-repeat;
      top: 0;
      left: 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: right;
      background-repeat: no-repeat;
      top: 0;
      left: 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-left: -125% !important; }
  .fp-slider .app .bg-scope-img {
    margin-left: -119% !important; } }

@media all and (max-width: 375px) {
  .fp-slider .banner-text {
    max-width: 240px; }
  .fp-slider .app .bg-scope-img {
    margin-left: -114% !important; } }

.notix_pixel {
  position: absolute;
  top: 0;
  opacity: 0; }

#omni_widget_iframe_13631-btrqwfta {
  right: 13px !important;
  bottom: 128px !important; }

#omni_widget_iframe_13631-btrqwfta {
  right: 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-left: 28px;
  background: url(../img/loupe.svg) no-repeat;
  background-size: 18px;
  background-position: left center;
  cursor: pointer; }

.site_faq_container_mob {
  display: flex;
  align-items: center; }
  .site_faq_container_mob img {
    width: 28px;
    height: 25px;
    padding-left: 10px;
    margin-right: 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: right;
    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: left; } }
    .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 {
      left: -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 {
      left: 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;
      -webkit-user-select: none;
              user-select: none; }
    .bg-mount-wrap .accounts-toggle .toggle {
      margin-left: 15px;
      margin-right: 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;
    left: 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-left: auto;
      margin-right: 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-left: 10px;
    padding-right: 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;
  left: 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-left: 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 left no-repeat; }
    .demo-account-page .links-block__item.bonus {
      background: url("/static/img/account_types/dollar.svg") top left no-repeat; }
    .demo-account-page .links-block__item.contest {
      background: url("/static/img/account_types/lifebuoy.svg") top left 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;
    left: 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;
  left: 0;
  right: 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-left: 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-left: 0 !important; }

.reset-right-padding {
  padding-right: 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: 100%; }
  .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: 100%;
    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;
    left: 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;
    left: 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);
      left: 0;
      top: 0;
      z-index: -1; }
  @media only screen and (max-width: 40em) {
    .faq_video .youtube-iframe-wrap {
      width: 100%;
      left: 0; } }
  @media only screen and (min-width: 40.0625em) {
    .faq_video .youtube-iframe-wrap {
      width: 76%;
      left: 12%; } }
  .faq_video .closed-youtube-video {
    right: -35px;
    position: absolute;
    top: 6px;
    right: 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 10px 5px 15px;
    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;
      left: 0;
      width: 100%;
      height: 0;
      z-index: -1;
      border-top: dashed 1px #009b89; }
  .toggle-table .arrow {
    display: inline-block;
    background-color: #f0eff0;
    padding-left: 10px;
    padding-right: 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-left: 20px solid #fff;
    border-right: 20px solid #fff; }
  .account-type-compare-table thead tr td {
    padding: 1rem 1rem 2.25rem 0;
    text-align: left !important;
    vertical-align: middle; }
    .account-type-compare-table thead tr td .title {
      font: 1.85rem "pfDinTextMed", "Helvetica Neue", "Arial";
      margin-right: 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-right: 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;
          right: -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;
          left: 4px;
          content: '';
          width: 11px;
          height: 9px;
          border: 2px solid #fff;
          border-top: 0;
          border-right: 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: left;
    border-left: none;
    border-right: 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: left; }
      .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;
  /*!rtl:ignore*/
  padding-left: 10rem;
  padding-right: 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: 0 20px;
    background-size: 100%;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 123px;
    /*!rtl:ignore*/
    left: -66px;
    position: absolute;
    width: 204px; }
  .bonus-block-hor.contest:after {
    background-position: 0 -118px;
    height: 100px; }
  .bonus-block-hor.vip:after {
    background-position: 0 -230px;
    height: 105px; }
  .bonus-block-hor.demo:after {
    background-position: 0 -350px;
    height: 110px; }
  .bonus-block-hor.real:after {
    background-position: 0 -470px;
    height: 110px; }

/* adaptive links block */
/*320!!!*/
@media only screen and (max-width: 64em) {
  .video-block {
    text-align: center; }
    .video-block p {
      text-align: left; } }

@media only screen and (min-width: 641px) and (max-width: 800px) {
  .bonus-block-hor {
    font-size: 1.8rem;
    padding-left: 8rem; }
    .bonus-block-hor:after {
      left: -76px; } }

/*320!!!*/
@media only screen and (max-width: 30em) {
  .bonus-block-hor {
    font-size: 1.8rem;
    padding-left: 8rem; }
    .bonus-block-hor:after {
      left: -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;
    right: 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-left: 0 !important;
    /*320!!!*/ }
    @media only screen and (max-width: 40em) {
      .trading-leverage td:not(.account-type-block) {
        font-size: 0.875rem;
        padding-left: 0 !important; } }
  .trading-leverage__td {
    padding-left: 0 !important;
    text-align: left;
    /*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;
    left: 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 left;
    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 right -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 left -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 right -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;
    right: -900px;
    background-position: right 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: right 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: right -98px top;
        display: inline-block;
        right: 0;
        top: 3568px;
        background-size: contain; } }
    .ecn-prime .ecn-description-laptop .ecn-description-laptop-btn {
      width: 25.5%;
      height: 6%;
      position: absolute;
      right: 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%;
          right: 42.5%; } }
      @media only screen and (min-width: 641px) and (max-width: 1199px) {
        .ecn-prime .ecn-description-laptop .ecn-description-laptop-btn {
          right: 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: left;
        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: left;
        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;
      right: 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%;
          right: 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");
    right: unset;
    left: 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;
    right: 0;
    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-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-left: -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 18px 0 0;
          background-position: right 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;
        left: -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-right: 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-left: 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-right: 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: left; }
      .ecn-prime .ecn-prime-advantages .ecn-advantages-desc .ecn-advantages-desc__number span {
        color: #1d1d1d;
        font-size: 18px;
        line-height: 28px;
        display: block;
        float: left;
        margin-right: 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-left: 25px;
        padding-right: 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;
          left: 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-right: 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-left: 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 0 47px 10px; } }
        @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 10px 0px 40px; } }
        @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-left: 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-left: 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-left: 75px; }
      @media only screen and (min-width: 320px) and (max-width: 809px) {
        .ecn-prime .ecn-prime-description .ecn-description_right {
          padding-left: 0; } }
    .ecn-prime .ecn-prime-description .ecn-description-table {
      width: 45%;
      display: inline-block;
      margin-top: 70px;
      margin-left: 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: left;
            padding-left: 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-left: 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;
              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: left;
            padding-left: 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-left: 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;
              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;
              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;
              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;
              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;
              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;
              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;
      left: 15px;
      opacity: 0;
      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;
          left: 10px;
          width: 13%;
          background-position: right; } }
      @media only screen and (min-width: 1720px) and (max-width: 1780px) {
        .ecn-prime .ecn-prime-description .ecn-description-arrow {
          background-size: cover;
          left: 15px;
          width: 10%;
          background-position: right; } }
      @media only screen and (min-width: 1680px) and (max-width: 1719px) {
        .ecn-prime .ecn-prime-description .ecn-description-arrow {
          background-size: cover;
          left: 15px;
          width: 8%;
          background-position: right; } }
      @media only screen and (min-width: 1620px) and (max-width: 1679px) {
        .ecn-prime .ecn-prime-description .ecn-description-arrow {
          background-size: cover;
          left: 13px;
          width: 6%;
          background-position: right; } }
      @media only screen and (min-width: 1395px) and (max-width: 1530px) {
        .ecn-prime .ecn-prime-description .ecn-description-arrow {
          background-size: cover;
          left: 13px;
          width: 11%;
          background-position: right; } }
      @media only screen and (min-width: 1341px) and (max-width: 1394px) {
        .ecn-prime .ecn-prime-description .ecn-description-arrow {
          background-size: cover;
          left: 13px;
          width: 9%;
          background-position: right; } }
      @media only screen and (min-width: 1200px) and (max-width: 1340px) {
        .ecn-prime .ecn-prime-description .ecn-description-arrow {
          background-size: cover;
          left: -86px;
          width: 9%;
          background-position: right; } }
      @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;
          left: 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: right;
      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-left: 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;
          left: -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-right: 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-left: 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;
          left: -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;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("../img/ecn-prime-steps-bg.png");
      background-repeat: no-repeat;
      /*rtl:ignore*/
      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-right: 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-right: 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-left: 15px;
      padding-right: 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 {
          right: unset; }
        .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_win {
          left: 83px;
          right: 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-right: 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-right: 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-right: 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-left: 31px; } }
        .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_mac {
          left: 84px;
          right: unset; }
        .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_iphone {
          left: 84px;
          right: unset; }
        .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:first-child .downloads-link-text_android {
          right: 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-left: 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-right: 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-right: 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-right: 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-left: 0; } }
        .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-link-text_iphone {
          left: 84px; }
        .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row:nth-child(3) .downloads-link-text_android {
          right: 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 left -15px; }
          .ecn-prime .ecn-prime-platforms .downloads-table .downloads-row .downloads-names .downloads-img_gcbinary {
            background-position: top -358px left -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: right;
          margin-right: 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-left: 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-left: 0;
              margin-right: 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-left: 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: right bottom;
  /*!rtl:raw:
    background-image: url(../img/vip-account-banner-rtl.png);
    */
  color: #ffffff;
  min-height: 281px;
  padding: 2.5rem 0 2rem 3.25rem;
  position: relative; }
  .vip-account-page .vip-banner.pamm-dumm-banner {
    background: url(../img/investing/pamm-dumm.jpg) #172029 left/cover no-repeat;
    /*!rtl:raw:
      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;
    right: 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 {
      right: 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: left;
    vertical-align: middle; }
  .math .line {
    background: #424243;
    height: 2px;
    margin: 0.5rem 1rem 0.5rem 0; }

.reveal-modal.option-example p {
  margin-bottom: 1rem; }

.reveal-modal.option-example ul {
  list-style: disc outside;
  margin: .5rem 0 1.5rem 1.125rem; }

.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-right: .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-left: -0.635rem;
    top: 1.25rem;
    max-height: 350px;
    overflow: hidden;
    position: relative; }
    .account-description-white .cfd-pic-wrapper img {
      max-width: 200%;
      float: right; }
  .account-description-white .ecn-pic-wrapper {
    margin-left: -0.635rem;
    top: -1.25rem;
    margin-bottom: -2.25rem;
    overflow: hidden;
    position: relative; }
    .account-description-white .ecn-pic-wrapper img {
      max-width: 125%;
      float: right; }
  .account-description-white .option-pic {
    margin-left: -137px;
    position: relative;
    left: 50%;
    top: -50px; }
  .account-description-white .swap-pic {
    margin-left: auto;
    position: relative;
    left: 0;
    top: -55px; }
  .account-description-white .micro-pic {
    margin-left: .3125rem;
    position: relative;
    top: -20px; }
  .account-description-white .standart-pic {
    margin-left: -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-left: 3px dotted #cbc8cb;
    height: 250px;
    padding: .625rem 0 0 1.25rem !important; }
    .account-description-white .action h2, .account-description-white .action .bonus-title {
      font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
      padding-left: 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;
        left: -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 0 2.5rem -1.25rem;
        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 right center;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -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;
        right: 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 0 6px 10px;
    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;
      left: -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-right: 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;
    left: auto;
    right: 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-left: auto;
      margin-right: auto;
      margin-top: 25px; }
  .slider-white-wrap .orbit-prev {
    left: 0;
    right: 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-right: 20px !important;
      padding-left: 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;
    left: 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: left; } }
    @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: -webkit-fit-content;
      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-right: 135px; }
    @media all and (max-width: 768px) {
      .rebate-s__left {
        margin-right: 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 {
      right: -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;
        left: -10px;
        transition: all .2s ease-in-out; }
        .rebate-s__switcher--bg img.moved {
          left: 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;
    left: 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: right 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 20px 0 0; }
    .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%;
    left: -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 40px 0 0; }
        @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%);
          right: -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(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(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;
    left: 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 0 0 24px;
    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;
      left: 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;
      right: 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;
      left: 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 35px 0 0; }
    @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 0 0 129px; }
    .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: right; }
  .manager-rating-page .filters .filters-dropdown {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 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 {
        left: 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-right: 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-right: 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: left;
    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%;
  left: 0;
  margin-left: 35%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 65%; }
  .manager-rating-page .scroll-wrapper .scroller-track {
    right: 0;
    top: 61px; }
  .manager-rating-page .scroll-wrapper .scroller {
    height: auto !important;
    overflow-y: hidden; }

.manager-rating-page .info-table table {
  border-left: 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;
      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-left: 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;
    left: 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 transparent transparent #ce2029; }
    .manager-rating-page .manager-rating-table tbody tr.hovered .invest-button:before {
      content: "";
      width: 5px;
      height: 100%;
      left: -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;
      right: -0.75rem;
      border-style: solid;
      border-width: 1.4rem 0 1.4rem 0.8rem;
      border-color: transparent transparent transparent #14817a; }
    .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: left;
  position: relative;
  padding-left: 3.25rem; }
  .manager-rating-page .base-table table tbody tr td.account a {
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    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: left;
    left: 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;
    transform-origin: center top;
    transform: translate(0, -100%); }
    .red-panel-wrapper .red-dropdown.ng-hide {
      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-right: 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;
  left: 50.3%;
  z-index: 2; }
  .manager-rating-page .red-panel .warning-portfolio:before {
    content: '';
    border: 10px solid transparent;
    border-right-color: #FFC832;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: -20px; }

.manager-rating-page .red-panel .row > p:not(.portfolio) {
  margin: 0 13px; }

.manager-rating-page .red-panel .portfolio-dropdown {
  bottom: 0;
  left: 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: left;
  padding-left: 0.5rem; }
  .label-block .mini-label {
    display: block;
    background-color: #FFC832;
    width: 1rem;
    height: 1rem;
    float: left;
    margin-right: 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-left: 18px; }
  .calendar .clock .clock-icon {
    background: url("/static/img/time.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -17px;
    top: 3px; }

.calendar .month-title {
  font: 1.5rem "pfDinTextReg", "Helvetica Neue", "Arial"; }
  .calendar .month-title .arrow:first-of-type {
    margin-left: 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-left: 0.5rem; }
  .calendar .arrow:hover {
    border-color: #FFC832; }
  .calendar .arrow.arrow-left {
    background: url(../img/icons.png) 0 -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-left: 1px rgba(255, 255, 255, 0.5) solid;
      padding-left: 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: left !important;
      vertical-align: top;
      width: 20%; }
      .calendar .month-block .body .week td .date {
        font: 1.5rem "pfDinTextMed", "Helvetica Neue", "Arial";
        color: #FFC832;
        bottom: 1rem;
        right: 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;
          left: 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;
    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-left: 0;
    border-top: 1px #FFC832 solid;
    width: 100%;
    padding: 2rem 2rem 0.25rem;
    columns: 2;
    column-gap: 3rem; }
    .calendar .month-block .body .week-details > ul > li {
      -moz-column-break-before: auto;
      break-before: auto;
      -moz-column-break-inside: avoid;
      break-inside: avoid;
      -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;
        -moz-column-break-before: avoid;
        break-before: avoid;
        -moz-column-break-inside: avoid;
        break-inside: 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-left: 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-left: 40px !important; }
  .ed-webinars .column.no-pad {
    padding: 0; }
    .ed-webinars .column.no-pad__right {
      padding-right: 0; }
    .ed-webinars .column.no-pad__left {
      padding-left: 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-right: 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 30px 10px 20px;
    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-right: 20px;
      padding-left: 30px; }
      .ed-webinars__arrow-month.left::after {
        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(45deg);
        border-top: none;
        border-right: none; }
    .ed-webinars__arrow-month.right {
      margin-left: 20px;
      padding-right: 30px; }
      .ed-webinars__arrow-month.right::before {
        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(-135deg);
        border-top: none;
        border-right: 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: left;
          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-left: none; }
        .ed-webinars__calendar .month-block table.body tbody tr.week td:last-child {
          border-right: 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-left: 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;
            left: -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: left;
        border: none;
        padding: 1.5rem 0.25rem;
        vertical-align: text-bottom;
        height: 170px; }
  .ed-webinars .webinar-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 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-left: 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-left: 0; }
    .ed-webinars__arrow-month.left {
      margin-right: 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-right: 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: right;
              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;
      left: 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 right -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 right -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 right -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-right: 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-left: 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-left: 2px;
          margin-right: 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-left: 20px; }
        .mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-img_iphone {
          margin-left: 37px;
          margin-right: 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-left: 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 {
          left: 42px; }
        .mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_mac {
          left: 48px; }
        .mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_android {
          left: 30px; }
        .mt-platform .mt-platform-block_1 .mt-platform-links .mt-platform-link-container .mt-platform-link-text_iphone {
          left: 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 left; }
      .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 left; }
      .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-left: 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 left;
          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-left: 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-left: 90px; } }
      @media only screen and (min-width: 1030px) and (max-width: 1043px) {
        .mt-platform .mt-platform-block_2 .video-container {
          margin-left: 85px; } }
      @media only screen and (min-width: 1044px) and (max-width: 1053px) {
        .mt-platform .mt-platform-block_2 .video-container {
          margin-left: 95px; } }
      @media only screen and (min-width: 1024px) and (max-width: 1029px) {
        .mt-platform .mt-platform-block_2 .video-container {
          margin-left: 82px; } }
      @media only screen and (min-width: 320px) and (max-width: 1023px) {
        .mt-platform .mt-platform-block_2 .video-container {
          margin-left: 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 left 30px;
          position: absolute;
          top: 53px;
          left: 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 {
              left: 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%;
              left: -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%;
              left: -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;
          left: 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;
              left: 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;
      left: 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;
            left: 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 {
    /*!rtl:raw:
    -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;
    left: 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 14rem 6.25rem 2.875rem;
    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;
    left: 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;
      right: 60px;
      width: 69px; }
    body.gc div.investment-start .investor-bg.pamm:after {
      background: url(../img/investing/investor-pamm.png) no-repeat;
      width: 133px;
      right: 3px; }
  body.gc div.investment-start .manager-bg {
    background: url(../img/investing/manager-small.png) right bottom no-repeat;
    right: 0;
    /*!rtl:raw:
    -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) right 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;
    left: 50%;
    margin-left: -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;
      left: 55%;
      width: auto; }
      .white-scheme .with-investor .manager-icon .person-icon {
        padding-right: 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: left;
      padding-left: 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-left: 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%;
    left: 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 {
        transform: rotate(90deg); }
        .white-scheme .diagram .h1, .white-scheme .diagram .h4, .white-scheme .diagram .caption {
          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 {
      left: 6%;
      top: 45%; }
    .white-scheme .diagram .sum-3 {
      left: 72%;
      top: 21%; }
    .white-scheme .diagram .sum-4 {
      left: 78%;
      top: 46%; }
    .white-scheme .diagram .sum-5 {
      left: 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 {
        left: -26%;
        top: 89%;
        transform: rotate(154deg);
        /*320!!!*/ }
        @media only screen and (max-width: 64em) {
          .white-scheme .diagram .long-arrow-icon.to-left-down {
            top: 47%;
            left: -34%;
            transform: rotate(180deg); } }
      .white-scheme .diagram .long-arrow-icon.to-right-up {
        right: -26%;
        top: 6%;
        transform: rotate(-26deg);
        /*320!!!*/ }
        @media only screen and (max-width: 40em) {
          .white-scheme .diagram .long-arrow-icon.to-right-up {
            top: 18%;
            transform: rotate(15deg); } }
      .white-scheme .diagram .long-arrow-icon.short {
        right: -28%;
        top: 48%; }
      .white-scheme .diagram .long-arrow-icon.to-right-down {
        right: -26%;
        top: 88%;
        transform: rotate(26deg);
        /*320!!!*/ }
        @media only screen and (max-width: 40em) {
          .white-scheme .diagram .long-arrow-icon.to-right-down {
            top: 78%;
            transform: rotate(-15deg); } }
  .white-scheme .person-block {
    width: auto; }
  @media only screen and (min-width: 64.0625em) {
    .white-scheme .person-icon {
      float: left; }
    .white-scheme .with-manager {
      width: 25%;
      float: right; } }
  @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;
    right: 0;
    left: 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: left; }
  .investments-frontpage-top-manager .all {
    float: right; }

/* 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 {
      left: 20px; }
    body.gc div.investment-start.full-width .manager-bg {
      right: -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-right: 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: right 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;
    left: 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 {
    -webkit-user-select: none;
            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 15px 0 0;
          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: left; } }
  .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: left; }
        .lamm-rating__table thead tr td:nth-of-type(3) {
          text-align: left; }
        .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;
            right: -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: left;
            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: left; }
          .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;
      right: -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;
        right: 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;
        left: 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: left; } }
    @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: right; } }
    @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;
      left: 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;
        right: 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;
        left: 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: left; } }
    @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: right; } }
    @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;
      left: 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(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(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(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(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;
    -webkit-user-select: none;
            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 30px 0 0; }
        @media all and (max-width: 768px) {
          .lamm-earn__content-invest_advantages-item_icon {
            margin: 0 15px 0 0; } }
        .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 30px 0 0; }
        @media all and (max-width: 768px) {
          .lamm-earn__content-manage_advantages-item_icon {
            margin: 0 15px 0 0; } }
        .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;
      right: 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;
    right: 20px;
    margin: 0 !important;
    align-items: center;
    top: -5px; }
    @media all and (max-width: 1150px) {
      .lamm-rating-filters__search {
        right: auto;
        left: 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;
      right: 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 19px 0 0 !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 22px 0 0 !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 20px 22px 22px !important; }
          .lamm-rating-filters__form-list > * .range-wrapper .range-block .cross {
            position: absolute;
            right: 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: left; }
              .lamm-rating-filters__form-list > * .range-wrapper .range-block .offset-bottom-15 input:nth-of-type(2) {
                text-align: right; }
          .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: left; }
            .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%);
              left: 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;
              left: 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;
              left: 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;
                left: 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;
              left: 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;
              left: 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;
              left: 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;
                left: 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-left: 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 14px 0 0 !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-left: 15px;
  padding-right: 15px;
  box-shadow: 0px 5px 10px 0px rgba(114, 114, 114, 0.25); }
  .downloads-table .downloads-row {
    border-bottom: 1px solid #d7d7d7;
    padding: 40px 30px 40px 10px !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 {
      right: 72px; }
    @media only screen and (min-width: 320px) and (max-width: 432px) {
      .downloads-table .downloads-row:first-child .downloads-links > .downloads-link-container {
        margin-right: 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-right: 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-right: 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-left: 31px; } }
    .downloads-table .downloads-row:first-child .downloads-link-text_mac {
      right: 53px; }
    .downloads-table .downloads-row:first-child .downloads-link-text_iphone {
      right: 69px; }
    .downloads-table .downloads-row:first-child .downloads-link-text_android {
      right: 8px; }
    .downloads-table .downloads-row:nth-child(3) .downloads-link-text_iphone {
      right: 65px; }
    .downloads-table .downloads-row:nth-child(3) .downloads-link-text_android {
      left: 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-right: 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-right: 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-right: 18px; } }
    .downloads-table .downloads-row:nth-child(5) .downloads-link-text_iphone, .downloads-table .downloads-row:nth-child(6) .downloads-link-text_iphone {
      right: 69px; }
    .downloads-table .downloads-row:nth-child(5) .downloads-link-text_android, .downloads-table .downloads-row:nth-child(6) .downloads-link-text_android {
      right: 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-right: 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 {
      left: 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 left -15px; }
      .downloads-table .downloads-row .downloads-names .downloads-img_gcbinary {
        background-position: top -358px left -19px; }
      .downloads-table .downloads-row .downloads-names .downloads-img_gcinvest {
        background-position: top -444px left -18px; }
      .downloads-table .downloads-row .downloads-names .downloads-img_tviewer {
        background-position: top -274px left -16px; }
      .downloads-table .downloads-row .downloads-names .downloads-img_adobe {
        background-position: top -189px left -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: right;
      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-left: 100px;
          width: 100%; } }
      @media only screen and (min-width: 320px) and (max-width: 345px) {
        .downloads-table .downloads-row .downloads-links {
          width: 85%;
          padding-left: 0;
          margin-right: 0; } }
      @media screen and (max-width: 1082px) {
        .downloads-table .downloads-row .downloads-links .downloads-link--webtrader {
          margin-left: 58px; } }
      .downloads-table .downloads-row .downloads-links .downloads-link-container {
        position: relative;
        display: inline-block;
        flex: 1;
        max-width: 25%;
        margin-left: auto;
        display: flex;
        flex-wrap: wrap;
        /*320!!!*/ }
        @media only screen and (max-width: 64em) {
          .downloads-table .downloads-row .downloads-links .downloads-link-container {
            margin-left: 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-right: 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-left: 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;
          left: 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;
  left: 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: 0 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 50px 80px 70px !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-left: 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-left: 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-left: 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-left: 0; } }
    .platforms .platforms-row .platforms-link-text_win {
      left: 29px; }
    .platforms .platforms-row .platforms-link-text_mac {
      left: 62px; }
    .platforms .platforms-row .platforms-link-text_iphone {
      left: 63px; }
      @media only screen and (min-width: 476px) and (max-width: 640px) {
        .platforms .platforms-row .platforms-link-text_iphone {
          left: 29px; } }
    .platforms .platforms-row .platforms-link-text_android {
      left: 64px; }
      @media only screen and (min-width: 1025px) and (max-width: 1238px) {
        .platforms .platforms-row .platforms-link-text_android {
          left: 30px; } }
      @media only screen and (min-width: 771px) and (max-width: 805px) {
        .platforms .platforms-row .platforms-link-text_android {
          left: 54px; } }
      @media only screen and (min-width: 640px) and (max-width: 770px) {
        .platforms .platforms-row .platforms-link-text_android {
          left: 29px; } }
    .platforms .platforms-row:nth-child(3) .platforms-text-block .platforms-links .platforms-link-container .platforms-link-img_iphone {
      margin-left: 0; }
    .platforms .platforms-row:nth-child(3) .platforms-link-text_iphone {
      left: 30px; }
    .platforms .platforms-row:nth-child(3) .platforms-link-text_android {
      left: 64px; }
    .platforms .platforms-row .adaptive-platforms-img {
      display: none;
      background-repeat: no-repeat;
      width: 100%;
      background-position: top left; }
      @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 left; }
      @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-right: 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 left -15px; }
        .platforms .platforms-row .platforms-text-block .platforms-names .platforms-name-img_gcbinary {
          background-position: top -358px left -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: left;
            margin-left: -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-left: 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-left: 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-left: 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-left: 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 {
                left: 29px; } }
    .platforms .platforms-row .platforms-img {
      display: inline-block;
      background-repeat: no-repeat;
      width: 39%;
      background-position: top right; }
      @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-right: 35px;
    margin-bottom: 20px; }
    .app-links__item:last-child {
      margin-right: 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-left: 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 {
  left: 29px !important; }

@media all and (max-width: 640px) {
  .platform-links__apps-icon-iphone {
    margin: 0 0 0 0 !important; } }

.platform-links__apps-text-iphone {
  left: 64px !important; }
  @media all and (max-width: 640px) {
    .platform-links__apps-text-iphone {
      left: 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;
        left: -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;
        left: 15.5%;
        margin-left: -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;
        left: 33.7%;
        margin-left: -4.75rem; }
      .about-company-page .timeline-block .circles > div.circle-4 {
        background: #FFC832;
        width: 8rem;
        height: 8rem;
        padding-top: 2.25rem;
        bottom: 1.5rem;
        left: 51.75%;
        margin-left: -4rem; }
      .about-company-page .timeline-block .circles > div.circle-5 {
        background: #14817a;
        width: 9rem;
        height: 9rem;
        padding-top: 2rem;
        bottom: 8rem;
        left: 64.4%;
        margin-left: -4.5rem; }
      .about-company-page .timeline-block .circles > div.circle-6 {
        background: #ce2029;
        width: 11.5rem;
        height: 11.5rem;
        padding-top: 3rem;
        bottom: 2rem;
        left: 84.3%;
        margin-left: -5.75rem; }
    .about-company-page .timeline-block .triangle {
      width: 0;
      height: 0;
      border-top: 0.625rem solid transparent;
      border-left: 1.5rem #424243 solid;
      border-bottom: 0.625rem solid transparent;
      position: absolute;
      right: -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-left: -0.75rem; }
    .about-company-page .timeline-block .bullet.yr-06, .about-company-page .timeline-block .year.yr-06 {
      left: 0; }
    .about-company-page .timeline-block .bullet.yr-07, .about-company-page .timeline-block .year.yr-07 {
      left: 12%; }
    .about-company-page .timeline-block .bullet.yr-08, .about-company-page .timeline-block .year.yr-08 {
      left: 24%; }
    .about-company-page .timeline-block .bullet.yr-09, .about-company-page .timeline-block .year.yr-09 {
      left: 36%; }
    .about-company-page .timeline-block .bullet.yr-10, .about-company-page .timeline-block .year.yr-10 {
      left: 48%; }
    .about-company-page .timeline-block .bullet.yr-11, .about-company-page .timeline-block .year.yr-11 {
      left: 60%; }
    .about-company-page .timeline-block .bullet.yr-12, .about-company-page .timeline-block .year.yr-12 {
      left: 72%; }
    .about-company-page .timeline-block .bullet.yr-13, .about-company-page .timeline-block .year.yr-13 {
      left: 84%; }
    .about-company-page .timeline-block .bullet.yr-14, .about-company-page .timeline-block .year.yr-14 {
      left: 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-left: 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;
        left: -0.25rem;
        padding-bottom: 0.5rem; }
        .about-company-page .timeline-block .events > div p:after {
          content: "";
          position: absolute;
          left: -1px;
          bottom: 0;
          width: 9px;
          height: 1px;
          background: #b3b3b4; }
    .about-company-page .timeline-block .events .vk-start {
      top: -15rem;
      left: 0; }
    .about-company-page .timeline-block .events .iphone-release {
      left: 18%;
      top: -16rem; }
    .about-company-page .timeline-block .events .crisis {
      left: 27.4%;
      top: -4rem; }
    .about-company-page .timeline-block .events .luzhkov {
      left: 49.2%;
      top: -14.5rem; }
    .about-company-page .timeline-block .events .ya-ipo {
      left: 63.5%;
      top: -5rem; }
    .about-company-page .timeline-block .events .apoc {
      left: 83.3%;
      top: -17.5rem; }
    .about-company-page .timeline-block .events .sochi {
      left: 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: left;
        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;
          left: -64px;
          top: -1.5rem; }
        .about-company-page .mission-block p span:after {
          background-position: -57px 0;
          top: auto;
          left: auto;
          right: -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-right: 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-left: 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-left: 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-left: -0.125rem; }
      .about-company-page .timeline-block .year {
        margin-left: -3.125rem;
        margin-top: -0.4rem; }
      .about-company-page .timeline-block .bullet.yr-06, .about-company-page .timeline-block .year.yr-06 {
        top: 0;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-07, .about-company-page .timeline-block .year.yr-07 {
        top: 12.5%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-08, .about-company-page .timeline-block .year.yr-08 {
        top: 25%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-09, .about-company-page .timeline-block .year.yr-09 {
        top: 37.5%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-10, .about-company-page .timeline-block .year.yr-10 {
        top: 50%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-11, .about-company-page .timeline-block .year.yr-11 {
        top: 62.5%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-12, .about-company-page .timeline-block .year.yr-12 {
        top: 75%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-13, .about-company-page .timeline-block .year.yr-13 {
        top: 87.5%;
        left: 0; }
      .about-company-page .timeline-block .bullet.yr-14, .about-company-page .timeline-block .year.yr-14 {
        top: 100%;
        left: 0; }
      .about-company-page .timeline-block .triangle {
        display: none; }
      .about-company-page .timeline-block .circles > div.circle-1 {
        left: 3.5rem;
        top: -1.7%;
        margin-left: 0; }
      .about-company-page .timeline-block .circles > div.circle-2 {
        left: 2.5rem;
        top: 8.5%;
        margin-left: 0; }
      .about-company-page .timeline-block .circles > div.circle-3 {
        left: 10.5rem;
        top: 27.7%;
        margin-left: 0; }
      .about-company-page .timeline-block .circles > div.circle-4 {
        left: 3rem;
        top: 43.75%;
        margin-left: 0; }
      .about-company-page .timeline-block .circles > div.circle-5 {
        left: 9rem;
        top: 59.4%;
        margin-left: 0; }
      .about-company-page .timeline-block .circles > div.circle-6 {
        left: 2rem;
        top: 76.3%;
        margin-left: 0;
        width: 10.5rem;
        height: 10.5rem; }
      .about-company-page .timeline-block .events > div {
        border-top: 1px #b3b3b4 solid;
        border-left: 1px #b3b3b4 none;
        top: 0;
        bottom: auto; }
        .about-company-page .timeline-block .events > div p {
          right: 0;
          left: 100%;
          width: 3.5rem;
          padding-left: 1rem;
          padding-bottom: 0px;
          margin-top: -.85rem; }
          .about-company-page .timeline-block .events > div p:after {
            left: -1px;
            top: 0.55rem;
            width: 1px;
            height: 9px; }
      .about-company-page .timeline-block .events .vk-start {
        right: -13.3rem;
        left: 0;
        top: 1rem; }
      .about-company-page .timeline-block .events .iphone-release {
        top: 17%;
        right: -15rem; }
      .about-company-page .timeline-block .events .crisis {
        top: 33.4%;
        right: -3rem; }
      .about-company-page .timeline-block .events .luzhkov {
        top: 41.2%;
        right: -20.5rem; }
      .about-company-page .timeline-block .events .ya-ipo {
        top: 65%;
        right: -3rem; }
      .about-company-page .timeline-block .events .apoc {
        top: 86.3%;
        right: -14.5rem; }
      .about-company-page .timeline-block .events .sochi {
        top: 98.5%;
        right: -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 {
            left: 0.5rem;
            top: -4rem; }
          .about-company-page .mission-block p span:after {
            right: 0.5rem;
            bottom: -4rem; }
    .about-company-page .awards-block .award {
      width: 25%;
      margin-bottom: 2rem; }
    .about-company-page .about-block .broker p {
      padding-right: 0; }
    .about-company-page .about-block .school {
      margin-top: 3rem; }
      .about-company-page .about-block .school p {
        padding-left: 0; } }
  @media only screen and (max-width: 40em) {
    .about-company-page .timeline-block .timeline {
      margin-left: 0rem; }
    .about-company-page .timeline-block .year {
      margin-left: 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 {
      left: 7.2rem; }
    .about-company-page .timeline-block .circles > div.circle-4 {
      left: 3.6rem;
      top: 45%; }
    .about-company-page .timeline-block .circles > div.circle-5 {
      left: 8rem; }
    .about-company-page .timeline-block .circles > div.circle-6 {
      left: 3rem;
      top: 75.3%;
      width: 10rem;
      height: 10rem;
      padding-top: 2.5rem; }
    .about-company-page .timeline-block .events > div p {
      padding-left: 0.3rem; }
    .about-company-page .timeline-block .events .vk-start {
      right: -8.1rem; }
    .about-company-page .timeline-block .events .iphone-release {
      right: -12rem; }
    .about-company-page .timeline-block .events .crisis {
      top: 31.4%;
      right: -1rem; }
    .about-company-page .timeline-block .events .luzhkov {
      right: -2.5rem; }
    .about-company-page .timeline-block .events .apoc {
      right: -12.9rem; }
    .about-company-page .mission-block p {
      padding-bottom: 54px; }
      .about-company-page .mission-block p span {
        padding: 20px 20px 0 4rem;
        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: 0 0; }
    .provider .provider-pic.ikon {
      background-position: 0 -80px; }
    .provider .provider-pic.currenex {
      background-position: 0 -160px; }
    .provider .provider-pic.lmax {
      background-position: 0 -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;
    touch-action: none;
    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;
        left: 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-right: 117px; }
        .about-company-page section.time-line-wrapper .timeline-block .timeline-skin ul li:first-child {
          margin-left: 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;
          left: 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-right: 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-right: 23px;
          margin: 0;
          padding-top: 22px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block:first-child {
        margin-left: 123px;
        top: 30px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.seven-year {
        top: 160px;
        margin-left: -117px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.nine-year {
        top: 15px;
        margin-left: 18px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-ten-year {
        top: 130px;
        margin-left: -41px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-ten-year {
        top: 250px;
        margin-left: -123px;
        z-index: 20; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-ten-year {
        top: 50px;
        margin-left: -127px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-eleven-year {
        top: 70px;
        margin-left: 54px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.june-eleven-year {
        top: 200px;
        margin-left: -144px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.august-eleven-year {
        top: 145px;
        margin-left: 17px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-eleven-year {
        top: 50px;
        margin-left: 10px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-twelfth-year {
        top: 100px;
        margin-left: 107px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.june-twelfth-year {
        top: 229px;
        margin-left: -139px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-twelfth-year {
        top: 60px;
        margin-left: 27px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-twelfth-year {
        top: 180px;
        margin-left: -101px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-twelfth-year {
        top: 15px;
        margin-left: -133px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-thirteen-year {
        top: 138px;
        margin-left: -55px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-thirteen-year {
        top: 260px;
        margin-left: -171px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.april-thirteen-year {
        top: 150px;
        margin-left: 11px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-thirteen-year {
        top: 20px;
        margin-left: 58px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-thirteen-year {
        top: 190px;
        margin-left: -162px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.april-fourteen-year {
        top: 68px;
        margin-left: 37px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-fourteen-year {
        top: 230px;
        margin-left: -99px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-fourteen-year {
        top: 10px;
        margin-left: 28px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-fourteen-year {
        top: 130px;
        margin-left: -216px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-fourteen-year {
        top: 250px;
        margin-left: -132px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-fifteen-year {
        top: 40px;
        margin-left: -65px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-fifteen-year {
        top: 190px;
        margin-left: -119px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.july-fifteen-year {
        top: 50px;
        margin-left: -72px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.august-fifteen-year {
        top: 250px;
        margin-left: -161px;
        z-index: 20; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-fifteen-year {
        top: 20px;
        margin-left: -173px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-fifteen-year {
        top: 145px;
        margin-left: -83px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-fifteen-year {
        top: 30px;
        margin-left: -183px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-fifteen-year {
        top: 260px;
        margin-left: -104px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-sixteen-year {
        top: 80px;
        margin-left: -16px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.february-sixteen-year {
        top: 210px;
        margin-left: -141px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.march-sixteen-year {
        top: 25px;
        margin-left: -160px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.april-sixteen-year {
        top: 256px;
        margin-left: -207px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.may-sixteen-year {
        top: 140px;
        margin-left: -338px;
        z-index: 29; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.september-sixteen-year {
        top: 15px;
        margin-left: -175px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.october-sixteen-year {
        top: 195px;
        margin-left: -80px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.november-sixteen-year {
        top: 55px;
        margin-left: -157px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.december-sixteen-year {
        top: 250px;
        margin-left: -226px;
        z-index: 30; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block.january-seventeen-year {
        top: 100px;
        margin-left: -80px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .new_pip {
        padding-right: 50px; }
      .about-company-page section.time-line-wrapper .timeline-block .timeline-skin .info-block:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 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: -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-left: 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;
      left: 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 46px 54px 30px;
    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-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 40px solid #e3e3e3;
    position: absolute;
    bottom: -39px;
    left: 50px; }
  .about-company-page .structures .structures-right .mister-president {
    margin-left: 48px; }
    .about-company-page .structures .structures-right .mister-president img {
      float: left;
      padding-right: 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: left; }

.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;
  touch-action: none;
  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-right: 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-right: 0; }
  .about-company-page .under-list {
    background-color: #fff; }
  .about-company-page .structures .structures-left ul li.structures-left__item {
    padding-left: 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-right: 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-left: 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;
        left: 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-right: 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-right: 51px; }
        @media all and (max-width: 768px) {
          .company_services .services_list__item:first-child {
            margin-right: 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-left: 35px; }
      .company_services .services_list__shedule:after, .company_services .services_list__email:after {
        content: '';
        position: absolute;
        left: 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: -webkit-fit-content;
      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 3rem 1.5rem 0; }
  .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-right: 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-left: 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;
  -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: left;
    height: 8px;
    margin: 0.8rem 0.5rem 0 0;
    margin-right: 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-left: 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-left: 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-left: 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: left; }
        body .newsfeed-page .newsfeed-item .date.fin-news-date, body .newsfeed-page .fin-review-item .date.fin-news-date {
          padding-left: 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;
  right: 0;
  position: absolute;
  box-shadow: 0 0 4px #ccc;
  padding: 18px 30px 30px 26px;
  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 35px 12px 18px; }

.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;
  right: 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-right: 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 0 0.125rem; }
    .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 {
  left: 0;
  text-align: right;
  top: 2px;
  padding-right: 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-left: 10px;
          border-top: none;
          border-left: 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-left: 10px;
          border-top: none;
          border-left: 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-left: 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;
    right: 0;
    background: #009e82;
    border-radius: 3px;
    position: relative; }
    .newsfeed-subscribe__submit::after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      position: absolute;
      top: 50%;
      left: 50%;
      border: 1px solid #ffffff;
      transform: translate(-50%, -50%) rotate(-45deg);
      border-top: none;
      border-left: none; }

.celendar-wrap {
  position: absolute;
  margin-top: 6px;
  right: 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: left; }
        .celendar-wrap table thead .month .yearselect {
          font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
          color: #14817a;
          cursor: pointer;
          width: 40%;
          float: right; }
        .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: 95%; }
        .celendar-wrap table thead .month select:last-child {
          background-position-x: 93%; }
      .celendar-wrap table thead .prev.available:after {
        content: "";
        position: absolute;
        top: 20px;
        background-image: url(../img/icons.png);
        width: 20px;
        height: 20px;
        left: 0;
        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;
        right: 0;
        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;
  right: 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-left: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: space-around; }

.date-filter .days {
  list-style: none;
  margin-left: 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-right: 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;
      left: 2px; }
    .datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
      border-top: none;
      border-right: none; }
    .datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
      top: 2px;
      right: 2px; }
    .datepicker-widget .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
      border-left: 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 /*rtl:0.75rem 0 0 1rem*/;
  padding: 0;
  position: absolute;
  text-align: left;
  z-index: 50;
  display: none;
  left: auto !important; }
  .newsfeed-date-dropdown.f-open-dropdown {
    display: block; }
  .newsfeed-date-dropdown.month {
    width: 6.5rem; }
  .newsfeed-date-dropdown.year li {
    padding-left: 1rem; }
  .newsfeed-date-dropdown:before {
    border: 10px transparent solid;
    border-bottom-color: #FFC832;
    border-top: none;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -10px; }
  .newsfeed-date-dropdown li {
    display: block;
    font: 1rem/1.75rem "pfDinTextReg", "Helvetica Neue", "Arial";
    padding: 0 1rem 0 1.25rem; }
    .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-right: 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 {
      left: 10px; } }
  @media only screen and (min-width: 0) and (max-width: 770px) {
    body .tags-nav .font-med, body .date-filter .font-med {
      padding: 12px 31px 12px 8px; } }
  @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 {
      left: 1.6rem !important; }
    .newsfeed-date-dropdown.year.open {
      left: 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-right: 2px solid #096760;
        font-size: 1.125rem;
        margin-right: 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-right: none; }
      .newsfeed-pagination ul li.next::before {
        transform: rotate(-45deg);
        border-top: none;
        border-left: 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: left; }
          .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-left: 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 48px 0 0; }
  @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 0 0 auto !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;
  left: 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 0 0 7.3% !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 58px 0 20px; } }
  @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-right: 198px;
    max-width: 490px;
    width: 100%; }
    @media all and (max-width: 1230px) {
      .contacts-page__left {
        margin-bottom: 35px;
        max-width: 42%;
        margin-right: 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;
    left: 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 1.5px 1.5px 0;
      display: inline-block;
      padding: 5px;
      transform: rotate(45deg);
      right: 20px;
      top: calc(50% - 5px); }
  .contacts-page__options {
    position: absolute;
    left: 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-left: 1px solid #C9C9C9;
    border-right: 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: left;
      position: absolute;
      left: 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;
      left: 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;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -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 20px 20px 15px;
  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-left: 0;
    padding-left: 0;
    flex: 1; }
  .ymap-card__icon {
    color: #423D33;
    margin-bottom: 13px;
    position: relative;
    padding-left: 35px; }
    .ymap-card__icon:after {
      position: absolute;
      content: '';
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 25px;
      height: 100%;
      left: 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: -webkit-fit-content;
    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-left: 0.3125rem;
  margin-right: 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;
    left: 0;
    background-repeat: no-repeat;
    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-left: auto;
    margin-right: 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%;
      left: 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-left: 2.9375rem;
  padding-right: 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-left: 1.25rem;
      padding-right: 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-left: 45px;
  min-height: 31px;
  display: inline-block;
  background-image: url("../img/contests/chat-box.png");
  background-repeat: no-repeat;
  background-position: left 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: left;
    list-style: none;
    margin-left: 0; }
  .contests-page .prize-box .more-to-show {
    text-align: left;
    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;
    left: -0.3rem;
    top: 0; }
  .contests-page .place:after {
    right: -0.3rem;
    left: 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: left;
    text-align: center;
    position: relative; }
    .contests-page .contests-graph .graph-month .round-block {
      width: 15rem;
      background-color: #f0eff0;
      position: absolute;
      bottom: 7.4rem;
      left: 50%;
      margin-left: -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%;
        left: 50%;
        margin-left: -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: left;
    position: relative;
    background-color: #ddd;
    height: 1.75rem; }
  .contests-page .contests-graph .graph-noround-position-2 {
    float: left;
    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 {
      left: -3rem;
      top: -1.25rem; }
    .contests-page .contests-graph .graph-noround-description .noround-description-end {
      right: -3rem;
      top: -1.25rem; }
  .contests-page .contests-graph .graph-round-today {
    position: absolute;
    left: 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-left: -24.0625rem;
      transform: rotate(90deg); }
      .contests-page .contests-graph .graph-month .round-block {
        transform: rotate(-90deg);
        transform-origin: left top;
        bottom: auto;
        top: -8.125rem;
        width: 13.75rem;
        margin-left: -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 {
          right: 100%;
          left: 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 {
        transform: rotate(-90deg);
        transform-origin: left top;
        top: 1.2rem;
        width: 1.25rem;
        left: 0;
        font-size: 0.875rem;
        text-align: left;
        z-index: 100; }
      .contests-page .contests-graph .graph-noround-description .noround-description-end {
        left: 100%; } }

.contests-page .gc-review.horizontal {
  /*320!!!*/ }
  @media only screen and (min-width: 40.0625em) {
    .contests-page .gc-review.horizontal {
      padding-right: 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-left: 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;
    right: 0;
    top: 3rem; }
    .contests-page .review-slider .slider-controls .left-control,
    .contests-page .review-slider .slider-controls .right-control {
      width: 2.3125rem;
      display: block;
      /*!rtl:ignore*/
      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 {
      /*!rtl:ignore*/
      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-left: 1rem;
    width: 3.0625rem;
    height: 3.0625rem;
    float: left;
    background-color: #e3e2e3;
    background-image: url(../svg/base/user.svg); }
  .contests-page .review-slider .gc-review-author .author-wrap {
    float: left; }
  .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;
        left: 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;
  left: 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-right: 20px;
  /*320!!!*/
  /*320!!!*/ }
  .contests-page__prize:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 40em) {
    .contests-page__prize {
      max-width: 100%;
      width: calc(50% - 20px);
      margin-right: 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;
    left: 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;
    right: 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-left: 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 70px 0 0 !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 10px 0 0; }

/* /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 3rem 0.9rem 1.45rem; }
  .vacancies .accordion dd a.vacancies-title:hover {
    background-color: #116b65; }
  .vacancies .accordion dd a.vacancies-title:after {
    content: "";
    position: absolute;
    right: 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 {
  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-left: 7px;
    margin-right: 1rem; }
  .vacancies .vacancies-open.content .vacancies-block ul {
    margin-left: 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.125rem 1.125rem 1.25rem; } }

@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: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
    left: 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: -webkit-fit-content;
    width: fit-content;
    padding-right: 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-left: 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;
    right: 4px !important;
    top: 4px !important; }
    @media all and (max-width: 480px) {
      .vacancies__cross {
        width: 40px;
        height: 40px;
        right: 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 1px 1px 0;
      display: inline-block;
      padding: 5px;
      transform: rotate(45deg);
      opacity: 0.4;
      bottom: calc(50% - 3px);
      left: 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-right: 100px; }
    @media all and (max-width: 768px) {
      .vacancies .vacancy__left {
        flex-basis: 100%;
        margin-right: 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-left: 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;
        left: 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-right: 20px;
      flex-shrink: 0; }
      .vacancies .vacancy .chief__photo img {
        -webkit-clip-path: circle(50%);
                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: -webkit-fit-content;
        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 15px 0 0; }
    .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;
        left: 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;
      left: 132px;
      bottom: -17px;
      cursor: pointer;
      margin-right: 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-right: 20px;
      order: 3; }
      .vacancies__resume_form .vac_form__filename:after {
        content: attr(data-filetype);
        position: absolute;
        right: 0;
        top: 0; }
    .vacancies__resume_form input[type="file"] {
      outline: none;
      position: absolute;
      left: 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-right: 0.75rem;
      padding-left: 1.25rem; }
      .money-operations-page table tbody tr td:first-child div {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        vertical-align: middle;
        width: 100%;
        text-align: left; }
      .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: left; } }

@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-right: 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: left; }
  .analytics-frontpage .quotation-tabs .cfd-chart-container {
    width: 69%;
    float: right; }

.analytics-frontpage .column:first-child {
  padding-left: 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-left: 50%;
    padding-top: 5%;
    overflow: hidden; }
    #analytics-subscribe .triangle div {
      width: 0;
      height: 0;
      margin-left: -320px;
      margin-top: -30px;
      border-left: 320px solid transparent;
      border-right: 320px solid transparent;
      border-top: 30px solid #14817a; }

.subscribe-fixed #analytics-subscribe {
  position: fixed;
  top: 0;
  right: 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 {
    left: 50%;
    margin-left: -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;
  left: 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-left: 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;
  left: 0;
  bottom: 0;
  right: 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;
  left: 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;
  left: calc(50% - 285px / 2);
  width: 285px; }

.a-front .video-analytics__button {
  position: absolute;
  left: 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-right: 80px;
      /*320!!!*/
      /*320!!!*/ }
      @media only screen and (max-width: 64em) {
        .analytics-event-calendar-page .form-wrapper .top-filters .field {
          margin-right: 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-right: 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-right: 15px;
        /*320!!!*/ }
        @media only screen and (max-width: 64em) {
          .analytics-event-calendar-page .form-wrapper .top-filters .field .label {
            margin-right: 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%;
          right: 20px;
          transform: translateY(-50%) rotate(45deg);
          border-top: none;
          border-left: 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-left: 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: left;
    /*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: left;
  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: left; }
  .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-left: 155px;
      text-align: left; }
    @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-left: 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;
      left: 2px; }
      .calendar-filters .calendar .ui-datepicker-header .ui-datepicker-prev span {
        border-top: none;
        border-right: none; }
    .calendar-filters .calendar .ui-datepicker-header .ui-datepicker-next {
      top: 2px;
      right: 2px; }
      .calendar-filters .calendar .ui-datepicker-header .ui-datepicker-next span {
        border-left: 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-right: 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;
    left: 20px;
    right: 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%;
  left: 3%;
  right: 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-right: 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: left;
      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: right;
      padding-left: 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 {
    left: 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-right: 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-right: 60px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 1225px) {
      .video-analytics__left {
        width: 45vw;
        margin-right: 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%;
          left: 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-right: 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-right: 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-right: 0; }
        .archive__video:nth-child(2n+1) {
          margin-right: 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-right: 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%;
      left: 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-line-clamp: 2;
    overflow: hidden;
    margin-top: 21px;
    height: -webkit-fit-content;
    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 1px 1px 0;
      display: inline-block;
      padding: 5px;
      transform: rotate(-45deg);
      margin-bottom: 1px;
      margin-left: 10px; }
      .archive .paging__next-btn:hover {
        border: solid #00816a;
        border-width: 0 1px 1px 0; }

.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-left: 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-left: none; }
      .analytics-quotes .tabs dd.active .tabs-nav {
        background: #ffffff;
        font-size: 16px;
        color: #424243;
        border-left: 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: left;
      padding-left: 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-left: 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;
      left: 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-left: 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: left;
  position: relative;
  margin-left: 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-right: none;
    position: absolute;
    top: 0;
    right: -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;
  left: 100px;
  padding-top: 60px; }
  @media only screen and (min-width: 0) and (max-width: 767px) {
    .analytics-quotes__list {
      left: auto;
      right: -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: left;
  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;
    left: 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-right: 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;
      -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-right: 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;
    left: 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-right: 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;
      left: 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-left: 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-left: 0;
  margin-top: 50px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .a-slider__dots li {
    margin-right: 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-right: 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 {
  left: -50px; }
  .a-slider .slick-prev:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    border: 2px solid #009e82;
    border-top: none;
    border-right: none;
    transform: rotate(45deg); }

.a-slider .slick-next {
  right: -50px; }
  .a-slider .slick-next:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    border: 2px solid #009e82;
    border-top: none;
    border-right: 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-left: 0; }
  .a-slider__dots li {
    margin-right: 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;
    right: 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;
    right: 0;
    width: 334px; }
    .investors-block .investors-block-img.pamm {
      background: url(../img/investing/investor-pamm-pic.png) no-repeat right;
      width: 460px; }
  .investors-block .managers-block-img {
    background: url(../img/investing/manager-pic.png) no-repeat right bottom;
    right: -170px;
    width: 700px;
    /*!rtl:raw:
    -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 right bottom;
      right: 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) {
      right: 50%;
      margin-right: -167px; }
    body.gc .investors-block .managers-block-img {
      right: 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-right: -350px;
      right: 50%;
      /*!rtl:raw:
      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-right: -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-left: 12px solid #14817a;
    border-right: none;
    left: -4px;
    position: relative; }
  .long-arrow-icon.second:before {
    background: #ce2029; }
  .long-arrow-icon.second:after {
    border-left-color: #ce2029; }
  .long-arrow-icon.short:before {
    width: 60px; }
  .long-arrow-icon.to-left {
    transform: rotate(180deg); }
  .long-arrow-icon.to-left-up {
    transform: rotate(-150deg); }
  .long-arrow-icon.to-left-down {
    transform: rotate(150deg); }
  .long-arrow-icon.to-right-up {
    transform: rotate(-30deg); }
  .long-arrow-icon.to-right-down {
    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: 0 0; }

.investor-icon .person-icon {
  background-position: 0 -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) {
  right: 1.875rem; }

body .managed-howitworks .person-block:nth-of-type(2) {
  left: 0;
  margin-top: -84.5px;
  top: 50%; }

body .managed-howitworks .person-block:nth-of-type(3) {
  right: 1.875rem;
  top: 58%; }

body .managed-howitworks > p {
  color: #14817a;
  font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
  left: 35%;
  text-align: left;
  width: 135px; }
  body .managed-howitworks > p:first-of-type {
    top: 30%;
    transform: rotate(-30deg); }
  body .managed-howitworks > p:last-of-type {
    bottom: 25%;
    transform: rotate(30deg); }

body .managed-howitworks .long-arrow-icon {
  left: 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 {
    left: 50%;
    margin-left: -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-left-color: #14817a;
    border-right: none;
    left: -4px;
    position: relative; }

/* list */
.howitworks-text {
  border: 3px #14817a dotted;
  border-top: none;
  border-radius: 0 0 1.25rem 1.25rem;
  margin-left: 0;
  padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  text-align: left; }
  .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 {
    left: 39%; }
  body.gc .managed-howitworks > p {
    left: 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 {
      transform: rotate(0deg);
      height: 0;
      left: 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 {
        transform: rotate(90deg); }
      body.gc .managed-howitworks .long-arrow-icon.to-left-up, body.gc .managed-howitworks .long-arrow-icon.to-right-up {
        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 {
      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: left;
  padding: 1.25rem 1.25rem 1.25rem 1.375rem; }

/* 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-left: 5px #14817a solid; }
  .fin-review-item.second {
    border-left-color: #ce2029; }
  .fin-review-item.third {
    border-left-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 0.25rem 0.25rem 1.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 0.5rem 1.25rem 1.25rem;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 1026px) {
    .about-team-page .employee-card {
      padding: 1rem 2rem 3rem 3rem; } }
  @media only screen and (min-width: 0) and (max-width: 520px) {
    .about-team-page .employee-card {
      padding: 1rem 3rem 3rem 2rem; } }
  .about-team-page .employee-card .photo {
    float: left;
    margin-top: 1.25rem;
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 1.25rem; }
    .about-team-page .employee-card .photo img {
      display: block;
      max-width: 100%;
      max-height: 100%; }
  .about-team-page .employee-card .caption {
    float: left;
    position: relative;
    padding-top: 1.25rem;
    margin-right: -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;
        left: 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-left: 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-left: 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: 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-left: 1rem; }
  .trading-calc-page .trading-calc-filter .left-col .balance input[type="range"] {
    width: 10rem;
    margin: 0 0.5rem 0 1rem; }
  .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: right; }
  .trading-calc-page .trading-calc-filter .center-col select, .trading-calc-page .trading-calc-filter .left-col select {
    width: 9.5rem;
    margin-left: 1.25rem; }
  .trading-calc-page .trading-calc-filter .right-col label {
    text-align: right;
    width: 8rem; }
  .trading-calc-page .trading-calc-filter .right-col input[type="text"] {
    width: 6.5rem;
    margin-left: 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-left: 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-left: 40px;
      padding-right: 25px; }
    .trading-acc-specs .specs-button .pseudo-select {
      flex: 1;
      padding-left: 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;
        right: 15px;
        top: 45%;
        border-left: none;
        border-top: none;
        transform: translateY(-50%) rotate(45deg); }
      .trading-acc-specs .specs-button .pseudo-select .options-container {
        left: 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: right;
            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-left: 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;
              left: 0;
              bottom: inherit;
              right: 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;
                left: 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-left: none;
        border-right: none;
        min-width: 84px; }
        .trading-acc-specs .spec-table thead tr td:first-child {
          width: 84px;
          text-align: left;
          border-left: 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-right: 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-left: 1px solid #F4F4F4;
        border-right: 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-right: 40px !important; }
  .specs-buttons__item-name {
    padding: 0 15px 0 15px !important; }
  .specs-buttons__item-select {
    padding: 0 0 0 10px !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;
  left: 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: 60% 15%; } }
  @media only screen and (max-width: 40em) {
    .trading-cfd__bg {
      background-size: 250%;
      background-position: 60% 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-left: 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;
    left: 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-right: 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;
          right: 20px;
          top: 50%;
          border-top: none;
          border-left: 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-left: 20px;
        text-align: left; } }
  .trading-cfd .advantages__desc {
    font-family: "pfDinTextReg", "Helvetica Neue", "Arial";
    font-size: 14px;
    position: absolute;
    right: -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 right 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 left 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-left: 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;
      left: 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-right: .91rem;
      width: 65px; }
    .main.awards > .row > .row:not(:first-child) > .row .diploma {
      background-position: 0 0; }
    .main.awards > .row > .row:not(:first-child) > .row .goblet {
      background-position: 0 -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: left;
      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: left;
    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;
  left: 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-right: 30px;
  padding: 30px 20px 55px 20px;
  transition: all .3s ease; }
  .training-frontpage__courses:last-child {
    margin-right: 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-left: 1.25rem; }
  .training-frontpage .webinars table tbody tr td:first-child {
    font-size: 0.875rem;
    padding-left: 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-right: 1px solid; }

.training-frontpage .faq .training-schedule .courses .title {
  font: 1.125rem "pfDinTextMed", "Helvetica Neue", "Arial";
  color: #424243;
  text-align: left;
  padding-left: 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%;
    left: 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-right: 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-left: 24px;
  font-size: 0.875rem;
  color: #848484; }
  .training-frontpage .ed-schedule__clock-icon {
    background: url("/static/img/time.png");
    background-position: 0 -45px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -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: left;
          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: left;
    /*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: left;
        margin-top: 1.1rem; } }
    .webinars-table .clock .clock-icon {
      background: url(../img/time.png);
      background-position: 0 -45px;
      width: 14px;
      height: 14px;
      display: inline-block;
      margin-right: 0.4rem;
      margin-bottom: -2px; }
  .webinars-table .sign {
    text-align: right;
    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-left: 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-left: 45px;
    margin-top: 0;
    position: relative; }
    .webinar-info .time .time-icon {
      background: url(../img/time.png);
      background-position: 0 -0;
      width: 37px;
      height: 43px;
      position: absolute;
      left: -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: left; }

#connect-modal .phone-input {
  width: 55%;
  float: right; }

.ed-webinar {
  background: url("../img/education/webinar-bg.png") 95% 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-right: 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;
      left: 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: left;
    font-size: 1.125rem;
    height: 51px; }
  .ed-near__clock {
    display: block;
    position: relative;
    margin-left: 24px;
    font-size: 0.875rem;
    color: #848484;
    margin-top: 7px; }
    .ed-near__clock .clock-icon {
      background: url("/static/img/time.png");
      background-position: 0 -45px;
      width: 14px;
      height: 14px;
      position: absolute;
      left: -22px;
      top: 0px; }
  .ed-near .sign {
    text-align: left;
    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-right: 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: left; }
    .ed-near__row {
      flex-direction: column; }
    .ed-near__item {
      display: flex; }
    .ed-near__date {
      max-width: 65px;
      padding-left: 0 !important; }
    .ed-near .sign {
      text-align: right; } }

/* /education/ */
.partnership-program__bg {
  background: url("/static/img/partnership/hero-bg.png") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 40px;
  left: 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: 30%;
      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-right: 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: left; } }

.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: 40%; } }
  .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: left;
      padding-left: 15px;
      width: 125px; }
      .partnership-program .tabs-content .content .multilevel-partner__reward p {
        text-align: left; }
        .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-right: 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-left: 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-right: 10px;
        position: absolute;
        left: 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-left: 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;
        left: 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;
        right: -25px;
        top: 0;
        width: 12px;
        height: 12px;
        border: 1px solid #000000;
        border-left: 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 40px 30px 95px;
      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;
        left: 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 20px 40px 0; }
  @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 15px 0 0 !important; }

.partnership__support-left-button {
  display: flex; }

.partnership__support-right {
  float: none !important;
  margin: 0 0 0 170px;
  flex: 1 1 0;
  max-width: 375px;
  padding: 0 0 0 0 !important; }
  @media all and (max-width: 1240px) {
    .partnership__support-right {
      margin: 0 0 0 50px; } }
  @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 0 0 50px !important;
  margin: 20px 0 0 0; }

[data-rtl] .partnership__support-right-person:before {
  top: 50% !important;
  transform: translate(10px, -50%) !important;
  left: -10px !important;
  right: 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-right: 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: left;
  width: 500px; }
  .main.manager-page .no-actual-data p {
    margin: 0;
    width: 85%; }

.main.manager-page .table-green tr td {
  text-align: left;
  padding-left: 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;
        left: 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 65px 60px 50px; }
    @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 10px 0 0 !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 22px 13px 26px !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: left !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 25px 0 0; } }
    @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: left; } }
  .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: left; } }

.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 28px 0 0;
    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 20px 14px 32px !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 20px 20px 32px !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;
    left: 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 22px 13px 26px !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 30px 0 0 !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 left;
    border-radius: 4px; }
  .po_action_card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    padding-left: 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-left: 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;
      /*!rtl:ignore*/
      right: -10px;
      top: 3px;
      width: 10px; }
  .stocks-container .tabs dd:last-child.active a:after {
    right: inherit;
    left: -10px;
    /*!rtl:begin:remove*/
    transform: scale(-1, 1);
    /*!rtl:end:remove*/ }
  .stocks-container .tabs dd:first-child.active a:after {
    display: block;
    right: -10px;
    left: auto;
    /*!rtl:raw:
    -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: 0 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-left: 0; }
  .my .stock-block .column:last-child {
    padding-right: 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-left: 0.3rem;
        padding-right: 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: left; }

.partners-map {
  border: 10px solid #ffffff; }
  .partners-map:hover, .partners-map:focus, .partners-map:active {
    border-color: #d9d9d9; }

.metro {
  height: 12px;
  margin-right: .4375rem;
  vertical-align: middle;
  width: 16px;
  background: url(../img/icons.png) no-repeat; }
  .metro.moscow {
    background-position: -40px -280px; }
  .metro.spb_school {
    background-position: 0 -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%;
  left: 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-left: 10px;
      padding-right: 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-left: 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;
      left: 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-left: 40px;
      margin-top: 20px;
      position: relative;
      color: #000000; }
      .reg-office__description li:after {
        position: absolute;
        content: '';
        left: 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: left; }

.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: right; }
  @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: left;
  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: left; }
  .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-left: 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-left: 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-right: .6rem; }
  .messages-actions .button:last-child, .messages-actions .black:last-child {
    margin-right: 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 0 -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 .625rem 0 0;
  height: 1rem;
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle; }

.with-prev:before {
  content: '';
  margin: -.1875rem .625rem 0 0;
  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-right: .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: 0 0; }
  .file-icon.pdf {
    background-position: 0 -63px; }
  .file-icon.ppt {
    background-position: 0 -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: right; }
    @media (max-width: 425px) {
      .third-light-wrapper label {
        text-align: left; } }
  .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-right: .625rem;
    text-align: right;
    width: 36%; }
    @media (max-width: 425px) {
      .third-light-wrapper .labels {
        width: 100%;
        text-align: left; } }
  .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;
      left: 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;
        left: 50%;
        margin-left: -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-left: 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-right: 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;
        left: 150px;
        top: 65px;
        z-index: 30;
        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-right: 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;
      left: 150px;
      top: 135px;
      transform: rotate(-30deg); }
    .third-light-wrapper .card_back .desc-item__sign:after {
      width: 145px;
      left: 160px;
      top: 85px;
      transform: rotate(-15deg); }
    .third-light-wrapper .card_back .desc-item__cvc:after {
      width: 200px;
      left: 160px;
      top: 40px;
      transform: rotate(10deg); }

/*tabs' local styles*/
.private-data .form-item {
  min-height: 75px; }
  .private-data .form-item select.phone-select {
    float: left;
    width: 30% !important; }
  .private-data .form-item input[type="text"].phone-input {
    float: right;
    width: 65%; }

.check-list-wrapper {
  padding-left: 100px; }
  @media (max-width: 425px) {
    .check-list-wrapper {
      padding-left: 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 0 0 .625rem; }
    .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: left; }
  @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 1rem 1rem 0; }
    .current-bonuses .bonus-section ul {
      list-style-image: url(../img/arrow.png);
      margin-left: 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-left: -2%;
    width: 100%;
    text-align: center;
    /*!rtl:begin:ignore*/
    transform: rotate(-6.7deg);
    /*!rtl:end:ignore*/
    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-right: 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-left: 12px solid #14817a;
    border-right: none;
    left: -4px;
    position: relative; }

#mql-settings img, #mql-register img {
  margin: 0 auto;
  display: block; }

/* -------------- breadcrumbs --------------------------- */
.forum-breadcrumbs {
  background-color: #dbdbdc;
  padding: 0 0 0 4.5rem;
  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: right;
    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: left;
    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;
      left: 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: left;
    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 0 0 4.375rem;
  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 0.5rem 0.5rem 1.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 0 0 4.375rem; }
  .forum-feed-row .feed-title, .forum-feed-row .feed-summary {
    display: inline-block;
    clear: left;
    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;
    left: 0;
    top: 0.2rem; }
    .forum-feed-row .feed-date .date-month {
      display: block;
      background-color: #14817a;
      border-top-left-radius: 6px;
      border-top-right-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-left-radius: 6px;
      border-bottom-right-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;
  left: 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 1rem 1rem 0;
  border-bottom: 1px solid #dbdbdc; }
  .forum-description-row:last-of-type {
    border-bottom: none; }
  .forum-description-row .forum-pic {
    left: 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-left: 5.25rem; }

.forum-post .authority {
  width: 100%;
  height: 0.687rem; }
  .forum-post .authority span {
    width: 0.9rem;
    height: 100%;
    margin-right: 0.17rem;
    float: left;
    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;
  left: 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;
    left: 0;
    bottom: 0; }
    .forum-post-panel.expanded .post-editor-expander {
      transition: all 300ms ease-out;
      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;
    left: 2px;
    right: 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-left: auto;
      margin-right: 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: left; }
    .forum-post-panel .post-editor-preview .xbbcode-right {
      display: block;
      text-align: right; }
    .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;
    left: 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-left: 45px; }
    .forum-post-panel .file-input .file-name {
      float: none;
      display: block;
      font-size: 0.9rem; }
    .forum-post-panel .file-input input {
      left: 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;
      left: 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;
  left: 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-left: 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;
    left: 0; }
  .page-payback .advantages__item p {
    font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
    font-size: 18px;
    line-height: 22px;
    max-width: 315px;
    padding-left: 20px;
    border-left: 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;
  left: 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 20px 0 0; }

.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;
  left: 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 10px 10px 0;
  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 0 0 20px; }

.tradingBegginer__test-questions ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .tradingBegginer__test-questions ul li {
    display: inline-block;
    margin: 0 7px 14px 0; }
    .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;
        left: 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;
      left: 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;
          left: 0;
          right: 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 30px 30px 0;
      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;
        left: 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 30px 30px 0;
    cursor: pointer;
    position: relative; }
    @media (max-width: 779px) {
      .tradingBegginer__result-products ul.tradingBegginer__result-productsList li {
        margin: 0 0px 30px 0; } }
    .tradingBegginer__result-products ul.tradingBegginer__result-productsList li:before {
      content: '';
      border-radius: 3px;
      position: absolute;
      top: 0;
      left: 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 0px 30px 0; } }
    .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: right;
  margin: 0 30px 0 0;
  float: left; }
  @media (max-width: 1100px) {
    .tradingBegginer__freeTraining {
      margin: 0 0px 30px 0;
      width: 100%;
      max-width: none;
      float: none; } }
  @media (max-width: 666px) {
    .tradingBegginer__freeTraining {
      background-image: url("../img/trading-begginer-page/free-learn2.png");
      /*!rtl:ignore*/
      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: left;
  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 right #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 right 150px #f9ebe6; } }
  @media (max-width: 700px) {
    .tradingBegginer__traderPlatforms {
      background: url("../img/trading-begginer-page/tranding-platforms2.png") no-repeat right 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 40px 0 0; }
    .tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksImg {
      float: left;
      margin: 0 11px 0 0; }
    .tradingBegginer__traderPlatforms-links li .tradingBegginer__traderPlatforms-linksDesc {
      float: left; }
      .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 20px 20px 0; } }
    .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 65px 0 0; }
    @media (max-width: 1024px) {
      .tradingBegginer__qoutes .white-container.quotes {
        margin: 0 0px 30px 0; } }

.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;
    left: 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 0 0 13px;
      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 0 0 20px; }
    @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;
      left: 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 0 0 31px;
      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;
        left: 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 80px 0 0; }
      @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;
        right: 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 0 0 53px;
          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;
            left: 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 80px 0 0; }
      @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 {
          left: initial;
          right: -170px; }
      .webtrader__howToStart .webtrader__howToStart-inner .webtrader__howToStart-image img {
        position: absolute;
        top: 0;
        left: 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;
    left: 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 right;
    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 0 0 20px;
      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;
        left: 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 45px 0 0; }
      .mobilesPage .mobilesPage__block .mobilesPage__links-item .mobilesPage__links-img {
        margin: 0 9px 0 0; }
      .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;
          left: 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 0 0 32px; }
  .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 0 0 53px;
      position: relative; }
      .binaryPage__howToStart .binaryPage__howToStart-list li:before {
        content: counter(li);
        counter-increment: li;
        position: absolute;
        top: -14px;
        left: 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 15px 0 0; }

.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 64px 0 0;
    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 13px 0 0; }

.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;
      left: 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;
  left: 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: 40% 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 0px 75px 0; }
  .vipPage__list ul .vipPage__list-img {
    flex: 0 0 auto;
    margin: 0 15px 0 0;
    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-right: 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;
    right: -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;
        right: 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-right: 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;
    right: 0;
    bottom: 0;
    left: 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-left: -120px;
    /*320!!!*/ }
    @media only screen and (max-width: 64em) {
      .serenity .dealing__img {
        margin: auto; } }
  .serenity .dealing__content {
    margin-left: 80px;
    /*320!!!*/ }
    @media only screen and (max-width: 64em) {
      .serenity .dealing__content {
        margin-left: 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;
      right: -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 {
          right: auto;
          top: 60px;
          left: 0;
          transform: rotate(90deg); } }
  .serenity .how-use__icon {
    min-width: 34px;
    margin-right: 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;
      right: 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: 98% 50%;
  position: absolute;
  left: 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;
    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;
    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 {
      left: 0; }
    .partnership_landing .slick-arrow.slick-next {
      right: 0;
      transform: rotate(180deg); }
    .partnership_landing .slick-arrow.slick-disabled {
      filter: grayscale(100%);
      pointer-events: none; }
  .partnership_landing img {
    -webkit-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    color: #FFFFFF;
    max-width: 100%; }
  .partnership_landing ul,
  .partnership_landing ol {
    list-style: none;
    margin-left: 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: -webkit-fit-content;
    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;
    -webkit-user-select: none;
            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%;
      left: -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;
      right: 0;
      width: 100%;
      height: 100%;
      background: url("../img/promo/partnership-landing/intro_bg.png") no-repeat right -175px top -50px/contain;
      z-index: 2; }
      @media all and (max-width: 1800px) {
        .partnership_landing section.promo::before {
          background-position: right -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 right bottom/contain; } }
    .partnership_landing section.promo::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: url("../img/promo/partnership-landing/intro_shadow.svg") no-repeat right 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-left: 2.1875rem; }
      .partnership_landing section.promo .promo_list li:not(:last-of-type) {
        margin-right: 0.625rem; }
        @media all and (max-width: 1024px) {
          .partnership_landing section.promo .promo_list li:not(:last-of-type) {
            margin-right: 0;
            margin-bottom: 1.25rem; } }
      .partnership_landing section.promo .promo_list li::before {
        content: '';
        position: absolute;
        top: 0;
        left: 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);
        left: 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;
          right: -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);
              left: 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;
        -webkit-user-select: none;
                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-right: 30px; } }
        .partnership_landing section.scheme .scheme_list li span::after {
          content: '';
          position: absolute;
          top: -5px;
          right: -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: left; } }
  .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: left; } }
  .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-right: 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-left: 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;
        left: 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: left; } }
  .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 right 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 right 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;
      right: 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 0.625rem 0.9375rem;
      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.9375rem 0.75rem 0; }
      @media all and (max-width: 500px) {
        .partnership_landing section.your_reward .reward_table .table_cell:first-of-type {
          padding: 0.625rem 0.625rem 0.625rem 0; } }
    .partnership_landing section.your_reward .reward_table .table_cell:not(:first-of-type) {
      border-left: 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-right: 3.125rem; }
      @media all and (max-width: 900px) {
        .partnership_landing section.multi_level .multi_level_content__left {
          flex: 1;
          margin-right: 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-left: 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 right 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 right 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: left; } }
      .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-right: 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 2.5rem 0.5rem 1.25rem; }
    .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);
      right: 20px;
      padding: 5px;
      border: solid #333333;
      border-width: 0 1px 1px 0;
      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: left -175px top -50px; }
    @media all and (max-width: 1800px) {
      .partnership_landing.bidi section.promo::before {
        background-position: left -300px bottom; } }
    @media all and (max-width: 900px) {
      .partnership_landing.bidi section.promo::before {
        background-position: left bottom; } }
  .partnership_landing.bidi section.promo::after {
    transform: scaleX(-1);
    background-position: left 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: left 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;
    left: 0;
    right: 0; } }

.bonus-500 .yellow-title {
  color: #fab700; }

.bonus-500 .wait_absolute {
  position: absolute;
  left: -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;
  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-left: -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-left: -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-left: 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;
  left: 50%;
  margin-left: -90px;
  background-image: url(../img/promo/500_bonus/sprites.png) /*rtl:url(../img/promo/500_bonus/sprites-ar.png)*/; }

.bonus-500 .advantage.bonus25:before {
  background-image: url(../img/promo/25_bonus/sprites.png) /*rtl: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-left: 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: "";
      right: -25px;
      height: 30px;
      width: 49px;
      top: 23px;
      position: absolute;
      background-position: -8px -179px;
      background-image: url(../img/promo/500_bonus/sprites.png);
      /*!rtl:raw:
    -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-right: -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-left: 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-left: 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 {
      /*rtl:ignore*/
      margin-right: 100px; }
  .bonus-500.ramadan_bonus500 section.promo h1.art-text .abs {
    padding-left: 0; }
  .bonus-500.ramadan_bonus500 section.promo h1.art-text .right:last-of-type {
    text-align: right;
    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%;
      left: 0;
      right: 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%;
      left: 0;
      right: 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: 75% 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: right 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 20px 0 0; }
    @media all and (max-width: 700px) {
      .bonus500__conditions_list {
        max-width: none; } }
    .bonus500__conditions_list li {
      position: relative;
      padding-left: 27px;
      margin-bottom: 15px; }
      .bonus500__conditions_list li::before {
        content: '';
        display: block;
        position: absolute;
        top: 2px;
        left: 0;
        height: 11px;
        width: 15px;
        border-left: 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-right: 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-right: 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: left; } }
  .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-right: 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-right: 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-left: 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;
          right: -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;
          right: -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: left; }
        .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);
            left: 3px;
            top: auto;
            bottom: -47px; }
        .bonus500__steps ul li p {
          align-self: flex-start;
          margin-top: 28px;
          margin-left: 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: -webkit-fit-content;
    width: fit-content;
    border-radius: 3px;
    color: #FFFFFF;
    background-color: #0ABB86;
    text-align: center;
    padding: 10px 25px;
    cursor: pointer;
    -webkit-user-select: none;
            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%;
      left: -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;
      left: 0;
      right: 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-left: -1em; }
  .bonus500_footer .fincom {
    display: flex;
    align-items: flex-start; }
    .bonus500_footer .fincom img {
      -webkit-user-select: none;
              user-select: none;
      margin-right: 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-right: 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 {
    -webkit-user-select: none;
            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: -webkit-fit-content;
    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;
    -webkit-user-select: none;
            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%;
      left: -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;
      right: 60px;
      width: 100%;
      height: calc(100% + 20px);
      background: url("../img/promo/risk_free_day/intro2_bg.png") no-repeat right bottom/auto; }
      @media all and (max-width: 1700px) {
        .risk-free-day section.promo::before {
          right: 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: left 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-left: 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;
      right: 0;
      width: 50%;
      height: 100%;
      background: url("../img/promo/risk_free_day/computer.png") no-repeat right 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;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../img/promo/risk_free_day/circle.jpg") no-repeat right 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: left; }
      @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: right; }
      @media all and (max-width: 500px) {
        .risk-free-day section.option_account .option_grid__item:last-child {
          text-align: left;
          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: left;
        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;
        left: 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-left: 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-left: 1.25rem; }
      @media all and (max-width: 768px) {
        .risk-free-day section.start_trading .steps__item:not(:first-child) {
          margin-left: 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;
      right: 0;
      width: 45%;
      height: 100%;
      background: url("../img/promo/risk_free_day/registration2_bg.png") no-repeat right bottom/contain; }
      @media all and (max-width: 600px) {
        .risk-free-day section.registration .row::before {
          width: 355px;
          height: 360px;
          background-position: calc(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-right: 0.75rem; }
          @media all and (max-width: 768px) {
            .risk-free-day section.registration .risk_free_day_form .fields__item:nth-of-type(odd) {
              margin-right: 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;
        left: 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: left 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: right bottom; } }
  .risk-free-day.ar .option_grid__item::before, .risk-free-day.fa .option_grid__item::before {
    background-position: left 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(-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 {
    -webkit-user-select: none;
            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;
    -webkit-user-select: none;
            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-left: 10px; }
  .invest-portfolio .icon-circle_2 {
    background-position: top left !important; }
  .icon-circle_2 {
    width: 50px;
    height: 35px;
    background-size: 140%;
    transition: 0.3s;
    -webkit-transition: 0.3s; }
  .advantages-item {
    margin-bottom: 20px;
    margin-left: 10px;
    max-width: 100%;
    height: auto; }
  .advantages-desc {
    font-size: 1rem;
    margin-right: 35px; }
  .main-item-desc {
    margin-right: 38px;
    padding-left: 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 30px 45px 25px; }
  .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;
    left: 255px; }
  .graph_2_1_cut {
    width: 200px;
    height: 220px;
    margin-left: 30px; }
  .graph_2_2_cut {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 150px;
    left: 250px; }
  .chart_2-vAxis-title {
    font-size: 11px;
    top: 135px;
    left: -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-left: 4% !important;
    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-left: 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-left: 15px;
    font-size: 1.1rem; }
  .main-item-desc {
    max-width: 635px;
    padding-left: 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 {
    left: 6%; }
  .slide-img-1, .slide-img-2 {
    display: block; }
  .graph_2_1_cut {
    width: 282px;
    height: 320px;
    margin-left: 50px; }
  .graph_2_2_cut {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    position: absolute;
    top: 170px;
    left: 370px; }
  .chart_2-legend {
    font-size: 14px;
    line-height: 1.8;
    left: 375px; }
  .chart_2-vAxis-title {
    font-size: 14px;
    top: 160px;
    left: -65px; }
  .table-in-slider td, .table-in-slider th {
    font-size: 0.8rem; }
  .table-in-slider-first-head th {
    padding-left: 5% !important;
    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-left: 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-left: 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-left: 50px; }
  .graph_2_2_cut {
    width: 250px;
    height: 250px;
    margin-top: 60px; }
  .chart_2-legend {
    line-height: 2;
    font-size: 14px;
    left: 455px; }
  .chart_2-vAxis-title {
    font-size: 14px;
    top: 170px;
    left: -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: left;
    margin-bottom: 45px; }
    .invest-portfolio .that-it::after {
      content: '';
      display: block;
      height: 1px;
      border-bottom: 1px dashed #262626;
      position: absolute;
      bottom: 15px;
      left: 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);
      right: -27px;
      top: 16px; }
      @media (max-width: 992px) {
        .invest-portfolio .that-it:before {
          right: auto;
          top: auto;
          left: 28px;
          bottom: -6px; } }
    .invest-portfolio .that-it__help {
      display: none;
      position: absolute;
      right: -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;
          right: auto;
          left: 0; } }
  .invest-portfolio .new-red-button {
    padding: 12px 40px 12px 40px; }
  .invest-portfolio .main-item-desc {
    display: flex;
    flex-direction: row;
    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-left: 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-left: 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;
      left: 0;
      right: 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: left; }
  .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: left;
    clear: left;
    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-left: 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-right: 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-left: 0; }
  .invest-portfolio .bg-section_3 {
    position: relative;
    padding-left: 20px;
    padding-bottom: 122px;
    color: #252525;
    background-image: none;
    background-color: #fff; }
    @media (max-width: 640px) {
      .invest-portfolio .bg-section_3 {
        padding-left: 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-left: 0 !important; }
      @media (max-width: 640px) {
        .invest-portfolio .bg-section_3 .advantages-item {
          float: left; } }
    .invest-portfolio .bg-section_3 .advantages-desc {
      max-width: 425px;
      margin-right: 20px; }
      @media (max-width: 640px) {
        .invest-portfolio .bg-section_3 .advantages-desc {
          margin-left: 20px; } }
    .invest-portfolio .bg-section_3 .advantages-item {
      display: flex;
      flex-direction: row;
      align-items: center; }
    .invest-portfolio .bg-section_3 .icon-circle_2 {
      background-repeat: no-repeat;
      background-position: top left;
      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-left: 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 {
  left: -1.7rem; }

.investment-portfolio-slider .orbit-next {
  right: -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;
        right: 370px; } }
    @media screen and (min-width: 64em) {
      .invest-portfolio .investment-portfolio-slider__elem.fa .google-chart_2-wrap .graph_2_2_cut {
        top: 0;
        right: -600px; } }
  .invest-portfolio .investment-portfolio-slider__elem.th {
    box-shadow: none;
    border: none; }
    .invest-portfolio .investment-portfolio-slider__elem.th .profitability {
      left: -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%;
    left: -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;
  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-left: -40px; }

.ferrari, .hewlett-packard, .citigroup, .nike {
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 100; }

.ferrari {
  left: 105px;
  top: 247px; }

.hewlett-packard {
  left: 245px;
  top: 202px; }

.citigroup {
  left: 210px;
  top: 95px; }

.nike {
  left: 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;
    left: 0;
    height: 10px;
    width: 17px;
    border-left: 2px solid #009e82;
    border-bottom: 2px solid #009e82;
    transform: rotate(-45deg); }
  .trading_robots_page .main-item-desc .section_1-desc {
    padding-left: 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 /*rtl:100% 0*/;
  position: relative;
  transition: .4s;
  /*320!!!*/ }
  .trading_robots_page .bg-section_1::before {
    content: '';
    top: -250px;
    left: 0;
    bottom: 0;
    right: 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: left; } }
  @media (max-width: 700px) {
    .trading_robots_page .bg-section_1 {
      background-position: bottom left;
      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 right, 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-left: 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;
    left: 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;
      left: 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;
      right: 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 85px 30px 120px !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;
    left: 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-right: 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%;
      left: 0;
      right: 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-left: 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);
      left: 0;
      top: 10px; }
  .bonus200-intro__right {
    margin-left: 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-left: 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-left: 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);
    left: 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;
    right: 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;
      left: 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;
    left: 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;
    right: 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;
    right: -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: left !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: left;
    min-height: 81px;
    display: flex;
    align-items: center; }
    .bonus200-steps__item::before {
      top: 0;
      left: 0; }
    .bonus200-steps__item::after {
      top: -10px;
      right: auto;
      left: 53px; }
    .bonus200-steps__item:not(:last-child) {
      margin-bottom: 100px; }
  .bonus200-steps__item a::after {
    content: '';
    width: 55px;
    transform: rotate(90deg);
    right: auto;
    left: 14px;
    top: 96px; }
  .bonus200-steps__item-inner {
    padding-top: 0;
    padding-left: 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-left: 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;
      left: 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: left !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: left !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%;
      left: 0;
      right: 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 70%/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: left; }
    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;
      left: 0;
      right: 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;
        right: 0;
        z-index: 20;
        display: block; }
      @media (max-width: 768px) {
        body.ramm .ramm-page .ramm-header__elem-title {
          margin-left: 80px;
          text-align: left;
          padding-right: 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-right: 1.3px solid #000203;
            border-bottom: 1.3px solid #000203;
            content: '';
            position: absolute;
            right: 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.94444em 1.11111em 1.11111em;
        position: absolute;
        top: 0;
        left: 0;
        right: 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%;
        left: 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;
          left: 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: left;
        margin-left: 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;
          right: -25px; }
        @media (max-width: 768px) {
          body.ramm .ramm-page .ramm-header__link-text {
            margin-left: 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;
        left: 13.75em;
        top: -0.875em; }
        body.ramm .ramm-page .ramm-header__link-hover-arrow {
          position: absolute;
          width: 0.9375em;
          height: 0.9375em;
          left: -8px;
          background-color: #ffc832;
          transform: rotate(45deg); }
          @media (max-width: 768px) {
            body.ramm .ramm-page .ramm-header__link-hover-arrow {
              left: 17px;
              top: -6px; } }
        @media (max-width: 768px) {
          body.ramm .ramm-page .ramm-header__link-hover {
            left: 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-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.next:hover {
            border-bottom: 1px solid; }
        body.ramm .ramm-page .ramm-rating__table-main .ramm-rating__table-bottom .pagination span.prev {
          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.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: left; }
      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: left;
            overflow-wrap: normal;
            word-wrap: break-word;
            word-break: normal;
            line-break: normal;
            -webkit-hyphens: manual;
                    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;
            left: 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;
      left: 0;
      right: 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;
      left: 0;
      right: 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;
      left: 0;
      right: 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: left 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: left;
      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;
          left: 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-left: 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;
          left: 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;
          left: 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;
          left: 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;
          left: 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-right: 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-left: 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-left: 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-left: 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;
        left: 0;
        background-image: url(../img/promo/ramm/check-marker.svg);
        top: 4px;
        left: 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-left: 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-left: 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;
      left: 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: left; } }
      @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;
    right: 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 0 12px 16px !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: right;
            padding: 0 14px 0 0 !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;
                left: 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;
                left: 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 0 10px 16px !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 10px 10px 20px !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: right;
        padding: 0 14px 0 0 !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 30px 15px 13px;
    cursor: pointer; }
    .gc-ramm-rating__button-m-monthly-yield:before {
      content: '';
      position: absolute;
      right: 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 30px 15px 13px;
    cursor: pointer; }
    .gc-ramm-rating__button-m-yield:before {
      content: '';
      position: absolute;
      right: 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 10px 16px 17px; }
  .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 10px 25px 17px;
    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 10px 0 0 !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 0 0 10px !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: left;
        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;
      left: 0;
      bottom: -1px;
      transition: background 0.3s ease; }
    .gc-ramm-earn__tab:nth-of-type(1) {
      margin: 0 100px 0 0; }
      @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 100px 0 0; }
    @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 13px 0 0; }
  .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 13px 0 0; }
  .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 0 0 58px;
    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;
      left: 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 26px 0 0;
      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;
    left: 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 75px 0 0;
    width: 70%;
    max-width: 408px;
    min-width: 320px; }
    @media all and (max-width: 1220px) {
      .gc-rsd-profit__left-list {
        margin: 0 20px 0 0; } }
    @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 15px 17px 0;
    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 75px 0 0;
    width: 70%;
    max-width: 408px;
    min-width: 320px; }
    @media all and (max-width: 1220px) {
      .gc-rsd-instruments__left-list {
        margin: 0 20px 0 0; } }
    @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 15px 17px 0;
    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);
  left: 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%;
  left: 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;
    right: 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: right;
    margin: 0 15px 0 0;
    transform: translateY(6px);
    width: 190px; }
    @media all and (max-width: 768px) {
      .gc-rsd-form__control-title {
        margin: 0 0 5px 0;
        text-align: left;
        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-right: 4px solid transparent;
      border-left: 4px solid transparent;
      border-bottom: 4px solid transparent;
      position: absolute;
      right: 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;
    left: 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;
    left: 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 2px 0 0; }
  .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 0 0 205px;
    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 0 0 205px; }
      @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%;
    left: 0;
    right: 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-right: 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-right: 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-left: 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);
      left: 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;
        right: 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);
  left: 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;
  right: 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;
      left: 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;
  left: -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;
      right: 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;
    right: 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;
  left: 10px;
  top: 2px;
  color: rgba(255, 255, 255, 0.4); }

.bonus40-calculator .special_label {
  position: absolute;
  top: calc(50% - 9px);
  left: 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-left: 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;
  left: 12px; }

@media all and (max-width: 768px) {
  .bonus40-calculator .deposit-error {
    left: 0; }
    .bonus40-calculator .deposit-error__inner:after {
      right: auto;
      left: 10px;
      transform: rotate(35deg) skew(20deg, 16deg); }
    .bonus40-calculator .deposit-error .triangle {
      right: auto;
      left: 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-left: 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;
      left: 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-left: 50px;
    position: relative; }
    .bonus40-action__elem-desc::after {
      position: absolute;
      content: '';
      width: 40px;
      height: 40px;
      border-radius: 50%;
      left: 0;
      top: calc(50% - 20px); }
  .bonus40-action * {
    font-family: inherit !important; }
  @media all and (max-width: 768px) {
    .bonus40-action .btn-box {
      text-align: left; }
    .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;
          right: -359px;
          top: 106%; } }
    @media all and (max-width: 500px) {
      .bonus40-advantages__dot-list:after {
        right: -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);
      left: 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-left: 40px;
    position: relative;
    z-index: 1; }
    .bonus40-advantages__item:after {
      position: absolute;
      content: '';
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      left: 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-left: 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: left; } }

.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-left: 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;
      right: -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;
      left: 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;
          right: 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;
          left: unset;
          right: 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-left: auto;
          margin-right: auto; }
        .invest_club .intro .c_button {
          margin-right: auto;
          margin-left: 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-left: 100px; }
  @media all and (max-width: 1024px) {
    .invest_club .about .row {
      align-items: center; }
    .invest_club .about__right {
      width: 40%;
      margin-left: 50px; } }
  @media all and (max-width: 768px) {
    .invest_club .about .row {
      flex-direction: column; }
    .invest_club .about__right {
      width: 100%;
      margin-left: 0;
      margin-top: 40px;
      height: 480px; }
    .invest_club .about .c_button {
      margin-right: auto;
      margin-left: 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-right: 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 {
    right: calc(100% / 3 - 60px); }
  .invest_club .become_member__step:nth-child(2)::after {
    right: calc(100% / 3 - 100px); }
  .invest_club .become_member h3 {
    margin-top: 60px; }
  .invest_club .become_member .c_button {
    margin-right: auto;
    margin-left: 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;
      right: calc(50% - 16px);
      bottom: -40px; }
    .invest_club .become_member__step:not(:last-child) {
      margin-bottom: 70px; }
    .invest_club .become_member__step img {
      margin-right: 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-left: 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-left: 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-left: 40px;
    margin-right: 40px; }
  .invest_club .occupation .c_list {
    width: calc(100% / 2); }
  @media all and (max-width: 768px) {
    .invest_club .occupation .row {
      text-align: left; }
    .invest_club .occupation__row {
      flex-direction: column;
      align-items: flex-start; }
    .invest_club .occupation img {
      margin-left: auto;
      margin-right: 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;
    left: 12px;
    border: 1px solid #FFB300; }
  .invest_club .submit .c_button {
    z-index: 1;
    margin-top: 30px;
    margin-right: auto;
    margin-left: 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-left: 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-left: 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-right: 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-right: 50px; } }
  @media all and (max-width: 768px) {
    .invest_club .bonuses__left {
      display: none; }
    .invest_club .bonuses .c_button {
      margin-right: auto;
      margin-left: auto; } }
  .invest_club .c_button {
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    color: white !important;
    background-color: #FFB300;
    font-size: 20px;
    text-align: center;
    padding: 14px 25px;
    cursor: pointer;
    -webkit-user-select: none;
            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%;
      left: -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;
      left: 0;
      right: 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;
      left: -4px; }
    .invest_club .c_quote::after {
      bottom: -20px;
      right: -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: left; }
      .invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="left"] li {
        padding-left: 18px; }
        .invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="left"] li::before {
          left: 0; }
    .invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="right"] {
      text-align: right; }
      .invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="right"] li {
        padding-right: 18px; }
        .invest_club .c_list[data-c-text-decoration-type="dots"][data-c-text-align="right"] li::before {
          right: 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: left; }
        .invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="left"] li {
          padding-left: 25px; }
          .invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="left"] li::before {
            left: 0; }
      .invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="right"] {
        text-align: right; }
        .invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="right"] li {
          padding-right: 25px; }
          .invest_club .c_list[data-c-text-decoration-type="numbers"][data-c-text-align="right"] li::before {
            right: 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 {
      left: -44px;
      top: -56px; }
    .invest_club .с_bg_type_square[data-c-bg-align="left_bottom"]::after {
      left: -44px;
      bottom: -56px; }
    .invest_club .с_bg_type_square[data-c-bg-align="right_top"]::after {
      right: -35px;
      top: -32px; }
    .invest_club .с_bg_type_square[data-c-bg-align="right_bottom"]::after {
      right: -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 {
        left: -26px;
        top: -26px; }
      .invest_club .с_bg_type_square[data-c-bg-align="left_bottom"]::after {
        left: -26px;
        bottom: -26px; }
      .invest_club .с_bg_type_square[data-c-bg-align="right_top"]::after {
        right: -26px;
        top: -26px; }
      .invest_club .с_bg_type_square[data-c-bg-align="right_bottom"]::after {
        right: -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-left: 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;
      left: -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);
      left: 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;
      right: 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 0 0 30px; }
    @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 0 0 70px !important; } }
    @media all and (max-width: 1024px) {
      .gc-promo-ic__about-right {
        min-width: calc(40% - 15px) !important;
        margin: 0 0 0 30px !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 80px 0 0; }
    @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 {
      right: auto !important;
      left: 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;
          right: auto !important;
          left: 50% !important;
          transform: translateX(-50%) !important;
          bottom: -49px !important; } }
  .gc-promo-ic__become-member-step:nth-of-type(2) {
    margin: 0 160px 0 0; }
    @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 {
      right: auto !important;
      left: 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;
          right: auto !important;
          left: 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: left; }
    @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 0 0 30px; }
    @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);
    left: 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 40px 30px 45px; }
    @media all and (max-width: 768px) {
      .gc-promo-ic__modal-subwrap {
        padding: 50px 20px 30px 20px; } }
  .gc-promo-ic__modal-cross {
    position: absolute;
    right: 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 0 0 17px;
    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;
      left: 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 0 0 17px;
    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;
      left: 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-left: 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;
      left: 0;
      right: 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;
      left: 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;
    left: 0;
    width: 100%;
    height: 100%; }
    body.gc.education-page .want-to-learn__graf:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 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;
      left: 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;
      left: 0;
      right: 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-left: 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-left: 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-left: 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-left: 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;
        left: 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;
      right: -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%;
          right: 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;
    right: -50px;
    bottom: 0;
    width: 100%;
    height: 90%;
    background-repeat: no-repeat;
    background-position: right 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;
        right: 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;
      left: 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: 65% 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: 45% center; } }
      @media only screen and (max-width: 64em) {
        body.gc.education-page .what-to-learn:after {
          height: 85%;
          top: -20px;
          background-position: 55% 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;
    left: 0;
    bottom: 0;
    right: 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;
      left: -280px;
      bottom: 0;
      right: 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%;
          left: 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;
      left: 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;
          left: 0;
          bottom: 0;
          right: 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;
          left: 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-left: 15px !important; }
  .ed-video .column.no-pad {
    padding: 0; }
    .ed-video .column.no-pad__right {
      padding-right: 0; }
    .ed-video .column.no-pad__left {
      padding-left: 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;
    right: 0;
    bottom: 0;
    left: 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%;
    left: 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 30px 10px 20px;
    padding-right: 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;
      right: 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-right: 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-left: 20px;
      border-bottom: 1px solid #377f6b; }
  .ed-video-modal__close {
    display: block;
    width: 44px;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0; }
  .ed-video-modal__iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
    .ed-video-modal__iframe iframe {
      position: absolute;
      top: 0;
      left: 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-left: 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;
      right: 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-right: 15px;
    min-height: auto; }
  .ed-wecyl__name {
    margin-top: 0;
    min-height: auto;
    text-align: left; } }

@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-right: 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") 100% 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-right: 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-left: 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 0 0 60px;
    padding: 30px 0 0 25px;
    border-left: none;
    position: relative; }
    .ed-author__quotes::before {
      content: '“';
      font-size: 96px;
      color: #009e82;
      opacity: 0.3;
      position: absolute;
      left: -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-left: 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 0 0 8.33333%;
    padding: 30px 0 0 25px;
    border-left: none;
    position: relative; }
    .ed-authors__quotes::before {
      content: '“';
      font-size: 96px;
      color: #009e82;
      opacity: 0.3;
      position: absolute;
      left: -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-left: 10px; }
    .ed-author__quotes {
      width: 20%;
      margin-left: 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-left: 15px; }
    .ed-authors__quotes {
      margin-left: auto;
      margin-top: 0;
      padding-top: 15px; }
      .ed-authors__quotes::before {
        left: -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;
    left: 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: 15% 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: left;
        margin-top: 0;
        margin-left: 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") 90% 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-left: 1.125rem;
      padding-right: 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-left: 5px;
        animation: bounce 1s infinite; }

@keyframes bounce {
  0% {
    transform: translateY(-5px);
    opacity: 1; }
  100% {
    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;
      left: 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-left: 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-right: 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 11px 0 0;
        min-height: auto; }
      .ed-course__item:last-child .ed-course__item-img {
        padding-right: 0; }
      .ed-course__item-desc {
        margin-top: 0px;
        text-align: left;
        margin-left: 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-left: 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;
      left: 10px; }
    .ed-courses__action-text {
      font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
      color: #000000; }
    .ed-courses__action-cost {
      padding-left: 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%;
      left: 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-left: none;
      position: absolute;
      left: 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;
      left: 0;
      width: 100%;
      display: inline-block;
      height: 1px;
      background: rgba(66, 61, 51, 0.3); }
  .ed-training__content td {
    padding: 20px 20px 20px 0; }
  .ed-training__content td:last-child {
    width: 33%;
    padding-right: 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: left;
      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 40px 20px 20px; }
  .ed-training__desc td {
    padding-right: 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-left: 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: left;
      border: none;
      vertical-align: top;
      padding-left: 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-right: 16px !important; }
    .ed-training__img img {
      border-radius: 50%; }
  .ed-training__about {
    width: 180px;
    padding: 0 !important;
    padding-right: 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-left: 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-left: 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-left: 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-left: auto;
      text-align: right; }
      .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 0px 20px 20px !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-right: none;
        position: absolute;
        left: -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-left: 0;
  margin-bottom: 25px;
  list-style: none;
  display: flex; }

.ed-tabs__item {
  font-size: 1.125rem;
  margin-right: 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-right: 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;
    right: 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: 0 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;
    right: 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-right: 25px; }
      .ed-tabs__item a {
        font-size: 1.125rem; }
    .ed-tabs__list {
      margin-bottom: 20px; }
  #sign-modal,
  #register-success {
    min-height: initial;
    left: 0;
    margin: 0 auto;
    right: 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-left: 1.5625rem;
    padding-right: 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 {
    right: 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-left: 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-left: 30px; } }
        @media only screen and (max-width: 40em) {
          .new-footer-landings .new-footer-landings__bottom-line .new-footer-landings__icons-inner a {
            margin-left: 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;
    right: 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;
      left: 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-left: 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-left: 35px; } }
  .faq .questions__title::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, 0.7);
    display: inline-block;
    position: absolute;
    left: 22px;
    top: 45%;
    border-top: none;
    border-right: 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 {
        left: 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-left: 55px;
  font-size: 16px;
  margin-top: 2px;
  background: #ffffff;
  /*320!!!*/ }
  @media only screen and (max-width: 64em) {
    .faq .questions__answer {
      padding: 10px;
      padding-left: 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-left: 15px;
  padding-right: 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;
  right: 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;
  left: 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: right;
  margin-left: 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: left;
      margin-left: 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-left: 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-right: 5px;
    border-radius: 0;
    /*320!!!*/ }
    @media only screen and (max-width: 40em) {
      .instruments .examples__controls button {
        margin-right: 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-left: auto;
    padding-left: 1.1875rem;
    padding-right: 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-right: 30px; }
    .instruments-table table tbody tr.quotes td.wrapper-arrows span {
      width: 16px;
      height: 16px;
      margin-left: 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-right: 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-left: none; }
  .instruments-symbol .symbol__header .btn {
    margin-left: 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-right: 5px; }

.instruments-symbol .symbol__cost .value {
  color: #423D33;
  margin-right: 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-left: 25px;
  background: url("/static/img/instruments/clock.svg") left top/19px 19px no-repeat;
  margin-left: 40px;
  position: relative; }
  .instruments-symbol .symbol__time::after {
    content: '';
    width: 1px;
    height: 20px;
    background: rgba(66, 61, 51, 0.3);
    position: absolute;
    left: -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-right: 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-right: 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;
      right: -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-left: 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-left: 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: right bottom;
      background-size: 400px; } }
  .instruments-symbol .about__text {
    color: #424243;
    line-height: 22px;
    padding-left: 62px;
    position: relative;
    max-width: 75%;
    /*320!!!*/ }
    @media only screen and (max-width: 64em) {
      .instruments-symbol .about__text {
        max-width: 100%;
        padding-left: 0; } }
    .instruments-symbol .about__text::after {
      content: '';
      width: 43px;
      height: 44px;
      background: url("/static/img/instruments/lamp.svg") center/cover no-repeat;
      position: absolute;
      left: 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 10px 10px 0; }
    .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 10px 12px 0; }
    .instruments-symbol .economic-calendar .gc-table table tbody tr td.event-cell {
      padding-right: 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-left: 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;
      left: -13px;
      top: -5px;
      /*320!!!*/ }
      @media only screen and (max-width: 64em) {
        .instruments-symbol .how-work__step::before {
          left: -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;
      right: -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;
    left: 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;
    left: -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;
    right: 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 {
  right: 0; }

.gc-is__about {
  background: url("../img/instruments/group-308.png") no-repeat right center #fff !important;
  background-size: cover !important; }
  @media all and (max-width: 1500px) {
    .gc-is__about {
      background-position: calc(50% - 100px) center !important; } }
  @media all and (max-width: 1024px) {
    .gc-is__about {
      background-position: calc(50% + 100px) center !important;
      padding: 100px 0 50px 0 !important; } }
  @media all and (max-width: 768px) {
    .gc-is__about {
      background-position: left 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 {
  right: 0; }

.gc-is__step {
  padding: 0 0 0 28px !important; }
  .gc-is__steps--rtl .gc-is__step:after {
    right: 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: left !important; }

.gc-if__text {
  text-align: left !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 0 0 24px;
    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;
      left: 0; }
    .gc-if ul li:nth-last-of-type(1) {
      margin: 0 0 0 0; }

.gc-if__button {
  text-align: left !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;
  -webkit-user-select: none;
          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 20px 0 0; }
    @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;
    -webkit-user-select: none;
            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;
        left: 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;
    -webkit-user-select: none;
            user-select: none; }
  .gc-blog-feed__item-timeicon {
    margin: 0 10px 0 0;
    transform: translateY(-1px); }
  .gc-blog-feed__item-time {
    margin: 0 10px 0 0;
    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;
    -webkit-user-select: none;
            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;
    -webkit-user-select: none;
            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 75px 0 0;
    cursor: pointer; }
    @media all and (max-width: 1024px) {
      .gc-blog-feed__item-bar-readmore {
        margin: 0 20px 0 0; } }
    .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 30px 0 0;
    text-decoration: none;
    cursor: pointer; }
    @media all and (max-width: 1024px) {
      .gc-blog-feed__item-bar-comments {
        margin: 0 15px 0 0; } }
  .gc-blog-feed__item-bar-comments-icon {
    margin: 0 10px 0 0; }
    @media all and (max-width: 1024px) {
      .gc-blog-feed__item-bar-comments-icon {
        margin: 0 5px 0 0; } }
    .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 10px 0 0; }
    @media all and (max-width: 1024px) {
      .gc-blog-feed__item-bar-views-icon {
        margin: 0 5px 0 0; } }
  .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 20px 0 0;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    color: #848484; }
  .gc-blog-feed__item-bar-likes {
    margin: 0 10px 0 0;
    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;
    right: 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 13px 8px 16px; }
      @media all and (max-width: 425px) {
        .gc-blog-feed__item-sn-item:nth-of-type(1) {
          padding: 8px 10px 8px 16px; } }
    .gc-blog-feed__item-sn-item:nth-last-of-type(1) {
      padding: 8px 18px 8px 13px; }
      @media all and (max-width: 425px) {
        .gc-blog-feed__item-sn-item:nth-last-of-type(1) {
          padding: 8px 18px 8px 10px; } }
    .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;
    right: 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;
      right: 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 50px 0 19px;
    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;
    right: 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;
      right: 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 70px 0 19px;
    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;
    right: 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: right; }
    @media all and (max-width: 768px) {
      .gc-blog-detail__return {
        margin: 0 auto 0 auto;
        text-align: left; } }
    .gc-blog-detail__return a {
      position: relative;
      padding: 0 0 0 19px;
      font-size: 16px;
      line-height: 22px;
      color: #009E82;
      width: 278px;
      display: inline-block;
      text-align: left; }
      .gc-blog-detail__return a:hover {
        text-decoration: underline; }
      .gc-blog-detail__return a:before {
        content: '';
        position: absolute;
        left: 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 20px 0 0; }
    @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;
    -webkit-user-select: none;
            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 10px 0 0; }
  .gc-blog-detail__item-time {
    margin: 0 10px 0 0;
    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;
    -webkit-user-select: none;
            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;
    -webkit-user-select: none;
            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 30px 0 0;
    text-decoration: none;
    cursor: pointer; }
    @media all and (max-width: 1024px) {
      .gc-blog-detail__item-bar-comments {
        margin: 0 15px 0 0; } }
  .gc-blog-detail__item-bar-comments-icon {
    margin: 0 10px 0 0; }
    @media all and (max-width: 1024px) {
      .gc-blog-detail__item-bar-comments-icon {
        margin: 0 5px 0 0; } }
    .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 10px 0 0; }
    @media all and (max-width: 1024px) {
      .gc-blog-detail__item-bar-views-icon {
        margin: 0 5px 0 0; } }
  .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 20px 0 0;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    color: #848484; }
  .gc-blog-detail__item-bar-likes {
    margin: 0 10px 0 0;
    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);
    right: 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 13px 8px 16px; }
      @media all and (max-width: 425px) {
        .gc-blog-detail__item-sn-item:nth-of-type(1) {
          padding: 8px 10px 8px 16px; } }
    .gc-blog-detail__item-sn-item:nth-last-of-type(1) {
      padding: 8px 18px 8px 13px; }
      @media all and (max-width: 425px) {
        .gc-blog-detail__item-sn-item:nth-last-of-type(1) {
          padding: 8px 18px 8px 10px; } }
    .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;
    right: 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%;
      left: 0;
      right: 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%;
      left: 0;
      right: 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-right: 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-left: 32px;
      cursor: pointer; }
    .ip-intro__link:hover {
      text-decoration: none; }
    .ip-intro__link::before {
      position: absolute;
      content: '';
      left: 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: left; }
    .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-right: 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-right: 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-left: 40px;
      position: relative;
      font-size: 15px;
      font-weight: 400;
      width: calc(100% / 5); }
      .ip-advantages__item:not(:first-child) {
        margin-left: 40px; }
      .ip-advantages__item::after {
        position: absolute;
        content: '';
        background: url("../img/invest_portfolio/done.svg") no-repeat center/contain;
        left: 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: left;
          margin-bottom: 20px; }
        .ip-advantages__text {
          text-align: left; }
        .ip-advantages__box {
          flex-direction: column;
          margin-top: 30px; }
        .ip-advantages__item {
          width: 100%; }
        .ip-advantages__item:not(:first-child) {
          margin-top: 30px;
          margin-left: 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;
    right: 15px !important; }
    .ip-modal__close i {
      position: absolute;
      height: 30px;
      width: 1px;
      background-color: black;
      display: block;
      right: 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-left: 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-left: 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;
      left: 0; }
    .ip-table.table-count-1 .ip-table__row p:nth-child(2) {
      position: sticky;
      left: 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;
      left: 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: right;
      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 0 10px 12px;
  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);
  left: 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;
      left: 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 left/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 {
      left: auto !important;
      right: 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-right: 20px; }
        @media all and (max-width: 768px) {
          .traffic_landing .intro_section .intro_box .intro_text {
            margin-right: 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-left: 1px solid #A9B2B5;
    padding-left: 80px; }
    @media all and (max-width: 1024px) {
      .traffic_landing .features_section .features__item:not(:first-of-type) {
        padding-left: 35px; } }
    @media all and (max-width: 768px) {
      .traffic_landing .features_section .features__item:not(:first-of-type) {
        border-left: none;
        padding: 0; } }
  .traffic_landing .features_section .features__item:not(:last-of-type) {
    padding-right: 80px; }
    @media all and (max-width: 1024px) {
      .traffic_landing .features_section .features__item:not(:last-of-type) {
        padding-right: 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-left: -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-left: 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: right;
  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-left: 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-left: 2rem; } }
  .header-advantage .jubilee .text {
    font-size: 1.75rem;
    color: #7e7e7f;
    font-family: "pfDinTextLight", "Helvetica Neue", "Arial";
    text-align: left; }
  .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-right: 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-right: 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-left: 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-left: 50px; }
  @media (max-width: 1155px) {
    .frontpage-slider .indonesian_banner .list-of-banks {
      margin-left: 0px;
      margin-top: 20px; } }
  .frontpage-slider .indonesian_banner .list-of-banks span {
    display: inline-block;
    vertical-align: middle;
    max-width: 60px;
    margin-left: 1.2rem; }
    @media (max-width: 1155px) {
      .frontpage-slider .indonesian_banner .list-of-banks span:first-child {
        margin-left: 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-left: 10px;
    position: relative; }
    .frontpage-slider .bonus40__more a:hover {
      text-decoration: none; }
    .frontpage-slider .bonus40__more a::before {
      content: '*';
      position: absolute;
      left: 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: right; }
  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-left: .4rem; } }
  header .column:last-child {
    text-align: right; }

/* 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-left: 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;
  left: 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: left !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: left !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;
    right: 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-left: 10px;
    vertical-align: middle;
    margin-right: .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: left;
        display: inline-block;
        line-height: 45px;
        vertical-align: sub;
        font-family: "pfDinTextMed", "Helvetica Neue", "Arial";
        font-size: 16px;
        color: #181818;
        margin-left: 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;
    left: -19px;
    width: 100%;
    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 .625rem 0 0; }

.navigation-bg .search .adaptive-input-submit {
  padding-left: .6rem;
  vertical-align: middle;
  margin-right: .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: left 11px top 12px; }

.navigation-bg .call .adaptive-phone-nmbr {
  text-align: left;
  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-right: .5rem;
  margin-left: .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 left 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 left 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-left: 0.5625rem;
      padding-right: 0.5625rem;
      margin-left: 0.5625rem;
      margin-right: 1.1rem; }
    .navigation-bg .adaptive-menu-btn-container .new_red {
      padding-left: 0.5625rem;
      padding-right: 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) /*rtl:scale(-1, 1)*/;
  background-position: 100% 100% /*rtl: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) /*rtl:scale(-1, 1)*/;
  background-position: 100% 100% /*rtl: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) /*rtl:scale(-1, 1)*/;
  background-position: 100% 100% /*rtl: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) /*rtl:scale(-1, 1)*/;
  background-position: 100% 100% /*rtl: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) /*rtl:scale(-1, 1)*/;
  background-position: 100% 100% /*rtl: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) /*rtl:scale(-1, 1)*/;
  background-position: 100% 100% /*rtl: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: left 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: left 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: left 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-left: 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 0.3rem 0 -1rem; }
  .gc nav .menu > li {
    margin: 0;
    padding: 0;
    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;
        left: 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;
        left: 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%;
          left: 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;
      left: 0;
      top: 100%;
      width: 100%;
      z-index: 100; }
      .gc nav .menu > li > .sub-menu > li {
        display: inline-block;
        padding-top: 0.6rem;
        padding-left: 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-left: 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;
      right: 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: left;
        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;
      right: 0; }
    .gc nav .menu ul.sub-menu {
      background: #ffffff;
      break-inside: avoid-column;
      height: auto;
      padding: .9rem .625rem .9rem 1.575rem;
      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-left: 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 {
    right: 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-left: 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-left: 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-left: 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;
  right: 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;
          right: .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-right: 5px;
    transition: all .3s ease;
    /*320!!!*/ }
    .gc-advatages__item:last-child {
      margin-right: 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-right: 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;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 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-left: 15px;
    padding-right: 15px;
    width: -webkit-max-content;
    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: left;
    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;
  left: 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;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 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-left: 15px;
    padding-right: 15px;
    width: -webkit-max-content;
    width: max-content; }

.binary-pagination {
  position: fixed;
  right: 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-right: 20px;
      text-align: right; }
    .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;
      right: 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 46px 100px 26px; }
      .binary-header .binary-row {
        flex-direction: column; } }
  @media (max-width: 425px) {
    .binary-header {
      padding: 33px 44px 40px 26px; } }

.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-left: 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-left: 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: left;
    margin-right: 10px;
    margin-top: 5px; }
  .binary-header-figcaption__title {
    max-width: 170px;
    float: left;
    color: #252525;
    font-size: 0.88889em;
    font-weight: 400;
    text-align: left; }
    @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;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 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-left: 15px;
    padding-right: 15px;
    width: -webkit-max-content;
    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;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 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-left: 15px;
    padding-right: 15px;
    width: -webkit-max-content;
    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;
    left: 0;
    right: 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-left: 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;
            left: 0;
            bottom: -2px;
            width: 100%; } }
      @media (max-width: 768px) {
        .binary-action__menu-item::before {
          display: none;
          position: absolute;
          content: '';
          width: 35px;
          height: 28px;
          left: -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;
        right: 0;
        transform: rotate(45deg);
        border-right: 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-left: 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-left: 56px;
    margin-left: 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;
      left: 0;
      right: 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;
      left: 0;
      border-radius: 50%;
      width: 44px;
      height: 44px; }
  .binary-action__item-list {
    margin-left: 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;
      left: -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;
      left: -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;
      left: -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: -webkit-max-content;
    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;
      left: 0; }
  .binary-action-info {
    font-size: 1em;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 0;
    left: 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;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: auto;
    top: 200px;
    right: 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 {
        right: 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 0em 1.33333em 4.11111em;
        text-align: left; }
        .binary-action__menu-item::before {
          display: block;
          left: 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;
          right: 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: right center;
    left: -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: left; }
      .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;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 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-left: 15px;
    padding-right: 15px;
    width: -webkit-max-content;
    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;
    left: 0;
    right: 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: left; }
    .binary-advantage__btn a {
      float: left; }

.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 0em 0em 1.38889em; } }
    @media (max-width: 1000px) {
      .binary-advantage-block__title {
        padding: 0;
        text-align: left; } }
    @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-right: 16px;
    margin: 0em 0.88889em 0em 0em;
    float: left;
    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: left; }
    .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 0em 0em 1.38889em;
        margin-bottom: 2.36111em; } }
    @media (max-width: 768px) {
      .binary-howWork__title {
        text-align: left;
        padding-left: 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-left: 0;
    float: left;
    padding-right: 10px; }
    @media (max-width: 768px) {
      .binary-howWork-inf__nav {
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        padding-left: 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: left;
    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: left; }
    @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 5em 2.22222em 2.22222em;
    float: left;
    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-left: 10px;
      margin-bottom: 30px; }
      .binary-howWork-inf__block-item::before {
        display: block;
        content: '';
        width: 15px;
        height: 20px;
        border-bottom: solid 2px #f42534;
        border-right: solid 2px #f42534;
        transform: rotate3d(0, 1, 1, 49deg);
        position: absolute;
        background: none;
        border-radius: 0px;
        top: 0;
        left: -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;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

_before-a-b {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 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-left: 15px;
    padding-right: 15px;
    width: -webkit-max-content;
    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;
    left: 0;
    right: 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 0em 0em 1.38889em; } }
    @media (max-width: 768px) {
      .binary-howbegin__title {
        text-align: left;
        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 0em 0em 2.77778em;
    max-width: 650px; }
    .binary-howbegin__elem::before {
      position: absolute;
      counter-increment: myPos;
      content: counter(myPos);
      top: 0;
      left: 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;
    left: 0;
    right: 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: 40% 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 11.11111em 8.05556em 0em;
      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 0em 8.05556em 2.22222em;
          width: 32%; } }
      @media (max-width: 768px) {
        .binary-links-block_app {
          padding: 2.77778em 0em 8.05556em 1.11111em;
          width: 49%; } }
      .binary-links-block_app::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 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 right;
        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%;
  left: 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-left: auto;
  margin-right: auto;
  max-width: initial;
  border-bottom: 0.225rem solid #ce2029; }

.gray-line-full-width {
  width: 100%;
  margin-left: auto;
  margin-right: 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-left: -50px;
        float: right !important; } }
  .download-android-app .close-icon {
    background: url(../img/icons.png) no-repeat;
    height: 18px;
    padding: 0;
    width: 18px;
    float: left;
    margin-top: 1.25rem;
    margin-right: 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 {
  left: 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 0 0 23px; }

.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: left; }

.trading-pro-account .tabs dd > a {
  background-color: #51b097;
  border-left: 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-left: 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-left: 0;
  position: static;
  top: 0;
  left: 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-left: 2px solid  #c23631; }

.trading-pro-account .trading-pro-account__education .tabs dd:first-child > a {
  border-left: 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: left; } }

@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 {
  right: 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-left: 28px;
  background: url(../img/loupe.svg) no-repeat;
  background-size: 18px;
  background-position: left center;
  cursor: pointer; }

.site_faq_container_mob {
  display: flex;
  align-items: center; }
  .site_faq_container_mob img {
    width: 28px;
    height: 25px;
    padding-left: 10px;
    margin-right: 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: -webkit-fit-content;
  width: fit-content;
  background-color: #0ABB86;
  color: white !important;
  font-size: 18px !important;
  line-height: 18px !important;
  text-align: center;
  padding: 14px 30px;
  -webkit-user-select: none;
          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; }