@charset "UTF-8";
@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(../app-site-fonts/svg-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-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
}

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

.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
}

@keyframes processing {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.button-cleared {
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    color: #fcd535;
    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 #fcd535;
    border-bottom: 2px solid #fcd535;
    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 #fcd535;
    border-bottom: 2px solid #fcd535;
    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: var(--primary);
    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: var(--primaryHover);
    outline: 0
}

.button-main:hover {
    background: var(--primaryHover);
    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: 48px;
    min-height: 48px;
    padding: 5px 32px;
    font-size: 16px;
    line-height: 38px
}

.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: #fcd535;
    background: 0 0;
    border: 1px solid #fcd535
}

.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: #fcd535;
    background-color: #fff;
    border: 1px solid #fcd535;
    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: #fcd535
}

.button-outlined:active,
.button-outlined:focus {
    color: #fcd535;
    border-color: #fcd535
}

.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: #fcd535;
    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 #fcd535;
    border-bottom: 2px solid #fcd535;
    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: #fcd535;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.close-button:after {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #fcd535;
    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: #fcd535;
    border: 1px solid #fcd535;
    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: #fcd535
}

.group-radio-button .radio-group [type=radio]:checked~span:hover {
    background-color: #fcd535
}

.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 #fcd535;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    color: #fcd535;
    text-align: center;
    min-width: 180px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    padding: 5px 20px
}

.button-content:hover {
    color: #fcd535;
    border-color: #fcd535
}

.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: #fcd535;
    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: #fcd535;
    color: #fff;
    text-decoration: none
}

.round-btn-shadow:hover {
    background: #fcd535;
    color: #fff;
    text-decoration: none
}

.print-button {
    width: 170px
}

.button-link {
    font-weight: 700;
    font-size: 17px;
    line-height: 18px;
    color: #fcd535;
    position: relative;
    padding-right: 10px;
    white-space: nowrap
}

.button-link:after {
    content: "";
    position: absolute;
    width: 6px;
    top: 50%;
    height: 6px;
    border: 1px solid #fcd535;
    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
}

.buttonJump {
    position: relative;
    transform: translateY(0);
    transition-duration: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: auto
}

.buttonJump:hover {
    transform: translateY(-4px);
    transition-duration: .2s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.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
}

[dir=rtl] .checkbox [type=checkbox],
[dir=rtl] .checkbox [type=radio] {
    right: -9999px;
    left: unset
}

.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: var(--primary);
    background: var(--primary)
}

.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: var(--primary);
    background: var(--primary)
}

.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: #fcd535
}

.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: #fcd535
}

.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--mb24 {
    margin-bottom: 24px
}

.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: #fcd535;
    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: #fcd535;
    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 #fcd535;
    border-bottom: 2px solid #fcd535;
    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: #fcd535;
    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: #fcd535;
    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: 2;
    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 {
    margin: unset;
    padding: 12px 10px;
    width: 100%;
    line-height: 1;
    font-size: 14px
}

.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 #fcd535
}

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

.webp .banner--about {
    background-image: url(../img/about/webp/banner-about.webp?v2)
}

.webp .banner--blog {
    background-image: url(../img/webp/bg-blog.webp)
}

.webp .banner--prime {
    background-image: url(../img/prime/webp/banner.webp)
}

.webp .prime__bg:before {
    background-image: url(../img/prime/webp/subbanner.webp)
}

.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 .main__support--strip,
.webp .prime__bg--img:after {
    background: url(../img/homepage/webp/strip.webp) bottom center no-repeat;
    background-size: 100% 100%
}

.no-webp .banner--about {
    background-image: url(../img/about/banner-about.jpg?v2)
}

.no-webp .banner--blog {
    background-image: url(../img/bg-blog.jpg)
}

.no-webp .banner--prime {
    background-image: url(../img/prime/banner.jpg)
}

.no-webp .prime__bg--img: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%
}

.completeProfile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.completeProfile__icon {
    justify-self: center;
    width: 96px;
    height: 96px;
    border: 4px solid #00c46b;
    border-radius: 50%
}

.completeProfile .btn {
    line-height: 24px;
    font-size: 16px
}

.popupQr {
    background: #f2f3f5;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 24px
}

.popupQr__img {
    margin-bottom: 32px
}

.popupSuccess {
    width: 100%
}

.popupSuccess__wrap {
    max-width: 256px;
    margin: 0 auto
}

.popupSuccess__wrap h2 {
    margin-bottom: 56px
}

.popupSuccess__wrap p {
    margin-bottom: 16px
}

.popupSuccess__wrap p:last-child {
    margin-bottom: 0
}

.popupSuccess__wrap a {
    margin-top: 56px
}

.button-cleared.small {
    position: absolute;
    top: 14px;
    right: 14px;
    height: auto;
    padding: 0;
    color: #333;
    z-index: 1
}

.button-cleared.small:hover {
    background: 0 0;
    color: #828282
}

.logo,
.logo-invert {
    background: url(../img/logo.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 102px;
    height: 25px;
    display: block;
    font-size: 0
}

.logo-invert.logo-bigger,
.logo.logo-bigger {
    width: 263px;
    height: 50px
}

.logo-invert {
    background-image: url(../img/logo-invert.svg)
}

.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?v3)
}

.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)
}

.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?v3)
}

.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)
}

.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?v3)
}

.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)
}

.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)
}

.badge-platform:lang(ru) {
    width: 210px
}

.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--main {
    padding: 6px 12px 6px 0
}

.tools__item .col {
    -ms-flex: 1;
    flex: 1
}

.tools__item .first {
    max-width: 48px
}

.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: var(--primary);
    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 3px;
    width: 45px;
    min-width: 45px;
    margin-right: 10px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .8)
}

.tools .time-line button:hover {
    color: #fcd535
}

.tools .time-line button.active {
    border: 1px solid #fcd535;
    color: #fcd535
}

.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
}

.modal.modal--preregistration {
    --gapX: var(--u16);
    --gapY: var(--u48);
    padding: 0;
    max-height: 100vh;
    width: 100%;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--cMain)
}

.modal.modal--preregistration .modal--info {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.modal.modal--preregistration .modal--content {
    padding: var(--u24) var(--gapX) 0
}

.modal.modal--preregistration .modal--content .h2 {
    margin-bottom: var(--u16);
    display: block
}

.modal.modal--preregistration .riskWarn {
    padding: var(--u8) var(--gapX)
}

.modal.modal--preregistration .riskWarn .cc-wrap {
    padding: 0
}

.modal.modal--preregistration .riskWarn .riskWarn__wrap {
    padding: 0;
    border-top: 0;
    border-bottom: 0
}

.modal.modal--preregistration .riskWarn .riskWarn__btn {
    bottom: -12px
}

.modal.modal--preregistration .modal--stickyBottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: var(--white);
    z-index: 2;
    padding-top: var(--u8);
    padding-bottom: var(--u8)
}

.modal.modal--preregistration .checkbox [type=checkbox]~span {
    line-height: 24px;
    padding-top: 0
}

.modal.modal--preregistration .error .checkbox [type=checkbox]~span {
    color: var(--chartRed)
}

.modal.modal--preregistration .error .checkbox [type=checkbox]~span:before {
    border-color: var(--chartRed)
}

.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 {
    margin: 0 0 60px;
    padding: 24px 32px 0;
    left: 0;
    top: 100%;
    max-height: 380px;
    width: 99%;
    background: #fff;
    z-index: 100000
}

.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: #fcd535;
    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: 4px 8px;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    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 {
    display: none
}

.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: #fcd535;
    text-decoration: none
}

.global-search__text p {
    color: #4c4c4c;
    margin-bottom: 5px
}

.global-search__text a {
    font-size: 14px;
    line-height: 17px;
    color: #fcd535
}

.global-search__text a:hover {
    text-decoration: underline
}

.global-search__heading {
    padding: 30px 0 16px
}

.global-search__heading h1 {
    margin: 0
}

.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)
}

@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
    }
}

.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: #fcd535;
    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: var(--primary);
    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
}

.hidden {
    display: none !important
}

.feedback {
    display: none !important
}

.row-cont {
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
    margin: 0 auto
}

.row-cont--bordered {
    border-top: 1px solid #e5e5e5
}

.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
}

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

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

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

.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
}

.overlay--uk {
    background-color: rgba(18, 18, 18, .97);
    z-index: 9999
}

.overlay--center {
    -ms-flex-align: center;
    align-items: center
}

.blackCEmph .overlay {
    --textSection: #000
}

.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-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: var(--primary)
}

.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: var(--primary);
    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
    }
}

.form-container-white.modal {
    border-radius: 16px;
    padding: 0;
    color: var(--cEmph)
}

.form-container-white.modal p {
    font-size: 16px;
    line-height: 1.5em
}

.form-container-white.modal a:not(.socialsLogin__btn) {
    font-weight: 500
}

.form-container-white.modal a:not(.socialsLogin__btn):hover {
    text-decoration: underline
}

.form-container-white.modal .signup-form {
    -ms-flex: 1;
    flex: 1
}

.form-container-white.modal.minimal-size {
    max-width: 490px
}

.form-container-white.modal .button-cleared.small {
    position: absolute;
    top: 14px;
    right: 14px;
    height: auto;
    padding: 0;
    color: #333;
    z-index: 1
}

.form-container-white.modal .button-cleared.small:hover {
    background: 0 0;
    color: #828282
}

html[dir=rtl] .form-container-white.modal .button-cleared.small {
    right: auto;
    left: 22px
}

.form-container-white.modal .registrationPromo {
    border-radius: 8px;
    width: 264px;
    margin-right: 48px;
    padding: 0 24px 0
}

.form-container-white.modal .registrationPromo h2 {
    margin-bottom: 40px;
    text-align: center
}

html[lang=ar] .form-container-white.modal .registrationPromo {
    margin: 0 0 0 48px
}

.form-container-white.modal .list-webinar__item {
    margin-bottom: 32px;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
    font-size: 16px;
    line-height: 1.5em;
    word-break: break-word
}

.form-container-white.modal .list-webinar__item strong {
    font-weight: 700
}

.form-container-white.modal .list-webinar__item .icn-check {
    background: 0 0
}

.form-container-white.modal .icn-check {
    border: none;
    font-size: 20px;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px var(--primary)
}

.form-container-white.modal .reg-desc {
    font-size: 16px;
    line-height: 1.5em
}

.form-container-white.modal .form-container-small-header {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 16px
}

.form-container-white.modal .form-container-small-header .h1,
.form-container-white.modal .form-container-small-header .h2 {
    margin-bottom: 16px
}

.form-container-white.modal .form-container-small-header.withLogo {
    -ms-flex-align: normal;
    align-items: normal
}

.form-container-white.modal .form-container-small-header.withLogo .h1,
.form-container-white.modal .form-container-small-header.withLogo .h2 {
    margin-bottom: 8px
}

.form-container-white.modal .form-container-small-content {
    padding: 0 0 16px
}

.form-container-white.modal .form-container-small-footer {
    padding: 0;
    text-align: left
}

html[lang=ar] .form-container-white.modal .form-container-small-footer {
    text-align: right
}

.form-container-white.modal .form-container-small-footer .reg-desc {
    margin: 0
}

.form-container-white.modal .error-container {
    margin-bottom: 24px
}

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

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

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

.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
}

.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: var(--primary)
}

.language-set_item.active {
    background-color: rgba(var(--primary), .1);
    font-weight: 600;
    color: var(--primary) !important
}

.language-set_item.active:before {
    content: "";
    width: 6px;
    height: 9px;
    border-right: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    transform: rotate(45deg);
    position: absolute;
    right: 12px;
    top: 14px
}

.language-set_flag {
    margin-right: 14px;
    vertical-align: bottom
}

.list-webinar__item {
    -webkit-padding-start: 50px;
    padding-inline-start: 50px;
    margin-bottom: 17px;
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.list-webinar .icn-check {
    border: 2px solid var(--primary);
    border-radius: 100%;
    font-size: 21px;
    color: var(--primary);
    position: absolute;
    top: 3px;
    left: 0
}

[dir=rtl] .list-webinar .icn-check {
    left: unset;
    right: 0
}

.list-webinar mark {
    color: var(--primary);
    background: 0 0
}

.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
}

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

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

.socialsLogin {
    --socialLoginSize: 40px
}

.socialsLogin__divider {
    text-align: center;
    overflow: hidden
}

.socialsLogin__divider span {
    position: relative;
    padding: 0 var(--u8)
}

.socialsLogin__divider span:after,
.socialsLogin__divider span:before {
    content: "";
    width: 1000px;
    height: 1px;
    background-color: #ecedee;
    position: absolute;
    top: 50%;
    text-transform: none;
    z-index: 1
}

.socialsLogin__divider span:before {
    left: 100%
}

.socialsLogin__divider span:after {
    right: 100%
}

.socialsLogin__frame {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

.socialsLogin__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border-radius: 4px;
    width: var(--socialLoginSize);
    height: var(--socialLoginSize);
    margin: 0 var(--u8)
}

.socialsLogin__btn--fb {
    background-color: #4267b2;
    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 {
    border: 1px solid #dadce0;
    background: #fff
}

.socialsLogin__btn--google:focus,
.socialsLogin__btn--google:hover {
    border-color: #d2e3fc;
    background: linear-gradient(0deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .3)), #f8fafe
}

.socialsLogin__btn--google iframe {
    max-width: unset
}

.socialsLogin__btn--iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.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
}

.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;
    -webkit-padding-start: 40px;
    padding-inline-start: 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: var(--primary)
}

.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: var(--primary)
}

.registrationPromoMob .list-webinar__item .icn-check {
    background: rgba(187, 139, 98, .2)
}

.registrationPromoMob .list-webinar__item span {
    font-weight: 700;
    font-size: 24px;
    color: var(--primary)
}

.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)
}

.errContainer {
    margin: 0 0 24px;
    padding: 12px 24px;
    background: #fdf2f4;
    border: 1px solid #d12c1e;
    border-radius: 4px;
    color: #d12c1e;
    font-size: 13px;
    line-height: 1.4;
    text-align: center
}

.errContainer .errActionWrap,
.errContainer .errDescr,
.errContainer .errTitle {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.errContainer a {
    color: #d12c1e;
    text-decoration: underline
}

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

.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: #fcd535;
    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 #e0e0e0;
    margin: 4px 0;
    padding: 24px;
    border-radius: 8px;
    display: none
}

.password-list--new li {
    font-size: 12px;
    line-height: 24px;
    color: #fa6031
}

.password-list--new li.active:after,
.password-list--new li:after,
.password-list--new li:before {
    content: none
}

.password-list--new li.active {
    color: #828282
}

.password-list--dark {
    border: 1px solid #4f4f4f;
    background: #333
}

.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
}

.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: #fcd535;
    color: #fcd535;
    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
}

.reg-short-button {
    min-width: 170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 7px
}

.registration-info-icon {
    vertical-align: bottom;
    margin-right: 8px;
    cursor: pointer
}

.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-content .socialsLogin__divider {
    margin-top: 16px
}

.form-container-small a {
    font-weight: 600;
    color: var(--primary);
    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
}

.form-container-columned.modal {
    grid-area: 1/2/1/2;
    max-width: 556px;
    width: 90%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.form-container-white.modal {
    border-radius: 16px;
    padding: 0
}

.form-container-white.modal p {
    font-size: 16px;
    line-height: 1.5em
}

.form-container-white.modal a:not(.socialsLogin__btn) {
    font-weight: 500
}

.form-container-white.modal a:not(.socialsLogin__btn):hover {
    text-decoration: underline
}

.form-container-white.modal .signup-form {
    -ms-flex: 1;
    flex: 1
}

.form-container-white.modal.minimal-size {
    max-width: 490px
}

.form-container-white.modal .button-cleared.small {
    position: absolute;
    top: 14px;
    right: 14px;
    height: auto;
    padding: 0;
    color: #333;
    z-index: 1
}

.form-container-white.modal .button-cleared.small:hover {
    background: 0 0;
    color: #828282
}

html[dir=rtl] .form-container-white.modal .button-cleared.small {
    right: auto;
    left: 22px
}

.form-container-white.modal .registrationPromo {
    border-radius: 8px;
    width: 264px;
    margin-right: 48px;
    padding: 0 24px 0
}

.form-container-white.modal .registrationPromo h2 {
    margin-bottom: 40px;
    text-align: center
}

html[lang=ar] .form-container-white.modal .registrationPromo {
    margin: 0 0 0 48px
}

.form-container-white.modal .list-webinar__item {
    margin-bottom: 32px;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
    font-size: 16px;
    line-height: 1.5em;
    word-break: break-word
}

.form-container-white.modal .list-webinar__item strong {
    font-weight: 700
}

.form-container-white.modal .list-webinar__item .icn-check {
    background: 0 0
}

.form-container-white.modal .icn-check {
    border: none;
    font-size: 20px;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px var(--primary)
}

.form-container-white.modal .reg-desc {
    font-size: 16px;
    line-height: 1.5em
}

.form-container-white.modal .form-container-small-header {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 16px
}

.form-container-white.modal .form-container-small-header .h1,
.form-container-white.modal .form-container-small-header .h2 {
    margin-bottom: 16px
}

.form-container-white.modal .form-container-small-content {
    padding: 0 0 16px
}

.form-container-white.modal .form-container-small-footer {
    padding: 0;
    text-align: left
}

html[lang=ar] .form-container-white.modal .form-container-small-footer {
    text-align: right
}

.form-container-white.modal .form-container-small-footer .reg-desc {
    margin: 0
}

.form-container-white.modal .error-container {
    margin-bottom: 24px
}

.form-container-white.modal .regForgot {
    margin: -16px 0 8px
}

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

.reg-desc {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.5em
}

.reg-desc--down {
    margin: var(--u16) 0 0
}

.reg-desc a {
    color: var(--primary);
    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
}

.linedTitle {
    position: relative;
    text-align: center;
    color: #2b2c2f;
    font-size: 16px;
    line-height: 1.5em;
    margin: 24px 0;
    overflow: hidden
}

.linedTitle span {
    position: relative;
    z-index: 2;
    width: 40px;
    display: inline-block
}

.linedTitle span:after,
.linedTitle span:before {
    content: "";
    width: 1000px;
    height: 1px;
    background-color: #ecedee;
    position: absolute;
    top: 50%;
    text-transform: none;
    z-index: 1
}

.linedTitle span:before {
    left: 100%
}

.linedTitle span:after {
    right: 100%
}

.price-change.grow-up {
    color: #00c46b
}

.price.positive-price:after {
    animation: positive-arr .3s ease-out forwards
}

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

.price.negative-price:after {
    animation: negative-arr .3s ease-out forwards
}

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

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

.fcaWrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -ms-flex-align: center;
    align-items: center
}

.fcaWrap p {
    margin: 0
}

.fcaWarning__text {
    color: var(--cMain)
}

.fcaWarning .cc-icons {
    --iconSize: var(--u40);
    --colorIcon: var(--darkContrast);
    margin: 0 auto
}

@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
    }
}

@media (min-width:568px) {
    .language-set {
        columns: 2 10px
    }
}

@media (min-width:768px) {
    .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
    }
    .error-container--mb24 {
        margin-bottom: 24px
    }
    .logo,
    .logo-invert {
        width: 130px
    }
    .modal.modal--preregistration {
        --gapX: var(--u48);
        border-radius: var(--u24);
        width: 90%
    }
    .modal.modal--preregistration .modal--stickyBottom {
        padding-top: 0;
        padding-bottom: var(--u16)
    }
    .seo-banner--desc.seo-banner--type6 .text-info {
        -ms-flex: 1;
        flex: 1;
        padding-left: 27%;
        text-align: left
    }
    .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-calendar {
        padding: 30px 45px;
        width: 856px
    }
    .form-container-white.modal {
        padding: 48px
    }
    .form-container-white.modal .button-cleared.small {
        top: 22px;
        right: 22px
    }
    .language-set {
        columns: 3 10px
    }
    .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-white.modal {
        padding: 48px
    }
    .form-container-white.modal .button-cleared.small {
        top: 22px;
        right: 22px
    }
}

@media screen and (min-width:768px) {
    .completeProfile__icon {
        width: 132px;
        height: 132px
    }
    .popupQr {
        padding: 140px 32px;
        margin-bottom: 0
    }
    .button-cleared.small {
        top: 22px;
        right: 22px
    }
}

@media (min-width:900px) {
    .control-hint-wrapper {
        width: 260px;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 10
    }
}

@media (min-width:1024px) {
    .logo,
    .logo-invert {
        width: 166px;
        height: 32px
    }
    .modal.modal--preregistration {
        width: 800px
    }
}

@media (min-width:1200px) {
    .button-outlined {
        font-size: 18px;
        line-height: 1.667
    }
    .modal.modal--preregistration .modal--stickyBottom {
        padding-bottom: var(--gapY)
    }
    .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
    }
    .valid-error.global,
    .valid-pass.global {
        width: 560px;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }
    .form-container-columned.modal {
        width: 100%;
        max-width: 847px
    }
}

@media (min-width:1300px) {
    .open .search_res_wrap {
        position: absolute;
        display: block;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 1
    }
}

@media (max-width:1199px) {
    .green-check {
        background-size: 19px
    }
    .search {
        float: none
    }
    .search__ico,
    .search__ico--show {
        right: 30px;
        left: initial
    }
    .search__clear {
        right: 30px
    }
    .global-search__text h4,
    .global-search__text h4 a {
        font-size: 16px;
        line-height: 1.375
    }
    .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
    }
    .profile-button {
        margin-left: auto
    }
    .registrationPromo {
        display: none
    }
}

@media (max-width:1023px) {
    .button-main.mob {
        display: inline-block
    }
    .category .seo-banner .button-main {
        display: inline-block
    }
}

@media (max-width:991px) {
    .custom-signup {
        overflow: auto !important
    }
    .tools {
        margin-top: 30px
    }
    .global-search__list {
        min-height: 200px
    }
    .seo-banner--desc.seo-banner--type6 {
        background-position: 17% 0
    }
    .row-cont {
        padding: 0 15px
    }
    .list-webinar {
        max-width: 480px;
        margin: 0 auto 30px
    }
    .form-container-big {
        width: 90%
    }
}

@media (max-width:767px) {
    .button-main {
        font-size: 16px
    }
    .button-link {
        font-size: 16px;
        line-height: 20px
    }
    .field-form {
        font-size: 16px;
        padding: 5px 10px
    }
    .tools__item .col.hide-mob {
        display: none
    }
    .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
    }
    .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
    }
    .profile-button {
        padding: 0;
        border: none
    }
    .profile-button .user-name {
        display: none
    }
    .profile-button .nav-button {
        margin: 0
    }
    .modal.modal-leverage {
        max-width: 560px
    }
    .modal.modal-leverage .modal-content {
        overflow: auto
    }
    html[dir=rtl] .form-container-white.modal .button-cleared.small {
        left: 14px
    }
    .form-container-white.modal .form-container-small-header {
        padding: 16px 24px 16px
    }
    .form-container-white.modal .form-container-small-content {
        padding: 0 24px 16px
    }
    .form-container-white.modal .form-container-small-footer {
        padding: 0 24px 16px
    }
    .list-webinar {
        padding: 0
    }
    .list-webinar__item {
        font-size: 16px;
        line-height: 22px;
        -webkit-padding-start: 40px;
        padding-inline-start: 40px
    }
    .list-webinar .icn-check {
        top: -1px
    }
    .registrationPromo__holder {
        padding: 33px 0 24px
    }
    .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
    }
    html[dir=rtl] .form-container-white.modal .button-cleared.small {
        left: 14px
    }
    .form-container-white.modal .form-container-small-header {
        padding: 16px 24px 16px
    }
    .form-container-white.modal .form-container-small-content {
        padding: 0 24px 16px
    }
    .form-container-white.modal .form-container-small-footer {
        padding: 0 24px 16px
    }
    .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
    }
}

@media only screen and (max-width:767px) {
    .glossarySideVideo {
        padding-top: 20px
    }
}

@media screen and (max-width:767px) {
    .fcaWarning {
        padding: 0 var(--u24) var(--u16)
    }
}

@media all and (max-width:620px) {
    .modal.modal-leverage {
        padding: 15px
    }
}

@media (max-width:567px) {
    .form-container-small {
        width: 90%
    }
}

@media (max-width:480px) {
    .global-search__label {
        width: 100%
    }
    .global-search__input {
        width: 100%
    }
    .global-search__row {
        padding: 0 15px
    }
    .reg-button-toolbar {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:479px) {
    .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:390px) {
    .custom-signup {
        width: 100%
    }
}

@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:568px) and (max-width:767px) {
    .form-container-small .set-pass-finish {
        margin-top: 0
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .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
    }
    .webp .banner--about {
        background-image: url(../img/about/webp/banner-about@2x.webp?v2)
    }
    .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 .prime__bg:before {
        background-image: url(../img/prime/webp/subbanner@2x.webp)
    }
    .no-webp .banner--about {
        background-image: url(../img/about/banner-about@2x.jpg?v2)
    }
    .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 .prime__bg--img:before {
        background-image: url(../img/prime/subbanner@2x.jpg)
    }
    .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?v3)
    }
    .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?v3)
    }
    .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?v3)
    }
    .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)
    }
    .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
    }
    .sprite4 {
        background-image: url(../img/sprite4@2x.png?v=04);
        background-size: 2342px 2085px
    }
}

@media (max-height:700px) {
    .form-container-big-content {
        min-height: 365px
    }
}