@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 600
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

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

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

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

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

.row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

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

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

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

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

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

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

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

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

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

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

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

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

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

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

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

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

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

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

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

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

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

.hide {
    display: none !important
}

.show {
    display: block !important
}

.show-inline {
    display: inline
}

.show-inline-block {
    display: inline-block
}

.invisible {
    visibility: hidden
}

.icon-svg {
    font-size: 10px
}

.icon-svg:before {
    content: ' ';
    vertical-align: middle;
    display: inline-block;
    background: url(../img/sprite-svg.svg) no-repeat;
    background-size: 4.1em 11.9em
}

.no-svg .icon-svg:before {
    background-image: url(../img/sprite-svg.png)
}

.icon-svg.icon-svg-email-filled:before {
    background-position: -.3em -.3em;
    width: 1.6em;
    height: 1.2em
}

.icon-svg.icon-svg-light:before {
    background-position: -.3em -2.1em;
    width: 3.5em;
    height: 3.9em
}

.icon-svg.icon-svg-linkedin:before {
    background-position: -.3em -6.6em;
    width: 2.4em;
    height: 2.4em
}

.icon-svg.icon-svg-twitter:before {
    background-position: -.3em -9.600000000000001em;
    width: 2.4em;
    height: 2em
}

.main__sprite {
    background-image: url(../img/homepage/sprite-homepage.png)
}

.main__sprite--bg-quotes {
    width: 74px;
    height: 58px;
    background-position: 0 0
}

.main__sprite--demo {
    width: 82px;
    height: 82px;
    background-position: -74px -58px
}

.main__sprite--ico-bank {
    width: 53px;
    height: 43px;
    background-position: -177px -203px
}

.main__sprite--ico-clock {
    width: 47px;
    height: 47px;
    background-position: -230px -246px
}

.main__sprite--ico-maestro {
    width: 46px;
    height: 36px;
    background-position: -277px -293px
}

.main__sprite--ico-master-card {
    width: 46px;
    height: 35px;
    background-position: -323px -329px
}

.main__sprite--ico-message {
    width: 48px;
    height: 44px;
    background-position: -369px -364px
}

.main__sprite--ico-neteller {
    width: 89px;
    height: 16px;
    background-position: -417px -408px
}

.main__sprite--ico-people {
    width: 44px;
    height: 48px;
    background-position: -506px -424px
}

.main__sprite--ico-skrill {
    width: 60px;
    height: 21px;
    background-position: -550px -472px
}

.main__sprite--ico-sofort {
    width: 50px;
    height: 33px;
    background-position: -610px -493px
}

.main__sprite--ico-support {
    max-width: 24px;
    width: 100%;
    height: 24px;
    background-position: -660px -526px
}

.main__sprite--ico-visa-electron {
    width: 62px;
    height: 40px;
    background-position: -684px -540px
}

.main__sprite--ico-visa {
    width: 62px;
    height: 20px;
    background-position: -746px -578px
}

.main__sprite--negative-balance {
    width: 82px;
    height: 82px;
    background-position: -808px -598px
}

.main__sprite--security {
    width: 82px;
    height: 82px;
    background-position: -890px -680px
}

.main__sprite--transparency {
    width: 82px;
    height: 82px;
    background-position: -972px -762px
}

.sprite__values {
    width: 126px;
    height: 126px;
    display: block;
    margin: 0 auto;
    background-image: url(../img/careers/sprite-values.png)
}

.sprite__values.care {
    background-position: -126px -126px
}

.sprite__values.clarity {
    background-position: -252px -252px
}

.sprite__values.curiosity {
    background-position: -378px -378px
}

.sprite__values.boldness {
    background-position: 0 0
}

.sprite__values.efficiency {
    background-position: -504px -504px
}

.sprite__values.pragmatism {
    background-position: -630px -630px
}

.sprite {
    background-image: url(../img/sprite.png?v=12);
    display: inline-block
}

.sprite-american_express {
    width: 83px;
    height: 51px;
    background-position: 0 0
}

.sprite-appstore-btn {
    width: 160px;
    height: 48px;
    background-position: -83px -51px
}

.sprite-appstore-logo {
    width: 110px;
    height: 30px;
    background-position: -243px -99px
}

.sprite-appstore-w {
    width: 150px;
    height: 50px;
    background-position: -353px -129px
}

.sprite-appstore {
    width: 150px;
    height: 50px;
    background-position: -503px -179px
}

.sprite-bank {
    width: 60px;
    height: 57px;
    background-position: -653px -229px
}

.sprite-capital-slogo {
    width: 36px;
    height: 36px;
    background-position: -713px -286px
}

.sprite-card {
    width: 71px;
    height: 51px;
    background-position: -749px -322px
}

.sprite-diners_club {
    width: 107px;
    height: 51px;
    background-position: -820px -373px
}

.sprite-discover {
    width: 71px;
    height: 51px;
    background-position: -927px -424px
}

.sprite-edit {
    width: 20px;
    height: 19px;
    background-position: -998px -475px
}

.sprite-error-chart {
    width: 104px;
    height: 70px;
    background-position: -1018px -494px
}

.sprite-giropay {
    width: 108px;
    height: 47px;
    background-position: -1122px -564px
}

.sprite-google-play-btn {
    width: 160px;
    height: 48px;
    background-position: -1230px -611px
}

.sprite-googleplay-w {
    width: 150px;
    height: 50px;
    background-position: -1390px -659px
}

.sprite-googlestore-logo {
    width: 117px;
    height: 27px;
    background-position: -1540px -709px
}

.sprite-googleplay {
    width: 150px;
    height: 50px;
    background-position: -1540px -709px
}

.sprite-ideal {
    width: 73px;
    height: 64px;
    background-position: -1807px -786px
}

.sprite-jcb {
    width: 67px;
    height: 51px;
    background-position: -1880px -850px
}

.sprite-maestro {
    width: 79px;
    height: 51px;
    background-position: -1947px -901px
}

.sprite-mail-a {
    width: 16px;
    height: 11px;
    background-position: -2026px -952px
}

.sprite-mail {
    width: 16px;
    height: 11px;
    background-position: -2042px -963px
}

.sprite-master {
    width: 52px;
    height: 33px;
    background-position: -2058px -974px
}

.sprite-mastercard {
    width: 78px;
    height: 51px;
    background-position: -2110px -1007px
}

.sprite-mouse {
    width: 16px;
    height: 28px;
    background-position: -2188px -1058px
}

.sprite-multibanco {
    width: 67px;
    height: 80px;
    background-position: -2204px -1086px
}

.sprite-neteller {
    width: 105px;
    height: 18px;
    background-position: -2271px -1166px
}

.sprite-or {
    width: 13px;
    height: 50px;
    background-position: -2376px -1184px
}

.sprite-or2 {
    width: 13px;
    height: 50px;
    background-position: -2389px -1234px
}

.sprite-paypal {
    width: 102px;
    height: 26px;
    background-position: -2402px -1284px
}

.sprite-platform-btn {
    width: 160px;
    height: 48px;
    background-position: -2504px -1310px
}

.sprite-platform-logo {
    width: 139px;
    height: 31px;
    background-position: -2664px -1358px
}

.sprite-portfolio {
    width: 40px;
    height: 32px;
    background-position: -2803px -1389px
}

.sprite-przelewy {
    width: 111px;
    height: 38px;
    background-position: -2843px -1421px
}

.sprite-qiwi {
    width: 103px;
    height: 44px;
    background-position: -2954px -1459px
}

.sprite-skrill_rapid_transfer {
    width: 101px;
    height: 30px;
    background-position: -3057px -1503px
}

.sprite-skrill {
    width: 76px;
    height: 26px;
    background-position: -3158px -1533px
}

.sprite-sleep-big {
    width: 28px;
    height: 28px;
    background-position: -3234px -1559px
}

.sprite-applepay,
.sprite-payments_2c2p {
    width: 101px;
    height: 34px;
    background-image: url(../img/registration/2c2p.png);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat
}

.sprite-payments_2c2p {
    width: 84px;
    height: 26px
}

.sprite-applepay {
    background-image: url(../img/registration/applepay.svg)
}

.sprite-doku {
    background-image: url(../img/registration/DOKU.svg);
    background-size: contain;
    width: 28px;
    height: 28px
}

.sprite-sms-a {
    width: 16px;
    height: 14px;
    background-position: -3262px -1587px
}

.sprite-sms {
    width: 16px;
    height: 14px;
    background-position: -3278px -1601px
}

.sprite-sofort {
    width: 87px;
    height: 58px;
    background-position: -3294px -1615px
}

.sprite-trustly {
    width: 111px;
    height: 36px;
    background-position: -3381px -1673px
}

.sprite-visa {
    width: 89px;
    height: 51px;
    background-position: -3492px -1709px
}

.sprite-webmoney {
    width: 113px;
    height: 28px;
    background-position: -3640px -1804px
}

.sprite-wallet {
    width: 45px;
    height: 32px;
    background-position: -3581px -1760px
}

.sprite-warning {
    width: 14px;
    height: 12px;
    background-position: -3626px -1792px
}

.sprite2 {
    background-image: url(../img/sprite2.png?v=03);
    display: inline-block
}

.sprite2-notaval {
    background-position: 0 0;
    width: 65px;
    height: 60px
}

.sprite2-connect-error {
    background-position: -67px 0;
    width: 60px;
    height: 60px
}

.sprite2-registration-logo {
    width: 166px;
    height: 32px;
    background-position: -128px 0
}

.sprite2-info {
    width: 25px;
    height: 24px;
    background-position: -128px -33px
}

.sprite3 {
    background-image: url(../img/sprite3.png?v=03);
    display: inline-block
}

.sprite3-arrow-down {
    width: 12px;
    height: 8px;
    background-position: 0 0
}

.sprite3-arrow-right {
    width: 13px;
    height: 21px;
    background-position: -12px -8px
}

.sprite4 {
    background-image: url(../img/sprite4.png?v=04);
    display: inline-block
}

.sprite4-arrow {
    width: 10px;
    height: 7px;
    background-position: 0 0
}

.sprite4-clock-icon {
    width: 15px;
    height: 15px;
    background-position: -10px -7px
}

.sprite4-guard {
    width: 169px;
    height: 140px;
    background-position: -25px -22px
}

.sprite4-id-card {
    width: 116px;
    height: 99px;
    background-position: -194px -162px
}

.sprite4-linkedin-icon {
    width: 24px;
    height: 24px;
    background-position: -310px -261px
}

.sprite4-lock {
    width: 10px;
    height: 13px;
    background-position: -334px -285px
}

.sprite4-mail-icon {
    width: 22px;
    height: 17px;
    background-position: -344px -298px
}

.sprite4-mail {
    width: 138px;
    height: 75px;
    background-position: -366px -315px
}

.sprite4-pass-hide {
    width: 28px;
    height: 28px;
    background-position: -504px -390px
}

.sprite4-pass-show {
    width: 28px;
    height: 28px;
    background-position: -532px -418px
}

.sprite4-play-icon {
    width: 80px;
    height: 80px;
    background-position: -560px -446px
}

.sprite4-protect-160 {
    width: 160px;
    height: 160px;
    background-position: -640px -526px
}

.sprite4-protect {
    width: 179px;
    height: 179px;
    background-position: -800px -686px
}

.sprite4-segregation-160 {
    width: 160px;
    height: 160px;
    background-position: -979px -865px
}

.sprite4-segregation {
    width: 179px;
    height: 179px;
    background-position: -1139px -1025px
}

.sprite4-stay-tune {
    width: 206px;
    height: 88px;
    background-position: -1318px -1204px
}

.sprite4-value-icon1 {
    width: 104px;
    height: 106px;
    background-position: -1524px -1292px
}

.sprite4-value-icon2 {
    width: 107px;
    height: 105px;
    background-position: -1628px -1398px
}

.sprite4-value-icon3 {
    width: 99px;
    height: 103px;
    background-position: -1735px -1503px
}

.sprite4-welcome {
    width: 169px;
    height: 140px;
    background-position: -1834px -1606px
}

.sprite4-withdraw-160 {
    width: 160px;
    height: 160px;
    background-position: -2003px -1746px
}

.sprite4-withdraw {
    width: 179px;
    height: 179px;
    background-position: -2163px -1906px
}

.sprite5 {
    background-image: url(../img/sprite5.png?v=05);
    display: inline-block
}

.sprite5-blocked {
    width: 94px;
    height: 92px;
    background-position: 0 0
}

.sprite5-capital-icon-bigger {
    width: 80px;
    height: 79px;
    background-position: -94px -92px
}

.sprite5-capital-icon {
    width: 50px;
    height: 50px;
    background-position: -174px -171px
}

.sprite5-capital-logo {
    width: 166px;
    height: 32px;
    background-position: -224px -221px
}

.sprite5-congrats {
    width: 94px;
    height: 92px;
    background-position: -390px -253px
}

.sprite5-income-mail {
    width: 102px;
    height: 97px;
    background-position: -484px -345px
}

.sprite5-investmate-icon {
    width: 50px;
    height: 50px;
    background-position: -586px -442px
}

.sprite5-investmate-logo {
    width: 160px;
    height: 40px;
    background-position: -636px -492px
}

.sprite5-nci-warning-icon {
    width: 74px;
    height: 64px;
    background-position: -796px -532px
}

.sprite5-print-icon {
    width: 22px;
    height: 18px;
    background-position: -870px -596px
}

.sprite5-rss {
    width: 18px;
    height: 18px;
    background-position: -892px -614px
}

.sprite6 {
    background-image: url(../img/sprite6.png?v=05);
    display: inline-block
}

.sprite6-leverage {
    width: 98px;
    height: 101px;
    background-position: 0 0
}

.sprite6-license {
    width: 109px;
    height: 102px;
    background-position: -98px -101px
}

.sprite6-logout-icon {
    width: 21px;
    height: 13px;
    background-position: -207px -203px
}

.sprite6-no-commission {
    width: 108px;
    height: 117px;
    background-position: -228px -216px
}

.sprite6-protection {
    width: 117px;
    height: 114px;
    background-position: -336px -333px
}

.sprite6-segregation {
    width: 107px;
    height: 113px;
    background-position: -453px -447px
}

.sprite6-withdraw {
    width: 131px;
    height: 115px;
    background-position: -560px -560px
}

.sprite7 {
    background-image: url(../img/sprite7.png?v=02);
    display: inline-block
}

.sprite7-bitcoin {
    width: 64px;
    height: 64px;
    background-position: 0 0
}

.sprite7-clock-icon {
    width: 12px;
    height: 12px;
    background-position: -64px -64px
}

.sprite7-crypto {
    width: 54px;
    height: 54px;
    background-position: -76px -76px
}

.sprite7-ethereum {
    width: 40px;
    height: 65px;
    background-position: -130px -130px
}

.sprite7-litecoin {
    width: 64px;
    height: 64px;
    background-position: -170px -195px
}

.sprite7-ripple {
    width: 64px;
    height: 64px;
    background-position: -234px -259px
}

.stay-tune {
    display: block;
    margin: 0 auto 30px;
    position: relative
}

.stay-tune .flag-tune {
    position: absolute;
    left: 3px;
    top: 12px
}

html:lang(bg),
html:lang(cs),
html:lang(da),
html:lang(de),
html:lang(es),
html:lang(et),
html:lang(fi),
html:lang(fr),
html:lang(hr),
html:lang(hu),
html:lang(it),
html:lang(lt),
html:lang(lv),
html:lang(nl),
html:lang(pl),
html:lang(pt),
html:lang(ro),
html:lang(ru),
html:lang(sk),
html:lang(sl),
html:lang(sv) {
    font-family: gilroy-full
}

html:lang(el) {
    font-family: gilroy, roboto, sans-serif
}

html {
    font-family: gilroy, roboto, sans-serif
}

@font-face {
    font-family: gilroy;
    src: url(../app-site-fonts/locales/gilroy-regular-en.woff2) format("woff2"), url(../app-site-fonts/locales/gilroy-regular-en.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../app-site-fonts/locales/gilroy-bold-en.woff2) format("woff2"), url(../app-site-fonts/locales/gilroy-bold-en.woff) format("woff");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../app-site-fonts/locales/gilroy-light-en.woff2) format("woff2"), url(../app-site-fonts/locales/gilroy-light-en.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../app-site-fonts/locales/gilroy-medium-en.woff2) format("woff2"), url(../app-site-fonts/locales/gilroy-medium-en.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: gilroy;
    src: url(../app-site-fonts/locales/gilroy-semibold-en.woff2) format("woff2"), url(../app-site-fonts/locales/gilroy-semibold-en.woff) format("woff");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../app-site-fonts/gilroy-regular-webfont.woff2) format("woff2"), url(../app-site-fonts/gilroy-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../app-site-fonts/gilroy-bold-webfont.woff2) format("woff2"), url(../app-site-fonts/gilroy-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../app-site-fonts/gilroy-light-webfont.woff2) format("woff2"), url(../app-site-fonts/gilroy-light-webfont.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../app-site-fonts/gilroy-medium-webfont.woff2) format("woff2"), url(../app-site-fonts/gilroy-medium-webfont.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: gilroy-full;
    src: url(../app-site-fonts/gilroy-semibold-webfont.woff2) format("woff2"), url(../app-site-fonts/gilroy-semibold-webfont.woff) format("woff");
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: roboto;
    src: url(../app-site-fonts/roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: roboto;
    src: url(../app-site-fonts/roboto/Roboto-Light.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: roboto;
    src: url(../app-site-fonts/roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: roboto;
    src: url(../app-site-fonts/roboto/Roboto-Medium.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: roboto;
    src: url(../app-site-fonts/roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icomoon;
    src: url(../app-site-fonts/svg-fonts/icomoon.eot?3pc66c);
    src: url(../app-site-fonts/svg-fonts/icomoon.eot?3pc66c#iefix) format("embedded-opentype"), url(../app-site-fonts/svg-fonts/icomoon.ttf?3pc66c) format("truetype"), url(fonts/icomoon.woff?3pc66c) format("woff"), url(../app-site-fonts/svg-fonts/icomoon.svg?3pc66c#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icn-"],
[class^=icn-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icn-calend:before {
    content: "";
    color: #ccc
}

.icn-chat:before {
    content: "";
    color: #fff
}

.icn-search:before {
    content: ""
}

.icn-world:before {
    content: "";
    color: #fff
}

.icn-check:before {
    content: ""
}

.ico__play {
    width: 36px;
    height: 28px;
    background: transparent url(../img/traders/ico-youtube.png) center no-repeat;
    background-size: 36px 28px
}

.ico-check {
    background: transparent url(../img/icons/ico-check.svg) center no-repeat;
    background-size: contain
}

.ico-fb {
    width: 9px;
    height: 16px;
    background-position: -5px -57px
}

.ico-tw {
    width: 14px;
    height: 10px;
    background-position: -33px -36px
}

.ico-in {
    width: 14px;
    height: 13px;
    background-position: -62px -5px
}

.ico-google {
    width: 18px;
    height: 11px;
    background-position: -5px -36px
}

.ico-telegram {
    background: transparent url(../img/icons/ico-telegram.svg) center no-repeat;
    background-size: contain
}

.ico-youtube {
    width: 20px;
    height: 21px;
    background-position: -5px -5px
}

.ico-rss {
    width: 13px;
    height: 13px;
    background-position: -62px -28px
}

.ico-insta {
    width: 17px;
    height: 16px;
    background-position: -35px -5px
}

.ico--clients {
    background: url(../img/about/ico-clients.png) center no-repeat;
    background-size: contain
}

.ico--traded {
    background: url(../img/about/ico-traded.png) center no-repeat;
    background-size: contain
}

.ico--insignia {
    background: url(../img/about/ico--insignia.png) center no-repeat;
    background-size: contain
}

.time {
    background: transparent url(../img/homepage/icon/time.png) center no-repeat;
    background-size: 82px
}

.approve {
    width: 61px;
    height: 61px;
    background: transparent url(../img/pro-clients/approve.png) center no-repeat;
    background-size: 61px
}

.stopwatch {
    width: 61px;
    height: 61px;
    background: transparent url(../img/pro-clients/stopwatch.png) center no-repeat;
    background-size: 61px
}

.ico__messages {
    width: 82px;
    height: 82px;
    background: transparent url(../img/messages.png) center no-repeat;
    background-size: 82px
}

.ico__clock {
    width: 82px;
    height: 82px;
    background: transparent url(../img/clock.png) center no-repeat;
    background-size: 82px
}

.analytics {
    background: transparent url(../img/icons/ico-analytics.svg) top center no-repeat;
    background-size: 48px 34px
}

.procent {
    background: transparent url(../img/icons/ico-procent.svg?v1) top center no-repeat;
    background-size: 58px 35px
}

.all-time {
    background: transparent url(../img/icons/ico-all-time.svg) top center no-repeat;
    background-size: 48px
}

.competitive {
    background: transparent url(../img/icons/ico-competitive.svg) top center no-repeat;
    background-size: 43px
}

.favorite {
    background: transparent url(../img/icons/ico-star.svg) top center no-repeat;
    background-size: 18px 17px
}

.alert {
    background: transparent url(../img/icons/ico-alert.svg) top center no-repeat;
    background-size: 14px 17px
}

.green-check {
    background: transparent url(../img/icons/ico-green-check.svg) center no-repeat;
    background-size: 24px
}

.ico-none {
    background: transparent url(../img/icons/ico-none.svg) center no-repeat;
    background-size: 12px
}

.ico-commission {
    width: 102px;
    height: 102px;
    min-width: 102px;
    background: url(../img/icons/ico-commission.svg) center no-repeat;
    background-size: 102px
}

:focus {
    outline: 0
}

.scroll__none {
    overflow: hidden !important;
    -webkit-overflow-scrolling: auto
}

.gray {
    background: #f8f8f8
}

body.user-logged .hide-user-logged {
    display: none
}

body.user-logged .header__nav--mbtn {
    display: none
}

.negative-price:after,
.positive-price:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.positive-price {
    background: rgba(0, 156, 209, .2)
}

.positive-price:after {
    border-bottom: 6px solid #009cd1
}

.negative-price {
    background: rgba(241, 60, 60, .2)
}

.negative-price:after {
    border-top: 6px solid #f13c3c
}

.grow-up {
    color: #359acc
}

.grow-down {
    color: #f13c3c
}

.progressbar {
    overflow: hidden
}

.progressbar:before {
    content: "";
    display: block;
    width: 0
}

.progressbar.p100:before {
    width: 100%
}

.progressbar.p99:before {
    width: 99%
}

.progressbar.p98:before {
    width: 98%
}

.progressbar.p97:before {
    width: 97%
}

.progressbar.p96:before {
    width: 96%
}

.progressbar.p95:before {
    width: 95%
}

.progressbar.p94:before {
    width: 94%
}

.progressbar.p93:before {
    width: 93%
}

.progressbar.p92:before {
    width: 92%
}

.progressbar.p91:before {
    width: 91%
}

.progressbar.p90:before {
    width: 90%
}

.progressbar.p89:before {
    width: 89%
}

.progressbar.p88:before {
    width: 88%
}

.progressbar.p87:before {
    width: 87%
}

.progressbar.p86:before {
    width: 86%
}

.progressbar.p85:before {
    width: 85%
}

.progressbar.p84:before {
    width: 84%
}

.progressbar.p83:before {
    width: 83%
}

.progressbar.p82:before {
    width: 82%
}

.progressbar.p81:before {
    width: 81%
}

.progressbar.p80:before {
    width: 80%
}

.progressbar.p79:before {
    width: 79%
}

.progressbar.p78:before {
    width: 78%
}

.progressbar.p77:before {
    width: 77%
}

.progressbar.p76:before {
    width: 76%
}

.progressbar.p75:before {
    width: 75%
}

.progressbar.p74:before {
    width: 74%
}

.progressbar.p73:before {
    width: 73%
}

.progressbar.p72:before {
    width: 72%
}

.progressbar.p71:before {
    width: 71%
}

.progressbar.p70:before {
    width: 70%
}

.progressbar.p69:before {
    width: 69%
}

.progressbar.p68:before {
    width: 68%
}

.progressbar.p67:before {
    width: 67%
}

.progressbar.p66:before {
    width: 66%
}

.progressbar.p65:before {
    width: 65%
}

.progressbar.p64:before {
    width: 64%
}

.progressbar.p63:before {
    width: 63%
}

.progressbar.p62:before {
    width: 62%
}

.progressbar.p61:before {
    width: 61%
}

.progressbar.p60:before {
    width: 60%
}

.progressbar.p59:before {
    width: 59%
}

.progressbar.p58:before {
    width: 58%
}

.progressbar.p57:before {
    width: 57%
}

.progressbar.p56:before {
    width: 56%
}

.progressbar.p55:before {
    width: 55%
}

.progressbar.p54:before {
    width: 54%
}

.progressbar.p53:before {
    width: 53%
}

.progressbar.p52:before {
    width: 52%
}

.progressbar.p51:before {
    width: 51%
}

.progressbar.p50:before {
    width: 50%
}

.progressbar.p49:before {
    width: 49%
}

.progressbar.p48:before {
    width: 48%
}

.progressbar.p47:before {
    width: 47%
}

.progressbar.p46:before {
    width: 46%
}

.progressbar.p45:before {
    width: 45%
}

.progressbar.p44:before {
    width: 44%
}

.progressbar.p43:before {
    width: 43%
}

.progressbar.p42:before {
    width: 42%
}

.progressbar.p41:before {
    width: 41%
}

.progressbar.p40:before {
    width: 40%
}

.progressbar.p39:before {
    width: 39%
}

.progressbar.p38:before {
    width: 38%
}

.progressbar.p37:before {
    width: 37%
}

.progressbar.p36:before {
    width: 36%
}

.progressbar.p35:before {
    width: 35%
}

.progressbar.p34:before {
    width: 34%
}

.progressbar.p33:before {
    width: 33%
}

.progressbar.p32:before {
    width: 32%
}

.progressbar.p31:before {
    width: 31%
}

.progressbar.p30:before {
    width: 30%
}

.progressbar.p29:before {
    width: 29%
}

.progressbar.p28:before {
    width: 28%
}

.progressbar.p27:before {
    width: 27%
}

.progressbar.p26:before {
    width: 26%
}

.progressbar.p25:before {
    width: 25%
}

.progressbar.p24:before {
    width: 24%
}

.progressbar.p23:before {
    width: 23%
}

.progressbar.p22:before {
    width: 22%
}

.progressbar.p21:before {
    width: 21%
}

.progressbar.p20:before {
    width: 20%
}

.progressbar.p19:before {
    width: 19%
}

.progressbar.p18:before {
    width: 18%
}

.progressbar.p17:before {
    width: 17%
}

.progressbar.p16:before {
    width: 16%
}

.progressbar.p15:before {
    width: 15%
}

.progressbar.p14:before {
    width: 14%
}

.progressbar.p13:before {
    width: 13%
}

.progressbar.p12:before {
    width: 12%
}

.progressbar.p11:before {
    width: 11%
}

.progressbar.p10:before {
    width: 10%
}

.progressbar.p9:before {
    width: 9%
}

.progressbar.p8:before {
    width: 8%
}

.progressbar.p7:before {
    width: 7%
}

.progressbar.p6:before {
    width: 6%
}

.progressbar.p5:before {
    width: 5%
}

.progressbar.p4:before {
    width: 4%
}

.progressbar.p3:before {
    width: 3%
}

.progressbar.p2:before {
    width: 2%
}

.progressbar.p1:before {
    width: 1%
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0
}

.h1,
h1 {
    font-size: 32px;
    line-height: 42px;
    color: #000
}

.h2,
h2 {
    font-size: 32px;
    line-height: 40px;
    color: #000
}

.h3,
h3 {
    font-size: 22px;
    line-height: 30px;
    color: #000
}

.h4,
h4 {
    font-size: 18px;
    line-height: 24px;
    color: #000
}

.h5,
h5 {
    font-size: 16px;
    line-height: 22px;
    color: #000
}

.h6,
h6 {
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.txt-lg,
p.txt-lg {
    font-size: 20px;
    line-height: 34px;
    color: #000
}

.txt-md,
p.txt-md {
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.txt-sm,
p.txt-sm {
    font-size: 14px;
    line-height: 22px;
    color: #000
}

p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.375
}

ul {
    list-style-type: none
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes positive-tic {
    0% {
        background-color: rgba(22, 138, 207, .2)
    }

    40% {
        background-color: rgba(22, 138, 207, .2)
    }

    100% {
        background-color: transparent
    }
}

@keyframes positive-arr {
    0% {
        border-bottom-color: #168acf
    }

    40% {
        border-bottom-color: #168acf
    }

    100% {
        border-bottom-color: transparent
    }
}

@keyframes negative-tic {
    0% {
        background-color: rgba(241, 60, 60, .2)
    }

    50% {
        background-color: rgba(241, 60, 60, .2)
    }

    100% {
        background-color: transparent
    }
}

@keyframes negative-arr {
    0% {
        border-top-color: #f13c3c
    }

    50% {
        border-top-color: #f13c3c
    }

    100% {
        border-top-color: transparent
    }
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    width: 0;
    height: 0;
    border: none;
    background: 0 0;
    opacity: .75;
    cursor: pointer;
    outline: 0;
    padding: 20px 10px 20px 10px
}

.slick-next:after,
.slick-next:before,
.slick-prev:after,
.slick-prev:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 8px solid #fff;
    transform: translateY(-50%)
}

.slick-next:before,
.slick-prev:before {
    left: 5px;
    z-index: 2
}

.slick-next:after,
.slick-prev:after {
    left: 3px;
    z-index: 1;
    border-right-color: #bb8b62
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    opacity: 1
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: .25
}

.slick-next.slick-disabled:after,
.slick-prev.slick-disabled:after {
    border-right-color: #000
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.slick-next,
.slick-next:hover {
    transform: rotate(180deg)
}

.slick-list {
    padding-bottom: 30px;
    padding-top: 20px
}

.slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.slick-dots {
    position: static;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 1;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
    background: #bb8b62
}

.slick-dots li button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    content: "";
    text-align: center;
    background: #e5e5e5;
    border-radius: 20px;
    transform: translate(-50%, -50%);
    transition: background .3s
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #bb8b62
}

:root {
    --radius-openBox: 24px;
    --zise-openBox: 48px;
    --shadow-openBox: -8px 0px 16px rgba(0, 0, 0, 0.2);
    --bg-openBox: #fff;
    --close-sz-openBox: 28px;
    --btn-bg-openBox: #ddc5b0;
    --close-rds-openBox: 10px;
    --soc-gap-openBox: 8px;
    --soc-sz-openBox: 32px;
    --soc-rdz-openBox: 4px;
    --gap-openBox: 8px 46px 8px 16px
}

.zEWidget-launcher {
    display: none !important
}

.blg-wd {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 62px;
    height: 62px;
    margin: auto;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6;
    z-index: 999996
}

.blg-btn-w {
    position: absolute;
    left: 0;
    right: -1.7px;
    top: 0;
    bottom: 0;
    height: 60px;
    width: 60px;
    margin: auto;
    cursor: pointer;
    z-index: 999995
}

.blg-btn,
.blg-rs {
    display: block;
    height: 100%;
    width: 100%
}

.blg-btn {
    border-radius: 50%;
    font-family: icomoon;
    font-size: 30px;
    border: 1px solid transparent;
    background: #bb8f62;
    left: -1px;
    position: relative;
    box-shadow: 0 0 30px rgba(116, 116, 116, .33);
    animation: blg-btn-init .7s cubic-bezier(.62, .28, .23, .99), launcher-button infinite 6s 2s;
    transition: background-color .4s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.blg-btn:after {
    content: "";
    color: #fff
}

.blg-c-w,
.blg-rs,
.blg-rs .blg-r {
    position: absolute
}

.blg-rs {
    opacity: .6;
    z-index: -1
}

.blg-c-w,
.blg-rs.blinger-hide {
    display: none
}

.blg-rs .blg-r {
    border: 1px solid #bb8f62;
    border-radius: 50%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    animation: blg-btn-pulsate infinite 3s
}

.blg-rs .blg-r:nth-child(1) {
    animation-delay: .1s
}

.blg-rs .blg-r:nth-child(2) {
    animation-delay: .25s
}

.blg-rs .blg-r:nth-child(3) {
    animation-delay: .4s
}

.blg-c-w {
    width: 62px;
    height: auto;
    right: 0;
    bottom: 68px;
    animation: blg-cs-desktop-show .4s cubic-bezier(.16, .44, .2, .96)
}

.blg-c,
.blg-c-w.blinger-show {
    display: block
}

.blg-c {
    position: relative;
    margin: 0 auto 4px;
    border-radius: 50%;
    background: center center no-repeat #ff4242;
    transition: all .6s;
    width: 50px;
    height: 50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    background-size: 55% 55%
}

.blg-cs {
    width: 62px
}

.blg-c-wp .blg-tp {
    display: none;
    position: absolute;
    right: 60px;
    top: 50%;
    width: 180px;
    transform: translate(0, -50%);
    animation: blg-cs-tooltip .3s
}

.blg-c-wp .blg-tp-inner {
    border-radius: 10px;
    padding: 3px 11px;
    background: #fff;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    float: right;
    text-align: right
}

.blg-btn.blinger-opened {
    background: url(../img/blinger/ic-close.png) center center no-repeat #fff !important;
    animation: blg-btn-init .7s cubic-bezier(.62, .28, .23, .99), blg-btn-rotate .4s;
    border: 1px solid #ececec !important
}

.blg-btn.blinger-opened:after {
    display: none
}

@keyframes blg-btn-init {
    0% {
        transform: scale(0);
        opacity: 0
    }

    30% {
        transform: scale(.5) rotate(-180deg);
        opacity: 0
    }

    100% {
        transform: scale(1) rotate(0);
        opacity: 1
    }
}

@keyframes blg-btn {
    0% {
        transform: rotate(0)
    }

    5% {
        transform: rotate(359deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes blg-btn-pulsate {
    60% {
        transform: scale(1, 1);
        opacity: 0
    }

    70% {
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        transform: scale(1.7, 1.7);
        opacity: 0
    }
}

@keyframes blg-btn-pulsate-small {
    60% {
        transform: scale(1, 1);
        opacity: 0
    }

    70% {
        transform: scale(1.1, 1.1);
        opacity: 1
    }

    100% {
        transform: scale(1.3, 1.3);
        opacity: 0
    }
}

@keyframes blg-cs-tooltip {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes blg-cs-desktop-show {
    0% {
        bottom: 30px;
        opacity: 0
    }

    100% {
        bottom: 68px;
        opacity: 1
    }
}

@keyframes blg-btn-rotate {
    0% {
        transform: rotate(-90deg)
    }

    100% {
        transform: rotate(0)
    }
}

.blg-c.zd {
    background-color: #f03226;
    background-image: url(../img/blinger/ic.png)
}

.blg-c.vb {
    background-color: #7b519d;
    background-image: url(../img/blinger/viber.png)
}

.blg-c.wp {
    background-color: #29b200;
    background-image: url(../img/blinger/whatsapp.png)
}

.blg-c.tg {
    background-color: #34b1e1;
    background-image: url(../img/blinger/telegram.png)
}

.blg-c.fb {
    background-color: #3b5998;
    background-image: url(../img/blinger/facebook.png)
}

.fixed-contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: fixed;
    padding: 8px;
    right: 30px;
    bottom: 80px;
    background: #bb8b62;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .4);
    border-radius: 8px 8px 10px;
    z-index: 999996
}

.fixed-contact__desc,
.fixed-contact__icon {
    font-weight: 700;
    font-size: 12px;
    color: #fff
}

.fixed-contact__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4px
}

.fixed-contact__icon:before {
    margin-right: 6px;
    width: 16px;
    height: 16px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS40OTQ5IDcuNjY2ODRDMTUuNjU1NCA3Ljc5MDUgMTUuNzg0NiA3Ljk0OTUgMTUuODcyMiA4LjEzMTI0QzE1Ljk1OTggOC4zMTI5NyAxNi4wMDM1IDguNTEyNDQgMTUuOTk5OCA4LjcxMzgyVjkuMTI5NzRDMTUuOTk5OCA5LjYyMjc1IDE1Ljk5OTggMTAuMTE3NiAxNS45OTk4IDEwLjYxMDZDMTYuMDAxNCAxMC44NDIgMTUuOTQwNyAxMS4wNjk2IDE1LjgyMzkgMTEuMjdDMTUuNzA3MiAxMS40NzA0IDE1LjUzODcgMTEuNjM2NCAxNS4zMzU2IDExLjc1MDhDMTUuMDAxNSAxMS45NTY5IDE0LjYxOTYgMTIuMDc0NyAxNC4yMjYzIDEyLjA5MzJIMTQuMTMwNEMxMy45MDI3IDEyLjA5NTkgMTMuNjc5NSAxMi4wMzA0IDEzLjQ5IDExLjkwNTNDMTMuMzAwNCAxMS43ODAzIDEzLjE1MzQgMTEuNjAxNCAxMy4wNjgyIDExLjM5MjJDMTIuOTY5MyAxMS4xNjUgMTIuOTExNyAxMC45MjIyIDEyLjg5ODEgMTAuNjc1MVYxMC42NjQ0TDEyLjkzNjEgOC4zMzM3NUMxMi45NiA4LjA5NDY4IDEzLjA1MzcgNy44Njc2OCAxMy4yMDU3IDcuNjgwNDhDMTMuMzU3NyA3LjQ5MzI4IDEzLjU2MTQgNy4zNTM5OSAxMy43OTIgNy4yNzk2QzEzLjc4MjYgNi40NTU3MSAxMy41ODI3IDUuNjQ0OTIgMTMuMjA3NSA0LjkwOTU2QzEyLjI3NTYgMy4xMDA2NiAxMC43OTUzIDIuMDQxMTMgOC44MDY1MyAxLjc0NTMzQzcuMzE2NzQgMS41MjYxMSA1Ljc5OTYxIDEuODk0ODEgNC41ODEzNiAyLjc3MjE3QzMuMzYzMSAzLjY0OTUyIDIuNTQxMDIgNC45NjU0NSAyLjI5MTg5IDYuNDM3QzIuMjU0NDYgNi42ODIyNCAyLjIzMjEgNi45Mjk1IDIuMjI0OTMgNy4xNzc0MkMyLjIyNDkzIDcuMjEzMjcgMi4yMjQ5MyA3LjI0OTEzIDIuMjI0OTMgNy4yODMxOUMyLjQxNzU5IDcuMzQzMTEgMi41OTE5NyA3LjQ1MDAzIDIuNzMyMDUgNy41OTQxMkMyLjg3MjEyIDcuNzM4MjIgMi45NzM0IDcuOTE0ODggMy4wMjY1OSA4LjEwNzg2QzMuMDg0NzIgOC4yOTQ5IDMuMTE0NiA4LjQ4OTQzIDMuMTE1MjcgOC42ODUxNEMzLjExNTI3IDkuMzc4OTQgMy4xMTUyNyAxMC4wMTE4IDMuMTE1MjcgMTAuNjE1OUMzLjExMDk4IDEwLjgyMjYgMy4wNzU2MSAxMS4wMjc0IDMuMDEwMzEgMTEuMjIzN0MyLjkzMzI2IDExLjQ3MjIgMi43ODAyNCAxMS42OTA4IDIuNTcyMzggMTEuODQ5NEMyLjY0MTI4IDEyLjY2MzQgMy4wMTYwNyAxMy40MjIyIDMuNjIyNiAxMy45NzU2QzQuMjI5MTMgMTQuNTI5IDUuMDIzMjIgMTQuODM2NyA1Ljg0NzggMTQuODM3OUg2LjI3NjY4QzYuMzUxMDkgMTQuNzA4IDYuNDU5IDE0LjYwMDEgNi41ODkzNyAxNC41MjUxQzYuNzE5NzQgMTQuNDUwMSA2Ljg2Nzg4IDE0LjQxMDggNy4wMTg2MiAxNC40MTEySDguNjU2MzNDOC44ODI4NiAxNC40MTEyIDkuMTAwMTIgMTQuNTAwNCA5LjI2MDMgMTQuNjU5MUM5LjQyMDQ4IDE0LjgxNzggOS41MTA0NyAxNS4wMzMgOS41MTA0NyAxNS4yNTc0VjE2LjE1MzhDOS41MTA0NyAxNi4zNzgyIDkuNDIwNDggMTYuNTkzNSA5LjI2MDMgMTYuNzUyMkM5LjEwMDEyIDE2LjkxMDggOC44ODI4NiAxNyA4LjY1NjMzIDE3SDcuMDE4NjJDNi44NjcxMSAxNi45OTkgNi43MTg2MSAxNi45NTc5IDYuNTg4NDkgMTYuODgxQzYuNDU4MzYgMTYuODA0MSA2LjM1MTM0IDE2LjY5NDIgNi4yNzg0OSAxNi41NjI2SDUuODQ5NjFDNC41NjY5NCAxNi41NjA1IDMuMzMzNTkgMTYuMDcyNyAyLjQwMjA1IDE1LjE5OTJDMS40NzA1MSAxNC4zMjU3IDAuOTExMjQ5IDEzLjEzMjQgMC44Mzg3NiAxMS44NjM3QzAuNzQ4OTI5IDExLjgxODggMC42NjI5ODMgMTEuNzY2NiAwLjU4MTc5NCAxMS43MDc3QzAuNDEwNDU4IDExLjU5NTEgMC4yNjg5MzEgMTEuNDQzMyAwLjE2OTEwOCAxMS4yNjUxQzAuMDY5Mjg1NyAxMS4wODcgMC4wMTQwODQxIDEwLjg4NzcgMC4wMDgxNDMzIDEwLjY4NDFDLTAuMDAyNzE0NDMgMTAuMDMzMyAtMC4wMDI3MTQ0MyA5LjM0NjY3IDAuMDA4MTQzMyA4LjY0MjExQzAuMDEwNTYxOSA4LjQ1MTA4IDAuMDU2OTc0OSA4LjI2MzExIDAuMTQzODQ0IDguMDkyNTRDMC4yMzA3MTMgNy45MjE5OCAwLjM1NTc0NSA3Ljc3MzMxIDAuNTA5NDA5IDcuNjU3ODhDMC40Mzk4MTYgNS43MjQ5OSAxLjE0MjAyIDMuODQyODIgMi40NjM4IDIuNDE5NDFDMy40OTg1NSAxLjI0NzI2IDQuOTAwNDcgMC40NTMwODkgNi40NDQ5NyAwLjE2NDEwNEM5LjM0MDM3IC0wLjM4NDQ4NCAxMS43OTI0IDAuNDQzNzc2IDEzLjcyMTUgMi42MjczN0MxNC45NDY2IDQuMDIyMTQgMTUuNTQ1NiA1LjcxODEgMTUuNDk0OSA3LjY2Njg0Wk0xMC45NzA4IDkuMjgwMzRDMTAuOTAxOCA5LjUzMTMxIDEwLjgwMDIgOS43NzIzNiAxMC42Njg2IDkuOTk3NDRMMTEuMDEwNiAxMC40Nzk3QzExLjA3MTQgMTAuNTY1NyAxMS4wOTk3IDEwLjY3MDIgMTEuMDkwNCAxMC43NzQ4QzExLjA4MTIgMTAuODc5NCAxMS4wMzUgMTAuOTc3NCAxMC45NiAxMS4wNTE2TDEwLjYwODkgMTEuMzk5NEMxMC41MzQgMTEuNDczNyAxMC40MzUxIDExLjUxOTQgMTAuMzI5NSAxMS41Mjg2QzEwLjIyMzkgMTEuNTM3OCAxMC4xMTg1IDExLjUwOTggMTAuMDMxNiAxMS40NDk2TDkuNTM5NDMgMTEuMTE5N0M5LjMxMjI4IDExLjI1MDIgOS4wNjg5NSAxMS4zNTA4IDguODE1NTggMTEuNDE5MUw4LjcxMjQzIDEyQzguNjk0MTMgMTIuMTAzMyA4LjYzOTY3IDEyLjE5NyA4LjU1ODU5IDEyLjI2NDZDOC40Nzc1MSAxMi4zMzIxIDguMzc1IDEyLjM2OTIgOC4yNjkwNyAxMi4zNjkzSDcuNzY2QzcuNjYwMDYgMTIuMzY5MiA3LjU1NzU2IDEyLjMzMjEgNy40NzY0OCAxMi4yNjQ2QzcuMzk1NCAxMi4xOTcgNy4zNDA5MyAxMi4xMDMzIDcuMzIyNjQgMTJMNy4yMTk0OSAxMS40MTkxQzYuOTY2MTQgMTEuMzUwOCA2LjcyMjgzIDExLjI1MDEgNi40OTU2NCAxMS4xMTk3TDYuMDEwNjYgMTEuNDU4NUM1LjkyMzg1IDExLjUxODggNS44MTgzOCAxMS41NDY4IDUuNzEyOCAxMS41Mzc2QzUuNjA3MjIgMTEuNTI4NCA1LjUwODI5IDExLjQ4MjYgNS40MzMzOSAxMS40MDg0TDUuMDgyMzIgMTEuMDYwNkM1LjAwNzM0IDEwLjk4NjQgNC45NjExNSAxMC44ODgzIDQuOTUxODkgMTAuNzgzN0M0Ljk0MjYyIDEwLjY3OTIgNC45NzA4NiAxMC41NzQ3IDUuMDMxNjYgMTAuNDg4N0w1LjM3MzY3IDEwLjAwNjRDNS4yNDIxMiA5Ljc4MTI5IDUuMTQwNTQgOS41NDAyNSA1LjA3MTQ3IDkuMjg5M0w0LjQ4NTE1IDkuMTg3MTFDNC4zODA4MSA5LjE2ODk5IDQuMjg2MjUgOS4xMTUwMyA0LjIxODA4IDkuMDM0N0M0LjE0OTkxIDguOTU0MzggNC4xMTI0OCA4Ljg1MjgzIDQuMTEyMzcgOC43NDc4OFY4LjI0OTQ5QzQuMTEyNDggOC4xNDQ1NSA0LjE0OTkxIDguMDQzIDQuMjE4MDggNy45NjI2N0M0LjI4NjI1IDcuODgyMzUgNC4zODA4MSA3LjgyODM5IDQuNDg1MTUgNy44MTAyNkw1LjA3MTQ3IDcuNzA4MDhDNS4xNDA1NCA3LjQ1NzEyIDUuMjQyMTIgNy4yMTYwOCA1LjM3MzY3IDYuOTkwOTdMNS4wMzE2NiA2LjUwODcxQzQuOTcwODYgNi40MjI3MSA0Ljk0MjYyIDYuMzE4MjIgNC45NTE4OSA2LjIxMzYzQzQuOTYxMTUgNi4xMDkwMyA1LjAwNzM0IDYuMDExMDIgNS4wODIzMiA1LjkzNjgyTDUuNDMzMzkgNS41ODkwMkM1LjUwNzM4IDUuNTEzNjQgNS42MDU4NiA1LjQ2NjU1IDUuNzExNDcgNS40NTYwNUM1LjgxNzA3IDUuNDQ1NTYgNS45MjMwMyA1LjQ3MjMzIDYuMDEwNjYgNS41MzE2NUw2LjQ5NzQ1IDUuODcwNDlDNi43MjQ2NiA1Ljc0MDEyIDYuOTY3OTcgNS42Mzk0OSA3LjIyMTMgNS41NzEwOUw3LjMyNDQ1IDQuOTkwMjRDNy4zNDI3NCA0Ljg4Njg3IDcuMzk3MjEgNC43OTMxOSA3LjQ3ODI5IDQuNzI1NjVDNy41NTkzNyA0LjY1ODEyIDcuNjYxODcgNC42MjEwNCA3Ljc2NzgxIDQuNjIwOTNIOC4yNjU0NUM4LjM3MTM4IDQuNjIxMDQgOC40NzM4OSA0LjY1ODEyIDguNTU0OTcgNC43MjU2NUM4LjYzNjA1IDQuNzkzMTkgOC42OTA1MiA0Ljg4Njg3IDguNzA4ODEgNC45OTAyNEw4LjgxMTk2IDUuNTcxMDlDOS4wNjUzMSA1LjYzOTQxIDkuMzA4NjMgNS43NDAwNSA5LjUzNTgxIDUuODcwNDlMMTAuMDIyNiA1LjUzMTY1QzEwLjEwOTQgNS40NzE0MyAxMC4yMTQ5IDUuNDQzNDUgMTAuMzIwNSA1LjQ1MjYzQzEwLjQyNiA1LjQ2MTgxIDEwLjUyNSA1LjUwNzU2IDEwLjU5OTkgNS41ODE4NUwxMC45NTA5IDUuOTI5NjVDMTEuMDI1OSA2LjAwMzg1IDExLjA3MjEgNi4xMDE4NiAxMS4wODE0IDYuMjA2NDZDMTEuMDkwNiA2LjMxMTA1IDExLjA2MjQgNi40MTU1NCAxMS4wMDE2IDYuNTAxNTRMMTAuNjU5NiA2Ljk4MzhDMTAuNzkxMiA3LjIwODg3IDEwLjg5MjggNy40NDk5MiAxMC45NjE4IDcuNzAwOTFMMTEuNTQ4MSA3LjgwMzA5QzExLjY1MjQgNy44MjEyMiAxMS43NDcgNy44NzUxOCAxMS44MTUyIDcuOTU1NUMxMS44ODM0IDguMDM1ODMgMTEuOTIwOCA4LjEzNzM4IDExLjkyMDkgOC4yNDIzMlY4LjczNTMzQzExLjkyMDggOC44NDAyOCAxMS44ODM0IDguOTQxODMgMTEuODE1MiA5LjAyMjE1QzExLjc0NyA5LjEwMjQ4IDExLjY1MjQgOS4xNTY0NCAxMS41NDgxIDkuMTc0NTZMMTAuOTcwOCA5LjI4MDM0Wk05LjM2NTcgOC40OTUxQzkuMzY1NyA4LjIzMDIzIDkuMjg2NDIgNy45NzEzMSA5LjEzNzg5IDcuNzUxMDhDOC45ODkzNSA3LjUzMDg1IDguNzc4MjMgNy4zNTkyIDguNTMxMjIgNy4yNTc4NEM4LjI4NDIxIDcuMTU2NDggOC4wMTI0MSA3LjEyOTk2IDcuNzUwMTkgNy4xODE2NEM3LjQ4Nzk3IDcuMjMzMzEgNy4yNDcxMSA3LjM2MDg2IDcuMDU4MDUgNy41NDgxNUM2Ljg2OSA3LjczNTQ0IDYuNzQwMjYgNy45NzQwNiA2LjY4ODEgOC4yMzM4NEM2LjYzNTk0IDguNDkzNjIgNi42NjI3MSA4Ljc2Mjg5IDYuNzY1MDIgOS4wMDc1OUM2Ljg2NzM0IDkuMjUyMyA3LjA0MDYgOS40NjE0NSA3LjI2MjkgOS42MDg2QzcuNDg1MiA5Ljc1NTc2IDcuNzQ2NTYgOS44MzQzIDguMDEzOTEgOS44MzQzQzguMzcyNDMgOS44MzQzIDguNzE2MjYgOS42OTMyMSA4Ljk2OTc3IDkuNDQyMDZDOS4yMjMyOCA5LjE5MDkxIDkuMzY1NyA4Ljg1MDI4IDkuMzY1NyA4LjQ5NTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat;
    background-size: contain;
    content: ""
}

.fixed-contact .blg-rs {
    width: 58px;
    height: 58px
}

.notification {
    background: #00a0ff;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 0;
    color: #fff;
    position: relative
}

.notification__frame {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 36px;
    position: relative;
    min-height: 40px
}

.notification__ico {
    position: absolute;
    top: 7px;
    left: 0
}

.notification__close {
    --icoPath: #00a0ff;
    --icoCircle: white;
    position: absolute;
    top: 13px;
    right: 20px
}

.notification a {
    color: inherit;
    text-decoration: underline
}

.notification a:hover {
    text-decoration: none
}

.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    padding: 0 30px 0 31px;
    position: relative
}

.header__bg {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 33;
    width: 100vw;
    height: 100vh;
    transform: translateY(-100vh);
    opacity: 0;
    transition: transform 10ms .7s, opacity .2s .35s
}

.header .button-main {
    font-size: 16px;
    padding: 9px 17px;
    white-space: nowrap;
    min-height: 42px;
    height: 42px
}

.header-holder {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.header-with-footer__fix {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: sticky;
    top: 0;
    z-index: 34
}

.header-with-footer__fix .footer__fix {
    position: relative;
    max-height: 220px;
    border-top: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    transition: opacity .5s ease-out, visibility .5s ease-out;
    visibility: visible;
    opacity: 1
}

.header-with-footer__fix .footer__fix .row-cont {
    max-width: unset
}

.header-with-footer__fix .footer__fix--sticky-bar {
    border-bottom: none
}

.header-with-footer__fix .footer__fix--sticky-bar .main__cookies {
    line-height: 1.4;
    font-size: 14px !important
}

.header-with-footer__fix .footer__fix--sticky-bar .row-cont .footer__prev {
    line-height: 1.4;
    font-size: 14px
}

.header-with-footer__fix .txt-bold {
    font-weight: 900
}

.header-with-footer__fix .open+.footer__fix {
    max-height: 0;
    padding: 0;
    border-bottom-width: 0;
    visibility: hidden;
    opacity: 0
}

.header-with-footer__fix .footer__prev {
    background: #1b1b1b;
    color: #fff;
    border: none
}

.header.open .header__nav--mbtn a {
    opacity: 1;
    transition: opacity .5s;
    transition-delay: .1s
}

.header.open .header__burger:after,
.header.open .header__burger:before {
    width: 19px;
    transform: rotate(45deg);
    top: 9px
}

.header.open .header__burger:after {
    transform: rotate(-45deg)
}

.header.open .header__burger>span {
    opacity: 0
}

html:not([lang=en]) .open .header__nav {
    padding-top: 0
}

.header__burger {
    cursor: pointer;
    width: 30px;
    height: 20px;
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 10
}

.header__burger:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 2px;
    background-color: #000;
    transition: transform .4s ease
}

.header__burger>span {
    position: absolute;
    left: 0;
    top: 9px;
    width: 12px;
    height: 2px;
    background-color: #000
}

.header__burger:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 16px;
    height: 2px;
    background-color: #000;
    transition: transform .4s ease
}

.header__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    font-size: 0;
    position: relative;
    background: #fff;
    width: 65%;
    max-width: 900px
}

.header__nav--mbtn {
    display: none;
    text-align: left;
    margin-top: 22px;
    padding: 0 13px
}

.header__nav form {
    z-index: 10
}

.header__nav.open .header__nav--item {
    transform: scale(0);
    opacity: 0;
    transition: transform .5s, opacity .5s
}

.header__nav.open .header__nav--item:first-child:not(.header__nav--search-ico) {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
    left: 0;
    transition: left .5s, opacity .4s
}

.header__nav.open .header__nav--item:nth-of-type(2) {
    transition-delay: 0s
}

.header__nav.open .header__nav--item:nth-of-type(3) {
    transition-delay: .1s
}

.header__nav.open .header__nav--item:nth-of-type(4) {
    transition-delay: .14s
}

.header__nav.open .header__nav--item:nth-of-type(5) {
    transition-delay: .18s
}

.header__nav.open .header__nav--item:nth-of-type(6) {
    transition-delay: .22s
}

.header__nav.open .header__nav--item:nth-of-type(7) {
    transition-delay: .26s
}

.header__nav.open .header__nav--item:nth-of-type(8) {
    transition-delay: .3s
}

.header__nav.open.open-hide .header__nav--item {
    transform: scale(1);
    opacity: 1;
    transition: transform .5s, opacity .5s
}

.header__nav.open.open-hide .header__nav--item:first-of-type:not(.header__nav--search-ico) {
    left: 10%;
    opacity: 0;
    transition: left .5s, opacity .4s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(2) {
    transition-delay: .2s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(3) {
    transition-delay: .18s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(4) {
    transition-delay: .16s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(5) {
    transition-delay: .14s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(6) {
    transition-delay: .12s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(7) {
    transition-delay: .1s
}

.header__nav.open.open-hide .header__nav--item:nth-of-type(8) {
    transition-delay: 0s
}

.header__nav--search .search__preview--wrap {
    display: none;
    height: auto;
    position: absolute;
    width: 100%;
    padding: 0 0 50px;
    background: #fff
}

.header__nav--item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.header__nav--item .search__ico {
    position: absolute;
    right: 16px;
    transform: translateY(-50%)
}

.header__nav--item .search__clear {
    right: 40px
}

.header__nav--item .search__clear:after,
.header__nav--item .search__clear:before {
    width: 16px
}

.header__nav--item:hover {
    position: relative
}

.header__nav--item:hover .header__submenu {
    opacity: 1;
    visibility: visible
}

.header__nav--item:hover .en+.header__submenu {
    opacity: 0;
    visibility: hidden
}

.header__nav--item form {
    width: 100%
}

.header__nav--item.active .header__nav--link {
    font-weight: 700;
    color: #000
}

.header__nav--link {
    position: relative;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    color: #4c4c4c;
    white-space: nowrap;
    background: 0 0;
    padding: 20px;
    transition: background .3s, color .3s
}

.header__nav--link.open,
.header__nav--link:hover {
    background: #f8f8f8
}

.header__nav--link:hover {
    background: #f8f8f8;
    color: #000
}

.header__nav--link.open+.header__submenu {
    opacity: 1;
    visibility: visible;
    position: relative;
    border: none
}

.header__nav--link.open .header__nav-arrow:after {
    transform: translateX(-50%) translateY(-50%) rotate(180deg)
}

.header__nav-arrow {
    display: none;
    cursor: pointer;
    position: absolute;
    height: 44px;
    width: 44px;
    border: 1px solid #e5e5e5;
    z-index: 1;
    border-radius: 2px;
    transition: all .23s ease
}

.header__nav-arrow:hover {
    border-color: #000
}

.header__nav-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4c4c4c;
    transition: transform .3s, opacity .3s
}

.header__submenu {
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    transition: all .3s;
    width: 255px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0 4px 10px rgba(3, 3, 3, .05), 0 4px 10px rgba(3, 3, 3, .05)
}

.header__submenu--item {
    width: 50%;
    min-width: 100%
}

.header__submenu--link {
    display: inline-block;
    padding: 13px 26px 11px;
    transition: color .3s;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #4c4c4c
}

.header__submenu--link.active,
.header__submenu--link:hover {
    color: #000;
    background: #f8f8f8
}

.header__submenu .label__lang {
    margin-left: 4px;
    background: #f2f2f2;
    padding: 3px 7px;
    border-radius: 2px;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #797979
}

.ipad-pro .header__nav--item.active .ipad-pro .header__nav-arrow {
    border-color: #4c4c4c
}

.ipad-pro .header__nav--item:hover .header__submenu {
    opacity: 0;
    visibility: hidden
}

.ipad-pro .header__nav-arrow {
    display: block;
    height: 34px;
    width: 34px;
    position: relative;
    margin: 5px 0 5px 10px
}

.ipad-pro .header__nav--link {
    min-height: 64px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px
}

.ipad-pro .header__nav--link.open+.header__submenu {
    opacity: 1;
    visibility: visible
}

.ipad-pro .header__submenu {
    border: none
}

.header__login.user-logged #wg_userarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header__login.user-logged #wg_loginBtns {
    display: none
}

.header__login #wg_loginBtns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.header__login .btn-login {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    width: 100%
}

.header__login #wg_userarea {
    display: none
}

.topBanner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -ms-flex-order: 1;
    order: 1;
    padding: 7px 15px;
    border: solid 1px #e5e5e5;
    background: #ededed;
    width: 100%;
    transition: height .2s ease;
    overflow: hidden
}

.topBanner:not(.active) {
    display: none
}

.topBanner__image {
    display: block;
    width: 64px;
    height: auto;
    -ms-flex: none;
    flex: none;
    margin-right: 9px
}

.topBanner__buttons {
    padding-left: 10px
}

.topBanner__link {
    font-weight: 500;
    color: #168acf;
    display: inline-block;
    font-size: 17px;
    padding-right: 10px
}

.topBanner .rating {
    margin: 3px 0 1px
}

.topBanner .button-main {
    padding: 8px 11px 7px;
    min-height: 32px;
    font-size: 14px;
    line-height: 18px
}

.topBanner__frame {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.topBanner__app {
    margin-right: 5px;
    font-size: 13px;
    line-height: 1.2;
    color: #7d7d7d;
    padding-top: 3px
}

.topBanner__name {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: block
}

.topBanner__close {
    background: 0 0;
    border: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    transform: translateY(0) scale(.8);
    margin: 0 -3px 0 -10px;
    padding: 0;
    -ms-flex: none;
    flex: none
}

.topBanner__close:after,
.topBanner__close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 13px;
    width: 2px;
    background-color: #b4b4b4
}

.topBanner__close:before {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.topBanner__close:after {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.header__dark {
    background: #161718
}

.header__dark .header__nav {
    background-color: inherit
}

.header__dark .logo {
    background: url(../img/logo-white.svg) 0 0 no-repeat;
    background-size: contain
}

.header__dark .header__nav--link {
    color: #fff
}

.header__dark .header__nav--link:focus,
.header__dark .header__nav--link:hover {
    color: #000;
    background: #fff
}

.header__dark .header__burger span,
.header__dark .header__burger:after,
.header__dark .header__burger:before {
    background-color: #fff
}

.header {
    border-bottom: none
}

.header:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e5e5e5;
    content: ""
}

.header .menu__underline {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #bb8b62;
    transition: all .3s ease-out
}

.header__nav--main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1
}

.header__nav--reorg {
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px;
    max-width: 1224px;
    width: unset;
    background: 0 0
}

.header__nav--reorg .header__nav--item:not(.header__nav--item_search) {
    position: unset
}

.header__nav--reorg .header__nav--item:hover {
    position: unset
}

.header__nav--reorg .header__nav--link:hover {
    background: 0 0
}

.header__nav--reorg .header__nav--link.open {
    background: 0 0
}

.header__nav--reorg .header__nav-arrow {
    position: relative;
    right: 0;
    max-width: 32px;
    width: 100%;
    max-height: 32px;
    border-radius: 4px;
    transform: unset
}

.header__nav--reorg .header__submenu {
    top: calc(100% - 1px);
    width: 100%;
    min-height: 350px;
    background: #f8f8f8;
    border-radius: 0 0 16px 16px
}

.header__nav--reorg .header__submenu--dropdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.header__nav--reorg .header__submenu--item {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 0 50px;
    padding: 30px 40px;
    width: 100%;
    transition: all .4s ease-in-out 0s
}

.header__nav--reorg .header__submenu--item.w_chart {
    -ms-grid-columns: minmax(190px, 200px) 1fr;
    grid-template-columns: minmax(190px, 200px) 1fr
}

.header__nav--reorg .header__submenu--col {
    width: 100%
}

.header__nav--reorg .header__submenu--col:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.header__nav--reorg .header__submenu--subtitle {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 0 15px;
    width: 100%;
    border-bottom: 1px solid #bbbdbf;
    line-height: 1.2;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    transition: color .1s ease-out
}

.header__nav--reorg .header__submenu--subtitle:hover a:first-child {
    color: #bb8b62
}

.header__nav--reorg .header__submenu--subtitle:hover a:first-child:after {
    border-left: 4px solid #bb8b62
}

.header__nav--reorg .header__submenu--link {
    padding: 0 0 8px;
    width: unset;
    font-weight: 400;
    font-size: 13px
}

.header__nav--reorg .header__submenu--link:hover {
    background: 0 0;
    color: #bb8b62
}

.header__nav--reorg .chart {
    background: #fff;
    border: 1px solid #e0e1e3;
    border-radius: 6px;
    overflow: hidden
}

.header__nav--reorg .table-tools {
    margin-bottom: 0
}

.header__nav--reorg .nav__tools--wrap {
    max-height: 140px;
    overflow: auto
}

.header__nav--reorg .nav__tools--table {
    display: table;
    width: 100%
}

.header__nav--reorg .nav__tools--thead {
    display: table-header-group
}

.header__nav--reorg .nav__tools--tbody {
    display: table-row-group
}

.header__nav--reorg .tools {
    height: unset
}

.header__nav--reorg .tools--light {
    border: none
}

.header__nav--reorg .tools--light:after {
    display: none
}

.header__nav--reorg .tools--light .tools__item {
    font-weight: 600;
    font-size: 15px
}

.header__nav--reorg .tools__list {
    display: table-row-group;
    max-height: 120px;
    overflow: auto
}

.header__nav--reorg .tools__item {
    display: table-row;
    padding: unset
}

.header__nav--reorg .tools__item>* {
    display: table-cell;
    padding: 6px 4px
}

.header__nav--reorg .tools__item--head {
    display: table-row;
    -ms-flex: unset;
    flex: unset;
    font-size: 10px
}

.header__nav--reorg .tools__item .col {
    border-top: 1px solid #dadada;
    vertical-align: middle;
    font-size: 12px
}

.header__nav--reorg .tools__item .col:nth-child(2) {
    max-width: 28%;
    width: 28%
}

.header__nav--reorg .tools__item .col:nth-child(n+3) {
    max-width: 16%;
    width: 16%;
    text-align: right
}

[dir=rtl] .header__nav--reorg .tools__item .col:nth-child(n+3) {
    direction: ltr;
    text-align: left
}

.header__nav--reorg .tools__item .col:nth-child(3),
.header__nav--reorg .tools__item .col:nth-child(4) {
    padding: 4px 14px 4px 6px
}

.header__nav--reorg .tools__item .col:last-child {
    padding: 4px
}

.header__nav--reorg .tools__item .col.buy span,
.header__nav--reorg .tools__item .col.price-change span,
.header__nav--reorg .tools__item .col.sell span {
    padding: unset;
    font-size: 12px
}

.header__nav--reorg .tools__item .col.buy span,
.header__nav--reorg .tools__item .col.sell span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.header__nav--reorg .tools__item .col.buy span:after,
.header__nav--reorg .tools__item .col.buy span:before,
.header__nav--reorg .tools__item .col.sell span:after,
.header__nav--reorg .tools__item .col.sell span:before {
    left: calc(100% + 3px);
    right: unset;
    top: unset;
    transform: unset;
    margin-left: 2px
}

.header__nav--reorg .tools__item .col.first {
    max-width: 8%;
    width: 8%;
    text-align: center;
    vertical-align: middle
}

.header__nav--reorg .tools__item .col.first>svg {
    max-width: 15px;
    max-height: 15px
}

.header__nav--reorg .tools .time-line {
    top: 0
}

.header__nav--reorg .tools .chartWrap {
    max-height: 125px
}

.header__nav--reorg .tools__btn {
    padding: 4px 6px;
    white-space: pre
}

.header__nav--side {
    display: -ms-flexbox;
    display: flex
}

.header__nav--side .lang-change {
    margin-left: 30px
}

.header__login {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.appsDownload {
    margin-right: 8px;
    margin-left: 8px;
    position: relative
}

.appDropdown,
.headerDrop {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 13px rgba(0, 0, 0, .06), 0 18px 40px rgba(0, 0, 0, .26);
    transform-origin: 50% 0;
    pointer-events: none;
    opacity: 0;
    transform: scale(.8);
    transition: opacity .2s ease, transform .15s ease;
    z-index: 10;
    padding: 24px;
    width: 184px;
    color: #000
}

.active .appDropdown,
.active .headerDrop {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto
}

.appDropdown>:not(:last-child) {
    margin-bottom: 16px
}

.appDropdown .qr {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.appDropdown p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.appDropdown .badge-appstore,
.appDropdown .badge-googleplay {
    max-width: 100%;
    height: 40px;
    background-size: contain
}

.actIcon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    background: #000;
    border: 0;
    border-radius: 24px;
    height: 40px;
    padding: 14px;
    transition: background .3s ease
}

.actIcon img,
.actIcon svg {
    max-width: 24px;
    max-height: 24px;
    width: auto;
    height: auto
}

.header__logotype {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.headerDropHolder {
    position: relative
}

.headerDrop {
    z-index: 1000;
    width: 314px;
    max-width: 314px;
    color: #000;
    top: calc(100% + 18px)
}

.headerDrop__item {
    padding: 16px 0;
    font-size: 16px;
    line-height: 24px
}

.headerDrop__item:first-child {
    padding-top: 0
}

.headerDrop__item:last-child {
    padding-bottom: 0
}

.headerDrop__item:not(:last-child) {
    border-bottom: 1px solid #c4c4c4
}

.headerDrop__item small {
    display: block;
    font-size: 12px
}

.headerDrop__link {
    padding: 8px 32px 8px 8px;
    background: rgba(0, 160, 255, .1);
    border-radius: 8px;
    position: relative;
    transition: background .2s ease-in-out
}

.headerDrop__link:after {
    content: "";
    width: 7px;
    height: 7px;
    border: solid #00a0ff;
    border-width: 2px 2px 0 0;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: rotate(45deg) translateY(-50%)
}

.headerDrop__link:hover {
    background: rgba(0, 160, 255, .3)
}

.headerDrop a {
    color: inherit;
    display: block;
    font-weight: inherit
}

.headerDrop__btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    gap: 12px;
    background: 0 0;
    border: 0;
    padding: 0 24px 0 9px;
    border-left: 1px solid rgba(0, 0, 0, .6);
    margin-left: 9px;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, .6);
    max-width: 144px;
    position: relative;
    min-height: 32px
}

.headerDrop__btn svg {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%)
}

.header__apps {
    position: absolute;
    right: 15px
}

.btnStore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    width: 24px;
    height: 24px
}

.btnStore__google {
    margin-left: 3px
}

.btn-login {
    background-color: transparent;
    font-weight: 700;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    color: #000;
    height: 42px;
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: color .2s
}

.btn-login:hover {
    color: #bb8b62
}

.btn-login~.button-main {
    margin-left: 8px
}

.lang-change {
    position: relative;
    color: #999;
    font-weight: 700;
    font-size: 0;
    cursor: pointer;
    z-index: 5;
    float: right
}

.lang-change .flag-min {
    vertical-align: middle
}

.lang-change .flag-min:after {
    background: 0 0
}

.lang-change-menu-item {
    position: relative;
    display: block;
    width: 160px;
    height: 36px;
    padding: 0 12px 0 48px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #000
}

.lang-change-menu-item.active,
.lang-change-menu-item:hover {
    color: #bb8b62;
    background: rgba(187, 139, 98, .1)
}

.lang-change-menu-item.active {
    font-weight: 700
}

.lang-change-menu-item.active:before {
    content: "";
    width: 6px;
    height: 9px;
    border-right: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    right: 12px;
    top: 50%
}

.lang-change-menu-item .flag {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translate(0, -50%)
}

.logo,
.logo-invert {
    background: url(../logo/alotta-logo-dark.png) center center no-repeat;
    background-size: 100%;
    width: 140px;
    height: 28px;
    display: block;
    font-size: 0
}

.logo-invert.logo-bigger,
.logo.logo-bigger {
    width: 263px;
    height: 50px
}

.logo-invert {
    background-image: url(../logo/alotta-logo-white.png)
}

.flag-min {
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 24px;
    height: 16px
}

.flag-min:after {
    content: "";
    background: 0 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%);
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    width: 24px;
    height: 24px
}

.flag-min-bg {
    background-position: 0 -16px
}

.flag-min-gb {
    background-position: 0 -32px
}

.flag-min-cz {
    background-position: 0 -49px
}

.flag-min-dk {
    background-position: 0 -65px
}

.flag-min-de {
    background-position: 0 -81px
}

.flag-min-ee {
    background-position: 0 -97px
}

.flag-min-gr {
    background-position: 0 -113px
}

.flag-min-es {
    background-position: 0 -130px
}

.flag-min-fr {
    background-position: -24px 0
}

.flag-min-hr {
    background-position: -24px -16px
}

.flag-min-us {
    background-position: -24px -32px
}

.flag-min-it {
    background-position: -24px -49px
}

.flag-min-lv {
    background-position: -24px -65px
}

.flag-min-lt {
    background-position: -24px -81px
}

.flag-min-hu {
    background-position: -24px -97px
}

.flag-min-nl {
    background-position: -24px -113px
}

.flag-min-pl {
    background-position: -24px -130px
}

.flag-min-pt {
    background-position: -48px 0
}

.flag-min-ro {
    background-position: -48px -16px
}

.flag-min-ru {
    background-position: -48px -49px
}

.flag-min-sk {
    background-position: -48px -66px
}

.flag-min-si {
    background-position: -48px -81px
}

.flag-min-fi {
    background-position: -48px -97.5px
}

.flag-min-se {
    background-position: -48px -113px
}

.flag-min-cn {
    background-position: -48px -130px
}

.flag-min-cy {
    background-position: 0 -145px
}

.flag-min-id {
    background-position: -24px -145px
}

.flag-min-my {
    background-position: -48px -145px
}

.flag-min-vn {
    background-position: 0 -162px
}

.flag-min-th {
    background-position: -24px -162px
}

.flag-min-ab {
    background-position: -48px -162px
}

.flag-min-at,
.flag-min-ch,
.flag-min-ie {
    background-image: url(../img/sprite-flags-64x64.png);
    background-size: 408px 384px;
    width: 24px;
    height: 24px
}

.webp .footer__numb-item .flag-min-at,
.webp .footer__numb-item .flag-min-ch,
.webp .footer__numb-item .flag-min-ie {
    background-image: url(../img/sprite-flags-64x64.png);
    background-size: 408px 384px
}

.flag-min-at {
    background-position: -336px -24px
}

.flag-min-ie {
    background-position: -384px -144px
}

.flag-min-ch {
    background-position: -216px -72px
}

.banner {
    width: 100%;
    text-align: center;
    padding: 64px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner .h1,
.banner .h4,
.banner .txt-md,
.banner h1,
.banner h4,
.banner p {
    color: #fff;
    text-align: center
}

.banner .h1,
.banner h1 {
    margin-bottom: 15px
}

.banner .txt-md,
.banner p {
    max-width: 830px;
    width: 100%;
    margin: 0 auto
}

.banner .button-main {
    margin: 30px auto 0
}

.banner__info {
    text-align: left;
    max-width: 700px;
    margin: 0 auto
}

.banner__info .button-main {
    margin-top: 10px
}

.banner__blk-btns .button-main {
    text-transform: uppercase;
    margin-top: 30px;
    background: #ff5b33;
    box-shadow: 0 12px 30px 0 rgba(255, 51, 51, .44)
}

.banner__blk-btns .button-main:focus,
.banner__blk-btns .button-main:hover {
    background: #ff7e33;
    box-shadow: 0 12px 30px 0 rgba(255, 126, 51, .44)
}

.banner__blk-btns .button-main .arrow {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.banner__blk-btns .button-main .arrow.primera {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: .2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.banner__blk-btns--orange .button-main {
    background: #ffac33;
    color: #000;
    box-shadow: 0 12px 30px 0 rgba(255, 172, 51, .44)
}

.banner__blk-btns--orange .button-main:focus,
.banner__blk-btns--orange .button-main:hover {
    background: #ffd033;
    box-shadow: 0 12px 30px 0 rgba(255, 208, 51, .44)
}

.banner__blk-btns--orange .button-main .next .st0 {
    fill: #000
}

.banner--mid {
    background: #f8f8f8
}

.banner--mid .h1,
.banner--mid .txt-md,
.banner--mid h1,
.banner--mid p {
    color: #000
}

.banner--about,
.banner--articles,
.banner--blog,
.banner--ec-calendar,
.banner--prime {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner--articles {
    background: transparent url(../img/banner-articles.jpg) center no-repeat;
    background-size: cover
}

.banner--press {
    background: transparent url(../img/press-center/banner.jpg) center no-repeat;
    background-size: cover
}

.banner--reviews {
    background: transparent url(../img/reviews/bgr.jpg) center bottom no-repeat;
    background-size: cover
}

.banner--clients {
    min-height: 220px;
    text-align: center;
    background: transparent url(../img/pro-clients/banner.jpg) top center no-repeat;
    background-size: cover
}

.banner--learn {
    background: transparent url(../img/learn/learn-to-trade_banner@1x.jpg) center no-repeat;
    background-size: cover
}

.banner--traders {
    background: transparent url(../img/traders/bg-banner-traders.jpg) center no-repeat;
    background-size: cover
}

.banner--webinar {
    background: transparent url(../img/webinar/main-banner.jpg) center no-repeat;
    background-size: cover
}

.banner--webinar.show-video {
    height: 550px;
    position: relative;
    padding-top: 85px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 110px
}

.banner--webinar.show-video iframe {
    display: block
}

.banner--webinar.show-video .button-main {
    display: none
}

.banner--webinar .frame {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 94px)
}

.banner--webinar .frame img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.banner--webinar .video--placeholder {
    width: 572px;
    height: 320px;
    margin: 0;
    box-shadow: 0 35px 50px -30px rgba(0, 0, 0, .4)
}

.banner--webinar .button-main.mob {
    display: inline-block
}

.banner--homepage {
    background: #111216;
    min-height: 100%;
    padding: 0;
    position: relative
}

.banner--homepage .row-cont {
    padding: 0
}

.banner--homepage .slick-list {
    padding: 0
}

.banner--homepage .slick-track {
    -ms-flex-align: stretch;
    align-items: stretch
}

.banner--homepage .banner__slider.slick-initialized {
    display: block
}

.banner--homepage .slick-dots {
    text-align: left;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px
}

.banner--homepage .main__banner {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: visible
}

.banner--homepage .txt-md {
    text-align: left;
    display: block;
    width: 100%;
    max-width: 470px;
    color: rgba(255, 255, 255, .7);
    margin: 0 auto 20px 0;
    padding: 0
}

.banner--safe {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0 0;
    position: relative;
    background: url(../img/safe/safe-backg.jpg)
}

.banner--safe .row-cont {
    margin-top: 35px
}

.banner--basics {
    background: url(../img/safe/basics.jpg?v1);
    background-position: center;
    background-size: cover
}

.banner--crypto-page_btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner--crypto-page_btns .button-link {
    margin: 15px 45px
}

.banner--referral {
    background: #125257
}

.banner--referral .row-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.banner--referral img {
    max-width: 100%;
    margin-right: 70px
}

.banner--referral .h1,
.banner--referral .txt-md {
    text-align: left
}

.banner--referral .button-main {
    margin: 30px 0 0
}

.banner--referral .banner__btns {
    text-align: left
}

.banner--main_title[lang=fr] br,
.banner--main_title[lang=it] br {
    display: block
}

.banner--main .banner--main_title {
    text-align: left;
    margin-left: 0;
    font-size: 36px;
    line-height: 56px;
    color: #fff;
    font-weight: 900
}

.banner--main br {
    display: none
}

.banner.banner--clients .h1,
.banner.banner--clients .txt-md,
.banner.banner--clients h1,
.banner.banner--clients p {
    text-align: left
}

.banner.banner--clients b {
    color: #bb8b62
}

.banner.banner--clients .txt-md,
.banner.banner--clients p {
    max-width: 750px
}

.banner.banner--clients .row-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner.banner--clients .button-main {
    margin: 0 0 0 50px;
    min-width: 250px;
    font-size: 22px;
    line-height: 1.364
}

.banner__slider-btn--with-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner__slider-btn--with-link .icn-world {
    margin-right: 11px
}

.banner__slider-btn--with-link .button-link {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 16px;
    margin-top: 18px;
    transition: border-color .6s linear
}

.banner__slider-btn--with-link .button-link span {
    border-bottom: none
}

.banner__slider-btn--with-link .button-link:hover {
    text-decoration: none
}

.banner__slider-btn--with-link .button-link:hover span {
    border-bottom-color: rgba(216, 216, 216, .27)
}

.banner__slider-btn--with-link .button-link--custom:after {
    height: 9px;
    width: 9px;
    border-width: 2px;
    border-color: #fff
}

.banner__search .instruments-search {
    margin: 0 auto;
    max-width: 615px;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 99
}

.banner--why {
    background: transparent url(../img/why/why-bgr.jpg) center
}

.banner--default .h1,
.banner--default .txt-md,
.banner--default p,
.banner--ipo .h1,
.banner--ipo .txt-md,
.banner--ipo p {
    text-align: left;
    max-width: 630px
}

.banner--default .txt-md,
.banner--ipo .txt-md {
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    margin-bottom: 15px
}

.banner--default .h1,
.banner--ipo .h1 {
    font-size: 26px
}

.banner--default .reply,
.banner--ipo .reply {
    margin: 0
}

.banner--airbnb {
    position: relative;
    background-image: url(../img/ipo/banner-airbnb.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto 295px
}

.banner--slack {
    background-color: #49114e;
    background-image: url(../img/ipo/slack.jpg?v1);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.banner--slack .madden {
    width: 393px;
    position: absolute;
    right: -50px;
    bottom: -2px
}

.banner--slack .madden__wrap {
    position: absolute;
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
    bottom: 0
}

.banner--aramco {
    background: url(../img/ipo/aramco.jpg?v1) bottom center no-repeat, linear-gradient(to right, #79be41 0, #79be41 50%, #1088ca 50%, #1088ca 100%);
    overflow: hidden;
    position: relative
}

.banner--aramco .madden {
    width: 393px;
    position: absolute;
    right: 0;
    bottom: -2px;
    transform: translateX(-50%)
}

.banner--aramco .madden__wrap {
    position: absolute;
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
    bottom: 0
}

.banner--aramco .h1,
.banner--aramco .txt-md,
.banner--aramco p {
    max-width: 551px
}

.banner--aramco .reply {
    font-style: italic
}

.banner--peloton {
    background: #000 url(../img/ipo/banner-peloton.jpg?v1) bottom center no-repeat;
    overflow: hidden;
    position: relative
}

.banner--peloton .madden {
    width: 393px;
    position: absolute;
    right: 0;
    bottom: -2px;
    transform: translateX(-50%)
}

.banner--peloton .madden__wrap {
    position: absolute;
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
    bottom: 0
}

.banner--peloton .h1,
.banner--peloton .txt-md,
.banner--peloton p {
    max-width: 551px
}

.banner--default {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.banner--default .madden {
    width: 393px;
    position: absolute;
    right: -50px;
    bottom: -2px
}

.banner--default .madden__wrap {
    position: absolute;
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto;
    bottom: 0
}

.banner--video {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    min-height: 300px;
    padding: 40px 0 50px 0
}

.banner--video.mLight .banner__bg {
    mix-blend-mode: lighten
}

.banner--video.bVisual {
    background-color: #000
}

.banner--video.bVisual .banner__bg {
    object-fit: contain;
    right: 0;
    width: auto
}

html[dir=rtl] .banner--video.bVisual .banner__bg {
    right: auto;
    left: 0;
    transform: scale(-1, 1)
}

.banner--video.halfImgCenter .banner__bg {
    object-fit: contain;
    left: 50%;
    width: auto;
    transform: translateX(-60%)
}

html[dir=rtl] .banner--video.halfImgCenter .banner__bg {
    transform: translateX(-50%) scale(-1, 1)
}

.banner--video.banner--volatility .banner__overlay {
    background: rgba(0, 0, 0, .7)
}

.banner--video.banner--gamestop {
    background: url(../img/homepage/top-banner/gamestop.jpg) left center no-repeat;
    background-position: 60% center;
    background-size: cover
}

.banner--video.banner--gamestop .banner__same {
    background: url(../img/homepage/top-banner/gmlogo.svg) center no-repeat;
    background-size: contain
}

.banner--video.banner--gamestop .banner-link {
    font-size: 18px;
    margin-bottom: 32px;
    display: inline-block
}

.banner--video.banner--election {
    background: url(../img/homepage/top-banner/banner-election.png) left center no-repeat;
    background-size: cover
}

.banner--video.banner--boolets {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat
}

.banner--video.banner--boolets .banner--first-wrap {
    padding-top: 0
}

.webp .banner--video.banner--boolets {
    background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner.webp)
}

.no-webp .banner--video.banner--boolets {
    background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner.jpg)
}

.banner--video.banner--boolets .list-webinar__item {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.banner--video.banner--boolets .list-webinar {
    margin-top: 24px;
    margin-left: 16px
}

.banner--video.banner--boolets .list-webinar .icn-check {
    font-size: 18px
}

.banner--video.banner--zero {
    background: url(../img/homepage/top-banner/banner-zero.jpg) left center no-repeat;
    background-size: cover
}

.banner--video.banner--zero h2 span {
    display: block;
    font-size: 20px;
    padding-top: 20px
}

.banner--video.banner--zero .banner-text,
.banner--video.banner--zero .banner-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    max-width: 374px
}

.banner--video.banner--zero .banner__same:before {
    content: "";
    width: 61%;
    height: 110%;
    position: absolute;
    left: -20%;
    top: -56%;
    transform: translateY(50%);
    background: url(../img/homepage/top-banner/zero-gold.png) left center no-repeat;
    background-size: cover
}

.banner--video.banner--bitcoin {
    background: #21130b url(../img/homepage/top-banner/banner-bitcoin2.jpg) left center no-repeat;
    background-size: cover
}

.banner--video.banner--bitcoin .banner__same {
    display: none
}

.banner--video.banner--airbnbIPO {
    background: url(../img/homepage/top-banner/banner-airbnb.jpg) left center no-repeat;
    background-size: cover
}

.banner--video.banner--airbnbIPO .banner-text,
.banner--video.banner--airbnbIPO .banner-text p {
    font-weight: 400;
    padding-top: 7px;
    margin-bottom: 16px
}

.webp .banner--video.banner--airbnbIPO .banner__same {
    background-image: url(../img/homepage/top-banner/platform-airbnb.png)
}

.no-webp .banner--video.banner--airbnbIPO .banner__same {
    background-image: url(../img/homepage/top-banner/platform-airbnb.png)
}

.banner--video.banner--earnings {
    --wtopList: 350px;
    background: #012c3c
}

.banner--video.banner--earnings .banner--first-wrap {
    padding-left: 0;
    padding-right: 0
}

.banner--video.banner--earnings .banner__item {
    padding-bottom: 50px
}

.banner--video.banner--earnings .banner__txt-block {
    max-width: calc(100% - var(--wtopList));
    width: 100%
}

.banner--video.banner--earnings .banner__item {
    width: 100%;
    max-width: 100%
}

.banner--video.banner--earnings .banner__same {
    display: none
}

.banner--video .topList {
    --gap-topList: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    width: 100%;
    max-width: 362px;
    margin: 0 auto 40px;
    background: rgba(0, 0, 0, .4);
    border-radius: 16px;
    padding: 24px
}

.banner--video .topListItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(242, 243, 245, .4);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .25);
    padding: var(--gap-topList) 0
}

.banner--video .topListItem:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.banner--video .topListItem:first-child {
    padding-top: 0
}

.banner--video .topListTerm {
    font-weight: 700;
    padding-right: var(--gap-topList)
}

.banner--video.banner--reddit {
    background: url(../img/homepage/top-banner/reddit.jpg) right center no-repeat;
    background-size: cover
}

.banner--video.banner--reddit .banner__same {
    display: none
}

.banner--video .trustpilot {
    margin-top: 8px
}

.banner--video .trustpilot img {
    margin-right: 8px
}

.banner--video .bannerBtns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.banner--video .bannerBtns .button-main {
    min-width: 200px;
    margin-bottom: 16px
}

.banner--video .bannerBtns ._demo {
    min-width: 0;
    padding-left: 24px;
    padding-right: 24px
}

.banner--video .banner__txt-block .showBannerBtns {
    display: none
}

.banner--video .banner__txt-block .bannerBtns .hideBannerBtns {
    display: none
}

.banner--video .banner__txt-block .bannerBtns .showBannerBtns {
    display: inline-block
}

.banner--video .row-cont {
    position: relative;
    z-index: 1
}

.banner--video .banner__wrap {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.banner--video .banner__item {
    padding-left: 0;
    padding-right: 0
}

.banner--video .banner__item a {
    color: #fff
}

.banner--video .banner__item a.text-gold {
    color: #bb8b62
}

.banner--video .banner__same {
    margin-bottom: 20px
}

.banner--video .title-middle {
    text-align: left;
    color: #fff;
    font-size: 37px;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 12px;
    text-transform: initial
}

.banner--video .title-desc {
    line-height: 35px;
    font-size: 30px;
    color: #fff
}

.banner--video p {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
    text-align: left
}

.banner--video .h1 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px
}

.banner--video .banner__info {
    text-align: center
}

.banner--video .button-link {
    margin-top: 16px
}

.banner--video.banner--mt4 {
    background: url(../img/mt4/bg.jpg) left center no-repeat;
    background-size: cover
}

.banner--video.banner--mt4 .banner--first-wrap {
    padding: 64px 15px
}

.banner--video.banner--mt4._asic {
    background: radial-gradient(56% 179% at 78% 88%, #bb8b62 0, #1b1b1b 100%)
}

.video-first {
    display: none;
    min-height: 100%
}

.banner--comparison {
    background: #000 url(../img/spread-comparison/banner-comparison.jpg) no-repeat center;
    background-size: cover;
    text-align: left
}

.banner--comparison .h1,
.banner--comparison p {
    text-align: left
}

.banner--comparison p {
    max-width: 400px;
    margin: 0
}

.banner__overlay {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.banner__ready {
    padding: 22px 39px 20px;
    border-radius: 13px;
    border: 1px solid #e0e8f3;
    position: relative;
    overflow: hidden;
    background: url(../img/bg-banner-ready-860@2x.jpg?v1) center left no-repeat;
    background-size: cover
}

.banner__ready:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 0;
    right: 22%;
    width: 244px;
    height: 188px;
    background: url(../img/img-user@2x.png) top center no-repeat;
    background-size: 100%
}

.banner__ready-title {
    max-width: 480px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner__ready-title p {
    max-width: 260px;
    font-size: 36px;
    line-height: 40px
}

.banner__ready-title .button-main {
    width: 210px;
    height: 60px;
    font-weight: 900;
    font-size: 22px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ff5b33;
    box-shadow: 0 12px 30px 0 rgba(255, 51, 51, .44)
}

.banner__ready-title .button-main:focus,
.banner__ready-title .button-main:hover {
    background: #ff7e33;
    box-shadow: 0 12px 30px 0 rgba(255, 126, 51, .44)
}

.banner__ready-list {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 20px 0 0;
    position: relative;
    z-index: 1
}

.banner__ready-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 50px
}

.banner__ready-list i {
    width: 26px;
    height: 26px;
    min-width: 26px;
    margin-right: 10px
}

.banner__ready-list span {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-weight: 500
}

.ico--commision {
    background: url(../img/ico-commision.svg) center no-repeat;
    background-size: cover
}

.ico--powered {
    background: url(../img/ico-powered.svg) center no-repeat;
    background-size: cover
}

.ico--spreads {
    background: url(../img/ico-spread.svg) center no-repeat;
    background-size: cover
}

.cta {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-left: 10px
}

.arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0;
    width: 12px;
    height: 12px;
    background-size: contain
}

.segunda {
    margin-left: 8px
}

.next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==)
}

.next--black {
    background-image: url(../img/icons/next-arr.svg)
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        transform: translateX(10px) scale(.9)
    }

    26% {
        opacity: 0;
        transform: translateX(-10px) scale(.9)
    }

    55% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }
}

.badge-pro {
    position: absolute;
    right: 0;
    bottom: 40px;
    background: #3284cc;
    padding: 13px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    transition: background .23s ease;
    z-index: 1
}

.badge-pro:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    margin-left: 5px;
    position: relative;
    top: -1px
}

.badge-pro:hover {
    background: #57b0ff
}

.badge-pro.laptop-screen {
    border-radius: 2px 0 0 2px
}

.award-banner {
    background: url(../img/homepage/dark-bg.jpg) no-repeat center;
    background-size: cover
}

.award-banner__info {
    padding: 50px 0 22px;
    text-align: center;
    max-width: 545px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    position: relative
}

.award-banner .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    color: #fff;
    margin-bottom: 15px
}

.award-banner .app-box {
    margin-top: 23px
}

.award-banner .app-box a {
    margin: 0 5px
}

.award-banner-wrap {
    overflow: hidden;
    padding-top: 40px;
    background: #fff
}

.award-banner .imac {
    width: 400px;
    height: 396px;
    position: absolute;
    bottom: -3px;
    left: -400px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

.webp .award-banner .imac {
    background-image: url(../img/homepage/imac.webp)
}

.no-webp .award-banner .imac {
    background-image: url(../img/homepage/imac.png)
}

.award-banner .iphone {
    width: 400px;
    height: 396px;
    position: absolute;
    bottom: 0;
    right: -420px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain
}

.webp .award-banner .iphone {
    background-image: url(../img/homepage/a-iphone.webp?v2)
}

.no-webp .award-banner .iphone {
    background-image: url(../img/homepage/a-iphone.png?v2)
}

.award-banner__link {
    color: inherit
}

.award-banner__frame {
    display: inline-block
}

.award-banner__frame .text-with-line {
    margin: 5px 5px 10px
}

.banner--bonus {
    background: #000 url(../img/homepage/banner-present.jpg) no-repeat center;
    background-size: auto 100%
}

.banner--bonus h2 {
    color: #fff;
    font-size: 45px;
    line-height: 1.2;
    text-align: left;
    margin: 0 0 20px
}

.banner--bonus .button-link {
    margin-top: 21px
}

.banner--bonus .banner-text,
.banner--bonus .banner-text p {
    margin: 0 0 10px
}

.banner--bonus .banner-text p,
.banner--bonus .banner-text p p {
    font-size: 16px;
    line-height: 20px
}

.banner--white {
    background: #f5f5f5;
    background-image: none;
    color: #000
}

.banner--white h2,
.banner--white p {
    color: inherit
}

.banner--white .button-link {
    color: inherit
}

.banner--white .button-link--custom:after {
    border-color: currentColor
}

.banner--white .button-link .icn-world:before {
    color: currentColor
}

._bDark,
.banner--black {
    background: #000;
    color: #fff
}

._bDark h2,
._bDark p,
.banner--black h2,
.banner--black p {
    color: inherit
}

.bDefault,
.banner--virus {
    background-size: cover
}

.bDefault .banner__txt-block,
.banner--virus .banner__txt-block {
    position: relative
}

.bDefault .banner__bg,
.banner--virus .banner__bg {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute
}

.bDefault h2,
.banner--virus h2 {
    font-size: 27px;
    line-height: 1.4;
    margin: 0 0 15px
}

.bDefault h2 b,
.banner--virus h2 b {
    display: block;
    font-size: 40px
}

.bDefault .banner-text,
.bDefault .banner-text p,
.banner--virus .banner-text,
.banner--virus .banner-text p {
    font-size: 20px;
    line-height: 1.5
}

.bDefault .banner__txt-block,
.banner--virus .banner__txt-block {
    padding-top: 0
}

.bDefault .button-main,
.banner--virus .button-main {
    min-width: 240px
}

.banner--shares {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat
}

.banner--shares .banner--first-wrap {
    padding-top: 0
}

.webp .banner--shares {
    background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner.webp)
}

.no-webp .banner--shares {
    background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner.jpg)
}

.webp .banner--shares .banner__same {
    background-image: url(../img/homepage/top-banner/companies.webp)
}

.no-webp .banner--shares .banner__same {
    background-image: url(../img/homepage/top-banner/companies.png)
}

.banner--shares h2 {
    font-size: 36px;
    line-height: 1.42;
    margin: 0 0 30px
}

.banner--shares .banner-text,
.banner--shares .banner-text p {
    font-weight: 400
}

@keyframes scaling {
    0% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1.2)
    }
}

.section--spreadBetting {
    background-size: cover;
    background-color: #09112d;
    color: #fff;
    padding: 34px 0 0
}

.webp .section--spreadBetting {
    background-image: url(../img/homepage/top-banner/bg-sec-spread-betting.webp)
}

.no-webp .section--spreadBetting {
    background-image: url(../img/homepage/top-banner/bg-sec-spread-betting.jpg)
}

.section--spreadBetting p {
    margin: 0 0 24px
}

.section--spreadBetting .row-cont {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.section--spreadBetting .section__content {
    position: relative;
    z-index: 2
}

.section--spreadBetting .section__visual {
    position: relative;
    z-index: 1;
    margin: -9px -3% -6px -13%
}

.section--spreadBetting .section__visual img {
    display: block;
    height: 100%;
    width: auto
}

.section--spreadBetting .h2,
.section--spreadBetting .list-webinar__item,
.section--spreadBetting p {
    color: inherit
}

.section--spreadBetting h2.h2 {
    margin: 0 0 28px;
    line-height: 1.5
}

.section--spreadBetting .section__controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.section--spreadBetting .list-webinar {
    width: 100%
}

.section--spreadBetting .list-webinar__item {
    margin-bottom: 12px
}

.section--spreadBetting .section__note {
    background: rgba(255, 255, 255, .1);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
    padding: 15px 0
}

.banner--dark {
    background-color: #000;
    color: #fff
}

.banner--dark h2 {
    color: inherit
}

.banner--at {
    background: transparent url(../img/accounts/bg-at.jpg) center no-repeat;
    background-size: cover
}

.banner--at .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner--at .h1,
.banner--at .txt-md {
    text-align: left
}

.banner--at .btnsHolder {
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    padding: 37px 24px;
    max-width: 460px;
    margin-top: 32px
}

.banner--at .btnsHolderTitle {
    font-size: 20px;
    line-height: 37px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.banner--at .btnsHolder .button-main {
    width: 100%;
    color: #1a1e2d
}

.banner--at .btnsHolder .button-main.white {
    background: #fff
}

.banner--at .btnsHolder .button-main.white:hover {
    background: rgba(255, 255, 255, .7)
}

.btc-current {
    font-size: 16px;
    line-height: 32px;
    background: linear-gradient(105.25deg, rgba(187, 139, 98, .11) 0, #bb8b62 100%);
    border: 1px solid #fff;
    border-radius: 15px;
    padding: 20px 30px;
    max-width: 335px;
    width: 100%;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative
}

.btc-current svg {
    display: none
}

.btc-current .price,
.btc-current .sell {
    font-size: 40px;
    padding: 0;
    font-weight: 700;
    margin: 5px 0;
    display: inline-block;
    color: #fff
}

.btc-current .price:after,
.btc-current .sell:after {
    display: none
}

.btc-current .price.negative-price,
.btc-current .price.positive-price,
.btc-current .sell.negative-price,
.btc-current .sell.positive-price {
    background: 0 0;
    animation: none
}

.btc-current .percent {
    font-size: 20px
}

.btc-current svg {
    position: absolute;
    top: 30px;
    left: 27px
}

.banner--contact {
    background: transparent url(../img/about/bg-banner-contact.jpg) center no-repeat;
    background-size: cover
}

.banner--contact .h1 {
    margin-bottom: 30px;
    font-size: 40px
}

.banner--contact .search__input--contact {
    width: 100%;
    height: 100%;
    padding: 11px 36px 9px 10px;
    line-height: normal;
    font-weight: 400;
    font-size: 26px;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 40px;
    border: none;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .3);
    box-sizing: border-box !important;
    transition: all .1s ease-out;
    cursor: text
}

.banner--contact .search__input--contact:hover {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .5)
}

.banner--contact .search__input--contact:focus {
    box-shadow: 0 0 0 4px #bb8b62
}

.banner--contact .search__ico {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%)
}

.banner--contact .search__clear {
    right: 17px;
    font-size: 0
}

.banner--contact .supp-center__container {
    position: relative;
    margin: 0 auto;
    max-width: 560px
}

.banner--contact .supp-center__container span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(calc(-100% - 30px)) translateY(-50%);
    font-size: 24px;
    color: #fff
}

.trading-app {
    background: #fff
}

.trading-app:after {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    border-top: 4px solid #262626;
    content: ""
}

.trading-app__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.trading-app__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.trading-app__item img {
    max-width: 100%
}

.trading-app__item .trading-app__rating,
.trading-app__item a {
    position: absolute;
    z-index: 5
}

.trading-app__item a {
    bottom: 75px;
    filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .35))
}

.trading-app__item .trading-app__rating {
    bottom: 30px
}

.trading-app__item--appstore .rating {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTIyIDE5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOS41IDBMMTEuOTAxMSA2LjE5NTE3TDE4LjUzNSA2LjU2NDM0TDEzLjM4NTEgMTAuNzYyM0wxNS4wODQgMTcuMTg1N0w5LjUgMTMuNTg1TDMuOTE2MDQgMTcuMTg1N0w1LjYxNDkzIDEwLjc2MjNMMC40NjQ5NjMgNi41NjQzNEw3LjA5ODkgNi4xOTUxN0w5LjUgMFoiIGZpbGw9IiNGRjlEMjgiLz4KPHBhdGggZD0iTTM0LjgzMzIgMEwzNy4yMzQzIDYuMTk1MTdMNDMuODY4MyA2LjU2NDM0TDM4LjcxODMgMTAuNzYyM0w0MC40MTcyIDE3LjE4NTdMMzQuODMzMiAxMy41ODVMMjkuMjQ5MyAxNy4xODU3TDMwLjk0ODIgMTAuNzYyM0wyNS43OTgyIDYuNTY0MzRMMzIuNDMyMSA2LjE5NTE3TDM0LjgzMzIgMFoiIGZpbGw9IiNGRjlEMjgiLz4KPHBhdGggZD0iTTYwLjE2NjggMEw2Mi41Njc5IDYuMTk1MTdMNjkuMjAxOCA2LjU2NDM0TDY0LjA1MTggMTAuNzYyM0w2NS43NTA3IDE3LjE4NTdMNjAuMTY2OCAxMy41ODVMNTQuNTgyOCAxNy4xODU3TDU2LjI4MTcgMTAuNzYyM0w1MS4xMzE3IDYuNTY0MzRMNTcuNzY1NyA2LjE5NTE3TDYwLjE2NjggMFoiIGZpbGw9IiNGRjlEMjgiLz4KPHBhdGggZD0iTTg1LjUgMEw4Ny45MDExIDYuMTk1MTdMOTQuNTM1IDYuNTY0MzRMODkuMzg1MSAxMC43NjIzTDkxLjA4NCAxNy4xODU3TDg1LjUgMTMuNTg1TDc5LjkxNiAxNy4xODU3TDgxLjYxNDkgMTAuNzYyM0w3Ni40NjUgNi41NjQzNEw4My4wOTg5IDYuMTk1MTdMODUuNSAwWiIgZmlsbD0iI0ZGOUQyOCIvPgo8cGF0aCBkPSJNMTExLjg4OSAwTDExNC4yOSA2LjE5NTE3TDEyMC45MjQgNi41NjQzNEwxMTUuNzc0IDEwLjc2MjNMMTE3LjQ3MyAxNy4xODU3TDExMS44ODkgMTMuNTg1TDEwNi4zMDUgMTcuMTg1N0wxMDguMDA0IDEwLjc2MjNMMTAyLjg1NCA2LjU2NDM0TDEwOS40ODggNi4xOTUxN0wxMTEuODg5IDBaIiBmaWxsPSIjREZERkRGIi8+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTAyIiB5PSIwIiB3aWR0aD0iMTkiIGhlaWdodD0iMTgiPgo8cGF0aCBkPSJNMTExLjg4OSAwTDExNC4yOSA2LjE5NTE3TDEyMC45MjQgNi41NjQzNEwxMTUuNzc0IDEwLjc2MjNMMTE3LjQ3MyAxNy4xODU3TDExMS44ODkgMTMuNTg1TDEwNi4zMDUgMTcuMTg1N0wxMDguMDA0IDEwLjc2MjNMMTAyLjg1NCA2LjU2NDM0TDEwOS40ODggNi4xOTUxN0wxMTEuODg5IDBaIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cmVjdCB4PSIxMDEiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxOSIgZmlsbD0iI0ZGOUQyOCIvPgo8L2c+Cjwvc3ZnPgo=)
}

.trading-app__item--gplay .rating {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTIyIDE5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOS41IDBMMTEuOTAxMSA2LjE5NTE3TDE4LjUzNSA2LjU2NDM0TDEzLjM4NTEgMTAuNzYyM0wxNS4wODQgMTcuMTg1N0w5LjUgMTMuNTg1TDMuOTE2MDQgMTcuMTg1N0w1LjYxNDkzIDEwLjc2MjNMMC40NjQ5NjMgNi41NjQzNEw3LjA5ODkgNi4xOTUxN0w5LjUgMFoiIGZpbGw9IiNGRjlEMjgiLz4KPHBhdGggZD0iTTM0LjgzMzIgMEwzNy4yMzQzIDYuMTk1MTdMNDMuODY4MyA2LjU2NDM0TDM4LjcxODMgMTAuNzYyM0w0MC40MTcyIDE3LjE4NTdMMzQuODMzMiAxMy41ODVMMjkuMjQ5MyAxNy4xODU3TDMwLjk0ODIgMTAuNzYyM0wyNS43OTgyIDYuNTY0MzRMMzIuNDMyMSA2LjE5NTE3TDM0LjgzMzIgMFoiIGZpbGw9IiNGRjlEMjgiLz4KPHBhdGggZD0iTTYwLjE2NjggMEw2Mi41Njc5IDYuMTk1MTdMNjkuMjAxOCA2LjU2NDM0TDY0LjA1MTggMTAuNzYyM0w2NS43NTA3IDE3LjE4NTdMNjAuMTY2OCAxMy41ODVMNTQuNTgyOCAxNy4xODU3TDU2LjI4MTcgMTAuNzYyM0w1MS4xMzE3IDYuNTY0MzRMNTcuNzY1NyA2LjE5NTE3TDYwLjE2NjggMFoiIGZpbGw9IiNGRjlEMjgiLz4KPHBhdGggZD0iTTg1LjUgMEw4Ny45MDExIDYuMTk1MTdMOTQuNTM1IDYuNTY0MzRMODkuMzg1MSAxMC43NjIzTDkxLjA4NCAxNy4xODU3TDg1LjUgMTMuNTg1TDc5LjkxNiAxNy4xODU3TDgxLjYxNDkgMTAuNzYyM0w3Ni40NjUgNi41NjQzNEw4My4wOTg5IDYuMTk1MTdMODUuNSAwWiIgZmlsbD0iI0ZGOUQyOCIvPgo8cGF0aCBkPSJNMTExLjg4OSAwTDExNC4yOSA2LjE5NTE3TDEyMC45MjQgNi41NjQzNEwxMTUuNzc0IDEwLjc2MjNMMTE3LjQ3MyAxNy4xODU3TDExMS44ODkgMTMuNTg1TDEwNi4zMDUgMTcuMTg1N0wxMDguMDA0IDEwLjc2MjNMMTAyLjg1NCA2LjU2NDM0TDEwOS40ODggNi4xOTUxN0wxMTEuODg5IDBaIiBmaWxsPSIjREZERkRGIi8+CjxtYXNrIGlkPSJtYXNrMCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMTAyIiB5PSIwIiB3aWR0aD0iMTkiIGhlaWdodD0iMTgiPgo8cGF0aCBkPSJNMTExLjg4OSAwTDExNC4yOSA2LjE5NTE3TDEyMC45MjQgNi41NjQzNEwxMTUuNzc0IDEwLjc2MjNMMTE3LjQ3MyAxNy4xODU3TDExMS44ODkgMTMuNTg1TDEwNi4zMDUgMTcuMTg1N0wxMDguMDA0IDEwLjc2MjNMMTAyLjg1NCA2LjU2NDM0TDEwOS40ODggNi4xOTUxN0wxMTEuODg5IDBaIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMCkiPgo8cmVjdCB4PSIxMDEuMzMzIiB3aWR0aD0iOS41IiBoZWlnaHQ9IjE5IiBmaWxsPSIjRkY5RDI4Ii8+CjwvZz4KPC9zdmc+Cg==)
}

.trading-app__rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 29px;
    font-weight: 700;
    font-size: 29px
}

.trading-app__rating .rating {
    width: 120px;
    height: 20px;
    background-size: contain;
    background-position: center
}

.trading-app__rating span:first-child,
.trading-app__rating svg:first-child {
    margin-right: 10px
}

.trading-app__line {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    border-top: 4px solid #262626;
    content: ""
}

.trading-app__line:after,
.trading-app__line:before {
    display: inline-block;
    position: absolute;
    bottom: -4px;
    width: inherit;
    height: inherit;
    background: inherit;
    border-top: inherit;
    content: ""
}

.trading-app__line:before {
    right: 100%
}

.trading-app__line:after {
    left: 100%
}

html[lang=ar] .banner--bitcoin {
    background: #21130b url(../img/homepage/top-banner/banner-bitcoin2-ar.webp) left center no-repeat;
    background-size: cover;
    background-position: center
}

@media (min-width:768px) {
    .ico-commission {
        width: 282px;
        height: 282px;
        min-width: 282px;
        background: url(../img/icons/ico-commission.svg) center no-repeat;
        background-size: 282px
    }

    .blg-c-wp .blg-c:hover .blg-tp {
        display: block
    }

    .notification {
        padding-right: 32px
    }

    .notification__frame {
        min-height: 34px
    }

    .header-with-footer__fix .footer__fix--sticky-bar .row-cont .footer__prev {
        font-size: 16px
    }

    .topBanner {
        display: none
    }

    .header__apps {
        display: none
    }

    .banner--homepage .main__banner {
        padding: 25px 15px 30px;
        background: url(../img/homepage/bg-banner.jpg) top center no-repeat;
        background-size: cover
    }

    .banner--video {
        padding: 0;
        min-height: 250px;
        height: 415px
    }

    .banner--video.banner--gamestop {
        background-position: left center
    }

    .banner--video.banner--boolets h2 {
        font-size: 32px
    }

    .banner--video.banner--zero h2 span {
        font-size: 24px
    }

    .banner--video .bannerBtns .button-main:not(:last-child) {
        margin-inline-end: 16px
    }

    .banner--video p {
        line-height: 51px;
        font-size: 33px
    }

    [lang=es] .banner--video p,
    [lang=it] .banner--video p {
        font-size: 27px
    }

    .banner--video .h1 {
        font-size: 48px;
        line-height: 65px
    }

    .video-first {
        display: block
    }

    .banner__overlay--hide-on-desktop {
        display: none
    }

    .bDefault h2,
    .banner--virus h2 {
        font-size: 40px
    }

    .bDefault h2 b,
    .banner--virus h2 b {
        font-size: 55px
    }

    .bDefault .banner-text,
    .bDefault .banner-text p,
    .banner--virus .banner-text,
    .banner--virus .banner-text p {
        font-size: 22px
    }

    .section--spreadBetting h2.h2 {
        text-align: left;
        letter-spacing: 1px
    }

    .section--spreadBetting .list-webinar {
        margin-right: 30px;
        min-width: 265px;
        width: auto
    }

    .banner--at .h1 {
        font-size: 56px;
        line-height: 64px
    }

    .banner--at .txt-md {
        font-weight: 500;
        font-size: 18px;
        line-height: 30px
    }

    .banner--at .btnsHolder {
        margin-left: 30px;
        margin-top: 0;
        padding: 37px 98px
    }

    .banner--at .btnsHolderTitle {
        font-size: 28px;
        line-height: 37px
    }

    .trading-app {
        background-image: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, .5) 100%), url(../img/homepage/bg_trading-app.webp);
        background-size: cover;
        background-position: center
    }

    .trading-app:after {
        display: inline-block
    }

    .trading-app__list {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .trading-app__item img {
        margin-bottom: 100px
    }

    .trading-app__line {
        display: none
    }
}

@media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),
(min-width:768px) and (min-resolution:144dpi) {
    .banner--homepage .main__banner {
        background: url(../img/homepage/bg-banner@2x.jpg) top center no-repeat;
        background-size: cover
    }
}

@media (min-width:801px) {
    .banner--homepage .slick-dots {
        left: 15px
    }
}

@media (min-width:992px) {
    .banner--homepage .main__banner {
        padding-top: 45px
    }

    .banner--homepage .txt-md {
        display: none
    }

    .banner--main {
        padding: 70px 0 60px
    }

    .banner--default .txt-md,
    .banner--ipo .txt-md {
        font-size: 24px
    }

    .banner--default .h1,
    .banner--ipo .h1 {
        font-size: 36px
    }

    .banner--airbnb {
        background-size: 1440px 395px;
        background-position: bottom center
    }

    .banner--airbnb:after,
    .banner--airbnb:before {
        content: "";
        display: block;
        position: absolute;
        width: 50%;
        height: 100%;
        bottom: 0;
        z-index: -1
    }

    .banner--airbnb:after {
        background: #fe3e40;
        right: 0
    }

    .banner--airbnb:before {
        background: #5f0a0c;
        left: 0
    }

    .banner--slack {
        background-size: 1440px 360px;
        background-position: bottom center
    }
}

@media (min-width:1024px) {

    .logo,
    .logo-invert {
        width: 186px;
        height: 37px
    }

    .banner--comparison {
        min-height: 416px
    }

    .banner--comparison p {
        max-width: 560px;
        font-size: 24px;
        line-height: 2
    }

    .banner--comparison .h1 {
        font-size: 56px;
        line-height: 64px;
        margin-bottom: 48px
    }
}

@media (min-width:1200px) {
    p {
        font-size: 18px;
        line-height: 1.667
    }

    .header__burger {
        display: none
    }

    .header__nav .lang-change {
        margin-left: 10px
    }

    .header__nav.open .header__nav--item:first-child:not(.header__nav--search-ico) {
        margin: 0 16px
    }

    .header__nav--item:first-of-type:not(.header__nav--search-ico):hover {
        position: absolute
    }

    .header__nav--item:first-of-type:not(.header__nav--search-ico) {
        position: absolute;
        left: 10%;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -10;
        opacity: 0
    }

    .header__nav--item.open {
        left: 0;
        z-index: 10;
        opacity: 1
    }

    .ipad-pro .header__nav--link.open+.header__submenu {
        position: absolute
    }

    [lang=id] .header__nav--reorg,
    [lang=ms] .header__nav--reorg,
    [lang=th] .header__nav--reorg {
        min-width: 740px
    }

    .header__nav--reorg .header__nav--main:hover .header__submenu {
        transition: transform .2s ease-in-out 0s, visibility .2s ease-in-out 0s, opacity .2s ease-out 0s, z-index 0s ease-out 0s;
        transform: translate3d(0, 0, 0);
        visibility: hidden;
        opacity: 0;
        z-index: -2
    }

    .header__nav--reorg .header__nav--item:hover .header__submenu {
        transition: transform .2s ease-out 0s, visibility 0s ease-out 0s, opacity 0s ease-out 0s, z-index 0s ease-out 0s;
        transform: translate3d(0, 0, 0);
        visibility: visible;
        opacity: 1;
        z-index: -1
    }

    .header__nav--reorg .header__nav--item:hover .header__submenu--item {
        opacity: 1
    }

    .header__nav--reorg .header__nav--item:hover:first-child:not(.header__nav--search-ico) {
        position: absolute
    }

    .header__nav--reorg .header__nav--link {
        padding: 20px 1.5vw;
        width: 100%;
        text-align: center;
        z-index: 1
    }

    [lang=bg] .header__nav--reorg .header__nav--link,
    [lang=cs] .header__nav--reorg .header__nav--link,
    [lang=el] .header__nav--reorg .header__nav--link,
    [lang=es] .header__nav--reorg .header__nav--link,
    [lang=fr] .header__nav--reorg .header__nav--link,
    [lang=hu] .header__nav--reorg .header__nav--link,
    [lang=id] .header__nav--reorg .header__nav--link,
    [lang=it] .header__nav--reorg .header__nav--link,
    [lang=lt] .header__nav--reorg .header__nav--link,
    [lang=pt] .header__nav--reorg .header__nav--link,
    [lang=ro] .header__nav--reorg .header__nav--link,
    [lang=sk] .header__nav--reorg .header__nav--link {
        display: inline-block;
        padding: 20px 1.25vw;
        max-width: 180px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    [lang=bg] .header__nav--reorg .header__nav--link,
    [lang=el] .header__nav--reorg .header__nav--link,
    [lang=es] .header__nav--reorg .header__nav--link,
    [lang=fr] .header__nav--reorg .header__nav--link,
    [lang=hu] .header__nav--reorg .header__nav--link,
    [lang=pt] .header__nav--reorg .header__nav--link,
    [lang=sk] .header__nav--reorg .header__nav--link {
        padding: 20px 1vw
    }

    [lang=ru] .header__nav--reorg .header__nav--link {
        padding: 20px 1.25vw
    }

    [lang=fr] .header__nav--reorg .header__nav--link {
        max-width: 160px
    }

    .header__nav--reorg .header__nav--link.open+.header__submenu {
        position: absolute
    }

    .header__nav--reorg .header__nav-arrow {
        display: none
    }

    .header__nav--reorg .header__submenu {
        transition: transform .3s ease-in-out 0s, visibility .3s ease-in-out 0s, opacity .3s ease-out 0s, z-index .3s ease-out 0s;
        transform: translate3d(0, -110%, 0);
        will-change: transform;
        visibility: hidden;
        opacity: 0;
        z-index: -2
    }

    .header__nav--reorg .header__submenu--item {
        opacity: 0
    }

    .header__nav--reorg .header__submenu--subtitle a:first-child,
    .header__nav--reorg .header__submenu--subtitle div:first-child {
        color: #000
    }

    .header__nav--reorg .header__submenu--subtitle a:first-child {
        position: relative;
        display: block;
        width: 100%;
        transition: all .1s ease-out
    }

    .header__nav--reorg .header__submenu--subtitle a:first-child:after {
        position: absolute;
        right: 0;
        top: 50%;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #4c4c4c;
        transition: border-left .1s ease-out;
        transform: translateY(-50%);
        content: ""
    }

    .banner--video.banner--gamestop .banner__same {
        max-width: 540px
    }

    .banner--video.banner--bitcoin .banner__txt-block {
        max-width: 60%
    }

    .banner--video.banner--airbnbIPO .banner-text,
    .banner--video.banner--airbnbIPO .banner-text p {
        max-width: 400px
    }

    .banner--video.banner--airbnbIPO .banner__same {
        max-width: 743px;
        width: 120%
    }

    .banner--video.banner--earnings h2 {
        max-width: 600px
    }

    .banner--video .topList {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin: 20px auto
    }

    html[dir=rtl] .banner--video .topList {
        right: auto;
        left: 0
    }

    .banner--video .row-cont {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .banner--video .banner__item {
        padding-bottom: 25px
    }

    .banner__ready:after {
        top: 14px;
        right: 39px
    }

    .banner--bonus .banner__txt-block {
        max-width: 52%;
        padding-top: 6px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .bDefault,
    .banner--virus {
        height: 470px
    }

    .bDefault .banner__item,
    .banner--virus .banner__item {
        text-align: left
    }

    .section--spreadBetting p {
        font-size: 20px;
        line-height: 1.6
    }

    .btc-current {
        position: absolute;
        right: 15%;
        top: 50%;
        transform: translateY(-50%);
        margin-bottom: 0
    }

    .banner--contact .search__input--contact {
        padding-left: 45px;
        border-bottom: 0
    }
}

@media (min-width:1440px) {
    .banner--aramco {
        background-size: contain
    }

    .banner--peloton {
        background-size: contain
    }
}

@media (min-width:1441px) {
    .badge-pro.laptop-screen {
        display: none
    }
}

@media (min-width:1485px) {
    .video-first {
        min-width: 100%
    }
}

@media (max-width:1440px) {
    .badge-pro.wide-screen {
        display: none
    }
}

@media (max-width:1400px) {
    .headerDrop {
        right: auto;
        left: 0
    }

    .award-banner {
        background-size: contain;
        background-color: #272a2c
    }
}

@media (max-width:1199px) {
    .green-check {
        background-size: 19px
    }

    .header {
        padding: 12px 15px 13px
    }

    .header .logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-right: 0
    }

    .header__bg.open {
        transform: translateY(0);
        opacity: 1;
        transition: transform 10ms, opacity .2s
    }

    .header-holder .header__nav {
        position: absolute;
        top: 100% !important;
        height: 100vh
    }

    .header.open .header__nav {
        left: 0;
        overflow-y: scroll;
        padding-bottom: 60px;
        transition: left .4s, padding .3s;
        -webkit-overflow-scrolling: touch
    }

    .header__nav {
        position: fixed;
        width: 280px;
        z-index: 2;
        left: -100%;
        top: 58px;
        background-color: #fff;
        transition: left .4s, padding .3s;
        transition-delay: .1s;
        height: 100%;
        overflow: hidden;
        display: block;
        padding-bottom: 0
    }

    .header__nav--mbtn {
        display: block
    }

    .header__nav form {
        width: 100%;
        padding: 0 15px
    }

    .header__nav--item {
        display: block;
        margin: 10px 0 0
    }

    .header__nav--item.header__nav--search-ico {
        display: none
    }

    .header__nav--item.active .header__nav--link {
        background: #fff
    }

    .header__nav--link {
        padding: 15px 18px;
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__nav--link:hover {
        color: #bb8b62;
        background: #fff
    }

    .header__nav--link.open+.header__submenu {
        display: block
    }

    .header__nav--link.open+.header__submenu .header__submenu--link {
        display: block;
        text-align: left;
        padding: 17px 30px 13px
    }

    .header__nav-arrow {
        display: block;
        top: 50%;
        transform: translateY(-50%);
        right: 15px
    }

    .header__submenu {
        width: 100%;
        display: none;
        box-shadow: none
    }

    .header__submenu.two_colums {
        width: 100%
    }

    .header__submenu--item {
        width: 100%;
        min-width: 100%
    }

    .header__submenu--link {
        font-size: 14px;
        line-height: 1;
        color: #4c4c4c
    }

    .ipad-pro .header__nav-arrow {
        margin: 0;
        transform: translateY(0)
    }

    .header__login {
        display: none
    }

    .header .menu__underline {
        display: none
    }

    .header__nav--main {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex: unset;
        flex: unset
    }

    .header__nav--reorg {
        background: #fff
    }

    .header__nav--reorg form {
        margin-left: 6px;
        padding: 0
    }

    .header__nav--reorg .header__nav--item:not(.header__nav--item_search) {
        margin: unset
    }

    .header__nav--reorg .header__nav--item:hover {
        position: relative
    }

    .header__nav--reorg .header__nav--link {
        margin-left: 8px;
        padding: 8px 0;
        min-height: 50px;
        background: 0 0;
        white-space: normal
    }

    .header__nav--reorg .header__nav--link:hover {
        background: 0 0
    }

    .header__nav--reorg .header__submenu {
        min-height: unset;
        border-radius: 0;
        visibility: visible;
        opacity: 1;
        z-index: unset;
        display: none
    }

    .header__nav--reorg .header__submenu--item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 8px 10px 8px 16px;
        opacity: 1
    }

    .header__nav--reorg .header__submenu--item.w_chart {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 8px 32px
    }

    .header__nav--reorg .header__submenu--dropdown {
        display: none;
        margin-bottom: 8px
    }

    .header__nav--reorg .header__submenu--subtitle {
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: unset;
        padding: unset;
        border-bottom: none
    }

    .header__nav--reorg .header__submenu--subtitle:after {
        display: none
    }

    .header__nav--reorg .header__submenu--subtitle a:first-child,
    .header__nav--reorg .header__submenu--subtitle div:first-child {
        margin: 0 15px 15px 0;
        padding: 10px 0 15px;
        width: 80%;
        border-bottom: 1px solid #bbbdbf;
        color: #000
    }

    .header__nav--reorg .header__submenu--subtitle .header__nav-arrow {
        top: 6px
    }

    .header__nav--reorg .header__submenu--subtitle.open+.header__submenu--dropdown {
        display: block
    }

    .header__nav--reorg .header__submenu--subtitle.open .header__nav-arrow:after {
        transform: translateX(-50%) translateY(-50%) rotate(180deg)
    }

    .header__nav--reorg .chart {
        display: none
    }

    .header__nav--reorg .search__input {
        position: relative
    }

    .header__nav--reorg .search__input:focus+.search__ico.icn-search {
        display: block
    }

    .header__nav--reorg .search__input {
        padding: 15px 44px 13px 10px;
        background: #f8f8f8;
        border: 1px solid #f8f8f8;
        border-radius: 4px;
        transition: border .1s ease-out
    }

    .header__nav--reorg .search__input:active,
    .header__nav--reorg .search__input:focus,
    .header__nav--reorg .search__input:hover {
        border: 1px solid rgba(0, 0, 0, .1)
    }

    .header__nav--side .lang-change {
        margin-left: unset
    }

    .header__logotype {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-right: 0
    }

    .header__logotype .logo {
        position: static;
        transform: unset
    }

    .headerDrop {
        right: 0;
        left: auto;
        max-width: 294px
    }

    .lang-change {
        float: none;
        font-size: 18px;
        line-height: 24px;
        color: #4c4c4c;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        cursor: pointer;
        padding: 15px 18px;
        margin: 10px 0 0
    }

    .lang-name {
        margin-left: 10px;
        padding-top: 1px
    }

    .banner__slider-btn--with-link {
        -ms-flex-align: center;
        align-items: center
    }

    .banner--aramco .madden {
        width: 333px;
        transform: translateX(-70%)
    }

    .banner--aramco .h1,
    .banner--aramco .txt-md,
    .banner--aramco p {
        max-width: 410px
    }

    .banner--peloton .madden {
        width: 333px;
        transform: translateX(-70%)
    }

    .banner--peloton .h1,
    .banner--peloton .txt-md,
    .banner--peloton p {
        max-width: 410px
    }

    .banner--video {
        height: auto
    }

    .banner--video.halfImgCenter .banner__bg {
        object-fit: cover;
        right: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        opacity: .5
    }

    html[dir=rtl] .banner--video.halfImgCenter .banner__bg {
        transform: scale(-1, 1)
    }

    .banner--video.banner--volatility .banner__same {
        display: none
    }

    .banner--video.banner--gamestop .banner-link {
        text-align: center;
        display: block
    }

    .banner--video.banner--boolets .list-webinar .icn-check {
        position: relative
    }

    .banner--video.banner--zero .banner__same:before {
        display: none
    }

    .banner--video .title-middle {
        text-align: center
    }

    .banner--video p {
        text-align: center
    }

    .banner--video .banner__txt-block {
        margin: 0 auto 10px auto
    }

    .banner--video.banner--mt4 .banner--first-wrap {
        padding: 48px 15px
    }

    .video-first {
        position: absolute
    }

    .banner--contact .search__input--contact {
        padding-left: 45px
    }
}

@media (max-width:1024px) {
    .appsDownload {
        margin-right: 0
    }
}

@media (max-width:1023px) {
    .header__logotype {
        -ms-flex-pack: start;
        justify-content: flex-start;
        left: 46px;
        transform: translateY(-50%)
    }

    .banner .button-main {
        display: none
    }

    .banner--homepage .txt-md {
        display: block
    }

    .banner--aramco .madden {
        width: 317px
    }

    .banner--peloton .madden {
        width: 317px
    }

    .banner--video.bVisual .banner__bg {
        object-fit: cover;
        right: -46%;
        width: 100%;
        height: 100%
    }

    html[dir=rtl] .banner--video.bVisual .banner__bg {
        right: auto;
        left: -46%
    }

    .banner--video.banner--bitcoin {
        background: #21130b
    }

    .banner--video .bannerBtns ._demo {
        display: block
    }

    .banner__ready-title .button-main {
        display: none
    }

    .banner__ready-title .button-main.mob {
        display: -ms-flexbox;
        display: flex
    }

    .section--spreadBetting .section__visual {
        margin: -9px -3% -6px -37%;
        opacity: .3
    }

    .banner--at .btnsHolder .button-main {
        display: inline-block
    }

    .banner--contact .supp-center__container span {
        display: none
    }
}

@media (max-width:991px) {
    .banner {
        padding: 48px 10px
    }

    .banner--webinar.show-video {
        height: 600px
    }

    .banner--safe.banner {
        padding: 48px 0 0
    }

    .banner--main {
        padding-left: 0;
        padding-right: 0
    }

    .banner--main .banner--main_title {
        font-size: 30px;
        line-height: 1.3125;
        margin-bottom: 10px
    }

    .banner__search {
        max-width: calc(100% - 30px);
        margin: 0 auto
    }

    .banner__search .instruments-search {
        display: block;
        margin: 30px auto 0
    }

    .banner--default,
    .banner--ipo {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .banner--airbnb {
        padding-bottom: 320px
    }

    .banner--airbnb .h1,
    .banner--airbnb .txt-md,
    .banner--airbnb p {
        color: #000
    }

    .banner--airbnb .reply {
        border-left: 2px solid #000
    }

    .banner--slack .madden {
        width: 317px
    }

    .banner--slack .h1,
    .banner--slack .txt-md,
    .banner--slack p {
        max-width: 430px
    }

    .banner--aramco .madden {
        transform: translateX(0)
    }

    .banner--peloton .madden {
        transform: translateX(0)
    }

    .banner--default .madden {
        width: 317px
    }

    .banner--default .h1,
    .banner--default .txt-md,
    .banner--default p {
        max-width: 430px
    }

    .banner--video .topList {
        padding: 16px;
        --gap-topList: 8px;
        font-size: 14px;
        border-radius: 8px
    }
}

@media (max-width:960px) {
    .fixed-contact {
        padding: 4px;
        background: var(--bg-openBox);
        border-radius: var(--radius-openBox) 0 0 var(--radius-openBox);
        box-shadow: var(--shadow-openBox);
        bottom: 16px !important;
        right: 0 !important;
        min-width: var(--zise-openBox);
        height: var(--zise-openBox)
    }

    .fixed-contact__icon {
        margin-bottom: 0;
        width: 100%;
        height: 100%;
        background: #bb8b62;
        border-radius: 50%
    }

    .fixed-contact__icon:before {
        margin-right: 0;
        width: 70%;
        height: 70%
    }

    .fixed-contact__icon span {
        display: none
    }

    .fixed-contact__desc {
        display: none
    }
}

@media (max-width:800px) {
    .banner--homepage .slick-dots {
        text-align: center
    }

    .banner__slider-btn--with-link {
        padding-bottom: 25px
    }

    .banner__slider-btn--with-link .button-link {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .sprite__values {
        width: 110px;
        height: 110px;
        display: block;
        margin: 0 auto;
        background-image: url(../img/careers/sprite-values-mob.png)
    }

    .sprite__values.care {
        background-position: -110px -110px
    }

    .sprite__values.clarity {
        background-position: -220px -220px
    }

    .sprite__values.curiosity {
        background-position: -330px -330px
    }

    .sprite__values.boldness {
        background-position: 0 0
    }

    .sprite__values.efficiency {
        background-position: -440px -440px
    }

    .sprite__values.pragmatism {
        background-position: -550px -550px
    }

    .h3,
    h3 {
        font-size: 18px;
        line-height: 24px;
        color: #000
    }

    .h4,
    h4 {
        font-size: 16px;
        line-height: 22px;
        color: #000
    }

    .txt-lg,
    p.txt-lg {
        font-size: 16px;
        line-height: 22px;
        color: #000
    }

    .txt-md,
    p.txt-md {
        font-size: 16px;
        line-height: 22px;
        color: #000
    }

    .txt-sm,
    p.txt-sm {
        line-height: 20px
    }

    .blg-wd {
        background: var(--bg-openBox);
        border-radius: var(--radius-openBox) 0 0 var(--radius-openBox);
        box-shadow: var(--shadow-openBox);
        bottom: 16px !important;
        right: 0 !important;
        min-width: var(--zise-openBox);
        height: var(--zise-openBox);
        width: auto;
        animation: none
    }

    .blg-btn-w {
        width: 40px;
        height: 40px;
        left: auto
    }

    .blg-btn:after {
        color: rgba(187, 139, 98, .5);
        box-shadow: none
    }

    .blg-btn {
        background: 0 0;
        box-shadow: none;
        left: -7px;
        animation: none;
        transition: none
    }

    .blg-rs .blg-r {
        animation-name: blg-btn-pulsate-small
    }

    .blg-rs .blg-r:nth-child(2),
    .blg-rs .blg-r:nth-child(3) {
        animation: none
    }

    .blg-c-w {
        animation: none;
        width: auto;
        position: static;
        height: 100%;
        padding: var(--gap-openBox)
    }

    .blg-c {
        width: var(--soc-sz-openBox);
        height: var(--soc-sz-openBox);
        margin: 0 var(--soc-gap-openBox) 0 0;
        border-radius: var(--soc-rdz-openBox)
    }

    .blg-c-wp:last-child .blg-c {
        margin-right: 0
    }

    .blg-cs {
        width: auto;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .blg-btn.blinger-opened {
        background: url(../img/icons/bulk.svg) center center no-repeat var(--btn-bg-openBox) !important;
        width: var(--close-sz-openBox);
        height: var(--close-sz-openBox);
        border-radius: var(--close-rds-openBox);
        border: 0 !important;
        animation: none;
        top: 6px;
        left: 2px
    }

    .notification__ico {
        top: 0
    }

    .notification__close {
        --icoPath: white;
        --icoCircle: transparent;
        right: auto;
        left: 13px;
        top: 30px
    }

    .header {
        padding: 7px 15px;
        padding-top: calc(7px + env(safe-area-inset-top))
    }

    .header-with-footer__fix .footer__fix--sticky-bar .main__cookies {
        padding: 8px 0 0 0 !important;
        -ms-flex-order: 1;
        order: 1
    }

    .header-with-footer__fix .footer__fix--sticky-bar .footer__prev {
        padding: 14px 0 8px 0 !important;
        -ms-flex-order: 2;
        order: 2
    }

    .header-with-footer__fix .footer__fix--sticky-bar .footer__prev--btn {
        display: none
    }

    .header__nav {
        top: 51px
    }

    .appsDownload {
        display: none
    }

    .header__logotype {
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(100% - 60px);
        left: 46px;
        transform: translateY(-50%)
    }

    .headerDrop__btn {
        width: 144px
    }

    .header .logo {
        width: 102px;
        height: 20px
    }

    .headerDrop__btn {
        font-size: 9px;
        line-height: 12px;
        width: 120px
    }

    .header__logotype {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .banner {
        padding: 32px 10px
    }

    .banner--clients {
        height: auto
    }

    .banner--webinar.show-video {
        height: 440px;
        padding-top: 65px
    }

    .banner--homepage .main__banner {
        background: url(../img/bg-valencia.jpg) center bottom no-repeat;
        min-height: 700px;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding-top: 15px
    }

    .banner--homepage .txt-md {
        text-align: center
    }

    .banner--safe.banner {
        padding: 32px 0 0
    }

    .banner--referral .row-cont {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .banner--referral img {
        margin-right: 0;
        margin-bottom: 30px
    }

    .banner--referral .h1,
    .banner--referral .txt-md {
        text-align: center
    }

    .banner--referral .banner__btns {
        text-align: center
    }

    .banner--main .banner--main_title {
        font-size: 26px
    }

    .banner.banner--clients .h1,
    .banner.banner--clients .txt-md,
    .banner.banner--clients h1,
    .banner.banner--clients p {
        text-align: center
    }

    .banner.banner--clients .row-cont {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner.banner--clients .button-main {
        margin: 0 auto
    }

    .banner--slack .row-cont {
        padding-bottom: 280px
    }

    .banner--slack .madden {
        left: 10px
    }

    .banner--slack .h1,
    .banner--slack .txt-md,
    .banner--slack p {
        max-width: 100%
    }

    .banner--aramco .row-cont {
        padding-bottom: 280px
    }

    .banner--aramco .madden {
        left: 10px
    }

    .banner--aramco .h1,
    .banner--aramco .txt-md,
    .banner--aramco p {
        max-width: 100%
    }

    .banner--peloton .row-cont {
        padding-bottom: 280px
    }

    .banner--peloton .madden {
        left: 10px
    }

    .banner--peloton .h1,
    .banner--peloton .txt-md,
    .banner--peloton p {
        max-width: 100%
    }

    .banner--default .madden {
        left: 10px
    }

    .banner--default .row-cont {
        padding-bottom: 240px
    }

    .banner--default .h1,
    .banner--default .txt-md,
    .banner--default p {
        max-width: 100%
    }

    .banner--video.banner--gamestop .banner__slider-btn--with-link:before {
        content: url(../img/homepage/top-banner/gamestop.svg);
        display: block
    }

    .banner--video.banner--boolets .list-webinar__item {
        padding-left: 0
    }

    .banner--video.banner--dogecoin .banner__bg {
        width: auto;
        right: 0
    }

    .banner--video.banner--dogecoin .btc-current {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0
    }

    .banner--video.banner--dogecoin .banner__wrap {
        -ms-flex-order: 2;
        order: 2
    }

    .banner--video.banner--dogecoin .banner--first-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .banner--video .bannerBtns {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .banner--video .title-desc {
        font-size: 27px
    }

    .banner--video.banner--mt4 .banner--first-wrap {
        padding: 32px 15px
    }

    .banner__overlay--hide-on-mobile {
        display: none
    }

    .badge-pro {
        display: none
    }

    .award-banner {
        background-image: url(../img/homepage/graph.png)
    }

    .award-banner-wrap {
        padding-top: 0
    }

    .award-banner .imac {
        display: none
    }

    .award-banner .iphone {
        position: relative;
        left: 0;
        right: 0;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        height: 280px;
        bottom: -65px
    }

    .award-banner .badge-platform {
        display: none
    }

    .banner--bonus {
        padding-top: 30px;
        min-height: 0
    }

    .banner--bonus .banner__wrap {
        min-height: 0
    }

    .banner--bonus h2 {
        font-size: 29px;
        line-height: 30px;
        text-align: center;
        margin: 0 0 15px
    }

    .banner--bonus .banner--first-wrap,
    .banner--bonus .banner__item,
    .banner--bonus .banner__slider-btn--with-link {
        padding-top: 0;
        padding-bottom: 0
    }

    .banner--bonus .banner-text p,
    .banner--bonus .banner-text p p {
        font-size: 14px;
        line-height: 15px
    }

    .bDefault,
    .banner--virus {
        padding: 0
    }

    .bDefault .banner--first-wrap,
    .banner--virus .banner--first-wrap {
        padding-top: 0
    }

    .banner--shares {
        background-size: cover
    }

    .banner--shares h2 {
        font-size: 24px
    }

    .section--spreadBetting .section__visual {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        width: 80%
    }

    .section--spreadBetting .section__visual img {
        width: 100%;
        height: auto
    }

    .section--spreadBetting .section__controls {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner--at .content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .trading-app {
        background: #fff
    }

    .trading-app__item {
        width: 100%
    }

    .trading-app__item img {
        width: 100%
    }
}

@media (-webkit-min-device-pixel-ratio:1.5) and (max-width:767px),
(min-resolution:144dpi) and (max-width:767px) {
    .sprite__values {
        background-image: url(../img/careers/sprite-values-mob@2x.png);
        background-size: 660px 660px
    }
}

@media (max-width:767px) and (orientation:portrait) {
    .header.open .header-site__inner {
        max-height: 420px
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .header.open .header-site__inner {
        max-height: calc(100vh - 84px)
    }
}

@media all and (max-width:767px) {
    .banner--webinar .video--placeholder {
        width: 450px;
        height: 252px
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:767px) and (min-resolution:144dpi) {
    .banner--homepage .main__banner {
        background: url(../img/bg-valencia@2x.jpg) center bottom no-repeat;
        background-size: 1022px 452px
    }
}

@media (max-width:599px) {
    .banner--homepage .main__banner {
        background-position: 40% 110%
    }

    .banner--video .title-middle {
        font-size: 40px;
        line-height: 42px
    }

    .banner__ready {
        padding-bottom: 100px;
        padding-top: 173px;
        background: url(../img/bg-banner-ready-320@2x.jpg?v1) center no-repeat;
        background-size: cover
    }

    .banner__ready:after {
        width: 180px;
        height: 139px;
        top: 22px;
        left: 50%;
        transform: translateX(-50%);
        background: url(../img/img-user-mob@2x.png) top center no-repeat;
        background-size: 100%
    }

    .banner__ready-title {
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner__ready-title .button-main {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%)
    }

    .banner__ready-title p {
        text-align: center;
        font-size: 28px;
        line-height: 36px
    }

    .banner__ready-list {
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 160px;
        margin: 24px auto 0
    }

    .banner__ready-list li {
        margin: 0 0 16px
    }
}

@media (max-width:567px) {
    .banner--airbnb {
        background-size: auto 255px;
        background-position: 89% 100%
    }

    .banner--slack {
        background-position: 46% 100%
    }

    .banner--aramco {
        background-position: 46% 100%
    }

    .banner--peloton {
        background-position: 46% 100%
    }
}

@media (max-width:480px) {
    .header-with-footer__fix .footer__fix--sticky-bar .main__cookies {
        line-height: 1.3
    }

    .header-with-footer__fix .footer__fix--sticky-bar .footer__prev {
        line-height: 1.3
    }

    .banner--webinar.show-video {
        margin-bottom: 35px;
        padding-top: 55px
    }

    .banner--webinar .frame {
        transform: translate(-50%, 35px)
    }

    .banner--main br {
        display: block
    }

    .banner--video .banner__item {
        padding-bottom: 25px
    }

    .banner--video .title-middle {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 15px
    }

    .banner--video p {
        font-size: 18px;
        line-height: 26px
    }

    .banner--video .button-link {
        margin-top: 25px
    }

    .banner--contact .h1 {
        line-height: 1.1;
        font-size: 32px
    }

    .banner--contact .search__input--contact {
        font-size: 18px
    }
}

@media all and (max-width:479px) {
    .banner--webinar .video--placeholder {
        width: 295px;
        height: 165px;
        transform: translateY(0)
    }
}

@media (max-width:400px) {
    .topBanner__image {
        width: 55px
    }

    .banner--webinar.show-video {
        height: 480px;
        margin-bottom: 35px;
        padding-top: 35px
    }
}

@media (min-width:480px) and (max-width:599px) {

    .negative-price:after,
    .positive-price:after {
        right: 5px
    }
}

@media all and (min-width:480px) and (max-width:1199px) {
    .header__nav--link {
        font-size: 18px;
        line-height: 24px;
        color: #4c4c4c
    }
}

@media all and (min-width:768px) and (max-width:1199px) {
    .header__login {
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media (min-width:480px) and (max-width:1199px) {
    .header__nav--reorg .header__nav--link {
        color: #28292d
    }

    .header__nav--reorg .header__nav--link:not(.header__nav--search-ico):not(.header_nav--item_loc):not(.header__nav--item_search) {
        border-bottom: none
    }
}

@media (min-width:801px) and (max-width:1100px) {
    .banner__slider-btn--with-link .button-link {
        margin-top: 10px
    }
}

@media (min-width:992px) and (max-width:1439px) {
    .banner--aramco {
        background-size: 1440px 360px
    }

    .banner--peloton {
        background-size: 1440px 360px
    }
}

@media (min-width:860px) and (max-width:1199px) {
    .banner__ready {
        padding: 35px 45px 35px 59px
    }

    .banner__ready-title .button-main {
        position: absolute;
        right: 45px;
        top: 50%;
        transform: translateY(-50%);
        display: -ms-flexbox;
        display: flex
    }

    .banner__ready-title p {
        max-width: 100%
    }
}

@media (min-width:860px) and (max-width:930px) {
    .banner__ready:after {
        display: none
    }
}

@media (min-width:781px) and (max-width:859px) {
    .banner__ready:after {
        top: 15px;
        right: 20px
    }
}

@media (min-width:600px) and (max-width:780px) {
    .banner__ready:after {
        display: none
    }

    .banner__ready-title {
        max-width: none
    }

    .banner__ready-title p {
        max-width: none;
        margin-right: 25px
    }
}

@media (min-width:600px) and (max-width:1023px) {
    .banner__ready-list li {
        margin-right: 25px
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .main__sprite {
        background-image: url(../img/homepage/sprite-homepage@2x.png);
        background-size: 1067px 857px
    }

    .sprite__values {
        background-image: url(../img/careers/sprite-values@2x.png);
        background-size: 756px 756px
    }

    .sprite {
        background-image: url(../img/sprite@2x.png?v=12);
        background-size: 3753px 1832px
    }

    .sprite-googleplay {
        background-position: -1658px -736px
    }

    .sprite2 {
        background-image: url(../img/sprite2@2x.png?v=03);
        background-size: 300px 60px
    }

    .sprite3 {
        background-image: url(../img/sprite3@2x.png?v=03);
        background-size: 25px 29px
    }

    .sprite4 {
        background-image: url(../img/sprite4@2x.png?v=04);
        background-size: 2342px 2085px
    }

    .sprite5 {
        background-image: url(../img/sprite5@2x.png?v=05);
        background-size: 910px 632px
    }

    .sprite6 {
        background-image: url(../img/sprite6@2x.png?v=05);
        background-size: 691px 675px
    }

    .sprite7 {
        background-image: url(../img/sprite7@2x.png?v=02);
        background-size: 298px 323px
    }

    .ico__play {
        background: transparent url(../img/traders/ico-youtube@2x.png) center no-repeat;
        background-size: 36px 28px
    }

    .ico--clients {
        background-image: url(../img/about/ico-clients@2x.png)
    }

    .ico--traded {
        background-image: url(../img/about/ico-traded@2x.png)
    }

    .ico--insignia {
        background-image: url(../img/about/ico--insignia@2x.png)
    }

    .time {
        background: transparent url(../img/homepage/icon/time@2x.png) center no-repeat;
        background-size: 82px
    }

    .approve {
        background: transparent url(../img/pro-clients/approve@2x.png) center no-repeat;
        background-size: 61px
    }

    .stopwatch {
        background: transparent url(../img/pro-clients/stopwatch@2x.png) center no-repeat;
        background-size: 61px
    }

    .ico__messages {
        background: transparent url(../img/messages@2x.png) center no-repeat;
        background-size: 82px
    }

    .ico__clock {
        background: transparent url(../img/clock@2x.png) center no-repeat;
        background-size: 82px
    }

    .banner--articles {
        background-image: url(../img/banner-articles@2x.jpg)
    }

    .banner--press {
        background-image: url(../img/press-center/banner@2x.jpg)
    }

    .banner--reviews {
        background-image: url(../img/reviews/bgr@2x.jpg)
    }

    .banner--clients {
        background-image: url(../img/pro-clients/banner@2x.jpg)
    }

    .banner--learn {
        background-image: url(../img/learn/learn-to-trade_banner@2x.jpg)
    }

    .banner--traders {
        background-image: url(../img/traders/bg-banner-traders@2x.jpg)
    }

    .banner--webinar {
        background-image: url(../img/webinar/main-banner@2x.jpg)
    }

    .banner--safe {
        background: url(../img/safe/safe-backg@2x.jpg);
        background-size: 410px 504px
    }

    .banner--basics {
        background-image: url(../img/safe/basics@2x.jpg?v1)
    }

    .banner--why {
        background-image: url(../img/why/why-bgr@2x.jpg);
        background-size: 321px 100%
    }

    .banner--airbnb {
        background-image: url(../img/ipo/banner-airbnb@2x.jpg)
    }

    .banner--slack {
        background-image: url(../img/ipo/slack@2x.jpg?v1)
    }

    .banner--aramco {
        background-image: url(../img/ipo/aramco@2x.jpg?v1), linear-gradient(to right, #79be41 0, #79be41 50%, #1088ca 50%, #1088ca 100%)
    }

    .banner--peloton {
        background-image: url(../img/ipo/banner-peloton@2x.jpg?v1)
    }

    .banner--video.banner--gamestop {
        background-image: url(../img/homepage/top-banner/gamestop@2x.jpg)
    }

    .webp .banner--video.banner--boolets {
        background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner@2x.webp)
    }

    .no-webp .banner--video.banner--boolets {
        background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner@2x.jpg)
    }

    .banner--video.banner--zero {
        background-image: url(../img/homepage/top-banner/banner-zero@2x.jpg)
    }

    .banner--video.banner--zero .banner__same:before {
        background-image: url(../img/homepage/top-banner/zero-gold@2x.png)
    }

    .banner--video.banner--bitcoin {
        background-image: url(../img/homepage/top-banner/banner-bitcoin2@2x.jpg)
    }

    .banner--video.banner--airbnbIPO {
        background-image: url(../img/homepage/top-banner/banner-airbnb@2x.jpg)
    }

    .webp .banner--video.banner--airbnbIPO .banner__same {
        background-image: url(../img/homepage/top-banner/platform-airbnb@2x.png)
    }

    .no-webp .banner--video.banner--airbnbIPO .banner__same {
        background-image: url(../img/homepage/top-banner/platform-airbnb@2x.png)
    }

    .banner--video.banner--reddit {
        background-image: url(../img/homepage/top-banner/reddit@2x.jpg)
    }

    .banner--video.banner--mt4 {
        background-image: url(../img/mt4/bg@2x.jpg)
    }

    .banner--comparison {
        background-image: url(../img/spread-comparison/banner-comparison@2x.jpg)
    }

    .webp .award-banner .imac {
        background-image: url(../img/homepage/imac@2x.webp)
    }

    .no-webp .award-banner .imac {
        background-image: url(../img/homepage/imac@2x.png)
    }

    .webp .award-banner .iphone {
        background-image: url(../img/homepage/a-iphone@2x.webp?v2)
    }

    .no-webp .award-banner .iphone {
        background-image: url(../img/homepage/a-iphone@2x.png?v2)
    }

    .banner--bonus {
        background-image: url(../img/homepage/banner-present@2x.jpg)
    }

    .webp .banner--shares {
        background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner@2x.webp)
    }

    .no-webp .banner--shares {
        background-image: url(../img/homepage/top-banner/earning-seasons/bg-banner@2x.jpg)
    }

    .webp .banner--shares .banner__same {
        background-image: url(../img/homepage/top-banner/companies@2x.webp)
    }

    .no-webp .banner--shares .banner__same {
        background-image: url(../img/homepage/top-banner/companies@2x.png)
    }

    .webp .section--spreadBetting {
        background-image: url(../img/homepage/top-banner/bg-sec-spread-betting@2x.webp)
    }

    .no-webp .section--spreadBetting {
        background-image: url(../img/homepage/top-banner/bg-sec-spread-betting@2x.jpg)
    }

    .banner--at {
        background-image: url(../img/accounts/bg-at@2x.jpg)
    }

    .banner--contact {
        background: transparent url(../img/about/bg-banner-contact@2x.jpg) center no-repeat;
        background-size: cover
    }

    .trading-app {
        background-image: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, .5) 100%), url(../img/homepage/bg_trading-app@2x.webp)
    }

    html[lang=ar] .banner--bitcoin {
        background-image: url(../img/homepage/top-banner/banner-bitcoin2-ar@2x.webp);
        background-size: cover;
        background-position: center
    }
}

@media only screen and (max-device-width:991px) and (orientation:landscape) {
    .header__nav {
        width: 280px
    }

    .header__nav--reorg {
        padding-left: 16px
    }
}

@charset "UTF-8";

.row-cont {
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto
}

.row-cont--bordered {
    border-top: 1px solid #e5e5e5
}

.img__iphone {
    width: 260px;
    height: 310px;
    position: absolute;
    left: 33%;
    bottom: -10px;
    display: inline-block;
    z-index: 2
}

.img__samsung {
    width: 237px;
    height: 317px;
    position: absolute;
    left: 44%;
    bottom: 0;
    display: inline-block;
    z-index: 1
}

.hasPointer {
    pointer-events: auto !important;
    cursor: default
}

.section-separator {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ebebeb;
    border-width: 1px 0 0;
    height: 0
}

.section {
    position: relative;
    width: 100%;
    overflow: hidden
}

.section.feedback,
.section.no-overflow {
    overflow: visible
}

@supports (-webkit-display:flex) {
    .section.feedback {
        color: green !important
    }
}

.section .h1 {
    margin: 32px 10px 10px;
    text-align: center
}

.section .h2 {
    margin: 40px 10px 5px;
    text-align: center
}

.section .txt-md {
    max-width: 830px;
    text-align: center;
    margin: 0 auto 13px;
    padding: 0 15px
}

.section--headline-bg .row-cont {
    position: relative;
    z-index: 1
}

.section--headline-bg:after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.section--headline-bg .button-link,
.section--headline-bg .h1,
.section--headline-bg .txt-md {
    color: #fff
}

.section__tabs h2 {
    margin-bottom: 30px;
    text-align: left
}

.banner__wrap {
    min-height: 345px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.banner--first-wrap {
    padding: 20px 15px 0;
    max-width: 1190px;
    margin: 0 auto
}

.banner__txt-block {
    min-width: 260px;
    text-align: left
}

.banner__txt-block .main__banner--store {
    display: none
}

.banner__txt-block .button-main {
    display: inline-block
}

.banner__txt-block .button-main.mob-hide {
    display: none
}

.banner__same {
    width: 100%;
    height: 358px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 40px
}

.banner__item {
    font-weight: 100;
    max-width: 590px;
    font-size: 19px;
    line-height: 25px;
    color: inherit;
    letter-spacing: .4px;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    padding: 21px 10px
}

.banner__item img {
    max-width: 100%
}

.banner__item--black-blk {
    margin: 10px auto 0;
    border-radius: 4px;
    font-size: 58px;
    line-height: 70px;
    color: #fff;
    background: #000;
    font-weight: 900;
    padding: 5px 10px 20px;
    max-width: 410px
}

.banner__item--black-blk p {
    color: #fff;
    padding-top: 5px
}

.hide-mobile {
    display: none
}

.hide-tablet {
    display: block
}

.main__banner--slider .slick-list {
    padding: 0
}

.main__banner--slider .slick-dots {
    display: block;
    position: absolute;
    left: 0;
    z-index: 10;
    bottom: 0;
    text-align: left;
    padding: 0 0 25px 15px
}

.main__banner--slider .main__banner {
    padding-bottom: 55px
}

.main__banner {
    position: relative;
    overflow: hidden
}

.main__banner--form {
    margin: 26px 0 0;
    font-size: 0;
    z-index: 1
}

.main__banner--form input {
    width: 234px
}

.main__banner--store {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 530px;
    width: 100%;
    margin: 15px auto 25px
}

.main__banner--store a {
    margin: 0 5px
}

.main__banner--img {
    max-width: 950px;
    margin: 55px auto 0;
    position: relative
}

.main__banner--img img {
    width: 100%
}

.main__banner--img-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px;
    max-width: 100%
}

.main__banner--img-item.mobile img {
    display: none
}

.main__banner--img-item img {
    width: 100%
}

.main__banner .laptop img {
    height: 100%
}

.main__banner .iphone img {
    max-height: 100%;
    max-width: 100%;
    height: 100%
}

@-moz-document url-prefix() {
    .iphone img {
        width: auto
    }
}

.main__tab {
    margin: 10px 0 35px;
    display: inline-block;
    width: 100%;
    position: relative
}

.main__tab:before {
    content: "";
    width: 40px;
    height: 39px;
    position: absolute;
    z-index: 1;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.main__tab--wrap {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 30px;
    overflow: auto;
    text-align: center
}

.main__tab--list {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.main__tab--item {
    text-align: center;
    cursor: pointer;
    padding: 15px 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #4c4c4c;
    white-space: nowrap;
    position: relative
}

.main__tab--item.active {
    font-weight: 700;
    color: #000
}

.main__tab--item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #000;
    bottom: 0
}

.main__tab--content {
    position: relative;
    max-width: 1217px;
    margin: 0 auto;
    padding-bottom: 25px
}

.main__tab--content .button-link {
    margin: 0 30px 0;
    position: absolute;
    right: 0;
    bottom: 30px
}

.main__tab--link {
    text-align: right;
    padding: 15px 0 0
}

.main__slider {
    display: none;
    padding: 5px 15px 40px;
    max-width: 1217px;
    margin: 0 auto;
    overflow: hidden
}

.main__slider.slick-initialized {
    display: block
}

.main__slider--logos {
    display: none;
    margin: 14px auto
}

.main__slider--logos.slick-initialized {
    display: block
}

.main__slider--logos button.slick-arrow {
    display: none !important
}

.main__slider--logos .slick-list {
    padding-top: 0;
    padding-bottom: 0
}

.main__slider--logos .main__slider--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: none;
    margin: 0 10px;
    padding: 0;
    height: 165px;
    border: none;
    background: 0 0
}

.main__slider--logos .main__slider--item:hover {
    transform: translateY(0);
    box-shadow: none
}

.main__slider--logos .main__slider--item img {
    margin: 0 auto;
    max-width: calc(100% - 20px)
}

.main__slider--item {
    display: none;
    width: 25%;
    margin: 0 15px;
    border-radius: 6px;
    padding: 20px 16px 8px;
    background: #fff;
    border-bottom: 10px solid transparent;
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .1);
    transition: transform .3s, box-shadow .3s
}

.main__slider--item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 28px 0 rgba(0, 0, 0, .16), 0 1px 5px 0 rgba(0, 0, 0, .15)
}

.main__slider img {
    max-width: 100%
}

.main__slider--btns {
    display: inline-block;
    width: 100%
}

.main__slider--btns .button-main {
    padding: 7px 10px 6px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    min-height: 30px;
    width: calc(50% - 2px);
    text-align: center;
    transition: background .3s
}

.main__slider--btns .button-main:first-child {
    float: left
}

.main__slider--btns .button-main:last-child {
    float: right
}

.main__slider--name {
    margin-bottom: 10px
}

.main__slider--name-link {
    clear: both;
    display: inline-block;
    width: 100%
}

.main__slider--abr {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000
}

.main__slider--full-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.main__slider--chart {
    padding: 25px 8px 0;
    margin-bottom: 18px
}

.main__slider--chart svg {
    width: 100% !important
}

.main__slider--full-price .table-tools__price {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #000;
    padding: 3px 23px 3px 8px;
    position: relative;
    border-radius: 2px;
    display: inline-block
}

.main__slider--price-change {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: inherit;
    padding: 4px
}

.main__slider--reviews {
    max-width: 800px;
    width: 100%;
    margin: 5px auto 50px;
    padding: 0 40px;
    display: none
}

.main__slider--reviews.slick-initialized {
    display: block
}

.main__slider--reviews .slick-track {
    -ms-flex-align: center;
    align-items: center
}

.main__slider--reviews .slick-next:before,
.main__slider--reviews .slick-prev:before {
    border-right-color: #fff
}

.main__slider--reviews .slick-next:after,
.main__slider--reviews .slick-prev:after {
    border-right-color: #000
}

.main__slider--reviews-item .flag-min {
    vertical-align: middle;
    margin: 0 5px 2px
}

.main__slider--reviews-title {
    font-size: 20px;
    line-height: 36px;
    color: #000;
    margin-bottom: 3px;
    font-weight: 900
}

.main__slider--reviews-text {
    margin: 0 auto 20px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-style: italic;
    max-width: 480px
}

.section--reviews .h2 {
    margin-bottom: 30px
}

.section--reviews .twocolumns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section--reviews .twocolumns .column {
    width: 50%;
    padding: 0 30px;
    max-width: 570px
}

.main__slider--reviews-item {
    max-width: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 30px 33px 25px;
    margin: 0;
    position: relative;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .05)
}

.main__slider--reviews-item.slick-slide {
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.main__slider--reviews-item .main__sprite--bg-quotes {
    display: block;
    margin: 0 auto 15px
}

.main__slider--reviews-item .txt-top {
    vertical-align: top;
    line-height: 1.6
}

.section--reviews {
    padding-bottom: 30px
}

.main__slider--h-reviews {
    position: relative;
    margin-bottom: 55px
}

.main__slider--h-reviews:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%
}

.main__slider--h-reviews:not(.slick-initialized) .main__slider--reviews-item {
    width: 100%;
    -ms-flex: none;
    flex: none
}

.main__slider--h-reviews .slick-track {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex
}

.main__slider--h-reviews .slick-list {
    padding: 0
}

.main__slider--h-reviews .slick-slide {
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: left;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.main__slider--h-reviews .main__sprite--bg-quotes {
    position: absolute;
    top: 25px
}

.main__slider--h-reviews .main__slider--reviews-text {
    margin: 30px 0 15px 20px;
    text-align: left
}

.main__slider--h-reviews .h5,
.main__slider--h-reviews .txt-sm {
    margin-left: 20px
}

.main__slider--h-reviews .flag-min {
    margin-left: 0
}

.main__slider--h-reviews .txt-sm {
    margin-left: 54px;
    font-size: 12px;
    color: #666
}

.main__slider--h-reviews .slick-dots {
    margin-top: 20px
}

.main__slider--h-reviews:hover .slick-next,
.main__slider--h-reviews:hover .slick-prev {
    opacity: 1
}

.main__slider--h-reviews:hover .slick-next.slick-disabled,
.main__slider--h-reviews:hover .slick-prev.slick-disabled {
    opacity: .2
}

.main__slider--h-reviews .slick-next,
.main__slider--h-reviews .slick-prev {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    background: #26272b;
    transition: background .23s ease, opacity .1s ease;
    opacity: 0;
    border: 1px solid #fff;
    z-index: 7
}

.main__slider--h-reviews .slick-next.slick-disabled,
.main__slider--h-reviews .slick-prev.slick-disabled {
    pointer-events: none !important
}

.main__slider--h-reviews .slick-next:after,
.main__slider--h-reviews .slick-prev:after {
    display: none
}

.main__slider--h-reviews .slick-next:before,
.main__slider--h-reviews .slick-prev:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    width: 13px;
    height: 13px;
    display: block;
    border-bottom: 0;
    right: 0;
    margin: 0 auto
}

.main__slider--h-reviews .slick-next:hover,
.main__slider--h-reviews .slick-prev:hover {
    background: #bb8b62
}

.main__slider--h-reviews .slick-next {
    right: -40px
}

.main__slider--h-reviews .slick-next:before {
    left: -3px;
    transform: translateY(-50%) rotate(45deg)
}

.main__slider--h-reviews .slick-prev {
    left: -40px
}

.main__slider--h-reviews .slick-prev:before {
    transform: translateY(-50%) rotate(225deg)
}

.main__slider--h-reviews .slick-dots {
    margin-top: 20px;
    position: absolute;
    top: 100%
}

.main__slider--h-reviews .reviewItem:not(:first-child) {
    border-top: 1px solid #dbdbe5;
    margin-top: 20px;
    padding-top: 20px
}

.main__slider--h-reviews .reviewItem__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 22px;
    margin: 0 0 8px
}

.main__slider--h-reviews .reviewItem__name {
    font-weight: 700;
    font-size: 18px
}

.main__slider--h-reviews .reviewItem__time {
    margin-left: 15px;
    color: #6f6f87;
    font-weight: 500;
    font-size: 14px;
    -ms-flex: none;
    flex: none
}

.main__slider--h-reviews .reviewItem__rating {
    margin: 0 0 10px
}

.main__slider--h-reviews .reviewItem__rating img {
    display: block;
    width: 105px;
    height: auto
}

.main__slider--h-reviews .reviewItem__cite {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6
}

.main__slider--h-reviews._columns3:not(.slick-initialized) .main__slider--reviews-item {
    width: 100%;
    -ms-flex: none;
    flex: none
}

.main__slider--h-reviews._columns3 .main__slider--reviews-item {
    border: 0;
    box-shadow: none;
    border-radius: 8px;
    margin: 0
}

.main__slider--h-reviews._columns3 .slick-next,
.main__slider--h-reviews._columns3 .slick-prev {
    top: 30%
}

.twocolumns .main__slider--h-reviews {
    display: -ms-flexbox;
    display: flex
}

.twocolumns .main__slider--h-reviews,
.twocolumns .main__slider--h-reviews .slick-list,
.twocolumns .main__slider--h-reviews .slick-track {
    min-height: 100%
}

.video-review {
    display: block;
    position: relative
}

.video-review:after,
.video-review:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transition: background-color .12s;
    transform: translate(-50%, -50%)
}

.video-review:after {
    width: 0;
    height: 0;
    border-left: 29px solid #fff;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    margin-left: 2px;
    z-index: 2
}

.video-review:before {
    background: rgba(49, 49, 49, .65);
    width: 90px;
    height: 65px;
    border-radius: 12px;
    z-index: 1
}

.video-review:hover {
    cursor: pointer
}

.video-review:hover:before {
    background: #ef0602
}

.video-review img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px
}

.video-reviews {
    position: relative;
    min-height: 330px
}

.video-reviews .slick-list {
    padding: 0
}

.video-reviews .slick-dots {
    margin-top: 20px;
    position: absolute;
    top: 100%
}

.video-reviews--slider:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%
}

.video-reviews--slider:not(.slick-initialized) .main__slider--reviews-item {
    width: 100%;
    -ms-flex: none;
    flex: none
}

.video-reviews:hover .slick-next,
.video-reviews:hover .slick-prev {
    opacity: 1
}

.video-reviews:hover .slick-next.slick-disabled,
.video-reviews:hover .slick-prev.slick-disabled {
    opacity: .2
}

.video-reviews .slick-next,
.video-reviews .slick-prev {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 100%;
    background: #26272b;
    transition: background .23s ease, opacity .1s ease;
    opacity: 0;
    border: 1px solid #fff;
    z-index: 7
}

.video-reviews .slick-next.slick-disabled,
.video-reviews .slick-prev.slick-disabled {
    pointer-events: none !important
}

.video-reviews .slick-next:after,
.video-reviews .slick-prev:after {
    display: none
}

.video-reviews .slick-next:before,
.video-reviews .slick-prev:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    width: 13px;
    height: 13px;
    display: block;
    border-bottom: 0;
    right: 0;
    margin: 0 auto
}

.video-reviews .slick-next:hover,
.video-reviews .slick-prev:hover {
    background: #bb8b62
}

.video-reviews .slick-next {
    right: -40px
}

.video-reviews .slick-next:before {
    left: -3px;
    transform: translateY(-50%) rotate(45deg)
}

.video-reviews .slick-prev {
    left: -40px
}

.video-reviews .slick-prev:before {
    transform: translateY(-50%) rotate(225deg)
}

.video-review--logo {
    background: #000;
    box-shadow: -10px 4px 16px rgba(0, 0, 0, .2);
    color: #fff;
    font-family: gilroy;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 14px;
    right: 0;
    z-index: 4;
    padding: 15px 25px 17px 36px;
    border-radius: 50px 0 0 50px
}

.video-review--logo .text-md {
    display: block;
    font-size: 22px;
    margin: 4px 0 6px
}

.video-review--logo .text-xs {
    display: block;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: -.2px
}

.video-review--counter {
    content: "02";
    position: absolute;
    bottom: 30px;
    right: 0;
    padding: 21px 250px 23px 18px;
    background: #fefefe;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    border-radius: 40px 0 0 40px;
    z-index: 3;
    font-weight: 900;
    font-size: 30px;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #bb8b61
}

.video-review--counter span {
    min-width: 35px;
    text-align: center
}

.main__tools {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1170px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 90px
}

.main__tools--item {
    margin: 15px;
    background: #fff;
    padding: 26px 34px;
    border-radius: 6px;
    max-width: calc(50% - 30px);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1 0 calc(50% - 30px);
    flex: 1 0 calc(50% - 30px)
}

.main__tools--description span {
    display: block
}

.main__tools .main__sprite {
    width: 82px;
    height: 82px;
    min-width: 82px;
    display: inline-block;
    border-radius: 82px;
    margin-right: 42px
}

.main__tools .h3,
.main__tools .h4 {
    margin: 7px 0 15px
}

.main__tools p {
    font-size: 16px;
    line-height: 26px;
    color: #4c4c4c
}

.main__tools ul {
    padding: 0
}

.main__tools li {
    font-size: 16px;
    color: #d8d8d8;
    margin-bottom: 10px
}

.main__tools--pb-min {
    padding-bottom: 20px
}

.main__support {
    margin: 25px auto 0
}

.main__support--strip {
    display: block;
    height: 90px
}

.main__insight {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1170px;
    margin: 20px auto 56px
}

.main__insight--item {
    position: relative;
    border: 1px solid #fff;
    padding: 24px;
    min-height: 440px;
    width: calc(100% / 3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.main__insight--item.analysis {
    background: url(../img/homepage/bg-analysis.png) center no-repeat;
    background-size: cover
}

.main__insight--item.courses {
    background: url(../img/homepage/bg-courses.png) center no-repeat;
    background-size: cover
}

.main__insight--item.glossary {
    background: url(../img/homepage/bg-glossary.png) center no-repeat;
    background-size: cover
}

.main__insight--item:first-child {
    border-radius: 6px 0 0 6px
}

.main__insight--item:last-child {
    border-radius: 0 6px 6px 0
}

.main__insight--item:hover .main__insight--animate {
    transform: translateY(0)
}

.main__insight--pin {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 24px;
    top: 24px;
    padding: 7px 8px;
    text-transform: uppercase
}

.main__insight .h2 {
    color: #fff;
    text-align: left
}

.main__insight .txt-lg {
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: left
}

.main__insight--btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    background: rgba(0, 0, 0, .1);
    border-radius: 25px;
    border: 1px solid #fff;
    padding: 13px 36px 14px;
    margin: 20px auto 0;
    display: inline-block
}

.main__insight--animate {
    transform: translateY(75px);
    transition: transform .3s
}

.main__insight .h2 {
    padding-right: 0;
    padding-left: 0
}

.main__feedback {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 46px 0 48px
}

.main__feedback .h2,
.main__feedback .txt-md {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #fff
}

.main__feedback h2 {
    max-width: 750px;
    margin: 0 auto 30px
}

.main__feedback .button-main {
    display: inline-block
}

.main__feedback--custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 65px 0 60px
}

.main__feedback--custom p {
    padding: 0;
    text-align: center;
    color: #fff
}

.main__feedback--custom__title {
    font-size: 42px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px
}

.main__feedback--custom .txt-md {
    margin-bottom: 20px
}

.main__feedback--custom .button-main {
    display: inline-block
}

.main__feedback--cont-page {
    padding: 10px 22px 15px;
    margin-bottom: 25px;
    border-radius: 4px;
    -ms-flex-direction: row;
    flex-direction: row
}

.main__feedback--cont-page .h2,
.main__feedback--cont-page .txt-md {
    margin: 0;
    padding-top: 6px;
    text-align: left
}

.main__feedback--cont-page .button-main.rounded-lg {
    font-size: 16px;
    padding: 9px 17px;
    white-space: nowrap;
    min-height: auto;
    height: 42px
}

.feedback__item {
    padding-right: 30px
}

.trust-logo {
    border-top: 1px solid #e5e5e5;
    --gGap-trustLogos: 15px;
    --vGap-trustLogos: 12px
}

.trust-logo__list {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 23px 0 30px
}

.trust-logo .trustpilot-logo {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #000
}

.trust-logo .trustpilot-logo span {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #6f6f87;
    white-space: nowrap
}

.trust-logo .trustpilot-logo .trustpilotLogo,
.trust-logo .trustpilot-logo .trustpilotRating {
    margin-bottom: 5px
}

.trust-logo__holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 calc(-1 * var(--gGap-trustLogos));
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

.trust-logo__holder img,
.trust-logo__holder svg {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
    vertical-align: top
}

.trust-logo__holder .trustpilotRating {
    max-width: 100%
}

.trust-logo__item {
    -ms-flex: none;
    flex: none;
    background: #f8f8f8;
    border-radius: 8px;
    width: calc(25% - 2 * var(--gGap-trustLogos));
    margin: var(--vGap-trustLogos) var(--gGap-trustLogos);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 104px;
    padding: 10px
}

.trust-logo__item a {
    display: block
}

.trust-logo__content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 55px;
    max-width: 90%
}

.trust-logo__content svg {
    max-width: 100%
}

.trust-logo__title {
    font-size: 10px;
    line-height: 1.1;
    display: block;
    color: #8e8e93
}

.trust-logo__desc {
    font-weight: 600;
    font-size: 12px;
    color: #5d5d73
}

.trustpilot-logo._big {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #000
}

.trustpilot-logo._big span {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #6f6f87;
    white-space: nowrap
}

.trustpilot-logo._big .trustpilotLogo,
.trustpilot-logo._big .trustpilotRating {
    margin-bottom: 5px
}

.trustpilot,
.trustpilotWrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.trustpilot span,
.trustpilotWrap span {
    font-size: 18px;
    line-height: 1.1;
    color: inherit;
    padding-right: 8px
}

.trustpilot span.trustpilotDesc,
.trustpilotWrap span.trustpilotDesc {
    margin: 4px 0 0;
    font-weight: 600;
    font-size: 12px
}

.trustpilot .trustpilotRating,
.trustpilotWrap .trustpilotRating {
    margin-right: 6px
}

._fca.trustpilotWrap,
.trustpilot._fca {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.partners {
    border-top: 1px solid #e5e5e5
}

.partners .row-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.partners picture {
    width: 100%
}

.partners picture img {
    width: 100%
}

.partners .item--other {
    padding-left: 33px;
    border-left: 1px solid #e5e5e5;
    padding-right: 32px;
    max-width: 176px
}

.partners__holder {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px
}

.partners-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: -10px;
    padding: 30px 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.partners-list>svg {
    margin: 10px;
    -ms-flex: none;
    flex: none
}

.confirm {
    padding: 65px 0 80px
}

.confirm .ico__clock,
.confirm .ico__messages {
    display: block;
    margin: 0 auto 45px
}

.confirm .text {
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: #000;
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

.confirm .main__insight {
    margin: 0 auto
}

.txt-pilot p {
    font-size: 16px;
    line-height: 1.375;
    color: #4c4c4c;
    margin-bottom: 20px
}

.txt-blk {
    padding: 30px 15px 40px
}

.commodities__wrap {
    margin-bottom: 30px
}

.commodities__wrap .tool__more {
    display: none
}

.commodities__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 8px;
    max-height: 203px;
    overflow: hidden;
    transition: max-height .5s
}

.commodities__list.open {
    max-height: 500px;
    transition: max-height .5s
}

.commodities__list .commodities__img img {
    min-height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    min-width: 100%;
    max-width: none;
    transform: translateX(-50%)
}

.commodities__list .commodities__item p {
    margin: 0
}

.commodities__item {
    margin-right: 18px;
    margin-bottom: 13px;
    border-radius: 4px;
    background-color: #f8f8f8;
    padding: 7px 12px 8px;
    border: 2px solid #f8f8f8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #000;
    cursor: pointer;
    -ms-flex: 1 0 calc(100% / 4 - 18px);
    flex: 1 0 calc(100% / 4 - 18px);
    max-width: calc(100% / 4 - 18px);
    width: 100%;
    position: relative;
    text-decoration: none;
    transition: border-color .2s, background-color .2s, color .2s
}

.commodities__item.active,
.commodities__item:hover {
    color: #bb8b62;
    border-color: #bb8b62;
    background-color: #fffbf7
}

.commodities__item p {
    font-size: 15px;
    line-height: 18px;
    color: inherit
}

.commodities__img {
    overflow: hidden;
    border-radius: 6px;
    max-width: 57px;
    width: 100%;
    margin-right: 15px;
    position: relative;
    height: 38px
}

.press-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    border-right: 0;
    margin-bottom: 32px
}

.press-bar__item {
    width: 50%;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px
}

.press-bar__item img {
    max-width: 100%
}

.press-bar-title {
    margin: 20px 0;
    letter-spacing: 1.17px;
    line-height: 14px;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    color: #6e6e6e
}

.press-bar-title:after,
.press-bar-title:before {
    content: "";
    display: inline-block;
    width: 20px;
    transform: translateY(-3px);
    height: 0;
    border-bottom: 1px solid #eee
}

.press-bar-title:before {
    margin-right: 5px
}

.press-bar-title:after {
    margin-left: 5px
}

.press-bar a {
    width: 100%;
    max-width: 180px;
    background: url(../img/homepage/financial-logos.png) no-repeat;
    background-size: 490% 202%;
    padding-bottom: 41%
}

.press-bar a.press-bar__times {
    background-position: 0 0
}

.press-bar a.press-bar__cityam {
    background-position: 25% 0
}

.press-bar a.press-bar__bloomberg {
    background-position: 50% 0
}

.press-bar a.press-bar__telegraph {
    background-position: 75% 0
}

.press-bar a.press-bar__guardian {
    background-position: 100% 0
}

.press-bar a.press-bar__daily {
    background-position: 0 100%
}

.press-bar a.press-bar__insider {
    background-position: 25% 100%
}

.press-bar a.press-bar__yahoo {
    background-position: 50% 100%
}

.press-bar a.press-bar__thenewyorktimes {
    background-position: 75% 100%
}

.press-bar a.press-bar__tc {
    background-position: 100% 100%
}

.feedback {
    background: #26272c url(../img/homepage/big-bg-1-low.jpg) center top no-repeat;
    background-size: cover
}

.feedback.bg-quality {
    background-image: url(../img/homepage/big-bg-1.jpg)
}

.notice-holder {
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
    padding: 10px 0
}

.footer {
    background: #2b2c2f
}

.footer--text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer--text-item {
    margin: 0 30px 15px 0
}

.footer--text-item a:hover {
    text-decoration: underline
}

.footer--text p {
    font-size: 10px;
    line-height: 1.53;
    color: #b2b2b2
}

.footer__fix {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 32
}

.footer__fix .row-cont {
    position: relative
}

.footer__fix .footer__button {
    position: absolute;
    z-index: 1;
    bottom: 100%;
    right: 30px;
    left: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    box-sizing: border-box;
    box-shadow: 0 -9px 18px rgba(0, 0, 0, .1);
    border-radius: 8px 8px 0 0;
    text-align: center;
    padding: 12px 0;
    transition: transform 1s ease;
    transform: translateY(300px)
}

._noFooterPanel .footer__fix .footer__button {
    transform: translateY(300px)
}

._withFooterPanel .footer__fix .footer__button {
    transform: translateY(0)
}

.footer--noRW {
    padding: 0
}

.footerPanelClose {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.footerPanelClose:after,
.footerPanelClose:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 18px;
    background-color: #232427
}

.footerPanelClose:before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.footerPanelClose:after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.footer__prev {
    position: relative;
    z-index: 2;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 10px 0;
    background: #ececec;
    text-align: center;
    border-top: 1px solid #ccc
}

.footer__prev--btn {
    display: none;
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
    background: #1b1b1b;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10
}

.footer__prev--btn:after,
.footer__prev--btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translateX(-50%) rotate(-135deg);
    width: 4px;
    height: 4px;
    border: solid #c4c4c4;
    border-width: 0 1px 1px 0
}

.footer__prev--btn:before {
    margin-top: -3px
}

.footer__prev--text {
    position: relative;
    z-index: 12
}

.footer__numb {
    padding: 26px 20px 26px;
    min-width: 240px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #2b2c2f;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 6px;
    position: relative;
    margin-bottom: 35px
}

.footer__numb-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 15px
}

.footer__numb-item--title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.375;
    color: #fff;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer__numb-item i {
    margin-right: 10px
}

.footer__numb-item a {
    font-size: 15px;
    line-height: 14px;
    color: #fff
}

.footer__numb-item a:hover {
    text-decoration: underline
}

.footer__numb-item:last-of-type {
    margin-bottom: 0
}

.footer__numb-item:last-of-type a {
    font-weight: 500;
    color: #bb8b62
}

.footer__copyright {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 15px 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: rgba(255, 255, 255, .5)
}

.footer__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__nav--title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 14px
}

.footer__nav--title a {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.footer__nav--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px
}

.footer__nav--link {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 15px;
    transition: color .3s
}

.footer__nav--link.active,
.footer__nav--link:hover {
    color: #fff
}

.footer__nav--reorg {
    overflow: hidden
}

.footer__nav--reorg .footer__nav--list.open .footer__submenu {
    display: -ms-flexbox;
    display: flex
}

.footer__nav--reorg .footer__nav--list.open .footer__nav--subtitle_arrow:before {
    transform: rotate(180deg)
}

.footer__nav--reorg .footer__nav--item:first-child {
    padding-left: 0
}

.footer__nav--reorg .footer__nav--item:last-child {
    min-width: unset;
    margin-left: unset
}

.footer__nav--reorg .footer__nav--item:last-child:before {
    display: none
}

.footer__nav--reorg .footer__nav--item.open .footer__nav--title_arrow:before {
    transform: rotate(180deg)
}

.footer__nav--reorg .footer__nav--link,
.footer__nav--reorg .footer__nav--subtitle,
.footer__nav--reorg .footer__nav--title {
    width: 100%
}

.footer__nav--reorg .footer__nav--title {
    position: relative;
    padding: 16px
}

.footer__nav--reorg .footer__nav--title_arrow {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 16px;
    top: 50%;
    width: 32px;
    height: 32px;
    border: 1px solid #bbbdbf;
    border-radius: 4px;
    transform: translateY(-50%)
}

.footer__nav--reorg .footer__nav--title_arrow:before {
    position: absolute;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #bbbdbf;
    transition: all .2s ease-out;
    content: ""
}

.footer__nav--reorg .footer__nav--subtitle {
    position: relative;
    margin-bottom: 16px
}

.footer__nav--reorg .footer__nav--subtitle a,
.footer__nav--reorg .footer__nav--subtitle div {
    line-height: 1.3;
    font-weight: 600;
    font-size: 16px;
    color: #fff
}

.footer__nav--reorg .footer__nav--subtitle_arrow {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 16px;
    top: 50%;
    width: 32px;
    height: 32px;
    border: 1px solid #bbbdbf;
    border-radius: 4px;
    transform: translateY(-50%)
}

.footer__nav--reorg .footer__nav--subtitle_arrow:before {
    position: absolute;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #bbbdbf;
    transition: all .2s ease-out;
    content: ""
}

.footer__nav--reorg .footer__nav--link {
    margin-bottom: 8px;
    line-height: 1.4;
    font-size: 13px;
    color: #bbbdbf
}

.footer__nav--reorg .footer__nav--link:hover {
    color: #fff
}

.footer__nav--reorg .footer__submenu {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.footer__nav--reorg .footer__numb {
    margin-top: 68px;
    padding: 16px;
    min-width: 200px;
    width: 100%
}

.footer__nav--reorg .footer__numb-item--title {
    width: 100%
}

.footer__nav--item {
    padding: 28px 0 28px 34px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__nav--item:first-child {
    padding-left: 0;
    min-width: inherit
}

.footer__nav--item:last-child {
    min-width: 180px;
    padding-left: 24px;
    margin-left: 10px
}

.footer__nav--item:last-child .footer__social {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 240px
}

.footer__nav--item:last-child .footer__social a {
    min-width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1;
    color: rgba(255, 255, 255, .5);
    transition: color .3s
}

.footer__nav--item:last-child .footer__social a:hover {
    color: #fff
}

.footer__nav--item:last-child .ico {
    width: 28px;
    height: 32px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer__nav--item:last-child .ico span {
    background-image: url(../img/icons/social/css_sprites.png);
    background-size: 81px 78px
}

.footer__nav--item:last-child:before {
    content: "";
    width: 1px;
    background: #4c4c4c;
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 28px
}

.footer__nav--item.show {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 10px
}

.footer__nav--item.show .footer__nav--title {
    margin-bottom: 10px
}

.footer__nav--item.show .footer__nav--link {
    display: block
}

.footer__nav--item.open .footer__nav--title:after {
    display: none
}

.footer__nav--item:last-of-type.open {
    border-bottom: none
}

.footer__nav--item.open {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.footer__social--title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.footer__social--list {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main__cookies {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    z-index: 99;
    position: fixed;
    left: 10.5%;
    bottom: 65px;
    border-radius: 7px;
    width: 240px;
    padding: 10px 28px 10px 15px
}

.main__cookies--close {
    background: 0 0;
    border: 0;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 8px;
    top: 8px;
    transform: translateY(0) scale(.8)
}

.main__cookies--close:after,
.main__cookies--close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 15px;
    width: 1px;
    background-color: #fff
}

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

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

.main__cookies a:hover {
    text-decoration: underline
}

.main__cookies--gb {
    bottom: 10px
}

.footer__ico-sprite {
    width: 36px;
    height: 36px;
    margin-right: 5px
}

.copyright {
    font-size: 10px;
    line-height: 1.4;
    color: #8d8d8d;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 14px
}

.copyright a {
    font-weight: 500;
    color: #bb8b62
}

.copyright__links {
    margin-bottom: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.copyright__links a:not(:last-child) {
    margin-bottom: 20px
}

.footer-site {
    padding: 20px 0 146px;
    background-color: #232427;
    position: relative
}

.footer-site._noFooterPanel {
    padding-bottom: 85px
}

.footer-site_offset-bottom {
    padding-bottom: 65px
}

.footer-site .footer-site-inner {
    margin: 0 auto;
    max-width: 1140px
}

.footer-site .footer-site-inner:after {
    content: "";
    display: table;
    clear: both
}

#launcher {
    display: none !important
}

.footer__apps {
    display: block;
    margin-top: 32px
}

.footer__apps--title {
    line-height: 22px;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.footer__apps a {
    margin: 16px 26px 8px 0;
    width: 132px;
    height: 40px;
    background-size: contain
}

.footer__fix--sticky-bar {
    background: #1c1c1c
}

.footer__fix--sticky-bar.w-cookies .row-cont {
    -ms-grid-columns: minmax(216px, 21%) auto;
    grid-template-columns: minmax(216px, 21%) auto
}

.footer__fix--sticky-bar.w-cookies .row-cont .footer__prev:after {
    display: block;
    bottom: 0;
    background: #4c4c4e
}

.footer__fix--sticky-bar.footerTop {
    position: relative
}

.footer__fix--sticky-bar.footer--noRW {
    background: 0 0;
    z-index: 100
}

.footer__fix--sticky-bar.footer--noRW .row-cont .fixed-contact {
    top: unset;
    bottom: 0vh !important;
    height: unset;
    border-radius: 16px 0 0 0;
    transform: translateY(0)
}

.footer__fix--sticky-bar.footer--noRW .row-cont .fixed-contact .blg-c-w {
    border-radius: 32px
}

.footer__fix--sticky-bar .row-cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-flex-align: center;
    align-items: center
}

.footer__fix--sticky-bar .row-cont .main__cookies {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    left: unset;
    bottom: unset;
    width: 100%;
    height: 100%;
    background: #1c1c1c;
    border-radius: unset;
    font-weight: 400;
    font-size: 12px;
    z-index: unset
}

.footer__fix--sticky-bar .row-cont .main__cookies a {
    text-decoration: underline;
    color: #fff
}

.footer__fix--sticky-bar .row-cont .main__cookies--close {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 8px;
    right: unset;
    top: unset;
    transform: translateY(0) scale(1)
}

.footer__fix--sticky-bar .row-cont .main__cookies--close:hover:after,
.footer__fix--sticky-bar .row-cont .main__cookies--close:hover:before {
    background-color: #fff
}

.footer__fix--sticky-bar .row-cont .main__cookies--close:after,
.footer__fix--sticky-bar .row-cont .main__cookies--close:before {
    width: 2px;
    background-color: #767779;
    transition: all .2s ease-out
}

.footer__fix--sticky-bar .row-cont .footer__prev {
    padding: 18px 44px 6px 0;
    height: 100%;
    background: #1c1c1c;
    border: none;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    color: #fff
}

.footer__fix--sticky-bar .row-cont .footer__prev:after,
.footer__fix--sticky-bar .row-cont .footer__prev:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: ""
}

.footer__fix--sticky-bar .row-cont .footer__prev:before {
    top: 7px;
    background: #c4c4c4
}

.footer__fix--sticky-bar .row-cont .footer__prev:after {
    display: none
}

.footer__fix--sticky-bar .row-cont .footer__prev.show {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center
}

.footer__fix--sticky-bar .row-cont .footer__prev--btn {
    top: -4px
}

[lang=ar] .footer__fix--sticky-bar .row-cont .footer__prev--text {
    text-align: right
}

.footer__fix--sticky-bar .row-cont .fixed-contact {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: fixed;
    padding: 8px;
    left: unset;
    right: 0;
    top: 50vh;
    bottom: unset;
    height: unset;
    background: #fff;
    border-radius: 16px 0 0 16px;
    box-shadow: -8px 0 24px rgba(0, 0, 0, .16);
    transform: translateY(-50%);
    cursor: pointer
}

.footer__fix--sticky-bar .row-cont .fixed-contact__icon {
    position: relative;
    margin-bottom: unset;
    padding: 6px;
    width: 24px;
    height: 24px;
    background: #1c1c1c;
    border-radius: 50%;
    -ms-flex-order: unset;
    order: unset;
    transition: all .2s ease-out
}

.footer__fix--sticky-bar .row-cont .fixed-contact__icon:before {
    margin-right: unset;
    width: 24px;
    height: 24px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE3QzEyIDE4LjEwNDYgMTEuMTA0NiAxOSAxMCAxOUM4Ljg5NTQzIDE5IDggMTguMTA0NiA4IDE3QzggMTUuODk1NCA4Ljg5NTQzIDE1IDEwIDE1QzExLjEwNDYgMTUgMTIgMTUuODk1NCAxMiAxN1pNMTIgMTdIMTNDMTUuMjA5MSAxNyAxNyAxNS4yMDkxIDE3IDEzTTE3IDEzVjhDMTcgNC4xMzQwMSAxMy44NjYgMSAxMCAxSDhDNC4xMzQwMSAxIDEgNC4xMzQwMSAxIDhWMTRNMTcgMTNIMTVDMTMuODk1NCAxMyAxMyAxMi4xMDQ2IDEzIDExVjlDMTMgNy44OTU0MyAxMy44OTU0IDcgMTUgN0gxN00xIDdIM0M0LjEwNDU3IDcgNSA3Ljg5NTQzIDUgOVYxMUM1IDEyLjEwNDYgNC4xMDQ1NyAxMyAzIDEzSDEiIHN0cm9rZT0iI0JCOEI2MiIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) center center no-repeat;
    background-size: contain
}

.footer__fix--sticky-bar .row-cont .fixed-contact__icon--active {
    margin: 2px 0 8px;
    padding: 0 0 8px;
    background: 0 0
}

.footer__fix--sticky-bar .row-cont .fixed-contact__icon--active:before {
    width: 18px;
    height: 18px;
    background: transparent url(../img/icons/ico-popup-close.svg) center center no-repeat;
    background-size: 50%
}

.footer__fix--sticky-bar .row-cont .fixed-contact__icon--active:after {
    position: absolute;
    bottom: 0;
    width: 16px;
    height: 1px;
    background: #c4c4c4;
    content: ""
}

.footer__fix--sticky-bar .row-cont .fixed-contact__desc {
    display: none;
    margin-right: 16px;
    white-space: nowrap;
    line-height: 1.3;
    font-weight: 700;
    color: #bb8b62
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-rs {
    width: 28px;
    height: 28px
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c {
    margin: unset;
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-size: 16px;
    border-radius: var(--soc-rdz-openBox);
    box-shadow: none
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c-w {
    position: relative;
    padding: unset;
    right: unset;
    bottom: unset;
    width: unset;
    box-shadow: none;
    transform: none;
    animation: none
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-cs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: unset
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c-wp:not(:last-child) {
    margin: 0 0 8px
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c.zd {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDBIMkMwLjg5NyAwIDAgMC44OTcgMCAyVjE4TDQuNzk5NjUgMTQuNEM1LjE0NTg1IDE0LjE0MDQgNS41NjY5NCAxNCA1Ljk5OTcgMTRIMTZDMTcuMTAzIDE0IDE4IDEzLjEwMyAxOCAxMlYyQzE4IDAuODk3IDE3LjEwMyAwIDE2IDBaTTE2IDEySDUuMzMzNkM0LjkwMDkgMTIgNC40Nzk4NyAxMi4xNDAzIDQuMTMzNyAxMi4zOTk5TDIgMTRWMkgxNlYxMloiIGZpbGw9IiNCQjhCNjIiLz4KPC9zdmc+Cg==)
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c.vb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM4MzkgMC40MjcyMzdDOS40Nzk5MyAtMC4xNDI0MTIgNi40NjQyMiAtMC4xNDI0MTIgMy41NjAyMSAwLjQyNzIzN0MyLjI3NTc0IDAuNzEyMDYxIDAuNjU2MTk2IDIuMzA3MDggMC4zNzY5NjMgMy41NjAzMUMtMC4xMjU2NTQgNi4wMDk4IC0wLjEyNTY1NCA4LjUxNjI1IDAuMzc2OTYzIDEwLjk2NTdDMC43MTIwNDIgMTIuMjE5IDIuMzMxNTkgMTMuODE0IDMuNTYwMjEgMTQuMDk4OEMzLjYxNjA1IDE0LjA5ODggMy42NzE5IDE0LjE1NTggMy42NzE5IDE0LjIxMjdWMTcuODAxNUMzLjY3MTkgMTcuOTcyNCAzLjg5NTI5IDE4LjA4NjQgNC4wMDY5OCAxNy45MTU1TDUuNjgyMzcgMTYuMTQ5NkM1LjY4MjM3IDE2LjE0OTYgNy4wMjI2OSAxNC43MjU0IDcuMjQ2MDcgMTQuNDk3NkM3LjI0NjA3IDE0LjQ5NzYgNy4zMDE5MiAxNC40NDA2IDcuMzU3NzcgMTQuNDQwNkM5LjAzMzE2IDE0LjQ5NzYgMTAuNzY0NCAxNC4zMjY3IDEyLjQzOTggMTQuMDQxOUMxMy43MjQzIDEzLjc1NyAxNS4zNDM4IDEyLjE2MiAxNS42MjMgMTAuOTA4OEMxNi4xMjU3IDguNDU5MjkgMTYuMTI1NyA1Ljk1MjgzIDE1LjYyMyAzLjUwMzM0QzE1LjI4OCAyLjMwNzA4IDEzLjY2ODQgMC43MTIwNjEgMTIuMzgzOSAwLjQyNzIzN1pNMTIuNDM5OCAxMS4xMzY2QzEyLjE2MDYgMTEuNzA2MyAxMS44MjU1IDEyLjE2MiAxMS4yNjcgMTIuNDQ2OEMxMS4wOTk1IDEyLjUwMzggMTAuOTMxOSAxMi41NjA4IDEwLjc2NDQgMTIuNjE3N0MxMC41NDEgMTIuNTYwOCAxMC4zNzM1IDEyLjUwMzggMTAuMjA1OSAxMi40NDY4QzguNDE4ODUgMTEuNzA2MyA2Ljc0MzQ2IDEwLjY4MDkgNS40MDMxNCA5LjE5OTgzQzQuNjc3MTQgOC4zNDUzNiA0LjA2MjgzIDcuMzc2OTYgMy41NjAyMSA2LjM1MTU5QzMuMzM2ODIgNS44Mzg5IDMuMTEzNDQgNS4zODMxOCAyLjk0NTkgNC44NzA1QzIuNzc4MzYgNC40MTQ3OCAzLjA1NzU5IDMuOTU5MDYgMy4zMzY4MiAzLjYxNzI3QzMuNjE2MDUgMy4yNzU0OCAzLjk1MTEzIDMuMDQ3NjIgNC4zNDIwNiAyLjg3NjczQzQuNjIxMjkgMi43MDU4MyA0LjkwMDUyIDIuODE5NzYgNS4xMjM5MSAzLjA0NzYyQzUuNTcwNjggMy42MTcyNyA2LjAxNzQ1IDQuMTg2OTIgNi4zNTI1MyA0LjgxMzUzQzYuNTc1OTIgNS4yMTIyOSA2LjUyMDA3IDUuNjY4MDEgNi4xMjkxNCA1Ljk1MjgzQzYuMDE3NDUgNi4wMDk4IDUuOTYxNiA2LjA2Njc2IDUuODQ5OTEgNi4xODA2OUM1Ljc5NDA2IDYuMjM3NjYgNS42ODIzNyA2LjI5NDYyIDUuNjI2NTIgNi40MDg1NUM1LjUxNDgzIDYuNTc5NDUgNS41MTQ4MyA2Ljc1MDM0IDUuNTcwNjggNi45MjEyNEM2LjAxNzQ1IDguMjMxNDMgNi44NTUxNSA5LjI1NjggOC4xMzk2MSA5LjgyNjQ1QzguMzYzIDkuOTQwMzggOC41MzA1NCA5Ljk5NzM0IDguODA5NzcgOS45OTczNEM5LjIwMDcgOS45NDAzOCA5LjM2ODI0IDkuNDg0NjYgOS42NDc0NyA5LjI1NjhDOS45MjY3IDkuMDI4OTQgMTAuMjYxOCA5LjAyODk0IDEwLjU5NjkgOS4xOTk4M0MxMC44NzYxIDkuMzcwNzMgMTEuMTU1MyA5LjU5ODU5IDExLjQ5MDQgOS44MjY0NUMxMS43Njk2IDEwLjA1NDMgMTIuMDQ4OSAxMC4yMjUyIDEyLjMyODEgMTAuNDUzMUMxMi40OTU2IDEwLjU2NyAxMi41NTE1IDEwLjg1MTggMTIuNDM5OCAxMS4xMzY2Wk0xMC4wOTQyIDYuODY0MjdDOS45ODI1NCA2Ljg2NDI3IDEwLjAzODQgNi44NjQyNyAxMC4wOTQyIDYuODY0MjdDOS44NzA4NSA2Ljg2NDI3IDkuODE1MDEgNi43NTAzNCA5Ljc1OTE2IDYuNTc5NDVDOS43NTkxNiA2LjQ2NTUyIDkuNzU5MTYgNi4yOTQ2MiA5LjcwMzMxIDYuMTgwNjlDOS42NDc0NyA1Ljk1MjgzIDkuNTM1NzggNS43MjQ5NyA5LjMxMjM5IDUuNTU0MDhDOS4yMDA3IDUuNDk3MTEgOS4wODkgNS40NDAxNSA4Ljk3NzMxIDUuMzgzMThDOC44MDk3NyA1LjMyNjIyIDguNjk4MDggNS4zMjYyMiA4LjUzMDU0IDUuMzI2MjJDOC4zNjMgNS4yNjkyNSA4LjMwNzE1IDUuMTU1MzIgOC4zMDcxNSA0Ljk4NDQzQzguMzA3MTUgNC44NzA1IDguNDc0NjkgNC43NTY1NyA4LjU4NjM5IDQuNzU2NTdDOS40Nzk5MyA0LjgxMzU0IDEwLjE1MDEgNS4zMjYyMiAxMC4yNjE4IDYuNDA4NTVDMTAuMjYxOCA2LjQ2NTUyIDEwLjI2MTggNi41Nzk0NSAxMC4yNjE4IDYuNjM2NDFDMTAuMjYxOCA2Ljc1MDM0IDEwLjIwNTkgNi44NjQyNyAxMC4wOTQyIDYuODY0MjdaTTkuNTM1NzcgNC4zNTc4MkM5LjI1NjU0IDQuMjQzODkgOC45NzczMSA0LjEyOTk2IDguNjQyMjMgNC4wNzI5OUM4LjUzMDU0IDQuMDcyOTkgOC4zNjMgNC4wMTYwMyA4LjI1MTMxIDQuMDE2MDNDOC4wODM3NyA0LjAxNjAzIDcuOTcyMDggMy45MDIxIDguMDI3OTIgMy43MzEyQzguMDI3OTIgMy41NjAzMSA4LjEzOTYyIDMuNDQ2MzggOC4zMDcxNSAzLjUwMzM0QzguODY1NjIgMy41NjAzMSA5LjM2ODI0IDMuNjc0MjQgOS44NzA4NiAzLjkwMjFDMTAuODc2MSA0LjQxNDc4IDExLjQzNDYgNS4yNjkyNSAxMS42MDIxIDYuNDA4NTVDMTEuNjAyMSA2LjQ2NTUyIDExLjYwMjEgNi41MjI0OCAxMS42MDIxIDYuNTc5NDVDMTEuNjAyMSA2LjY5MzM4IDExLjYwMjEgNi44MDczMSAxMS42MDIxIDYuOTc4MkMxMS42MDIxIDcuMDM1MTcgMTEuNjAyMSA3LjA5MjEzIDExLjYwMjEgNy4xNDkxQzExLjU0NjIgNy4zNzY5NiAxMS4xNTUzIDcuNDMzOTIgMTEuMDk5NSA3LjE0OTFDMTEuMDk5NSA3LjA5MjEzIDExLjA0MzYgNi45NzgyIDExLjA0MzYgNi45MjEyNEMxMS4wNDM2IDYuNDA4NTUgMTAuOTMxOSA1Ljg5NTg3IDEwLjcwODYgNS40NDAxNUMxMC4zNzM1IDQuOTI3NDYgOS45ODI1NCA0LjU4NTY4IDkuNTM1NzcgNC4zNTc4MlpNMTIuNTUxNSA3Ljc3NTcxQzEyLjM4MzkgNy43NzU3MSAxMi4yNzIzIDcuNjA0ODIgMTIuMjcyMyA3LjQzMzkyQzEyLjI3MjMgNy4wOTIxMyAxMi4yMTY0IDYuNzUwMzQgMTIuMTYwNiA2LjQwODU1QzExLjkzNzIgNC41ODU2NyAxMC40ODUyIDMuMTA0NTkgOC43NTM5MyAyLjgxOTc2QzguNDc0NyAyLjc2MjggOC4xOTU0NiAyLjc2MjggNy45NzIwOCAyLjcwNTgzQzcuODA0NTQgMi43MDU4MyA3LjU4MTE1IDIuNzA1ODMgNy41MjUzIDIuNDc3OTdDNy40Njk0NiAyLjMwNzA4IDcuNjM3IDIuMTM2MTggNy44MDQ1NCAyLjEzNjE4QzcuODYwMzggMi4xMzYxOCA3LjkxNjIzIDIuMTM2MTggNy45MTYyMyAyLjEzNjE4QzEwLjIwNTkgMi4xOTMxNSA4LjAyNzkyIDIuMTM2MTggNy45MTYyMyAyLjEzNjE4QzEwLjI2MTggMi4xOTMxNSAxMi4yMTY0IDMuNzg4MTcgMTIuNjA3MyA2LjE4MDY5QzEyLjY2MzIgNi41Nzk0NSAxMi43MTkgNi45NzgyIDEyLjcxOSA3LjQzMzkyQzEyLjgzMDcgNy42MDQ4MiAxMi43MTkgNy43NzU3MSAxMi41NTE1IDcuNzc1NzFaIiBmaWxsPSIjN0M1MDlBIi8+Cjwvc3ZnPgo=)
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c.wp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjY1ODUgMi4zMzMzM0MxMi4xNTMzIDAuODMzMzMzIDEwLjE0NjMgMCA4LjAyNzg3IDBDMy42MjM2OSAwIDAuMDU1NzQ4MyAzLjU1NTU2IDAuMDU1NzQ4MyA3Ljk0NDQ0QzAuMDU1NzQ4MyA5LjMzMzMzIDAuNDQ1OTkzIDEwLjcyMjIgMS4xMTQ5OCAxMS44ODg5TDAgMTZMNC4yMzY5NCAxNC44ODg5QzUuNDA3NjcgMTUuNSA2LjY4OTg5IDE1LjgzMzMgOC4wMjc4NyAxNS44MzMzQzEyLjQzMjEgMTUuODMzMyAxNiAxMi4yNzc4IDE2IDcuODg4ODlDMTUuOTQ0MyA1LjgzMzMzIDE1LjE2MzggMy44MzMzMyAxMy42NTg1IDIuMzMzMzNaTTExLjg3NDYgMTAuNzc3OEMxMS43MDczIDExLjIyMjIgMTAuOTI2OCAxMS42NjY3IDEwLjUzNjYgMTEuNzIyMkMxMC4yMDIxIDExLjc3NzggOS43NTYxIDExLjc3NzggOS4zMTAxMSAxMS42NjY3QzkuMDMxMzYgMTEuNTU1NiA4LjY0MTEyIDExLjQ0NDQgOC4xOTUxMiAxMS4yMjIyQzYuMTg4MTUgMTAuMzg4OSA0LjkwNTkyIDguMzg4ODkgNC43OTQ0MyA4LjIyMjIyQzQuNjgyOTMgOC4xMTExMSAzLjk1ODE5IDcuMTY2NjcgMy45NTgxOSA2LjE2NjY3QzMuOTU4MTkgNS4xNjY2NyA0LjQ1OTkzIDQuNzIyMjIgNC42MjcxOCA0LjVDNC43OTQ0MyA0LjI3Nzc4IDUuMDE3NDIgNC4yNzc3OCA1LjE4NDY3IDQuMjc3NzhDNS4yOTYxNyA0LjI3Nzc4IDUuNDYzNDEgNC4yNzc3OCA1LjU3NDkxIDQuMjc3NzhDNS42ODY0MSA0LjI3Nzc4IDUuODUzNjYgNC4yMjIyMiA2LjAyMDkxIDQuNjExMTFDNi4xODgxNSA1IDYuNTc4NCA2IDYuNjM0MTUgNi4wNTU1NkM2LjY4OTg5IDYuMTY2NjcgNi42ODk4OSA2LjI3Nzc4IDYuNjM0MTUgNi4zODg4OUM2LjU3ODQgNi41IDYuNTIyNjUgNi42MTExMSA2LjQxMTE1IDYuNzIyMjJDNi4yOTk2NSA2LjgzMzMzIDYuMTg4MTUgNyA2LjEzMjQgNy4wNTU1NkM2LjAyMDkgNy4xNjY2NyA1LjkwOTQxIDcuMjc3NzggNi4wMjA5MSA3LjQ0NDQ0QzYuMTMyNCA3LjY2NjY3IDYuNTIyNjUgOC4yNzc3OCA3LjEzNTg5IDguODMzMzNDNy45MTYzOCA5LjUgOC41Mjk2MiA5LjcyMjIyIDguNzUyNjEgOS44MzMzM0M4Ljk3NTYxIDkuOTQ0NDUgOS4wODcxMSA5Ljg4ODg5IDkuMTk4NiA5Ljc3Nzc4QzkuMzEwMSA5LjY2NjY3IDkuNzAwMzUgOS4yMjIyMiA5LjgxMTg1IDlDOS45MjMzNSA4Ljc3Nzc4IDEwLjA5MDYgOC44MzMzMyAxMC4yNTc4IDguODg4ODlDMTAuNDI1MSA4Ljk0NDQ0IDExLjQyODYgOS40NDQ0NSAxMS41OTU4IDkuNTU1NTZDMTEuODE4OCA5LjY2NjY3IDExLjkzMDMgOS43MjIyMiAxMS45ODYxIDkuNzc3NzhDMTIuMDQxOCA5Ljk0NDQ0IDEyLjA0MTggMTAuMzMzMyAxMS44NzQ2IDEwLjc3NzhaIiBmaWxsPSIjNDhDOTVGIi8+Cjwvc3ZnPgo=)
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c.tg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjgwNTYxIDYuNzE5ODlMMy45NTkwNCA4LjA5NTc1TDUuMzkzMDEgMTIuNzIzNkM1LjQ1NTM2IDEzLjAzNjMgNS44Mjk0NCAxMy4wOTg4IDYuMDc4ODMgMTIuOTExMkw4LjEzNjI3IDExLjIyMjdDOC4zMjMzMSAxMS4wMzUxIDguNjM1MDUgMTEuMDM1MSA4Ljg4NDQ0IDExLjIyMjdMMTIuNTYyOSAxMy45MTE4QzEyLjgxMjMgMTQuMDk5NSAxMy4xODY0IDEzLjk3NDQgMTMuMjQ4NyAxMy42NjE3TDE1Ljk5MiAwLjUyODU0N0MxNi4wNTQzIDAuMjE1ODUzIDE1Ljc0MjYgLTAuMDk2ODM4NSAxNS40MzA5IDAuMDI4MjM5MUwwLjI4MDU2MSA1LjkwNjg5Qy0wLjA5MzUyMDMgNi4wMzE5NiAtMC4wOTM1MjAzIDYuNTk0ODEgMC4yODA1NjEgNi43MTk4OVpNNS4yMDU5OCA3LjQwNzgxTDEyLjQzODIgMi45Njc1NkMxMi41NjI5IDIuOTA1MDIgMTIuNjg3NiAzLjA5MjY0IDEyLjU2MjkgMy4xNTUxOEw2LjYzOTk1IDguNzIxMTNDNi40NTI5MSA4LjkwODc1IDYuMjY1ODYgOS4xNTg5IDYuMjY1ODYgOS40NzE2TDYuMDc4ODMgMTAuOTcyNUM2LjA3ODgzIDExLjE2MDEgNS43NjcwOSAxMS4yMjI3IDUuNzA0NzQgMTAuOTcyNUw0Ljk1NjU3IDguMjIwODJDNC43Njk1MyA3LjkwODEzIDQuODk0MjQgNy41MzI4OSA1LjIwNTk4IDcuNDA3ODFaIiBmaWxsPSIjMkY4OUNFIi8+Cjwvc3ZnPgo=)
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-c.fb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDYuNzkwMjNDMCAyLjg4ODc3IDMuMDU2MzggMCA3LjAwMDA5IDBDMTAuOTQzOCAwIDE0LjAwMDIgMi44ODg3NyAxNC4wMDAyIDYuNzkwMjNDMTQuMDAwMiAxMC42OTE3IDEwLjk0MzggMTMuNTgwNSA3LjAwMDA5IDEzLjU4MDVDNi4yOTE2MyAxMy41ODA1IDUuNjExMzQgMTMuNDg3NSA0Ljk3MzMgMTMuMzExNEM0Ljg0OTM2IDEzLjI3NzYgNC43MTgzNyAxMy4yODc1IDQuNjAwMDYgMTMuMzM5NkwzLjIxMTMxIDEzLjk1MjNDMi44NDc5MiAxNC4xMTE0IDIuNDM4MDYgMTMuODUzNyAyLjQyNTM4IDEzLjQ1NjVMMi4zODczNSAxMi4yMTE0QzIuMzgxNzIgMTIuMDU3OSAyLjMxMjcxIDExLjkxNTYgMi4xOTg2MiAxMS44MTI4QzAuODM2NjMgMTAuNTk0NSAwIDguODMxMSAwIDYuNzkwMjNaTTQuODYyMjQgNS41MjI5TDIuODA1ODggOC43ODQ5MkMyLjYwNzI4IDkuMDk3NiAyLjk5MzIgOS40NTExMiAzLjI4NzU3IDkuMjI3MThMNS40OTc0NiA3LjU0OTY5QzUuNjQ2NzYgNy40MzcwMSA1Ljg1MjM5IDcuNDM1NiA2LjAwMzEgNy41NDgyOEw3LjYzODMzIDguNzc1MDZDOC4xMjg0OCA5LjE0MjY3IDguODI5OSA5LjAxMzA5IDkuMTU2NjYgOC40OTQ3N0wxMS4yMTE2IDUuMjM0MTdDMTEuNDEwMiA0LjkyMTQ5IDExLjAyNDMgNC41Njc5NiAxMC43Mjk5IDQuNzkxOTFMOC41MjE0NCA2LjQ2Nzk5QzguMzcyMTQgNi41ODA2NiA4LjE2NjUxIDYuNTgyMDcgOC4wMTU4IDYuNDY5NEw2LjM4MDU3IDUuMjQyNjJDNS44OTA0MiA0Ljg3NTAxIDUuMTg5MDEgNS4wMDQ1OSA0Ljg2MjI0IDUuNTIyOVoiIGZpbGw9IiMwMDhCRkYiLz4KPC9zdmc+Cg==)
}

.footer__fix--sticky-bar .row-cont .fixed-contact .blg-tp {
    right: 40px;
    width: unset
}

.footer__fix--sticky-bar .row-cont .footer__button {
    display: -ms-flexbox;
    display: flex;
    z-index: -1
}

.footer__fix--sticky-bar .row-cont .footerPanelClose {
    margin: auto 0;
    top: 0;
    bottom: 0
}

@keyframes blg-cs-desktop-show--sticky {
    0% {
        bottom: 20px;
        opacity: 0
    }

    100% {
        bottom: 40px;
        opacity: 1
    }
}

:root {
    --unit: 8px;
    --gold: #BB8B62;
    --blue: #00A0FF;
    --blueDark: #359ACC;
    --green: #27AE60;
    --yellow: #E2B93B;
    --red: #C13C2B;
    --black: #000;
    --black1: #1D1D1D;
    --black2: #282828;
    --white: #fff;
    --grey1: #333;
    --grey2: #4F4F4F;
    --grey3: #828282;
    --grey4: #BDBDBD;
    --grey5: #E0E0E0;
    --grey6: #F2F3F5;
    --brsSm: 8px;
    --brsMd: 16px;
    --brsLg: 50%;
    --gap: 16px;
    --cPrimary: var(--gold);
    --cInfo: var(--blue);
    --cChart: var(--blueDark);
    --cSuccess: var(--green);
    --cWarning: var(--yellow);
    --cError: var(--red);
    --cTextGrey: var(--grey3);
    --cBorderLight: var(--grey5);
    --bgSecondary: var(--grey6)
}

.table__info {
    font-size: 12px;
    line-height: 1.33em
}

.overflowWrap {
    overflow: auto;
    scrollbar-width: thin
}

.overflowWrap::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.overflowWrap::-webkit-scrollbar-thumb {
    background-color: #cdcdcd
}

.overflowWrap::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.bgGrey {
    background-color: var(--bgSecondary)
}

.bgDarkGrey {
    background-color: var(--black1)
}

.mbSection {
    margin-bottom: 48px
}

.mb8 {
    margin-bottom: 8px
}

.mb16 {
    margin-bottom: 16px
}

.mb24 {
    margin-bottom: 24px
}

.mb32 {
    margin-bottom: 32px
}

.mb40 {
    margin-bottom: 40px
}

.mb48 {
    margin-bottom: 48px
}

.mb56 {
    margin-bottom: 56px
}

.mb64 {
    margin-bottom: 64px
}

.mb72 {
    margin-bottom: 72px
}

.mb80 {
    margin-bottom: 80px
}

.mb88 {
    margin-bottom: 88px
}

.mb96 {
    margin-bottom: 96px
}

.table__info {
    color: var(--cTextGrey)
}

.table--zebra tr:nth-child(2n) td {
    background-color: var(--bgSecondary)
}

.table--interactive tr:hover td {
    background: var(--bgSecondary)
}

.table--interactive td,
.table--interactive th {
    border-bottom: 1px solid var(--cBorderLight)
}

.table--interactive .table__subtitle td {
    background: var(--bgSecondary);
    text-align: center
}

.badge-appstore {
    width: 160px;
    height: 48px;
    display: inline-block;
    background: url(../img/badge-appstore/1x/en.png) center no-repeat;
    background-size: cover
}

.badge-appstore:lang(bg) {
    background-image: url(../img/badge-appstore/1x/1.png)
}

.badge-appstore:lang(cs) {
    background-image: url(../img/badge-appstore/1x/2.png)
}

.badge-appstore:lang(da) {
    background-image: url(../img/badge-appstore/1x/3.png)
}

.badge-appstore:lang(de) {
    background-image: url(../img/badge-appstore/1x/4.png)
}

.badge-appstore:lang(el) {
    background-image: url(../img/badge-appstore/1x/5.png)
}

.badge-appstore:lang(es) {
    background-image: url(../img/badge-appstore/1x/6.png)
}

.badge-appstore:lang(et) {
    background-image: url(../img/badge-appstore/1x/7.png)
}

.badge-appstore:lang(fi) {
    background-image: url(../img/badge-appstore/1x/8.png)
}

.badge-appstore:lang(fr) {
    background-image: url(../img/badge-appstore/1x/9.png)
}

.badge-appstore:lang(hr) {
    background-image: url(../img/badge-appstore/1x/10.png)
}

.badge-appstore:lang(hu) {
    background-image: url(../img/badge-appstore/1x/11.png)
}

.badge-appstore:lang(it) {
    background-image: url(../img/badge-appstore/1x/12.png)
}

.badge-appstore:lang(lt) {
    background-image: url(../img/badge-appstore/1x/13.png)
}

.badge-appstore:lang(lv) {
    background-image: url(../img/badge-appstore/1x/14.png)
}

.badge-appstore:lang(nl) {
    background-image: url(../img/badge-appstore/1x/15.png)
}

.badge-appstore:lang(pl) {
    background-image: url(../img/badge-appstore/1x/16.png)
}

.badge-appstore:lang(pt) {
    background-image: url(../img/badge-appstore/1x/17.png)
}

.badge-appstore:lang(ro) {
    background-image: url(../img/badge-appstore/1x/18.png)
}

.badge-appstore:lang(ru) {
    background-image: url(../img/badge-appstore/1x/19.png?v1);
    width: 210px
}

.badge-appstore:lang(sk) {
    background-image: url(../img/badge-appstore/1x/20.png)
}

.badge-appstore:lang(sl) {
    background-image: url(../img/badge-appstore/1x/21.png)
}

.badge-appstore:lang(sv) {
    background-image: url(../img/badge-appstore/1x/22.png)
}

.badge-appstore:lang(zh) {
    background-image: url(../img/badge-appstore/1x/23.png)
}

.badge-googleplay {
    width: 160px;
    height: 48px;
    display: inline-block;
    background: url(../img/badge-googleplay/1x/en.png) center no-repeat;
    background-size: cover
}

.badge-googleplay:lang(bg) {
    background-image: url(../img/badge-googleplay/1x/1.png)
}

.badge-googleplay:lang(cs) {
    background-image: url(../img/badge-googleplay/1x/2.png)
}

.badge-googleplay:lang(da) {
    background-image: url(../img/badge-googleplay/1x/3.png)
}

.badge-googleplay:lang(de) {
    background-image: url(../img/badge-googleplay/1x/4.png)
}

.badge-googleplay:lang(el) {
    background-image: url(../img/badge-googleplay/1x/5.png)
}

.badge-googleplay:lang(es) {
    background-image: url(../img/badge-googleplay/1x/6.png)
}

.badge-googleplay:lang(et) {
    background-image: url(../img/badge-googleplay/1x/7.png)
}

.badge-googleplay:lang(fi) {
    background-image: url(../img/badge-googleplay/1x/8.png)
}

.badge-googleplay:lang(fr) {
    background-image: url(../img/badge-googleplay/1x/9.png)
}

.badge-googleplay:lang(hr) {
    background-image: url(../img/badge-googleplay/1x/10.png)
}

.badge-googleplay:lang(hu) {
    background-image: url(../img/badge-googleplay/1x/11.png)
}

.badge-googleplay:lang(it) {
    background-image: url(../img/badge-googleplay/1x/12.png)
}

.badge-googleplay:lang(lt) {
    background-image: url(../img/badge-googleplay/1x/13.png)
}

.badge-googleplay:lang(lv) {
    background-image: url(../img/badge-googleplay/1x/14.png)
}

.badge-googleplay:lang(nl) {
    background-image: url(../img/badge-googleplay/1x/15.png)
}

.badge-googleplay:lang(pl) {
    background-image: url(../img/badge-googleplay/1x/16.png)
}

.badge-googleplay:lang(pt) {
    background-image: url(../img/badge-googleplay/1x/17.png)
}

.badge-googleplay:lang(ro) {
    background-image: url(../img/badge-googleplay/1x/18.png)
}

.badge-googleplay:lang(ru) {
    background-image: url(../img/badge-googleplay/1x/19.png?v1);
    width: 210px
}

.badge-googleplay:lang(sk) {
    background-image: url(../img/badge-googleplay/1x/20.png)
}

.badge-googleplay:lang(sl) {
    background-image: url(../img/badge-googleplay/1x/21.png)
}

.badge-googleplay:lang(sv) {
    background-image: url(../img/badge-googleplay/1x/22.png)
}

.badge-googleplay:lang(zh) {
    background-image: url(../img/badge-googleplay/1x/23.png)
}

.badge-platform {
    width: 160px;
    height: 48px;
    display: inline-block;
    background: url(../img/badge-platform/1x/en.png) center no-repeat;
    background-size: cover
}

.badge-platform:lang(bg) {
    background-image: url(../img/badge-platform/1x/1.png)
}

.badge-platform:lang(cs) {
    background-image: url(../img/badge-platform/1x/2.png)
}

.badge-platform:lang(da) {
    background-image: url(../img/badge-platform/1x/3.png)
}

.badge-platform:lang(de) {
    background-image: url(../img/badge-platform/1x/4.png)
}

.badge-platform:lang(el) {
    background-image: url(../img/badge-platform/1x/5.png)
}

.badge-platform:lang(es) {
    background-image: url(../img/badge-platform/1x/6.png)
}

.badge-platform:lang(et) {
    background-image: url(../img/badge-platform/1x/7.png)
}

.badge-platform:lang(fi) {
    background-image: url(../img/badge-platform/1x/8.png)
}

.badge-platform:lang(fr) {
    background-image: url(../img/badge-platform/1x/9.png)
}

.badge-platform:lang(hr) {
    background-image: url(../img/badge-platform/1x/10.png)
}

.badge-platform:lang(hu) {
    background-image: url(../img/badge-platform/1x/11.png)
}

.badge-platform:lang(it) {
    background-image: url(../img/badge-platform/1x/12.png)
}

.badge-platform:lang(lt) {
    background-image: url(../img/badge-platform/1x/13.png)
}

.badge-platform:lang(lv) {
    background-image: url(../img/badge-platform/1x/14.png)
}

.badge-platform:lang(nl) {
    background-image: url(../img/badge-platform/1x/15.png)
}

.badge-platform:lang(pl) {
    background-image: url(../img/badge-platform/1x/16.png)
}

.badge-platform:lang(pt) {
    background-image: url(../img/badge-platform/1x/17.png)
}

.badge-platform:lang(ro) {
    background-image: url(../img/badge-platform/1x/18.png)
}

.badge-platform:lang(ru) {
    background-image: url(../img/badge-platform/1x/19.png?v1);
    width: 210px
}

.badge-platform:lang(sk) {
    background-image: url(../img/badge-platform/1x/20.png)
}

.badge-platform:lang(sl) {
    background-image: url(../img/badge-platform/1x/21.png)
}

.badge-platform:lang(sv) {
    background-image: url(../img/badge-platform/1x/22.png)
}

.badge-platform:lang(zh) {
    background-image: url(../img/badge-platform/1x/23.png)
}

.rating {
    margin: 0;
    display: -ms-flexbox;
    display: flex
}

.rating__star {
    width: 10px;
    height: 10px;
    background-size: cover;
    margin-right: 2px;
    background-image: url(../img/icons/stars.svg);
    background-size: 10px 19px;
    background-position-y: 10px
}

.rating__star--full {
    background-position-y: 0
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.media img {
    -ms-flex: none;
    flex: none;
    margin-right: 8px
}

.media__name {
    display: block;
    font-weight: 600
}

.media__description {
    font-size: 12px;
    line-height: 1.2;
    opacity: .4;
    font-weight: 600;
    display: block
}

:root {
    --borderStageItem: #000;
    --bgStageItem: #fff;
    --bgStageCount: 80px
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(172, 229, 0, .2)
    }

    70% {
        box-shadow: 0 0 0 10px rgba(172, 229, 0, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(172, 229, 0, 0)
    }
}

.stageItem {
    text-align: center;
    position: relative;
    z-index: 3;
    width: 33.3%;
    padding: 0 15px 40px
}

.stageItem:after {
    content: "";
    position: absolute;
    top: 0;
    width: 55%;
    height: 100px;
    background-color: var(--bgStageItem);
    z-index: 2;
    visibility: hidden
}

.stageItem:first-child:after {
    visibility: visible;
    left: -1%
}

.stageItem:last-child {
    padding-bottom: 26px
}

.stageItem:last-child:after {
    visibility: visible;
    right: -1%
}

.stageItem__list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    z-index: 1
}

.stageItem__list:hover .stageItem__account {
    background-color: #ace500;
    transform: scale(1.1);
    border-color: transparent;
    animation: pulse 2s infinite;
    color: #000
}

.stageItem__list:after {
    content: "";
    position: absolute;
    top: calc(var(--bgStageCount)/ 2);
    left: 0;
    right: 0;
    height: 1px;
    border-top: 1px dashed var(--borderStageItem);
    z-index: 1
}

.stageItem__list+.boxButtons__frame {
    text-align: center
}

.stageItem__account {
    cursor: pointer
}

.stageItem__count {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--bgStageCount);
    height: var(--bgStageCount);
    border-radius: 50%;
    border: 1px solid var(--borderStageItem);
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: var(--borderStageItem);
    transition: all .3s
}

.stageItem__countHolder {
    background-color: var(--bgStageItem);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 0 0 30px
}

.stageItem__title {
    display: block;
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33
}

.stageItem__frame {
    position: relative;
    z-index: 4
}

.stageItem p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 800
}

.stageItemBg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%);
    z-index: 1
}

.page-content-area .stageItemBg {
    max-width: unset
}

.section--stage {
    padding: 100px 0 38px
}

.section--stage .txt-md {
    margin-bottom: 32px
}

.sectionStage--black {
    --borderStageItem: #fff;
    --bgStageItem: #2A2D2F;
    background-color: var(--bgStageItem);
    color: var(--borderStageItem)
}

.sectionStage--black h2,
.sectionStage--black p {
    color: var(--borderStageItem)
}

.stageItem__list._beige .stageItem {
    cursor: pointer
}

.stageItem__list._beige .stageItem__content a {
    color: #000;
    text-decoration: underline
}

.stageItem__list._beige:hover .stageItem__account {
    background-color: transparent;
    transform: scale(1.1);
    border-color: #000;
    animation: unset
}

.stageItem__list._beige:hover a {
    color: #bb8b62
}

.linkCta {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.linkCta .cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    margin-right: 30px
}

.linkCta .cta .arrow {
    bottom: unset;
    animation: bounceAlpha 1.4s linear infinite
}

.linkCta .cta .arrow.next {
    background-image: unset
}

.linkCta .cta .arrow.next::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 12px;
    border: solid currentColor;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(-45deg)
}

.linkCta .cta .arrow.primera {
    animation-delay: .2s
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }

    25% {
        opacity: 0;
        transform: translateX(10px) scale(.9)
    }

    26% {
        opacity: 0;
        transform: translateX(-10px) scale(.9)
    }

    55% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }
}

.join {
    padding: 60px 0
}

.join.gray {
    background: #f8f8f8
}

.join__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.join__list:before {
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 90px;
    max-width: 80%;
    height: 1px;
    background: #000;
    z-index: 1;
    content: ""
}

.join__frame {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    min-height: 150px;
    z-index: 4
}

.join__item {
    position: relative;
    margin: 0 60px;
    min-width: 200px;
    min-height: 140px
}

.join__item--color_green:after {
    left: 7px
}

.join__item--color_green .join__counter {
    position: relative;
    width: 51px;
    height: 76px;
    background: transparent url(../img/icons/ico-map-marker.svg) center center no-repeat;
    background-size: cover
}

.join__item--color_green .join__counter:after {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 55px;
    width: 100px;
    font-weight: 800;
    font-size: 12px;
    color: #bb8b62;
    content: attr(data-message)
}

.join__item--color_green .join__counter p {
    position: absolute;
    top: 11px;
    color: #262626
}

.join__item--color_blue .join__counter,
.join__item--color_orange .join__counter {
    width: 76px;
    height: 76px;
    border-radius: 50%
}

.join__item--color_blue .join__counter p,
.join__item--color_orange .join__counter p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 6px solid #f8f8f8;
    border-radius: 50%;
    background: inherit
}

.join__item--color_orange:after {
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 30px !important
}

.join__item--color_orange .join__counter {
    background: linear-gradient(180deg, #ff3f01 0, #ffa354 100%)
}

.join__item--color_blue:after {
    right: 7px
}

.join__item--color_blue .join__counter {
    background: linear-gradient(180deg, #623cb9 0, #0869fd 100%)
}

.join__item:after {
    position: absolute;
    top: 0;
    width: 55%;
    min-height: 140px;
    background: #f8f8f8;
    z-index: 2;
    content: ""
}

.join__counter {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.join__counter p {
    font-weight: 700;
    color: #fff
}

.join__point {
    margin-top: 8px;
    width: 14px;
    height: 14px;
    background: #262626;
    border: 4px solid #f8f8f8;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #262626
}

.join__ttl {
    margin-top: 15px;
    line-height: 1.667;
    font-weight: 800
}

.join__ttl--active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #bb8b62;
    font-size: 18px
}

.join__ttl--active span {
    text-decoration: underline;
    white-space: nowrap
}

.join .cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    margin-right: 30px
}

.join .cta .arrow {
    bottom: unset;
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.join .cta .arrow.next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48c3R5bGU+LnN0MHtmaWxsOiNCQjhCNjJ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjE3YzIwLjIgMjAuMiAxOS45IDUzLjItLjYgNzMuN3MtNTMuNSAyMC44LTczLjcuNmwtMTkwLTE5MGMtMjAuMS0yMC4yLTE5LjgtNTMuMi43LTczLjdTMTA5IDYuOCAxMjkuMSAyN2wxOTAgMTkweiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTkuMSAyOTAuNWMyMC4yLTIwLjIgMTkuOS01My4yLS42LTczLjdzLTUzLjUtMjAuOC03My43LS42bC0xOTAgMTkwYy0yMC4yIDIwLjItMTkuOSA1My4yLjYgNzMuN3M1My41IDIwLjggNzMuNy42bDE5MC0xOTB6Ii8+PC9zdmc+)
}

.join .cta .arrow.primera {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: .2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.cfdTrading {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    gap: 16px;
    margin: 0 auto;
    max-width: 1080px
}

.cfdTrading h2 {
    text-align: left;
    margin: 0 0 10px
}

.cfdTrading h3 {
    font-size: 16px;
    line-height: 1.5
}

.cfdTrading p {
    font-size: 16px;
    line-height: 1.55;
    margin: 0 0 16px
}

.cfdTrading .button-outlined {
    min-width: 148px;
    height: 40px
}

.cfdTrading__visual {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1px 1fr;
    grid-template-columns: 1fr 1px 1fr;
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    gap: 16px;
    position: relative
}

.cfdTrading__visual h3 {
    text-align: center;
    margin: 0 0 9px
}

.cfdTrading__line {
    position: relative;
    background: #000;
    height: 124px;
    margin-top: 33px
}

.cfdTrading__line span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -32px;
    font-weight: 800;
    font-size: 24px;
    line-height: 32px
}

.cfdTrading__caption {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    gap: 15px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.33;
    padding-top: 5px
}

.section--cfdTrading {
    padding: 40px 0
}

.section--reviews+.section--cfdTrading {
    padding-top: 0
}

.short-selling {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 40px
}

.short-selling__tbl {
    margin-top: 15px;
    width: 100%
}

.short-selling__tbl tbody {
    vertical-align: top
}

.short-selling__tbl tr:not(:first-child) {
    border-top: 1px solid #bbbdbf
}

.short-selling__tbl tr td {
    padding: 15px 0;
    line-height: 24px;
    font-size: 16px
}

.short-selling__tbl tr td:first-child {
    padding-right: 10px;
    width: 80%
}

.short-selling__tbl tr td:last-child {
    width: 20%;
    text-align: right;
    font-weight: 700
}

.short-selling .button-link {
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: 400;
    font-size: 12px;
    color: #4c4c4e;
    cursor: pointer
}

.short-selling .button-link:after {
    border: 1px solid #4c4c4e;
    border-left: 0;
    border-bottom: 0
}

.fca-curr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 48px 0
}

.fca-curr__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    width: 100%
}

.fca-curr .h2 {
    display: inline-block
}

.fca-curr__date {
    text-align: right;
    color: #707081
}

.page-content-area .fca-curr__tbl {
    margin-bottom: 16px;
    box-shadow: none
}

.page-content-area .fca-curr__tbl thead {
    background: #ececec;
    border-bottom: 1px solid #bbbdbf
}

.page-content-area .fca-curr__tbl thead th {
    background-color: transparent;
    line-height: 1.3;
    font-weight: 700;
    font-size: 13px;
    color: #707081
}

.page-content-area .fca-curr__tbl tbody tr:nth-child(even) {
    background: #f8f8f8
}

.page-content-area .fca-curr__tbl td,
.page-content-area .fca-curr__tbl th {
    padding: 8px 12px;
    border-bottom: none
}

.page-content-area .fca-curr__tbl td:first-child,
.page-content-area .fca-curr__tbl th:first-child {
    border-left: none
}

.page-content-area .fca-curr__tbl td:last-child,
.page-content-area .fca-curr__tbl th:last-child {
    border-right: none
}

.page-content-area .fca-curr__tbl td.ta-r,
.page-content-area .fca-curr__tbl th.ta-r {
    max-width: 120px;
    width: 120px;
    text-align: right
}

.page-content-area .fca-curr__tbl td:nth-child(2) {
    text-transform: uppercase
}

.page-content-area .fca-curr__tbl td:before {
    display: table-cell;
    padding: 8px 12px;
    width: 50%;
    text-transform: capitalize;
    color: #707081;
    content: attr(data-subtitle)
}

.newToTrade {
    height: 245px;
    margin: 100px 0 52px;
    padding: 48px 0;
    background: #f3f5f7;
    overflow: visible;
    border-radius: 24px
}

.newToTrade__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.newToTrade__img {
    position: relative;
    bottom: 100px
}

.newToTrade__img img {
    max-width: 716px;
    height: auto
}

.newToTrade .h1 {
    margin: 0;
    text-align: left
}

.newToTrade__desc {
    padding: 8px 0 16px
}

.newToTrade__buttons {
    display: -ms-flexbox;
    display: flex
}

.newToTrade__buttons a.button-outlined {
    background: 0 0;
    transition: all .1s ease-out
}

.newToTrade__buttons a.button-outlined:hover {
    background: #bb8b62
}

.newToTrade__buttons a:not(:first-child) {
    margin-left: 16px
}

.tool .section {
    padding: 45px 0 50px
}

.tool .pb-none {
    padding-bottom: 0
}

.tool .row-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tool .row__table {
    display: block
}

.tool .h1 {
    margin-top: 10px
}

.tool .txt-md span {
    display: block;
    margin-bottom: 15px
}

.tool .section__tabs {
    padding: 0 0 65px
}

.tool .section__instruments {
    padding: 0 0 25px
}

.tool__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 15px
}

.tool__ico {
    background: #bb8b62;
    border-radius: 100%;
    width: 64px;
    height: 64px;
    min-width: 64px;
    position: relative;
    display: inline-block;
    margin: 0 25px 0 0
}

.tool__ico:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 22px;
    background: url(../img/subscribe-ico-msg.png) center no-repeat;
    background-size: 32px 22px;
    will-change: transform;
    transform: translate(-50%, -50%)
}

.tool__table--wrap {
    margin: 10px 0 20px
}

.tool .values__ico {
    margin: 0 42px 0 0
}

.tool .values__ico img,
.tool .values__ico svg {
    width: 100%
}

.tool .main__tools .values__ico {
    margin: 0 42px 0 0
}

.tool .form__group {
    width: calc(100% - 110px)
}

.tool .form__group input {
    width: calc(100% - 10px)
}

.tool .button-main {
    margin-top: 0;
    float: right
}

.tool__more.button-link {
    cursor: pointer
}

.tool__more.button-link:after {
    top: 50%;
    right: -6px;
    transform: translateY(-50%) rotate(135deg);
    transition: top, .1s, transform .3s
}

.tool__more.button-link.arr-top:after {
    top: 50%;
    right: -3px;
    transform: rotate(-45deg)
}

.tool hr {
    max-width: 1140px;
    margin: 0 auto;
    border: 0;
    border-bottom: 1px solid rgba(151, 151, 151, .18)
}

.tool__banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 735px;
    margin-right: 45px;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column
}

.tool__banner--chart {
    width: 100%
}

.tool__banner--chart .chart-big {
    margin-bottom: 30px
}

.tool__banner--func {
    position: relative;
    margin-bottom: 25px;
    width: 100%
}

.tool__banner .h1 {
    text-align: left;
    margin: -10px 0 15px
}

.tool__banner--btns {
    display: block;
    margin-bottom: 30px
}

.tool__banner--btns .button-main {
    padding: 10px 15px 7px;
    margin-right: 14px;
    float: none;
    width: 216px;
    max-width: calc(50% - 10px);
    font-weight: 500;
    line-height: 21px;
    box-shadow: 0 10px 14px 0 #efe8e3;
    transition: background .3s, box-shadow .3s
}

.tool__banner--btns .button-main:last-child {
    margin-right: 0
}

.tool__banner--btns .table-tools__price {
    margin-top: 3px;
    text-align: center;
    font-size: 21px;
    line-height: 27px;
    color: #fff;
    position: relative;
    background: 0 0;
    font-weight: 700
}

.tool__banner--btns .table-tools__price:after {
    content: none
}

.tool__banner--btns .sell {
    background: #f15761
}

.tool__banner--btns .sell:hover {
    background: rgba(241, 87, 97, .8)
}

.tool__banner--btns .buy {
    background: #359acc
}

.tool__banner--btns .buy:hover {
    background: rgba(53, 154, 204, .8)
}

.tool__banner--btns span.table-tools__price {
    animation: none
}

.tool__banner--links {
    display: block
}

.tool__banner--links a {
    padding-left: 30px;
    margin-right: 24px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    position: relative;
    text-decoration: underline
}

.tool__banner--links a:hover {
    text-decoration: none
}

.tool__banner--links .ico {
    position: absolute;
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px
}

.tool__banner .info-number {
    font-weight: 600;
    font-size: 22px;
    line-height: 19px;
    display: inline-block;
    vertical-align: bottom
}

.tool__banner .info-number span {
    position: relative;
    padding-right: 20px;
    background: 0 0
}

.tool__info {
    max-width: 30%;
    min-width: 300px;
    width: 100%
}

.tool__info--wrap {
    margin: 0;
    overflow: hidden;
    display: inline-block;
    width: 100%
}

.tool__info .instrument-info {
    margin-bottom: 0
}

.tool__info table {
    width: 100%
}

.tool__info td {
    text-align: left;
    width: 100%;
    display: table;
    vertical-align: bottom
}

.tool__info--text {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    border-bottom: 1px solid rgba(151, 151, 151, .2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 0 11px
}

.tool__info--text>* {
    max-width: 59%;
    width: 59%
}

.tool__info--text>:first-child {
    font-weight: 600;
    padding-right: 5px
}

.tool__info--text>:last-child {
    width: 39%;
    max-width: 39%;
    text-align: right
}

.tool__info--text_tooltip {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.tool__info--tooltip {
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC43MjcwNTEgMy40MzU1NUgyLjU0MjQ4VjguMDc2MTdIMy4zODAzN1Y5SDAuNzM3NzkzVjguMDc2MTdIMS41MzI3MVY0LjM1OTM4SDAuNzI3MDUxVjMuNDM1NTVaTTEuMzQ0NzMgMS40NjQzNkMxLjM0NDczIDEuMzcxMjYgMS4zNjI2MyAxLjI4MzUzIDEuMzk4NDQgMS4yMDExN0MxLjQzNzgzIDEuMTE1MjMgMS40ODc5NiAxLjA0MTgzIDEuNTQ4ODMgMC45ODA5NTdDMS42MTMyOCAwLjkxNjUwNCAxLjY4ODQ4IDAuODY2Mzc0IDEuNzc0NDEgMC44MzA1NjZDMS44NjAzNSAwLjc5MTE3OCAxLjk1MTY2IDAuNzcxNDg0IDIuMDQ4MzQgMC43NzE0ODRDMi4xNDE0NCAwLjc3MTQ4NCAyLjIyOTE3IDAuNzkxMTc4IDIuMzExNTIgMC44MzA1NjZDMi4zOTc0NiAwLjg2NjM3NCAyLjQ3MDg3IDAuOTE2NTA0IDIuNTMxNzQgMC45ODA5NTdDMi41OTYxOSAxLjA0MTgzIDIuNjQ2MzIgMS4xMTUyMyAyLjY4MjEzIDEuMjAxMTdDMi43MjE1MiAxLjI4MzUzIDIuNzQxMjEgMS4zNzEyNiAyLjc0MTIxIDEuNDY0MzZDMi43NDEyMSAxLjU2MTA0IDIuNzIxNTIgMS42NTIzNCAyLjY4MjEzIDEuNzM4MjhDMi42NDYzMiAxLjgyNDIyIDIuNTk2MTkgMS45MDEyIDIuNTMxNzQgMS45NjkyNEMyLjQ3MDg3IDIuMDMzNjkgMi4zOTc0NiAyLjA4NTYxIDIuMzExNTIgMi4xMjVDMi4yMjkxNyAyLjE2MDgxIDIuMTQxNDQgMi4xNzg3MSAyLjA0ODM0IDIuMTc4NzFDMS45NTE2NiAyLjE3ODcxIDEuODYwMzUgMi4xNjA4MSAxLjc3NDQxIDIuMTI1QzEuNjg4NDggMi4wODU2MSAxLjYxMzI4IDIuMDMzNjkgMS41NDg4MyAxLjk2OTI0QzEuNDg3OTYgMS45MDEyIDEuNDM3ODMgMS44MjQyMiAxLjM5ODQ0IDEuNzM4MjhDMS4zNjI2MyAxLjY1MjM0IDEuMzQ0NzMgMS41NjEwNCAxLjM0NDczIDEuNDY0MzZaIiBmaWxsPSIjOUM5QzlDIi8+Cjwvc3ZnPgo=);
    background-size: 4px 9px;
    background-repeat: no-repeat;
    background-position: center 2px;
    background-color: transparent;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    transition: all .1s ease-out;
    cursor: pointer
}

.tool__info--tooltip:hover {
    background-color: #eaeaea
}

.tool__info--desc {
    display: none;
    background: #eaeaea;
    border-bottom: 1px solid rgba(151, 151, 151, .2);
    font-size: 12px;
    line-height: 13
}

.tool__info--desc .wrap {
    padding: 16px 24px 12px
}

.tool__info--desc .desc__subtitle {
    font-weight: 700;
    font-size: 12px
}

.tool__info--desc .desc__stat {
    margin: 11px 0;
    width: 100%;
    height: 8px;
    background: #e83e5a;
    border-radius: 8px;
    overflow: hidden
}

.tool__info--desc .desc__stat--leverage {
    height: 100%;
    background: #5ca1e2;
    border-right: 2px solid #eaeaea
}

.tool__info--desc .desc__content .tool__info--text {
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0 4px 16px;
    border-bottom: 1px solid #767779
}

.tool__info--desc .desc__content .tool__info--text:last-child {
    border-bottom: none
}

.tool__info--desc .desc__content .tool__info--text>span:first-child {
    position: relative;
    font-weight: 400
}

.tool__info--desc .desc__content .tool__info--text>span:first-child:before {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translate(-16px, 50%);
    content: ""
}

.tool__info--desc .desc__content .tool__info--text_margin>span:first-child:before {
    background: #5ca1e2
}

.tool__info--desc .desc__content .tool__info--text_fee>span:first-child:before {
    background: #e83e5a
}

.tool__info--desc .desc__content .tool__info--text .fee__desc {
    display: block;
    font-size: 10px;
    color: #9c9c9c
}

.tool__info--desc .desc__content .tool__info--text span>span {
    color: #9c9c9c
}

.tool__info--desc .desc__footer {
    padding: 16px 24px;
    background: #fff
}

.tool__info--desc .desc__footer .button-outlined {
    display: table;
    margin: 16px auto 0 0;
    height: unset;
    font-weight: 400;
    font-size: 12px
}

.tool__info--pbar {
    margin-bottom: 20px
}

.tool__info--pbar.trade-progress {
    visibility: hidden
}

.tool__info--pbar.trade-progress .progressbar {
    background: #f13c3c
}

.tool__info--pbar .h4 {
    text-align: left;
    line-height: 36px;
    margin-bottom: 10px
}

.tool__info--pbar .wrap:after {
    content: "";
    display: table;
    clear: both
}

.tool__info--pbar .tooltip {
    position: relative;
    font-weight: 600;
    margin: -20px 0 5px
}

.tool__info--pbar .tooltip:after {
    content: "";
    display: table;
    clear: both
}

.tool__info--pbar .tooltip span {
    left: 0;
    float: left;
    position: relative;
    transform: translateX(-50%)
}

.tool__info--pbar .tooltip span:before {
    content: "";
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #359acc;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.tool__info--pbar .progressbar {
    height: 5px;
    width: 100%;
    border-radius: 4px;
    background: rgba(176, 193, 202, .28)
}

.tool__info--pbar .progressbar:before {
    height: 5px;
    background-color: #359acc
}

.tool__info--pbar .bg-none:before {
    background: 0 0
}

.tool__info--pbar span {
    font-size: 14px;
    line-height: 36px
}

.tool__info--pbar .left {
    float: left
}

.tool__info--pbar .right {
    float: right
}

.tool__info--pbar .left,
.tool__info--pbar .positive {
    color: #359acc
}

.tool__info--pbar .negative,
.tool__info--pbar .right {
    color: #f13c3c
}

.tool__info--switcher {
    --gapSwitcher: 4px;
    background: #e5e5e5;
    border-radius: 8px;
    padding: var(--gapSwitcher);
    margin-bottom: 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    gap: var(--gapSwitcher)
}

.tool__info--switcher .button-main {
    background: 0 0;
    color: rgba(118, 119, 121, .5);
    height: 40px;
    min-height: 40px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 30px;
    border-radius: 5px
}

.tool__info--switcher .button-main:active,
.tool__info--switcher .button-main:focus {
    background: 0 0
}

.tool__info--switcher .button-main.active,
.tool__info--switcher .button-main:hover {
    background: #fff;
    color: #bb8b62
}

.tool__info--switcher .button-main.active span,
.tool__info--switcher .button-main:hover span {
    color: #000
}

.tool__info--switcher .button-main>:not(:last-child) {
    margin-right: 11px
}

.tool .main__tools {
    padding-bottom: 15px
}

.tool .main__tools--items_3 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 0 30px
}

.tool .main__tools--items_3 .main__tools--item {
    margin: 0;
    max-width: 100%
}

.tool .main__tools--item {
    background: #f8f8f8
}

.tool__desc {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tool__desc .h2,
.tool__desc .txt-md {
    padding: 0;
    margin: 0 0 18px;
    text-align: left
}

.tool__desc--text-wrap {
    width: calc(100% - 400px)
}

.tool__desc--text-wrap .h2 {
    text-align: left
}

.tool__desc--cont .txt-md {
    position: relative;
    padding-bottom: 44px;
    box-sizing: content-box;
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
    color: #4c4c4c;
    line-height: 24px
}

.tool__desc--cont h2 {
    margin-bottom: 20px
}

.tool__desc .ready-starting__btn {
    text-align: center
}

.tool__desc .ready-starting__btn a {
    margin: 20px 0 0;
    width: 100%
}

.tool__desc .ready-starting__btn p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000
}

.tool__desc--start {
    width: 360px;
    padding: 32px 45px 37px;
    background: rgba(232, 212, 194, .11) url(../img/category/start-bg.png) top center no-repeat;
    border: 1px solid #e8d4c2;
    border-radius: 5px
}

.tool__desc--start .h2 {
    text-align: center
}

.tool__desc--start img {
    display: block;
    margin: 0 auto 32px
}

.tool__desc--start .txt-md {
    text-align: center;
    margin-bottom: 0
}

.fca {
    text-align: right;
    margin: 60px 40px 0;
    width: 173px;
    position: relative
}

.fca__img {
    max-width: 173px
}

.fca__img--first {
    margin-bottom: 20px
}

.main-article-item--video {
    padding: 45px 0 15px
}

.main-article-item--video .video__item--video {
    margin-right: 0;
    margin-left: 20px;
    float: right;
    max-width: 480px;
    width: 280px;
    box-shadow: 0 14px 12px 0 rgba(0, 0, 0, .08)
}

.table-tools {
    margin-bottom: 38px
}

.table-tools table {
    width: 100%;
    position: relative;
    border-collapse: separate;
    table-layout: fixed;
    margin: 0
}

.table-tools thead th {
    width: 27%;
    height: 44px;
    vertical-align: middle;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-color: #2b2c2f;
    padding: 0 7.55px;
    white-space: nowrap
}

.table-tools thead th.name {
    padding-left: 15px;
    width: 45%
}

.table-tools thead th.sell {
    text-indent: 8px
}

.table-tools thead th.buy {
    text-indent: 8px
}

.table-tools thead th.first-clmn {
    padding-left: 15px
}

.table-tools thead th.event {
    width: 35%
}

.table-tools thead th.chart {
    width: 130px;
    padding-right: 20px;
    text-align: right
}

.table-tools thead th.chart:lang(da) {
    width: 140px
}

.table-tools tfoot td {
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.table-tools tfoot .button-link {
    font-weight: 400;
    display: inline-block;
    padding: 15px 10px 15px 0
}

.table-tools tbody td {
    vertical-align: middle;
    text-align: left;
    padding: 9px 5px;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer
}

.table-tools tbody td.name {
    padding-left: 20px
}

.table-tools tbody td.first-clmn {
    padding-left: 17px
}

.table-tools tbody td.chart {
    padding-right: 20px;
    text-align: right
}

.table-tools tbody td>span {
    display: inline-block;
    line-height: 18px;
    padding: 0 25px 0 5px
}

.table-tools__name {
    display: inline-block;
    vertical-align: middle
}

.table-tools__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #000;
    display: block
}

.table-tools__description {
    font-size: 9px;
    line-height: 1;
    color: #696969
}

.table-tools__price {
    display: block;
    line-height: 30px;
    border-radius: 2px;
    color: #000;
    padding: 0 7px;
    position: relative
}

.table-tools__price.positive-price {
    animation: positive-tic 1s ease-out forwards
}

.table-tools__price.positive-price:after {
    animation: positive-arr .3s ease-out forwards
}

.table-tools__price.negative-price {
    animation: negative-tic 1s ease-out forwards
}

.table-tools__price.negative-price:after {
    animation: negative-arr .3s ease-out forwards
}

.table-tools .trlink:hover td {
    background: #f8f8f8
}

.table-tools .instruments-search {
    margin: 0 auto 30px;
    width: 550px;
    display: block
}

.table-tools .button-outlined {
    min-width: 80%;
    text-align: center;
    background: 0 0;
    padding: 7px 5px;
    height: auto;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table-tools .button-outlined:hover {
    color: #fff;
    background-color: #bb8b62
}

.table-tools__season {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 27px;
    line-height: 22px
}

.instrument-info {
    margin: 0 0 46px;
    padding: 0;
    list-style: none
}

.instruments-search {
    position: relative;
    z-index: 10;
    width: 400px;
    display: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.instruments-search:focus {
    border-color: #bb8b62
}

.instruments-search-content {
    background-color: #fff;
    width: 100%;
    height: 44px;
    border-radius: 2px;
    padding: 0 43px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.instruments-search-dropdown {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .12)
}

.instruments-search .instruments-search-ico {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.instruments-search .instruments-search-ico:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #999
}

.instruments-search .instruments-search-ico:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 0;
    width: 2px;
    height: 8px;
    background-color: #999;
    transform: rotate(-45deg)
}

.instruments-search .instruments-search-cancel {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    opacity: 0;
    transition: opacity .3s;
    transform: translate(0, -50%)
}

.instruments-search .instruments-search-cancel:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    width: 1px;
    height: 20px;
    background-color: #000
}

.instruments-search .instruments-search-cancel:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    width: 1px;
    height: 20px;
    background-color: #000
}

.instruments-search .instruments-search-field {
    width: 100%;
    height: 44px;
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.625;
    color: #000;
    margin: 0;
    padding: 0
}

.instruments-search .instruments-search-field::-ms-clear {
    display: none
}

.instruments-search .instruments-search-field::-webkit-input-placeholder {
    transition: opacity .2s;
    opacity: 1
}

.instruments-search .instruments-search-field::-moz-placeholder {
    transition: opacity .2s;
    opacity: 1
}

.instruments-search .instruments-search-field:-moz-placeholder {
    transition: opacity .2s;
    opacity: 1
}

.instruments-search .instruments-search-field:-ms-input-placeholder {
    transition: opacity .2s;
    opacity: 1
}

.instruments-search .instruments-search-field:focus::-webkit-input-placeholder {
    opacity: 0
}

.instruments-search .instruments-search-field:focus::-moz-placeholder {
    opacity: 0
}

.instruments-search .instruments-search-field:focus:-moz-placeholder {
    opacity: 0
}

.instruments-search .instruments-search-field:focus:-ms-input-placeholder {
    opacity: 0
}

.instruments-search .instruments-search-field:focus~.instruments-search-ico:before {
    border-color: #000
}

.instruments-search .instruments-search-field:focus~.instruments-search-ico:after {
    background-color: #000
}

.instruments-search .instruments-search-field:focus~.instruments-search-ico~.instruments-search-cancel {
    opacity: 1
}

.instruments-search .instruments-search-field[autocomplete=off]::-webkit-contacts-auto-fill-button,
.instruments-search .instruments-search-field[autocomplete=off]::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0
}

.instruments-search .instruments-search-no-matches {
    height: 180px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    color: #999;
    line-height: 1.375;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.instruments-search .instruments-search-no-matches .matches-ico {
    width: 48px;
    height: 48px;
    position: relative;
    margin-bottom: 16px
}

.instruments-search .instruments-search-no-matches .matches-ico:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 5px solid #ccc
}

.instruments-search .instruments-search-no-matches .matches-ico:after {
    content: "";
    position: absolute;
    right: 7px;
    bottom: 0;
    width: 5px;
    height: 22px;
    background-color: #ccc;
    transform: rotate(-45deg)
}

.instruments-search .instruments-search-no-matches .matches-ico~span {
    display: block;
    max-width: 100%
}

.instruments-search .instruments-search-filters {
    padding: 22px 5px 12px
}

.instruments-search .instruments-search-filters h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #999;
    text-align: center;
    margin-bottom: 17px
}

.instruments-search .instruments-search-filters p {
    margin-bottom: 12px;
    text-align: center
}

.instruments-search .instruments-search-filters .instrument-filter {
    display: inline-block;
    border: 1px solid #bb8b62;
    padding: 8px 20px;
    color: #bb8b62;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    border-radius: 30px;
    cursor: pointer
}

.instruments-search .instruments-search-filters .instrument-filter:hover {
    background-color: rgba(187, 139, 98, .1)
}

.instruments-search .instruments-search-list {
    margin: 0;
    padding: 14px 0 14px 30px;
    list-style: none;
    max-height: 420px;
    overflow: auto
}

.instruments-search .instruments-search-list li {
    padding: 14px 29px 14px 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer
}

.instruments-search .instruments-search-list li:last-of-type {
    border-bottom: 0
}

.instruments-search .instruments-search-list .instrument-short {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.25;
    margin-right: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.instruments-search .instruments-search-list .instrument-full {
    font-size: 12px;
    color: #4c4c4c
}

.instruments-search .instruments-search-list .instrument-type {
    float: right;
    font-size: 12px;
    line-height: 1.75;
    color: #4c4c4c
}

.banner__why-capital {
    background: #2b2c2f url(../img/why-capital-bg.png) center bottom no-repeat;
    background-size: cover
}

.banner__why-capital--tower {
    background: #2b2c2f url(../img/mountain-grid.png) center top no-repeat;
    background-size: cover;
    margin: 0 -15px;
    width: calc(100% + 30px);
    border-radius: 0
}

.banner__why-capital.section {
    padding: 35px 15px 30px
}

.banner__why-capital .row-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner__why-capital--logo {
    color: #fff;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    white-space: nowrap
}

.banner__why-capital--tower .banner__why-capital--logo {
    font-size: 22px;
    text-align: center
}

.banner__why-capital--logo span {
    color: #bb8b62
}

.banner__why-capital .list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 50%;
    width: 100%
}

.banner__why-capital .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 15px
}

.banner__why-capital .item p {
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    text-align: center
}

.banner__why-capital--tower .item p {
    text-align: left;
    margin-bottom: 0
}

.banner__why-capital .ico {
    width: 76px;
    height: 48px;
    display: block;
    margin: 0 auto 15px
}

.banner__why-capital--tower .item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 15px;
    -ms-flex-align: center;
    align-items: center
}

.banner__why-capital--tower .ico {
    margin: 0;
    background-position: center left;
    min-width: 66px;
    width: 66px
}

.banner__why-capital--tower .ico.analytics {
    background-size: 43px 29px
}

.banner__why-capital--tower .ico.procent {
    background-size: 53px 30px
}

.banner__why-capital--tower .ico.competitive {
    background-size: 38px
}

.banner__why-capital .button-main {
    color: #fff
}

.b-why-capital__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.tool__desc--cont .h3 span {
    margin-bottom: 20px
}

.accord__block p {
    font-size: 16px;
    color: #4c4c4c;
    line-height: 26px
}

.accord__block h3,
.accord__block p {
    margin-bottom: 15px
}

.main__tools._bordered .main__tools--item {
    border: 1px solid #bbbdbf;
    border-radius: 6px
}

.main__tools._bordered .main__tools--item p {
    margin-bottom: 0
}

.main__tools._big .main__tools--item {
    padding: 18px 26px
}

.main__tools._big .values__ico {
    width: 96px;
    height: 96px;
    margin: 7px 26px 0 0;
    -ms-flex: none;
    flex: none
}

.main__tools._big p {
    margin-bottom: 0
}

.main__tools._big a {
    text-decoration: underline
}

.main__tools._big a:focus,
.main__tools._big a:hover {
    text-decoration: none
}

.main__tools._big .arrow-link {
    font-size: inherit;
    line-height: inherit
}

a.main__tools--item {
    text-decoration: none;
    color: inherit
}

.values__ico._col {
    width: 90px;
    height: 90px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -ms-flex: none;
    flex: none
}

.values__ico._col img,
.values__ico._col svg {
    max-width: 64px;
    max-height: 64px;
    width: auto;
    height: auto
}

.values__ico.green {
    background: linear-gradient(180deg, #199b30 0, #94dc0f 100%)
}

.values__ico.pink {
    background: linear-gradient(180deg, #ab1a4d 0, #f10171 100%)
}

.values__ico.blue {
    background: linear-gradient(180deg, #623bb9 0, #0568fc 100%)
}

.values__ico.orange {
    background: linear-gradient(180deg, #ff3f02 0, #ffa353 100%)
}

.values__ico._pastel-green {
    background: linear-gradient(132.91deg, #d4fc79 14.53%, #96e6a1 85.98%)
}

.values__ico._pastel-turquoise {
    background: linear-gradient(314.41deg, #72afd3 -1.05%, #37ecba 100%)
}

.values__ico._pastel-magenta {
    background: linear-gradient(314.41deg, #d57eeb -1.05%, #fccb90 100%)
}

.values__ico._pastel-pink {
    background: linear-gradient(314.41deg, #feada6 -1.05%, #f5efef 100%)
}

.values__ico._pastel-blue {
    background: linear-gradient(314.41deg, #a1c4fd -1.05%, #c2e9fb 100%)
}

.values__ico._pastel-orange {
    background: linear-gradient(314.41deg, #fa709a -1.05%, #fee140 100%)
}

.actionsBar {
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
    padding: 8px 0;
    position: fixed;
    width: 100%;
    top: 65px;
    z-index: 99;
    transform: translateY(-100px);
    opacity: 0;
    transition: transform .7s ease-in-out, opacity .7s ease-in-out;
    z-index: 99
}

.actionsBar.show {
    transform: translateY(0);
    opacity: 1
}

.actionsBar .row-cont {
    display: -ms-flexbox;
    display: flex
}

.actionsBar__holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

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

.actionsBar .tool__banner--btns {
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.actionsBar .button-main {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    max-width: auto;
    min-height: 32px;
    box-shadow: none;
    line-height: 1.2
}

.actionsBar .button-main p,
.actionsBar .button-main span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    line-height: inherit;
    margin-top: 0
}

.actionsBar .button-main p {
    font-size: 13px;
    border-right: 1px solid #fff
}

.actionsBar .button-main span {
    font-size: 14px;
    min-width: 84px
}

.leverage-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px
}

.leverage-label {
    margin-right: 7px;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
    min-width: 50%
}

.leverage-group-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.leverage-radio {
    position: relative;
    overflow: hidden;
    min-width: 60px
}

.leverage-radio label {
    display: block;
    height: 25px;
    border-left: 1px solid #bb8b62;
    border-top: 1px solid #bb8b62;
    border-bottom: 1px solid #bb8b62;
    font-size: 18px;
    line-height: 25px;
    color: #bb8b62;
    text-align: center;
    cursor: pointer
}

.leverage-radio [type=radio] {
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: -10px;
    opacity: 0;
    visibility: hidden
}

.leverage-radio [type=radio]:checked~label {
    background-color: #bb8b62;
    color: #fff;
    font-weight: 600
}

.leverage-radio [disabled]+label {
    border-color: #a2a2a3 !important;
    color: #a2a2a3;
    cursor: default
}

.leverage-radio:first-child label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.leverage-radio:last-child label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #bb8b62
}

.payment-methods {
    border: 1px solid #ddd;
    background-color: #ececed;
    border-radius: 1px;
    margin: 9px 0 41px;
    padding: 7px 1px 0 8px;
    height: 375px;
    overflow-x: visible;
    overflow-y: auto;
    font-size: 0
}

.payment-methods__item {
    border: 1px solid #cdcdcd;
    background-color: #fff;
    margin-bottom: 7px;
    margin-right: 7px;
    border-radius: 2px;
    width: 130px;
    height: 130px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative
}

.payment-methods__item-active {
    border-width: 4px;
    border-color: #bb8b62;
    cursor: default
}

.payment-methods__item-anavailable {
    opacity: .5
}

.payment-methods__item-anavailable .payment-methods__anavailable-label {
    display: block
}

.payment-methods__item-anavailable .payment-methods__title {
    display: none
}

.payment-methods__item-anavailable .payment-methods__icon {
    margin-bottom: 25px
}

.payment-methods__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%
}

.payment-methods__title {
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px
}

.payment-methods__anavailable-label {
    display: none;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 6px
}

.payment-methods__icon {
    margin-bottom: 36px
}

.payment-methods__card {
    margin-bottom: 21px
}

.payment-methods__bank {
    margin-bottom: 15px
}

.payment-methods__item {
    margin-bottom: 20px
}

.payment-methods .sprite-sofort {
    margin-bottom: 15px
}

.payment-methods.half-height {
    height: 190px
}

.payment-methods--reg {
    height: auto;
    margin-bottom: 0;
    background: 0 0;
    padding: 0;
    border: 0;
    overflow-y: visible
}

.payment-methods--reg .payment-methods__item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border: 1px solid transparent;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    height: auto
}

.payment-methods--reg .payment-methods__item:hover {
    background: #fefaf6;
    border: 1px solid rgba(197, 147, 108, .36)
}

.payment-methods--reg .payment-methods__flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 13px 32px 13px 16px;
    -ms-flex-flow: row;
    flex-flow: row
}

[lang=ar] .payment-methods--reg .payment-methods__flex {
    padding: 13px 16px 13px 32px
}

.payment-methods--reg .payment-methods__flex:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 1px solid #afb3b7;
    border-bottom: 1px solid #afb3b7;
    transform: translateY(-50%) rotate(-45deg)
}

[lang=ar] .payment-methods--reg .payment-methods__flex:before {
    right: unset;
    left: 15px;
    transform: translateY(-50%) rotate(135deg)
}

.payment-methods--reg .payment-methods__flex.active {
    background: #bb8b62
}

.payment-methods--reg .payment-methods__flex.active:before {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.payment-methods--reg .payment-methods__title {
    font-size: 18px;
    font-weight: 400;
    -ms-flex-order: 1;
    order: 1
}

.payment-methods--reg .payment-methods__bank,
.payment-methods--reg .payment-methods__card {
    margin-bottom: 0;
    -ms-flex-order: 2;
    order: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.payment-methods--reg .payment-methods__card {
    width: 101px;
    height: 34px;
    background-image: url(../img/registration/cards.svg?v1)
}

.payment-methods--reg .payment-methods__bank {
    width: 30px;
    height: 32px;
    background-image: url(../img/registration/bank.svg)
}

.payment-methods--reg .payment-methods__icon {
    margin-bottom: 0;
    -ms-flex-order: 2;
    order: 2
}

.status-info-container {
    width: 80%;
    margin: 0 auto;
    padding: 18px 40px;
    border: none;
    border-bottom: 4px solid #ccc;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-align: center
}

.status-info-container.positive {
    color: #359acc;
    border-color: transparent;
    border-bottom-color: #359acc;
    background-color: rgba(53, 154, 204, .1)
}

.status-info-container.negative {
    color: #f15761;
    border-color: transparent;
    border-bottom-color: #f15761;
    background-color: #feeeef
}

.status-info-description {
    width: 80%;
    margin: 0 auto;
    background-color: #ccc;
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    padding: 14px 20px
}

.status-info-description a {
    color: #fff !important;
    text-decoration: underline
}

.status-info-description a:hover {
    text-decoration: none
}

.status-info-description.positive {
    background-color: #359acc
}

.status-info-description.negative {
    background-color: #f15761
}

.payment-details {
    width: 80%;
    margin: 20px auto 0;
    padding: 0 20px;
    border: 1px solid rgba(192, 156, 124, .4);
    border-radius: 2px
}

.payment-details .details-row {
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.payment-details .details-row:not(:last-child) {
    border-bottom: 1px dotted #e6d7cb
}

.payment-details .details-row .details-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    text-align: left
}

.payment-details .details-row .details-value {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    color: #000;
    text-align: right;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.search {
    display: none;
    width: 16px;
    height: 24px;
    position: relative;
    cursor: pointer;
    float: left;
    margin-right: 25px
}

.search:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #000
}

.search:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 3px;
    width: 2px;
    height: 8px;
    background-color: #000;
    transform: rotate(-41deg);
    transform-origin: 50% 100%
}

.search__input:focus {
    outline: 0
}

.search__preview {
    max-height: 380px;
    background: #fff;
    width: 99%;
    left: 0;
    top: 100%;
    z-index: 100000;
    padding: 20px 40px 0;
    margin: 0 0 60px
}

.search__preview--wrap {
    background: #fff
}

.search__preview::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #fff;
    right: 3px;
    position: absolute
}

.search__preview::-webkit-scrollbar-thumb {
    background-color: #bb8b62;
    border-radius: 10px
}

.search__preview::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.search__preview:after {
    content: "";
    height: 60px;
    left: 0;
    background: #fff;
    z-index: 0;
    position: absolute;
    bottom: 0;
    right: 0
}

.search__preview--wrap .button-link {
    position: absolute;
    bottom: 20px;
    right: 40px
}

.search__preview {
    overflow: auto
}

.search__preview--section {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5
}

.search__preview--section:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.search__preview--section:last-child .search__preview--list:last-child {
    margin-bottom: 0
}

.search__preview--section .name {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, .4);
    margin-bottom: 5px
}

.search__preview--list {
    margin-bottom: 20px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.search__preview--list:last-child {
    border: none
}

.search__preview--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px 5px 21px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    transition: background-color .3s
}

.search__preview--item:hover {
    background: #f8f8f8
}

.search__preview--item .button-outlined {
    height: auto;
    padding: 2px 20px;
    margin: 0 7px;
    background: 0 0;
    font-size: 14px
}

.search__preview--item .sparkChart {
    float: right;
    max-height: 30px
}

.search__preview--item .instruments__price {
    font-size: 14px;
    font-weight: 500;
    min-width: 80px;
    display: inline-block;
    text-align: center;
    color: #000
}

.search__preview--item>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: none;
    flex: none
}

.search__i-link {
    color: #000
}

input[type=search].search__input {
    -webkit-appearance: none
}

.search__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box !important;
    width: 100%;
    height: 100%;
    padding: 11px 36px 9px 10px;
    font-weight: 400;
    cursor: text;
    font-size: 16px;
    line-height: normal;
    color: #000
}

.search__input:focus {
    border-bottom-color: rgba(0, 0, 0, .7)
}

.search__ico,
.search__ico--show {
    cursor: pointer;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    font-size: 18px
}

.search_res_wrap {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff
}

.search__clear {
    display: none;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    cursor: pointer
}

.search__clear:after,
.search__clear:before {
    content: "";
    display: block;
    width: 20px;
    height: 0;
    border: 1px solid #000;
    position: absolute;
    top: 50%
}

.search__clear:before {
    transform: rotate(45deg)
}

.search__clear:after {
    transform: rotate(135deg)
}

.global-search__label {
    position: relative;
    margin: 35px 0;
    display: inline-block
}

.global-search__label .ico-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    left: 12px
}

.global-search__label .ico-search:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #ccc
}

.global-search__label .ico-search:after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 0;
    width: 2px;
    height: 7px;
    background-color: #ccc;
    transform: rotate(-45deg)
}

.global-search__label .ico-close {
    display: block;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 10px;
    transition: opacity .3s;
    transform: translate(0, -50%);
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: #cbcbcb;
    border-radius: 100%
}

.global-search__label .ico-close:after,
.global-search__label .ico-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    height: 10px;
    width: 1px;
    border-radius: 1px
}

.global-search__label .ico-close:before {
    transform: translateY(-50%) translateX(-50%) rotate(45deg)
}

.global-search__label .ico-close:after {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg)
}

.global-search__input {
    width: 390px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 15px 41px 16px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 500;
    transition: box-shadow .2s
}

.global-search__input:focus {
    outline: 0;
    box-shadow: 1px 5px 17px -10px rgba(0, 0, 0, .7)
}

.global-search__input:focus+.ico-close {
    opacity: 1
}

.global-search__tabs {
    border-bottom: 1px solid #e5e5e5
}

.global-search__tabs .main__tab--list {
    max-width: 1005px;
    padding: 0 30px;
    width: 100%;
    overflow-x: auto;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    border-bottom: 0
}

.global-search__tabs .main__tab--item {
    margin-bottom: 0
}

.global-search__row {
    max-width: 1005px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px
}

.global-search__results {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, .4);
    margin-bottom: 30px
}

.global-search__content {
    padding: 20px 0 35px
}

.global-search__list {
    margin-bottom: 10px;
    min-height: 300px
}

.global-search__message {
    font-size: 16px;
    line-height: 1.375
}

.global-search__img {
    max-width: 210px;
    width: 100%;
    margin: 0 40px 0 0
}

.global-search__img img {
    width: 100%;
    border-radius: 4px
}

.global-search__preview {
    max-width: 210px;
    width: 100%;
    margin: 0 40px 0 0;
    border-radius: 6px;
    padding: 20px 16px 8px;
    background: #fff;
    display: inline-block;
    border-bottom: 10px solid transparent;
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .1);
    transition: transform .2s, box-shadow .2s
}

.global-search__wrap .pagination {
    max-width: 800px;
    margin: 0 auto
}

.global-search__overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 33;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 18, 18, .4);
    display: none;
    opacity: 0;
    transition: opacity .3s
}

.global-search__item {
    padding-bottom: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.global-search__text h4,
.global-search__text h4 a {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.333;
    color: #000;
    margin-bottom: 5px
}

.global-search__text h4 a:hover {
    color: #bb8b62;
    text-decoration: none
}

.global-search__text p {
    color: #4c4c4c;
    margin-bottom: 5px
}

.global-search__text a {
    font-size: 14px;
    line-height: 17px;
    color: #bb8b62
}

.global-search__text a:hover {
    text-decoration: underline
}

.global-search__heading {
    padding: 30px 0 16px
}

.global-search__heading h1 {
    margin: 0
}

.webinar .gray .txt-md {
    margin-top: 10px
}

.webinar .video .button-link {
    bottom: 25px
}

.webinar iframe {
    display: none;
    box-shadow: 0 35px 50px -30px rgba(0, 0, 0, .4)
}

.webinar__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 55px 0 50px
}

.webinar__content .sidebar {
    max-width: 360px;
    width: 100%
}

.webinar__content .list {
    margin-bottom: 35px
}

.webinar__content .item {
    padding-left: 50px;
    margin-top: 17px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.webinar__content .ico-check {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0
}

.webinar__content .form h3 {
    margin-bottom: 3px
}

.webinar__content .form p {
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    margin-bottom: 20px
}

.webinar__content .field-form {
    margin-bottom: 20px;
    border-radius: 4px
}

.webinar__content textarea {
    min-height: 110px
}

.webinar__content .button-content {
    height: 52px;
    border-radius: 4px;
    width: 100%
}

.webinar__content .content {
    padding-left: 135px
}

.webinar__content .content p {
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    margin-bottom: 30px
}

.webinar__content .content p:last-child {
    margin-bottom: 0
}

.webinar__content .user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 25px
}

.webinar__content .user img {
    width: 152px;
    height: 152px;
    margin-right: 45px
}

.webinar__content .user__info p {
    font-size: 16px;
    line-height: 28px;
    color: #4c4c4c
}

.webinar__content .user__info .social {
    margin-top: 23px
}

.webinar__content .user__info .social a {
    margin-right: 10px
}

.webinar__content .user__info .shares {
    padding-top: 0;
    border-top: 0
}

.webinar__content .user__info .shares .socials_toolbox {
    margin-top: 0
}

.webinar__content .testimonial .h3 {
    margin-bottom: 30px
}

.webinar__content .testimonial {
    position: relative;
    margin-bottom: 50px
}

.webinar__content .main__sprite--bg-quotes {
    position: absolute;
    top: 50px;
    left: 0
}

.webinar__content .testimonial__cont {
    padding-left: 60px
}

.webinar__content .testimonial__cont p {
    font-style: italic;
    text-align: left;
    padding: 0;
    margin-bottom: 15px
}

.webinar__content .testimonial__cont .h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.375
}

.webinar__content .social a {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 15px
}

.webinar__content .social a:last-child {
    margin-right: 0
}

.webinar__content .social__list,
.webinar__content .socials_toolbox {
    margin-top: 25px
}

.banner-info.webinar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px 0 50px
}

.banner-info.webinar .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 73%
}

.banner-info.webinar .list {
    margin-right: 40px
}

.banner-info.webinar .item {
    padding-left: 50px;
    margin-top: 17px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.banner-info.webinar .ico-check {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0
}

.banner-info.webinar .content {
    padding-left: 135px
}

.banner-info.webinar .content p {
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    margin-bottom: 30px
}

.banner-info.webinar .content p:last-child {
    margin-bottom: 0
}

.banner-info.webinar .user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.banner-info.webinar .user img {
    width: 152px;
    height: 152px;
    margin-bottom: 20px
}

.banner-info.webinar .user__info span {
    display: block;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.364
}

.banner-info.webinar .user__info p {
    font-size: 16px;
    line-height: 28px;
    color: #4c4c4c
}

.banner-info__half {
    width: 48%
}

.timer {
    max-width: 390px;
    width: 100%;
    padding: 42px;
    border-radius: 4px;
    background: #faf8f6;
    text-align: center;
    margin-bottom: 35px;
    border: 1px solid #e8d4c2
}

.timer__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 30px
}

.timer__item {
    text-align: center;
    margin: 0 10px
}

.timer__item:nth-child(2n+2) span {
    font-weight: 400;
    line-height: 23px;
    display: inline-block;
    vertical-align: super
}

.timer .ico {
    width: 61px;
    height: 57px;
    min-width: 61px;
    margin: 0 auto 19px;
    display: block
}

.timer p {
    font-size: 16px;
    line-height: 1.375;
    margin-bottom: 22px
}

.video {
    position: relative;
    max-width: 1217px;
    margin: 0 auto 35px;
    padding-bottom: 5px;
    display: block
}

.video.no-m-offset {
    margin-bottom: 0;
    padding-top: 0
}

.video.no-m-offset .video__list {
    margin: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.video.no-m-offset .video__item {
    margin: 0
}

.video .h2 {
    text-align: center;
    margin-bottom: 25px
}

.video .txt-md {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.video__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px auto 35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.video iframe {
    width: 572px;
    height: 320px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .08)
}

.video__more.button-main.rounded-lg {
    box-shadow: 0 6px 23px 0 rgba(241, 60, 60, .22);
    padding: 20px 35px 20px 88px;
    background: #f13c3c;
    display: block;
    position: relative;
    margin: 0 auto 55px;
    max-width: 405px
}

.video__more.button-main.rounded-lg:hover {
    background: #d61a1a
}

.video__more .ico__play {
    position: absolute;
    left: 38px;
    top: 50%;
    transform: translateY(-50%)
}

.video .button-link {
    bottom: 50px;
    margin: 0 30px;
    float: right
}

.video--ipo {
    margin-top: 90px;
    border-radius: 8px;
    height: 0;
    left: 0;
    position: relative;
    width: 100%;
    margin-top: 90px;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 56.2493%
}

.video--ipo iframe {
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.video__item {
    width: 100%;
    max-width: calc(33% - 30px);
    margin: 15px 15px 10px;
    display: inline-block;
    -ms-flex: 1 0 calc(33% - 30px);
    flex: 1 0 calc(33% - 30px)
}

.video__item .name {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700
}

.video__item .date {
    font-size: 14px;
    line-height: 24px;
    color: #b2b2b2
}

.video__item--video {
    margin-bottom: 10px;
    overflow: hidden;
    background: center 50% no-repeat;
    background-size: 100% 140%;
    position: relative;
    cursor: pointer;
    box-shadow: 0 14px 12px 0 rgba(0, 0, 0, .08)
}

.webp .video__item--video {
    background-image: url(../img/homepage/video-bg.webp)
}

.no-webp .video__item--video {
    background-image: url(../img/homepage/video-bg.jpg)
}

.video__item--video:hover:after,
.video__item--video:hover:before {
    background: #ef0602
}

.video__item--video:after,
.video__item--video:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transition: background-color .12s;
    transform: translate(-50%, -50%)
}

.video__item--video:before {
    background: rgba(49, 49, 49, .65);
    width: 62px;
    height: 45px;
    border-radius: 12px;
    z-index: 1
}

.video__item--video:after {
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    margin-left: 2px;
    z-index: 2
}

.video__item--video img {
    max-width: 100%;
    width: 70%;
    opacity: 0;
    display: block
}

.video__item--video.video--placeholder img {
    opacity: 1;
    width: 100%
}

.video-wrap .video {
    margin: 0
}

.video-wrap .side-video {
    padding: 0
}

.video-wrap .video__item--video {
    background-size: 100%;
    border-radius: 6px
}

.video-wrap .video__item--video img,
.video-wrap .video__item--video picture {
    width: 100%
}

.video-wrap .video__item,
.video-wrap .video__list {
    margin: 0
}

.video-wrap._explore .video__item--video {
    background-image: url(../img/homepage/explore_video-preview.jpg)
}

.video-wrap._explore .video__item--video.playing:after,
.video-wrap._explore .video__item--video.playing:before {
    content: none
}

html {
    height: 100%;
    width: 100%;
    font-weight: 400
}

body {
    position: relative;
    background: #fff;
    font-weight: 400;
    font-size: 62.5%;
    line-height: 12px;
    min-height: 100%;
    overflow-x: hidden
}

body.disabled-scroll-body {
    overflow: hidden;
    width: 100%
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

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

.text-orange {
    color: #ffac33
}

.text-brown {
    color: #bb8b62
}

a {
    font-weight: 500;
    color: #bb8b62;
    text-decoration: none
}

p {
    margin: 0
}

.marg-bot {
    margin-bottom: 0 !important
}

.block-hover-link {
    display: inline-block;
    padding: 5px 9px;
    margin-left: -9px
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden !important
}

.nowrap {
    white-space: nowrap
}

.inner-content-container {
    max-width: 1140px;
    margin: 30px auto 55px
}

.inner-content-container .related-articles {
    margin-top: 20px;
    padding-bottom: 0
}

.inner-content-container h1 {
    margin-bottom: 30px
}

.author {
    font-size: 12px;
    line-height: 24px;
    color: #4c4c4c;
    display: inline-block;
    vertical-align: middle
}

.author .thumb {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background: 0 0 no-repeat;
    background-size: contain
}

.date-posted {
    font-size: 12px;
    line-height: 18px;
    color: #4c4c4c;
    display: inline-block;
    vertical-align: middle
}

.date-posted:before {
    font-family: icomoon !important;
    margin-right: 5px;
    content: "";
    color: #ccc
}

.main-article-item__content .date-posted {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.main-article-item__content .date-posted:before {
    display: inline-block;
    margin-right: 11px;
    width: 18px;
    height: 20px;
    background: url(../img/icons/ico-calendar.svg) center center no-repeat;
    background-size: contain;
    content: "";
    margin-top: -2px
}

.read-time {
    font-size: 12px;
    line-height: 18px;
    color: #4c4c4c;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icons/ico-time-mid2.svg) no-repeat 15px 50%;
    border-left: 1px solid #d8d8d8;
    padding-left: 35px
}

.info-posted {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #4c4c4c;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    vertical-align: middle
}

.info-posted span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.info-posted span:not(:first-child):before {
    margin-right: 5px;
    margin-left: 5px;
    content: "•";
    font-weight: 600
}

.info-posted .date-posted {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    -ms-flex-align: center;
    align-items: center
}

.info-posted .date-posted:before {
    margin-right: 8px;
    font-size: 1.4em
}

.alt-bg {
    background-color: #f8f8f9;
    padding: 1px 1px 25px
}

.alt-bg .inner-content-container h1 {
    margin-bottom: 15px
}

.divider-layout {
    background-color: #ccc;
    height: 1px
}

.divider-layout.big-margin {
    margin: 20px 0 25px
}

.title-table {
    margin-bottom: 16px
}

.title-table a {
    color: #000
}

.course-pic-head {
    background: #ebecef 50% 100% no-repeat;
    background-size: contain;
    height: 187px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 24px;
    border-radius: 0;
    overflow: hidden
}

.course-pic-head:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(34, 40, 63, .9)
}

.course-pic-head h1 {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2
}

.course-pic-head .title-c {
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #bb8b62;
    margin-bottom: 7px;
    position: relative;
    z-index: 2
}

.results-showing {
    font-size: 13px;
    line-height: 15px;
    color: #999;
    margin-bottom: 15px
}

.swiper-slide {
    margin: 0 10px
}

.swiper-button-next,
.swiper-button-prev {
    top: 0;
    width: 50px;
    height: 100%;
    margin: 0;
    cursor: pointer;
    position: absolute;
    background-size: auto
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.swiper-button-next:before,
.swiper-button-prev:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-color: #bb8b62;
    border-radius: 24px
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #fff
}

.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
    background-color: #cf9768
}

.swiper-button-next:active:before,
.swiper-button-prev:active:before {
    background-color: #a97b54
}

html.has-touch .swiper-button-next:active:before,
html.has-touch .swiper-button-next:hover:before,
html.has-touch .swiper-button-prev:active:before,
html.has-touch .swiper-button-prev:hover:before {
    background-color: #bb8b62
}

.swiper-button-next {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 60%, #fff 100%)
}

.swiper-button-next:before {
    right: 0
}

.swiper-button-next:after {
    right: 9px;
    transform: translateY(-50%) rotate(-45deg);
    border-right: 2px solid #fff
}

.swiper-button-prev {
    left: 0;
    background: linear-gradient(to right, #fff 0, #fff 40%, rgba(255, 255, 255, 0) 100%)
}

.swiper-button-prev:before {
    left: 0
}

.swiper-button-prev:after {
    left: 9px;
    transform: translateY(-50%) rotate(45deg);
    border-left: 2px solid #fff
}

.store-container .store-apple,
.store-container .store-google {
    display: inline-block;
    margin-right: 20px;
    font-size: 0;
    line-height: 0;
    text-indent: -5000px;
    vertical-align: top;
    transition: box-shadow .4s, transform .4s
}

.store-container .store-apple:last-child,
.store-container .store-google:last-child {
    margin-right: 0
}

.store-container .sprite-or2 {
    margin-right: 20px
}

.store-container .button-sendlink {
    font-size: 14px;
    border-radius: 5px;
    vertical-align: top;
    padding-left: 21px;
    padding-right: 21px;
    width: 152px;
    transition: width .5s ease
}

.table-wrapper {
    overflow-x: scroll
}

.profile-button {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 16px 10px 18px;
    position: relative;
    cursor: pointer;
    max-width: 190px;
    border: 1px solid #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.profile-button .user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 80%;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #000
}

.profile-button .nav-button {
    display: inline-block;
    background: url(../img/homepage/user.svg) center no-repeat;
    background-size: 16px;
    position: relative;
    width: 16px;
    height: 18px;
    margin-left: 10px
}

.profile-button .user-notif {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 13px;
    height: 13px;
    background-position: -1054px -844px
}

.arrow-right {
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icons/ico-arr-right.png) no-repeat 50% 50%;
    background-size: 13px 7px;
    width: 26px;
    height: 14px
}

.withdraw-avail-amount {
    background-color: rgba(187, 139, 98, .2);
    border-radius: 2px;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    padding: 12px 10px 12px
}

.withdraw-avail-amount>div {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.45
}

.container-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.container-flex .main-part {
    -ms-flex: 1;
    flex: 1
}

.container-flex .side-part {
    -ms-flex: 1;
    flex: 1
}

.marg-top-deposit {
    margin-top: 34px !important
}

.marg-top-withdraw {
    margin-top: 26px !important
}

.sparkChart {
    width: 100%;
    height: 40px
}

#launcher {
    bottom: 50px !important
}

.back-slide {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 30px;
    top: 170px;
    background: #bb8b62;
    border-radius: 30px;
    transform: translateY(-50%);
    opacity: 0
}

[lang=ar] .back-slide {
    left: unset;
    right: 30px;
    transform: translateY(-50%) rotate(180deg)
}

.back-slide:before {
    content: "";
    width: 11px;
    height: 11px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    position: relative;
    left: 3px
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 18, 18, .8);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: auto
}

.modal {
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    width: 90%;
    padding: 30px;
    overflow: auto;
    position: relative;
    margin: auto
}

.modal.form-container-small {
    padding: 0
}

.modal.modal-close-reg {
    width: 420px;
    position: absolute;
    right: 65px;
    top: 100px
}

.modal.modal-language {
    padding-left: 20px;
    padding-right: 20px
}

.modal.modal-leverage {
    overflow: hidden
}

.modal.modal-calendar {
    padding: 20px 15px
}

.modal.modal-calendar .modal-content {
    font-size: 16px
}

.modal-date {
    color: #4c4c4c;
    margin-right: 20px;
    position: relative
}

.modal-date:after {
    content: "";
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 27px;
    background: #d8d8d8;
    right: -14px;
    top: 50%;
    transform: translateY(-50%)
}

.modal-date img {
    margin-right: 5px;
    top: 2px;
    position: relative
}

.modal-header .modal-title {
    margin-bottom: 19px
}

.modal-header .nci-warning-icon {
    display: block;
    margin: 0 auto 20px
}

.modal-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px
}

.modal-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.modal-content p {
    margin-bottom: 15px
}

.modal-content a {
    color: #bb8b62
}

.modal-content .modal-title {
    margin-bottom: 9px
}

.modal-content ul {
    margin: 0 0 30px 20px;
    padding: 0;
    list-style: outside
}

.modal-content ul>li:not(:last-child) {
    margin-bottom: 10px
}

.modal-content ul ul {
    margin: 10px 0 0 20px
}

.modal-content .leverage-select {
    margin-bottom: 12px
}

.modal-content .small-risk-warning-info {
    font-size: 10px;
    line-height: 16px;
    color: #777;
    margin: 31px 0 25px 0
}

.modal-footer {
    margin-top: 15px
}

.modal-footer-button {
    width: 170px;
    vertical-align: top;
    height: 52px;
    padding: 5px
}

.modal-footer-button:not(:last-child) {
    margin-right: 13px
}

.modal-footer.space-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-footer.space-between .button-main,
.modal-footer.space-between .button-outlined {
    width: 49%
}

.modal-footer.centered {
    text-align: center
}

.modal-footer .button-main {
    color: #fff;
    text-decoration: none;
    position: relative;
    top: 1px
}

.modal-footer .button-outlined {
    color: #bb8b62;
    text-decoration: none
}

.modal-close {
    position: absolute !important;
    right: 0;
    top: 10px
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.spinner {
    animation: rotate 2s linear infinite;
    display: inline-block;
    width: 86px;
    height: 86px
}

.spinner .path {
    stroke: #c09c7c;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

.negative-text,
.positive-text {
    font-weight: 600
}

.negative-text {
    color: #e9724e
}

.positive-text {
    color: #359acc
}

.addresses {
    display: block;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    line-height: 1.5;
    padding: 0 10px
}

.addresses-item:not(:last-child) {
    margin-bottom: 20px
}

.addresses .company-place {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.35;
    display: block;
    margin-bottom: 10px
}

.addresses .company-name,
.addresses .company-phone {
    display: block
}

.language-set_item {
    padding: 9px 22px 9px 7px;
    color: #000 !important;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    margin-bottom: 2px
}

.language-set_item:hover {
    color: #bb8b62
}

.language-set_item.active {
    background-color: rgba(187, 139, 98, .1);
    font-weight: 600;
    color: #bb8b62 !important
}

.language-set_item.active:before {
    content: "";
    width: 6px;
    height: 9px;
    border-right: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    transform: rotate(45deg);
    position: absolute;
    right: 12px;
    top: 14px
}

.language-set_flag {
    margin-right: 14px;
    vertical-align: bottom
}

.arrow-link {
    font-weight: 600;
    font-size: 18px
}

.arrow-link:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    margin-bottom: 4px;
    vertical-align: middle;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(-135deg)
}

.no-wrap {
    white-space: nowrap
}

.container-with-side-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0
}

.container-with-side-nav:after {
    content: "";
    display: table;
    clear: both
}

.container-with-side-nav-content {
    width: calc(100% - 265px);
    padding-right: 30px
}

.container-with-side-nav-content div.banner-capital,
.page-content-area div.banner-capital {
    margin: 0 0 50px
}

.container-with-side-nav-content .list-way {
    padding: 0
}

.container-with-side-nav-content .list-way li {
    position: relative;
    padding: 14px 0 16px 50px;
    margin: 0
}

.container-with-side-nav-content .list-way li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    z-index: 2;
    width: 24px;
    height: 24px;
    border: 2px solid #bb8b62;
    border-radius: 50%;
    background-color: #fff;
    transform: translateY(0)
}

.container-with-side-nav-content .list-way li:after {
    content: "";
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 1px;
    background-color: #bb8b62
}

.container-with-side-nav-content .list-way li strong {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.364;
    display: block
}

.ums-terminal-mainToolbarControls {
    margin: 0 200px 0 206px
}

.links-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 45px
}

.links-group_vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.links-group__btn {
    margin: 0 37px 0 0
}

.links-group__btn:last-child {
    margin: 0
}

.links-group_vertical .links-group__btn {
    margin: 0 0 30px 0
}

.links-group_vertical .links-group__btn:last-child {
    margin: 0
}

.scroll-down-arrow {
    width: 40px;
    height: 13px;
    background: url(../img/icons/ico-arr-down.png) 0 0 no-repeat;
    background-size: cover;
    cursor: pointer
}

.scroll-to-top {
    display: none
}

.rss-icon {
    margin-left: 10px
}

.light-color {
    color: #a2a2a3
}

.nci-hint {
    color: #555;
    margin-top: 9px
}

.overlay-nci {
    z-index: 10000
}

.nci-req-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px
}

.separator-or {
    position: relative;
    text-align: center
}

.separator-or:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    background-color: #e5e5e5
}

.separator-or>div {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 15px
}

.store-container {
    text-align: center
}

.flex-ai-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 21px
}

.text-bold {
    font-weight: 700
}

.glossary {
    margin-top: 20px
}

.picture-container {
    max-width: 100%
}

.mtb35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.mb45 {
    margin-bottom: 45px
}

.list-webinar__item {
    padding-left: 50px;
    margin-bottom: 17px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #000
}

._gray .list-webinar__item {
    color: #575756;
    margin: 55px 0
}

.list-webinar .icn-check {
    border: 2px solid #bb8b62;
    border-radius: 100%;
    font-size: 21px;
    color: #bb8b62;
    position: absolute;
    top: 3px;
    left: 0
}

.list-webinar mark {
    color: #bb8b62;
    background: 0 0
}

.platform-video {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: block;
    border-radius: 6px;
    box-shadow: 0 18px 18px rgba(0, 0, 0, .07), 0 2px 8px rgba(0, 0, 0, .03)
}

.bg-fca {
    position: relative;
    margin-bottom: 60px
}

.explore {
    padding-bottom: 60px
}

.view-btn-wrap {
    text-align: right
}

.tv-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tv-box .video {
    margin: 0;
    padding-top: 0
}

.tv-box .video__item {
    max-width: 100%
}

.text-with-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #555658
}

.text-with-line:after,
.text-with-line:before {
    content: "";
    width: 50%;
    min-width: 20px;
    height: 1px;
    -ms-flex: auto;
    flex: auto;
    background: #555658
}

.text-with-line:before {
    margin-right: 10px
}

.text-with-line:after {
    margin-left: 10px
}

.text-with-line span {
    -ms-flex: none;
    flex: none
}

.hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: 0 0;
    -webkit-appearance: none
}

.hide-scrollbar::-webkit-scrollbar-track-piece {
    background-color: transparent;
    -webkit-border-radius: 6px
}

.hide-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent
}

.overlay--uk {
    background-color: rgba(18, 18, 18, .97);
    z-index: 9999
}

.overlay--uk .form-container-small-content {
    margin-top: 16px
}

.breadcrumbs {
    padding: 12px 0 8px;
    background: #f2f2f2
}

.breadcrumbs__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0 14px 4px 0;
    padding: 0 18px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #74747b;
    font-weight: 600;
    transition: all .15s ease-out
}

[lang=ar] .breadcrumbs__item {
    margin: 0 0 4px 14px;
    padding: 0 0 0 18px;
    font-size: 14px
}

.breadcrumbs__item:after {
    position: absolute;
    margin: auto 0;
    right: 0;
    width: 4px;
    height: 8px;
    background: url(../img/platforms/app/chevron_right.svg) center center no-repeat;
    content: ""
}

[lang=ar] .breadcrumbs__item:after {
    right: unset;
    left: 0;
    transform: rotate(180deg)
}

a.breadcrumbs__item:hover {
    color: #bb8b62
}

.breadcrumbs__item:last-child {
    color: #bb8b62
}

.breadcrumbs__item:last-child:after {
    display: none
}

@keyframes processing {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.button-cleared {
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: #bb8b62;
    background: 0 0;
    border: 0;
    height: 52px;
    padding: 5px 25px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    outline: 0
}

.button-cleared:active,
.button-cleared:focus,
.button-cleared:hover {
    background-color: rgba(169, 123, 84, .1);
    color: #a97b54
}

.button-cleared.disabled,
.button-cleared:disabled {
    pointer-events: none;
    background-color: transparent;
    color: rgba(187, 139, 98, .5)
}

.button-cleared.small {
    font-weight: 600;
    font-size: 14px;
    height: 40px;
    padding: 5px 20px
}

.button-cleared.button-skip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.button-cleared.button-skip:after {
    content: "";
    width: 12px;
    height: 12px;
    border-right: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    transform: rotate(-45deg);
    margin-left: 5px
}

[lang=ar] .button-cleared.button-skip:after {
    transform: rotate(135deg);
    margin-left: unset;
    margin-right: 5px
}

.button-cleared.button-skip:active,
.button-cleared.button-skip:focus,
.button-cleared.button-skip:hover {
    background-color: rgba(187, 139, 98, .1)
}

.button-cleared.button-skip.disabled,
.button-cleared.button-skip:disabled {
    background-color: rgba(153, 153, 153, .1);
    color: rgba(153, 153, 153, .5)
}

.button-cleared.button-skip.disabled:after,
.button-cleared.button-skip:disabled:after {
    border-right-color: rgba(153, 153, 153, .5);
    border-bottom-color: rgba(153, 153, 153, .5)
}

.button-cleared.button-skip--centered {
    margin: 0 auto
}

.button-cleared.button-back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.button-cleared.button-back:before {
    content: "";
    width: 12px;
    height: 12px;
    border-left: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    transform: rotate(45deg);
    margin-left: 5px
}

.button-cleared.button-back:active,
.button-cleared.button-back:focus,
.button-cleared.button-back:hover {
    background-color: rgba(187, 139, 98, .1)
}

.button-cleared.button-back.disabled,
.button-cleared.button-back:disabled {
    background-color: rgba(153, 153, 153, .1);
    color: rgba(153, 153, 153, .5)
}

.button-cleared.button-back.disabled:before,
.button-cleared.button-back:disabled:before {
    border-right-color: rgba(153, 153, 153, .5);
    border-bottom-color: rgba(153, 153, 153, .5)
}

.button-cleared.button-later {
    background: #e3e3e3;
    color: #8b8b8c;
    border-radius: 4px;
    margin-top: 20px;
    transition: background-color .2s
}

.button-cleared.button-later:hover {
    background-color: rgba(207, 151, 103, .1)
}

.button-cleared.relative {
    position: relative
}

.button-main {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    background-color: #a97b54;
    background-color: #bb8b62;
    border: 0;
    min-height: 52px;
    text-align: center;
    cursor: pointer;
    outline: 0;
    transition: background-color .2s, box-shadow .2s;
    padding: 15px 17px 13px;
    display: inline-block;
    border-radius: 4px;
    transform: translateZ(0)
}

.button-main:active,
.button-main:focus {
    background-color: #a97b54;
    outline: 0
}

.button-main:hover {
    background: #cf9768;
    box-shadow: 0 2px 4px 0 rgba(207, 151, 104, 0)
}

.button-main.disabled,
.button-main:disabled {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #b2b2b2;
    cursor: default
}

.button-main.rounded {
    border-radius: 50px
}

.button-main.rounded-lg {
    border-radius: 50px;
    padding: 15px 45px
}

.button-main.processing {
    background-color: rgba(187, 139, 98, .6);
    position: relative;
    cursor: default;
    pointer-events: none
}

.button-main.processing:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icons/ico-processing.png) no-repeat 0 0;
    background-size: 22px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 2;
    margin-top: -11px;
    animation: processing .5s linear infinite
}

.button-main.block-button {
    display: block;
    width: 270px;
    margin: 0 auto
}

.button-main.short-fix-button {
    width: 170px;
    padding-left: 5px;
    padding-right: 5px
}

.button-main.small {
    height: 40px;
    min-height: 40px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 30px
}

.button-main.small2 {
    height: 40px;
    min-height: 40px;
    padding: 5px 24px;
    font-size: 16px;
    line-height: 30px
}

.button-main.medium {
    height: 60px;
    min-height: 60px;
    padding: 5px 24px;
    font-size: 16px;
    line-height: 50px;
    text-transform: uppercase
}

.button-main.relative {
    position: relative
}

.button-main .print-icon-for-button {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.button-main.mob {
    display: none
}

.button-main--red {
    background: #ff5b33;
    box-shadow: 0 12px 30px 0 rgba(255, 51, 51, .44)
}

.button-main--red:focus,
.button-main--red:hover {
    background: #ff7e33;
    box-shadow: 0 12px 30px 0 rgba(255, 126, 51, .44)
}

.button-main.empty {
    color: #bb8b62;
    background: 0 0;
    border: 1px solid #bb8b62
}

.button-main.empty:hover {
    background: rgba(187, 139, 98, .1)
}

.button-main.outlined-light {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.button-main.outlined-light:hover {
    background: rgba(255, 255, 255, .3)
}

.button-main.white {
    background-color: #fff;
    color: #000
}

.button-main.white:hover {
    background: rgba(255, 255, 255, .7)
}

.button-main._icon {
    position: relative
}

.button-main._icon svg {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%)
}

.button-main._facebook {
    background-color: #4267b2;
    font-size: 13px;
    color: #fff
}

.button-main._facebook:focus,
.button-main._facebook:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .16)), #4267b2
}

.button-main._google {
    background-color: #fff;
    font-size: 13px;
    color: #4c4c4e;
    border: 1px solid #4c4c4e
}

.button-main._google:focus,
.button-main._google:hover {
    background: #f2f3f5
}

.button-main._apple {
    background-color: #000;
    font-size: 13px;
    color: #ffff
}

.button-main._apple:focus,
.button-main._apple:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .16)), #000
}

.button-outlined {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.375;
    color: #bb8b62;
    background-color: #fff;
    border: 1px solid #bb8b62;
    height: 52px;
    padding: 5px 15px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    outline: 0;
    transition: background-color .3s
}

.button-outlined:hover,
.button-outlined:hover:focus {
    color: #fff;
    background-color: #bb8b62
}

.button-outlined:active,
.button-outlined:focus {
    color: #bb8b62;
    border-color: #bb8b62
}

.button-outlined.disabled,
.button-outlined:disabled {
    color: rgba(187, 139, 98, .6);
    border-color: rgba(187, 139, 98, .6);
    background-color: #faf6f2
}

.button-outlined.rounded {
    border-radius: 50px
}

.button-outlined.processing {
    color: rgba(187, 139, 98, .6);
    border-color: rgba(187, 139, 98, .6);
    background-color: #faf6f2;
    position: relative;
    cursor: default;
    pointer-events: none
}

.button-outlined.processing:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icons/ico-processing-brown.png) no-repeat 0 0;
    background-size: 22px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 2;
    margin-top: -11px;
    animation: processing .5s linear 0s infinite none
}

.button-outlined.short-fix-button {
    width: 170px;
    padding-left: 5px;
    padding-right: 5px
}

.button-outlined.white {
    background-color: transparent;
    border-color: #8e9496;
    color: #fff
}

.button-outlined.white:active,
.button-outlined.white:hover {
    background-color: rgba(255, 255, 255, .1)
}

.button-outlined.small {
    height: 40px;
    min-height: 40px;
    padding: 5px 10px;
    font-size: 14px
}

.button-outlined.smaller {
    height: 50px;
    min-height: 50px;
    font-size: 14px;
    padding: 5px 21px
}

.button-outlined.relative {
    position: relative
}

.button-outlined.button-block {
    width: 100%
}

.back-button {
    padding: 13px 20px;
    position: relative;
    background-color: transparent;
    border: 0;
    display: inline-block;
    width: 20px;
    height: 14px;
    box-sizing: content-box;
    font-size: 0;
    line-height: 0;
    text-indent: -5000px;
    outline: 0
}

.back-button:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #bb8b62;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.back-button:after {
    content: "";
    width: 9px;
    height: 9px;
    box-sizing: content-box;
    border-left: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -10px;
    transform: translateY(-50%) rotate(45deg)
}

.close-button {
    width: 18px;
    height: 18px;
    position: relative;
    background-color: transparent;
    border: 0;
    padding: 10px 13px;
    display: inline-block;
    box-sizing: content-box;
    font-size: 0;
    line-height: 0;
    text-indent: -5000px;
    outline: 0;
    cursor: pointer
}

.close-button:before {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #bb8b62;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.close-button:after {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #bb8b62;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.group-radio-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.group-radio-button .radio-group {
    width: 50%
}

.group-radio-button .radio-group [type=radio] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    margin: 0
}

.group-radio-button .radio-group [type=radio]~span {
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: block;
    font-weight: 600;
    font-size: 12px;
    color: #bb8b62;
    border: 1px solid #bb8b62;
    text-align: center;
    margin-left: -1px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.group-radio-button .radio-group [type=radio]~span:hover {
    background-color: #faf6f2
}

.group-radio-button .radio-group [type=radio]~span:active {
    background-color: #e5d7ca
}

.group-radio-button .radio-group [type=radio]:checked~span {
    color: #fff;
    background-color: #bb8b62
}

.group-radio-button .radio-group [type=radio]:checked~span:hover {
    background-color: #aa896b
}

.group-radio-button .radio-group [type=radio]:checked~span:active {
    background-color: #9b7a5d
}

.group-radio-button .radio-group [type=radio]:disabled~span {
    color: #d8c2ae;
    background-color: #faf6f2;
    border-color: #e5d7ca
}

.group-radio-button .radio-group [type=radio]:disabled~span:active,
.group-radio-button .radio-group [type=radio]:disabled~span:hover {
    background-color: #faf6f2;
    border-color: #e5d7ca
}

.group-radio-button .radio-group [type=radio]:disabled:checked~span {
    color: #fff;
    background-color: rgba(187, 139, 98, .6)
}

.group-radio-button .radio-group [type=radio]:disabled:checked~span:active,
.group-radio-button .radio-group [type=radio]:disabled:checked~span:hover {
    background-color: rgba(187, 139, 98, .6)
}

.group-radio-button .radio-group:first-of-type {
    margin-left: 0
}

.group-radio-button .radio-group:first-of-type [type=radio]~span {
    border-radius: 12px 0 0 12px
}

.group-radio-button .radio-group:last-of-type [type=radio]~span {
    border-radius: 0 12px 12px 0
}

.group-radio-button.two-options {
    width: 226px
}

.group-radio-button.two-options .radio-group {
    width: 50%
}

.group-radio-button.two-options .radio-group [type=radio]~span {
    font-size: 18px
}

.group-radio-button.error {
    position: relative
}

.group-radio-button.error:after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: .2px;
    z-index: 3;
    background-color: #f13c3c;
    height: 2px;
    border-radius: 2px
}

.button-content {
    border: 1px solid #bb8b62;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #bb8b62;
    text-align: center;
    min-width: 180px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    padding: 5px 20px
}

.button-content:hover {
    color: #aa896b;
    border-color: #aa896b
}

.button-content:active,
.button-content:focus {
    color: #9b7a5d;
    border-color: #9b7a5d
}

.button-content.processing {
    background-color: #faf6f2;
    border-color: #e5d7ca;
    color: #d8c2ae;
    position: relative;
    cursor: default;
    pointer-events: none
}

.button-content.processing:after {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icons/ico-processing-brown.png) no-repeat 0 0;
    background-size: 22px;
    position: absolute;
    right: 17px;
    top: 50%;
    z-index: 2;
    margin-top: -11px;
    animation: processing .5s linear infinite
}

.button-content.smaller {
    height: auto;
    min-width: 100px;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.56
}

.round-btn-shadow {
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    background: 0 0;
    text-decoration: none;
    display: inline-block;
    padding: 5px 40px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    height: 62px;
    vertical-align: middle;
    background: #bb8b62;
    box-shadow: 0 6px 23px 0 #dcc0a6;
    border-radius: 100px;
    transition: all .2s
}

.round-btn-shadow span {
    color: #fff;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.round-btn-shadow:hover {
    background: #d5b08f;
    color: #fff;
    text-decoration: none
}

.round-btn-shadow:hover {
    background: #d5b08f;
    color: #fff;
    text-decoration: none
}

.print-button {
    width: 170px
}

.button-link {
    font-weight: 700;
    font-size: 17px;
    line-height: 18px;
    color: #bb8b62;
    position: relative;
    padding-right: 10px;
    white-space: nowrap
}

.button-link:after {
    content: "";
    position: absolute;
    width: 6px;
    top: 50%;
    height: 6px;
    border: 1px solid #bb8b62;
    border-left: 0;
    border-bottom: 0;
    right: 3px;
    transform: rotate(45deg) translateY(-50%)
}

.button-link:hover {
    text-decoration: underline
}

.button-link.reverce {
    padding-left: 10px
}

.button-link.reverce:after {
    right: inherit;
    left: 0;
    background-position: center;
    transform: translateY(-50%) rotate(180deg)
}

.with-ico {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.with-ico>:not(:last-child) {
    margin-right: 7px
}

.with-ico svg {
    -ms-flex: none;
    flex: none
}

.with-ico svg path {
    fill: currentColor
}

.with-ico.ios svg {
    margin-bottom: 6px
}

.webp .flag-min {
    background-image: url(../img/webp/sprite-flags-min-new.webp?v9);
    background-size: 72px auto
}

.webp .banner--about {
    background-image: url(../img/about/webp/banner-about.webp?v2)
}

.webp .banner--ec-calendar {
    background-image: url(../img/webp/calendar-cup.webp)
}

.webp .banner--blog {
    background-image: url(../img/webp/bg-blog.webp)
}

.webp .banner--prime {
    background-image: url(../img/prime/webp/banner.webp)
}

.webp .banner--cfd {
    background: transparent url(../img/webp/banner-cfd.webp) center no-repeat;
    background-size: cover
}

.webp .banner--crypto-page {
    background: transparent url(../img/webp/banner-crypto-page.webp) center no-repeat;
    background-size: cover
}

.webp .prime__bg:before {
    background-image: url(../img/prime/webp/subbanner.webp)
}

.webp .banner--main {
    background: #26272c url(../img/homepage/webp/banner-uber.webp) center no-repeat;
    background-size: cover
}

.webp .img__iphone {
    background: url(../img/homepage/webp/ico-iphone.webp?v2) center no-repeat;
    background-size: auto 250px
}

.webp .img__samsung {
    background: url(../img/homepage/webp/ico-samsung.webp?v2) center no-repeat;
    background-size: contain
}

.webp .global-accounts__banner:before {
    background-image: url(../img/accounts/webp/banner-global-accounts.webp)
}

.webp .main__support--strip,
.webp .prime__bg--img:after {
    background: url(../img/homepage/webp/strip.webp) bottom center no-repeat;
    background-size: 100% 100%
}

.webp .img__london {
    background-image: url(../img/about/webp/london.webp)
}

.webp .img__limassol {
    background-image: url(../img/about/webp/limassol.webp)
}

.webp .img__gibraltar {
    background-image: url(../img/about/webp/gibraltar.webp)
}

.webp .img__minsk {
    background-image: url(../img/about/webp/minsk.webp)
}

.webp .img__melbourne {
    background-image: url(../img/about/webp/melbourne.webp)
}

.no-webp .flag-min {
    background-image: url(../img/webp/sprite-flags-min-new.png?v1);
    background-size: 72px auto
}

.no-webp .banner--about {
    background-image: url(../img/about/banner-about.jpg?v2)
}

.no-webp .banner--ec-calendar {
    background-image: url(../img/calendar-cup.jpg)
}

.no-webp .banner--blog {
    background-image: url(../img/bg-blog.jpg)
}

.no-webp .banner--prime {
    background-image: url(../img/prime/banner.jpg)
}

.no-webp .banner--cfd {
    background: transparent url(../img/banner-cfd.jpg) center no-repeat;
    background-size: cover
}

.no-webp .banner--crypto-page {
    background: transparent url(../img/banner-crypto-page.jpg) center no-repeat;
    background-size: cover
}

.no-webp .banner--main {
    background: #000 url(../img/homepage/banner-uber.jpg) center no-repeat;
    background-size: cover
}

.no-webp .global-accounts__banner:before {
    background-image: url(../img/accounts/banner-global-accounts.jpg)
}

.no-webp .prime__bg:before {
    background-image: url(../img/prime/subbanner.jpg)
}

.no-webp .img__iphone {
    background: url(../img/homepage/ico-iphone.png?v1) center no-repeat;
    background-size: auto 250px
}

.no-webp .img__samsung {
    background: url(../img/homepage/ico-samsung.png?v1) bottom center no-repeat;
    background-size: contain
}

.no-webp .main__support--strip,
.no-webp .prime__bg:after {
    background: url(../img/homepage/strip.png) bottom center no-repeat;
    background-size: 100% 100%
}

.no-webp .img__london {
    background-image: url(../img/about/offices/london.jpg)
}

.no-webp .img__limassol {
    background-image: url(../img/about/offices/limassol.jpg)
}

.no-webp .img__gibraltar {
    background-image: url(../img/about/offices/gibraltar.jpg)
}

.no-webp .img__minsk {
    background-image: url(../img/about/offices/minsk.jpg)
}

.no-webp .img__melbourne {
    background-image: url(../img/about/offices/melbourne.jpg)
}

.ticker {
    background: #000;
    color: #fff
}

.ticker__slide {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 48px;
    height: 48px;
    outline: 0;
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    color: #fff
}

.ticker__slide a {
    color: #fff
}

.ticker__val {
    margin-left: 5px;
    font-weight: 600;
    position: relative
}

.ticker .slick-list {
    padding: 0
}

.ticker .slick-next,
.ticker .slick-prev {
    top: 9%;
    opacity: 1
}

.ticker .slick-next:after,
.ticker .slick-prev:after {
    border-right-color: #fff
}

.ticker .slick-next:before,
.ticker .slick-prev:before {
    border-right-color: #000
}

.ticker .slick-next.slick-disabled:after,
.ticker .slick-prev.slick-disabled:after {
    border-right-color: #555
}

.ticker .grow-down:after,
.ticker .grow-up:after {
    content: "";
    position: relative;
    right: -2px;
    width: 0;
    height: 0
}

.ticker .grow-down:after {
    top: 12px;
    border-top: 6px solid #f13c3c;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.ticker .grow-up:after {
    bottom: 12px;
    border-bottom: 6px solid #009cd1;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

_:-ms-fullscreen,
:root .ticker {
    display: block
}

_:-ms-fullscreen,
:root .ticker ul:last-child {
    display: none
}

_:-ms-fullscreen,
:root .ticker__slide {
    display: inline-block
}

.carouselTicker {
    overflow: hidden;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.carouselTicker:hover .carouselTicker__list {
    animation-play-state: paused
}

.carouselTicker__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    box-sizing: content-box;
    animation: scroll 60s infinite linear
}

.carouselTicker__item {
    margin: 0;
    list-style-type: none
}

@keyframes scroll {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}

.bg-for-page {
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0
}

.bg-for-page.investingMode {
    display: inline-table
}

.registration-form-wrapper {
    padding: 95px 0 125px 0;
    background-color: #fcfcfc;
    border-radius: 2px;
    min-height: 800px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 100%;
    width: 100%
}

.registration-form-wrapper .sprite2-registration-logo {
    position: absolute;
    left: 25px;
    top: 30px;
    z-index: 4
}

.registration-form-wrapper .registration-close:after,
.registration-form-wrapper .registration-close:before {
    background-color: #fff
}

.rw-regform {
    position: fixed;
    padding: 20px 110px 20px 20px;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .03);
    cursor: default;
    z-index: 100
}

.rw-first-old {
    background: #e5e5e5;
    border-radius: 8px;
    padding: 16px;
    color: #262626;
    font-size: 12px;
    line-height: 16px
}

.rw-first {
    position: relative;
    grid-area: 1/3/1/3;
    margin: auto 32px;
    padding: 24px;
    max-width: 266px;
    background: rgba(255, 255, 255, .8);
    border-radius: 8px;
    line-height: 18px;
    font-size: 16px
}

.rw-first .close-button {
    position: absolute;
    right: -3px;
    top: -3px
}

body:not(.user-logged) .startReg {
    background: #1b1b1b url(../img/registration/shutterstock_678225592.jpg) no-repeat center;
    background-size: cover
}

body:not(.user-logged) .startReg .registration-header {
    display: none
}

body:not(.user-logged) .startReg .overlay {
    background-color: transparent
}

body:not(.user-logged) .reg-bg {
    background: #1b1b1b no-repeat center;
    background-size: cover;
    background-image: var(--rbackground)
}

body:not(.user-logged) .reg-bg .overlay {
    background-color: transparent
}

body:not(.user-logged) .reg-bg .registration-header {
    background: 0 0
}

.registration-main-area {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    cursor: default;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.registration-main-area--ai-center {
    -ms-flex-align: center;
    align-items: center
}

.registration-main-area a:not(.button-main, .socialsLogin__btn) {
    color: #000;
    text-decoration: underline
}

.registration-main-area a:not(.button-main, .socialsLogin__btn):hover {
    text-decoration: none
}

.registration-main-area a:not(.button-main, .socialsLogin__btn)[data-code=manually] {
    color: #bb8b62;
    font-weight: 400
}

.form-container-small-content .registration-main-area a:not(.button-main, .socialsLogin__btn) {
    text-decoration: none;
    color: #bb8b62
}

.registration-main-area a.link {
    text-decoration: none;
    color: #bb8b62
}

.registration-main-area a.link:hover {
    text-decoration: underline
}

.registration-main-area .as_manually {
    padding-top: 18px
}

.registration-main-area .as_manually,
.registration-main-area .as_newsearch {
    color: #bb8b62;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center
}

.registration-main-area .as_manually img,
.registration-main-area .as_newsearch img {
    margin-right: 5px
}

[lang=ar] .registration-main-area .as_manually img,
[lang=ar] .registration-main-area .as_newsearch img {
    margin-right: unset;
    margin-left: 5px
}

.registration-main-area p:not(:last-child) {
    margin-bottom: 24px
}

.registration-main-area .sprite4-lock {
    margin-right: 5px;
    vertical-align: top
}

.registration-main-area .leverage,
.registration-main-area .leverage-select {
    margin-bottom: 28px
}

.registration-main-area .leverage-select {
    max-width: 350px
}

.registration-main-area .press-enter {
    color: #bb8b62;
    text-decoration: none;
    display: inline-block
}

.registration-main-area .press-enter:hover {
    text-decoration: underline
}

.registration-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
    height: 95px;
    background-color: #fcfcfc
}

.registration-header.investing-head {
    position: relative;
    max-width: 590px;
    margin: 0 auto;
    margin-bottom: 32px;
    border-bottom: 1px solid #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 20px
}

.registration-header.investing-head .sprite2-registration-logo {
    position: relative;
    left: 0;
    top: 0
}

.registration-header.investing-head .registration-close {
    display: none
}

.registration-main-slider,
.registration-side-area,
.registration-side-promo {
    display: none
}

.investingMode {
    height: 100%
}

.investingMode .regHead {
    background-color: #1d1d1d;
    padding: 30px 15px 25px;
    text-align: center;
    width: 100%;
    margin: 0 0 74px
}

.investingMode .regHead .logo-invert {
    margin: 0 auto
}

.investingMode .registration-header {
    border: 0;
    -ms-flex-pack: center;
    justify-content: center
}

.investingMode .registration-header .investing-logo {
    width: 278px;
    height: auto
}

.investingMode .registration-header .investing-logo--osb {
    max-width: 500px;
    width: 100%
}

.investingMode .registration-form-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%
}

.investingMode .registration-form-wrapper .reg-desc a {
    color: #bb8b62;
    text-decoration: none
}

.investingMode .registration-form-wrapper .reg-desc a:hover {
    text-decoration: underline
}

.investingMode .registration-main-area {
    padding-bottom: 30px
}

.investingMode .registration-side-area {
    display: block;
    min-width: 460px
}

.investingMode .registration-side-promo {
    display: block;
    position: absolute;
    background: #e5e5e5;
    top: 0;
    bottom: 0;
    right: 0;
    width: 460px;
    z-index: 10;
    padding: 95px 50px
}

.investingMode .registration-side-promo .registration-title {
    text-align-last: left;
    margin-bottom: 40px
}

.investingMode .registration-main-slider {
    display: block;
    position: absolute;
    background: #ccc;
    top: 0;
    bottom: 0;
    right: 0;
    width: 460px;
    z-index: 10
}

html[dir=rtl] .investingMode .registration-main-slider {
    right: auto;
    left: 0
}

.investingMode .registration-main-slider__item {
    padding: 10px;
    height: 100%;
    position: relative
}

.investingMode .registration-main-slider__item.first {
    background: url(../img/registration/slide1.jpg) top right no-repeat;
    background-size: cover
}

.investingMode .registration-main-slider__item.second {
    background: url(../img/registration/slide2.jpg) top right no-repeat;
    background-size: cover
}

.investingMode .registration-main-slider__item.third {
    background: url(../img/registration/slide3.jpg) top right no-repeat;
    background-size: cover
}

.investingMode .registration-main-slider__item.fourth {
    background: url(../img/registration/slide4.jpg) top right no-repeat;
    background-size: cover
}

.investingMode .registration-main-slider__txt {
    position: absolute;
    bottom: 100px;
    text-align: center;
    color: #fff;
    left: 0;
    right: 0
}

.investingMode .registration-main-slider h2 {
    color: #fff;
    margin-bottom: 20px
}

.investingMode .registration-main-slider .slick-list {
    height: 100%;
    padding: 0
}

.investingMode .registration-main-slider .slick-track {
    height: 100%
}

.investingMode .registration-main-slider .slick-dots {
    bottom: 50px;
    position: absolute
}

.investingMode .registration-main-slider .slick-dots li.slick-active button:before {
    background: #fff
}

.investingMode .registration-main-slider .slick-dots li button:before {
    background: #7e7f7f
}

.registrationPromo {
    position: relative;
    width: 360px;
    background: #e5e5e5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.registrationPromo__holder {
    padding: 33px 0 52px;
    max-width: 280px;
    margin: 0 auto
}

.registrationPromo__holder.logos {
    margin-top: auto;
    width: 100%
}

.registrationPromo__holder.logos--reviews.logos.cp_ab15_2 .logos__icon:first-child {
    max-width: 192px;
    max-height: 68px
}

.registrationPromo__holder.logos--reviews.logos .logos__overlay {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.registrationPromo__holder.logos--reviews.logos .logos__overlay--row {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.registrationPromo__holder.logos--reviews.logos .logos__icon:first-child {
    margin-right: auto;
    max-width: 100px
}

.registrationPromo__holder.logos--reviews.logos .logos__icon--min {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 16px;
    min-width: 64px;
    min-height: 84px;
    border: 1px solid #b2b2b2;
    border-radius: 8px
}

.registrationPromo__holder.logos--reviews.logos .logos__icon--min:not(:first-child) {
    margin-left: 24px
}

.registrationPromo__holder.logos--reviews.logos .logos__icon--min .logos__icon {
    max-width: 30px;
    max-height: 30px
}

.registrationPromo__holder.logos--reviews.logos .logos__icon--min span {
    margin-top: 8px;
    color: rgba(0, 0, 0, .6);
    font-weight: 700;
    font-size: 16px
}

.registrationPromo__holder.logos--audited.logos .logos__icon:first-child {
    max-height: 50px
}

.registrationPromo__holder.logos--audited.logos .logos__icon:first-child path:nth-child(3) {
    display: none
}

.registrationPromo__holder.logos--audited.logos .logos__icon:last-child {
    max-height: 40px
}

.registrationPromo__holder.logos .logos__desc {
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 10px;
    color: #8e8e93
}

.registrationPromo__holder.logos .logos__overlay {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.registrationPromo__holder.logos .logos__icon {
    max-width: 120px;
    max-height: 30px
}

.registrationPromo__holder.logos .logos__icon:not(:last-child) {
    margin-right: 22px
}

.registrationPromo h2 {
    margin-bottom: 32px
}

.registrationPromo .list-webinar__item {
    margin-bottom: 25px;
    padding-left: 40px;
    font-size: 17px
}

[lang=lv] .registrationPromo .list-webinar__item,
[lang=zh] .registrationPromo .list-webinar__item {
    line-height: 1.4;
    font-size: 15px
}

.registrationPromo .list-webinar__item:last-child {
    margin-bottom: 0
}

.registrationPromo .list-webinar__item .icn-check {
    background: rgba(187, 139, 98, .2)
}

.registrationPromo .list-webinar__item span {
    font-weight: 700;
    font-size: 24px;
    color: #bb8b62
}

.registrationPromo .logoWhiteBullet {
    display: none
}

.registrationPromo .notice {
    margin-top: 32px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #4c4c4e;
    position: relative
}

.registrationPromoMob {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 16px;
    background: #e5e5e5;
    position: relative;
    top: 15px
}

.registrationPromoMob:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: #fff
}

.registrationPromoMob h2 {
    text-align: center
}

.registrationPromoMob .list-webinar {
    margin-top: 32px
}

.registrationPromoMob .store-container .store-apple,
.registrationPromoMob .store-container .store-google {
    margin-right: 0
}

.registrationPromoMob .notice {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.registrationPromoMob .slideArrow {
    z-index: 1;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
    cursor: pointer;
    stroke: #bb8b62
}

.registrationPromoMob .list-webinar__item .icn-check {
    background: rgba(187, 139, 98, .2)
}

.registrationPromoMob .list-webinar__item span {
    font-weight: 700;
    font-size: 24px;
    color: #bb8b62
}

.registration-progress {
    height: 21px;
    position: absolute;
    top: 50px;
    left: 256px;
    right: 50px;
    z-index: 4
}

.registration-progress-title {
    font-size: 12px;
    line-height: 14px;
    color: #8b8b8c;
    margin-bottom: 5px
}

.registration-progress .progressbar {
    height: 3px;
    background-color: #e2e2e2
}

.registration-progress .progressbar:before {
    height: 4px;
    background-color: #bb8b62
}

.registration-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 25px;
    top: 38px;
    z-index: 4;
    cursor: pointer
}

.registration-close:after,
.registration-close:before {
    content: "";
    width: 2px;
    height: 22px;
    background-color: #555;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.registration-close:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.registration-close--mobile-light {
    right: 12px;
    top: 11px
}

.flow-step,
.flow-substep {
    margin-left: 2px;
    padding: 0 0 18px 20px;
    background: url(../img/icons/ico-flow-step.png) repeat-y 4px 0;
    background-size: 4px 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    color: #a2a2a3;
    cursor: pointer;
    position: relative
}

.flow-step .flow-circle,
.flow-substep .flow-circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #a2a2a3;
    border-radius: 50%;
    background-color: #fcfcfc;
    position: absolute;
    left: 0;
    top: 0
}

.flow-step .inreview-label,
.flow-substep .inreview-label {
    display: none;
    color: #359acc;
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap
}

.flow-step .flow-title,
.flow-substep .flow-title {
    display: inline-block;
    position: relative;
    padding-right: 18px
}

.flow-step.null-pad,
.flow-substep.null-pad {
    padding-bottom: 0
}

.flow-step.active,
.flow-step.cantrade,
.flow-substep.active,
.flow-substep.cantrade {
    color: #bb8b62;
    font-weight: 700
}

.flow-step.active .flow-circle,
.flow-step.cantrade .flow-circle,
.flow-substep.active .flow-circle,
.flow-substep.cantrade .flow-circle {
    border-color: #bb8b62;
    border-width: 2px
}

.flow-step.active .flow-circle:before,
.flow-step.cantrade .flow-circle:before,
.flow-substep.active .flow-circle:before,
.flow-substep.cantrade .flow-circle:before {
    content: "";
    background: url(../img/icons/ico-flow-arr.png);
    background-size: cover;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    margin-right: 3px
}

.flow-step.completed,
.flow-substep.completed {
    color: #222
}

.flow-step.completed .flow-circle,
.flow-substep.completed .flow-circle {
    border: 0;
    background-color: #a2a2a3
}

.flow-step.completed .flow-circle:before,
.flow-substep.completed .flow-circle:before {
    content: "";
    width: 3px;
    height: 6px;
    position: absolute;
    top: 2px;
    left: 4px;
    transform: rotate(45deg);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.flow-step.error,
.flow-substep.error {
    color: #e9724e
}

.flow-step.error .flow-circle,
.flow-substep.error .flow-circle {
    border-color: #e9724e
}

.flow-step.inreview,
.flow-substep.inreview {
    color: #222
}

.flow-step.inreview .flow-circle,
.flow-substep.inreview .flow-circle {
    border-color: #359acc
}

.flow-step.inreview .flow-circle:before,
.flow-substep.inreview .flow-circle:before {
    content: "";
    background-color: #359acc;
    width: 1px;
    height: 5px;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateX(-50%) rotate(0);
    transform-origin: 50% 100%
}

.flow-step.inreview .flow-circle:after,
.flow-substep.inreview .flow-circle:after {
    content: "";
    background-color: #359acc;
    width: 1px;
    height: 3px;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%) rotate(110deg);
    transform-origin: 50% 100%
}

.flow-step.inreview .inreview-label,
.flow-substep.inreview .inreview-label {
    display: inline-block
}

.flow-step.inreview .flow-title,
.flow-substep.inreview .flow-title {
    margin-right: 9px
}

.flow-step.finish,
.flow-substep.finish {
    padding-bottom: 0;
    background: 0 0;
    margin-left: 3px
}

.flow-step.finish .flow-circle,
.flow-substep.finish .flow-circle {
    border: 0;
    background-color: #a2a2a3;
    width: 10px;
    height: 10px
}

.flow-step.disabled,
.flow-substep.disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.flow-accept {
    display: inline-block;
    width: 17px;
    height: 17px;
    transform: translateY(25%);
    margin: 0 3px 0 5px;
    position: relative
}

.flow-accept:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    background-color: transparent;
    border: 1px solid #bb8b62
}

.flow-accept:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 5px;
    width: 3px;
    height: 6px;
    border-right: 1px solid #bb8b62;
    border-bottom: 1px solid #bb8b62;
    transform: rotate(45deg)
}

.flow-step.null-pad.ss.disabled+.EV_hide.hidden {
    background: url(../img/icons/ico-flow-step-disabl.png) repeat-y 0 0;
    background-size: 4px 3px;
    opacity: .5;
    display: block !important
}

.flow-substep {
    background: url(../img/icons/ico-flow-substep.png) repeat-y 0 0;
    background-size: 14px 3px;
    padding: 0 0 16px 25px;
    margin-left: 6px
}

.flow-substep .flow-circle {
    left: 8px
}

.flow-per-substep {
    background: url(../img/icons/per-substep.png) no-repeat 0 0;
    background-size: cover;
    width: 14px;
    height: 16px;
    margin-left: 6px
}

.flow-after-substep {
    background: url(../img/icons/after-substep.png) no-repeat 0 0;
    background-size: cover;
    width: 14px;
    height: 16px;
    margin-left: 6px
}

.flow-help {
    width: 14px;
    height: 14px;
    background: #b9b9b9;
    border-radius: 12px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    cursor: help;
    transition: background-color .3s
}

.flow-help:before {
    content: "?";
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    transform: translate(50%, 0);
    font-weight: 700
}

.flow-help:hover {
    background: #4a4a4a
}

.flow-help:hover .flow-tooltip {
    opacity: 1;
    visibility: visible;
    transition: visibility .3s, opacity .3s;
    transition-delay: .1s
}

.flow-tooltip {
    opacity: 0;
    visibility: hidden;
    width: 175px;
    height: 30px;
    position: absolute;
    background: #359acc;
    top: calc(100% + 10px);
    right: 50%;
    transform: translateX(50%);
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 0 5px;
    border-radius: 2px;
    transition: visibility .3s, opacity .3s;
    transition-delay: .1s
}

.flow-tooltip:before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 4px solid #359acc;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.flow-tooltip:hover {
    display: none
}

.valid-error,
.valid-pass {
    background-color: rgba(233, 114, 78, .8);
    border: 1px solid #e9724e;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 14px 35px;
    cursor: default;
    position: relative;
    margin-bottom: 20px
}

.valid-error-title,
.valid-pass-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600
}

.valid-error-title+p,
.valid-pass-title+p {
    margin-top: 5px
}

.valid-error p:not(:last-child),
.valid-pass p:not(:last-child) {
    margin: 0 0 6px
}

.valid-error .connection-error-link,
.valid-pass .connection-error-link {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline
}

.valid-error .sprite-warning,
.valid-pass .sprite-warning {
    position: absolute;
    left: 10px;
    top: 17px
}

.valid-error .valid-email,
.valid-pass .valid-email {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.valid-error a,
.valid-pass a {
    color: #fff
}

.valid-error.global,
.valid-pass.global {
    z-index: 4;
    position: absolute;
    top: 22px;
    left: 256px;
    right: 86px;
    margin-bottom: 0
}

.valid-error p,
.valid-pass p {
    font-size: inherit;
    line-height: inherit
}

.valid-pass {
    border-color: #009cd1;
    background-color: rgba(0, 156, 209, .8)
}

.registration-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 28px;
    margin-top: -6px;
    position: relative;
    cursor: default;
    text-align: center
}

.registration-title .registration-info-icon {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 0;
    vertical-align: middle
}

.registration-title_label {
    margin-top: 0;
    margin-bottom: -5px
}

.registration-title--center {
    text-align: center
}

.registration-subtitle {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 11px;
    position: relative;
    cursor: default
}

.reg-bigger-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px
}

.reg-small-text {
    font-size: 12px;
    line-height: 14px
}

.reg-big-text {
    font-size: 20px;
    line-height: 24px
}

.reg-button-wide {
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: block
}

.reg-button-marg-top {
    margin-top: 24px
}

.reg-button-marg-top+.reg-button-marg-top {
    margin-top: 16px
}

.reg-welcome {
    margin-bottom: 16px
}

.reg-marg-bot {
    margin-bottom: 30px
}

.password-list {
    margin: 14px 0;
    padding: 0;
    list-style: none
}

.password-list li {
    color: #afb3b7;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: default
}

.password-list li:not(:last-child) {
    margin-bottom: 6px
}

.password-list li:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1.55px solid #afb3b7;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px
}

.password-list li.active {
    color: #000
}

.password-list li.active:before {
    background-color: #bb8b62;
    border: 0
}

.password-list li.active:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 5px;
    width: 3px;
    height: 6px;
    border-right: 1.55px solid #fff;
    border-bottom: 1.55px solid #fff;
    transform: rotate(45deg)
}

.password-list--new {
    position: absolute;
    background: #fff;
    z-index: 10;
    border: 1px solid #dbe0e3;
    padding: 20px;
    border-radius: 0 6px 6px 6px;
    display: none
}

.password-list--new li:before {
    border: none
}

.password-list--new li.active:after {
    border-color: #bb8b62
}

.password-list--new li.active:before {
    background: 0 0
}

.password-list--new .tale {
    position: absolute;
    border-color: transparent #fff;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    height: 0;
    width: 0;
    top: -10px;
    left: 0
}

.password-list--new .tale:before {
    content: "";
    border-color: transparent #dbe0e3;
    border-style: solid;
    border-width: 11px 0 11px 11px;
    height: 0;
    width: 0;
    position: absolute;
    top: -12px;
    left: -11px;
    border-radius: 0;
    z-index: -1
}

.reg__not-robot {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    padding: 0 15px;
    min-height: 50px;
    display: inline-block
}

.reg__not-robot input[type=checkbox]~span {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #222;
    line-height: 50px;
    padding-left: 35px
}

.reg__not-robot input[type=checkbox]~span:before {
    top: 50%;
    transform: translateY(-50%)
}

.reg__not-robot [type=checkbox]~span:after {
    top: calc(50% - 5px);
    transform: translateY(-50%)
}

.reg-button-toolbar {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #000
}

.reg-button-toolbar:not(.centered)>* {
    margin-right: 10px;
    min-width: 170px
}

.reg-button-toolbar.centered {
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 590px;
    margin: 10px auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.reg-button-toolbar.centered .button-main:not(.reg-short-button) {
    width: 100%
}

.reg-button-toolbar.gap-after {
    margin-bottom: 58px
}

.reg-button-toolbar._cols {
    -ms-flex-direction: column;
    flex-direction: column
}

.reg-button-toolbar._cols .button-main {
    width: 100%;
    margin-bottom: 16px
}

.info-notice {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .04);
    padding: 10px 20px 15px 10px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 16px;
    color: #555;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.info-notice .registration-info-icon {
    min-width: 25px;
    margin-right: 11px
}

.info-notice .flex1 {
    -ms-flex: 1;
    flex: 1;
    margin-top: 5px
}

.info-notice .flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.info-notice .flex:not(:lang(en)) {
    width: 100%
}

.info-notice .flex:not(:lang(en)) ul {
    max-width: 30%
}

.info-notice ul {
    padding: 0;
    margin: 0;
    max-width: 30.5%;
    line-height: 1
}

.info-notice ul li:not(:last-child) {
    margin-bottom: 8px
}

.info-notice .description-list {
    display: block;
    opacity: .5;
    font-size: 9px;
    line-height: 11px
}

.regSubTitle {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 4px;
    font-weight: 600
}

.question-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 24px
}

.question-list li {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .07);
    margin-bottom: 10px
}

.question-list li.unstyled {
    background: 0 0;
    box-shadow: none
}

.question-list li.unstyled label.checkbox [type=checkbox]:checked+span,
.question-list li.unstyled label.checkbox [type=checkbox]~span:hover {
    background-color: transparent
}

.question-list li.unstyled label [type=checkbox]~span {
    border-color: transparent;
    font-weight: 400
}

.question-list li.unstyled label [type=checkbox]:checked+span,
.question-list li.unstyled label [type=checkbox]~span:hover {
    background-color: transparent
}

.question-list li label {
    display: block
}

.question-list li label [type=radio] {
    position: absolute;
    left: -9999px;
    margin: 0
}

[lang=ar] .question-list li label [type=radio] {
    left: unset;
    right: -9999px
}

.question-list li label [type=radio]~span {
    border-radius: 2px;
    position: relative;
    padding: 13px 43px 13px 16px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 18px;
    line-height: 23px;
    color: #222;
    display: block;
    border: 1px solid transparent;
    border-radius: 2px;
    font-weight: 600
}

[lang=ar] .question-list li label [type=radio]~span {
    padding: 13px 16px 13px 43px
}

.question-list li label [type=radio]~span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 21px;
    height: 12px;
    background: url(../img/icons/ico-arrow-right.svg);
    background-size: 100% auto;
    visibility: hidden
}

[lang=ar] .question-list li label [type=radio]~span:before {
    right: unset;
    left: 15px;
    transform: translateY(-50%) rotate(180deg)
}

.question-list li label [type=radio]~span:hover {
    background: #fefaf6;
    border: 1px solid rgba(197, 147, 108, .36)
}

.question-list li label [type=radio]:checked+span {
    background-color: #bb8b62;
    color: #fff;
    position: relative
}

.question-list li label [type=radio]:checked+span:before {
    visibility: visible
}

.question-list li label [type=checkbox] {
    position: absolute;
    left: -9999px;
    margin: 0
}

[lang=ar] .question-list li label [type=checkbox] {
    left: unset;
    right: -9999px
}

.question-list li label [type=checkbox]~span {
    position: relative;
    padding: 16px 18px 16px 52px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
    min-height: 50px;
    color: #222;
    display: block;
    border-bottom: 1px solid rgba(18, 18, 18, .03);
    font-weight: 600
}

.question-list li label [type=checkbox]~span:hover {
    background-color: rgba(18, 18, 18, .02)
}

.question-list li label [type=checkbox]~span:hover:before {
    border-color: #bb8b62
}

.question-list li label [type=checkbox]~span:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 15px;
    z-index: 2;
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    transition: border-color .2s;
    top: 50%;
    transform: translateY(-50%)
}

[lang=ar] .question-list li label [type=checkbox]~span:before {
    left: unset;
    right: 18px
}

.question-list li label [type=checkbox]~span:after {
    content: "";
    position: absolute;
    left: 26px;
    top: 19px;
    z-index: 3;
    height: 10px;
    width: 4px;
    border-right: 1.55px solid #fff;
    border-bottom: 1.55px solid #fff;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .2s;
    top: 50%;
    margin-top: -8px
}

[lang=ar] .question-list li label [type=checkbox]~span:after {
    left: unset;
    right: 26px
}

[lang=ar] .question-list li label [type=checkbox]~span {
    padding: 16px 52px 16px 18px
}

.question-list li label [type=checkbox]~span .field-form {
    margin-top: -6px;
    margin-bottom: -6px;
    border-color: #e5e5e5
}

.question-list li label [type=checkbox]:checked~span:before {
    border-color: #bb8b62;
    background-color: #bb8b62
}

.question-list li label [type=checkbox]:checked~span:after {
    opacity: 1
}

.question-list li label.checkbox [type=checkbox]~span,
.question-list li label.checkbox [type=radio]~span {
    padding: 13px 16px 13px 55px
}

.question-list li label.checkbox [type=checkbox]~span:before,
.question-list li label.checkbox [type=radio]~span:before {
    left: 16px;
    right: auto;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    visibility: visible
}

[lang=ar] .question-list li label.checkbox [type=checkbox]~span:before,
[lang=ar] .question-list li label.checkbox [type=radio]~span:before {
    left: auto;
    right: 16px
}

.question-list li label.checkbox [type=checkbox]~span:after,
.question-list li label.checkbox [type=radio]~span:after {
    top: 50%;
    transform: translateY(-50%) rotate(45deg) scale(1);
    left: 25px;
    margin-top: -2px;
    width: 6px;
    height: 9px;
    border-width: 2px
}

[lang=ar] .question-list li label.checkbox [type=checkbox]~span:after,
[lang=ar] .question-list li label.checkbox [type=radio]~span:after {
    left: unset;
    right: 25px
}

.question-list li label.checkbox [type=checkbox]~span:hover:after,
.question-list li label.checkbox [type=radio]~span:hover:after {
    opacity: 1
}

[lang=ar] .question-list li label.checkbox [type=checkbox]~span,
[lang=ar] .question-list li label.checkbox [type=radio]~span {
    padding: 13px 55px 13px 16px
}

.question-list li label.checkbox [type=checkbox]:checked+span,
.question-list li label.checkbox [type=radio]:checked+span {
    background-color: #fff;
    color: #222
}

.question-list li label.checkbox [type=checkbox]:checked+span:before,
.question-list li label.checkbox [type=radio]:checked+span:before {
    background: #bb8b62;
    border-color: #bb8b62
}

.question-list._grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    gap: 16px
}

.question-list._grid li {
    box-shadow: none;
    margin-bottom: 0
}

.question-list._grid li label [type=radio]~span {
    border-color: #ddd;
    background: #fff;
    color: #2b2c2f;
    padding: 12px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px
}

.question-list._grid li label [type=radio]~span:hover {
    border-color: #bb8b62;
    background: rgba(187, 139, 98, .1)
}

.question-list._grid li label [type=radio]:checked+span {
    border-color: #bb8b62;
    background: rgba(187, 139, 98, .1);
    color: #2b2c2f
}

.question-list._grid li label [type=radio]:checked+span:before {
    display: none
}

.terms-link {
    position: relative;
    padding: 5px 32px 5px 16px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 18px;
    min-height: 50px;
    color: #222;
    text-decoration: none !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(18, 18, 18, .03)
}

.terms-link:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 1px solid #afb3b7;
    border-bottom: 1px solid #afb3b7;
    transform: translateY(-50%) rotate(-45deg)
}

.terms-link:hover {
    background-color: rgba(18, 18, 18, .02)
}

.terms-link:hover:before {
    border-color: #bb8b62
}

.registration-tabs {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

.registration-tabs li {
    text-align: center;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    min-height: 160px;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    cursor: pointer;
    border-radius: 7px;
    margin: 0 10px;
    max-width: 200px;
    -ms-flex-direction: column;
    flex-direction: column
}

.registration-tabs li.active {
    border-color: #bb8b62;
    color: #bb8b62;
    position: relative
}

.registration-tabs__ico {
    min-height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.registration-tabs.text-center-tabs li {
    text-align: center
}

.upload-file {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #000;
    min-height: 50px;
    outline: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.upload-file [type=file] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.upload-file .upload-left-part {
    width: calc(100% - 150px)
}

.upload-file .upload-left-part,
.upload-file .upload-right-part {
    -ms-flex: 2;
    flex: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch
}

.upload-file .upload-right-part {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1;
    flex: 1;
    min-width: 150px
}

.upload-file .placeholder {
    color: #ccc;
    font-size: 18px;
    line-height: 26px;
    margin-left: 12px
}

.upload-file .browse {
    font-size: 14px;
    font-weight: 600;
    color: #bb8b62;
    margin-right: 15px
}

.upload-file .choose-another {
    display: none
}

.upload-file .delete-uploaded {
    display: none;
    width: 32px;
    height: 50px;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.upload-file .delete-uploaded:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #f13c3c
}

.upload-file .delete-uploaded:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 8px;
    height: 1.55px;
    background-color: #fff
}

.upload-file .file-name {
    display: none;
    font-size: 10px;
    position: relative;
    z-index: 2;
    cursor: default;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.upload-file .img-file {
    display: none;
    border: 1px solid #ddd;
    border-radius: 2px;
    max-height: 40px;
    margin-right: 8px;
    position: relative;
    z-index: 2
}

.upload-file.uploaded .browse-file,
.upload-file.uploaded .placeholder {
    display: none
}

.upload-file.uploaded .choose-another,
.upload-file.uploaded .delete-uploaded,
.upload-file.uploaded .file-name,
.upload-file.uploaded .img-file {
    display: block
}

.upload-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.upload-group .form-group {
    width: 290px;
    margin: 0;
    margin-bottom: 40px
}

.upload-group .tab_idcard,
.upload-group .tab_passport {
    margin: 0 5px;
    width: 240px;
    margin-bottom: 40px
}

.upload-group .card {
    width: 320px
}

.upload-group .label-form>div {
    text-align: center;
    border: 1px solid #afb3b7;
    border-radius: 4px;
    color: #8b8b8c;
    padding: 6px 10px;
    font-size: 16px
}

.upload-group .label-form.check>div {
    border-color: #bb8b62;
    background: 0 0
}

.upload-group .label-form.check>div:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 8px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    transition: all .2s;
    border-right-color: #bb8b62;
    border-bottom-color: #bb8b62;
    margin-right: 10px
}

.upload-group .idback .upload-file,
.upload-group .idfront .upload-file,
.upload-group .passport .upload-file {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 240px
}

.upload-group .card .idback .upload-file,
.upload-group .card .idfront .upload-file {
    height: 185px
}

.upload-group .upload-file {
    height: 185px;
    border-width: 2px;
    border-color: #d1d1d1;
    border-radius: 4px;
    background: url(../img/registration/poa.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.upload-group .upload-file.proof {
    background-image: url(../img/registration/proof.png)
}

.upload-group .upload-file .upload-left-part {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 20px 40px;
    text-align: center
}

.upload-group .upload-file .upload-left-part.line {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.upload-group .upload-file .upload-left-part.line .pdf-file {
    max-height: 60px;
    object-fit: contain;
    margin-bottom: 12px
}

.upload-group .upload-file .img-file {
    margin: 0 auto;
    border: none;
    max-height: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 4px
}

.upload-group .upload-file .pdf-file {
    height: auto;
    width: auto;
    object-fit: none
}

.upload-group .upload-file .delete-uploaded {
    background: #4d4e4e;
    width: auto;
    height: auto;
    padding: 14px;
    min-width: 120px;
    text-align: center;
    color: rgba(255, 255, 255, .6);
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 12px;
    position: absolute;
    bottom: 20px
}

.upload-group .upload-file .delete-uploaded:after,
.upload-group .upload-file .delete-uploaded:before {
    display: none
}

.upload-group .upload-file.uploaded {
    background: #f0f0f0
}

.registration-modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(252, 252, 252, .75);
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

.registration-modal .spinner {
    margin-bottom: 33px
}

.registration-modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 13px
}

.grouped-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 17px 0 20px
}

.grouped-controls.line-on-tablet {
    margin-top: 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grouped-controls>.form-group {
    margin: 0 3px;
    -ms-flex: 1;
    flex: 1
}

[lang=ar] .grouped-controls>.form-group {
    margin: 0 3px 0 0
}

.grouped-controls>.form-group:first-child {
    margin-left: 0
}

.grouped-controls>.form-group--sname {
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px)
}

.grouped-controls>.form-group--date {
    max-width: 165px
}

.reg-idcard {
    position: relative
}

.reg-idcard:before {
    content: "";
    position: absolute;
    right: -33px;
    bottom: -16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #a2a2a3
}

.reg-idcard:after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: -2px;
    width: 13px;
    height: 25px;
    border-right: 6px solid #fff;
    border-bottom: 6px solid #fff;
    transform: rotate(45deg)
}

.reg-email-verify {
    position: relative
}

.reg-email-verify:before {
    content: "";
    position: absolute;
    right: -23px;
    bottom: -16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #a2a2a3
}

.reg-email-verify:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: -2px;
    width: 13px;
    height: 25px;
    border-right: 6px solid #fff;
    border-bottom: 6px solid #fff;
    transform: rotate(45deg)
}

.reg-short-button {
    min-width: 170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 7px
}

.deposit-form {
    padding-top: 3px;
    height: 590px
}

.deposit-form iframe {
    width: 590px;
    height: 590px;
    border: 0
}

.deposit-form body {
    background: 0 0
}

.transaction-status {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;
    max-width: 448px;
    padding: 25px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-align: center
}

.transaction-status-success {
    width: 94px;
    height: 94px;
    border: 4px solid #359acc;
    border-radius: 50%;
    margin: 0 auto 26px;
    position: relative
}

.transaction-status-success:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -60%, 0) rotate(45deg);
    width: 34px;
    height: 54px;
    border-bottom: 8px solid #359acc;
    border-right: 8px solid #359acc
}

.transaction-status-pending {
    width: 94px;
    height: 94px;
    border: 4px solid #f1a93c;
    border-radius: 50%;
    margin: 0 auto 26px;
    position: relative
}

.transaction-status-pending:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -60%, 0) rotate(45deg);
    width: 34px;
    height: 54px;
    border-bottom: 8px solid #f1a93c;
    border-right: 8px solid #f1a93c
}

.transaction-status-reject {
    width: 94px;
    height: 94px;
    border: 4px solid #e9724e;
    border-radius: 50%;
    margin: 0 auto 26px;
    position: relative
}

.transaction-status-reject:after,
.transaction-status-reject:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
    width: 8px;
    height: 54px;
    background-color: #e9724e
}

.transaction-status-reject:after {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.transaction-fee {
    font-weight: 500;
    text-align: right;
    padding-bottom: 8px;
    margin-bottom: 3px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 20px
}

.total-transaction {
    margin-bottom: 10px;
    font-weight: 500;
    text-align: right;
    font-size: 14px;
    line-height: 20px
}

.total-transaction-summ {
    font-size: 18px
}

.registration-info-block {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .04);
    border-radius: 4px;
    padding: 34px 30px;
    color: #bbb;
    font-size: 14px;
    line-height: 20px
}

.registration-info-block-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-bottom: 10px
}

.registration-info-block p:not(:last-child) {
    margin-bottom: 16px
}

.registration-info-block-link {
    font-weight: 500;
    color: #000;
    text-decoration: underline
}

.registration-info-block-link:hover {
    color: #bb8b62;
    text-decoration: none
}

.registration-info-block-icon {
    margin-bottom: 15px
}

.registration-info-icon {
    vertical-align: bottom;
    margin-right: 8px;
    cursor: pointer
}

.min-max-amount {
    font-weight: 500;
    margin: -10px 0 27px;
    text-align: right;
    font-size: 14px;
    line-height: 20px
}

.min-max-amount.left-align {
    text-align: left
}

.preselected-buttons {
    margin-bottom: 20px;
    margin-left: -12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.preselected-buttons__item {
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 40px;
    min-width: 130px;
    height: 40px;
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    margin: 0 0 12px 12px;
    cursor: pointer;
    transition: background-color .2s, color .2s
}

.preselected-buttons__item:hover {
    background-color: #bb8b62;
    color: #fff
}

.preselected-buttons__item-active {
    background-color: #bb8b62;
    color: #fff;
    cursor: default
}

.bank-info-label {
    display: none
}

.bank-info-creds {
    margin-bottom: 30px
}

.bank-info-creds__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    position: relative
}

.bank-info-creds__item:not(:last-child) {
    margin-bottom: 20px
}

.bank-info-creds__item--selected {
    padding: 10px;
    margin-top: 35px
}

.bank-info-creds__item--selected:after {
    content: "";
    display: block;
    border: 2px solid #bb8b62;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    top: -7px
}

.bank-info-creds__item--selected .bank-info-label {
    display: block;
    position: absolute;
    color: #bb8961;
    background: #fff;
    z-index: 1;
    top: -16px;
    font-size: 14px;
    padding: 0 10px
}

.bank-info-creds__label {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    font-weight: 500;
    text-transform: uppercase
}

.bank-info-creds__descrip {
    -ms-flex: 1;
    flex: 1
}

.registration-mobile-light {
    margin: 15px;
    padding-top: 45px
}

.registration-mobile-light .separator-or {
    margin-bottom: 25px
}

.registration-mobile-light .store-container {
    margin-bottom: 24px
}

.registration-mobile-light-finish {
    margin: 15px;
    padding-top: 45px;
    text-align: center;
    font-size: 16px;
    line-height: 24px
}

.registration-mobile-light-finish p {
    margin-bottom: 15px
}

.registration-mobile-light-finish .store-container {
    margin-top: 25px
}

.registration-mobile-light-finish .icon-registration-mobile-light {
    margin-bottom: 20px
}

.registration-mobile-light-finish {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    top: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 22px
}

.registration-mobile-light-finish div.registration-header--lp-ref {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px;
    border-bottom: 1px solid #e2e2e2;
    background: #fcfcfc url(../img/logo.svg) center no-repeat;
    background-size: 120px 23px
}

.registration-mobile-light-finish .registration-logout-mobile-light {
    right: 17px;
    left: inherit
}

.registration-mobile-light-finish .registration-mobile-light__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    max-width: 100%;
    position: relative
}

.registration-mobile-light-finish .approve {
    margin-bottom: 27px
}

.registration-mobile-light-finish .registration-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0
}

.registration-mobile-light-finish .store-container {
    margin-top: 25px
}

.registration-mobile-light-finish .modal-footer {
    max-width: 320px;
    width: 100%;
    margin: 0 auto
}

.registration-mobile-light-finish .button-main {
    width: 100%
}

.registration-logout-mobile-light {
    position: absolute;
    left: 12px;
    top: 11px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px
}

.registration-logout-mobile-light__icon {
    margin-right: 8px;
    vertical-align: top
}

.registration-info-note {
    margin-top: 14px;
    font-size: 11px;
    line-height: 16px;
    color: #8d8d8d
}

.address__big-input .form-group:first-child {
    -ms-flex: 0 0 calc(100% - 146px);
    flex: 0 0 calc(100% - 146px)
}

.risk__wrap {
    max-width: 600px
}

.risk__banner {
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .04);
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 15px 0 25px
}

.risk__banner .txt-sm {
    margin: 10px 0 18px;
    text-align: left
}

.risk__banner--info {
    margin-right: 20px;
    margin-bottom: 20px
}

.risk__banner--logo {
    max-width: 185px
}

.risk__banner--img {
    max-width: 200px;
    width: 100%
}

.risk__banner--img img {
    max-width: 100%;
    display: inline-block;
    vertical-align: bottom
}

.regform {
    background: rgba(217, 218, 220, .29);
    object-fit: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 80px
}

.regform-inner {
    width: 100%
}

.regform-inner .logo {
    display: block;
    margin: 15px auto 42px
}

.regform-inner .form-text {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-top: 17px
}

.regform a {
    font-weight: 600;
    color: #bb8b62
}

.regform .info-ico {
    border: 2px solid #d9dadc;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #f8f8f8;
    position: relative;
    margin: 0 auto 17px
}

.regform .info-ico:before {
    content: "!";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translate3d(0, -50%, 0);
    text-align: center;
    color: #a2a4a8;
    font-size: 40px
}

.regform .regulatory-icon {
    background: url(../img/icons/ico-regulatory.png) no-repeat 0 0;
    background-size: cover;
    width: 46px;
    height: 60px;
    display: block;
    margin: 0 auto 40px
}

.form-container-small {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .07);
    width: 556px;
    margin: auto;
    min-height: 379px;
    max-height: 800px;
    padding-bottom: 21px
}

.form-container-small.forgot-popup {
    max-width: 415px;
    min-height: auto
}

.form-container-small-footer {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 52px;
    font-weight: 400
}

.form-container-small-header {
    padding: 32px 50px 7px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.form-container-small-header .h1,
.form-container-small-header h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.16;
    max-width: 100%
}

.form-container-small-header .button-cleared {
    margin-right: -20px
}

.form-container-small-header .close-button {
    position: absolute;
    right: 15px;
    top: 18px
}

.form-container-small-content {
    font-weight: 400;
    padding: 0 50px 24px
}

.form-container-small-content .button-main {
    display: block;
    width: 100%;
    margin-top: 40px
}

.form-container-small-content .h1,
.form-container-small-content h1 {
    font-size: 32px;
    line-height: 1.25;
    max-width: 100%
}

.form-container-small-content .h2,
.form-container-small-content h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    color: #000;
    margin-bottom: 17px;
    margin-top: 23px;
    max-width: 100%
}

.form-container-small-content .h2+.form-group,
.form-container-small-content h2+.form-group {
    margin-top: -8px
}

.form-container-small-content .error-container,
.form-container-small-content .positive-container {
    margin-left: unset;
    margin-right: unset;
    padding: 12px 24px
}

.form-container-small-content .error-container {
    background: #fdf2f4;
    border: 1px solid #d12c1e;
    border-radius: 4px;
    color: #d12c1e;
    font-size: 13px;
    line-height: 1.4
}

.form-container-small-content .error-container em {
    display: none
}

.form-container-small-content .error-container .errActionWrap,
.form-container-small-content .error-container .errDescr,
.form-container-small-content .error-container .errTitle,
.form-container-small-content .error-container .h1,
.form-container-small-content .error-container .h2,
.form-container-small-content .error-container .h3,
.form-container-small-content .error-container .h4,
.form-container-small-content .error-container .h5,
.form-container-small-content .error-container .h6,
.form-container-small-content .error-container h1,
.form-container-small-content .error-container h2,
.form-container-small-content .error-container h3,
.form-container-small-content .error-container h4,
.form-container-small-content .error-container h5,
.form-container-small-content .error-container h6,
.form-container-small-content .error-container p {
    color: inherit
}

.form-container-small-content .error-container .errActionWrap a,
.form-container-small-content .error-container .errDescr a,
.form-container-small-content .error-container .errTitle a,
.form-container-small-content .error-container .h1 a,
.form-container-small-content .error-container .h2 a,
.form-container-small-content .error-container .h3 a,
.form-container-small-content .error-container .h4 a,
.form-container-small-content .error-container .h5 a,
.form-container-small-content .error-container .h6 a,
.form-container-small-content .error-container h1 a,
.form-container-small-content .error-container h2 a,
.form-container-small-content .error-container h3 a,
.form-container-small-content .error-container h4 a,
.form-container-small-content .error-container h5 a,
.form-container-small-content .error-container h6 a,
.form-container-small-content .error-container p a {
    font-weight: 500;
    color: #000 !important
}

.form-container-small-content .error-container h6,
.form-container-small-content .error-container p {
    font-size: inherit;
    line-height: inherit
}

.form-container-small-content .positive-container {
    border: 1px solid #5199c7;
    border-radius: 4px;
    background-color: rgba(136, 190, 224, .3);
    color: #5199c7
}

.form-container-small a {
    font-weight: 600;
    color: #bb8b62;
    cursor: pointer
}

.form-container-small p {
    max-width: 100%
}

.form-container-small .form-description {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.44;
    margin-bottom: 30px
}

.form-container-small .set-pass-finish {
    text-align: center;
    height: 300px;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.form-container-small .set-pass-finish .h1,
.form-container-small .set-pass-finish h1 {
    margin-bottom: 9px;
    max-width: 100%
}

.form-container-small .sprite-edit {
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer
}

.form-container-small .sprite2-connect-error,
.form-container-small .sprite2-notaval {
    display: block;
    margin: auto auto 20px
}

.form-container-small .title-notaval {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 22px;
    text-align: center
}

.form-container-small .description-notaval {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px
}

.socialsLogin__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
    margin: 0;
    padding: 8px 16px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1em
}

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

.socialsLogin__btn--fb {
    background-color: #4267b2;
    font-weight: 700;
    color: #fff
}

.socialsLogin__btn--fb:focus,
.socialsLogin__btn--fb:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .16)), #4267b2
}

.form-container-small .socialsLogin__btn--fb {
    color: #fff
}

.socialsLogin__btn--google {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .16);
    font-family: roboto;
    font-weight: 500;
    color: rgba(0, 0, 0, .54)
}

.socialsLogin__btn--google:focus,
.socialsLogin__btn--google:hover {
    background-color: #ccc
}

.form-container-small .socialsLogin__btn--google {
    color: rgba(0, 0, 0, .54)
}

.socialsLogin__btn--apple {
    background-color: #000;
    color: #fff
}

.socialsLogin__btn--apple:focus,
.socialsLogin__btn--apple:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .16)), #000
}

.form-container-small .socialsLogin__btn--apple {
    color: #fff
}

.socialsLogin__ico {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 16px;
    margin: 0 24px 0 0;
    text-align: center
}

html[lang=ar] .socialsLogin__ico {
    margin: 0 0 0 24px
}

.socialsLoginLight .inline {
    margin: 0 -4px
}

.socialsLoginLight .inline .button-main {
    background: #ececec;
    border-radius: 8px;
    border-color: #ececec;
    width: 48px;
    height: 48px;
    margin: 0 4px;
    min-height: 48px
}

.socialsLoginLight .inline .button-main:hover {
    background-color: #d3d3d3
}

.form-container-signup {
    grid-area: 1/2/1/2;
    max-width: 847px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-flex-align: stretch;
    align-items: stretch
}

.form-container-signup .signup-form {
    -ms-flex: 1;
    flex: 1
}

.form-container-signup.minimal-size {
    max-width: 490px
}

.bounce-checkbox span:before {
    animation-name: terms-bounce;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-iteration-count: infinite
}

@keyframes terms-bounce {

    from,
    to {
        animation-timing-function: ease;
        transform: translateX(0)
    }

    0% {
        transform: translateX(0)
    }

    1% {
        transform: translateX(9px)
    }

    3% {
        transform: translateX(-9px)
    }

    7% {
        transform: translateX(7px)
    }

    10% {
        transform: translateX(-7px)
    }

    13% {
        transform: translateX(5px)
    }

    16% {
        transform: translateX(-5px)
    }

    21% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

.form-container-big {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .07);
    width: 760px;
    position: relative;
    margin: auto
}

.form-container-big-footer {
    padding: 16px 0;
    text-align: center;
    width: 100%;
    border-top: 1px solid #ddd
}

.form-container-big-footer .button-cleared,
.form-container-big-footer .button-main {
    min-width: calc(50% - 10px)
}

.form-container-big-footer button {
    margin: 0 5px
}

.form-container-big-header {
    padding: 27px 102px 23px;
    position: relative
}

.form-container-big-header .h1,
.form-container-big-header h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.16;
    text-align: center;
    max-width: 100%
}

.form-container-big-header .close-button {
    position: absolute;
    right: 40px;
    top: 18px
}

.form-container-big-header .back-button {
    position: absolute;
    left: 20px;
    top: 16px
}

.form-container-big-content {
    margin: 7px auto 20px;
    width: 630px;
    min-height: 400px;
    font-weight: 400
}

.form-container-big-content .h1,
.form-container-big-content h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    margin: 0 0 30px;
    max-width: 100%
}

.form-container-big-content .h2,
.form-container-big-content h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    color: #000;
    margin-bottom: 17px;
    margin-top: 23px;
    max-width: 100%
}

.form-container-big-content .h2+.form-group,
.form-container-big-content h2+.form-group {
    margin-top: -8px
}

.form-container-big-content p {
    font-size: 14px;
    line-height: 1.44;
    margin-bottom: 10px;
    max-width: 100%
}

.form-container-big-content .details-link {
    font-size: 14px;
    color: #bb8b62;
    cursor: pointer
}

.form-container-big-content .colored-container {
    background-color: rgba(70, 90, 159, .1);
    border-radius: 2px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.44;
    padding: 18px 20px
}

.form-container-big-content .form-group+.h2,
.form-container-big-content .form-group+h2 {
    margin-top: 23px
}

.form-container-big-content .input-container {
    margin-bottom: 25px
}

.form-container-big-content .group-radio-button+.form-group,
.form-container-big-content .group-radio-button+.h2,
.form-container-big-content .group-radio-button+h2 {
    margin-top: 25px
}

.form-container-big-content .check-container,
.form-container-big-content .radio-container {
    background-color: #f5f5f5;
    border-radius: 2px;
    padding: 16px 14px 14px;
    height: 50px;
    margin-bottom: 9px
}

.form-container-big-content .check-container .checkbox,
.form-container-big-content .check-container .radio,
.form-container-big-content .radio-container .checkbox,
.form-container-big-content .radio-container .radio {
    display: block
}

.form-container-big-content .check-container .checkbox span,
.form-container-big-content .check-container .radio span,
.form-container-big-content .radio-container .checkbox span,
.form-container-big-content .radio-container .radio span {
    display: block;
    font-size: 18px
}

.form-container-big-content .check-container .checkbox span .field-form.error,
.form-container-big-content .check-container .radio span .field-form.error,
.form-container-big-content .radio-container .checkbox span .field-form.error,
.form-container-big-content .radio-container .radio span .field-form.error {
    color: #e9724e
}

.form-container-big-content .check-container .checkbox span .field-form.error::-webkit-input-placeholder,
.form-container-big-content .check-container .radio span .field-form.error::-webkit-input-placeholder,
.form-container-big-content .radio-container .checkbox span .field-form.error::-webkit-input-placeholder,
.form-container-big-content .radio-container .radio span .field-form.error::-webkit-input-placeholder {
    color: #e9724e;
    opacity: 1
}

.form-container-big-content .check-container .checkbox span .field-form.error::-moz-placeholder,
.form-container-big-content .check-container .radio span .field-form.error::-moz-placeholder,
.form-container-big-content .radio-container .checkbox span .field-form.error::-moz-placeholder,
.form-container-big-content .radio-container .radio span .field-form.error::-moz-placeholder {
    color: #e9724e;
    opacity: 1
}

.form-container-big-content .check-container .checkbox span .field-form.error:-moz-placeholder,
.form-container-big-content .check-container .radio span .field-form.error:-moz-placeholder,
.form-container-big-content .radio-container .checkbox span .field-form.error:-moz-placeholder,
.form-container-big-content .radio-container .radio span .field-form.error:-moz-placeholder {
    color: #e9724e;
    opacity: 1
}

.form-container-big-content .check-container .checkbox span .field-form.error:-ms-input-placeholder,
.form-container-big-content .check-container .radio span .field-form.error:-ms-input-placeholder,
.form-container-big-content .radio-container .checkbox span .field-form.error:-ms-input-placeholder,
.form-container-big-content .radio-container .radio span .field-form.error:-ms-input-placeholder {
    color: #e9724e;
    opacity: 1
}

.form-container-big-content .centered-container {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-container-big-content .regulatory-container {
    min-height: 500px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column
}

.form-container-big-content .payment-wrapper {
    margin-top: 9px
}

.form-container-big-content .iframe-deposit {
    width: 630px;
    height: 600px;
    border: 0
}

.form-container-big-content .form-description {
    max-width: 100%;
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 30px
}

.form-container-big-content__flex {
    height: 100%;
    min-height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column;
    flex-flow: column
}

.form-container-big-content .reg-idcard {
    margin: 40px 0 60px
}

.form-container-big a {
    font-weight: 600;
    color: #bb8b62
}

.reg-desc {
    font-size: 15px
}

.reg-desc a {
    color: #bb8b62;
    text-decoration: none
}

body:not(.user-logged) .registration-progress,
body:not(.user-logged) .rw-regform {
    display: none
}

.user-logged .bg-for-page {
    background: #f8f8f8
}

.user-logged .registration-header {
    background: #fcfcfc
}

.user-logged .rw-first {
    display: none
}

.user-logged .registration-form-wrapper .registration-side-area,
.user-logged .registration-form-wrapper .registration-side-promo {
    display: none
}

.user-logged .registration-form-wrapper .registration-close:after,
.user-logged .registration-form-wrapper .registration-close:before {
    background-color: #555
}

.registration-inner-area {
    width: 590px;
    margin: 0 auto
}

.registration-inner-area .overlay {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr max-content 1fr;
    grid-template-columns: 1fr max-content 1fr
}

.regHead-area {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.regHead-area .lang-change {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.regHead-area .lang-change .lang-name {
    display: none
}

.current-step {
    transform: translateX(calc(100% + 100px));
    animation-name: move-step
}

[lang=ar] .current-step {
    animation-name: move-step--ar
}

.current-step-back {
    animation-name: move-step-back
}

[lang=ar] .current-step-back {
    animation-name: move-step-back--ar
}

.current-step,
.current-step-back {
    animation-duration: 1.3s;
    animation-iteration-count: 1;
    position: absolute;
    top: 0;
    transform: translateZ(0)
}

@keyframes move-step-back {
    0% {
        transform: translateX(calc(-100% - 100px));
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes move-step {
    0% {
        transform: translateX(calc(100% + 100px));
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes move-step-back--ar {
    0% {
        transform: translateX(calc(100% - 100px));
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes move-step--ar {
    0% {
        transform: translateX(calc(-100% + 100px));
        opacity: 0
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.first-step {
    animation-name: show-step;
    animation-duration: 1.3s;
    animation-iteration-count: 1
}

@keyframes show-step {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

.prev-step {
    animation-name: prev-step
}

[lang=ar] .prev-step {
    animation-name: prev-step--ar
}

.prev-step-back {
    animation-name: prev-step-back
}

[lang=ar] .prev-step-back {
    animation-name: prev-step-back--ar
}

.prev-step,
.prev-step-back {
    animation-duration: 1.3s;
    animation-iteration-count: 1;
    transform: translateZ(0)
}

@keyframes prev-step {
    0% {
        transform: 0;
        opacity: 1
    }

    100% {
        transform: translateX(calc(-100% - 100px));
        opacity: 0
    }
}

@keyframes prev-step-back {
    0% {
        transform: 0;
        opacity: 1
    }

    100% {
        transform: translateX(calc(100% + 100px));
        opacity: 0
    }
}

@keyframes prev-step--ar {
    0% {
        transform: 0;
        opacity: 1
    }

    100% {
        transform: translateX(calc(100% + 100px));
        opacity: 0
    }
}

@keyframes prev-step-back--ar {
    0% {
        transform: 0;
        opacity: 1
    }

    100% {
        transform: translateX(calc(-100% + 100px));
        opacity: 0
    }
}

.lottie {
    width: 200px;
    height: 200px;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1;
    margin: 0 auto
}

.step-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9;
    display: none
}

.move-hide {
    animation-name: move-hide;
    animation-duration: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    animation-iteration-count: 1
}

@keyframes move-hide {
    0% {
        transform: 0
    }

    100% {
        transform: translateX(calc(100% + 560px))
    }
}

.modal-ico {
    margin-bottom: 20px
}

.reg-white-bg {
    background: #fff;
    padding: 40px 40px 20px;
    border-radius: 2px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .04)
}

.modal-footer-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal-footer-buttons>:not(:last-child) {
    margin-right: 20px
}

.modal-footer-buttons .button-holder {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-footer-buttons .button-holder .button-note {
    color: #999b9e;
    padding-top: 5px
}

.darkMode {
    --field-bg: $colorBlack;
    --field-color: $colorWhite;
    background: radial-gradient(267.3% 149.38% at -175.78% -35.28%, #bb8b62 0, #262626 100%);
    color: #fff
}

.darkMode input:-ms-input-placeholder {
    color: #4c4c4c
}

.darkMode input::placeholder {
    color: #4c4c4c
}

.darkMode .field-form,
.darkMode .form-group .control-form.phone-number {
    background: var(--field-bg);
    border-color: var(--field-bg);
    border-radius: 6px;
    color: var(--field-color);
    transition: border-color .2s ease-in-out
}

.darkMode .field-form:hover,
.darkMode .form-group .control-form.phone-number:hover {
    border-color: #bb8b62
}

.darkMode .field-form:-internal-autofill-selected,
.darkMode .field-form:-webkit-autofill,
.darkMode .field-form:-webkit-autofill:focus,
.darkMode .field-form:-webkit-autofill:hover,
.darkMode .form-group .control-form.phone-number:-internal-autofill-selected,
.darkMode .form-group .control-form.phone-number:-webkit-autofill,
.darkMode .form-group .control-form.phone-number:-webkit-autofill:focus,
.darkMode .form-group .control-form.phone-number:-webkit-autofill:hover {
    background-color: var(--field-bg) !important;
    -webkit-text-fill-color: var(--field-color) !important;
    color: var(--field-color) !important
}

.darkMode .form-group .control-form.phone-number input {
    color: var(--field-color)
}

.darkMode .phone-number .phone-code {
    border-right: none
}

.darkMode .checkbox [type=checkbox]~span,
.darkMode .checkbox [type=radio]~span,
.darkMode .label-form,
.darkMode a {
    color: inherit
}

.darkMode .text-gold {
    color: #bb8b62
}

.darkMode a.text-gold {
    color: #bb8b62;
    text-decoration: none
}

.darkMode a.text-gold:focus,
.darkMode a.text-gold:hover {
    text-decoration: underline
}

.darkMode .checkbox [type=checkbox]~span:before,
.darkMode .checkbox [type=radio]~span:before {
    background: var(--field-bg);
    border-color: var(--field-bg);
    transition: border-color .2s ease-in-out, background .2s ease-in-out
}

.darkMode .checkbox [type=checkbox]~span:hover:before,
.darkMode .checkbox [type=radio]~span:hover:before {
    border-color: #bb8b62
}

.darkMode .dropdown-custom-new {
    background: #000
}

.registration-noGap.registration-form-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 27px 0
}

.registration-noGap .regHolder {
    width: 100%;
    max-width: 384px
}

.registration-noGap .registration-inner-area {
    width: 100%
}

.registration-noGap .regLogo {
    margin-bottom: -2px
}

.registration-noGap .subtitle {
    font-weight: 700;
    font-size: 19px;
    line-height: 20px
}

.registration-noGap .error .field-form,
.registration-noGap .field-form.error {
    border: 2px solid #e9724e
}

.registration-noGap p:not(:last-child) {
    margin-bottom: 32px
}

.registration-noGap .button-main {
    font-size: 22px;
    border-radius: 6px
}

.registration-noGap .field-form:-ms-input-placeholder {
    color: #989898
}

.registration-noGap .field-form::placeholder {
    color: #989898
}

.registration-noGap .text-center a {
    color: #bb8b62
}

body:not(.user-logged) .registration-noGap+.rw-regform {
    display: block
}

.regSuccess {
    --sz-regSuccess: 78px;
    margin: 0 auto 23px;
    position: relative;
    width: var(--sz-regSuccess);
    height: var(--sz-regSuccess);
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(187, 139, 98, .3) 0, rgba(187, 139, 98, 0) 100%);
    border: 2px solid #bb8b62;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.regSuccess img {
    margin: 4px 0 0 1px
}

.regSuccessHolder .button-main {
    width: 100%;
    text-decoration: none
}

.regSuccessHolder .store-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.regSuccessHolder .store-container a:not(:last-child) {
    margin-bottom: 28px
}

.regSuccessFrame {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 0 25px
}

.regSuccessFrame .registration-title {
    font-size: 22px;
    margin-bottom: 8px
}

.regSuccessFrame p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #bbbdbf
}

.registration-inner-header {
    text-align: center;
    margin-bottom: 15px
}

.goldStyle .form-container-small-header:not(.s-between) {
    -ms-flex-pack: center;
    justify-content: center
}

.goldStyle .form-container-small-header .h1 {
    font-size: 18px
}

.goldStyle .reg-desc {
    text-align: center
}

.goldStyle .button-main:not(._facebook):not(._google):not(._apple) {
    border-radius: 34px;
    color: #fff;
    background: #bb8b62
}

.goldStyle .button-main.disabled {
    background: rgba(187, 139, 98, .3)
}

.goldStyle .checkbox a {
    color: #bb8b62;
    text-decoration: none
}

.goldStyle .control-outline input.field-form {
    background: rgba(224, 225, 227, .6);
    border-radius: 4px
}

.goldStyle .control-outline .label-form {
    color: #707081
}

.goldStyle .registrationPromo {
    background: #fff;
    padding-right: 50px
}

[lang=ar] .goldStyle .registrationPromo {
    padding-right: unset;
    padding-left: 50px
}

.goldStyle .registrationPromo__holder {
    position: absolute;
    background: linear-gradient(197.44deg, #dbba9f 1.63%, #bb8b62 96.42%);
    border-radius: 9px;
    height: calc(100% + 40px);
    max-width: 100%;
    top: -20px;
    padding: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    filter: drop-shadow(0 24px 32px rgba(87, 46, 21, .5))
}

.goldStyle .registrationPromo__holder:before {
    content: "";
    position: absolute;
    -webkit-clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    background: linear-gradient(197.44deg, #dbba9f 1.63%, #bb8b62 96.42%);
    width: 100%;
    height: 95%;
    top: 2.5%;
    left: 32px
}

[lang=ar] .goldStyle .registrationPromo__holder:before {
    left: unset;
    right: 32px;
    -webkit-clip-path: polygon(100% 0, 10% 0, 0 50%, 10% 100%, 100% 100%);
    clip-path: polygon(100% 0, 10% 0, 0 50%, 10% 100%, 100% 100%)
}

.goldStyle .registrationPromo h2 {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    position: relative
}

.goldStyle .list-webinar .icn-check {
    color: #fff;
    border-color: #fff
}

.goldStyle .list-webinar__item span {
    color: #fff
}

.goldStyle .logoWhiteBullet {
    margin-top: 32px;
    display: block;
    position: relative
}

.goldStyle .checkbox [type=checkbox]~span:before {
    background: rgba(224, 225, 227, .2);
    border-color: #e0e1e3
}

.goldStyle .notice {
    color: #2b2c2f
}

.goldStyle .notice a {
    color: #fff
}

.goldStyle .registrationPromoMob {
    margin-top: 48px
}

.goldStyle .registrationPromoMob:before {
    display: none
}

.goldStyle .registrationPromoMob .registrationPromo__holder {
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0;
    height: auto;
    top: 0;
    background: linear-gradient(209.62deg, #dbba9f 1.53%, #bb8b62 84.49%)
}

.goldStyle .registrationPromoMob .registrationPromo__holder:before {
    -webkit-clip-path: polygon(50% 0, 100% 5%, 100% 100%, 0 100%, 0 5%);
    clip-path: polygon(50% 0, 100% 5%, 100% 100%, 0 100%, 0 5%);
    background: linear-gradient(209.62deg, #dbba9f 1.53%, #bb8b62 84.49%);
    left: 0;
    width: 100%;
    height: 100%;
    top: -30px
}

.goldStyle .registrationPromoMob .notice,
.goldStyle .registrationPromoMob .store-container,
.goldStyle .registrationPromoMob h2 {
    position: relative
}

.goldStyle .registrationPromoMob .logoWhiteBullet {
    margin-top: 16px
}

.goldStyle .registrationPromoMob .slideArrow {
    top: -15px
}

.goldStyle .registrationPromoMob .slideArrow svg {
    stroke: #fff;
    transform: rotate(180deg)
}

.investLogoWrap {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.investLogoWrap .finanzmarktwelt-logo {
    max-width: 137px
}

.socialLogins .linedTitle {
    text-transform: lowercase
}

.linedTitle {
    position: relative;
    text-align: center;
    color: #2b2c2f;
    font-size: 16px;
    line-height: 1.8;
    margin: 24px 0
}

.linedTitle:after {
    content: "";
    width: 80%;
    height: 1px;
    background-color: #ecedee;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-transform: none
}

.linedTitle span {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 5px 20px;
    display: inline-block
}

.regNote {
    --gap-regNoteG: 8px;
    --gap-regNoteV: 16px;
    --radius-regNote: 4px;
    background: #f2f3f5;
    border: 1px solid #d1d1d1;
    border-radius: var(--radius-regNote);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
    margin: 24px 0;
    padding: var(--gap-regNoteG) var(--gap-regNoteV)
}

.regNote__title {
    border-radius: var(--radius-regNote) var(--radius-regNote) 0 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px var(--gap-regNoteV);
    margin: calc(-1 * var(--gap-regNoteG)) calc(-1 * var(--gap-regNoteV)) 0;
    margin-bottom: 16px
}

.regNote._max {
    --gap-regNoteV: 30px;
    --gap-regNoteG: 24px;
    font-size: 16px;
    line-height: 1.5
}

.registration-form-wrapper.result-15-PASS {
    background-image: url(../img/registration/bg-complete.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.registration-form-wrapper.result-15-PASS .registration-header {
    background-color: transparent
}

.platform-login__wrap .overlay {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr max-content 1fr;
    grid-template-columns: 1fr max-content 1fr
}

.platform-login__wrap .form-container-small {
    grid-area: 1/2/1/2
}

.--test43.form-container-login,
.--test43.form-container-signup {
    padding: 48px;
    border-radius: 16px
}

.--test43.form-container-login p,
.--test43.form-container-signup p {
    font-size: 16px;
    line-height: 1.5em
}

.--test43 .button-cleared.small {
    position: absolute;
    top: 22px;
    right: 22px;
    height: auto;
    padding: 10px;
    z-index: 1
}

html[lang=ar] .--test43 .button-cleared.small {
    right: auto;
    left: 22px
}

.--test43 .registrationPromo {
    border-radius: 8px;
    width: 264px;
    margin-right: 48px;
    padding: 0 24px 0
}

.--test43 .registrationPromo h2 {
    margin-bottom: 40px;
    text-align: center
}

html[lang=ar] .--test43 .registrationPromo {
    margin: 0 0 0 48px
}

.--test43 .list-webinar__item {
    margin-bottom: 32px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.5em
}

.--test43 .list-webinar__item strong {
    font-weight: 700
}

.--test43 .list-webinar__item .icn-check {
    border: none;
    background: 0 0;
    font-size: 20px;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px #bb8b62
}

.--test43 .form-container-small-header {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 16px
}

.--test43 .form-container-small-header .h1,
.--test43 .form-container-small-header .h2 {
    margin-bottom: 16px
}

.--test43 .form-container-small-content {
    padding: 0 0 16px
}

.--test43 .form-container-small-footer {
    padding: 0;
    text-align: left
}

html[lang=ar] .--test43 .form-container-small-footer {
    text-align: right
}

.--test43 .form-group {
    margin: 16px 0
}

.--test43 .form-group:nth-child(2) {
    margin-top: 0
}

.--test43 .form-group:nth-child(2) .control-form {
    margin-top: 0
}

.--test43 .form-group .field-form {
    border-radius: 8px;
    min-height: 40px
}

.--test43 .form-group .label-form {
    top: 13px
}

.--test43 .form-group .control-form input {
    padding-top: 0;
    padding-bottom: 0
}

.--test43 .form-group .clear-field {
    top: 50%;
    transform: translateY(-50%)
}

.--test43 .control-outline--input.active .label-form {
    opacity: 0
}

.--test43 .linedTitle {
    line-height: 1.5;
    margin: 16px 0
}

.--test43 .linedTitle span {
    width: 40px;
    padding: 0
}

.--test43 .linedTitle:after {
    width: 100%
}

.--test43 .form-container-small-content .button-main {
    min-height: 48px;
    padding: 12px 17px 12px;
    margin-top: 0;
    border-radius: 8px;
    font-size: 16px
}

.--test43 .reg-desc {
    font-size: 16px
}

.--test43 .--inversion {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.rgSlider__wrap {
    padding: 16px 0 32px
}

.rgSlider__wrapMain {
    padding: 0 0 96px
}

.rgSlider__wrapWithSubtitle {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(100px, .5fr) 2fr;
    grid-template-columns: minmax(100px, .5fr) 2fr;
    gap: 16px
}

.rgSlider__wrapWithSubtitle .regSubTitle {
    position: relative;
    top: -10px
}

.rgSlider__select {
    display: none
}

.rgSlider__cont {
    position: relative;
    height: 32px;
    cursor: pointer
}

.rgSlider__cont:hover .rgSlider__handle {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .2)
}

.rgSlider__cont:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 4px;
    background: #ebebeb;
    transform: translateY(-50%);
    content: ""
}

.rgSlider__cont .ui-slider-range {
    position: absolute;
    top: 50%;
    height: 4px;
    background: #bb8961;
    transform: translateY(-50%);
    transition: all .2s ease-out
}

.rgSlider__handle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    background: #bb8961;
    border: 1px solid #fff;
    border-radius: 4px;
    transform: translateY(-50%);
    transition: all .2s ease-out;
    z-index: 1
}

.rgSlider__handle:after,
.rgSlider__handle:before {
    position: absolute;
    content: ""
}

.rgSlider__handle:before {
    width: 8px;
    height: 8px;
    background: transparent url(../img/icons/burger-regular.svg) center center no-repeat;
    background-size: contain
}

.rgSlider__handle:after {
    top: 36px;
    width: 20px;
    height: 20px;
    background: transparent url(../img/icons/move_horizontal.svg) center center no-repeat;
    background-size: contain;
    cursor: default
}

.rgSlider__val {
    position: absolute;
    bottom: 26px;
    min-width: 64px;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    color: #828282;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.rgSlider__desc {
    position: absolute;
    top: 32px;
    line-height: 13px;
    font-size: 13px;
    color: #2b2c2f
}

.rgSlider__descLeft {
    left: 0;
    text-align: left
}

.rgSlider__descRight {
    right: 0;
    text-align: right
}

[lang=ar] .slider-label-range {
    direction: ltr;
    text-align: right
}

.checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    min-height: 20px
}

.checkbox [type=checkbox],
.checkbox [type=radio] {
    position: absolute;
    left: -9999px;
    margin: 0
}

.checkbox [type=checkbox]~span,
.checkbox [type=radio]~span {
    position: relative;
    padding: 2px 0 0 32px;
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    color: #000
}

[lang=ar] .checkbox [type=checkbox]~span,
[lang=ar] .checkbox [type=radio]~span {
    padding: 2px 32px 0 0
}

.checkbox [type=checkbox]~span:before,
.checkbox [type=radio]~span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #afb3b7;
    background: #fff;
    border-radius: 4px
}

[lang=ar] .checkbox [type=checkbox]~span:before,
[lang=ar] .checkbox [type=radio]~span:before {
    left: unset;
    right: 0
}

.checkbox [type=checkbox]~span:after,
.checkbox [type=radio]~span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 7px;
    width: 6px;
    height: 9px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    opacity: 0;
    font-size: 0;
    transform: rotate(45deg) scale(0);
    transition: all .2s
}

[lang=ar] .checkbox [type=checkbox]~span:after,
[lang=ar] .checkbox [type=radio]~span:after {
    left: unset;
    right: 7px
}

.checkbox [type=checkbox]~span .field-form,
.checkbox [type=radio]~span .field-form {
    padding-top: 2px;
    padding-bottom: 2px;
    min-height: 37px;
    margin-top: -12px;
    transform: translateY(-1px)
}

.checkbox [type=checkbox]~span:hover:before,
.checkbox [type=radio]~span:hover:before {
    border-color: #bbb
}

.checkbox [type=checkbox]~span:hover:after,
.checkbox [type=radio]~span:hover:after {
    opacity: 0
}

.checkbox [type=checkbox]~span:active:before,
.checkbox [type=radio]~span:active:before {
    background-color: rgba(0, 0, 0, .09)
}

.checkbox [type=checkbox]:checked~span:before,
.checkbox [type=radio]:checked~span:before {
    border-color: #bb8b62;
    background: #bb8b62
}

.checkbox [type=checkbox]:checked~span:after,
.checkbox [type=radio]:checked~span:after {
    opacity: 1;
    border-right-color: #fff;
    border-bottom-color: #fff;
    transform: rotate(45deg) scale(1)
}

.checkbox [type=checkbox]:checked~span:active:before,
.checkbox [type=checkbox]:checked~span:hover:before,
.checkbox [type=radio]:checked~span:active:before,
.checkbox [type=radio]:checked~span:hover:before {
    border-color: #bb8b62;
    background: #bb8b62
}

.checkbox [type=checkbox]:checked~span:active:after,
.checkbox [type=checkbox]:checked~span:hover:after,
.checkbox [type=radio]:checked~span:active:after,
.checkbox [type=radio]:checked~span:hover:after {
    opacity: .65
}

.checkbox [type=checkbox]:disabled~span,
.checkbox [type=radio]:disabled~span {
    color: #aaa
}

.checkbox [type=checkbox]:disabled~span:hover:after,
.checkbox [type=radio]:disabled~span:hover:after {
    transform: rotate(45deg) scale(0)
}

.checkbox [type=checkbox]:disabled~span:before,
.checkbox [type=radio]:disabled~span:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #d4d5d6
}

.checkbox [type=checkbox]:disabled:checked~span:after,
.checkbox [type=radio]:disabled:checked~span:after {
    border-right-color: #999;
    border-bottom-color: #999
}

.checkbox [type=checkbox]:disabled:checked~span:hover:before,
.checkbox [type=radio]:disabled:checked~span:hover:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #d4d5d6
}

.checkbox [type=checkbox]:disabled:checked~span:hover:after,
.checkbox [type=radio]:disabled:checked~span:hover:after {
    opacity: .35;
    transform: rotate(45deg) scale(1)
}

.checkbox.alone [type=checkbox]~span,
.checkbox.alone [type=radio]~span {
    padding-left: 0;
    display: block
}

.checkbox.dark [type=checkbox]:checked~span:before,
.checkbox.dark [type=radio]:checked~span:before {
    border-color: #000;
    background: #000
}

.checkbox.dark [type=checkbox]:checked~span:after,
.checkbox.dark [type=radio]:checked~span:after {
    opacity: 1;
    border-right-color: #fff;
    border-bottom-color: #fff
}

.checkbox.dark [type=checkbox]:checked~span:active:before,
.checkbox.dark [type=checkbox]:checked~span:hover:before,
.checkbox.dark [type=radio]:checked~span:active:before,
.checkbox.dark [type=radio]:checked~span:hover:before {
    border: 0;
    background: rgba(0, 0, 0, .5)
}

.checkbox.dark [type=checkbox]:checked~span:active:after,
.checkbox.dark [type=checkbox]:checked~span:hover:after,
.checkbox.dark [type=radio]:checked~span:active:after,
.checkbox.dark [type=radio]:checked~span:hover:after {
    opacity: 1
}

.checkbox.dark [type=checkbox]:disabled~span,
.checkbox.dark [type=radio]:disabled~span {
    color: #aaa
}

.checkbox.dark [type=checkbox]:disabled~span:before,
.checkbox.dark [type=radio]:disabled~span:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #d4d5d6
}

.checkbox.dark [type=checkbox]:disabled:checked~span:after,
.checkbox.dark [type=radio]:disabled:checked~span:after {
    border-right-color: #999;
    border-bottom-color: #999
}

.checkbox.dark [type=checkbox]:disabled:checked~span:hover:before,
.checkbox.dark [type=radio]:disabled:checked~span:hover:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #d4d5d6
}

.checkbox.error [type=checkbox]~span:before,
.checkbox.error [type=radio]~span:before {
    border: 1px solid #e9724e !important
}

.radio {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.radio [type=radio] {
    position: absolute;
    left: -9999px;
    margin: 0
}

.radio [type=radio]+span {
    position: relative;
    padding-left: 32px;
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.radio [type=radio]+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 20px
}

.radio [type=radio]+span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    opacity: 0;
    font-size: 0;
    transition: all .2s
}

.radio [type=radio]+span:hover:before {
    border-color: #ccc
}

.radio [type=radio]+span:hover:after {
    background-color: #ccc;
    opacity: 1
}

.radio [type=radio]:checked+span:before {
    border-color: #4d4339;
    border-width: 2px
}

.radio [type=radio]:checked+span:after {
    opacity: 1;
    background-color: #4d4339
}

.radio [type=radio]:disabled+span {
    color: #aaa
}

.radio [type=radio]:disabled+span:hover:after {
    opacity: 0
}

.radio [type=radio]:disabled+span:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.radio [type=radio]:disabled:checked+span:before {
    border-width: 1px
}

.radio [type=radio]:disabled:checked+span:after {
    background-color: #bbb
}

.radio [type=radio]:disabled:checked+span:hover:after {
    opacity: 1
}

.radioAlone [type=radio]+span {
    padding-left: 0;
    display: block
}

.radio.dark [type=radio]:checked+span:before {
    border-color: #000
}

.radio.dark [type=radio]:checked+span:after {
    opacity: 1;
    background-color: #000
}

.form-group {
    margin-top: 17px;
    margin-bottom: 18px
}

.form-group .control-form {
    margin-top: 10px;
    position: relative
}

.form-group .control-form.phone-prefix {
    width: 36%
}

.form-group .control-form.postcode {
    width: 29%
}

.form-group .control-form.phone {
    width: 62%
}

.form-group .control-form.city {
    width: 69%
}

.form-group .control-form.phone-number {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-group .control-form.phone-number .phone-code {
    position: static
}

.form-group .control-form.phone-number .phone-code .code-phone {
    margin: 0
}

.form-group .control-form.phone-number .code-phone {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    margin: 0 15px;
    white-space: nowrap
}

.form-group .control-form.phone-number input {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    background-color: transparent
}

.form-group .control-form.country .sprite4-arrow {
    z-index: 1;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

[lang=ar] .form-group .control-form.country .sprite4-arrow {
    left: 18px;
    right: unset
}

.form-group .control-form.country .field-form {
    padding-left: 58px;
    padding-right: 32px;
    cursor: pointer;
    transition: padding .15s;
    z-index: 1;
    position: relative
}

[lang=ar] .form-group .control-form.country .field-form {
    padding-left: 32px;
    padding-right: 58px
}

.form-group .control-form.country .field-form:focus {
    cursor: text;
    padding-left: 9px;
    transition-delay: .1s
}

[lang=ar] .form-group .control-form.country .field-form:focus {
    padding-left: 32px;
    padding-right: 9px
}

.form-group .control-form.country .field-form:focus~.dropdown-custom-new {
    max-height: 268px
}

.form-group .control-form.country .field-form:focus~.country-code {
    padding: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: width .2s, padding .1s, opacity .2s
}

.form-group .control-form.country .field-form:focus~.sprite4-arrow {
    display: none
}

.form-group .control-form.country:before {
    content: "";
    z-index: 1;
    position: absolute;
    right: 25px;
    top: 1px;
    bottom: 1px;
    width: 20px
}

.form-group .control-form.currency .sprite4-arrow {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer
}

[lang=ar] .form-group .control-form.currency .sprite4-arrow {
    right: unset;
    left: 18px
}

.form-group .control-form.currency .field-form {
    padding-left: 60px;
    cursor: pointer
}

[lang=ar] .form-group .control-form.currency .field-form {
    padding-left: unset;
    padding-right: 60px
}

.form-group .control-form.currency .field-form:focus~.dropdown-custom-new {
    max-height: 268px
}

.form-group .control-form.currency:before {
    content: "";
    z-index: 1;
    position: absolute;
    right: 25px;
    top: 1px;
    bottom: 1px;
    width: 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%, #fff 51%, #fff 100%)
}

[lang=ar] .form-group .control-form.currency:before {
    right: unset;
    left: 25px
}

.form-group .control-form.disabled:before {
    display: none
}

.form-group .control-form-multi {
    margin-top: 9px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-group .cards-container {
    margin-top: 10px
}

.form-group .pass-ico {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.form-group .pass-ico--reg {
    right: 40px;
    display: none
}

.form-group .quick-search-popover {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 3;
    width: 100%;
    margin-top: 4px;
    max-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    transition: max-height .2s ease-out
}

.form-group .quick-search-popover.show {
    max-height: 220px;
    transition: max-height .2s ease-in
}

.form-group .quick-search-popover.double-width {
    width: 200%
}

.form-group.half-width {
    max-width: 50%
}

.form-group.w150 {
    width: 150px
}

.form-group__control {
    margin-top: 10px
}

.form-group__label {
    margin: 15px 20px 0 0
}

.form-group span.form-group__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    color: #000
}

.form-group .mr-right {
    margin-right: 3px
}

.label-form {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #000
}

.label-form.focused {
    color: #bb8b62
}

.description-field {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1;
    color: #000
}

.note-field {
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    color: #999;
    margin-top: 10px
}

.note-field .span {
    color: #555;
    margin-right: 5px
}

.notif-form {
    font-size: 14px;
    line-height: 26px;
    color: rgba(0, 0, 0, .6);
    margin: 2px 0 0 2px
}

.control-hint-wrapper {
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s
}

.control-hint-wrapper.active {
    max-height: 500px
}

.error .control-hint-wrapper .control-hint {
    background-color: #fa6031;
    color: #fff
}

.error .control-hint-wrapper .control-hint>p.pass-hint:before {
    border-bottom-color: #fff;
    border-right-color: #fff
}

.error .control-hint-wrapper .control-hint>p.pass-hint.done {
    color: #000
}

.error .control-hint-wrapper .control-hint>p.pass-hint.done:before {
    border-bottom-color: #000;
    border-right-color: #000
}

.error .control-hint-wrapper .control-hint-arrow:before {
    background-color: #fa6031
}

.control-hint-wrapper .control-hint {
    position: relative;
    background-color: #f5f5f5;
    color: #000;
    border-radius: 0 2px 2px 2px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16);
    padding: 10px 14px;
    margin-top: 11px
}

.control-hint-wrapper .control-hint-arrow {
    bottom: 100%;
    left: 0;
    position: absolute;
    overflow: hidden;
    width: 22px;
    height: 15px
}

.control-hint-wrapper .control-hint-arrow:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #f5f5f5;
    transform: translateX(50%) translateY(50%) rotate(45deg);
    bottom: 0;
    left: -12px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16)
}

.control-hint-wrapper .control-hint h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    margin: 0 0 12px 0
}

.control-hint-wrapper .control-hint>p {
    font-size: 14px;
    line-height: 1.42
}

.control-hint-wrapper .control-hint>p.pass-hint {
    line-height: 1.79
}

.control-hint-wrapper .control-hint>p.pass-hint:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    border-right: 2px solid rgba(0, 0, 0, .2);
    transform: rotate(45deg);
    margin-right: 10px
}

.control-hint-wrapper .control-hint>p.pass-hint.done {
    color: #00bb85
}

.control-hint-wrapper .control-hint>p.pass-hint.done:before {
    border-bottom-color: #00bb85;
    border-right-color: #00bb85
}

.control-hint-wrapper .control-hint>p.invalid {
    margin-bottom: 0
}

.hint-form {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
}

.form-check {
    margin: 15px 0
}

.field-form {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    min-height: 55px;
    padding: 11px 15px 9px;
    outline: 0;
    resize: vertical
}

.field-form::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    opacity: 0
}

.field-form::-webkit-textfield-decoration-container {
    visibility: hidden
}

.field-form::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important
}

.field-form:-internal-autofill-selected,
.field-form:-webkit-autofill,
.field-form:-webkit-autofill:focus,
.field-form:-webkit-autofill:hover {
    background-color: #fff !important;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s
}

.field-form::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

.field-form::-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

.field-form:-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

.field-form:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

.field-form:hover {
    border-color: #aaa
}

.error .field-form,
.field-form.error {
    border-bottom: 2px solid #e9724e
}

.error .field-form:focus+.control-hint-wrapper,
.field-form.error:focus+.control-hint-wrapper {
    max-height: 500px
}

.field-form.focused,
.field-form:focus {
    border-bottom-width: 1px;
    border-color: #bb8b62
}

.field-form.typing {
    background-color: #fff
}

.field-form.disabled,
.field-form:disabled {
    border-color: #ddd;
    background-color: #f8f8f8;
    color: #ccc
}

.field-form.disabled::-webkit-input-placeholder,
.field-form:disabled::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1
}

.field-form.disabled::-moz-placeholder,
.field-form:disabled::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.field-form.disabled:-moz-placeholder,
.field-form:disabled:-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.field-form.disabled:-ms-input-placeholder,
.field-form:disabled:-ms-input-placeholder {
    color: #ccc;
    opacity: 1
}

.field-form.birth-field {
    width: 172px
}

select.field-form {
    height: 50px
}

.dropdown-custom {
    position: relative;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.dropdown-custom.select-input.open .dropdown-custom-head .flag {
    opacity: 0
}

.dropdown-custom.select-input.open .dropdown-custom-head .label-head {
    opacity: 0
}

.dropdown-custom.select-input.open .field {
    display: block
}

.dropdown-custom.select-input .dropdown-list {
    width: 556px
}

.dropdown-custom.open .arrow {
    transform: rotate(180deg)
}

.dropdown-custom.open .dropdown-list {
    height: 215px;
    opacity: 1
}

.dropdown-custom.phone-prefix {
    width: 29%
}

.dropdown-custom-head {
    background-color: #fff;
    padding-left: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative
}

.dropdown-custom-head:after {
    content: "";
    display: table;
    clear: both
}

.dropdown-custom .dropdown-list {
    position: absolute;
    z-index: 3;
    left: -1px;
    right: -1px;
    top: 100%;
    height: 0;
    opacity: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 2px 2px;
    transition: height .4s
}

.dropdown-custom .dropdown-list-item {
    height: 48px;
    padding: 0 16px;
    cursor: pointer
}

.dropdown-custom .dropdown-list-item.selected {
    background-color: rgba(187, 139, 98, .1)
}

.dropdown-custom .dropdown-list-item .pull-right {
    float: right;
    margin-left: 16px
}

.dropdown-custom .dropdown-list-item .text-ellipsis {
    max-width: calc(100% - 142px)
}

.dropdown-custom .flag {
    vertical-align: middle;
    margin-right: 7px
}

.dropdown-custom .arrow {
    background: url(../img/icons/ico-arr-gray.png) no-repeat 50% 50%;
    background-size: 12px 7px;
    width: 37px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    position: relative;
    z-index: 2;
    transition: transform .4s
}

.dropdown-custom .label-head {
    font-size: 18px;
    line-height: 48px;
    display: inline-block;
    vertical-align: middle
}

.dropdown-custom .field {
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 1;
    background-color: transparent;
    border: 0;
    height: 100%;
    font-weight: 400;
    font-size: 17px;
    line-height: 48px;
    outline: 0;
    width: calc(100% - 52px);
    display: none
}

.dropdown-custom .field::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    opacity: 0
}

.dropdown-custom .field::-webkit-textfield-decoration-container {
    visibility: hidden
}

.dropdown-custom .field::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important
}

.error-container,
.positive-container {
    color: #fff;
    padding: 10px 30px;
    margin: 0 -15px 10px;
    position: relative
}

.error-container h6,
.positive-container h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    margin: 0
}

.error-container p,
.positive-container p {
    font-weight: 500;
    color: #fff;
    margin: 0;
    word-break: break-word
}

.error-container a,
.positive-container a {
    font-weight: 600;
    color: #fff !important;
    text-decoration: underline;
    font-size: 16px
}

.error-container .sprite-warning,
.positive-container .sprite-warning {
    position: absolute;
    left: 10px;
    top: 13px
}

.error-container {
    border: 1px solid #e9724e;
    background-color: rgba(233, 114, 78, .8)
}

.positive-container {
    border: 1px solid #5199c7;
    border-radius: 4px;
    background-color: rgba(136, 190, 224, .3);
    color: #5199c7
}

.positive-container p {
    color: #5199c7
}

.input-container {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #000;
    padding: 15px 15px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input-container.error {
    border-bottom: 2px solid #e9724e
}

.input-container.error+.error-container {
    margin-top: -15px;
    margin-bottom: 25px
}

.input-container .text-ellipsis {
    display: inline-block;
    max-width: 50%
}

.input-container .uploading {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: rgba(187, 139, 98, .6)
}

.input-container .uploading:before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../img/icons/ico-load.png) no-repeat 0 0;
    background-size: 22px;
    margin: -1px 5px 0 0;
    display: inline-block;
    vertical-align: top;
    animation: processing 1.1s linear infinite
}

.input-container .uploaded {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: #009cd1
}

.input-container .uploaded:before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../img/icons/ico-loaded.png) no-repeat 0 0;
    background-size: 17px;
    margin: -2px 5px 0 0;
    display: inline-block;
    vertical-align: middle
}

@keyframes processing {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.input-container .file-input-wrapper {
    overflow: hidden;
    position: relative
}

.input-container .file-input-wrapper .file-button {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #bb8b62;
    display: block;
    background-color: transparent;
    border: 0
}

.input-container .file-input-wrapper [type=file] {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer
}

.negative-message,
.positive-message {
    font-weight: 600;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.3;
    padding: 9px 10px;
    margin-bottom: 14px
}

.negative-message {
    color: #e9724e;
    background-color: #feeeef
}

.positive-message {
    color: #359acc;
    background-color: #ecf6fb
}

.phone-code {
    border-right: 1px solid #dcdcdc;
    min-width: 75px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 1px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

[lang=ar] .phone-code {
    border-right: none;
    border-left: 1px solid #dcdcdc
}

.phone-code .sprite4-arrow {
    margin-left: 8px
}

[lang=ar] .phone-code .sprite4-arrow {
    margin-left: unset;
    margin-right: 8px
}

.country-code {
    z-index: 1;
    width: 58px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 3px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    transition: width .2s, padding .1s, opacity .2s
}

[lang=ar] .country-code {
    left: unset;
    right: 0
}

.currency-code {
    width: 58px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 6px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px
}

[lang=ar] .currency-code {
    left: unset;
    right: 0
}

.dropdown-custom-new {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 100%;
    width: 100%;
    max-height: 0;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: max-height .2s;
    transition-delay: .1s;
    transform: translateZ(0)
}

.dropdown-custom-new.dropdown__preview,
.dropdown-custom-new.open {
    max-height: 250px
}

.dropdown-custom-new li {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 16px 5px 12px;
    min-height: 49px;
    font-size: 18px;
    font-weight: 400
}

.dropdown-custom-new li:first-child {
    border-radius: 2px 2px 0 0
}

.dropdown-custom-new li:last-child {
    border-radius: 0 0 2px 2px
}

.dropdown-custom-new li:not(:last-child) {
    border-bottom: 1px solid rgba(18, 18, 18, .03)
}

.dropdown-custom-new li:hover {
    background-color: rgba(18, 18, 18, .02)
}

.dropdown-custom-new li.check .country-name {
    color: #bb8b62;
    font-weight: 600
}

.dropdown-custom-new li.check .dropdown-custom-new-check {
    opacity: 1
}

.dropdown-custom-new li .flag-country {
    margin-right: 16px
}

[lang=ar] .dropdown-custom-new li .flag-country {
    margin-left: 16px;
    margin-right: unset
}

.dropdown-custom-new li .currency-code {
    position: static;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 48px;
    height: auto
}

.dropdown-custom-new li .dropdown-custom-new-content {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[lang=ar] .dropdown-custom-new li .dropdown-custom-new-content {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    direction: ltr
}

.dropdown-custom-new li .dropdown-custom-new-check {
    display: inline-block;
    width: 7px;
    height: 15px;
    border-right: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    transform: rotate(45deg);
    margin-left: 16px;
    opacity: 0
}

.dropdown-custom-new li .text {
    margin-right: 5px
}

.dropdown-custom-new__holder {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 100%;
    width: 100%;
    margin: 0;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    transition: max-height .2s;
    transition-delay: .1s;
    transform: translateZ(0)
}

.dropdown-custom-new__holder .dropdown-custom-new {
    position: relative;
    top: auto;
    left: auto;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0
}

.dropdown-custom-new__holder .dropdown-custom-new li:first-child {
    margin-top: 4px
}

.dropdown-custom-new__holder .dropdown-custom-new:empty+.dropdown-custom-new__footer,
.dropdown-custom-new__holder .dropdown-custom-new[style="display: none;"]+.dropdown-custom-new__footer {
    display: none
}

.dropdown-custom-new__holder .dropdown-custom-new__footer {
    padding: 10px 16px 5px 12px
}

.dropdown-custom-new__holder .dropdown-custom-new__footer .as_manually {
    padding-top: 0
}

.custom-signup {
    overflow: visible !important
}

.country-placeholder {
    margin-bottom: 20px
}

.control-outline {
    position: relative
}

.control-outline input.field-form,
.control-outline textarea.field-form {
    background: 0 0;
    padding: 20px 15px 0 15px;
    font-size: 16px
}

.control-outline input.field-form:-ms-input-placeholder,
.control-outline textarea.field-form:-ms-input-placeholder {
    color: #767779
}

.control-outline input.field-form::placeholder,
.control-outline textarea.field-form::placeholder {
    color: #767779
}

.control-outline .label-form {
    color: #999;
    position: absolute;
    top: 19px;
    left: 16px;
    font-size: 16px;
    cursor: text;
    transition: .2s ease-out, color 0s;
    text-align: left;
    font-weight: 500
}

[lang=ar] .control-outline .label-form {
    left: unset;
    right: 16px
}

.control-outline--input.active .label-form {
    color: #bb8b62;
    font-size: 14px;
    transform: translateY(-9px);
    z-index: 1
}

.control-outline--input.active .label-form.error {
    color: #fa6031
}

.control-outline--input.active .error input.field-form {
    border-color: #fa6031;
    animation-name: field-bounce;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    background: #ffe9e5
}

.control-outline--input.active-ay input.field-form:-ms-input-placeholder {
    color: #999
}

.control-outline--input.active-ay input.field-form::placeholder {
    color: #999
}

.control-outline--input.active-ay .label-form {
    color: #bb8b62;
    font-size: 14px;
    transform: translateY(-9px)
}

.control-outline--input.active-ay .label-form.error {
    color: #fa6031
}

[lang=ar] .control-outline--select {
    min-width: 270px
}

.control-outline--select .label-form {
    z-index: 1;
    top: 20px;
    left: 49px;
    color: #999;
    padding: 0 10px;
    font-size: 14px;
    transform: translateY(-11px)
}

[lang=ar] .control-outline--select .label-form {
    left: unset;
    right: 52px
}

.control-outline--select .label-form.active {
    left: 0
}

[lang=ar] .control-outline--select .label-form.active {
    left: unset;
    right: 0
}

.control-outline--page .label-form {
    color: #1b1b1b
}

.control-outline--page input.field-form,
.control-outline--page textarea.field-form {
    color: #1b1b1b;
    border-width: 1px
}

.control-outline--page textarea.field-form {
    padding: 13px 15px
}

.control-outline--page.active input.field-form {
    border-color: #1b1b1b
}

.control-outline--page.active .label-form {
    color: #1b1b1b;
    background: #fff
}

.control-outline--phone .label-form {
    top: 8px;
    left: 91px;
    font-size: 14px
}

[lang=ar] .control-outline--phone .label-form {
    left: unset;
    right: 90px
}

.control-outline--phone .control-form.phone-number {
    background-color: transparent
}

.control-outline--phone .control-form.phone-number input {
    padding-top: 20px
}

.control-outline--phone .control-form.phone-number .code-phone {
    margin-top: 21px
}

[lang=ar] .control-outline--phone .control-form.phone-number .code-phone {
    direction: ltr
}

.clear-field {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 12px;
    top: 19px;
    z-index: 4;
    cursor: pointer;
    background: #999;
    padding: 5px;
    border-radius: 18px;
    display: none
}

.clear-field:after,
.clear-field:before {
    content: "";
    width: 2px;
    height: 11px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.clear-field:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.sz_md .checkbox [type=checkbox]~span,
.sz_md .checkbox [type=radio]~span {
    font-size: 14px;
    padding: 1px 0 0 28px
}

.sz_md .checkbox [type=checkbox]~span:before,
.sz_md .checkbox [type=radio]~span:before {
    width: 16px;
    height: 16px
}

.sz_md .checkbox [type=checkbox]~span:after,
.sz_md .checkbox [type=radio]~span:after {
    top: 3px;
    left: 6px;
    width: 4px;
    height: 7px
}

.sz_md .field-form {
    font-size: 12px;
    line-height: 20px;
    min-height: 40px;
    padding: 9px 15px
}

.sz_md .form-group {
    margin-top: 14px;
    margin-bottom: 14px
}

.sz_md .form-group .control-form {
    margin-top: 3px
}

.sz_md .label-form {
    padding-left: 5px
}

.sz_md .clear-field {
    top: 12px
}

.sz_md .form-group .control-form.phone-number {
    height: 40px
}

.sz_md .form-group .control-form.phone-number .code-phone,
.sz_md .form-group .control-form.phone-number input {
    font-size: 12px
}

.sz_md .phone-code {
    height: 100%;
    min-width: 0;
    padding: 0 15px
}

.sz_md .phone-code .sprite4-arrow {
    transform: scale(.6);
    margin-left: 3px;
    -ms-flex: none;
    flex: none
}

.sz_md .dropdown-custom-new li {
    font-size: 16px
}

.overlay-user-panel {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34, 40, 63, .29)
}

.overlay-user-panel.active {
    display: block
}

.user-panel {
    position: fixed;
    z-index: 101;
    right: 0;
    top: 0;
    bottom: 0;
    width: 320px;
    background-color: rgba(252, 252, 252, .95);
    padding: 30px 10px 20px;
    transition: transform .6s .2s;
    transform: translateX(100%)
}

.user-panel.active {
    transform: translateX(0)
}

.user-panel .user-panel-content {
    max-height: 96%;
    overflow-y: scroll;
    overflow-x: hidden
}

.user-panel-close {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 16px;
    right: 15px;
    cursor: pointer
}

.user-panel-close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 18px;
    background-color: #000;
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.user-panel-close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 18px;
    background-color: #000;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.user-panel .button-main,
.user-panel .button-outlined {
    width: 100%;
    font-size: 14px;
    padding: 12px 10px;
    line-height: 1
}

.user-panel .bg-container {
    background-color: #fff;
    border-radius: 2px
}

.user-panel .bg-container+.bg-container {
    margin-top: 10px
}

.user-panel .user-login,
.user-panel .user-name {
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-panel .user-name {
    font-weight: 700;
    font-size: 18px;
    margin: 0 40px 7px 20px
}

.user-panel .user-login {
    font-weight: 400;
    font-size: 12px;
    margin: 7px 20px 14px 20px
}

.user-panel .title-user-panel {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px
}

.user-panel .logout-user,
.user-panel .trading-settings {
    min-height: 40px;
    padding: 5px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer
}

.user-panel .logout-user:before,
.user-panel .trading-settings:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icons/ico-logout-user.svg) no-repeat 0 0;
    background-size: cover;
    width: 20px;
    height: 13px;
    margin-right: 11px
}

.user-panel .trading-settings:before {
    background-image: url(../img/icons/ico-trading-settings.svg);
    width: 18px;
    height: 18px
}

.user-panel .account-status {
    padding-top: 19px;
    padding-bottom: 1px;
    font-weight: 400
}

.user-panel .account-status .fl .status {
    margin-bottom: 10px;
    margin-left: 20px
}

.user-panel .account-status .title-user-panel {
    margin-left: 20px
}

.user-panel .account-status .account-description {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 1.333;
    margin: 10px 20px 5px
}

.user-panel .account-status .account-description .negative-description {
    font-weight: 500;
    color: #f15761
}

.user-panel .account-status .account-description .middle-description {
    font-weight: 500;
    color: #ff6930
}

.user-panel .account-status .account-description a {
    font-weight: 500;
    text-decoration: underline
}

.user-panel .account-status .status {
    display: block;
    margin-top: 5px;
    margin-right: 20px;
    font-size: 12px;
    line-height: 14px
}

.user-panel .account-status .status.not-ver>b {
    font-weight: 400;
    color: #f15761
}

.user-panel .account-status .status.ver>b {
    font-weight: 400;
    color: #359acc
}

.user-panel .account-status .alert-badge {
    float: right;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url(../img/icons/ico-alert-badge.png) no-repeat 0 0;
    background-size: cover;
    margin: 2px 20px 0 6px
}

.user-panel .account-status__button {
    width: calc(100% - 20px);
    margin: 0 0 20px 10px
}

.user-panel .pro-client {
    padding-bottom: 15px;
    margin: 0 20px;
    border-radius: 0
}

.user-panel .pro-client h2.title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #000
}

.user-panel .pro-client .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin-bottom: 7px
}

.user-panel .pro-client .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000
}

.user-panel .pro-client .link {
    font-weight: 600
}

.user-panel .pro-client .button-main {
    margin-top: 10px
}

.user-panel .pro-client .ver b {
    font-weight: 700;
    color: #359acc
}

.user-panel .pro-client .not-ver b {
    font-weight: 700;
    color: #f15761
}

.user-panel .block-user-panel {
    padding: 20px
}

.user-panel .account-status-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.user-panel .account-status-list-item {
    height: 49px;
    padding-left: 50px;
    box-sizing: content-box;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-panel .account-status-list-item:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px
}

.user-panel .account-status-list-item:after {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #efefef
}

.user-panel .account-status-list-item .arrow-right {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    margin-top: 5px;
    margin-right: 20px
}

.user-panel .account-status-list-item:last-of-type:after {
    display: none
}

.user-panel .account-status-list-item.completed:before {
    background: url(../img/icons/ico-acc-complete.png) no-repeat 0 0;
    background-size: cover
}

.user-panel .account-status-list-item.completed .status {
    opacity: .2
}

.user-panel .account-status-list-item.review:before {
    background: url(../img/icons/ico-acc-review.png) no-repeat 0 0;
    background-size: cover
}

.user-panel .account-status-list-item.review .status {
    color: #359acc
}

.user-panel .account-status-list-item.not-ver:before {
    background: url(../img/icons/ico-acc-notver.png) no-repeat 0 0;
    background-size: cover
}

.user-panel .account-status-list-item.pointer {
    cursor: pointer
}

.user-panel .collapse-content {
    float: right;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
    position: relative;
    cursor: pointer
}

.user-panel .collapse-content.collapsed:after,
.user-panel .collapse-content:before {
    content: "";
    height: 7px;
    width: 1px;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.user-panel .block-content-user-panel {
    margin-top: 10px
}

.user-panel .block-content-user-panel .button-main,
.user-panel .block-content-user-panel .button-outlined {
    margin-top: 8px
}

.user-panel .empty-user-panel {
    text-align: center;
    color: #444;
    font-size: 12px;
    line-height: 1.583;
    margin: 5px auto 0
}

.user-panel .empty-user-panel .sprite {
    display: block;
    margin: 0 auto 15px
}

.user-panel .empty-user-panel .button-main {
    margin-top: 23px
}

.user-panel .balance-user-panel {
    font-size: 12px;
    line-height: 14px
}

.user-panel .balance-user-panel .balance-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-panel .balance-user-panel .balance-item {
    min-width: 49%;
    max-width: 49%
}

.user-panel .balance-user-panel .balance-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    color: #777
}

.user-panel .balance-user-panel .balance-summ {
    font-weight: 600;
    font-size: 20px;
    line-height: 2;
    white-space: nowrap
}

.user-panel .balance-user-panel .balance-summ.positive {
    color: #359acc
}

.user-panel .balance-user-panel .balance-summ.negative {
    color: #f15761
}

.user-panel .balance-user-panel h6 {
    margin-bottom: 5px
}

.user-panel .balance-user-panel .negative {
    color: #f15761
}

.user-panel .tab-head {
    border-bottom: 1px solid #efefef;
    margin: 0 -20px;
    padding: 0 20px;
    list-style: none
}

.user-panel .tab-head:after {
    content: "";
    display: table;
    clear: both
}

.user-panel .tab-head li {
    float: left;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    padding-bottom: 12px;
    margin-bottom: -1px
}

.user-panel .tab-head li:not(:last-of-type) {
    margin-right: 30px
}

.user-panel .tab-head li.active {
    padding-bottom: 10px;
    border-bottom: 2px solid #bb8b62
}

.user-panel .tab-content {
    margin: 0 -20px
}

.user-panel .tab-content>div {
    display: none
}

.user-panel .instrument-short {
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.user-panel .instrument-full {
    font-size: 12px;
    line-height: 1;
    color: #777;
    margin-bottom: 16px
}

.user-panel .portfolio-container {
    padding: 18px 0 0 20px;
    border-top: 4px solid #f9f9fa;
    overflow: hidden;
    position: relative
}

.user-panel .portfolio-container .instrument-short {
    margin-bottom: 6px
}

.user-panel .portfolio-container .instrument-full {
    margin-bottom: 16px
}

.user-panel .portfolio-container .close-item {
    width: 13px;
    height: 13px;
    position: relative;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    margin-right: 10px;
    outline: 0
}

.user-panel .portfolio-container .close-item:after,
.user-panel .portfolio-container .close-item:before {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #bb8b62;
    position: absolute;
    left: 50%;
    top: 50%
}

.user-panel .portfolio-container .close-item:before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.user-panel .portfolio-container .close-item:after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.user-panel .portfolio-container .badge {
    width: 42px;
    height: 20px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-right: 10px
}

.user-panel .portfolio-container .badge.positive {
    background-color: #359acc
}

.user-panel .portfolio-container .badge.negative {
    background-color: #f15761
}

.user-panel .portfolio-container .profit,
.user-panel .portfolio-container .summ {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #000
}

.user-panel .portfolio-container .profit.positive,
.user-panel .portfolio-container .summ.positive {
    color: #359acc
}

.user-panel .portfolio-container .profit.negative,
.user-panel .portfolio-container .summ.negative {
    color: #f15761
}

.user-panel .portfolio-container .summ {
    min-width: 85px
}

.user-panel .portfolio-container .profit {
    min-width: 94px
}

.user-panel .portfolio-container .indicator {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-weight: 600;
    font-size: 9px;
    line-height: 1;
    color: #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.user-panel .portfolio-container .indicator:last-of-type {
    margin-top: 4px
}

.user-panel .portfolio-container .indicator.active {
    color: #fff;
    background-color: #6c758b;
    border-color: #6c758b
}

.user-panel .portfolio-container .sleep {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px
}

.user-panel .portfolio-container .sleep .sprite {
    display: block
}

.user-panel .portfolio-container .sleep .sleep-tooltip {
    display: none;
    background-color: rgba(0, 0, 0, .8);
    width: 88px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 30px
}

.user-panel .portfolio-container .sleep:hover .sleep-tooltip {
    display: block
}

.user-panel .portfolio-item {
    position: relative;
    height: 49px
}

.user-panel .portfolio-item:not(:last-of-type) .portfolio-item-inner {
    border-bottom: 1px solid #e5e5e5
}

.user-panel .portfolio-button {
    position: absolute;
    top: 0;
    height: 100%;
    width: 72px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border: 0;
    border-radius: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.user-panel .portfolio-button.negative {
    background-color: #f15761;
    right: 0
}

.user-panel .portfolio-button.positive {
    background-color: #359acc;
    right: 73px
}

.user-panel .portfolio-item-inner {
    background-color: #fff;
    height: 49px;
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 7px 10px 6px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    transition: margin-left .2s
}

.user-panel .portfolio-item-inner.deleting {
    margin-left: -145px
}

.user-panel .registration-flow {
    width: 260px;
    margin: 20px auto
}

.user-panel .status-divider {
    height: 1px;
    background-color: #efefef;
    margin: 0 20px 15px
}

#lv_overlay .leverage-label {
    display: -ms-flexbox;
    display: flex;
    min-width: 38%
}

#lv_overlay .sprite2-info {
    margin-left: 10px;
    cursor: pointer
}

#lv_hint .modal {
    max-width: 400px
}

#lv_hint p.t_all {
    position: relative;
    padding-left: 55px;
    padding-top: 4px
}

#lv_hint .t_all span {
    padding: 3px 7px;
    background: #bb8b62;
    color: #fff;
    border-radius: 3px;
    margin: 0 5px 2px 0;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0
}

#lv_hint .modal-footer {
    margin-top: 25px
}

.overlay-user-panel {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34, 40, 63, .29)
}

.overlay-user-panel.active {
    display: block
}

.user-panel {
    position: fixed;
    z-index: 101;
    right: 0;
    top: 0;
    bottom: 0;
    width: 320px;
    background-color: rgba(252, 252, 252, .95);
    padding: 30px 10px 20px;
    transition: transform .6s .2s;
    transform: translateX(100%)
}

.user-panel.active {
    transform: translateX(0)
}

.user-panel .user-panel-content {
    max-height: 96%;
    overflow-y: scroll;
    overflow-x: hidden
}

.user-panel-close {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 16px;
    right: 15px;
    cursor: pointer
}

.user-panel-close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 18px;
    background-color: #000;
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.user-panel-close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 18px;
    background-color: #000;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.user-panel .button-main,
.user-panel .button-outlined {
    width: 100%;
    font-size: 14px;
    padding: 12px 10px;
    line-height: 1
}

.user-panel .bg-container {
    background-color: #fff;
    border-radius: 2px
}

.user-panel .bg-container+.bg-container {
    margin-top: 10px
}

.user-panel .user-login,
.user-panel .user-name {
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-panel .user-name {
    font-weight: 700;
    font-size: 18px;
    margin: 0 40px 7px 20px
}

.user-panel .user-login {
    font-weight: 400;
    font-size: 12px;
    margin: 7px 20px 14px 20px
}

.user-panel .title-user-panel {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px
}

.user-panel .logout-user,
.user-panel .trading-settings {
    min-height: 40px;
    padding: 5px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer
}

.user-panel .logout-user:before,
.user-panel .trading-settings:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icons/ico-logout-user.svg) no-repeat 0 0;
    background-size: cover;
    width: 20px;
    height: 13px;
    margin-right: 11px
}

.user-panel .trading-settings:before {
    background-image: url(../img/icons/ico-trading-settings.svg);
    width: 18px;
    height: 18px
}

.user-panel .account-status {
    padding-top: 19px;
    padding-bottom: 1px;
    font-weight: 400
}

.user-panel .account-status .fl .status {
    margin-bottom: 10px;
    margin-left: 20px
}

.user-panel .account-status .title-user-panel {
    margin-left: 20px
}

.user-panel .account-status .account-description {
    color: #4c4c4c;
    font-size: 12px;
    line-height: 1.333;
    margin: 10px 20px 5px
}

.user-panel .account-status .account-description .negative-description {
    font-weight: 500;
    color: #f15761
}

.user-panel .account-status .account-description .middle-description {
    font-weight: 500;
    color: #ff6930
}

.user-panel .account-status .account-description a {
    font-weight: 500;
    text-decoration: underline
}

.user-panel .account-status .status {
    display: block;
    margin-top: 5px;
    margin-right: 20px;
    font-size: 12px;
    line-height: 14px
}

.user-panel .account-status .status.not-ver>b {
    font-weight: 400;
    color: #f15761
}

.user-panel .account-status .status.ver>b {
    font-weight: 400;
    color: #359acc
}

.user-panel .account-status .alert-badge {
    float: right;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url(../img/icons/ico-alert-badge.png) no-repeat 0 0;
    background-size: cover;
    margin: 2px 20px 0 6px
}

.user-panel .account-status__button {
    width: calc(100% - 20px);
    margin: 0 0 20px 10px
}

.user-panel .pro-client {
    padding-bottom: 15px;
    margin: 0 20px;
    border-radius: 0
}

.user-panel .pro-client h2.title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #000
}

.user-panel .pro-client .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    margin-bottom: 7px
}

.user-panel .pro-client .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000
}

.user-panel .pro-client .link {
    font-weight: 600
}

.user-panel .pro-client .button-main {
    margin-top: 10px
}

.user-panel .pro-client .ver b {
    font-weight: 700;
    color: #359acc
}

.user-panel .pro-client .not-ver b {
    font-weight: 700;
    color: #f15761
}

.user-panel .block-user-panel {
    padding: 20px
}

.user-panel .account-status-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.user-panel .account-status-list-item {
    height: 49px;
    padding-left: 50px;
    box-sizing: content-box;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-panel .account-status-list-item:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px
}

.user-panel .account-status-list-item:after {
    content: "";
    position: absolute;
    left: 50px;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #efefef
}

.user-panel .account-status-list-item .arrow-right {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    margin-top: 5px;
    margin-right: 20px
}

.user-panel .account-status-list-item:last-of-type:after {
    display: none
}

.user-panel .account-status-list-item.completed:before {
    background: url(../img/icons/ico-acc-complete.png) no-repeat 0 0;
    background-size: cover
}

.user-panel .account-status-list-item.completed .status {
    opacity: .2
}

.user-panel .account-status-list-item.review:before {
    background: url(../img/icons/ico-acc-review.png) no-repeat 0 0;
    background-size: cover
}

.user-panel .account-status-list-item.review .status {
    color: #359acc
}

.user-panel .account-status-list-item.not-ver:before {
    background: url(../img/icons/ico-acc-notver.png) no-repeat 0 0;
    background-size: cover
}

.user-panel .account-status-list-item.pointer {
    cursor: pointer
}

.user-panel .collapse-content {
    float: right;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
    position: relative;
    cursor: pointer
}

.user-panel .collapse-content.collapsed:after,
.user-panel .collapse-content:before {
    content: "";
    height: 7px;
    width: 1px;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.user-panel .block-content-user-panel {
    margin-top: 10px
}

.user-panel .block-content-user-panel .button-main,
.user-panel .block-content-user-panel .button-outlined {
    margin-top: 8px
}

.user-panel .empty-user-panel {
    text-align: center;
    color: #444;
    font-size: 12px;
    line-height: 1.583;
    margin: 5px auto 0
}

.user-panel .empty-user-panel .sprite {
    display: block;
    margin: 0 auto 15px
}

.user-panel .empty-user-panel .button-main {
    margin-top: 23px
}

.user-panel .balance-user-panel {
    font-size: 12px;
    line-height: 14px
}

.user-panel .balance-user-panel .balance-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-panel .balance-user-panel .balance-item {
    min-width: 49%;
    max-width: 49%
}

.user-panel .balance-user-panel .balance-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    color: #777
}

.user-panel .balance-user-panel .balance-summ {
    font-weight: 600;
    font-size: 20px;
    line-height: 2;
    white-space: nowrap
}

.user-panel .balance-user-panel .balance-summ.positive {
    color: #359acc
}

.user-panel .balance-user-panel .balance-summ.negative {
    color: #f15761
}

.user-panel .balance-user-panel h6 {
    margin-bottom: 5px
}

.user-panel .balance-user-panel .negative {
    color: #f15761
}

.user-panel .tab-head {
    border-bottom: 1px solid #efefef;
    margin: 0 -20px;
    padding: 0 20px;
    list-style: none
}

.user-panel .tab-head:after {
    content: "";
    display: table;
    clear: both
}

.user-panel .tab-head li {
    float: left;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    padding-bottom: 12px;
    margin-bottom: -1px
}

.user-panel .tab-head li:not(:last-of-type) {
    margin-right: 30px
}

.user-panel .tab-head li.active {
    padding-bottom: 10px;
    border-bottom: 2px solid #bb8b62
}

.user-panel .tab-content {
    margin: 0 -20px
}

.user-panel .tab-content>div {
    display: none
}

.user-panel .instrument-short {
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.user-panel .instrument-full {
    font-size: 12px;
    line-height: 1;
    color: #777;
    margin-bottom: 16px
}

.user-panel .portfolio-container {
    padding: 18px 0 0 20px;
    border-top: 4px solid #f9f9fa;
    overflow: hidden;
    position: relative
}

.user-panel .portfolio-container .instrument-short {
    margin-bottom: 6px
}

.user-panel .portfolio-container .instrument-full {
    margin-bottom: 16px
}

.user-panel .portfolio-container .close-item {
    width: 13px;
    height: 13px;
    position: relative;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    margin-right: 10px;
    outline: 0
}

.user-panel .portfolio-container .close-item:after,
.user-panel .portfolio-container .close-item:before {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #bb8b62;
    position: absolute;
    left: 50%;
    top: 50%
}

.user-panel .portfolio-container .close-item:before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.user-panel .portfolio-container .close-item:after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.user-panel .portfolio-container .badge {
    width: 42px;
    height: 20px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-right: 10px
}

.user-panel .portfolio-container .badge.positive {
    background-color: #359acc
}

.user-panel .portfolio-container .badge.negative {
    background-color: #f15761
}

.user-panel .portfolio-container .profit,
.user-panel .portfolio-container .summ {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    color: #000
}

.user-panel .portfolio-container .profit.positive,
.user-panel .portfolio-container .summ.positive {
    color: #359acc
}

.user-panel .portfolio-container .profit.negative,
.user-panel .portfolio-container .summ.negative {
    color: #f15761
}

.user-panel .portfolio-container .summ {
    min-width: 85px
}

.user-panel .portfolio-container .profit {
    min-width: 94px
}

.user-panel .portfolio-container .indicator {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    font-weight: 600;
    font-size: 9px;
    line-height: 1;
    color: #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.user-panel .portfolio-container .indicator:last-of-type {
    margin-top: 4px
}

.user-panel .portfolio-container .indicator.active {
    color: #fff;
    background-color: #6c758b;
    border-color: #6c758b
}

.user-panel .portfolio-container .sleep {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px
}

.user-panel .portfolio-container .sleep .sprite {
    display: block
}

.user-panel .portfolio-container .sleep .sleep-tooltip {
    display: none;
    background-color: rgba(0, 0, 0, .8);
    width: 88px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 30px
}

.user-panel .portfolio-container .sleep:hover .sleep-tooltip {
    display: block
}

.user-panel .portfolio-item {
    position: relative;
    height: 49px
}

.user-panel .portfolio-item:not(:last-of-type) .portfolio-item-inner {
    border-bottom: 1px solid #e5e5e5
}

.user-panel .portfolio-button {
    position: absolute;
    top: 0;
    height: 100%;
    width: 72px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border: 0;
    border-radius: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.user-panel .portfolio-button.negative {
    background-color: #f15761;
    right: 0
}

.user-panel .portfolio-button.positive {
    background-color: #359acc;
    right: 73px
}

.user-panel .portfolio-item-inner {
    background-color: #fff;
    height: 49px;
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 7px 10px 6px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    transition: margin-left .2s
}

.user-panel .portfolio-item-inner.deleting {
    margin-left: -145px
}

.user-panel .registration-flow {
    width: 260px;
    margin: 20px auto
}

.user-panel .status-divider {
    height: 1px;
    background-color: #efefef;
    margin: 0 20px 15px
}

#lv_overlay .leverage-label {
    display: -ms-flexbox;
    display: flex;
    min-width: 38%
}

#lv_overlay .sprite2-info {
    margin-left: 10px;
    cursor: pointer
}

#lv_hint .modal {
    max-width: 400px
}

#lv_hint p.t_all {
    position: relative;
    padding-left: 55px;
    padding-top: 4px
}

#lv_hint .t_all span {
    padding: 3px 7px;
    background: #bb8b62;
    color: #fff;
    border-radius: 3px;
    margin: 0 5px 2px 0;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0
}

#lv_hint .modal-footer {
    margin-top: 25px
}

.wire-transfer-container {
    border-top: 1px solid #ddd;
    padding-top: 27px;
    margin-bottom: 35px
}

.wire-transfer-container .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.wire-transfer-container .inner:not(:last-child) {
    margin-bottom: 27px
}

.wire-transfer-container .inner>div.cur {
    width: 25%
}

.wire-transfer-container .inner>div.field {
    width: 35%
}

.wire-transfer-container .inner>div.acc-num {
    width: 57%
}

.wire-transfer-container .inner>div.acc-name,
.wire-transfer-container .inner>div.iban-num,
.wire-transfer-container .inner>div.swift {
    -ms-flex: 1;
    flex: 1
}

.eurobank {
    display: block;
    background: url(../img/eurobank.png) no-repeat 0 0;
    background-size: cover;
    width: 140px;
    height: 72px
}

.transfer-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 9px
}

.transfer-value {
    background-color: #f2f2f2;
    border-radius: 2px;
    height: 50px;
    padding: 0 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase
}

.wire-info {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    padding: 14px 14px 14px 30px;
    max-width: 630px;
    width: 100%;
    margin: 0 auto
}

.info-ic {
    background: url(../img/icons/ico-info-ic.svg) no-repeat 0 0;
    background-size: cover;
    min-width: 16px;
    height: 16px;
    position: absolute;
    margin-left: -27px
}

.seo-banner {
    font-size: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 13px;
    border: 1px solid #e0e8f3;
    position: relative;
    width: 100%
}

.seo-banner .title {
    font-size: 22px;
    line-height: 32px
}

.seo-banner span {
    color: #f0685b
}

.seo-banner .tool__banner--func {
    margin-bottom: 0;
    position: static
}

.seo-banner .pairs {
    color: #fff;
    position: absolute;
    top: 36px;
    font-size: 7px;
    font-weight: 700;
    background: #121212;
    line-height: 7px;
    padding: 0 5px
}

.seo-banner .tool__banner--btns .button-main {
    width: 92px;
    padding: 5px 15px 7px;
    min-height: auto
}

.seo-banner .tool__banner--btns .button-main.buy:hover {
    background: #3da5d8
}

.seo-banner .tool__banner--btns .button-main.sell:hover {
    background: #f37079
}

.seo-banner .tool__banner--btns {
    position: absolute;
    width: 100%;
    left: 0;
    top: 169px
}

.seo-banner .tool__banner--btns p {
    font-size: 14px;
    line-height: 15px
}

.seo-banner .tool__banner--btns .table-tools__price {
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    line-height: 15px
}

.seo-banner .button-main {
    background-image: linear-gradient(270deg, #fd905e 0, #e43e39 100%);
    box-shadow: 0 5px 10px 0 rgba(252, 140, 93, .41);
    font-size: 22px;
    color: #fff;
    padding: 15px 39px
}

.seo-banner .outlined-light {
    background: rgba(255, 255, 255, .15);
    box-shadow: none
}

.seo-banner .buy {
    background: #359acc
}

.seo-banner .sell {
    background: #f15761
}

.seo-banner--type2 .button-main {
    background: linear-gradient(87.1deg, #f6ff72 5.51%, #c9d41e 97.02%);
    box-shadow: 10px -8px 16px rgba(0, 0, 0, .3);
    color: #000;
    font-size: 18px
}

.seo-banner--type2 .button-main:focus,
.seo-banner--type2 .button-main:hover {
    background: linear-gradient(87.1deg, #f6ff72 18.51%, #c9d41e 100.02%)
}

.seo-banner--type2 .banner__blk-btns .button-main {
    text-transform: none
}

.seo-banner--type2 span {
    color: #f6ff72
}

.seo-banner--type2 .cta {
    display: none
}

.seo-banner--type3 .banner__blk-btns .button-main {
    margin-top: 0;
    text-transform: none;
    padding: 15px 32px;
    font-size: 18px;
    background: #7ccd4f;
    box-shadow: none
}

.seo-banner--type3 span {
    font-weight: 700;
    color: #7ccd4f
}

.seo-banner--type4 .banner__blk-btns .button-main {
    margin-top: 0;
    text-transform: none;
    background: linear-gradient(87.1deg, #f1b27c 5.51%, #bb8b61 97.02%);
    color: #000;
    box-shadow: none;
    font-size: 18px
}

.seo-banner--type4 span {
    color: #fcd244
}

.seo-banner--mob {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 373px;
    max-width: 264px;
    background: url(../img/seo-banners/set1-mob.jpg) no-repeat;
    background-size: cover;
    color: #fff
}

.seo-banner--mob .title {
    margin-bottom: 15px
}

.seo-banner--mob .button-main {
    font-size: 18px
}

.seo-banner--mob .outlined-light {
    background: rgba(255, 255, 255, .15);
    box-shadow: none;
    color: #fff;
    border-color: #fff;
    transition: color .23s ease
}

.seo-banner--mob .outlined-light:hover {
    background: rgba(255, 255, 255, .15);
    box-shadow: none;
    color: rgba(255, 255, 255, .7)
}

.seo-banner--mob-lg {
    min-height: 420px;
    max-width: 385px;
    background-position: top center;
    margin: 0 auto 20px auto
}

.seo-banner--mob-lg p {
    margin-bottom: 15px
}

.seo-banner--mob-lg .title {
    margin-bottom: 0
}

.seo-banner--mob .banner__blk-btns .button-main {
    margin-top: 24px
}

.seo-banner--mob.seo-banner--type1 {
    min-height: 300px
}

.seo-banner--mob.seo-banner--type1 .title {
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-size: 24px
}

.seo-banner--mob.seo-banner--type1 .button-main {
    width: 100%
}

.seo-banner--mob.seo-banner--type2 {
    min-height: 300px;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    background-image: url(../img/seo-banners/set2.jpg)
}

.seo-banner--mob.seo-banner--type2 .title {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px
}

.seo-banner--mob.seo-banner--type2 .button-main {
    width: 100%
}

.seo-banner--mob.seo-banner--type3 {
    padding: 30px 23px;
    min-height: 359px;
    background-image: url(../img/seo-banners/Banner3_mobile.jpg)
}

.seo-banner--mob.seo-banner--type3 .outlined-light {
    background: rgba(255, 255, 255, .15)
}

.seo-banner--mob.seo-banner--type3 .outlined-light:hover {
    background: rgba(255, 255, 255, .15)
}

.seo-banner--mob.seo-banner--type3 .title {
    color: #fff;
    font-weight: 400;
    line-height: 27px
}

.seo-banner--mob.seo-banner--type3 .seo-banner__logo {
    max-width: 110px;
    margin-bottom: 10px
}

.seo-banner--mob.seo-banner--type4 {
    padding: 30px 25px;
    min-height: 300px;
    background-image: url(../img/seo-banners/set4-mob.jpg)
}

.seo-banner--mob.seo-banner--type4 .title {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    text-align: left
}

.seo-banner--mob.seo-banner--type4 .cta {
    display: none
}

.seo-banner--mob.seo-banner--type4 .outlined-light {
    background: rgba(255, 255, 255, .15);
    color: #fff
}

.seo-banner--mob.seo-banner--type4 .outlined-light:hover {
    background: rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .7)
}

.seo-banner--mob.seo-banner--type4 .button-main {
    width: 100%
}

.seo-banner--mob.seo-banner--type5 {
    padding: 14px;
    border: none;
    background-image: url(../img/seo-banners/fx_new.png);
    background-position: center;
    border: 1px solid #e0e8f3;
    margin-left: auto;
    margin-right: auto;
    padding-top: 215px
}

.seo-banner--mob.seo-banner--type5 p {
    margin-bottom: 0
}

.seo-banner--mob.seo-banner--type5 .title {
    font-size: 21px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #000
}

.seo-banner--mob.seo-banner--type5 .title span {
    font-weight: 700;
    color: #000
}

.seo-banner--mob.seo-banner--type5 .tool__desc {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.seo-banner--mob.seo-banner--type5 .outlined-light {
    margin-top: 16px;
    background: rgba(255, 255, 255, .15);
    box-shadow: none;
    color: #f16b4d;
    border-color: #f16b4d;
    transition: color .23s ease
}

.seo-banner--mob.seo-banner--type5 .outlined-light:hover {
    box-shadow: none;
    color: rgba(241, 107, 77, .7)
}

.seo-banner--mob.seo-banner--type7 .button-main {
    width: 100%
}

.seo-banner--mob.seo-banner--type7 .outlined-light {
    background: rgba(255, 255, 255, .15);
    color: #fff
}

.seo-banner--mob.seo-banner--type7 .outlined-light:hover {
    background: rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .7)
}

.seo-banner--mob.seo-banner--type8 {
    background: #fff;
    min-height: auto
}

.seo-banner--mob.seo-banner--type8 .desc,
.seo-banner--mob.seo-banner--type8 .title {
    color: #4c4c4c
}

.seo-banner--mob.seo-banner--type8 .button-main {
    padding: 15px 20px;
    width: 100%;
    text-transform: uppercase
}

.seo-banner--mob.seo-banner--type8 .outlined-light {
    background: rgba(255, 255, 255, .15);
    box-shadow: none;
    color: #f16b4d;
    border-color: #f16b4d;
    transition: color .23s ease
}

.seo-banner--mob.seo-banner--type8 .outlined-light:hover {
    box-shadow: none;
    color: rgba(241, 107, 77, .7)
}

.seo-banner--mob.seo-banner--type9 {
    text-align: left;
    background: #fff;
    color: #000;
    position: relative;
    overflow: hidden
}

.seo-banner--mob.seo-banner--type9 img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    height: 100%;
    animation-name: moveBg;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform-origin: top
}

.seo-banner--mob.seo-banner--type9 .title {
    font-size: 30px;
    font-weight: 700;
    animation-name: showTxt;
    animation-duration: 5s
}

.seo-banner--mob.seo-banner--type9 .desc,
.seo-banner--mob.seo-banner--type9 .title {
    position: relative;
    z-index: 1;
    opacity: 0;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards
}

.seo-banner--mob.seo-banner--type9 .desc {
    animation-name: showTxt2;
    animation-duration: 5s
}

.seo-banner--mob.seo-banner--type9 .button-main {
    background: #bb8b62;
    color: #000;
    text-transform: capitalize;
    animation-name: moveBtn;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: backwards;
    box-shadow: none
}

.seo-banner--mob.seo-banner--type9 .button-main:hover {
    background: #cf9768;
    box-shadow: none
}

@keyframes moveBg {
    0% {
        transform: translateX(0) scale(1)
    }

    25% {
        transform: translateX(0) scale(1)
    }

    100% {
        transform: translateX(-100px) scale(1.1)
    }
}

@keyframes showTxt {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes showTxt2 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes moveBtn {
    0% {
        transform: translateY(100px)
    }

    30% {
        transform: translateY(100px)
    }

    50% {
        transform: translateY(0)
    }
}

.seo-banner--desc {
    background: url(../img/seo-banners/set1.jpg) no-repeat;
    background-size: cover;
    padding: 37px 60px
}

.seo-banner--desc .title {
    font-size: 36px;
    line-height: 48px;
    max-width: 480px;
    text-align: left;
    color: #fff
}

.seo-banner--desc.seo-banner--type1 .text-info {
    color: #fff
}

.seo-banner--desc.seo-banner--type1 .banner__blk-btns .button-main {
    margin-top: 0
}

.seo-banner--desc.seo-banner--type2 {
    background-image: url(../img/seo-banners/set2-desc.jpg)
}

.seo-banner--desc.seo-banner--type2 .banner__blk-btns .button-main {
    margin-top: 0;
    color: #000
}

.seo-banner--desc.seo-banner--type2 .title {
    font-weight: 400;
    font-size: 38px;
    max-width: 596px;
    color: #fff;
    line-height: 52px
}

.seo-banner--desc.seo-banner--type3,
.seo-banner--desc.seo-banner--type5 {
    padding: 26px 60px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-image: url(../img/seo-banners/Banner3_desktop.jpg)
}

.seo-banner--desc.seo-banner--type3 .title,
.seo-banner--desc.seo-banner--type5 .title {
    font-weight: 400;
    font-size: 34px;
    max-width: 596px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    margin-right: 20px
}

.seo-banner--desc.seo-banner--type3 .title.text-black,
.seo-banner--desc.seo-banner--type5 .title.text-black {
    color: #000
}

.seo-banner--desc.seo-banner--type3 .text-bold,
.seo-banner--desc.seo-banner--type5 .text-bold {
    font-size: 38px
}

.seo-banner--desc.seo-banner--type3 .seo-banner__logo,
.seo-banner--desc.seo-banner--type5 .seo-banner__logo {
    max-width: 133px;
    display: block;
    margin: 0 auto
}

.seo-banner--desc.seo-banner--type4 {
    background-image: url(../img/seo-banners/set4.jpg)
}

.seo-banner--desc.seo-banner--type4 .cta {
    display: none
}

.seo-banner--desc.seo-banner--type4 .title {
    max-width: 470px;
    color: #fff
}

.seo-banner--desc.seo-banner--type4 .button-main {
    background: linear-gradient(87.1deg, #f1b27c 5.51%, #bb8b61 97.02%);
    color: #000
}

.seo-banner--desc.seo-banner--type5 {
    background-image: url(../img/seo-banners/FOREX.png)
}

.seo-banner--desc.seo-banner--type5 .button-main {
    margin-top: 0;
    text-transform: capitalize;
    background: #7ccd4f;
    box-shadow: none
}

.seo-banner--desc.seo-banner--type5 .title {
    text-transform: uppercase;
    color: #000;
    width: 380px
}

.seo-banner--desc.seo-banner--type5 .title span {
    font-weight: 700;
    color: #000
}

.seo-banner--desc.seo-banner--type6 {
    margin: 40px 0;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.seo-banner--desc.seo-banner--type6 .button-main {
    margin-top: 0;
    text-transform: capitalize;
    background: #bb8b62;
    box-shadow: none
}

.seo-banner--desc.seo-banner--type6 .button-main:hover {
    background: #cf9768
}

.seo-banner--desc.seo-banner--type6 .text-info {
    text-align: center
}

.seo-banner--desc.seo-banner--type6 .title {
    color: #000;
    max-width: 380px;
    width: 100%
}

.seo-banner--desc-sm {
    padding: 24px 30px
}

.seo-banner--desc-sm .title {
    font-size: 22px;
    line-height: 29px;
    max-width: 430px;
    margin-bottom: 0
}

.seo-banner--desc-sm .button-main {
    font-size: 20px
}

.seo-banner--desc-sm.seo-banner--type1 {
    margin-top: 32px;
    background-position: center
}

.seo-banner--desc-sm.seo-banner--type2 .title {
    max-width: 400px;
    font-size: 26px;
    line-height: 40px;
    margin-right: 20px
}

.seo-banner--desc-sm.seo-banner--type3 {
    padding: 24px 30px
}

.seo-banner--desc-sm.seo-banner--type3 .title {
    max-width: 380px;
    font-size: 24px;
    line-height: 33px
}

.seo-banner--desc-sm.seo-banner--type3 .text-bold {
    font-size: 28px
}

.seo-banner--desc-sm.seo-banner--type3 .seo-banner__logo {
    max-width: 100px
}

.seo-banner--desc-sm.seo-banner--type4 {
    background-color: #6e80f0
}

.seo-banner--desc-sm.seo-banner--type4 .title {
    max-width: 350px;
    font-size: 28px
}

.seo-banner--desc-sm.seo-banner--type5 {
    padding: 24px 30px
}

.seo-banner--desc-sm.seo-banner--type5 .title {
    max-width: 380px;
    font-size: 24px;
    line-height: 33px;
    width: 100%
}

.seo-banner--desc-sm.seo-banner--type5 .text-bold {
    font-size: 28px
}

.seo-banner--desc-sm.seo-banner--type5 .seo-banner__logo {
    max-width: 100px
}

.seo-banner--type7 {
    display: -ms-grid;
    display: grid
}

.seo-banner--type7 .text-info {
    display: -ms-grid;
    display: grid;
    text-align: left
}

.seo-banner--type7 .text-info p {
    margin: 0;
    color: #fff
}

.seo-banner--type7 .text-info p.title {
    text-shadow: 2px -1px 4px rgba(1, 67, 66, .6);
    line-height: .8;
    font-size: 64px
}

.seo-banner--type7 .text-info p.title span {
    font-weight: 400;
    font-size: 46px;
    color: #fff
}

.seo-banner--type7 .text-info p.desc {
    text-shadow: 1px -2px 3px rgba(1, 67, 66, .6)
}

.seo-banner--type7 .text-info b {
    font-weight: 700
}

.seo-banner--type7 .button-main {
    margin-top: 0;
    text-transform: capitalize;
    background: #bb8b62;
    box-shadow: none;
    color: #0d5d5b
}

.seo-banner--type7 .button-main:hover {
    background: #cf9768
}

.seo-banner--type7.seo-banner--desc {
    -ms-grid-columns: 2fr max-content;
    grid-template-columns: 2fr max-content;
    -ms-grid-column-align: end;
    justify-items: end;
    background: transparent url(../img/seo-banners/banner_refer_hor_.jpg) bottom left no-repeat;
    background-size: cover;
    gap: 0 40px
}

.seo-banner--type7.seo-banner--desc .text-info {
    -ms-grid-columns: max-content minmax(100px, 330px);
    grid-template-columns: max-content minmax(100px, 330px);
    -ms-flex-align: center;
    align-items: center;
    max-width: 90%;
    gap: 0 30px
}

.seo-banner--type7.seo-banner--mob {
    background: transparent url(../img/seo-banners/banner_refer_ver_.jpg) bottom left no-repeat;
    background-size: cover;
    gap: 25px 0
}

.seo-banner--type7.seo-banner--mob .text-info {
    gap: 20px 0
}

.seo-banner--type7.seo-banner--mob .text-info .title {
    line-height: .9;
    font-size: 49px
}

.seo-banner--type7.seo-banner--mob .text-info .title span {
    font-size: 49px
}

.seo-banner--type7.seo-banner--mob .text-info .title b,
.seo-banner--type7.seo-banner--mob .text-info .title strong {
    font-size: 68px
}

.seo-banner--type7.seo-banner--mob .text-info .desc {
    line-height: 1.3
}

.seo-banner--type7.seo-banner--mob .button-main {
    font-size: 18px
}

.seo-banner--type8 {
    border: none;
    padding: 0
}

.seo-banner--type8 video {
    max-width: 100%;
    border-radius: 10px
}

.webp .seo-banner--type7.seo-banner--desc {
    background: transparent url(../img/seo-banners/banner_refer_hor_.webp) bottom left no-repeat;
    background-size: cover
}

.webp .seo-banner--type7.seo-banner--mob {
    background: transparent url(../img/seo-banners/banner_refer_ver_.webp) bottom left no-repeat;
    background-size: cover
}

.counter__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 32px;
    width: 100%
}

.counter__item h3 {
    font-weight: 800;
    font-size: 32px;
    color: #bb8b62
}

.counter__item p {
    margin-top: 12px;
    line-height: 1.4;
    font-size: 16px;
    color: #fff
}

.counter__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr max-content;
    grid-template-columns: 2fr max-content;
    grid-auto-rows: max-content;
    -ms-flex-align: start;
    align-items: start;
    padding: 32px;
    gap: 32px;
    width: 100%;
    background: #222527;
    border-radius: 12px
}

.counter__title {
    margin: 32px 0 0;
    color: #fff
}

.counter__btn.button-main.rounded-lg {
    padding: 16px 24px
}

.counter__btn.button-main.rounded-lg:hover {
    background: #cf9768
}

.section--counter {
    background: #222527
}

.section--counter.section {
    padding: unset
}

.category .section--counter.section,
.tool .section--counter.section {
    padding: unset
}

.section--counter .counter__wrap {
    padding: 32px 0
}

.prime__bg {
    background-color: #f8f8f8;
    position: relative
}

.prime__bg:before {
    content: "";
    height: 367px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.prime__bg:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px
}

.prime__bg .row-cont {
    z-index: 0;
    position: relative
}

.prime__tools {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0
}

.prime__tools-item {
    margin: 15px;
    padding: 30px 30px 20px;
    border-radius: 6px;
    width: calc(33.3% - 30px);
    max-width: 555px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e8e8e8
}

.prime__tools-item p {
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    color: #4c4c4c
}

.prime__tools .ico {
    background-image: url(../img/prime/sprite-prime.png);
    background-repeat: no-repeat;
    margin: 0 0 20px
}

.prime__tools .ico--07 {
    width: 84px;
    height: 74px;
    min-width: 84px;
    background-position: -161px -190px
}

.prime__tools .ico--08 {
    width: 81px;
    height: 81px;
    min-width: 81px;
    background-position: -80px -190px
}

.prime__tools .ico--09 {
    width: 80px;
    height: 83px;
    min-width: 80px;
    background-position: 0 -190px
}

.prime__tools .ico--10 {
    width: 83px;
    height: 74px;
    min-width: 83px;
    background-position: -285px 0
}

.prime__ico {
    background-image: url(../img/prime/sprite-prime.png);
    background-repeat: no-repeat;
    margin: 0 auto 35px;
    width: 95px;
    height: 95px;
    min-width: 95px;
    border-radius: 95px;
    display: block
}

.prime__ico--01 {
    background-position: 0 0
}

.prime__ico--02 {
    background-position: -95px 0
}

.prime__ico--03 {
    background-position: 0 -95px
}

.prime__ico--04 {
    background-position: -95px -95px
}

.prime__ico--05 {
    background-position: -190px 0
}

.prime__ico--06 {
    background-position: -190px -95px
}

.prime__wrap .section {
    padding: 15px 0 70px
}

.prime__wrap .prime__bg {
    padding-top: 50px;
    padding-bottom: 100px
}

.prime__wrap .h1 {
    color: #fff
}

.prime__tick--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
}

.prime__tick--item {
    width: 100%;
    max-width: calc(50% - 30px);
    -ms-flex: 1 0 calc(50% - 30px);
    flex: 1 0 calc(50% - 30px);
    background: #fff;
    padding: 10px 55px;
    min-height: 100px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 15px 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-shadow: 0 21px 19px 0 rgba(0, 0, 0, .04)
}

.prime__tick--item:before {
    content: "";
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #bb8b62
}

.prime__tick--item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 3;
    height: 18px;
    width: 7px;
    border-right: 2px solid #bb8b62;
    border-bottom: 2px solid #bb8b62;
    transform: translateY(-50%) rotate(45deg)
}

.prime__tick--text {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: #000
}

.prime__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 90px
}

.prime__list--platform {
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prime__list--platform .prime__item {
    padding: 40px 40px 30px;
    background: #f8f8f8;
    text-align: center;
    box-shadow: none;
    margin: 0 16px 35px
}

.prime__list--platform .prime__text {
    display: inline-block;
    font-size: 16px;
    min-height: auto;
    margin-bottom: 10px
}

.prime__list--platform .prime__ttl {
    margin-top: 11px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.prime__list--homepage {
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prime__list--homepage .prime__item {
    padding: 40px 40px 30px;
    text-align: center;
    margin: 0;
    border: 1px solid #e5e5e5;
    max-width: calc(33% - 16px)
}

.prime__list--homepage .prime__item .main__sprite {
    margin: 0 auto
}

.prime__list--homepage .prime__text {
    display: inline-block;
    font-size: 16px;
    min-height: auto;
    margin-bottom: 10px
}

.prime__list--homepage .prime__ttl {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.prime__item {
    width: 100%;
    max-width: calc(33% - 30px);
    -ms-flex: 1 0 calc(33% - 30px);
    flex: 1 0 calc(33% - 30px);
    text-align: center;
    background: #fff;
    padding: 45px 45px 30px;
    min-height: 260px;
    position: relative;
    border-radius: 4px;
    margin: 0 15px 35px;
    box-shadow: 0 21px 19px 0 rgba(0, 0, 0, .04)
}

.prime__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #4c4c4c;
    text-align: center;
    min-height: 50px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.prime__banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #2b2c2f;
    border-radius: 4px;
    margin: 0 15px;
    padding: 32px 100px 33px 55px;
    box-shadow: 0 12px 19px 0 rgba(43, 44, 47, .18)
}

.prime__banner .h3 {
    color: #fff
}

.prime__banner a {
    margin-left: 105px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    padding-left: 30px;
    position: relative;
    text-align: left;
    float: left
}

.prime__banner .mail:before,
.prime__banner .phone:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.prime__banner .phone:before {
    width: 22px;
    height: 23px;
    background: url(../img/prime/phone.png) center no-repeat;
    background-size: 22px 23px
}

.prime__banner .mail:before {
    width: 22px;
    height: 17px;
    background: url(../img/prime/message.png) center no-repeat;
    background-size: 22px 17px
}

.dot {
    padding: 0;
    position: relative
}

.dot:before {
    content: "";
    width: 10px;
    height: 10px;
    text-align: center;
    background-color: #c2cbd8;
    border-radius: 20px;
    display: block;
    transition: background .3s
}

.dot--red:before {
    background-color: #f13c3c
}

.dot--orange:before {
    background-color: #f5bb5c
}

.dot__tooltip {
    display: none;
    position: absolute;
    z-index: 2;
    color: #fff;
    background: #000;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 4px;
    font-size: 13px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    text-transform: lowercase
}

.dot__tooltip:first-letter {
    text-transform: uppercase
}

.dot__tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -10px;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent
}

.dot:hover .dot__tooltip {
    display: block
}

.table-calendar td.event {
    line-height: 20px
}

.table-calendar__title {
    padding: 12px
}

.table-calendar__not-found {
    font-size: 16px;
    line-height: 60px;
    color: #000;
    text-align: center;
    border: none !important;
    font-weight: 400;
    background: #f5eee8;
    border-radius: 4px
}

.table-calendar thead a {
    font-weight: 700
}

.modal-calendar .table-calendar thead {
    display: table-header-group
}

.modal-calendar .table-calendar .flag {
    margin-right: 5px
}

.m-clndr-h3 {
    margin: 15px 0
}

.m-clndr-h4 {
    margin: 25px 0 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-clndr-h4 .button-main {
    color: #fff
}

.separate {
    border-bottom: 1px solid #979797;
    opacity: .18
}

.m-clndr-content {
    padding-bottom: 0
}

.m-clndr-content .user {
    -ms-flex-align: center;
    align-items: center
}

.m-clndr-content .button-main {
    color: #fff
}

.m-clndr-content .banner-info.webinar {
    padding: 0
}

.mt10 {
    margin-top: 10px
}

.calendpp:hover {
    background: #faf5f0
}

.calendpp .flag {
    margin-right: 5px
}

.calendpp-dt {
    color: #4c4c4c;
    line-height: 24px;
    margin-bottom: 20px
}

.side-calc {
    margin-top: 20px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07)
}

.side-calc ::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #fff
}

.side-calc ::-webkit-scrollbar-thumb {
    background-color: #e0e1e3
}

.side-calc--no-offset {
    margin-top: 0
}

.side-calc .table-tools {
    margin-bottom: 0;
    border: 1px solid transparent
}

.side-calc .table-tools table {
    border-radius: 0;
    box-shadow: none
}

.side-calc .table-tools table tr td,
.side-calc .table-tools table tr th {
    border-left: 0;
    border-right: 0;
    border-top: 0
}

.side-calc .table-tools table tr:last-child td {
    border-bottom: 0
}

.side-calc .table-tools a {
    color: #000
}

.side-calc .table-tools thead {
    display: table-header-group
}

.side-calc .table-tools thead th {
    background: #fff;
    color: #000;
    border: 1px solid #e5e5e5;
    padding: 12px;
    border-radius: 4px 4px 0 0
}

.side-calc .table-tools tbody td>span {
    padding: 0
}

.side-calc .table-tools tbody td:nth-of-type(4) {
    width: 20px;
    padding-right: 10px
}

.side-calc .table-tools .frcst,
.side-calc .table-tools .hide-for-medium.prev {
    display: table-cell
}

.side-calc .table-tools .event a {
    font-weight: 600;
    font-size: 14px
}

.side-calc .table-calendar {
    max-height: 400px;
    overflow: auto;
    position: relative
}

.side-calc .table-calendar:before {
    content: attr(data-ectitle);
    display: block;
    top: 0;
    font-size: 18px;
    z-index: 1;
    position: sticky;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 17px;
    font-weight: 700;
    line-height: 20px;
    background: #fff
}

.side-calc .table-calendar thead {
    display: none
}

.side-video {
    padding: 15px 0 20px
}

.side-video .h4 {
    margin-bottom: 15px
}

.side-video .text__block--item {
    margin: 0 0 20px 0;
    border-radius: 2px
}

.side-video .text__block--item:last-child {
    margin: 0
}

.side-video .text__block--item img {
    border-radius: 2px
}

.side-video .video__item--video {
    margin-bottom: 0
}

.side-video--vertical {
    text-align: center
}

.side-video--vertical p {
    text-align: left
}

.side-video--vertical .video-overlay {
    margin-bottom: 15px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.side-video--vertical video {
    position: relative;
    z-index: 0
}

.side-video--vertical .button-main {
    max-width: 100%;
    padding: 15px
}

.side-video--vertical.ab24_1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-bottom: 20px;
    background: #f2f2f2;
    border-radius: 8px
}

.side-video--vertical.ab24_1 .button-main,
.side-video--vertical.ab24_1 .side-video__text {
    font-size: 16px
}

.side-video--vertical.ab24_1 .side-video__text {
    color: rgba(0, 0, 0, .6)
}

.side-video--vertical.ab24_1 .side-video__text:last-child {
    font-weight: 700
}

.side-video--vertical.ab24_1 .side-video__text:last-child a {
    font-weight: 700
}

.mainCalendar .row-cont {
    padding: 0
}

.mainCalendar .category {
    max-height: 500px
}

.mainCalendar .round-flag {
    position: relative;
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    overflow: hidden
}

.mainCalendar .round-flag .flag-min {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5);
    transform-origin: 50% 0
}

.ec-calendar {
    font-size: 16px;
    line-height: 1.5em
}

.ec-calendar__list {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 2px;
    background: #f0f0f0;
    border-radius: 32px
}

.ec-calendar__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ec-calendar__item label {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 16px;
    height: 100%;
    background: 0 0;
    border-radius: 32px;
    line-height: 24px;
    font-weight: 700;
    font-size: 13px;
    color: #767779;
    transition: all .2s ease-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ec-calendar__item label:hover {
    color: #bb8b62
}

.ec-calendar__item input {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0
}

.ec-calendar__item input:checked+label,
.ec-calendar__item input:focus+label {
    background: #fff;
    color: #bb8b62;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.ec-calendar__item input[type=radio]:not(:checked)+label {
    cursor: pointer
}

.ec-calendar__item input[type=checkbox]+label,
.ec-calendar__item input[type=text]+label {
    cursor: pointer
}

.ec-calendar__item--type label {
    padding: 6px 24px;
    font-size: 16px
}

.ec-calendar__item--filters input+label,
.ec-calendar__item--gmt input+label,
.ec-calendar__item--period input+label {
    padding: 0
}

.ec-calendar__item--filters input:checked+label,
.ec-calendar__item--filters input:focus+label,
.ec-calendar__item--gmt input:checked+label,
.ec-calendar__item--gmt input:focus+label,
.ec-calendar__item--period input:checked+label,
.ec-calendar__item--period input:focus+label {
    background: 0 0;
    box-shadow: none
}

.ec-calendar__item--filters input:checked+label .ec-calendar__icon--wrap,
.ec-calendar__item--filters input:focus+label .ec-calendar__icon--wrap,
.ec-calendar__item--gmt input:checked+label .ec-calendar__icon--wrap,
.ec-calendar__item--gmt input:focus+label .ec-calendar__icon--wrap,
.ec-calendar__item--period input:checked+label .ec-calendar__icon--wrap,
.ec-calendar__item--period input:focus+label .ec-calendar__icon--wrap {
    background: rgba(187, 139, 98, .2)
}

.ec-calendar__item--filters input+label span,
.ec-calendar__item--gmt input+label span {
    padding: 6px 8px 6px 16px
}

.ec-calendar__item--filters input+label span.ec-calendar__icon--wrap,
.ec-calendar__item--gmt input+label span.ec-calendar__icon--wrap {
    padding: 6px 8px
}

.ec-calendar__item--period {
    margin-left: 4px;
    padding-left: 4px;
    border-left: 1px solid #fff
}

.ec-calendar__item--period input+label .ec-calendar__icon--wrap {
    padding: 6px 16px
}

.ec-calendar__item--gmt {
    position: relative
}

.ec-calendar__item--gmt input:focus~.ec-calendar__dropdown--list {
    visibility: visible;
    opacity: 1
}

.ec-calendar__options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 16px 0 32px;
    gap: 24px
}

.ec-calendar__icon {
    max-width: 20px;
    max-height: 20px;
    fill: currentColor
}

.ec-calendar__icon--wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-radius: 0 32px 32px 0
}

.ec-calendar__icon--calendar {
    max-height: 18px
}

.ec-calendar__dropdown--list {
    position: absolute;
    padding: 16px;
    left: 0;
    top: calc(100% + 4px);
    width: 300px;
    max-height: 500px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    box-shadow: 0 24px 32px rgba(0, 0, 0, .24);
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    z-index: 1
}

.ec-calendar__dropdown--item {
    line-height: 24px;
    font-weight: 400;
    font-size: 13px;
    color: #000;
    transition: all .2s ease-out;
    cursor: pointer
}

.ec-calendar__dropdown--item:not(:first-child) {
    margin-top: 4px
}

.ec-calendar__dropdown--item:hover {
    color: #bb8b62
}

.ec-calendar__form--period {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 18px
}

.ec-calendar__form--period .ec-calendar__form--item {
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
    margin-right: 24px;
    gap: 8px
}

.ec-calendar__form--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 24px;
    font-weight: 700;
    font-size: 13px;
    color: #000
}

.ec-calendar__form--item input {
    transition: all .2s ease-out
}

.ec-calendar__form--item input[type=date] {
    padding: 8px;
    background: 0 0;
    border: 0;
    border-radius: 8px;
    color: #bb8b62
}

.ec-calendar__form--item input[type=date]:-ms-input-placeholder {
    color: #bb8b62
}

.ec-calendar__form--item input[type=date]::placeholder {
    color: #bb8b62
}

.ec-calendar__form--item input[type=date]:active,
.ec-calendar__form--item input[type=date]:focus,
.ec-calendar__form--item input[type=date]:hover {
    background: rgba(0, 0, 0, .05)
}

.ec-calendar__form--item input[type=checkbox] {
    display: none
}

.ec-calendar__form--item input[type=checkbox]+label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    transition: all .2s ease-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.ec-calendar__form--item input[type=checkbox]+label:hover {
    color: #bb8b62
}

.ec-calendar__form--item input[type=checkbox]+label:hover .ec-calendar__form--checkbox {
    border: 2px solid #bb8b62
}

.ec-calendar__form--item input[type=checkbox]:checked+label .ec-calendar__form--checkbox:before {
    opacity: 1
}

.ec-calendar__form--item input[type=checkbox]:checked+label:hover .ec-calendar__form--checkbox:before {
    background: #bb8b62;
    opacity: 1
}

.ec-calendar__form--list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: .6fr 6fr;
    grid-template-columns: .6fr 6fr;
    padding: 0 0 24px 18px;
    gap: 24px;
    border-bottom: 1px solid #d8d8d8
}

.ec-calendar__form--list:not(:first-child) {
    padding: 24px 0 24px 18px
}

.ec-calendar__form--btn_close {
    display: none
}

.ec-calendar__form--col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    gap: 8px
}

.ec-calendar__form--btn_filter {
    padding: 0;
    background: 0 0;
    border: 0;
    line-height: 24px;
    font-weight: 400;
    font-size: 13px;
    color: #bb8b62
}

.ec-calendar__form--inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    gap: 8px 24px
}

.ec-calendar__form--checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 5px;
    padding: 2px;
    width: 14px;
    height: 14px;
    border: 2px solid #767779;
    border-radius: 2px;
    transition: all .2s ease-out
}

.ec-calendar__form--checkbox:before {
    width: 6px;
    height: 6px;
    background: #767779;
    transition: all .2s ease-out;
    opacity: 0;
    content: ""
}

.ec-calendar__form--flag {
    -webkit-clip-path: circle(10px);
    clip-path: circle(10px)
}

.ec-calendar__form--btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px;
    gap: 16px
}

.ec-calendar__form button.button-outlined {
    padding: 8px 16px;
    min-width: unset
}

.ec-calendar .ec-calendar__form--flag {
    display: block;
    margin: -4px auto;
    -webkit-clip-path: circle(10px);
    clip-path: circle(10px)
}

.ec-calendar .ec-calendar__form--filter_item {
    text-transform: uppercase
}

.ec-calendar .table {
    width: 100%
}

.ec-calendar .table th {
    font-size: 13px;
    line-height: 24px;
    padding: 0 16px;
    text-align: left
}

.ec-calendar .table td {
    padding: 8px 16px
}

.ec-calendar .table tr:not(.table__subtitle):hover td {
    background: inherit
}

.ec-calendar .table th:nth-child(2) {
    text-align: center
}

.ec-calendar .table b {
    font-weight: 700
}

.tools {
    background: #191c27;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0 auto
}

.tools::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #fff
}

.tools::-webkit-scrollbar-thumb {
    background-color: #232425
}

.tools__list {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -ms-flex: 1;
    flex: 1;
    max-height: 240px;
    overflow: auto
}

.tools__head {
    padding: 25px 12px 10px 12px
}

.tools__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 12px;
    background: #1e2029;
    border-radius: 2px;
    margin: 2px 0;
    -ms-flex: 1;
    flex: 1;
    transition: background-color .3s;
    min-height: 38px
}

.tools__item .col {
    -ms-flex: 1;
    flex: 1
}

.tools__item .first {
    max-width: 60px
}

.tools__item .last {
    color: #f8f8f8;
    padding: 0 10px;
    border: 1px solid transparent
}

.tools__btn {
    text-decoration: none;
    color: #bc895e;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #bc895e;
    border-radius: 32px;
    padding: 7px 10px;
    font-weight: 500;
    transition: .23s all ease;
    background: 0 0;
    display: inline-block
}

.tools__btn:hover {
    background: #bc895e;
    color: #fff
}

.tools--light {
    background: #fff;
    border: 1px solid #e0e1e3;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .07)
}

.tools--light .tools__item {
    background: #fff;
    margin: 0;
    border-radius: 0
}

.tools--light .tools__item:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.tools--light .tools__item:hover {
    background: #f8f8f8
}

.tools--light .tools__item.active {
    background: #f8f8f8
}

.tools--light .tools__item--head {
    background: #f8f8f8;
    color: #909097;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 19px
}

.tools--light ::-webkit-scrollbar {
    width: 6px;
    height: 0;
    background-color: #fff
}

.tools--light ::-webkit-scrollbar-thumb {
    background-color: #e0e1e3
}

.tools--light .tools__footer {
    background: #fff;
    border-top: 1px solid #e5e5e5
}

.tools__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 8px 12px 9px;
    border-top: 1px solid #181c27;
    color: #7f8088;
    background: #1e2029;
    border-radius: 0 0 5px 5px
}

.tools__footer--light {
    color: #929397;
    border-top: 1px solid #f2f3f5;
    background-color: #fff
}

.tools__footer p {
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    font-weight: 100;
    color: inherit
}

.tools__footer a {
    color: #bb8b62;
    text-decoration: none
}

.tools .time-line {
    padding: 12px;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 40px;
    z-index: 1
}

.tools .time-line button {
    border: 1px solid #e5e5e5;
    color: #707081;
    font-size: 13px;
    line-height: 14px;
    padding: 7px 0;
    width: 35px;
    margin-right: 10px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .8)
}

.tools .time-line button:hover {
    color: #bb8b62
}

.tools .time-line button.active {
    border: 1px solid #bb8b62;
    color: #bb8b62
}

.abr,
.buy,
.sell {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    text-decoration: none;
    color: #fff
}

.price {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding: 5px 23px 5px 5px;
    border-radius: 2px;
    position: relative
}

.price-change {
    font-size: 15px;
    color: #f64a58;
    padding: 5px
}

.price-change.grow-up {
    color: #359acc
}

.price-change.grow-down {
    color: #f64a58
}

.price.positive-price {
    animation: positive-tic 1s ease-out forwards
}

.price.positive-price:after {
    animation: positive-arr .3s ease-out forwards
}

.price.negative-price {
    animation: negative-tic 1s ease-out forwards
}

.price.negative-price:after {
    animation: negative-arr .3s ease-out forwards
}

.tools--light {
    position: relative
}

.tools--light:after {
    content: "";
    position: absolute;
    right: 0;
    width: 30px;
    top: 3px;
    height: 35px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, .75) 44%, #fff 73%, #fff 100%)
}

.tools--light .abr {
    color: #000
}

.tools--light .price {
    color: #000
}

.tab-list {
    margin-top: 15px;
    border-bottom: 1px solid #ebebeb;
    padding-left: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: auto;
    scrollbar-width: none
}

.tab-list a {
    color: #7f8088;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    padding: 0 10px 10px
}

.tab-list a:last-child {
    padding-right: 35px
}

.tab-list a.active {
    color: #bc895e;
    position: relative
}

.tab-list a.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #bc895e;
    bottom: 0
}

.line-clamp2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

.seo__item {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 53px
}

.seo__item:after {
    content: "";
    display: table;
    clear: both
}

.seo__item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.seo__item .h1 {
    margin-bottom: 20px
}

.seo__item .button-link {
    float: right;
    margin-top: 25px
}

.seo__item .button-link.left-pos {
    margin-top: 0;
    float: left
}

.seo__item.no-offset {
    margin-bottom: 0
}

.seo__title {
    padding: 0;
    font-weight: 700;
    text-align: left;
    margin: 25px 0 20px 0;
    font-size: 24px;
    line-height: 28px
}

.seo__title--main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 28px
}

.seo__item--why-capital {
    overflow: hidden;
    border-bottom: none;
    width: 100%
}

.seo__item--why-capital__logo {
    text-align: left
}

.seo__item--why-capital .banner__why-capital {
    border-radius: 6px;
    padding-left: 0;
    padding-right: 0
}

.seo__item--why-capital .banner__why-capital .item p {
    margin-bottom: 0
}

.seo__item--why-capital .banner__why-capital--logo {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 16px
}

.seo__item--why-capital .button-main.rounded-lg {
    padding: 8px 21px 10px;
    min-height: auto
}

.seo__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.seo__list img {
    margin-bottom: 25px
}

.seo__list .h4,
.seo__list h4 {
    margin-bottom: 10px;
    color: #000
}

.seo__list p {
    font-size: 16px;
    line-height: 1.5;
    color: #4c4c4c
}

.seo__list--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.seo__first-blk {
    width: 30%;
    margin-right: 27px
}

.seo__first-blk img {
    max-width: 100%;
    border-radius: 4px
}

.seo__first-blk2 {
    width: calc(50% - 16px);
    margin-bottom: 20px
}

.seo__first-blk2 img {
    max-width: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
    width: 100%
}

.seo__first-blk2 .h4:hover {
    color: #bb8b62
}

.seo__first-blk2--wide {
    width: 100%;
    display: block
}

.seo__second-blk {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 70%;
    margin: 0 -27px -23px 0
}

.seo__second-blk__item {
    padding: 19px 25px 25px 17px;
    -ms-flex: 1 0 calc(50% - 27px);
    flex: 1 0 calc(50% - 27px);
    background: #f8f8f8;
    margin-bottom: 23px;
    margin-right: 27px;
    min-height: 145px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.seo__second-blk__item:hover .h4,
.seo__second-blk__item:hover h4 {
    color: #bb8b62
}

.seo__date {
    font-size: 14px;
    color: #8d8d8d;
    line-height: 18px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block
}

.fix {
    position: sticky;
    top: 145px;
    animation: rotating .4s
}

@keyframes rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.seo__view-link {
    margin-top: -20px;
    width: 100%
}

.traders__content .main__slider {
    padding-bottom: 50px
}

.traders__content .main__slider--item {
    padding: 0;
    border: 0;
    box-shadow: none
}

.traders__content .main__slider--item:hover {
    transform: translateY(0)
}

.traders__content .slick-next:before,
.traders__content .slick-prev:before {
    border-right-color: #f8f8f8
}

.traders__content .inner-content-container .h2 {
    margin-bottom: 40px
}

.traders__content .related-articles {
    position: relative
}

.traders__content .related-articles-item-pic {
    width: 100%;
    margin: 0 10px;
    height: 220px
}

.traders__content .related-articles-item-pic:first-of-type {
    margin-left: 10px
}

.traders__content .related-articles-title {
    position: absolute;
    z-index: 2;
    left: 15px;
    right: 15px;
    bottom: 25px;
    color: #fff
}

.traders__content .related-articles-item-pic {
    opacity: 0
}

.traders__content .related-articles-item-pic.slick-slide {
    opacity: 1
}

.traders__content .related-articles-item-pic img {
    width: 100%
}

.traders__content .related-articles .button-link {
    margin: 0 5px 0 0;
    position: absolute;
    right: 0;
    bottom: 0
}

.traders__content .button-link {
    bottom: 50px;
    margin: 0 30px;
    float: right
}

.traders__content .work__list {
    -ms-flex-align: stretch;
    align-items: stretch
}

.traders__content .work__item {
    height: auto;
    padding: 43px 15px
}

.traders__content .work__item .h2 {
    margin-bottom: 14px
}

.traders__content .work__item .txt-md {
    font-size: 16px;
    line-height: 28px;
    color: #e5e5e5;
    max-width: 580px;
    margin-bottom: 26px
}

.traders__content .work {
    background: #2b2c2f
}

.traders__content .press {
    background: #232427
}

.traders__content .work__item--btn {
    background: 0 0;
    color: #fff
}

.traders__content .work__item--btn:hover {
    background: #fff;
    color: #000
}

.traders__content .term-day {
    background: #f8f8f8;
    padding-bottom: 20px
}

.traders__content .divider-layout.big-margin {
    margin: 10px 0 30px
}

.traders__content .section__tabs .h2 {
    margin-bottom: 40px
}

.traders__content .main__tab {
    margin: 0;
    display: block
}

.term-day__label {
    background: #22283f;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    border-radius: 2px;
    font-weight: 600;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 14px
}

.term-day__title {
    font-size: 22px;
    line-height: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px
}

.term-day__text {
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4c;
    font-weight: 400;
    margin-bottom: 15px
}

.term-day .button-link {
    float: none;
    bottom: 0;
    margin: 0;
    text-align: left
}

.term-day__prev {
    margin: 30px auto 0
}

.term-day__prev h4,
.term-day__prev p {
    margin-bottom: 15px
}

.traders__content .related-terms .h4,
.traders__content .related-terms h4 {
    font-size: 22px;
    line-height: 30px
}

.traders__content .related-terms-item {
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4c;
    font-weight: 400
}

.traders__content .related-terms .h6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.375;
    margin-bottom: 0
}

.traders__webinar-block .yvideo {
    background: center 50% no-repeat;
    background-size: 100% 130%;
    position: relative;
    cursor: pointer;
    box-shadow: 0 14px 12px 0 rgba(0, 0, 0, .08)
}

.traders__webinar-block .yvideo img {
    opacity: 0;
    width: 75%
}

.traders__webinar-block .yvideo:hover:after,
.traders__webinar-block .yvideo:hover:before {
    background: #ef0602
}

.traders__webinar-block .yvideo:after,
.traders__webinar-block .yvideo:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transition: background-color .3s;
    transform: translate(-50%, -50%)
}

.traders__webinar-block .yvideo:before {
    background: rgba(49, 49, 49, .65);
    width: 62px;
    height: 45px;
    border-radius: 12px
}

.traders__webinar-block .yvideo:after {
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    margin-left: 2px
}

.calendar-frame {
    display: none
}

.traders__webinar-block {
    padding: 55px 0 60px
}

.traders__webinar-block .txt-sm {
    font-size: 16px;
    line-height: 1.375
}

.traders__webinar-block .text__block {
    padding: 0;
    -ms-flex-align: center;
    align-items: center
}

.traders__webinar-block .text__block--item {
    width: 100%;
    max-width: 100%
}

.traders__webinar-block .text__block--iframe {
    background: #fff;
    box-shadow: 0 14px 12px 0 rgba(0, 0, 0, .08);
    padding: 20px 15px;
    min-height: 320px;
    max-height: 535px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.traders__webinar-block .text__block--iframe iframe {
    max-width: 685px;
    min-height: 335px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.traders__webinar-block .text__block--item:first-child {
    margin: 0;
    padding-right: 95px
}

.traders__webinar-block .text__block--item .button-link {
    float: left;
    bottom: 0;
    margin: 0
}

.traders__webinar-block .text__block h3 {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 29px;
    color: #000
}

.traders__webinar-block .text__block p {
    margin-bottom: 25px
}

.traders__webinar-block .text__block--speaker {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 15px 0 30px
}

.traders__webinar-block .text__block--speaker img {
    margin: 0 23px 0 0;
    width: 67px;
    height: 67px;
    border-radius: 67px
}

.traders__webinar-block .text__block--speaker h4 {
    font-size: 18px;
    line-height: 28px;
    color: #000
}

.traders__webinar-block .text__block--speaker p {
    margin: 0;
    color: #4c4c4c
}

.traders__webinar-block .button-main {
    margin-left: 0
}

#ywrap .form-container-big {
    padding: 0;
    background: #ececec;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .15)
}

#ywrap .form-container-big-header {
    padding: 0
}

#ywrap .close-button {
    right: -40px;
    top: -35px;
    width: 20px;
    height: 20px
}

#ywrap .close-button:after,
#ywrap .close-button:before {
    height: 20px;
    background: #fff
}

#ywrap .form-container-big-content {
    margin: 0 0 -5px;
    max-width: 1140px;
    width: 100%;
    max-height: 615px
}

#ywrap iframe {
    width: 100%
}

.section__tabs .video__list {
    display: -ms-flexbox;
    display: flex
}

.section__tabs .video__item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner--partners {
    background: transparent url(../img/about/bg-banner-partners.jpg) center no-repeat;
    background-size: cover
}

.banner .work__item--btn {
    display: inline-block;
    margin-top: 25px;
    background: 0 0;
    color: #fff
}

.banner .work__item--btn:hover {
    background: #fff;
    color: #000
}

.partners__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: max-content;
    grid-template-rows: max-content;
    grid-auto-rows: max-content;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    padding: 38px 0 46px
}

.partners__list._fca {
    -ms-grid-columns: (minmax(260px, 300px)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(260px, 300px))
}

.partners__item {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 85px (max-content)[2];
    grid-template-rows: 85px repeat(2, max-content);
    gap: 6px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(234, 234, 242, .5)
}

.partners__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    width: 100%
}

.partners__logo--investing span {
    font-size: 14px
}

.partners__logo--trustpilot {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    max-width: 130px
}

.partners__logo--fscs {
    max-width: 105px
}

.partners__logo span {
    display: block;
    text-align: right
}

.partners__logo svg {
    max-height: 90px
}

.partners__text {
    position: relative;
    height: 9.625em;
    font-size: 16px;
    color: #4c4c4c;
    overflow: hidden
}

.partners__text:after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.375em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
    text-align: right;
    content: ""
}

.partners__text span {
    display: block;
    margin-top: 6px;
    font-size: 12px
}

.lnk--visit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px;
    color: #696969
}

.lnk--visit:after {
    display: inline-block;
    margin-left: 6px;
    width: 10px;
    height: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMC40NTM4NzdWMy4xMzMyMkM5Ljk4NTM4IDMuMzY3NDggOS43OTUzMiAzLjU3MjQ2IDkuNTYxNDEgMy41NzI0NkM5LjMxMjg3IDMuNTcyNDYgOS4xMjI4MSAzLjM4MjEyIDkuMTIyODEgMy4xMzMyMlYxLjUwODA0TDUuMDg3NzYgNS41MzQzOEM0LjkyNjk0IDUuNzEwMDcgNC42NDkxNyA1LjcxMDA3IDQuNDczNzMgNS41MzQzOEM0LjI5ODI5IDUuMzczMzIgNC4yOTgyOSA1LjA5NTE0IDQuNDczNzMgNC45MTk0NUw4LjQ5NDE2IDAuODc4NDczSDYuODcxMzdDNi42MjI4MyAwLjg3ODQ3MyA2LjQzMjc4IDAuNjg4MTM3IDYuNDMyNzggMC40MzkyMzZDNi40MzI3OCAwLjE5MDMzNiA2LjYyMjgzIDAgNi44NzEzNyAwSDkuNTQ2NzlDOS41NjE0MSAwIDkuNTc2MDMgMC4wMDM2NjAyOCA5LjU5MDY0IDAuMDA3MzIwNTZDOS42MDUyNiAwLjAxMDk4MDggOS42MTk4OCAwLjAxNDY0MTEgOS42MzQ1IDAuMDE0NjQxMUw5LjY3ODM2IDAuMDI5MjgyNEM5LjcwNzYgMC4wMjkyODI0IDkuNzM2ODQgMC4wNDM5MjM1IDkuNzY2MDggMC4wODc4NDcyTDkuNzk1MzIgMC4xMDI0ODhDOS44MzkxOCAwLjEzMTc3MSA5Ljg4MzA0IDAuMTc1Njk0IDkuOTEyMjggMC4yMTk2MThDOS45MTIyOCAwLjIxOTYxOCA5LjkyNjkgMC4yMzQyNTkgOS45MjY5IDAuMjQ4OTAxQzkuOTQxNTIgMC4yNjM1NDIgOS45NTYxNCAwLjI3ODE4MyA5Ljk1NjE0IDAuMjkyODI0QzkuOTU2MTQgMC4zMDAxNDUgOS45NTk3OSAwLjMwNzQ2NSA5Ljk2MzQ1IDAuMzE0Nzg2QzkuOTY3MSAwLjMyMjEwNyA5Ljk3MDc2IDAuMzI5NDI3IDkuOTcwNzYgMC4zMzY3NDhDOS45ODUzOCAwLjMzNjc0OCA5Ljk4NTM4IDAuMzUxMzg5IDkuOTg1MzggMC4zNjYwM0MxMCAwLjM5NTMxMyAxMCAwLjQyNDU5NSAxMCAwLjQ1Mzg3N1pNNy4xNjM2OCAxMEgxLjkwMDU3QzAuODQ3OTQ2IDEwIDAgOS4xNTA4MyAwIDguMDk2NjZWMi44MjU4MkMwIDEuNzcxNjUgMC44NDc5NDYgMC45MjI0NjMgMS45MDA1NyAwLjkyMjQ2M0g1LjExNjkyQzUuMzY1NDUgMC45MjI0NjMgNS41NTU1MSAxLjExMjggNS41NTU1MSAxLjM2MTdDNS41NTU1MSAxLjYxMDYgNS4zNjU0NSAxLjgwMDk0IDUuMTE2OTIgMS44MDA5NEgxLjkwMDU3QzEuMzMwNCAxLjgwMDk0IDAuODc3MTg1IDIuMjU0ODEgMC44NzcxODUgMi44MjU4MlY4LjA5NjY2QzAuODc3MTg1IDguNjY3NjcgMS4zMzA0IDkuMTIxNTQgMS45MDA1NyA5LjEyMTU0SDcuMTYzNjhDNy43MzM4NSA5LjEyMTU0IDguMTg3MDcgOC42Njc2NyA4LjE4NzA3IDguMDk2NjZWNC44NzU1OUM4LjE4NzA3IDQuNjI2NjkgOC4zNzcxMiA0LjQzNjM1IDguNjI1NjYgNC40MzYzNUM4Ljg3NDIgNC40MzYzNSA5LjA2NDI1IDQuNjI2NjkgOS4wNjQyNSA0Ljg3NTU5VjguMDk2NjZDOS4wNjQyNSA5LjE1MDgzIDguMjE2MzEgMTAgNy4xNjM2OCAxMFoiIGZpbGw9IiM2OTY5NjkiLz4KPC9zdmc+Cg==);
    background-size: contain;
    content: ""
}

.lnk--visit:hover {
    text-decoration: underline
}

.section--partners .press-bar {
    border: none
}

.section--partners .press-bar__item {
    border-bottom: none;
    border-right: none
}

.overlay.enc .form-container-big.modal,
.overlay.enc .form-container-small.modal {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 32px 50px;
    max-width: 460px;
    border-radius: 16px
}

.overlay.enc .form-container-big__img,
.overlay.enc .form-container-small__img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    background: #e5e5e5;
    border-radius: 50%
}

.overlay.enc .form-container-big__img img,
.overlay.enc .form-container-small__img img {
    margin: auto;
    max-width: 100%
}

.overlay.enc .form-container-big__content,
.overlay.enc .form-container-small__content {
    margin: 16px 0;
    text-align: center
}

.overlay.enc .form-container-big__content h2,
.overlay.enc .form-container-small__content h2 {
    margin-bottom: .5rem
}

.overlay.enc .form-container-big__buttons,
.overlay.enc .form-container-small__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

.overlay.enc .form-container-big__buttons a,
.overlay.enc .form-container-small__buttons a {
    margin: .5rem
}

.overlay.enc .form-container-big__buttons a.button-main,
.overlay.enc .form-container-small__buttons a.button-main {
    color: #fff
}

.overlay.enc .form-container-big.modal {
    max-width: unset;
    max-height: 530px;
    height: 100%;
    border-radius: 6px
}

.overlay.enc_v1 .form-container-small__img {
    width: 132px;
    height: 132px
}

.overlay.enc_v1 .form-container-small__img-1,
.overlay.enc_v1 .form-container-small__img-3 {
    background: rgba(187, 139, 98, .2)
}

.overlay.enc_v1 .form-container-small__img-2 {
    width: 96px;
    height: 96px;
    background: 0 0;
    border: 4px solid #6cb249
}

.overlay.enc_v1 .form-container-small__img-2 img {
    max-width: 48px
}

.overlay.enc_v1 .form-container-small__img-3 {
    width: 120px;
    height: 120px
}

.modalQr {
    max-width: 340px
}

.modalQr .modal-content {
    padding: 20px 35px
}

.modalQr .media {
    margin: 0 0 15px
}

.modalQr__img img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto
}

.boxButtons {
    padding: 13px 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 10px
}

.boxButtons--gold {
    background: linear-gradient(93.43deg, #bb8b62 .07%, rgba(187, 139, 98, .5) 99.87%)
}

.boxButtons--light {
    background: rgba(255, 255, 255, .7)
}

.boxButtons__btn {
    margin-right: 16px
}

.boxButtons__btn:last-child {
    margin-right: 0
}

.boxButtons__btn--shadow img {
    box-shadow: 0 18px 30px rgba(0, 0, 0, .35)
}

.boxButtons__button {
    background: #1b1b1b;
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 110%;
    color: #767779;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 38px;
    padding: 12px
}

.boxButtons__button span+svg {
    margin-left: 12px
}

.boxButtons__button svg line,
.boxButtons__button svg path {
    stroke: #f2f3f5
}

.boxButtons__button.qr-modal {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    box-shadow: 0 18px 30px rgba(0, 0, 0, .35)
}

.boxButtons__button.qr-modal span {
    margin-left: 8px;
    white-space: nowrap
}

.boxButtons img {
    display: block;
    width: auto;
    height: 38px;
    border-radius: 10px
}

.calc {
    margin-top: 10px;
    position: relative
}

.calc:after {
    content: "";
    position: absolute;
    right: 0;
    width: 50px;
    top: 3px;
    height: 35px;
    background: linear-gradient(to right, rgba(248, 248, 248, 0) 0, rgba(248, 248, 248, 0) 1%, rgba(248, 248, 248, .75) 44%, #f8f8f8 73%, #f8f8f8 100%)
}

.calc__wrap {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calc__form {
    max-width: 460px;
    width: 100%;
    margin-right: 32px
}

.calc__chart {
    width: 60%;
    -ms-flex: 1;
    flex: 1
}

.calc__btn {
    margin-top: 30px;
    text-align: center
}

.calc__btn .button-main {
    max-width: 330px;
    height: 64px;
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-shadow: 0 21px 19px 0 rgba(187, 139, 98, .04)
}

.calc .notice {
    font-size: 13px;
    line-height: 1.4
}

.calc .form-group .control-form.country .field-form {
    padding: 9px 12px 9px;
    font-weight: 700;
    border-radius: 6px;
    background: #fff
}

.calc .form-group .control-form.country .field-form:focus {
    padding-left: 12px
}

.calc .tool__banner--btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0
}

.calc .tool__banner--btns .button-main {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    text-transform: uppercase;
    margin-right: 0;
    padding: 10px 15px;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    -ms-flex-align: center;
    align-items: center
}

.calc .tool__banner--btns .button-main.sell {
    background: linear-gradient(0deg, rgba(224, 225, 227, .5), rgba(224, 225, 227, .5)), #f13c3c
}

.calc .tool__banner--btns .button-main.sell.active {
    background: #f13c3c
}

.calc .tool__banner--btns .button-main.buy {
    background: linear-gradient(0deg, rgba(224, 225, 227, .5), rgba(224, 225, 227, .5)), #3b83eb
}

.calc .tool__banner--btns .button-main.buy.active {
    background: #3b83eb
}

.calc .tool__banner--btns .button-main p {
    font-weight: 700;
    font-size: 16px
}

.calc .tool__banner--btns .table-tools__price {
    margin-top: 0
}

.calc .tool__banner--btns .spread {
    position: absolute;
    bottom: 0;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 12px;
    border-radius: 6px 6px 0 0;
    text-align: center
}

.calc .tool__banner--btns .spread p {
    font-weight: 500;
    font-size: 10px;
    line-height: 1.4
}

.calc .tool__banner--btns .spread__num {
    line-height: 1.4;
    font-size: 13px;
    color: #4c4c4e
}

.calc .tab-list {
    border-bottom: none;
    padding-left: 0;
    width: 100%;
    padding-top: 5px
}

.calc .tab-list a {
    padding: 0 0 10px 0;
    font-weight: 700;
    margin-right: 20px
}

.calc .tab-list a:last-child {
    padding-right: 0
}

.calc .tab-list a.active:after {
    height: 2px
}

.calc .time-line {
    display: -ms-flexbox;
    display: flex
}

.calc .time-line button {
    border: 1px solid #e5e5e5;
    color: #707081;
    font-size: 13px;
    padding: 8px 0;
    width: 40px;
    margin-right: 10px;
    border-radius: 2px;
    font-weight: 700;
    background: rgba(255, 255, 255, .8)
}

.calc .time-line button.active {
    border: 1px solid #bb8b62;
    color: #fff;
    background: #bb8b62
}

.tools__list {
    color: #707081;
    overflow: inherit;
    max-height: inherit
}

.tool__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0
}

.tool__row .item {
    max-width: calc(50% - 10px);
    width: 100%
}

.tool__row .item strong {
    color: #2b2c2f;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px
}

.tool__row .itemWide {
    width: 100%
}

.tool__row .balance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tool__row .negative-price,
.tool__row .positive-price {
    padding: 0 5px;
    border-radius: 6px;
    color: #4c4c4e;
    font-size: 11px;
    font-weight: 700
}

.tool__row .negative-price:after,
.tool__row .positive-price:after {
    display: none
}

.tool__row .callout {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    background: #f2f3f5;
    border-radius: 6px;
    padding: 16px;
    color: #1ea674
}

.tool__row .callout.negative-price {
    color: #707081
}

.tool__row--bordered .item {
    border-top: 1px solid #e0e1e3;
    padding-top: 10px
}

.bets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5px;
    overflow: auto
}

.bet {
    width: calc(25% - 10px);
    background: #fff;
    border: 1px solid #e0e1e3;
    box-sizing: border-box;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #2b2c2f;
    padding: 5px 0
}

.bet.active {
    border-color: #bb8b62;
    background: #bb8b62;
    color: #f8f8f8
}

.time-currency {
    color: #2b2c2f;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px
}

.time-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

html[lang=ar] .language-set_item {
    padding: 9px 7px 9px 22px
}

html[lang=ar] .language-set_item.active:before {
    right: unset;
    left: 12px
}

html[lang=ar] .language-set_flag {
    margin-right: unset;
    margin-left: 14px
}

html[lang=ar] .profile-button .nav-button {
    margin-left: unset;
    margin-right: 10px
}

html[lang=ar] .user-panel {
    right: unset;
    left: 0;
    transform: translateX(-100%)
}

html[lang=ar] .user-panel.active {
    transform: translateX(0)
}

html[lang=ar] .user-panel-close {
    left: 15px;
    right: unset
}

html[lang=ar] .user-panel .user-name {
    margin: 0 20px 7px 40px
}

html[lang=ar] .user-panel .logout-user:before,
html[lang=ar] .user-panel .trading-settings:before {
    margin-left: 11px;
    margin-right: unset;
    transform: rotate(180deg)
}

html[lang=ar] .header.open .header__nav {
    right: 0
}

html[lang=ar] .header__nav .chartWrap {
    margin-top: unset
}

html[lang=ar] .search__input {
    padding: 11px 10px 9px 36px
}

html[lang=ar] .search__clear {
    right: unset;
    left: 10px
}

html[lang=ar] .search__ico {
    right: -20px
}

html[lang=ar] .clear-field {
    right: unset;
    left: 12px
}

html[lang=ar] .form-group {
    text-align: right
}

html[lang=ar] .form-group .pass-ico {
    right: unset;
    left: 12px
}

html[lang=ar] .form-group .pass-ico--reg {
    left: 40px;
    right: unset
}

html[lang=ar] .bDefault h2 {
    text-align: right
}

html[lang=ar] .banner--video.banner--bitcoin .banner__txt-block {
    max-width: 50%
}

html[lang=ar] .banner--video p {
    text-align: right
}

html[lang=ar] .btc-current {
    left: 20%;
    right: unset;
    border: 2px solid #bc8b62
}

html[lang=ar] .btc-current .sell {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row-reverse nowrap;
    flex-flow: row-reverse nowrap;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

html[lang=ar] .btc-current .percent {
    direction: ltr;
    text-align: right
}

html[lang=ar] .ticker__slide a {
    direction: ltr
}

html[lang=ar] .ticker__val {
    display: inline-block
}

html[lang=ar] .index-page .col-xs-12.col-md-5,
html[lang=ar] .index-page .col-xs-12.col-md-7 {
    float: right
}

html[lang=ar] .chartWrap {
    margin-right: 5px;
    margin-top: 50px
}

html[lang=ar] .instruments-search .instruments-search-list {
    padding: 14px 30px 14px 0
}

html[lang=ar] .instruments-search .instruments-search-list li {
    padding: 14px 0 14px 29px
}

html[lang=ar] .instruments-search .instruments-search-list .instrument-type {
    float: left
}

html[lang=ar] .instruments-search .instruments-search-list .instrument-short {
    margin-right: unset
}

html[lang=ar] .tools--light:after {
    right: unset;
    left: 0;
    transform: scale(-1, 1)
}

html[lang=ar] .tools .time-line {
    left: 0
}

html[lang=ar] .list-webinar__item {
    padding-left: 0;
    padding-right: 50px
}

html[lang=ar] .list-webinar .icn-check {
    left: unset;
    right: 0;
    border: none;
    box-shadow: none
}

html[lang=ar] .list-webinar .icn-check:before {
    content: url(../img/icons/ar-ul_list-icon.svg)
}

html[lang=ar] .cta {
    margin-left: unset;
    margin-right: 30px;
    transform: rotate(180deg)
}

html[lang=ar] .segunda {
    margin-left: unset;
    margin-right: 8px
}

html[lang=ar] .button-link {
    padding-right: unset;
    padding-left: 15px
}

html[lang=ar] .button-link:after {
    left: 3px;
    right: unset;
    transform: rotate(225deg) translateY(0)
}

html[lang=ar] .seo-banner .text-info p {
    text-align: right
}

html[lang=ar] .seo__item .button-link.left-pos {
    padding-right: unset;
    padding-left: 10px;
    float: unset
}

html[lang=ar] .seo__item .button-link.left-pos:after {
    right: 100%;
    transform: rotate(225deg) translateY(50%)
}

html[lang=ar] .seo__title.ln_mt0 {
    text-align: right
}

html[lang=ar] .seo__text {
    margin-bottom: 20px
}

html[lang=ar] .seo__first-blk2 .h4,
html[lang=ar] .seo__first-blk2 h4 {
    direction: ltr;
    text-align: right
}

html[lang=ar] .seo__first-blk2 .h4:hover,
html[lang=ar] .seo__first-blk2 h4:hover {
    color: #000
}

html[lang=ar] .feedback {
    background: transparent url(../img/homepage/feedback-bg.webp) center no-repeat;
    background-size: cover
}

html[lang=ar] .feedback p {
    color: #000
}

html[lang=ar] .date-posted {
    position: relative;
    padding-right: 20px
}

html[lang=ar] .date-posted:before {
    position: absolute;
    margin-right: unset;
    right: 0
}

html[lang=ar] .tab-list a:last-child {
    padding-left: 35px;
    padding-right: 10px
}

html[lang=ar] .join.section:after {
    left: 0;
    right: unset;
    transform: rotate(180deg)
}

html[lang=ar] .join__item:first-child {
    margin: 0 0 0 30px
}

html[lang=ar] .join__item:last-child {
    margin: 0 30px 0 0
}

html[lang=ar] .join__item--color_blue:after {
    left: 7px;
    right: unset
}

html[lang=ar] .join__item--color_green:after {
    left: unset;
    right: 0
}

html[lang=ar] .join__item--color_green .join__counter:after {
    left: unset;
    right: 55px
}

html[lang=ar] .slick-slider .slick-next,
html[lang=ar] .slick-slider .slick-prev {
    transform: rotate(180deg) translateY(50%)
}

html[lang=ar] .slick-slider .slick-prev {
    left: unset;
    right: -40px
}

html[lang=ar] .slick-slider .slick-next {
    left: -40px;
    right: unset
}

html[lang=ar] .footer__numb-item i {
    margin-right: unset;
    margin-left: 10px
}

html[lang=ar] .footer__apps a {
    margin: 16px 0 8px 26px
}

html[lang=ar] .footer__nav--item:last-child {
    margin-left: unset;
    margin-right: 15px;
    padding-left: unset;
    padding-right: 15px
}

html[lang=ar] .footer__nav--item:last-child:before {
    left: unset;
    right: 0
}

html[lang=ar] .footer__nav--title:not(.no-sub-nav):before {
    right: unset;
    left: 15px
}

html[lang=ar] .footer__nav--title:not(.no-sub-nav):after {
    right: unset;
    left: 20px
}

html[lang=ar] .footer--text {
    margin: 0 0 15px 30px
}

html[lang=ar] .checkbox [type=checkbox],
html[lang=ar] .checkbox [type=radio] {
    right: -9999px
}

html[lang=ar] .stageItem:first-child::after {
    right: -1%
}

html[lang=ar] .stageItem:last-child::after {
    right: unset
}

.webp .banner--sys-health {
    background: url(../img/about/banner-system_health.webp) center no-repeat;
    background-size: cover
}

.banner--sys-health {
    background: url(../img/about/banner-system_health.jpg) center no-repeat;
    background-size: cover
}

.banner--sys-health .row-cont {
    max-width: 800px
}

.banner--sys-health h1 {
    font-size: 38px;
    line-height: 1.2
}

.banner--sys-health h1 span {
    font-weight: 400
}

.banner--sys-health p {
    font-weight: 700
}

.section--sys-health .row-cont {
    max-width: 800px
}

.sys-health__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 25px 0 20px;
    padding: 0;
    font-size: .8rem;
    color: #a6a6a6
}

.sys-health__item {
    position: relative;
    padding-left: 15px
}

.sys-health__item:not(:last-child) {
    margin-right: 20px
}

.sys-health__item:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: translateY(-50%);
    content: ""
}

.sys-health__item--stable:before {
    background: #00863f
}

.sys-health__item--incident:before {
    background: #d1844b
}

.sys-health__item--degradation:before {
    background: #e0464b
}

.sys-health__cont {
    position: relative;
    margin-bottom: 16px;
    padding: 20px 24px 20px 32px;
    border-radius: 8px;
    line-height: 1.2
}

.sys-health__cont:last-child {
    margin-bottom: 56px
}

.sys-health__cont--stable {
    border: 1px solid #00863f
}

.sys-health__cont--stable .sys-health__status {
    background: #00863f
}

.sys-health__cont--incident {
    border: 1px solid #d1844b
}

.sys-health__cont--incident .sys-health__status {
    background: #d1844b
}

.sys-health__cont--degradation {
    border: 1px solid #e0464b
}

.sys-health__cont--degradation .sys-health__status {
    background: #e0464b
}

.sys-health__cont .sys-health__list {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 8px 0 8px 15px;
    font-weight: 700;
    font-size: 16px;
    color: #000
}

.sys-health__cont .sys-health__item {
    margin: 8px 0;
    padding-left: 30px
}

.sys-health__name {
    font-weight: 700;
    font-size: 1.5rem
}

.sys-health__status {
    position: absolute;
    padding: 4px 8px;
    right: 22px;
    top: 22px;
    border-radius: 16px;
    font-size: .8rem;
    color: #fff
}

.chart-up-down {
    background: radial-gradient(128.56% 171.91% at 50% -71.91%, #666 0, #080808 100%)
}

.chart-up-down #grid {
    transform: translate(1px, 0)
}

.chart-up-down #graph-1,
.chart-up-down #graph-2 {
    stroke: url(#gradient-1);
    stroke-width: .5;
    fill: transparent;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: lineani 1.3s linear forwards
}

.chart-up-down #poly-1,
.chart-up-down #poly-2 {
    fill: url(#gradient-3)
}

.chart-up-down.profit_loss_widget {
    margin: 32px 0;
    padding: 16px 0
}

.chart-up-down .h2 {
    margin-top: 0;
    color: #fff
}

.chart-up-down__wrap {
    margin-top: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.chart-up-down__wrap .col1 {
    width: 100%;
    margin-right: 75px
}

.chart-up-down .content-block {
    padding: 32px 0;
    border-top: 4px solid #bb8b62;
    border-bottom: 4px solid #bb8b62;
    color: #fff
}

.chart-up-down .content-block .h1,
.chart-up-down .content-block .h2,
.chart-up-down .content-block .h3,
.chart-up-down .content-block .h4,
.chart-up-down .content-block .h5,
.chart-up-down .content-block .h6,
.chart-up-down .content-block h1,
.chart-up-down .content-block h2,
.chart-up-down .content-block h3,
.chart-up-down .content-block h4,
.chart-up-down .content-block h5,
.chart-up-down .content-block h6,
.chart-up-down .content-block li,
.chart-up-down .content-block ol,
.chart-up-down .content-block p,
.chart-up-down .content-block span,
.chart-up-down .content-block ul {
    font-weight: 700
}

.chart-up-down .tool__banner--btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: unset
}

.chart-up-down .smallTxt {
    margin: 32px 0;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.chart-up-down .ordinaryTxt {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.chart-up-down .ordinaryTxt--subhead {
    font-size: 24px
}

.chart-up-down .button-main {
    padding: 16px;
    border-radius: 32px;
    box-shadow: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #1b1b1b
}

.chart-up-down .button-main._blue {
    background: #369acb
}

.chart-up-down .button-main._blue:hover {
    background: rgba(54, 154, 203, .8)
}

.chart-up-down .button-main .arr {
    position: absolute;
    left: 10px;
    top: 10px
}

.chart-up-down .button-main .arr._reverse {
    transform: rotate(180deg)
}

.chart-up-down .button-main.to-form {
    display: table;
    margin: 0 auto;
    padding: 16px 32px;
    color: #fff
}

.chart-up-down .profit {
    margin: 16px 0;
    padding: 16px 0;
    border-top: 4px solid #bb8b62;
    border-bottom: 4px solid #bb8b62;
    line-height: 48px;
    font-weight: 700;
    font-size: 56px;
    color: #fff
}

.chart-up-down .profit .win {
    display: none
}

.chart-up-down .profit._win .win {
    display: inline-block
}

.chart-up-down .profit._win .lose {
    display: none
}

.chart-up-down .noticeP {
    margin: 8px 0 16px;
    font-size: 16px;
    color: #fff;
    line-height: 1.5
}

.chart-up-down .datapoint,
.chart-up-down .datapoint2,
.chart-up-down .path-close,
.chart-up-down .path-hor,
.chart-up-down .path-vert,
.chart-up-down .stage1,
.chart-up-down .stage2 {
    transition: .7s ease-in-out;
    opacity: 0
}

.chart-up-down .datapoint.visible,
.chart-up-down .datapoint2.visible,
.chart-up-down .path-close.visible,
.chart-up-down .path-hor.visible,
.chart-up-down .path-vert.visible,
.chart-up-down .stage1.visible,
.chart-up-down .stage2.visible {
    opacity: 1
}

.chart-up-down .bar {
    display: inline-block;
    position: absolute;
    padding: 8px 16px;
    left: 100%;
    background: rgba(187, 139, 98, .6);
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    transition: .7s ease-in-out;
    transform: translateY(-90%);
    opacity: 0
}

.chart-up-down .bar.visible {
    opacity: 1
}

.chart-up-down .chart {
    color: #4a667a;
    text-align: left;
    position: relative;
    height: auto;
    position: relative
}

.chart-up-down .chart-container {
    margin-bottom: 32px
}

.chart-up-down .chart-svg {
    position: relative
}

.chart-up-down .horizontal {
    stroke-width: .1;
    stroke: #4a667a
}

.chart-up-down .datapoint,
.chart-up-down .datapoint2 {
    stroke: #111;
    fill: #fff;
    stroke-width: .3
}

.chart-up-down .datapoint2 {
    fill: #00c46b
}

.chart-up-down .svg-rect {
    opacity: 0;
    transition: .7s ease-in-out
}

@keyframes lineani {
    to {
        stroke-dashoffset: 0
    }
}

.videoBl {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 14px 12px 0 rgba(0, 0, 0, .08);
    cursor: pointer;
    overflow: hidden
}

.videoBl:after,
.videoBl:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.videoBl:before {
    z-index: 1;
    width: 62px;
    height: 45px;
    border-radius: 12px;
    background: #ef0602;
    filter: grayscale(1) opacity(.55);
    transition: filter .3s ease, opacity .3s ease
}

.videoBl:after {
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    margin-left: 2px;
    z-index: 2;
    transition: opacity .3s ease
}

.videoBl:hover:before {
    filter: grayscale(0) opacity(1)
}

.videoBl video {
    display: block
}

.videoBl--active::after,
.videoBl--active::before {
    opacity: 0
}

:root {
    --arrowStory: 40px
}

.storyCarouselHolder {
    position: relative;
    overflow: hidden
}

.storyCarousel:not(.slick-initialized) .storyCarousel__item:not(:first-child) {
    display: none
}

.storyCarousel .slick-list {
    padding: 0
}

.storyCarousel .slick-track {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex
}

.storyCarousel .slick-slide {
    height: unset
}

.storyCarousel .slick-dots {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1140px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px;
    padding: 0 8px
}

.storyCarousel .slick-dots li {
    overflow: hidden;
    margin: 0;
    max-width: 165px
}

.storyCarousel .slick-dots li,
.storyCarousel .slick-dots li button,
.storyCarousel .slick-dots li button:before {
    width: 100%;
    height: 2px
}

.storyCarousel .slick-dots li button {
    background: rgba(255, 255, 255, .4)
}

.storyCarousel .slick-dots li button:before {
    background: #fff;
    left: 0;
    top: 0;
    border-radius: 0;
    transform: translateX(-110%)
}

html[dir=rtl] .storyCarousel .slick-dots li button:before {
    transform: translateX(100%)
}

@keyframes dotsStory {
    0% {
        transform: translateX(-110%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes dotsStoryReverse {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

.storyCarousel .slick-dots li.slick-active button:before {
    opacity: 1;
    animation: 5.5s linear dotsStory;
    animation-fill-mode: forwards
}

html[dir=rtl] .storyCarousel .slick-dots li.slick-active button:before {
    animation-name: dotsStoryReverse
}

.storyCarousel.slick-pause li.slick-active button:before {
    animation: none;
    opacity: 0;
    transform: translateX(-110%)
}

.storyCarousel.slick-start li.slick-active button:before {
    opacity: 1;
    animation: 5s linear dotsStory;
    animation-fill-mode: forwards
}

.storyCarousel .slick-next,
.storyCarousel .slick-prev {
    width: var(--arrowStory);
    height: var(--arrowStory);
    background: rgba(255, 255, 255, .4);
    border-radius: 50%;
    z-index: 10
}

.storyCarousel .slick-next,
.storyCarousel .slick-prev {
    top: 50%;
    transform: translateY(-50%)
}

.storyCarousel .slick-next:before,
.storyCarousel .slick-prev:before {
    border: solid #000;
    border-width: 2px 2px 0 0;
    width: 10px;
    height: 10px;
    transform: translate(-34%, -50%) rotate(-135deg);
    top: 50%;
    left: 50%
}

.storyCarousel .slick-next:after,
.storyCarousel .slick-prev:after {
    display: none
}

.storyCarousel .slick-next {
    transform: translateY(-50%) rotate(180deg);
    right: 48px
}

html[dir=rtl] .storyCarousel .slick-next {
    left: 48px;
    transform: translateY(-50%) rotate(0)
}

.storyCarousel .slick-prev {
    left: 48px
}

html[dir=rtl] .storyCarousel .slick-prev {
    right: 48px
}

.storyCarousel .banner--video {
    height: 100%;
    background-position: 70% center
}

.storyBanner__close {
    position: absolute;
    inset-inline-end: 30px;
    top: 12px;
    z-index: 10;
    width: var(--arrowStory);
    height: var(--arrowStory);
    background: rgba(255, 255, 255, .4);
    border-radius: 50%;
    z-index: 10
}

.storyBanner__close:after,
.storyBanner__close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: var(--heightCloseStories, 12px);
    width: 2px;
    background-color: #000
}

.storyBanner__close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.storyBanner__close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.storyBanner__close._min {
    --arrowStory: 40px;
    --heightCloseStories: 12px;
    background: rgba(0, 0, 0, .1)
}

.storyBanner__anchor {
    position: absolute;
    z-index: 10;
    width: var(--arrowStory);
    height: var(--arrowStory);
    background: rgba(255, 255, 255, .4);
    border-radius: 50%;
    z-index: 10;
    inset-inline-end: 0;
    top: 32px
}

.storyBanner__anchor:hover {
    background: rgba(255, 255, 255, .6)
}

.storyBanner__anchor:after,
.storyBanner__anchor:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: var(--heightCloseStories, 12px);
    width: 2px;
    background-color: #000
}

.storyBanner__anchor:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.storyBanner__anchor:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.storyBanner {
    --gapContentStoryBanner: 32px;
    background: #000;
    position: relative;
    font-size: 16px;
    line-height: 24px
}

.storyBanner .row-cont {
    position: relative;
    z-index: 3
}

.storyBanner .storyBanner__close {
    z-index: 1
}

.storyBanner__container {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 82vh;
    background: 0 0;
    transition: background .2s ease-in, color .2s ease-in;
    padding-top: 10px;
    position: relative;
    z-index: 2
}

.bannerActive .storyBanner__container {
    height: 75vh
}

.storyBanner__container.active {
    background: rgba(255, 255, 255, .9);
    color: #000
}

.storyBanner__container.active .storyBanner__close {
    visibility: visible
}

.storyBanner__container.active .storyBanner__toggler {
    display: none
}

.storyBanner__container.active .storyBanner__actions {
    display: block
}

.storyBanner__container .storyBanner__close {
    visibility: hidden;
    background: 0 0
}

.storyBanner__content {
    --scrollContentStoryBanner: 8px;
    padding: 0 calc(var(--gapContentStoryBanner) - var(--scrollContentStoryBanner)) 0 var(--gapContentStoryBanner);
    overflow: hidden;
    margin-inline-end: var(--scrollContentStoryBanner)
}

.active .storyBanner__content {
    overflow-y: auto;
    overflow-x: hidden
}

.storyBanner__content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute
}

.storyBanner__content::-webkit-scrollbar-thumb {
    background-color: #979797;
    border-radius: 4px;
    border: 2px solid #fff
}

.storyBanner__content h1,
.storyBanner__content h2,
.storyBanner__content h3,
.storyBanner__content h4,
.storyBanner__content h5,
.storyBanner__content h6,
.storyBanner__content li,
.storyBanner__content ol,
.storyBanner__content p,
.storyBanner__content ul {
    color: inherit
}

.storyBanner__content li,
.storyBanner__content ol,
.storyBanner__content p,
.storyBanner__content ul {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 24px
}

.storyBanner__title {
    font-weight: 900;
    font-size: 32px;
    line-height: 1.2;
    margin: 0 -10px 32px 0
}

.storyBanner__text {
    display: none
}

.storyBanner__text h2,
.storyBanner__text h3 {
    margin-bottom: 24px
}

.storyBanner__text img {
    max-width: 100%;
    height: auto;
    margin-bottom: 24px
}

.storyBanner__text ul {
    list-style-type: disc
}

.storyBanner__text .article-notice {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    background: #f8f8f8;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px
}

.storyBanner__toggler {
    text-align: center;
    padding: 20px 0
}

.storyBanner__toggler .button-main {
    position: relative;
    padding: 8px 24px;
    font-size: 13px;
    line-height: 16px;
    min-height: unset
}

.storyBanner__toggler .button-main:after {
    content: "";
    width: 10px;
    height: 10px;
    border: solid #fff;
    border-width: 1px 0 0 1px;
    transform: rotate(45deg);
    position: absolute;
    left: 47%;
    bottom: 106%
}

.storyBanner__actions {
    display: none
}

.storyBanner__box {
    background: #fff;
    padding: 12px var(--gapContentStoryBanner);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: none;
    flex: none;
    margin-top: 20px;
    font-weight: 700
}

.storyBanner__box .button-main {
    padding: 8px 24px;
    font-size: 13px;
    line-height: 16px;
    min-height: unset;
    color: #000
}

.storyBanner__box span a {
    font-weight: inherit
}

.storyBanner__overlay {
    position: absolute;
    z-index: 2;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, 0) 100%)
}

.storyBanner__cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.storyBanner__cover img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%
}

.expand-collapse-group {
    margin-bottom: 30px
}

.expand-collapse {
    margin-bottom: 12px
}

.expand-collapse-control {
    display: none
}

.expand-collapse-control:checked~.expand-collapse-inner:hover {
    background: #fff
}

.expand-collapse-control:checked~.expand-collapse-inner>.expand-collapse-body {
    display: block
}

.expand-collapse-control:checked~.expand-collapse-inner .expand-collapse-footer {
    display: -ms-flexbox;
    display: flex
}

.expand-collapse-control:checked~.expand-collapse-inner>.expand-collapse-switcher>.expand-collapse-header {
    background-color: #f8f8f8
}

.expand-collapse-control:checked~.expand-collapse-inner>.expand-collapse-switcher>.expand-collapse-header:hover {
    color: #222
}

.expand-collapse-control:checked~.expand-collapse-inner>.expand-collapse-switcher>.expand-collapse-header:hover:before {
    border-color: transparent transparent #222 transparent
}

.expand-collapse-control:checked~.expand-collapse-inner>.expand-collapse-switcher>.expand-collapse-header:before {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #222 transparent
}

.expand-collapse-inner {
    background: #fff
}

.expand-collapse-inner:hover {
    background: #fafafa
}

.expand-collapse-switcher {
    cursor: pointer
}

.expand-collapse-header {
    position: relative;
    padding: 23px 45px 22px 30px;
    color: #222;
    border-radius: 2px;
    border: 1px solid #d4d5d6;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.364
}

.expand-collapse-header:hover {
    color: #bb8b62
}

.expand-collapse-header:hover:before {
    border-color: #bb8b62 transparent transparent transparent
}

.expand-collapse-header:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #222 transparent transparent transparent
}

.expand-collapse-header .txt-lg {
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 24px
}

.expand-collapse-footer .txt-md,
.expand-collapse-header .txt-md {
    text-align: left;
    max-width: 100%
}

.expand-collapse-body {
    display: none;
    padding: 17px 30px;
    border: 1px solid #d4d5d6;
    border-top: 0
}

.expand-collapse-body p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 1.375;
    color: #4a4a4a
}

.expand-collapse-body--list {
    margin-bottom: 30px
}

.expand-collapse-body--list .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-bottom: 16px
}

.expand-collapse-body--list .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    padding: 5px 0 6px
}

.expand-collapse-body--list ul {
    padding-left: 50px;
    margin: 0
}

.expand-collapse-body--list li {
    position: relative
}

.expand-collapse-body--list li:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #c09c7c
}

.expand-collapse-body--list:last-child {
    margin-bottom: 0
}

.expand-collapse-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: none;
    position: relative;
    padding: 24px 45px 28px;
    color: #222;
    border-radius: 2px;
    border: 1px solid #d4d5d6
}

.expand-collapse-footer--social a {
    margin-left: 105px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #4c4c4c;
    padding-left: 30px;
    position: relative
}

.expand-collapse-footer--social a:hover {
    text-decoration: underline
}

.expand-collapse-footer--social a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.expand-collapse-paragraph {
    display: block;
    margin-bottom: 17px
}

.careers__expand-collapse-group {
    margin-bottom: 30px
}

.careers__expand-collapse {
    margin-bottom: 12px
}

.careers__expand-collapse-control {
    display: none
}

.careers__expand-collapse-inner {
    background: #fff
}

.careers__expand-collapse-switcher {
    cursor: pointer
}

.careers__expand-collapse-header {
    position: relative;
    padding: 23px 45px 22px 30px;
    color: #222;
    border-radius: 2px;
    border: 1px solid #d4d5d6;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.364
}

.careers__expand-collapse-header:hover {
    color: #bb8b62
}

.careers__expand-collapse-header:hover:before {
    border-color: #bb8b62 transparent transparent transparent
}

.careers__expand-collapse-header:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #222 transparent transparent transparent
}

.careers__expand-collapse-header .txt-lg {
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 24px
}

.careers__expand-collapse-footer .txt-md,
.careers__expand-collapse-header .txt-md {
    text-align: left;
    max-width: 100%
}

.careers__expand-collapse-body {
    padding: 17px 30px;
    border: 1px solid #d4d5d6;
    border-bottom: none;
    margin-top: 34px
}

.careers__expand-collapse-body p strong {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #000
}

.careers__expand-collapse-body ol,
.careers__expand-collapse-body ul {
    padding-left: 25px
}

.careers__expand-collapse-body--list {
    margin-bottom: 30px
}

.careers__expand-collapse-body--list .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    margin-bottom: 16px
}

.careers__expand-collapse-body--list .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    padding: 5px 0 6px
}

.careers__expand-collapse-body--list ul {
    padding-left: 50px;
    margin: 0
}

.careers__expand-collapse-body--list li {
    position: relative
}

.careers__expand-collapse-body--list li:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #c09c7c
}

.careers__expand-collapse-body--list:last-child {
    margin-bottom: 0
}

.careers__expand-collapse-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    padding: 24px 45px 28px;
    color: #222;
    border-radius: 2px;
    border: 1px solid #d4d5d6
}

.careers__expand-collapse-footer--social a,
.careers__expand-collapse-footer--social.sprite__ico {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #4c4c4c;
    padding-left: 30px;
    position: relative
}

.careers__expand-collapse-footer--social a:hover,
.careers__expand-collapse-footer--social.sprite__ico:hover {
    text-decoration: underline
}

.careers__expand-collapse-footer--social a:before,
.careers__expand-collapse-footer--social.sprite__ico:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.careers__expand-collapse-footer--social a {
    margin-left: 105px
}

.careers__expand-collapse-footer--social.sprite__ico {
    margin-left: 0
}

.careers__expand-collapse-paragraph {
    display: block;
    margin-bottom: 17px
}

.careers__accordion .main__tab--wrap {
    margin: 35px 0 50px
}

.careers__accordion--item {
    width: 100%
}

.careers__accordion .careers__expand-collapse {
    margin-bottom: 24px
}

.careers__accordion .careers__expand-collapse:last-child {
    margin-bottom: 0
}

.careers__accordion .careers__expand-collapse-header {
    padding: 22px 45px 20px 30px
}

.careers__accordion .careers__expand-collapse-header:hover .txt-lg {
    color: #c09c7c
}

.careers__accordion .careers__expand-collapse-body {
    padding: 40px 120px 45px 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a
}

.careers__accordion .careers__expand-collapse-body p {
    margin-bottom: 15px;
    font-size: inherit;
    line-height: inherit
}

.careers__accordion .careers__expand-collapse-group {
    margin-bottom: 0
}

.section--contact {
    padding: 32px 0
}

.section--contact .section__head h2 {
    margin-bottom: 32px
}

.contactAsian__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(45%, 1fr)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    margin-top: 32px;
    gap: 8px
}

.contactAsian__item {
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    transition: all .3s ease-out;
    cursor: pointer
}

.contactAsian__item:hover {
    background: #f2f3f5
}

.contactAsian__country {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: 8px
}

.contactAsian__country--modal {
    gap: 12px
}

.contactAsian__flag {
    margin-top: 2px;
    width: 28px;
    height: 20px;
    background: url(../img/sprites/contact_asian_sprite.png) top left no-repeat;
    border-radius: 2px;
    overflow: hidden;
    background-position: 0 0
}

.contactAsian__flag--modal {
    margin-top: 4px;
    transform: scale(1.1)
}

.contactAsian__title {
    line-height: 24px;
    font-weight: 700;
    font-size: 16px
}

.contactAsian__title--modal {
    line-height: 32px;
    font-size: 16px
}

.contactAsian__desc--modal {
    margin: 24px 0
}

.contactAsian__desc p {
    margin-top: 8px;
    line-height: 24px;
    font-size: 16px
}

.contactAsian__modal {
    padding: unset;
    max-width: 496px;
    border-radius: 16px;
    overflow: hidden
}

.contactAsian__modal .modal__content,
.contactAsian__modal .modal__head {
    padding: 8px 16px
}

.contactAsian__modal .modal__head {
    position: relative;
    background: #f2f3f5
}

.contactAsian__modal .modal__content p {
    font-size: 16px;
    color: #4f4f4f
}

.contactAsian__modal .modal__content p a {
    text-decoration: underline;
    font-weight: 400
}

.contactAsian__modal .modal__footer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0
}

.contactAsian__modal .modal__footer .h3 {
    margin-bottom: 16px
}

.contactAsian__modal .close-button {
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.contactAsian__modal .close-button:after,
.contactAsian__modal .close-button:before {
    background-color: #1b1b1b
}

.contactAsianSupport__list {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: (32px)[6];
    grid-template-columns: repeat(6, 32px);
    -ms-grid-rows: 32px;
    grid-template-rows: 32px;
    margin: 16px 0;
    padding: 8px 24px;
    gap: 16px;
    background: #f2f3f5;
    border-radius: 32px
}

.contactAsianSupport__item--zn {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDBIMkMwLjg5NyAwIDAgMC44OTcgMCAyVjE4TDQuNzk5NjUgMTQuNEM1LjE0NTg1IDE0LjE0MDQgNS41NjY5NCAxNCA1Ljk5OTcgMTRIMTZDMTcuMTAzIDE0IDE4IDEzLjEwMyAxOCAxMlYyQzE4IDAuODk3IDE3LjEwMyAwIDE2IDBaTTE2IDEySDUuMzMzNkM0LjkwMDkgMTIgNC40Nzk4NyAxMi4xNDAzIDQuMTMzNyAxMi4zOTk5TDIgMTRWMkgxNlYxMloiIGZpbGw9IiNCQjhCNjIiLz4KPC9zdmc+Cg==) center no-repeat;
    background-size: 26px
}

.contactAsianSupport__item--mt {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDcuMTMyNEMwIDYuNDI5ODcgMC4zNjg1OTggNS43Nzg4NiAwLjk3MTAwOCA1LjQxNzQxTDguOTcxMDEgMC42MTc0MTJDOS42MDQzNyAwLjIzNzM5MyAxMC4zOTU2IDAuMjM3MzkzIDExLjAyOSAwLjYxNzQxMkwxOS4wMjkgNS40MTc0MUMxOS42MzE0IDUuNzc4ODYgMjAgNi40Mjk4NyAyMCA3LjEzMjRWMThDMjAgMTkuMTA0NiAxOS4xMDQ2IDIwIDE4IDIwSDJDMC44OTU0MzEgMjAgMCAxOS4xMDQ2IDAgMThWNy4xMzI0Wk0xOCA3Ljg2ODU0VjE4SDJWNy44Njg1NEwxMCAxMy4yMDE5TDE4IDcuODY4NTRaTTE2LjY4MzUgNi4zNDI1TDEwIDIuMzMyNEwzLjMxNjQ5IDYuMzQyNUwxMCAxMC43OTgyTDE2LjY4MzUgNi4zNDI1WiIgZmlsbD0iI0JCOEI2MiIvPgo8L3N2Zz4K) center no-repeat;
    background-size: 26px
}

.contactAsianSupport__item--vb {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjM4MzkgMC40MjcyMzdDOS40Nzk5MyAtMC4xNDI0MTIgNi40NjQyMiAtMC4xNDI0MTIgMy41NjAyMSAwLjQyNzIzN0MyLjI3NTc0IDAuNzEyMDYxIDAuNjU2MTk2IDIuMzA3MDggMC4zNzY5NjMgMy41NjAzMUMtMC4xMjU2NTQgNi4wMDk4IC0wLjEyNTY1NCA4LjUxNjI1IDAuMzc2OTYzIDEwLjk2NTdDMC43MTIwNDIgMTIuMjE5IDIuMzMxNTkgMTMuODE0IDMuNTYwMjEgMTQuMDk4OEMzLjYxNjA1IDE0LjA5ODggMy42NzE5IDE0LjE1NTggMy42NzE5IDE0LjIxMjdWMTcuODAxNUMzLjY3MTkgMTcuOTcyNCAzLjg5NTI5IDE4LjA4NjQgNC4wMDY5OCAxNy45MTU1TDUuNjgyMzcgMTYuMTQ5NkM1LjY4MjM3IDE2LjE0OTYgNy4wMjI2OSAxNC43MjU0IDcuMjQ2MDcgMTQuNDk3NkM3LjI0NjA3IDE0LjQ5NzYgNy4zMDE5MiAxNC40NDA2IDcuMzU3NzcgMTQuNDQwNkM5LjAzMzE2IDE0LjQ5NzYgMTAuNzY0NCAxNC4zMjY3IDEyLjQzOTggMTQuMDQxOUMxMy43MjQzIDEzLjc1NyAxNS4zNDM4IDEyLjE2MiAxNS42MjMgMTAuOTA4OEMxNi4xMjU3IDguNDU5MjkgMTYuMTI1NyA1Ljk1MjgzIDE1LjYyMyAzLjUwMzM0QzE1LjI4OCAyLjMwNzA4IDEzLjY2ODQgMC43MTIwNjEgMTIuMzgzOSAwLjQyNzIzN1pNMTIuNDM5OCAxMS4xMzY2QzEyLjE2MDYgMTEuNzA2MyAxMS44MjU1IDEyLjE2MiAxMS4yNjcgMTIuNDQ2OEMxMS4wOTk1IDEyLjUwMzggMTAuOTMxOSAxMi41NjA4IDEwLjc2NDQgMTIuNjE3N0MxMC41NDEgMTIuNTYwOCAxMC4zNzM1IDEyLjUwMzggMTAuMjA1OSAxMi40NDY4QzguNDE4ODUgMTEuNzA2MyA2Ljc0MzQ2IDEwLjY4MDkgNS40MDMxNCA5LjE5OTgzQzQuNjc3MTQgOC4zNDUzNiA0LjA2MjgzIDcuMzc2OTYgMy41NjAyMSA2LjM1MTU5QzMuMzM2ODIgNS44Mzg5IDMuMTEzNDQgNS4zODMxOCAyLjk0NTkgNC44NzA1QzIuNzc4MzYgNC40MTQ3OCAzLjA1NzU5IDMuOTU5MDYgMy4zMzY4MiAzLjYxNzI3QzMuNjE2MDUgMy4yNzU0OCAzLjk1MTEzIDMuMDQ3NjIgNC4zNDIwNiAyLjg3NjczQzQuNjIxMjkgMi43MDU4MyA0LjkwMDUyIDIuODE5NzYgNS4xMjM5MSAzLjA0NzYyQzUuNTcwNjggMy42MTcyNyA2LjAxNzQ1IDQuMTg2OTIgNi4zNTI1MyA0LjgxMzUzQzYuNTc1OTIgNS4yMTIyOSA2LjUyMDA3IDUuNjY4MDEgNi4xMjkxNCA1Ljk1MjgzQzYuMDE3NDUgNi4wMDk4IDUuOTYxNiA2LjA2Njc2IDUuODQ5OTEgNi4xODA2OUM1Ljc5NDA2IDYuMjM3NjYgNS42ODIzNyA2LjI5NDYyIDUuNjI2NTIgNi40MDg1NUM1LjUxNDgzIDYuNTc5NDUgNS41MTQ4MyA2Ljc1MDM0IDUuNTcwNjggNi45MjEyNEM2LjAxNzQ1IDguMjMxNDMgNi44NTUxNSA5LjI1NjggOC4xMzk2MSA5LjgyNjQ1QzguMzYzIDkuOTQwMzggOC41MzA1NCA5Ljk5NzM0IDguODA5NzcgOS45OTczNEM5LjIwMDcgOS45NDAzOCA5LjM2ODI0IDkuNDg0NjYgOS42NDc0NyA5LjI1NjhDOS45MjY3IDkuMDI4OTQgMTAuMjYxOCA5LjAyODk0IDEwLjU5NjkgOS4xOTk4M0MxMC44NzYxIDkuMzcwNzMgMTEuMTU1MyA5LjU5ODU5IDExLjQ5MDQgOS44MjY0NUMxMS43Njk2IDEwLjA1NDMgMTIuMDQ4OSAxMC4yMjUyIDEyLjMyODEgMTAuNDUzMUMxMi40OTU2IDEwLjU2NyAxMi41NTE1IDEwLjg1MTggMTIuNDM5OCAxMS4xMzY2Wk0xMC4wOTQyIDYuODY0MjdDOS45ODI1NCA2Ljg2NDI3IDEwLjAzODQgNi44NjQyNyAxMC4wOTQyIDYuODY0MjdDOS44NzA4NSA2Ljg2NDI3IDkuODE1MDEgNi43NTAzNCA5Ljc1OTE2IDYuNTc5NDVDOS43NTkxNiA2LjQ2NTUyIDkuNzU5MTYgNi4yOTQ2MiA5LjcwMzMxIDYuMTgwNjlDOS42NDc0NyA1Ljk1MjgzIDkuNTM1NzggNS43MjQ5NyA5LjMxMjM5IDUuNTU0MDhDOS4yMDA3IDUuNDk3MTEgOS4wODkgNS40NDAxNSA4Ljk3NzMxIDUuMzgzMThDOC44MDk3NyA1LjMyNjIyIDguNjk4MDggNS4zMjYyMiA4LjUzMDU0IDUuMzI2MjJDOC4zNjMgNS4yNjkyNSA4LjMwNzE1IDUuMTU1MzIgOC4zMDcxNSA0Ljk4NDQzQzguMzA3MTUgNC44NzA1IDguNDc0NjkgNC43NTY1NyA4LjU4NjM5IDQuNzU2NTdDOS40Nzk5MyA0LjgxMzU0IDEwLjE1MDEgNS4zMjYyMiAxMC4yNjE4IDYuNDA4NTVDMTAuMjYxOCA2LjQ2NTUyIDEwLjI2MTggNi41Nzk0NSAxMC4yNjE4IDYuNjM2NDFDMTAuMjYxOCA2Ljc1MDM0IDEwLjIwNTkgNi44NjQyNyAxMC4wOTQyIDYuODY0MjdaTTkuNTM1NzcgNC4zNTc4MkM5LjI1NjU0IDQuMjQzODkgOC45NzczMSA0LjEyOTk2IDguNjQyMjMgNC4wNzI5OUM4LjUzMDU0IDQuMDcyOTkgOC4zNjMgNC4wMTYwMyA4LjI1MTMxIDQuMDE2MDNDOC4wODM3NyA0LjAxNjAzIDcuOTcyMDggMy45MDIxIDguMDI3OTIgMy43MzEyQzguMDI3OTIgMy41NjAzMSA4LjEzOTYyIDMuNDQ2MzggOC4zMDcxNSAzLjUwMzM0QzguODY1NjIgMy41NjAzMSA5LjM2ODI0IDMuNjc0MjQgOS44NzA4NiAzLjkwMjFDMTAuODc2MSA0LjQxNDc4IDExLjQzNDYgNS4yNjkyNSAxMS42MDIxIDYuNDA4NTVDMTEuNjAyMSA2LjQ2NTUyIDExLjYwMjEgNi41MjI0OCAxMS42MDIxIDYuNTc5NDVDMTEuNjAyMSA2LjY5MzM4IDExLjYwMjEgNi44MDczMSAxMS42MDIxIDYuOTc4MkMxMS42MDIxIDcuMDM1MTcgMTEuNjAyMSA3LjA5MjEzIDExLjYwMjEgNy4xNDkxQzExLjU0NjIgNy4zNzY5NiAxMS4xNTUzIDcuNDMzOTIgMTEuMDk5NSA3LjE0OTFDMTEuMDk5NSA3LjA5MjEzIDExLjA0MzYgNi45NzgyIDExLjA0MzYgNi45MjEyNEMxMS4wNDM2IDYuNDA4NTUgMTAuOTMxOSA1Ljg5NTg3IDEwLjcwODYgNS40NDAxNUMxMC4zNzM1IDQuOTI3NDYgOS45ODI1NCA0LjU4NTY4IDkuNTM1NzcgNC4zNTc4MlpNMTIuNTUxNSA3Ljc3NTcxQzEyLjM4MzkgNy43NzU3MSAxMi4yNzIzIDcuNjA0ODIgMTIuMjcyMyA3LjQzMzkyQzEyLjI3MjMgNy4wOTIxMyAxMi4yMTY0IDYuNzUwMzQgMTIuMTYwNiA2LjQwODU1QzExLjkzNzIgNC41ODU2NyAxMC40ODUyIDMuMTA0NTkgOC43NTM5MyAyLjgxOTc2QzguNDc0NyAyLjc2MjggOC4xOTU0NiAyLjc2MjggNy45NzIwOCAyLjcwNTgzQzcuODA0NTQgMi43MDU4MyA3LjU4MTE1IDIuNzA1ODMgNy41MjUzIDIuNDc3OTdDNy40Njk0NiAyLjMwNzA4IDcuNjM3IDIuMTM2MTggNy44MDQ1NCAyLjEzNjE4QzcuODYwMzggMi4xMzYxOCA3LjkxNjIzIDIuMTM2MTggNy45MTYyMyAyLjEzNjE4QzEwLjIwNTkgMi4xOTMxNSA4LjAyNzkyIDIuMTM2MTggNy45MTYyMyAyLjEzNjE4QzEwLjI2MTggMi4xOTMxNSAxMi4yMTY0IDMuNzg4MTcgMTIuNjA3MyA2LjE4MDY5QzEyLjY2MzIgNi41Nzk0NSAxMi43MTkgNi45NzgyIDEyLjcxOSA3LjQzMzkyQzEyLjgzMDcgNy42MDQ4MiAxMi43MTkgNy43NzU3MSAxMi41NTE1IDcuNzc1NzFaIiBmaWxsPSIjN0M1MDlBIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: 26px
}

.contactAsianSupport__item--wa {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjY1ODUgMi4zMzMzM0MxMi4xNTMzIDAuODMzMzMzIDEwLjE0NjMgMCA4LjAyNzg3IDBDMy42MjM2OSAwIDAuMDU1NzQ4MyAzLjU1NTU2IDAuMDU1NzQ4MyA3Ljk0NDQ0QzAuMDU1NzQ4MyA5LjMzMzMzIDAuNDQ1OTkzIDEwLjcyMjIgMS4xMTQ5OCAxMS44ODg5TDAgMTZMNC4yMzY5NCAxNC44ODg5QzUuNDA3NjcgMTUuNSA2LjY4OTg5IDE1LjgzMzMgOC4wMjc4NyAxNS44MzMzQzEyLjQzMjEgMTUuODMzMyAxNiAxMi4yNzc4IDE2IDcuODg4ODlDMTUuOTQ0MyA1LjgzMzMzIDE1LjE2MzggMy44MzMzMyAxMy42NTg1IDIuMzMzMzNaTTExLjg3NDYgMTAuNzc3OEMxMS43MDczIDExLjIyMjIgMTAuOTI2OCAxMS42NjY3IDEwLjUzNjYgMTEuNzIyMkMxMC4yMDIxIDExLjc3NzggOS43NTYxIDExLjc3NzggOS4zMTAxMSAxMS42NjY3QzkuMDMxMzYgMTEuNTU1NiA4LjY0MTEyIDExLjQ0NDQgOC4xOTUxMiAxMS4yMjIyQzYuMTg4MTUgMTAuMzg4OSA0LjkwNTkyIDguMzg4ODkgNC43OTQ0MyA4LjIyMjIyQzQuNjgyOTMgOC4xMTExMSAzLjk1ODE5IDcuMTY2NjcgMy45NTgxOSA2LjE2NjY3QzMuOTU4MTkgNS4xNjY2NyA0LjQ1OTkzIDQuNzIyMjIgNC42MjcxOCA0LjVDNC43OTQ0MyA0LjI3Nzc4IDUuMDE3NDIgNC4yNzc3OCA1LjE4NDY3IDQuMjc3NzhDNS4yOTYxNyA0LjI3Nzc4IDUuNDYzNDEgNC4yNzc3OCA1LjU3NDkxIDQuMjc3NzhDNS42ODY0MSA0LjI3Nzc4IDUuODUzNjYgNC4yMjIyMiA2LjAyMDkxIDQuNjExMTFDNi4xODgxNSA1IDYuNTc4NCA2IDYuNjM0MTUgNi4wNTU1NkM2LjY4OTg5IDYuMTY2NjcgNi42ODk4OSA2LjI3Nzc4IDYuNjM0MTUgNi4zODg4OUM2LjU3ODQgNi41IDYuNTIyNjUgNi42MTExMSA2LjQxMTE1IDYuNzIyMjJDNi4yOTk2NSA2LjgzMzMzIDYuMTg4MTUgNyA2LjEzMjQgNy4wNTU1NkM2LjAyMDkgNy4xNjY2NyA1LjkwOTQxIDcuMjc3NzggNi4wMjA5MSA3LjQ0NDQ0QzYuMTMyNCA3LjY2NjY3IDYuNTIyNjUgOC4yNzc3OCA3LjEzNTg5IDguODMzMzNDNy45MTYzOCA5LjUgOC41Mjk2MiA5LjcyMjIyIDguNzUyNjEgOS44MzMzM0M4Ljk3NTYxIDkuOTQ0NDUgOS4wODcxMSA5Ljg4ODg5IDkuMTk4NiA5Ljc3Nzc4QzkuMzEwMSA5LjY2NjY3IDkuNzAwMzUgOS4yMjIyMiA5LjgxMTg1IDlDOS45MjMzNSA4Ljc3Nzc4IDEwLjA5MDYgOC44MzMzMyAxMC4yNTc4IDguODg4ODlDMTAuNDI1MSA4Ljk0NDQ0IDExLjQyODYgOS40NDQ0NSAxMS41OTU4IDkuNTU1NTZDMTEuODE4OCA5LjY2NjY3IDExLjkzMDMgOS43MjIyMiAxMS45ODYxIDkuNzc3NzhDMTIuMDQxOCA5Ljk0NDQ0IDEyLjA0MTggMTAuMzMzMyAxMS44NzQ2IDEwLjc3NzhaIiBmaWxsPSIjNDhDOTVGIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: 26px
}

.contactAsianSupport__item--tg {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjgwNTYxIDYuNzE5ODlMMy45NTkwNCA4LjA5NTc1TDUuMzkzMDEgMTIuNzIzNkM1LjQ1NTM2IDEzLjAzNjMgNS44Mjk0NCAxMy4wOTg4IDYuMDc4ODMgMTIuOTExMkw4LjEzNjI3IDExLjIyMjdDOC4zMjMzMSAxMS4wMzUxIDguNjM1MDUgMTEuMDM1MSA4Ljg4NDQ0IDExLjIyMjdMMTIuNTYyOSAxMy45MTE4QzEyLjgxMjMgMTQuMDk5NSAxMy4xODY0IDEzLjk3NDQgMTMuMjQ4NyAxMy42NjE3TDE1Ljk5MiAwLjUyODU0N0MxNi4wNTQzIDAuMjE1ODUzIDE1Ljc0MjYgLTAuMDk2ODM4NSAxNS40MzA5IDAuMDI4MjM5MUwwLjI4MDU2MSA1LjkwNjg5Qy0wLjA5MzUyMDMgNi4wMzE5NiAtMC4wOTM1MjAzIDYuNTk0ODEgMC4yODA1NjEgNi43MTk4OVpNNS4yMDU5OCA3LjQwNzgxTDEyLjQzODIgMi45Njc1NkMxMi41NjI5IDIuOTA1MDIgMTIuNjg3NiAzLjA5MjY0IDEyLjU2MjkgMy4xNTUxOEw2LjYzOTk1IDguNzIxMTNDNi40NTI5MSA4LjkwODc1IDYuMjY1ODYgOS4xNTg5IDYuMjY1ODYgOS40NzE2TDYuMDc4ODMgMTAuOTcyNUM2LjA3ODgzIDExLjE2MDEgNS43NjcwOSAxMS4yMjI3IDUuNzA0NzQgMTAuOTcyNUw0Ljk1NjU3IDguMjIwODJDNC43Njk1MyA3LjkwODEzIDQuODk0MjQgNy41MzI4OSA1LjIwNTk4IDcuNDA3ODFaIiBmaWxsPSIjMkY4OUNFIi8+Cjwvc3ZnPgo=) center no-repeat;
    background-size: 26px
}

.contactAsianSupport__item--fb {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDYuNzkwMjNDMCAyLjg4ODc3IDMuMDU2MzggMCA3LjAwMDA5IDBDMTAuOTQzOCAwIDE0LjAwMDIgMi44ODg3NyAxNC4wMDAyIDYuNzkwMjNDMTQuMDAwMiAxMC42OTE3IDEwLjk0MzggMTMuNTgwNSA3LjAwMDA5IDEzLjU4MDVDNi4yOTE2MyAxMy41ODA1IDUuNjExMzQgMTMuNDg3NSA0Ljk3MzMgMTMuMzExNEM0Ljg0OTM2IDEzLjI3NzYgNC43MTgzNyAxMy4yODc1IDQuNjAwMDYgMTMuMzM5NkwzLjIxMTMxIDEzLjk1MjNDMi44NDc5MiAxNC4xMTE0IDIuNDM4MDYgMTMuODUzNyAyLjQyNTM4IDEzLjQ1NjVMMi4zODczNSAxMi4yMTE0QzIuMzgxNzIgMTIuMDU3OSAyLjMxMjcxIDExLjkxNTYgMi4xOTg2MiAxMS44MTI4QzAuODM2NjMgMTAuNTk0NSAwIDguODMxMSAwIDYuNzkwMjNaTTQuODYyMjQgNS41MjI5TDIuODA1ODggOC43ODQ5MkMyLjYwNzI4IDkuMDk3NiAyLjk5MzIgOS40NTExMiAzLjI4NzU3IDkuMjI3MThMNS40OTc0NiA3LjU0OTY5QzUuNjQ2NzYgNy40MzcwMSA1Ljg1MjM5IDcuNDM1NiA2LjAwMzEgNy41NDgyOEw3LjYzODMzIDguNzc1MDZDOC4xMjg0OCA5LjE0MjY3IDguODI5OSA5LjAxMzA5IDkuMTU2NjYgOC40OTQ3N0wxMS4yMTE2IDUuMjM0MTdDMTEuNDEwMiA0LjkyMTQ5IDExLjAyNDMgNC41Njc5NiAxMC43Mjk5IDQuNzkxOTFMOC41MjE0NCA2LjQ2Nzk5QzguMzcyMTQgNi41ODA2NiA4LjE2NjUxIDYuNTgyMDcgOC4wMTU4IDYuNDY5NEw2LjM4MDU3IDUuMjQyNjJDNS44OTA0MiA0Ljg3NTAxIDUuMTg5MDEgNS4wMDQ1OSA0Ljg2MjI0IDUuNTIyOVoiIGZpbGw9IiMwMDhCRkYiLz4KPC9zdmc+Cg==) center no-repeat;
    background-size: 26px
}

.contactAsian__flag.contactAsian__flag--id {
    background-position: -28px 0
}

.contactAsian__flag.contactAsian__flag--hi {
    background-position: 0 -20px
}

.contactAsian__flag.contactAsian__flag--ms {
    background-position: -28px -20px
}

.contactAsian__flag.contactAsian__flag--ph {
    background-position: -56px 0
}

.contactAsian__flag.contactAsian__flag--th {
    background-position: -56px -20px
}

.contactAsian__flag.contactAsian__flag--vi {
    background-position: 0 -40px
}

.marketList__icon {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    background: url(../img/icons/markets_logos.png) top left no-repeat;
    background-position: 0 0
}

.marketList__icon.marketList__icon--2604592722433220 {
    background-position: -16px 0
}

.marketList__icon.marketList__icon--5983666832495812 {
    background-position: -32px 0
}

.marketList__icon.marketList__icon--13863591790859460 {
    background-position: -48px 0
}

.marketList__icon.marketList__icon--2306899949212868 {
    background-position: -64px 0
}

.marketList__icon.marketList__icon--27342779713672388 {
    background-position: -80px 0
}

.marketList__icon.marketList__icon--1534677563882951876 {
    background-position: -96px 0
}

.marketList__icon.marketList__icon--875073666432455876 {
    background-position: -112px 0
}

.marketList__icon.marketList__icon--1529135750401053892 {
    background-position: -128px 0
}

.marketList__icon.marketList__icon--233294501735650500 {
    background-position: 0 -16px
}

.marketList__icon.marketList__icon--145488602653086916 {
    background-position: -16px -16px
}

.marketList__icon.marketList__icon--2503712530584772 {
    background-position: -32px -16px
}

.marketList__icon.marketList__icon--2498764728259780 {
    background-position: -48px -16px
}

.marketList__icon.marketList__icon--1377812623742148 {
    background-position: -64px -16px
}

.marketList__icon.marketList__icon--1534672890958533828 {
    background-position: -80px -16px
}

.marketList__icon.marketList__icon--4523790268716228 {
    background-position: -96px -16px
}

.marketList__icon.marketList__icon--1393074759876564164 {
    background-position: -112px -16px
}

.marketList__icon.marketList__icon--17119245720704196 {
    background-position: -128px -16px
}

.marketList__icon.marketList__icon--2275014112007364 {
    background-position: 0 -32px
}

.marketList__icon.marketList__icon--173711966626469060 {
    background-position: -16px -32px
}

.marketList__icon.marketList__icon--12632138767750340 {
    background-position: -32px -32px
}

.marketList__icon.marketList__icon--938229064576095428 {
    background-position: -48px -32px
}

.marketList__icon.marketList__icon--1659929255594775748 {
    background-position: -64px -32px
}

.marketList__icon.marketList__icon--73572020981421252 {
    background-position: -80px -32px
}

.marketList__icon.marketList__icon--21645110458537156 {
    background-position: -96px -32px
}

.marketList__icon.marketList__icon--28255649242633412 {
    background-position: -112px -32px
}

.marketList__icon.marketList__icon--23872995894318276 {
    background-position: -128px -32px
}

.marketList__icon.marketList__icon--20358132098225348 {
    background-position: 0 -48px
}

.marketList__icon.marketList__icon--1084329970651714756 {
    background-position: -16px -48px
}

.marketList__icon.marketList__icon--1378260489959724228 {
    background-position: -32px -48px
}

.marketList__icon.marketList__icon--305243519000335556 {
    background-position: -48px -48px
}

.marketList__icon.marketList__icon--22841379109557444 {
    background-position: -64px -48px
}

.marketList__icon.marketList__icon--1196668083066052 {
    background-position: -80px -48px
}

.marketList__icon.marketList__icon--27236401963685060 {
    background-position: -96px -48px
}

.marketList__icon.marketList__icon--938121312436573380 {
    background-position: -112px -48px
}

.marketList__icon.marketList__icon--7089977393501380 {
    background-position: -128px -48px
}

.marketList__icon.marketList__icon--426696411010244 {
    background-position: 0 -64px
}

.marketList__icon.marketList__icon--422839530378436 {
    background-position: -16px -64px
}

.marketList__icon.marketList__icon--426090820621508 {
    background-position: -32px -64px
}

.marketList__icon.marketList__icon--427748677997764 {
    background-position: -48px -64px
}

.marketList__icon.marketList__icon--27041281599427780 {
    background-position: -64px -64px
}

.marketList__icon.marketList__icon--27045129890124996 {
    background-position: -80px -64px
}

.marketList__icon.marketList__icon--7091880064013508 {
    background-position: -96px -64px
}

.marketList__icon.marketList__icon--426627691533508 {
    background-position: -112px -64px
}

.marketList__icon.marketList__icon--7090561509053636 {
    background-position: -128px -64px
}

.marketList__icon.marketList__icon--2039041367363114180 {
    background-position: 0 -80px
}

.marketList__icon.marketList__icon--21674419315365060 {
    background-position: -16px -80px
}

.marketList__icon.marketList__icon--31846804542746768 {
    background-position: -32px -80px
}

.marketList__icon.marketList__icon--17018807910487236 {
    background-position: -48px -80px
}

.marketList__icon.marketList__icon--14904219417007300 {
    background-position: -64px -80px
}

.marketList__icon.marketList__icon--54189602460868 {
    background-position: -80px -80px
}

.marketList__icon.marketList__icon--16943259435750596 {
    background-position: -96px -80px
}

.marketList__icon.marketList__icon--494239066707140 {
    background-position: -112px -80px
}

.marketList__icon.marketList__icon--21178483823812 {
    background-position: -128px -80px
}

.marketList__icon.marketList__icon--22855552501634244 {
    background-position: 0 -96px
}

.marketList__icon.marketList__icon--2269946050598084 {
    background-position: -16px -96px
}

.marketList__icon.marketList__icon--2033484186488231108 {
    background-position: -32px -96px
}

.marketList__icon.marketList__icon--126740190024900 {
    background-position: -48px -96px
}

.marketList__icon.marketList__icon--1147941679092932 {
    background-position: -64px -96px
}

.marketList__icon.marketList__icon--8236450193691844 {
    background-position: -80px -96px
}

.marketList__icon.marketList__icon--21182778791108 {
    background-position: -96px -96px
}

.marketList__icon.marketList__icon--2032585318552655044 {
    background-position: -112px -96px
}

.marketList__icon.marketList__icon--5911305223492804 {
    background-position: -128px -96px
}

.marketList__icon.marketList__icon--2031321086339142852 {
    background-position: 0 -112px
}

.marketList__icon.marketList__icon--2411319194113220 {
    background-position: -16px -112px
}

.marketList__icon.marketList__icon--300647732562 {
    background-position: -32px -112px
}

.marketList__icon.marketList__icon--25769891012 {
    background-position: -48px -112px
}

.marketList__icon.marketList__icon--391168441479312 {
    background-position: -64px -112px
}

.marketList__icon.marketList__icon--13726135657459856 {
    background-position: -80px -112px
}

.marketList__icon.marketList__icon--558345835716 {
    background-position: -96px -112px
}

.marketList__icon.marketList__icon--21680337780298948 {
    background-position: 0 -128px
}

.marketList__icon.marketList__icon--15839732013552836 {
    background-position: 0 -128px
}

.marketList__icon.marketList__icon--1679716659553719492 {
    background-position: 0 -128px
}

.marketList__icon.marketList__icon--374675767075865 {
    background-position: 0 -128px
}

.marketList__icon.marketList__icon--374675767046662 {
    background-position: 0 -128px
}

.marketList__icon.marketList__icon--374675767108930 {
    background-position: 0 -128px
}

.marketList__icon.marketList__icon--1526559147980517520 {
    background-position: -16px -128px
}

.marketList__icon.marketList__icon--123763777688772 {
    background-position: -16px -128px
}

.marketList__icon.marketList__icon--123763777614342 {
    background-position: -16px -128px
}

.marketList__icon.marketList__icon--123763777643545 {
    background-position: -16px -128px
}

.marketList__icon.marketList__icon--93810675766468 {
    background-position: -32px -128px
}

.marketList__icon.marketList__icon--93810675708048 {
    background-position: -32px -128px
}

.marketList__icon.marketList__icon--93810675745550 {
    background-position: -32px -128px
}

.marketList__icon.marketList__icon--508931114652423506 {
    background-position: -48px -128px
}

.marketList__icon.marketList__icon--6015105993037138 {
    background-position: -64px -128px
}

.marketList__icon.marketList__icon--6810413677172050 {
    background-position: -64px -128px
}

.marketList__icon.marketList__icon--10500838556456274 {
    background-position: -80px -128px
}

.marketList__icon.marketList__icon--1387370618105648466 {
    background-position: -96px -128px
}

.marketList__icon.marketList__icon--23381802046660 {
    background-position: -112px -128px
}

.marketList__icon.marketList__icon--145998823326404 {
    background-position: -128px -128px
}

@media (min-width:568px) {
    .press-bar__item {
        width: 33%
    }

    .footer__nav--reorg .footer__social--list {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .page-content-area .fca-curr__tbl td:before {
        display: none
    }

    .banner__why-capital--tower {
        margin: 0;
        width: 100%;
        border-radius: 4px
    }

    .sparkChart {
        width: 100px
    }

    .language-set {
        columns: 2 10px
    }

    .partners__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        padding: 48px 0 56px
    }

    .partners__item {
        gap: 10px;
        padding: 25px
    }
}

@media (min-width:600px) {
    .banner__item {
        font-weight: 900;
        font-size: 31px;
        line-height: 40px
    }

    .hide-mobile {
        display: block
    }

    .hide-tablet {
        display: none
    }
}

@media (min-width:768px) {
    .section__tabs .row-cont {
        padding: 0
    }

    .main__banner--img-item {
        max-height: 295px
    }

    .main__slider--h-reviews._columns3:not(.slick-initialized) .main__slider--reviews-item {
        width: calc(50% - 30px)
    }

    .main__slider--h-reviews._columns3 .main__slider--reviews-item {
        margin: 0 15px
    }

    .press-bar__item {
        width: 20%
    }

    .footer--text p {
        font-size: 12px
    }

    .footer__nav--reorg .footer__nav--list {
        margin: 0 0 32px
    }

    .footer__nav--reorg .footer__nav--item {
        padding: 32px 0 0 24px
    }

    .footer__nav--reorg .footer__nav--item:first-child .footer__nav--title:before {
        position: absolute;
        left: 0;
        width: 100vw;
        bottom: 0;
        height: 1px;
        background: #bbbdbf;
        content: ""
    }

    .footer__nav--reorg .footer__nav--item:last-child {
        margin-bottom: 32px
    }

    .footer__nav--reorg .footer__nav--title {
        margin-bottom: 24px;
        padding: 0 0 16px;
        min-height: 64px
    }

    .footer__nav--reorg .footer__nav--title_arrow {
        display: none
    }

    .footer__nav--reorg .footer__nav--subtitle_arrow {
        display: none
    }

    .main__cookies--w_sticky_bar {
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 145px !important
    }

    .main__cookies--gb.main__cookies--w_sticky_bar {
        bottom: 85px !important
    }

    .copyright {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .copyright__links {
        -ms-flex-flow: row;
        flex-flow: row;
        margin-bottom: 0
    }

    .copyright__links a:not(:last-child) {
        margin-bottom: 0;
        margin-right: 25px
    }

    .footer__apps {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .footer__apps a {
        margin: 16px 0 0
    }

    .footer__fix--sticky-bar.w-cookies .row-cont .footer__prev:after {
        display: none
    }

    .footer__fix--sticky-bar.footer--noRW .row-cont .fixed-contact {
        top: 50vh;
        bottom: unset !important;
        border-radius: 16px 0 0 16px;
        transform: translateY(-50%)
    }

    .footer__fix--sticky-bar .row-cont .main__cookies {
        padding: 4px 4px 4px 16px;
        border-left: 1px solid #4c4c4e;
        font-size: 14px
    }

    [lang=ar] .footer__fix--sticky-bar .row-cont .main__cookies {
        padding: 4px 16px 4px 4px
    }

    .footer__fix--sticky-bar .row-cont .footer__prev {
        padding: 4px 54px 4px 16px;
        border-left: 1px solid #4c4c4e;
        border-right: 1px solid #4c4c4e;
        font-weight: 400;
        font-size: 14px
    }

    .footer__fix--sticky-bar .row-cont .footer__prev:after,
    .footer__fix--sticky-bar .row-cont .footer__prev:before {
        display: none
    }

    [lang=ar] .footer__fix--sticky-bar .row-cont .fixed-contact__icon {
        margin-left: 4px
    }

    .mbSection {
        margin-bottom: 64px
    }

    .stageItemWithBg {
        padding-top: 60px
    }

    .stageItemWithBg .stageItem__countHolder {
        margin-bottom: 46px
    }

    .page-content-area .fca-curr__tbl tbody tr:first-child td {
        padding-top: 16px
    }

    .page-content-area .fca-curr__tbl td {
        font-size: 16px
    }

    .tool .pb-none .row-cont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tool .pb-none .tool__banner {
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 40px
    }

    .tool .pb-none .tool__desc--text-wrap {
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }

    .tool .pb-none .tool__desc--text-wrap .h2 {
        margin-left: 0
    }

    .tool .pb-none .tool__desc--text-wrap .txt-md {
        padding-left: 0;
        margin-left: 0
    }

    .tool .pb-none .tool__info {
        -ms-flex-order: 2;
        order: 2;
        max-width: 100%
    }

    .tool__desc .h2 {
        font-size: 28px
    }

    .table-tools table {
        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
        border-radius: 6px
    }

    .table-tools thead th {
        width: 16%
    }

    .table-tools thead th.name {
        width: 23%;
        padding-left: 20px
    }

    .table-tools thead th.first-clmn {
        padding-left: 20px
    }

    .table-tools thead th:first-child {
        border-radius: 6px 0 0 0
    }

    .table-tools thead th:last-child {
        border-radius: 0 6px 0 0;
        white-space: normal
    }

    .table-tools tfoot td {
        border-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-radius: 0 0 6px 6px
    }

    .table-tools tbody td:first-child {
        border-left: 1px solid #e5e5e5
    }

    .table-tools tbody td:last-child {
        border-right: 1px solid #e5e5e5
    }

    .table-tools__description {
        font-size: 10px
    }

    .instruments-search {
        display: block
    }

    .main__tools._big .h3 {
        font-size: 24px;
        line-height: 32px
    }

    .inner-content-container .main__feedback--cont-page {
        display: none
    }

    .course-pic-head {
        height: 420px;
        margin-top: 40px;
        border-radius: 4px;
        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .07);
        padding: 0 35px
    }

    .course-pic-head .title-c {
        font-size: 18px;
        margin-bottom: 20px
    }

    .hidden-desk {
        display: none !important
    }

    .container-flex {
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .container-flex .main-part {
        -ms-flex: 3;
        flex: 3
    }

    .container-flex .side-part {
        min-width: 203px;
        margin-left: 37px
    }

    .modal {
        width: 556px;
        overflow-x: hidden
    }

    .modal.narrow {
        width: 440px
    }

    .modal.modal-close-reg .modal-footer .button-main:lang(de),
    .modal.modal-close-reg .modal-footer .button-main:lang(el),
    .modal.modal-close-reg .modal-footer .button-main:lang(fr),
    .modal.modal-close-reg .modal-footer .button-main:lang(ru),
    .modal.modal-close-reg .modal-footer .button-outlined:lang(de),
    .modal.modal-close-reg .modal-footer .button-outlined:lang(el),
    .modal.modal-close-reg .modal-footer .button-outlined:lang(fr),
    .modal.modal-close-reg .modal-footer .button-outlined:lang(ru) {
        font-size: 14px
    }

    .modal.modal-language {
        width: 640px
    }

    .modal.modal-calendar {
        padding: 30px 45px;
        width: 856px
    }

    .language-set {
        columns: 3 10px
    }

    .container-with-side-nav-content .list-way li {
        padding-left: 97px
    }

    .container-with-side-nav-content .list-way li:before {
        left: 41px
    }

    .container-with-side-nav-content .list-way li:after {
        left: 55px
    }

    .reg-button-toolbar._cols .button-main {
        width: auto;
        min-width: 362px;
        margin-bottom: 24px
    }

    .form-container-small-content .error-container .sprite-warning,
    .form-container-small-content .positive-container .sprite-warning {
        top: 18px;
        left: 27px
    }

    .form-container-signup {
        width: 100%
    }

    .rgSlider__wrapWithSubtitle {
        gap: 32px
    }

    .form-group__date {
        max-width: 165px
    }

    .error-container,
    .positive-container {
        width: 100%;
        text-align: center;
        margin: 0 auto
    }

    .error-container .sprite-warning,
    .positive-container .sprite-warning {
        left: 80px
    }

    .seo-banner--desc.seo-banner--type6 .text-info {
        -ms-flex: 1;
        flex: 1;
        padding-left: 27%;
        text-align: left
    }

    .ec-calendar__form--period .button-outlined {
        margin-left: 5vw
    }

    .ec-calendar .table td:nth-child(4),
    .ec-calendar .table td:nth-child(5),
    .ec-calendar .table td:nth-child(6),
    .ec-calendar .table th:nth-child(4),
    .ec-calendar .table th:nth-child(5),
    .ec-calendar .table th:nth-child(6) {
        text-align: right
    }

    .seo__title.ln_mt0 {
        margin-top: 0
    }

    .partners__list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .boxButtons--max img {
        height: 47px
    }

    .boxButtons .android,
    .boxButtons .ios {
        display: inherit
    }

    html[lang=ar] .copyright__links a:not(:last-child) {
        margin-left: 25px;
        margin-right: unset
    }

    .chart-up-down .profit {
        padding: 32px 0;
        font-size: 32px
    }

    .storyBanner {
        --gapContentStoryBanner: 100px
    }

    .contactAsian__list {
        -ms-grid-columns: (minmax(240px, 1fr)) [auto-fit];
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 32px
    }

    .contactAsian__item {
        padding: 16px
    }

    .contactAsian__title--modal {
        font-size: 24px
    }

    .contactAsian__modal .modal__content,
    .contactAsian__modal .modal__head {
        padding: 24px 56px
    }

    .contactAsian__modal .modal__footer {
        margin-top: 24px;
        padding-top: 24px
    }

    .contactAsian__modal .close-button {
        right: 16px
    }

    .contactAsianSupport__list {
        margin: 16px 0 0
    }
}

@media (min-width:900px) {
    .control-hint-wrapper {
        width: 260px;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 10
    }
}

@media (min-width:992px) {
    .tool .pb-none .tool__banner {
        max-width: calc(68% - 50px);
        margin-right: 45px
    }

    .tool .pb-none .tool__info {
        -ms-flex-order: 2;
        order: 2;
        max-width: 30%
    }

    .banner__why-capital .button-main.rounded-lg {
        max-width: 230px;
        width: 100%
    }

    .webinar iframe {
        width: 360px;
        height: 206px
    }

    .container-flex .side-part {
        min-width: 263px
    }

    .addresses {
        display: -ms-flexbox;
        display: flex
    }

    .addresses-item {
        width: 30%
    }

    .addresses-item:last-child {
        width: 35%
    }

    .addresses .company-address,
    .addresses .company-city,
    .addresses .company-country {
        display: block
    }

    .deposit-form {
        width: 100%
    }

    .registration-info-block {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 300px
    }

    .seo__item--why-capital .banner__why-capital .list {
        max-width: 70%
    }

    html[lang=ar] .index-page .col-xs-12.col-md-5,
    html[lang=ar] .index-page .col-xs-12.col-md-7 {
        float: right
    }

    .chart-up-down__wrap .col1 {
        margin-right: 135px;
        -ms-flex: 1;
        flex: 1;
        max-width: 624px
    }

    .chart-up-down__wrap .col2 {
        max-width: 405px
    }
}

@media (min-width:1024px) {
    .section--reviews {
        padding-bottom: 60px
    }

    .main__slider--h-reviews._columns3:not(.slick-initialized) {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .main__slider--h-reviews._columns3:not(.slick-initialized) .main__slider--reviews-item {
        width: calc(33.3% - 30px)
    }

    .main__slider--h-reviews._columns3 .slick-track {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .partners__list {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }

    :root {
        --arrowStory: 56px
    }

    .storyCarousel .slick-dots {
        top: 16px;
        gap: 30px
    }

    .storyCarousel .slick-dots li,
    .storyCarousel .slick-dots li button,
    .storyCarousel .slick-dots li button:before {
        height: 4px
    }

    .storyBanner__anchor {
        top: 44px
    }

    .storyBanner__container {
        padding-top: 16px
    }

    .storyBanner__content {
        padding-bottom: 20px
    }

    .storyBanner__title {
        font-size: 64px
    }

    .storyBanner__box {
        gap: 16px
    }
}

@media (min-width:1140px) {

    .hidden-large,
    .hide-for-large {
        display: none !important
    }
}

@media (min-width:1200px) {
    .banner__wrap {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .banner__txt-block {
        max-width: 50%;
        padding-top: 40px
    }

    .banner__txt-block .main__banner--store {
        margin-bottom: 15px
    }

    .banner__txt-block .store-apple,
    .banner__txt-block .store-google {
        display: none
    }

    .banner__same {
        position: absolute;
        top: 50%;
        right: -60px;
        margin-top: 0;
        background-position: center left;
        max-width: 640px;
        width: 100%;
        transform: translateY(-50%)
    }

    .webp .banner__same {
        background-image: url(../img/homepage/top-banner/devices.webp)
    }

    .no-webp .banner__same {
        background-image: url(../img/homepage/top-banner/devices.png)
    }

    .txt-pilot p {
        font-size: 18px;
        line-height: 1.667
    }

    .footer__nav--reorg .footer__nav--item {
        padding: 32px 0 0 36px
    }

    .footer__nav--reorg .footer__nav--item:last-child .footer__nav--title {
        display: none
    }

    .footer__nav--reorg .footer__nav--title {
        min-height: unset
    }

    .copyright {
        font-size: 12px
    }

    .footer__nav--reorg .footer__nav--title {
        min-height: 51px
    }

    .table-tools thead th {
        font-size: 18px
    }

    .table-tools thead th.name {
        padding-left: 22px
    }

    .table-tools thead th.first-clmn {
        padding-left: 22px
    }

    .table-tools thead th.chart {
        width: 150px
    }

    .table-tools thead th.chart {
        padding-right: 22px
    }

    .table-tools tfoot td {
        font-size: 20px;
        line-height: 24px
    }

    .table-tools tbody td.chart {
        padding-right: 22px
    }

    .table-tools tbody td>span {
        line-height: 21px
    }

    .table-tools__title {
        font-size: 14px
    }

    .table-tools__description {
        font-size: 12px
    }

    .table-tools__price {
        line-height: 36px
    }

    .banner__why-capital--tower {
        background-position: center bottom
    }

    .search__input {
        padding-left: 35px;
        border-bottom: 0
    }

    .global-search__message {
        font-size: 18px;
        line-height: 1.667
    }

    .global-search__text p {
        font-size: 16px
    }

    .glossary {
        margin-top: 0
    }

    .button-outlined {
        font-size: 18px;
        line-height: 1.667
    }

    .registration-main-area .control-hint-wrapper {
        width: 260px;
        position: absolute;
        left: 100%;
        top: 50%;
        z-index: 10;
        transform: translateY(-50%)
    }

    .registration-main-area .control-hint-wrapper .control-hint {
        margin-left: 15px;
        margin-top: 0
    }

    .registration-main-area .control-hint-wrapper .control-hint-arrow {
        bottom: auto;
        left: auto;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 22px
    }

    .registration-main-area .control-hint-wrapper .control-hint-arrow:before {
        transform: translateX(50%) translateY(-50%) rotate(45deg);
        top: 50%;
        right: 0;
        bottom: auto
    }

    .registration-progress {
        width: 590px;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }

    .valid-error.global,
    .valid-pass.global {
        width: 560px;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }

    .registration-info-block {
        left: 100%;
        right: auto
    }

    .side-calc .table-tools tr {
        display: table;
        width: 100%
    }

    .side-calc .table-tools .frcst,
    .side-calc .table-tools .hide-for-medium.prev {
        display: none !important
    }

    .side-calc .table-tools tbody td.first-clmn {
        width: 60px;
        font-size: 16px;
        font-weight: 400
    }

    .side-calc .table-tools .hide-for-small {
        display: none !important
    }

    .side-video .hvideo,
    .side-video .yvideo {
        width: 100%
    }

    .side-video .video__list {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .side-video .video__item {
        max-width: 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin: 0 0 20px
    }

    .side-video .video__item:last-child {
        margin-bottom: 0
    }

    .traders__webinar-block .txt-sm {
        font-size: 14px;
        line-height: 1.375
    }

    .partners__text {
        height: 11.669em
    }

    .partners__text:after {
        height: 1.667em
    }

    html[lang=ar] .header__nav {
        min-width: 740px
    }

    html[lang=ar] .header__nav .lang-change {
        margin-left: unset;
        margin-right: 10px
    }

    html[lang=ar] .banner__item {
        text-align: right
    }

    .expand-collapse-body p {
        font-size: 18px;
        line-height: 1.667
    }
}

@media (min-width:1300px) {
    .footer__fix--sticky-bar .row-cont .footer__prev {
        padding: 4px 16px
    }

    .scroll-to-top {
        position: absolute;
        right: 50px;
        top: -20px;
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex
    }

    .scroll-to-top:before {
        content: "";
        width: 11px;
        height: 11px;
        border-right: 2px solid #000;
        border-top: 2px solid #000;
        transform: rotate(-45deg);
        display: block;
        margin: 16px auto 0
    }
}

@media (min-width:1360px) {
    .storyCarousel .slick-next {
        right: calc((100vw - 1140px - 122px)/ 2)
    }

    html[dir=rtl] .storyCarousel .slick-next {
        left: calc((100vw - 1140px - 122px)/ 2)
    }

    .storyCarousel .slick-prev {
        left: calc((100vw - 1140px - 122px)/ 2)
    }

    html[dir=rtl] .storyCarousel .slick-prev {
        right: calc((100vw - 1140px - 122px)/ 2)
    }

    .storyBanner__anchor {
        inset-inline-end: -68px
    }
}

@media (min-width:1440px) {
    .footer__fix--sticky-bar .row-cont .fixed-contact__icon:before {
        width: 16px;
        height: 16px
    }

    .footer__fix--sticky-bar .row-cont .fixed-contact__desc {
        display: block
    }

    .footer__fix--sticky-bar .row-cont .fixed-contact .blg-c {
        border-radius: 50%
    }

    .footer__fix--sticky-bar .row-cont .fixed-contact .blg-c-w {
        background: #fff;
        border-radius: 32px 32px 0 0;
        animation: none
    }

    .footer__fix--sticky-bar .row-cont .fixed-contact .blg-cs {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media (min-width:1441px) {
    .back-slide {
        top: 300px
    }

    .registration-form-wrapper {
        padding-top: 200px
    }

    .investingMode .registration-side-area {
        min-width: 560px
    }

    .investingMode .registration-side-promo {
        width: 560px
    }

    .investingMode .registration-main-slider {
        width: 560px
    }
}

@media (max-width:1440px) {
    .investingMode .regHead {
        margin: 0 0 50px
    }
}

@media (max-width:1359px) {
    .active .storyBanner__anchor {
        display: none
    }
}

@media (max-width:1200px) {
    .investingMode .registration-side-area {
        display: none
    }

    .investingMode .registration-side-promo {
        display: none
    }

    .investingMode .registration-main-slider {
        display: none
    }
}

@media (max-width:1199px) {
    .main__tab {
        margin-top: 15px
    }

    .video-review--logo {
        bottom: 30px
    }

    .video-review--counter {
        bottom: 46px
    }

    .main__insight--btn {
        display: none
    }

    .main__insight--animate {
        transform: translateY(0)
    }

    .footer__nav--reorg .footer__numb {
        margin-top: 6px;
        padding: 12px
    }

    .footer-site {
        padding-right: 24px;
        padding-left: 24px
    }

    .join__item--color_green .join__counter p {
        top: 14px
    }

    .search {
        float: none
    }

    .search__ico,
    .search__ico--show {
        right: 30px;
        left: initial
    }

    .search_res_wrap {
        display: none
    }

    .search__clear {
        right: 30px
    }

    .global-search__text h4,
    .global-search__text h4 a {
        font-size: 16px;
        line-height: 1.375
    }

    .webinar__content .content {
        padding-left: 35px
    }

    .banner-info.webinar .content {
        padding-left: 35px
    }

    .banner-info.webinar .user__info span {
        font-size: 18px;
        line-height: 1.333
    }

    .inner-content-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .hidden-tab-port {
        display: none !important
    }

    .profile-button {
        margin-left: auto
    }

    .container-with-side-nav-content .list-way li strong {
        font-size: 18px;
        line-height: 1.333
    }

    .tv-box .video {
        width: calc(50% - 16px)
    }

    .rw-first {
        grid-area: unset;
        margin: auto 110px 24px 24px;
        padding: 16px 32px 16px 16px;
        max-width: 100%
    }

    .registrationPromo {
        display: none
    }

    .form-container-signup {
        grid-area: unset;
        max-width: 556px
    }

    .registration-inner-area .overlay {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: max-content;
        grid-template-rows: max-content;
        gap: 16px
    }

    .regHead-area .lang-change {
        margin-top: 0
    }

    .goldStyle .form-container-small-header.hidden-desktop {
        display: block
    }

    .platform-login__wrap .overlay {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: max-content;
        grid-template-rows: max-content;
        gap: 16px
    }

    .platform-login__wrap .form-container-small {
        grid-area: unset
    }

    .seo-banner--desc {
        padding: 24px 30px
    }

    .seo-banner--desc .title {
        font-size: 28px;
        line-height: 40px;
        max-width: 356px
    }

    .seo-banner--desc.seo-banner--type2 .title {
        max-width: 400px;
        font-size: 26px;
        line-height: 40px;
        margin-right: 20px
    }

    .seo-banner--desc.seo-banner--type3,
    .seo-banner--desc.seo-banner--type5 {
        padding: 24px 30px
    }

    .seo-banner--desc.seo-banner--type3 .title,
    .seo-banner--desc.seo-banner--type5 .title {
        max-width: 380px;
        font-size: 24px;
        line-height: 33px
    }

    .seo-banner--desc.seo-banner--type3 .text-bold,
    .seo-banner--desc.seo-banner--type5 .text-bold {
        font-size: 28px
    }

    .seo-banner--desc.seo-banner--type3 .seo-banner__logo,
    .seo-banner--desc.seo-banner--type5 .seo-banner__logo {
        max-width: 100px
    }

    .seo-banner--desc.seo-banner--type4 {
        background-color: #6e80f0
    }

    .seo-banner--desc.seo-banner--type4 .title {
        max-width: 350px;
        font-size: 28px
    }

    .glossaryBottomBanner video {
        height: auto
    }

    .counter__wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .counter__btn.button-main.rounded-lg {
        justify-self: center
    }

    .prime__list {
        margin-top: 70px
    }

    .prime__list--platform {
        margin-top: 0
    }

    .prime__list--homepage {
        margin-top: 0
    }

    .prime__item {
        padding: 45px 30px 30px
    }

    .prime__banner {
        padding: 32px 50px 33px 25px
    }

    .prime__banner a {
        margin-left: 50px
    }

    .side-calc {
        margin-top: 40px
    }

    .side-calc--no-offset {
        margin-top: 0
    }

    .side-video .hvideo,
    .side-video .yvideo {
        max-width: 480px
    }

    .side-video .video__list {
        margin-left: -15px;
        margin-right: -15px
    }

    .side-video .video__item {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .calend-after {
        display: none
    }

    .seo__item {
        margin-bottom: 30px
    }

    .seo__second-blk__item {
        min-height: 136px
    }

    .calendar-frame {
        display: none
    }

    .traders__webinar-block .text__block--item:first-child {
        padding-right: 20px
    }

    .boxButtons--colMob .boxButtons__btn {
        margin-right: 15px
    }

    html[lang=ar] .header__nav {
        right: -100%;
        transition: right .4s, padding .3s
    }

    html[lang=ar] .header__nav-arrow {
        left: 15px;
        right: unset
    }

    html[lang=ar] .header__nav--mbtn {
        text-align: right
    }

    html[lang=ar] .header__nav .search__ico {
        right: unset;
        left: 30px
    }

    html[lang=ar] .header__nav--link {
        min-height: unset
    }

    html[lang=ar] .lang-name {
        margin-right: 10px
    }

    html[lang=ar] .bDefault h2 {
        text-align: center
    }

    html[lang=ar] .btc-current {
        position: relative;
        margin-bottom: 50px;
        left: unset;
        transform: none
    }

    html[lang=ar] .btc-current svg {
        left: 7px;
        max-width: 30px
    }

    .videoBl {
        max-width: 480px
    }

    .videoBl--wide {
        max-width: 800px
    }

    .expand-collapse-header {
        font-size: 18px;
        line-height: 1.333
    }

    .careers__expand-collapse-header {
        font-size: 18px;
        line-height: 1.333
    }
}

@media (max-width:1045px) {
    .main__cookies {
        left: 15px;
        bottom: 80px
    }

    #launcher {
        bottom: 70px !important
    }
}

@media (max-width:1023px) {
    .banner__txt-block .main__banner--store.mob {
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto 25px
    }

    .banner__txt-block .button-main {
        display: none
    }

    .banner__txt-block .button-main.mob-hide {
        display: inline-block
    }

    .main__tab--content .button-link {
        position: relative
    }

    .section--reviews .twocolumns {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .section--reviews .twocolumns .column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .section--reviews .twocolumns .column {
        width: 100%;
        padding: 0
    }

    .main__slider--reviews-item {
        padding: 30px 45px 25px;
        margin: 0 15px
    }

    .video-reviews {
        margin: 0 12px 55px
    }

    .main__feedback .button-main {
        display: none
    }

    .main__feedback--custom .button-main {
        display: none
    }

    .trust-logo {
        --gGap-trustLogos: 5px;
        --vGap-trustLogos: 5px
    }

    .commodities__item {
        -ms-flex: 1 0 calc(50% - 18px);
        flex: 1 0 calc(50% - 18px);
        max-width: calc(50% - 18px)
    }

    .footer__fix--sticky-bar .row-cont .footer__button {
        display: none
    }

    .cfdTrading {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 24px
    }

    .cfdTrading__visual {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 264px;
        margin: 8px auto 0
    }

    .cfdTrading__line {
        height: 1px;
        margin: 16px 0 7px
    }

    .cfdTrading__line span {
        background: #fff;
        padding: 0 30px;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    .newToTrade {
        height: auto
    }

    .newToTrade__inner {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .newToTrade__img {
        position: static
    }

    .newToTrade .h1 {
        margin-top: 24px
    }

    .banner__why-capital .button-main {
        display: none
    }

    .actionsBar .tool__info {
        display: none
    }

    .actionsBar .tool__banner {
        max-width: 100%;
        width: 100%;
        margin: 0
    }

    .button-main.mob {
        display: inline-block
    }

    .ticker__slide {
        padding: 0 10px
    }

    .rw-regform {
        padding: 20px 100px 20px 20px;
        line-height: 12px;
        font-size: 11px
    }

    .category .seo-banner .button-main {
        display: inline-block
    }

    .prime__tools-item {
        padding: 25px
    }

    .prime__tick--item {
        padding-left: 20px
    }

    .prime__list {
        margin-top: 50px
    }

    .prime__list--platform {
        margin-top: 0
    }

    .prime__item {
        padding: 25px 15px 20px
    }

    .prime__banner div {
        text-align: right
    }

    .chart-up-down.profit_loss_widget {
        margin: 16px 0
    }
}

@media (max-width:991px) {
    .row-cont {
        padding: 0 15px
    }

    .main__banner--form {
        display: none
    }

    .main__slider--item {
        margin: 0 10px
    }

    .main__slider--reviews-text {
        font-size: 16px;
        line-height: 24px;
        color: #000
    }

    .main__tools--item {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 15px 10px;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 15px 20px
    }

    .main__tools .main__sprite {
        margin: 0 0 15px 0
    }

    .main__insight--item {
        width: 100%;
        padding: 24px 20px;
        min-height: 340px
    }

    .main__insight .h2 {
        font-size: 21px;
        line-height: 26px;
        margin-top: 20px
    }

    .main__insight .txt-lg {
        font-size: 16px;
        line-height: 22px
    }

    .main__feedback {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 36px 0 38px
    }

    .main__feedback .h2,
    .main__feedback .txt-md {
        text-align: center;
        margin-bottom: 10px
    }

    .trust-logo__list {
        padding: 10px 15px
    }

    .partners .item--other {
        display: none
    }

    .partners__holder {
        padding: 0 15px
    }

    .notice-holder {
        font-size: 12px
    }

    .footer__fix .footer__button {
        right: 15px;
        left: 15px
    }

    .footer__numb {
        margin-bottom: 20px
    }

    .footer__nav--item {
        padding: 20px 15px 25px 0
    }

    .newToTrade {
        text-align: center
    }

    .newToTrade .h1 {
        text-align: center
    }

    .newToTrade__desc {
        text-align: center
    }

    .newToTrade__buttons {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .tool__hide-mobile {
        display: none
    }

    .tool .values__ico {
        margin: 0 auto 20px auto
    }

    .tool__info--pbar.trade-progress {
        visibility: visible;
        display: none
    }

    .tool .main__tools--items_3 {
        gap: 0 20px
    }

    .tool .main__tools--item {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .tool__desc--text-wrap {
        width: calc(100% - 335px)
    }

    .tool__desc .ready-starting__btn a {
        margin: 10px 0
    }

    .tool__desc--start {
        width: 315px;
        padding: 25px
    }

    .banner__why-capital .row-cont {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .banner__why-capital--logo {
        margin-bottom: 20px
    }

    .banner__why-capital .list {
        margin: 30px auto
    }

    .main__tools._big .h3 {
        text-align: center
    }

    .main__tools._big .values__ico {
        margin: 10px auto 20px
    }

    .status-info-container {
        width: 100%
    }

    .status-info-description {
        width: 100%
    }

    .payment-details {
        width: 100%
    }

    .global-search__list {
        min-height: 200px
    }

    .webinar__content {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 35px 20px 55px
    }

    .webinar__content .sidebar {
        max-width: 100%
    }

    .webinar__content .sidebar__cont {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .webinar__content .list {
        padding-right: 35px;
        margin-bottom: 45px
    }

    .webinar__content .content {
        padding-left: 0;
        margin-bottom: 40px
    }

    .webinar__content .content p {
        margin-bottom: 20px
    }

    .webinar__content .testimonial {
        margin-top: 45px
    }

    .banner-info.webinar {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 35px 0 55px
    }

    .banner-info.webinar .info {
        width: 100%;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .banner-info.webinar .list {
        padding-right: 35px
    }

    .banner-info.webinar .content {
        padding-left: 0;
        margin-bottom: 40px
    }

    .banner-info.webinar .content p {
        margin-bottom: 20px
    }

    .video__item {
        min-width: calc(50% - 35px);
        max-width: calc(50% - 35px)
    }

    .sidebar-left {
        max-width: 300px;
        width: 100%;
        float: left
    }

    .swiper-button-next {
        background: 0 0
    }

    .swiper-button-prev {
        background: 0 0
    }

    .container-with-side-nav-nav {
        display: none
    }

    .list-webinar {
        max-width: 480px;
        margin: 0 auto 30px
    }

    .explore .list-webinar {
        margin-top: 30px
    }

    .text-t-center {
        text-align: center
    }

    .grouped-controls.line-on-tablet {
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .grouped-controls.line-on-tablet>.form-group {
        margin: 0 0 18px
    }

    .grouped-controls.line-on-tablet>.form-group:last-child {
        margin-bottom: 0
    }

    .risk__banner--img {
        display: none
    }

    .form-container-big {
        width: 90%
    }

    .custom-signup {
        overflow: auto !important
    }

    .seo-banner--desc.seo-banner--type6 {
        background-position: 17% 0
    }

    .prime__banner a {
        margin-bottom: 10px;
        margin-left: 20px;
        display: block;
        float: none
    }

    .prime__banner a:last-of-type {
        margin-bottom: 0
    }

    .tools {
        margin-top: 30px
    }

    .seo__item--why-capital__logo {
        text-align: center
    }

    .seo__second-blk__item {
        min-height: auto
    }

    .traders__webinar-block .text__block--iframe {
        margin-top: 35px;
        overflow: auto
    }

    .boxButtons__btn {
        margin-right: 10px
    }

    .careers__accordion .careers__expand-collapse-footer--social a {
        margin-left: 40px
    }
}

@media (max-width:960px) {
    .footer__nav--reorg .footer__numb {
        margin-top: unset
    }

    .footer__fix--sticky-bar .row-cont .fixed-contact {
        bottom: unset !important;
        min-width: unset;
        height: unset
    }

    .join__item {
        margin: 0 30px
    }

    .join__item:first-child {
        margin: 0 30px 0 0
    }

    .join__item:last-child {
        margin: 0 0 0 30px
    }

    .main-article-item--video {
        padding: 25px 0 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-article-item--video .main-article-item__pic {
        width: 110px;
        margin-left: 20px
    }

    .main-article-item--video .video__item--video {
        float: left;
        width: 100%;
        margin: 20px 0 0;
        -ms-flex-order: 2;
        order: 2
    }

    .main-article-item--video .main-article-item__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: baseline;
        align-items: baseline;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .rw-first {
        margin: auto 110px 16px 16px
    }

    .counter__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
        max-width: 75%
    }
}

@media (max-width:900px) {
    .table-tools tbody td.chart:nth-last-child(2) {
        display: none
    }

    .info-notice .flex:not(:lang(en)) {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .info-notice .flex:not(:lang(en)) ul {
        max-width: 100%
    }

    .info-notice .flex:not(:lang(en)) ul:not(:last-child) {
        margin-bottom: 8px
    }
}

@media (max-width:767px) {
    #blinger-launcher-iframe.blinger-launcher-right {
        height: 100px;
        bottom: 43px
    }

    .section {
        margin-bottom: 0
    }

    .section .h1 {
        margin: 22px 15px 14px
    }

    .section .h2 {
        margin: 34px 15px 12px
    }

    .section .txt-md {
        margin-bottom: 22px
    }

    .main__banner--form .error__message {
        display: none
    }

    .main__banner--store {
        margin-top: 0
    }

    .main__banner--img {
        margin-top: 30px
    }

    .main__banner--img i {
        display: none
    }

    .main__banner--img img {
        max-width: 480px;
        margin: 0 auto;
        display: block
    }

    .main__banner--img-list {
        margin-top: 32px
    }

    .main__banner--img-item.mobile img {
        display: block
    }

    .main__banner--img-item img {
        display: none
    }

    .main__tab {
        margin-top: 10px;
        margin-bottom: 0
    }

    .main__tab--content .mob-center {
        text-align: center
    }

    .main__tab--content .button-link {
        max-width: 100%;
        bottom: 0
    }

    .main__tab--content .main__slider+p {
        text-align: center
    }

    .main__tab--link {
        text-align: center
    }

    .main__slider {
        margin-top: 10px
    }

    .main__slider--item {
        margin: 20px 15px 0 5px
    }

    .main__slider--reviews {
        padding: 0 5px;
        margin-bottom: 30px
    }

    .main__slider--h-reviews .slick-next,
    .main__slider--h-reviews .slick-prev {
        width: 40px;
        height: 40px
    }

    .main__slider--h-reviews .slick-next {
        right: -3px
    }

    .main__slider--h-reviews .slick-prev {
        left: -3px
    }

    .main__slider--h-reviews .reviewItem__name {
        font-size: 16px
    }

    .main__slider--h-reviews .reviewItem__time {
        font-size: 12px
    }

    .main__slider--h-reviews .reviewItem__cite {
        font-size: 13px
    }

    .video-review:after {
        border-left-width: 21px;
        border-bottom-width: 10px;
        border-top-width: 10px
    }

    .video-review:before {
        width: 60px;
        height: 48px
    }

    .video-review {
        min-height: 200px
    }

    .video-reviews {
        min-height: 0
    }

    .video-reviews .slick-next,
    .video-reviews .slick-prev {
        width: 40px;
        height: 40px
    }

    .video-reviews .slick-next {
        right: -20px
    }

    .video-reviews .slick-prev {
        left: -20px
    }

    .video-review--logo {
        bottom: 14px;
        padding: 9px 10px 6px 15px
    }

    .video-review--logo svg {
        width: 105px;
        height: auto
    }

    .video-review--logo .text-md {
        font-size: 12px;
        margin: 0
    }

    .video-review--logo .text-xs {
        font-size: 9px
    }

    .video-review--counter {
        font-size: 20px;
        bottom: 23px;
        padding: 8px 130px 9px 4px
    }

    .main__tools {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        text-align: center
    }

    .main__tools--item {
        max-width: 100%;
        display: block;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 15px 20px
    }

    .main__tools .main__sprite {
        display: block;
        margin: 0 auto 15px
    }

    .main__tools .h3,
    .main__tools .h4 {
        margin: 0 0 7px
    }

    .main__support--strip {
        display: none
    }

    .main__insight {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 42px
    }

    .main__insight--item:first-child {
        border-radius: 6px 6px 0 0
    }

    .main__insight--item:last-child {
        border-radius: 0 0 6px 6px
    }

    .main__feedback {
        padding: 54px 0 56px
    }

    .main__feedback--custom {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 36px 0 38px
    }

    .main__feedback--custom {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 54px 0 56px
    }

    .main__feedback--custom p {
        text-align: center;
        margin-bottom: 10px
    }

    .trust-logo__list {
        padding: 20px 0
    }

    .trust-logo__item {
        width: calc(50% - 2 * var(--gGap-trustLogos))
    }

    .trust-logo__title {
        font-size: 10px
    }

    .partners-list {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .confirm {
        padding: 45px 0 60px
    }

    .confirm .ico__clock,
    .confirm .ico__messages {
        margin-bottom: 30px
    }

    .confirm .text {
        font-size: 18px;
        line-height: 30px;
        max-width: 580px
    }

    .feedback {
        background-image: url(../img/homepage/big-bg-1-mobile-low.jpg)
    }

    .feedback.bg-quality {
        background-image: url(../img/homepage/big-bg-1-mobile.jpg)
    }

    .notice-holder {
        font-size: 10px;
        text-align: left
    }

    .footer--text {
        font-size: 11px;
        line-height: 16px
    }

    .footer--text-item {
        margin: 0 10px 20px 0
    }

    .footer-site {
        padding-right: 15px;
        padding-left: 15px
    }

    .footer__fix {
        font-size: 9px;
        line-height: 12px
    }

    .footer__fix .footer__button {
        display: none
    }

    .footer__prev {
        position: relative;
        background-color: #1b1b1b;
        color: #fff;
        font-size: 9px;
        line-height: 12px;
        text-align: left;
        border: 0;
        padding: 7px 0
    }

    .footer__prev .row-cont {
        padding-right: 55px;
        position: relative;
        padding-top: 6px
    }

    .footer__prev .row-cont:after {
        content: "";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: #c4c4c4
    }

    .footer__prev--btn {
        display: inline-block
    }

    .footer__prev .text-accord {
        display: none
    }

    .footer__prev.show .text-accord {
        display: inline
    }

    .footer__prev.show .footer__prev--btn:after,
    .footer__prev.show .footer__prev--btn:before {
        transform: translateX(-50%) rotate(45deg)
    }

    .footer__prev.footerTop .row-cont {
        padding: 0 15px 6px
    }

    .footer__prev.footerTop .row-cont:after {
        top: auto;
        bottom: 0
    }

    .footer__prev.footerTop .footer__prev--btn {
        top: auto;
        bottom: -12px
    }

    .footer__prev.footerTop .footer__prev--btn:after,
    .footer__prev.footerTop .footer__prev--btn:before {
        transform: translateX(-50%) rotate(45deg);
        top: 12px
    }

    .footer__prev.footerTop.show .footer__prev--btn:after,
    .footer__prev.footerTop.show .footer__prev--btn:before {
        transform: translateX(-50%) rotate(-135deg)
    }

    .footer__numb {
        margin-right: 20px
    }

    .footer__copyright {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .footer__copyright--lang {
        margin-bottom: 15px
    }

    .footer__copyright>span {
        line-height: 18px;
        font-size: 10px
    }

    .footer__nav {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__nav--title {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 1;
        padding: 18px 0 20px;
        position: relative;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .footer__nav--title:not(.no-sub-nav):after,
    .footer__nav--title:not(.no-sub-nav):before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        background-color: #bb8b62
    }

    .footer__nav--title:not(.no-sub-nav):before {
        width: 12px;
        height: 2px;
        right: 15px
    }

    .footer__nav--title:not(.no-sub-nav):after {
        height: 12px;
        width: 2px;
        right: 20px
    }

    .footer__nav--title a {
        font-size: 14px;
        line-height: 1;
        color: #fff
    }

    .footer__nav--list {
        display: none
    }

    .footer__nav--link {
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px
    }

    .footer__nav--reorg .footer__nav--list {
        margin: unset;
        width: 100%
    }

    .footer__nav--reorg .footer__nav--item {
        -ms-flex-order: unset;
        order: unset
    }

    .footer__nav--reorg .footer__nav--item:first-child {
        margin-top: 24px
    }

    .footer__nav--reorg .footer__nav--item:last-child {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 32px;
        -ms-flex-order: unset;
        order: unset
    }

    .footer__nav--reorg .footer__nav--item:last-child .footer__nav--title {
        display: none
    }

    .footer__nav--reorg .footer__nav--title:after,
    .footer__nav--reorg .footer__nav--title:before {
        display: none
    }

    .footer__nav--reorg .footer__nav--title a {
        font-size: 16px
    }

    .footer__nav--reorg .footer__nav--subtitle {
        margin-bottom: unset;
        padding: 16px 16px 16px 32px
    }

    .footer__nav--reorg .footer__nav--link {
        margin-bottom: unset;
        padding: 8px 8px 8px 48px
    }

    .footer__nav--reorg .footer__submenu {
        display: none
    }

    .footer__nav--reorg .footer__apps {
        margin-top: unset
    }

    .footer__nav--reorg .footer__social {
        justify-self: center
    }

    .footer__nav--item {
        width: 100%;
        padding: 0;
        -ms-flex-order: 2;
        order: 2
    }

    .footer__nav--item:last-child {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-order: 1;
        order: 1;
        padding: 20px 0;
        margin: 0 15px 0 0;
        border-bottom: 1px solid #4c4c4c
    }

    .footer__nav--item:last-child:before {
        content: none
    }

    .footer__nav--item:nth-last-child(2) {
        border-bottom: none
    }

    .footer__nav--item:last-child .footer__nav--title,
    .footer__nav--item:last-child.show {
        border-bottom: none
    }

    .footer__nav--item:last-child.show .footer__nav--title {
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .main__cookies {
        font-size: 9px;
        line-height: 11px;
        color: #000;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 5px 55px 5px 35px;
        width: auto;
        border-radius: 0
    }

    .main__cookies a {
        color: inherit;
        text-decoration: underline
    }

    .main__cookies a:hover {
        text-decoration: none
    }

    .main__cookies--close {
        right: auto;
        left: 11px;
        top: 3px
    }

    .main__cookies--close:after,
    .main__cookies--close:before {
        background-color: #000;
        width: 2px
    }

    .footer-site {
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 85px
    }

    .footer__fix--sticky-bar.w-cookies .row-cont {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (max-content)[2];
        grid-template-rows: repeat(2, max-content)
    }

    .footer__fix--sticky-bar .row-cont {
        -ms-grid-rows: max-content;
        grid-template-rows: max-content
    }

    .footer__fix--sticky-bar .row-cont .main__cookies {
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 4px 44px 6px 0;
        -ms-flex-order: 2;
        order: 2;
        color: #fff
    }

    [lang=ar] .footer__fix--sticky-bar .row-cont .main__cookies {
        direction: ltr
    }

    .footer__fix--sticky-bar .row-cont .main__cookies--close {
        margin-left: unset;
        margin-right: 8px;
        left: unset
    }

    .stageItem {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        padding: 0 15px 120px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .stageItem:after {
        width: 1px;
        height: 88px;
        border-left: 1px dashed var(--borderStageItem);
        background-color: transparent;
        top: auto;
        bottom: 16px;
        left: 50%;
        visibility: visible
    }

    .stageItem:first-child:after {
        left: 50%
    }

    .stageItem:last-child:after {
        display: none
    }

    .stageItem__list {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .stageItem__list:after {
        display: none
    }

    .stageItem__countHolder {
        margin: 0 0 16px
    }

    .section--stage {
        padding: 32px 0
    }

    .linkCta .cta {
        display: none
    }

    .join__list {
        overflow-x: auto
    }

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

    .page-content-area .fca-curr__tbl td.ta-r,
    .page-content-area .fca-curr__tbl th.ta-r {
        max-width: unset;
        width: unset
    }

    .newToTrade__img {
        max-width: 100%;
        width: 100%;
        overflow: hidden
    }

    .tool .section {
        padding: 35px 0
    }

    .tool .row-cont {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .tool__title {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
        text-align: center;
        padding-right: 0
    }

    .tool__ico {
        margin-bottom: 15px;
        margin-right: 0
    }

    .tool__form {
        text-align: center
    }

    .tool .values__ico {
        width: 62px;
        height: 62px;
        min-width: 62px;
        background-size: 100%
    }

    .tool .main__tools .values__ico {
        margin: 0 auto 20px auto
    }

    .tool .button-main {
        float: none
    }

    .tool .table-tools {
        margin-bottom: 0
    }

    .tool__banner {
        margin: 0 0 20px
    }

    .tool__banner--btns .table-tools__price {
        font-size: 18px;
        line-height: 24px
    }

    .tool__banner--links a {
        margin-right: 15px;
        font-size: 14px;
        line-height: 17px;
        padding-left: 25px
    }

    .tool__banner .info-number {
        font-size: 18px
    }

    .tool__info {
        max-width: 100%
    }

    .tool__info--pbar {
        margin-bottom: 15px
    }

    .tool .main__tools--items_3 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px 0
    }

    .tool__desc {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        width: 100%
    }

    .tool__desc .h2,
    .tool__desc .txt-md {
        text-align: center
    }

    .tool__desc--text-wrap {
        width: 100%;
        text-align: left
    }

    .tool__desc--text-wrap .h2 {
        margin: 20px 0 15px
    }

    .tool__desc--start {
        width: 100%
    }

    .fca {
        display: none
    }

    .table-tools {
        margin-right: -15px;
        margin-left: -15px
    }

    .table-tools thead th.buy {
        padding-right: 15px
    }

    .table-tools tbody td.buy {
        padding-right: 15px
    }

    .table-tools .instruments-search {
        max-width: 550px;
        width: 90%
    }

    .banner__why-capital--logo {
        font-size: 21px;
        line-height: 26px
    }

    .banner__why-capital .list {
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 300px
    }

    .banner__why-capital .item {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 15px
    }

    .banner__why-capital .item p {
        text-align: left
    }

    .banner__why-capital .ico {
        min-width: 76px;
        margin: 0;
        background-position: center left
    }

    .banner__why-capital .ico.analytics {
        background-size: 43px 29px
    }

    .banner__why-capital .ico.procent {
        background-size: 53px 30px
    }

    .banner__why-capital .ico.all-time {
        background-size: 43px
    }

    .banner__why-capital .ico.competitive {
        background-size: 38px
    }

    .main__tools._big .main__tools--item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        margin: 0 0 16px;
        padding: 22px 14px;
        text-align: left
    }

    .main__tools._big .h3 {
        text-align: left
    }

    .main__tools._big .values__ico {
        width: 72px;
        height: 72px;
        margin: 0 14px 0 0
    }

    .main__tools._big .values__ico img,
    .main__tools._big .values__ico svg {
        max-width: 40px;
        max-height: 40px
    }

    .actionsBar {
        top: 55px
    }

    .bannerActive .actionsBar {
        top: 137px
    }

    .actionsBar__holder {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .actionsBar__title {
        margin: 0 0 8px
    }

    .leverage {
        width: 100%
    }

    .leverage-row {
        min-width: 300px
    }

    .global-search__tabs .main__tab--list {
        padding: 0 15px
    }

    .global-search__img {
        margin-bottom: 20px;
        margin-right: 0
    }

    .global-search__preview {
        margin-bottom: 20px;
        margin-right: 0
    }

    .global-search__item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 25px
    }

    .webinar__content {
        padding: 35px 0 55px
    }

    .webinar__content .sidebar {
        max-width: 480px;
        margin: 0 auto
    }

    .webinar__content .sidebar__cont {
        display: block
    }

    .webinar__content .list {
        padding: 0 15px
    }

    .webinar__content .list h4 {
        text-align: center;
        padding: 0 15px
    }

    .webinar__content .item {
        font-size: 16px;
        line-height: 22px;
        padding-left: 40px
    }

    .webinar__content .user {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .webinar__content .user img {
        margin: 0 0 20px
    }

    .webinar__content .testimonial .h3 {
        text-align: center
    }

    .webinar__content .testimonial {
        margin: 45px auto 35px
    }

    .webinar__content .testimonial__cont {
        padding-left: 35px
    }

    .webinar__content .social {
        text-align: center
    }

    .webinar__content .social h3 {
        text-align: center
    }

    .webinar__content .social__list,
    .webinar__content .socials_toolbox {
        margin-top: 15px
    }

    .banner-info.webinar .list {
        padding: 0 15px 0 0;
        margin: 0 0 30px
    }

    .banner-info.webinar .item {
        font-size: 16px;
        line-height: 22px;
        padding-left: 40px
    }

    .banner-info.webinar .user {
        text-align: center;
        margin-bottom: 35px
    }

    .banner-info.webinar .user img {
        margin-bottom: 10px
    }

    .timer__item {
        margin: 0 7px
    }

    .timer__item:nth-child(2n+2) {
        margin: 0 5px
    }

    .video {
        padding: 0 15px 5px
    }

    .video .txt-md {
        max-width: 480px
    }

    .video__list {
        margin-top: 25px
    }

    .video__more.button-main.rounded-lg {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 20px 15px 70px;
        margin-bottom: 40px
    }

    .video__more .ico__play {
        left: 20px
    }

    .video .button-link {
        float: none
    }

    .video__item {
        min-width: calc(100% - 35px);
        max-width: calc(100% - 35px);
        display: inline-block;
        -ms-flex: 1 0 calc(100% - 35px);
        flex: 1 0 calc(100% - 35px);
        margin: 15px auto 10px
    }

    .video__item--video {
        margin-bottom: 10px
    }

    .inner-content-container {
        margin-top: 22px;
        margin-bottom: 35px
    }

    .store-container .store-apple,
    .store-container .store-google {
        margin-right: 10px
    }

    .store-container .sprite-or2 {
        display: none
    }

    .store-container .button-sendlink {
        display: none
    }

    .hidden-small,
    .hide-for-small {
        display: none !important
    }

    .back-slide {
        position: absolute;
        left: 20px;
        top: 50px
    }

    [lang=ar] .back-slide {
        left: unset;
        right: 20px
    }

    .modal.modal-leverage {
        max-width: 560px
    }

    .modal.modal-leverage .modal-content {
        overflow: auto
    }

    .arrow-link {
        font-size: 16px
    }

    .list-webinar {
        padding: 0
    }

    .list-webinar__item {
        font-size: 16px;
        line-height: 22px;
        padding-left: 40px
    }

    .list-webinar .icn-check {
        top: -1px
    }

    .bg-fca {
        margin-bottom: 40px
    }

    .text-m-center {
        text-align: center
    }

    .tv-box .video {
        width: 100%
    }

    .breadcrumbs__item {
        font-size: 14px;
        line-height: 18px;
        margin: 0 6px 4px 0;
        padding: 0 12px 0 0
    }

    [lang=ar] .breadcrumbs__item {
        margin: 0 0 4px 6px;
        padding: 0 0 0 12px
    }

    .breadcrumbs__item:after {
        transform: translateY(1px)
    }

    [lang=ar] .breadcrumbs__item:after {
        transform: translateY(1px) rotate(180deg)
    }

    .button-main {
        font-size: 16px
    }

    .button-link {
        font-size: 16px;
        line-height: 20px
    }

    .ticker {
        display: none
    }

    .rw-regform {
        padding: 20px 60px 20px 20px
    }

    .rw-first {
        margin: auto 60px 16px 16px
    }

    .registration-main-area>div {
        width: 100%
    }

    .investingMode .regHead {
        padding: 15px 15px 10px;
        margin: 0 0 35px
    }

    .investingMode .registration-header {
        padding-bottom: 0;
        margin: 0 0 16px
    }

    .investingMode .registration-header .investing-logo {
        width: 200px
    }

    .investingMode .registration-header .investing-logo--osb {
        width: 100%
    }

    .registrationPromo__holder {
        padding: 33px 0 24px
    }

    .registration-progress {
        top: 0;
        left: 0;
        right: 0
    }

    .question-list._grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .regform-inner .logo {
        margin-bottom: 21px
    }

    .form-container-small {
        min-height: 0;
        padding-bottom: 10px
    }

    .form-container-small-footer {
        padding: 0 0 24px;
        font-size: 14px
    }

    .form-container-small-header {
        padding: 16px 25px 7px
    }

    .form-container-small-header .h1,
    .form-container-small-header h1 {
        font-size: 20px
    }

    .form-container-small-header .close-button {
        top: 10px;
        right: 0
    }

    .form-container-small-content {
        padding: 0 25px 12px
    }

    .form-container-small-content .button-main {
        padding-left: 15px;
        padding-right: 15px
    }

    .form-container-small-content .button-main._facebook,
    .form-container-small-content .button-main._google {
        padding-left: 40px;
        padding-right: 20px
    }

    .form-container-small-content .h1,
    .form-container-small-content h1 {
        font-size: 24px
    }

    .form-container-small .form-description {
        margin-bottom: 15px
    }

    .form-container-small .set-pass-finish {
        height: 180px
    }

    .socialsLogin__ico {
        margin: 0 18px 0 0
    }

    .form-container-big-footer {
        padding: 15px 15px 15px 42px
    }

    .form-container-big-header {
        padding: 50px 15px 15px
    }

    .form-container-big-header .h1,
    .form-container-big-header h1 {
        font-size: 20px
    }

    .form-container-big-header .close-button {
        top: 10px;
        right: 0
    }

    .form-container-big-header .back-button {
        top: 10px;
        left: 0
    }

    .form-container-big-content {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
        min-height: 0
    }

    .form-container-big-content p {
        font-size: 16px
    }

    .form-container-big-content .colored-container {
        font-size: 16px;
        padding: 15px
    }

    .form-container-big-content .form-description {
        font-size: 16px;
        margin-bottom: 15px
    }

    .regNote {
        --gap-regNote: 8px;
        margin: 16px 0
    }

    .regNote._max {
        --gap-regNoteV: 16px;
        --gap-regNoteG: 16px
    }

    .--test43.form-container-login,
    .--test43.form-container-signup {
        padding: 0
    }

    .--test43 .button-cleared.small {
        top: 14px;
        right: 14px
    }

    html[lang=ar] .--test43 .button-cleared.small {
        left: 14px
    }

    .--test43 .form-container-small-header {
        padding: 16px 24px 16px
    }

    .--test43 .form-container-small-content {
        padding: 0 24px 16px
    }

    .--test43 .form-container-small-footer {
        padding: 0 24px 16px
    }

    .field-form {
        font-size: 16px;
        padding: 5px 10px
    }

    .wire-info {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 42px
    }

    .seo-banner--desc {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .seo-banner--desc .title {
        margin-bottom: 16px;
        text-align: center
    }

    .seo-banner--desc.seo-banner--type2 .title {
        margin-bottom: 10px
    }

    .seo-banner--desc.seo-banner--type3,
    .seo-banner--desc.seo-banner--type5 {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .seo-banner--desc.seo-banner--type3 .title,
    .seo-banner--desc.seo-banner--type5 .title {
        margin-right: 0;
        margin-bottom: 10px
    }

    .seo-banner--desc.seo-banner--type5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background-position: -100px
    }

    .seo-banner--desc.seo-banner--type5 .title {
        margin-right: 0;
        text-align: right;
        background: rgba(255, 255, 255, .3);
        margin-bottom: 10px
    }

    .seo-banner--desc-sm .title {
        margin-bottom: 15px;
        text-align: center
    }

    .seo-banner--desc-sm.seo-banner--type3 {
        background-position: center
    }

    .seo-banner--type7.seo-banner--desc {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-column-align: center;
        justify-items: center;
        gap: 40px 0;
        background: transparent url(../img/seo-banners/banner_refer_ver_.jpg) bottom left no-repeat;
        background-size: cover
    }

    .seo-banner--type7.seo-banner--desc .text-info {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-column-align: start;
        justify-items: start;
        gap: 30px 0;
        max-width: 100%
    }

    .glossaryBottomBanner {
        display: none
    }

    .prime__bg:before {
        height: 196px
    }

    .prime__bg:after {
        height: 20px
    }

    .prime__tools {
        max-width: 480px;
        margin: 0 auto
    }

    .prime__tools-item {
        padding: 20px;
        margin: 0 0 10px;
        max-width: 100%;
        width: 100%
    }

    .prime__tools .ico {
        margin: 0 0 15px
    }

    .prime__ico {
        margin: 0 15px 0 0
    }

    .prime__wrap .section {
        padding-bottom: 50px
    }

    .prime__wrap .prime__bg {
        padding-top: 15px;
        padding-bottom: 60px
    }

    .prime__wrap .h2 {
        margin-top: 10px
    }

    .prime__tick--list {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 25px
    }

    .prime__tick--item {
        margin: 0 0 10px 0;
        max-width: 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding-left: 28px
    }

    .prime__list {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 45px
    }

    .prime__list--platform {
        margin-top: 0
    }

    .prime__list--platform .prime__item {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 35px
    }

    .prime__list--homepage .prime__item {
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 35px;
        max-width: 100%
    }

    .prime__item {
        margin: 0 0 15px 0;
        max-width: 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 18px 19px 21px;
        min-height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .prime__text {
        text-align: left
    }

    .prime__banner {
        margin: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 17px 30px 30px
    }

    .prime__banner .h3 {
        text-align: center;
        margin-bottom: 25px
    }

    .prime__banner div {
        text-align: center
    }

    .prime__banner a {
        margin: 0 0 15px;
        display: block
    }

    .prime__banner a:last-of-type {
        margin-bottom: 0
    }

    .table-calendar table {
        table-layout: auto;
        border-top: 1px solid #e5e5e5
    }

    .table-calendar thead {
        display: none
    }

    .table-calendar thead th,
    .table-calendar thead th.event {
        width: auto
    }

    .table-calendar td:last-child {
        padding-right: 20px
    }

    .table-calendar td {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    .table-calendar .dot {
        padding: 0
    }

    .table-calendar .event {
        font-weight: 700
    }

    .table-calendar .sell {
        display: none
    }

    .table-calendar .frcst:before {
        content: "Fcst";
        display: block;
        color: #b2b2b2;
        margin-bottom: 2px
    }

    .table-calendar .prev:before {
        content: "Prev";
        display: block;
        color: #b2b2b2;
        margin-bottom: 2px
    }

    .m-clndr-content {
        padding-top: 0
    }

    .m-clndr-content .user {
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        margin-bottom: 0
    }

    .m-clndr-content .user img {
        width: 90px;
        height: 90px;
        margin-right: 25px
    }

    .m-clndr-content .timer__item {
        margin: 0 4px
    }

    .side-calc--no-offset {
        margin-bottom: 30px;
        margin-top: 20px
    }

    .side-calc .table-tools {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .side-calc .table-tools thead th {
        border-radius: 0;
        border-top: none
    }

    .side-video .h4 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .side-video .video__list {
        max-width: 480px;
        margin: 0 auto
    }

    .side-video .video__item {
        margin: 0 0 25px;
        max-width: none
    }

    .side-video .video__item:last-child {
        margin-bottom: 0
    }

    .ec-calendar__list {
        max-width: 100%;
        overflow-x: auto
    }

    .ec-calendar__item label {
        white-space: nowrap
    }

    .ec-calendar__options {
        margin: 16px 0;
        gap: 8px
    }

    .ec-calendar__dropdown--list {
        position: fixed;
        top: 50%;
        left: 50%;
        max-height: 400px;
        transform: translate(-50%, -50%);
        z-index: 35
    }

    .ec-calendar__form--period {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px
    }

    .ec-calendar__form--filters {
        position: fixed;
        padding: 16px;
        left: 50%;
        top: 50%;
        max-width: 95vw;
        width: 100%;
        max-height: 400px;
        background: #fff;
        border: 1px solid #d8d8d8;
        border-radius: 8px;
        box-shadow: 0 24px 32px rgba(0, 0, 0, .24);
        transform: translate(-50%, -50%);
        overflow-y: auto;
        z-index: 35
    }

    .ec-calendar__form--item input[type=checkbox]+label {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (.2fr)[2] 1fr;
        grid-template-columns: repeat(2, .2fr) 1fr;
        line-height: 16px
    }

    .ec-calendar__form--list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0 0 16px 0;
        gap: 16px
    }

    .ec-calendar__form--list:not(:first-child) {
        padding: 16px 0
    }

    .ec-calendar__form--btn_close {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        padding: 8px 0 24px 0;
        border-bottom: 1px solid #d8d8d8
    }

    .ec-calendar__form--btn_close:hover:after,
    .ec-calendar__form--btn_close:hover:before {
        background: #bb8b62
    }

    .ec-calendar__form--btn_close:after,
    .ec-calendar__form--btn_close:before {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        width: 14px;
        height: 2px;
        background: #000;
        transition: all .2s ease-out;
        content: ""
    }

    .ec-calendar__form--btn_close:before {
        transform: rotate(45deg)
    }

    .ec-calendar__form--btn_close:after {
        transform: rotate(-45deg)
    }

    .ec-calendar__form--col {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        gap: 8px 24px
    }

    .ec-calendar__form--col .ec-calendar__form--item {
        width: 100%
    }

    .ec-calendar__form--inputs {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .ec-calendar .table tr {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(30px, .25fr))[2] (1fr)[3];
        grid-template-columns: repeat(2, minmax(30px, .25fr)) repeat(3, 1fr);
        -ms-grid-rows: (max-content)[2];
        grid-template-rows: repeat(2, max-content);
        gap: 8px;
        width: 100%
    }

    .ec-calendar .table tr:not(.table__subtitle):not(:first-child) {
        padding: 8px 0;
        border-bottom: 1px solid #d8d8d8
    }

    .ec-calendar .table th {
        display: none
    }

    .ec-calendar .table td {
        padding: unset;
        border: none
    }

    .ec-calendar .table td:not(:nth-child(3)) {
        line-height: 16px;
        font-size: 12px
    }

    .ec-calendar .table td:nth-child(4):before,
    .ec-calendar .table td:nth-child(5):before,
    .ec-calendar .table td:nth-child(6):before {
        margin-right: 4px;
        font-weight: 400;
        content: attr(data-desc)
    }

    .ec-calendar .table td:nth-child(1) {
        grid-area: 1/1/3/2
    }

    .ec-calendar .table td:nth-child(2) {
        grid-area: 1/2/3/3;
        padding: 0 8px 0 0;
        border-right: 1px solid #d8d8d8
    }

    .ec-calendar .table td:nth-child(3) {
        grid-area: 1/3/2/6;
        border-bottom: none;
        font-size: 13px;
        line-height: 16px
    }

    .ec-calendar .table .table__subtitle td {
        grid-area: 1/1/3/6;
        padding: 8px 16px;
        font-size: 16px;
        line-height: 1.5em
    }

    .tools__item .col.hide-mob {
        display: none
    }

    .seo__item .button-link.left-pos {
        float: right
    }

    .seo__title {
        margin: 15px 0 20px 0
    }

    .seo__title--main {
        -ms-flex-pack: center;
        justify-content: center
    }

    .seo__title--main .button-link {
        display: none
    }

    .seo__item--why-capital .banner__why-capital .list {
        padding-left: 20px
    }

    .seo__second-blk {
        margin: 0;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .seo__second-blk__item {
        margin-right: 0
    }

    .seo__second-blk__item:last-child {
        margin-bottom: 0
    }

    .traders__content .main__slider {
        padding-bottom: 20px
    }

    .traders__content .related-articles {
        margin-bottom: 0
    }

    .traders__content .related-articles-item-pic {
        width: 100%;
        max-width: 480px;
        margin: 0 5px
    }

    .traders__content .related-articles .button-link {
        float: right;
        position: relative;
        max-width: 100%
    }

    .traders__content .button-link {
        bottom: 5px;
        margin: 15px auto 30px;
        right: 15px
    }

    .traders__content .work__item {
        padding: 35px 15px 40px
    }

    .traders__content .work__item .h2 {
        max-width: 100%
    }

    .traders__content .work__item .txt-md {
        margin-bottom: 15px
    }

    .traders__webinar-block {
        margin: 0 auto
    }

    .traders__webinar-block .text__block--item:first-child {
        padding-right: 0
    }

    .traders__webinar-block .text__block--item .button-link {
        float: none;
        margin: 0 auto 30px;
        display: inline-block
    }

    .traders__webinar-block .text__block h3 {
        margin-bottom: 25px
    }

    .traders__webinar-block .text__block p {
        margin: 0 auto 30px;
        max-width: 480px
    }

    .traders__webinar-block .text__block--speaker {
        -ms-flex-pack: center;
        justify-content: center
    }

    .traders__webinar-block .text__block--speaker h4 {
        font-size: 16px;
        line-height: 24px;
        color: #000
    }

    #ywrap .form-container-big {
        width: 90%
    }

    #ywrap .form-container-big-header {
        padding: 0
    }

    #ywrap .close-button {
        right: -15px
    }

    #ywrap .form-container-big-content {
        padding: 0;
        margin: 0
    }

    #ywrap iframe {
        margin-bottom: -5px
    }

    .modalQr .modal-content {
        padding: 0
    }

    .boxButtons__button.qr-modal {
        display: none
    }

    .boxButtons--colMob {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .boxButtons--colMob .boxButtons__btn {
        margin: 20px 0 0;
        width: 176px
    }

    .boxButtons--colMob .boxButtons__btn:first-child {
        margin: 0
    }

    .calc__wrap {
        -ms-flex-pack: center;
        justify-content: center
    }

    .calc__form {
        margin-right: 0
    }

    .calc__chart {
        display: none
    }

    .tool__row {
        font-size: 12px
    }

    .tool__row .callout {
        font-size: 18px
    }

    html[lang=ar] .footer__nav--item:last-child {
        margin-right: unset;
        padding-right: unset
    }

    html[lang=ar] .footer--text {
        margin: 0 0 20px 10px
    }

    html[lang=ar] .stageItem:first-child::after {
        right: unset
    }

    .sys-health__list {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 25px 0 35px
    }

    .sys-health__item:not(:last-child) {
        margin-right: unset;
        margin-bottom: 10px
    }

    .sys-health__cont {
        margin-bottom: 22px;
        padding: 20px 12px 16px
    }

    .sys-health__status {
        left: 16px;
        right: unset;
        top: -12px
    }

    .storyBanner__container .storyBanner__close {
        top: 16px;
        right: 16px;
        --arrowStory: 24px
    }

    .careers__accordion .careers__expand-collapse-header {
        padding: 20px 25px 28px 25px
    }

    .careers__accordion .careers__expand-collapse-header:before {
        top: inherit;
        bottom: 15px;
        right: 50%;
        transform: translate(50%, 0)
    }

    .careers__accordion .careers__expand-collapse-header .txt-lg,
    .careers__accordion .careers__expand-collapse-header .txt-md {
        text-align: center
    }

    .careers__accordion .careers__expand-collapse-body {
        padding: 22px 20px
    }

    .careers__accordion .careers__expand-collapse-body--list ul {
        padding-left: 15px
    }

    .careers__accordion .careers__expand-collapse-body--list li:before {
        top: 14px;
        left: -15px;
        transform: translateY(0)
    }

    .careers__accordion .careers__expand-collapse-footer {
        padding: 17px 20px 22px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .careers__accordion .careers__expand-collapse-footer .h4 {
        margin-bottom: 5px
    }

    .careers__accordion .careers__expand-collapse-footer--social {
        margin-top: 12px
    }

    .careers__accordion .careers__expand-collapse-footer--social a {
        margin: 0 0 12px;
        display: block
    }

    .careers__accordion .careers__expand-collapse-footer--social a:last-child {
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    .glossarySideVideo {
        padding-top: 20px
    }
}

@media all and (max-width:620px) {
    .video iframe {
        width: 450px;
        height: 252px
    }

    .modal.modal-leverage {
        padding: 15px
    }
}

@media (max-width:599px) {
    .banner__txt-block {
        margin-bottom: 30px
    }

    .banner__item {
        padding: 42px 21px;
        max-width: none
    }

    .banner__item--black-blk {
        font-size: 38px;
        line-height: 50px;
        color: #fff
    }

    .main__slider--reviews-item {
        padding: 20px 25px 25px
    }

    .trust-logo__list {
        padding: 10px 0
    }

    .partners .row-cont {
        padding: 5px 0 0
    }

    .commodities__list {
        max-height: 275px;
        overflow: auto
    }

    .commodities__item {
        -ms-flex: 1 0 90%;
        flex: 1 0 90%;
        max-width: 90%
    }

    .footer--text {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .footer__numb {
        width: 100%;
        margin-right: 0
    }

    .join.section:after {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        width: 15px;
        height: 100%;
        background: linear-gradient(270deg, #f8f8f8 0, rgba(248, 248, 248, 0) 100%);
        z-index: 5;
        content: ""
    }

    .join__list:before {
        max-width: unset;
        width: 610px
    }

    .join__item--color_green:after {
        left: 0
    }

    .join__item--color_blue:after {
        right: 0
    }

    .join__item:after {
        width: 58%
    }

    .banner-info.webinar .info {
        max-width: 480px;
        margin: 0 auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .registration-header.investing-head {
        padding-left: 15px;
        padding-right: 15px
    }

    .registration-inner-area {
        width: 100%;
        padding: 6px 20px
    }

    .counter__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin: unset;
        max-width: unset
    }

    .counter__btn.button-main.rounded-lg {
        justify-self: start
    }

    .ec-calendar__form--inputs {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .seo__list {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .seo__first-blk {
        margin-right: 0;
        width: 100%;
        margin-bottom: 25px
    }

    .seo__first-blk2 {
        width: 100%
    }

    .seo__second-blk {
        width: 100%
    }

    html[lang=ar] .feedback {
        background-position: left center
    }

    html[lang=ar] .join__list:after {
        right: 6px
    }
}

@media (max-width:574px) {
    #launcher {
        bottom: 80px !important
    }
}

@media (max-width:567px) {
    .footer__nav--reorg .footer__nav--item:last-child {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .footer__nav--reorg .footer__social {
        justify-self: unset;
        max-width: unset
    }

    .fca-curr__title {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .fca-curr .h2 {
        margin-bottom: 8px
    }

    .page-content-area .fca-curr__tbl {
        display: block
    }

    .page-content-area .fca-curr__tbl thead {
        display: none
    }

    .page-content-area .fca-curr__tbl tbody {
        display: block
    }

    .page-content-area .fca-curr__tbl tbody:not(:last-child) {
        margin-bottom: 8px
    }

    .page-content-area .fca-curr__tbl tbody tr {
        display: table;
        width: 100%
    }

    .page-content-area .fca-curr__tbl td.ta-r,
    .page-content-area .fca-curr__tbl th.ta-r {
        text-align: left
    }

    .page-content-area .fca-curr__tbl td {
        display: table-row
    }

    .page-content-area .fca-curr__tbl td span {
        display: table-cell;
        padding: 8px 12px;
        width: 50%
    }

    .newToTrade {
        padding: 26px 0
    }

    .newToTrade__desc {
        text-align: center
    }

    .newToTrade__buttons {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .newToTrade__buttons a:not(:first-child) {
        margin-left: unset;
        margin-top: 16px
    }

    .hidden-small-port {
        display: none !important
    }

    .form-container-small {
        width: 90%
    }

    #regForm+.additional-info-container {
        display: none
    }

    .overlay.enc .form-container-big.modal,
    .overlay.enc .form-container-small.modal {
        padding: 16px 25px
    }

    .overlay.enc .form-container-big__buttons,
    .overlay.enc .form-container-small__buttons {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media (max-width:499px) {
    .banner__item {
        padding: 25px 5px 42px 5px
    }
}

@media (max-width:480px) {
    .main__tab--content .button-link {
        margin: 0 auto;
        line-height: 1
    }

    .main__feedback--cont-page {
        padding-left: 15px;
        padding-right: 15px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .main__feedback--cont-page .button-main.rounded-lg {
        margin-top: 15px
    }

    .footer__copyright {
        padding-bottom: 55px
    }

    .tool td.buy,
    .tool th.buy {
        display: none
    }

    .main-article-item--video {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-article-item--video>a {
        display: table
    }

    .main-article-item--video .main-article-item__pic {
        margin: 0 0 20px 0
    }

    .table-tools tbody td {
        font-size: 12px
    }

    .table-tools__title {
        line-height: 16px;
        margin-bottom: 5px
    }

    .table-tools__btn {
        display: none
    }

    .global-search__label {
        width: 100%
    }

    .global-search__input {
        width: 100%
    }

    .global-search__row {
        padding: 0 15px
    }

    .timer {
        padding: 25px 10px 40px
    }

    .webp .banner--main {
        background-position: 75% center
    }

    .no-webp .banner--main {
        background-position: 75% center
    }

    .registration-header.investing-head {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .registration-header.investing-head .sprite2-registration-logo {
        margin-bottom: 12px
    }

    .reg-button-toolbar {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .upload-file .upload-right-part {
        min-width: 130px
    }

    .upload-file .placeholder {
        font-size: 14px;
        line-height: 22px
    }

    [lang=ru] .investLogoWrap {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: start;
        align-items: flex-start
    }

    [lang=ru] .investLogoWrap img {
        margin-bottom: 18px
    }

    .ec-calendar__form--inputs {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .ec-calendar__form--btns {
        -ms-flex-flow: column;
        flex-flow: column
    }

    .ec-calendar__form--btns .button-outlined {
        width: 100%
    }

    .bet {
        margin: 5px 0;
        min-width: 78px;
        margin-right: 5px
    }

    .expand-collapse-header {
        padding: 13px 35px 12px 15px
    }

    .careers__expand-collapse-header {
        padding: 13px 35px 12px 15px
    }
}

@media all and (max-width:479px) {
    .video iframe {
        width: 295px;
        height: 165px
    }
}

@media (max-width:479px) {
    .blg-wd {
        right: 15px;
        bottom: 90px
    }

    .blg-wd.shiftedBottom {
        bottom: 20px
    }

    .form-container-big-footer .button-cleared,
    .form-container-big-footer .button-main {
        min-width: 100%
    }
}

@media (max-width:465px) {
    .reg-short-button+.reg-short-button {
        margin-left: 0;
        margin-top: 10px
    }
}

@media (max-width:459px) {
    #launcher {
        bottom: 100px !important
    }
}

@media (max-width:390px) {
    .custom-signup {
        width: 100%
    }
}

@media (max-width:379px) {
    #launcher {
        bottom: 110px !important
    }
}

@media (max-width:374px) {
    .trust-logo__title {
        font-size: 8px
    }

    .payment-methods {
        text-align: center
    }

    .store-container .store-apple,
    .store-container .store-google {
        margin-right: 0
    }

    .registration-mobile-light-finish .modal-footer {
        max-width: 240px
    }
}

@media all and (max-width:360px) {
    .main__banner--store {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main__banner--store a {
        margin: 0 auto 20px
    }
}

@media all and (min-width:768px) and (max-width:1023px) {
    .img__iphone {
        left: 31%
    }
}

@media all and (min-width:600px) and (max-width:1199px) {
    .banner__txt-block {
        margin-bottom: 10px;
        padding-top: 20px
    }
}

@media all and (min-width:600px) and (max-width:1023px) {
    .banner__item {
        padding-top: 10px
    }
}

@media all and (min-width:1111px) and (max-width:1160px) {
    .main__banner--form input {
        width: 200px
    }
}

@media all and (min-width:992px) and (max-width:1110px) {
    .main__banner--form input {
        width: 160px
    }
}

@media all and (min-width:350px) and (max-width:420px) {
    .main__tab--item {
        padding: 15px 20px
    }
}

@media (min-width:600px) and (max-width:991px) {
    .partners .row-cont {
        padding-top: 11px;
        padding-bottom: 10px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .footer__nav--reorg .footer__nav--item:last-child .footer__numb {
        padding: 16px
    }

    .footer__nav--item:last-child {
        padding-right: 0;
        padding-left: 15px;
        margin-left: 0
    }

    .footer__nav--item:last-child .footer__numb {
        padding: 16px 10px 5px 10px;
        min-width: 120px;
        width: 100%
    }

    .footer__nav--item:last-child i {
        display: none
    }

    .footer__nav--item:last-child .footer__nav--list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .video {
        margin-bottom: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .footer__nav--item:last-child .footer__social {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__social--list {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .banner__why-capital .list {
        max-width: 80%
    }

    .banner__why-capital .item {
        width: 30%;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .banner-info.webinar .user {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 45px
    }

    .banner-info.webinar .user img {
        margin: 0 27px 0 0
    }

    .deposit-form {
        overflow-x: scroll
    }
}

@media all and (min-width:768px) and (max-width:900px) {
    .table-tools thead th:nth-last-child(2) {
        border-radius: 0 6px 0 0
    }

    .table-tools thead th:last-child {
        display: none
    }

    .table-tools thead th.chart {
        display: none
    }

    .sparkChart {
        width: 80px
    }
}

@media (min-width:768px) and (min-width:768px) and (max-width:900px) {
    .table-tools tbody td:last-child {
        display: none
    }
}

@media (min-width:480px) and (max-width:599px) {
    .table-tools tbody td>span {
        padding-right: 20px
    }

    .table-tools__price .negative-price:after,
    .table-tools__price .positive-price:after {
        right: 5px
    }

    .table-tools__btn a {
        margin-left: 15px
    }
}

@media (min-width:991px) and (max-width:1023px) {
    .banner__why-capital--logo {
        font-size: 21px;
        line-height: 26px
    }
}

@media (min-width:992px) and (max-width:1023px) {
    .banner-info.webinar .info {
        width: 75%
    }
}

@media all and (min-width:992px) and (max-width:1271px) {
    .video__item {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media all and (min-width:768px) and (max-width:1199px) {

    .hidden-medium,
    .hide-for-medium {
        display: none !important
    }

    .side-calc .table-tools thead th {
        padding: 12px 22px;
        font-size: 18px;
        line-height: 1.4
    }

    .side-calc .table-tools .hide-for-medium {
        display: table-cell !important
    }
}

@media all and (min-width:768px) and (max-width:991px) {
    .hidden-medium-port {
        display: none !important
    }
}

@media (min-width:900px) and (max-width:1199px) {
    .registration-main-area .control-hint-wrapper {
        width: 100%;
        position: static;
        transform: translateY(0)
    }

    .registration-main-area .control-hint-wrapper .control-hint {
        margin-left: 0;
        margin-top: 15px
    }

    .registration-main-area .control-hint-wrapper .control-hint-arrow {
        bottom: 100%;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%) translateY(0);
        width: 22px;
        height: 15px
    }

    .registration-main-area .control-hint-wrapper .control-hint-arrow:before {
        transform: translateX(50%) translateY(50%) rotate(45deg);
        top: auto;
        right: 50%;
        bottom: 0
    }
}

@media (min-width:568px) and (max-width:767px) {
    .form-container-small .set-pass-finish {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .newsSideBanner {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .glossarySideVideo {
        display: none
    }
}

@media (min-width:767px) and (max-width:901px) {
    .modal-calendar .table-calendar th:last-child {
        display: none
    }
}

@media all and (min-width:600px) and (max-width:767px) {
    .seo__list {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .seo__first-blk {
        width: 40%
    }

    .seo__second-blk {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 60%
    }
}

@media (min-width:1200px) and (max-width:1359px) {
    .storyCarousel .banner--first-wrap {
        padding-left: 90px
    }
}

@media screen and (-moz-images-in-menus:0) {
    .main__banner .iphone img {
        width: auto
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .footer__nav--item:last-child .ico span {
        background-image: url(../img/icons/social/css_sprites@2x.png)
    }

    .badge-appstore {
        background-image: url(../img/badge-appstore/2x/en.png)
    }

    .badge-appstore:lang(bg) {
        background-image: url(../img/badge-appstore/2x/1.png)
    }

    .badge-appstore:lang(cs) {
        background-image: url(../img/badge-appstore/2x/2.png)
    }

    .badge-appstore:lang(da) {
        background-image: url(../img/badge-appstore/2x/3.png)
    }

    .badge-appstore:lang(de) {
        background-image: url(../img/badge-appstore/2x/4.png)
    }

    .badge-appstore:lang(el) {
        background-image: url(../img/badge-appstore/2x/5.png)
    }

    .badge-appstore:lang(es) {
        background-image: url(../img/badge-appstore/2x/6.png)
    }

    .badge-appstore:lang(et) {
        background-image: url(../img/badge-appstore/2x/7.png)
    }

    .badge-appstore:lang(fi) {
        background-image: url(../img/badge-appstore/2x/8.png)
    }

    .badge-appstore:lang(fr) {
        background-image: url(../img/badge-appstore/2x/9.png)
    }

    .badge-appstore:lang(hr) {
        background-image: url(../img/badge-appstore/2x/10.png)
    }

    .badge-appstore:lang(hu) {
        background-image: url(../img/badge-appstore/2x/11.png)
    }

    .badge-appstore:lang(it) {
        background-image: url(../img/badge-appstore/2x/12.png)
    }

    .badge-appstore:lang(lt) {
        background-image: url(../img/badge-appstore/2x/13.png)
    }

    .badge-appstore:lang(lv) {
        background-image: url(../img/badge-appstore/2x/14.png)
    }

    .badge-appstore:lang(nl) {
        background-image: url(../img/badge-appstore/2x/15.png)
    }

    .badge-appstore:lang(pl) {
        background-image: url(../img/badge-appstore/2x/16.png)
    }

    .badge-appstore:lang(pt) {
        background-image: url(../img/badge-appstore/2x/17.png)
    }

    .badge-appstore:lang(ro) {
        background-image: url(../img/badge-appstore/2x/18.png)
    }

    .badge-appstore:lang(ru) {
        background-image: url(../img/badge-appstore/2x/19.png?v1)
    }

    .badge-appstore:lang(sk) {
        background-image: url(../img/badge-appstore/2x/20.png)
    }

    .badge-appstore:lang(sl) {
        background-image: url(../img/badge-appstore/2x/21.png)
    }

    .badge-appstore:lang(sv) {
        background-image: url(../img/badge-appstore/2x/22.png)
    }

    .badge-appstore:lang(zh) {
        background-image: url(../img/badge-appstore/2x/23.png)
    }

    .badge-googleplay {
        background-image: url(../img/badge-googleplay/2x/en.png)
    }

    .badge-googleplay:lang(bg) {
        background-image: url(../img/badge-googleplay/2x/1.png)
    }

    .badge-googleplay:lang(cs) {
        background-image: url(../img/badge-googleplay/2x/2.png)
    }

    .badge-googleplay:lang(da) {
        background-image: url(../img/badge-googleplay/2x/3.png)
    }

    .badge-googleplay:lang(de) {
        background-image: url(../img/badge-googleplay/2x/4.png)
    }

    .badge-googleplay:lang(el) {
        background-image: url(../img/badge-googleplay/2x/5.png)
    }

    .badge-googleplay:lang(es) {
        background-image: url(../img/badge-googleplay/2x/6.png)
    }

    .badge-googleplay:lang(et) {
        background-image: url(../img/badge-googleplay/2x/7.png)
    }

    .badge-googleplay:lang(fi) {
        background-image: url(../img/badge-googleplay/2x/8.png)
    }

    .badge-googleplay:lang(fr) {
        background-image: url(../img/badge-googleplay/2x/9.png)
    }

    .badge-googleplay:lang(hr) {
        background-image: url(../img/badge-googleplay/2x/10.png)
    }

    .badge-googleplay:lang(hu) {
        background-image: url(../img/badge-googleplay/2x/11.png)
    }

    .badge-googleplay:lang(it) {
        background-image: url(../img/badge-googleplay/2x/12.png)
    }

    .badge-googleplay:lang(lt) {
        background-image: url(../img/badge-googleplay/2x/13.png)
    }

    .badge-googleplay:lang(lv) {
        background-image: url(../img/badge-googleplay/2x/14.png)
    }

    .badge-googleplay:lang(nl) {
        background-image: url(../img/badge-googleplay/2x/15.png)
    }

    .badge-googleplay:lang(pl) {
        background-image: url(../img/badge-googleplay/2x/16.png)
    }

    .badge-googleplay:lang(pt) {
        background-image: url(../img/badge-googleplay/2x/17.png)
    }

    .badge-googleplay:lang(ro) {
        background-image: url(../img/badge-googleplay/2x/18.png)
    }

    .badge-googleplay:lang(ru) {
        background-image: url(../img/badge-googleplay/2x/19.png?v1)
    }

    .badge-googleplay:lang(sk) {
        background-image: url(../img/badge-googleplay/2x/20.png)
    }

    .badge-googleplay:lang(sl) {
        background-image: url(../img/badge-googleplay/2x/21.png)
    }

    .badge-googleplay:lang(sv) {
        background-image: url(../img/badge-googleplay/2x/22.png)
    }

    .badge-googleplay:lang(zh) {
        background-image: url(../img/badge-googleplay/2x/23.png)
    }

    .badge-platform {
        background-image: url(../img/badge-platform/2x/en.png)
    }

    .badge-platform:lang(bg) {
        background-image: url(../img/badge-platform/2x/1.png)
    }

    .badge-platform:lang(cs) {
        background-image: url(../img/badge-platform/2x/2.png)
    }

    .badge-platform:lang(da) {
        background-image: url(../img/badge-platform/2x/3.png)
    }

    .badge-platform:lang(de) {
        background-image: url(../img/badge-platform/2x/4.png)
    }

    .badge-platform:lang(el) {
        background-image: url(../img/badge-platform/2x/5.png)
    }

    .badge-platform:lang(es) {
        background-image: url(../img/badge-platform/2x/6.png)
    }

    .badge-platform:lang(et) {
        background-image: url(../img/badge-platform/2x/7.png)
    }

    .badge-platform:lang(fi) {
        background-image: url(../img/badge-platform/2x/8.png)
    }

    .badge-platform:lang(fr) {
        background-image: url(../img/badge-platform/2x/9.png)
    }

    .badge-platform:lang(hr) {
        background-image: url(../img/badge-platform/2x/10.png)
    }

    .badge-platform:lang(hu) {
        background-image: url(../img/badge-platform/2x/11.png)
    }

    .badge-platform:lang(it) {
        background-image: url(../img/badge-platform/2x/12.png)
    }

    .badge-platform:lang(lt) {
        background-image: url(../img/badge-platform/2x/13.png)
    }

    .badge-platform:lang(lv) {
        background-image: url(../img/badge-platform/2x/14.png)
    }

    .badge-platform:lang(nl) {
        background-image: url(../img/badge-platform/2x/15.png)
    }

    .badge-platform:lang(pl) {
        background-image: url(../img/badge-platform/2x/16.png)
    }

    .badge-platform:lang(pt) {
        background-image: url(../img/badge-platform/2x/17.png)
    }

    .badge-platform:lang(ro) {
        background-image: url(../img/badge-platform/2x/18.png)
    }

    .badge-platform:lang(ru) {
        background-image: url(../img/badge-platform/2x/19.png?v1)
    }

    .badge-platform:lang(sk) {
        background-image: url(../img/badge-platform/2x/20.png)
    }

    .badge-platform:lang(sl) {
        background-image: url(../img/badge-platform/2x/21.png)
    }

    .badge-platform:lang(sv) {
        background-image: url(../img/badge-platform/2x/22.png)
    }

    .badge-platform:lang(zh) {
        background-image: url(../img/badge-platform/2x/23.png)
    }

    .tool__ico:before {
        background-image: url(../img/subscribe-ico-msg@2x.png)
    }

    .tool__desc--start {
        background-image: url(../img/category/start-bg@2x.png);
        background-size: 359px 153px
    }

    .webp .flag-min {
        background-image: url(../img/webp/sprite-flags-min-new@2x.webp?v9)
    }

    .webp .banner--about {
        background-image: url(../img/about/webp/banner-about@2x.webp?v2)
    }

    .webp .banner--ec-calendar {
        background-image: url(../img/webp/calendar-cup@2x.webp)
    }

    .webp .banner--blog {
        background-image: url(../img/webp/bg-blog@2x.webp)
    }

    .webp .banner--prime {
        background-image: url(../img/prime/webp/banner@2x.webp)
    }

    .webp .banner--cfd {
        background-image: url(../img/webp/banner-cfd@2x.webp)
    }

    .webp .banner--crypto-page {
        background-image: url(../img/webp/banner-crypto-page@2x.webp)
    }

    .webp .prime__bg:before {
        background-image: url(../img/prime/webp/subbanner@2x.webp)
    }

    .webp .banner--main {
        background-image: url(../img/homepage/webp/banner-uber@2x.webp)
    }

    .webp .global-accounts__banner:before {
        background-image: url(../img/accounts/webp/banner-global-accounts@2x.webp)
    }

    .webp .img__london {
        background-image: url(../img/about/webp/london@2x.webp)
    }

    .webp .img__limassol {
        background-image: url(../img/about/webp/limassol@2x.webp)
    }

    .webp .img__gibraltar {
        background-image: url(../img/about/webp/gibraltar@2x.webp)
    }

    .webp .img__minsk {
        background-image: url(../img/about/webp/minsk@2x.webp)
    }

    .webp .img__melbourne {
        background-image: url(../img/about/webp/melbourne@2x.webp)
    }

    .no-webp .flag-min {
        background-image: url(../img/webp/sprite-flags-min-new@2x.png?v1)
    }

    .no-webp .banner--about {
        background-image: url(../img/about/banner-about@2x.jpg?v2)
    }

    .no-webp .banner--ec-calendar {
        background-image: url(../img/calendar-cup@2x.jpg)
    }

    .no-webp .banner--blog {
        background-image: url(../img/bg-blog@2x.jpg)
    }

    .no-webp .banner--prime {
        background-image: url(../img/prime/banner@2x.jpg)
    }

    .no-webp .banner--cfd {
        background-image: url(../img/banner-cfd@2x.jpg)
    }

    .no-webp .banner--crypto-page {
        background-image: url(../img/banner-crypto-page@2x.jpg)
    }

    .no-webp .banner--main {
        background-image: url(../img/homepage/banner-uber@2x.jpg)
    }

    .no-webp .global-accounts__banner:before {
        background-image: url(../img/accounts/banner-global-accounts@2x.jpg)
    }

    .no-webp .prime__bg:before {
        background-image: url(../img/prime/subbanner@2x.jpg)
    }

    .no-webp .img__london {
        background-image: url(../img/about/offices/london@2x.jpg)
    }

    .no-webp .img__limassol {
        background-image: url(../img/about/offices/limassol@2x.jpg)
    }

    .no-webp .img__gibraltar {
        background-image: url(../img/about/offices/gibraltar@2x.jpg)
    }

    .no-webp .img__minsk {
        background-image: url(../img/about/offices/minsk@2x.jpg)
    }

    .no-webp .img__melbourne {
        background-image: url(../img/about/offices/melbourne@2x.jpg)
    }

    body:not(.user-logged) .startReg {
        background-image: url(../img/registration/shutterstock_678225592@2x.jpg)
    }

    .investingMode .registration-main-slider__item.first {
        background-image: url(../img/registration/slide1@2x.jpg)
    }

    .investingMode .registration-main-slider__item.second {
        background-image: url(../img/registration/slide2@2x.jpg)
    }

    .investingMode .registration-main-slider__item.third {
        background-image: url(../img/registration/slide3@2x.jpg)
    }

    .investingMode .registration-main-slider__item.fourth {
        background-image: url(../img/registration/slide4@2x.jpg)
    }

    .registration-form-wrapper.result-15-PASS {
        background-image: url(../img/registration/bg-complete@2x.jpg)
    }

    .eurobank {
        background-image: url(../img/eurobank2x.png)
    }

    .seo-banner--mob {
        background-image: url(../img/seo-banners/set1-mob@2x.jpg)
    }

    .seo-banner--mob.seo-banner--type2 {
        background-image: url(../img/seo-banners/set2@2x.jpg)
    }

    .seo-banner--mob.seo-banner--type3 {
        background-image: url(../img/seo-banners/Banner3_mobile@2x.jpg)
    }

    .seo-banner--mob.seo-banner--type3 .button-main {
        font-size: 20px;
        width: 100%
    }

    .seo-banner--mob.seo-banner--type4 {
        background-image: url(../img/seo-banners/set4-mob@2x.jpg)
    }

    .seo-banner--desc {
        background-image: url(../img/seo-banners/set1@2x.jpg)
    }

    .seo-banner--desc.seo-banner--type2 {
        background-image: url(../img/seo-banners/set2-desc@2x.jpg)
    }

    .seo-banner--desc.seo-banner--type3,
    .seo-banner--desc.seo-banner--type5 {
        background-image: url(../img/seo-banners/Banner3_desktop@2x.jpg)
    }

    .seo-banner--desc.seo-banner--type4 {
        background-image: url(../img/seo-banners/set4@2x.jpg)
    }

    .seo-banner--type7.seo-banner--desc {
        background: transparent url(../img/seo-banners/banner_refer_hor_@2x.jpg) bottom left no-repeat;
        background-size: cover
    }

    .seo-banner--type7.seo-banner--mob {
        background: transparent url(../img/seo-banners/banner_refer_ver_@2x.jpg) bottom left no-repeat;
        background-size: cover
    }

    .webp .seo-banner--type7.seo-banner--desc {
        background: transparent url(../img/seo-banners/banner_refer_hor_@2x.webp) bottom left no-repeat;
        background-size: cover
    }

    .webp .seo-banner--type7.seo-banner--mob {
        background: transparent url(../img/seo-banners/banner_refer_ver_@2x.webp) bottom left no-repeat;
        background-size: cover
    }

    .prime__tools .ico {
        background-image: url(../img/prime/sprite-prime@2x.png);
        background-repeat: no-repeat;
        background-size: 368px 273px
    }

    .prime__ico {
        background-image: url(../img/prime/sprite-prime@2x.png);
        background-repeat: no-repeat;
        background-size: 368px 273px
    }

    .banner--partners {
        background: transparent url(../img/about/bg-banner-partners@2x.jpg) center no-repeat;
        background-size: cover
    }

    html[lang=ar] .feedback {
        background: transparent url(../img/homepage/feedback-bg@2x.webp) center no-repeat;
        background-size: cover
    }

    .webp .banner--sys-health {
        background: url(../img/about/banner-system_health@2x.webp) center no-repeat;
        background-size: cover
    }

    .banner--sys-health {
        background: url(../img/about/banner-system_health@2x.jpg) center no-repeat;
        background-size: cover
    }

    .contactAsian__flag {
        background: url(../img/sprites/contact_asian_sprite@2x.png) top left no-repeat;
        background-size: 84px 60px
    }

    .marketList__icon {
        background: url(../img/icons/markets_logos@2x.png) top left no-repeat;
        background-size: 144px 144px
    }
}

@media only screen and (max-device-width:991px) and (orientation:landscape) {
    .main__cookies {
        left: 5px
    }

    .footer-site {
        padding-bottom: 70px
    }

    .video__list {
        padding-left: calc(-15px + env(safe-area-inset-left));
        padding-right: calc(-15px + env(safe-area-inset-right))
    }
}

@media (min-height:772px) {
    .registration-form-wrapper.noheight {
        height: auto
    }
}

@media print {
    .registration-form-wrapper {
        margin: 0;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        min-height: auto;
        display: block
    }

    .registration-form-wrapper .notbanktransfer,
    .registration-form-wrapper .reg-button-toolbar,
    .registration-form-wrapper .registration-close,
    .registration-form-wrapper .registration-modal,
    .registration-form-wrapper .registration-progress,
    .registration-form-wrapper .sprite2-registration-logo,
    .registration-form-wrapper .valid-error {
        display: none
    }

    .rw-regform {
        display: none
    }
}

@media (max-height:760px) {
    .registration-main-area .lottie {
        width: 80px;
        height: 80px
    }
}

@media (max-height:700px) {
    .registration-main-area .lottie {
        display: none
    }

    .form-container-big-content {
        min-height: 365px
    }

    #ywrap .form-container-big-content {
        min-height: 0
    }
}