@import "footer.css";

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProReg.woff2) format("woff2"), url(../fonts/GothamProReg.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProBol.woff2) format("woff2"), url(../fonts/GothamProBol.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProLig.woff2) format("woff2"), url(../fonts/GothamProLig.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

.font-GothaProReg {
    font-family: GothaProReg
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProMed.woff2) format("woff2"), url(../fonts/GothamProMed.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Light"), local("Plus-Jakarta-Sans-Light"), url(../fonts/jakarta/PlusJakartaSans-300.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-300.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Normal"), local("Plus-Jakarta-Sans-Normal"), url(../fonts/jakarta/PlusJakartaSans-400.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-400.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Medium"), local("Plus-Jakarta-Sans-Medium"), url(../fonts/jakarta/PlusJakartaSans-500.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-500.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Bold"), local("Plus-Jakarta-Sans-Bold"), url(../fonts/jakarta/PlusJakartaSans-600.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-600.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Bold"), local("Plus-Jakarta-Sans-Bold"), url(../fonts/jakarta/PlusJakartaSans-700.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-700.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Black"), local("Plus-Jakarta-Sans-Black"), url(../fonts/jakarta/PlusJakartaSans-800.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-800.woff) format("woff")
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.display-flex {
    display: -ms-flexbox;
    display: flex
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

:focus {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

optgroup {
    font-weight: 700
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 0
}

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

:focus {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

optgroup {
    font-weight: 700
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 0
}

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

html {
    position: relative;
    width: 100%;
    height: 100%
}

body {
    font-family: GothaProReg, sans-serif;
    font-size: 16px;
    position: relative;
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    line-height: 1.6;
    color: #000;
    background: #000
}

body.-index-page {
    color: #fff
}

@media screen and (max-width: 1000px) {
    body.-aside-visible, body.-mobile-menu-open {
        overflow: hidden;
        width: 100vw;
        height: 100vh;
        min-width: 100vw;
        min-height: 100vh;
        max-width: 100vw;
        max-height: 100vh
    }
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

html:lang(vn) :not(.promo-copy-trade-steps-list__num) {
    font-weight: 400 !important
}

a {
    color: #6fdcff
}

a:hover {
    text-decoration: none
}

.link-t01 {
    color: #000;
    line-height: 1;
    text-decoration: none;
    border-bottom: solid 1px #6fdcff
}

.link-t02 {
    color: #000;
    line-height: 1;
    text-decoration: none;
    border-bottom: solid 1px #000
}

.link-t02:hover {
    border-bottom-color: transparent
}

p {
    margin: 0 0 20px
}

ol {
    list-style-position: inside
}

.pg-wrap {
    position: relative;
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: auto
}

.pg-wrap.-no-relative {
    position: static
}

.main-container {
    position: relative;
    background: #fff;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.title-t01, h1 {
    position: relative;
    font-size: 55px;
    font-weight: 600;
    max-width: 1200px;
    margin: 0 auto 15px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff
}

.title-t01.-indent-wallet, h1.-indent-wallet {
    padding-right: 460px
}

@media screen and (max-width: 800px) {
    .title-t01.-indent-wallet, h1.-indent-wallet {
        padding-right: 0
    }
}

.title-t01__light, h1__light {
    font-weight: 300
}

.title-t02, h2 {
    position: relative;
    font-size: 37px;
    font-weight: 600;
    max-width: 1200px;
    margin: 0 auto 30px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -.02em
}

.title-t02 a, h2 a {
    color: #000
}

.title-t02__light, h2__light {
    font-weight: 300
}

.title-t02__fw400, h2__fw400 {
    font-weight: 400
}

.-rtl-mode .title-t02, .-rtl-mode h2 {
    direction: rtl
}

.title-t03, h3 {
    position: relative;
    font-size: 24px;
    font-weight: 200;
    margin: 0 0 30px;
    line-height: 1.7;
    letter-spacing: -.01em
}

.title-t03:last-child, h3:last-child {
    margin-bottom: 0
}

.title-t03 b, h3 b {
    font-weight: 500
}

.title-t04, h4 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 30px;
    line-height: 1.5em;
    letter-spacing: -.025em
}

.title-t04:last-child, h4:last-child {
    margin-bottom: 0
}

.title-t05 {
    position: relative;
    font-size: 37px;
    font-weight: 300;
    max-width: 1200px;
    margin: 0 auto 30px;
    line-height: 1.1;
    letter-spacing: -.01em;
    text-transform: none
}

.title-t02-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline
}

.title-t02-group__title {
    margin-right: 20px;
    margin-left: 0
}

.hr-t01 {
    position: relative;
    width: 100%;
    height: 1px;
    padding: 60px 0;
    margin: 0;
    border: none
}

.hr-t01:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #dddfe0
}

.article-block.-sm-cover + .hr-t01 {
    padding: 30px 0
}

.hr-t02 {
    position: relative;
    width: 100%;
    height: 1px;
    padding: 60px 0;
    margin: 0;
    border: none;
    padding: 30px 0
}

.hr-t02:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #dddfe0
}

.article-block.-sm-cover + .hr-t02 {
    padding: 30px 0
}

.article-block.-sm-cover + .hr-t02 {
    padding: 30px 0
}

.hr-t03 {
    position: relative;
    width: 100%;
    height: 1px;
    padding: 60px 0;
    margin: 0;
    border: none;
    padding: 0
}

.hr-t03:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #dddfe0
}

.article-block.-sm-cover + .hr-t03 {
    padding: 30px 0
}

.white-text {
    color: #fff
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.full-width {
    width: 100%
}

.full-height {
    min-height: 100vh
}

.notice {
    font-size: 14px;
    padding: 30px 0;
    color: #585859
}

.-rtl-mode .notice {
    direction: rtl
}

@media screen and (max-width: 1000px) {
    .notice {
        padding: 20px
    }
}

.-mobile-elem-block, .-mobile-elem-flex, .-mobile-elem-inline, .-mobile-elem-inline-block, .-mobile-elem-inline-flex, .-mobile-elem-row {
    display: none !important
}

@media screen and (max-width: 1000px) {
    .-desktop-elem {
        display: none !important
    }

    .-mobile-elem-block {
        display: block !important
    }

    .-mobile-elem-inline-block {
        display: inline-block !important
    }

    .-mobile-elem-inline {
        display: inline !important
    }

    .-mobile-elem-row {
        display: table-row !important
    }

    .-mobile-elem-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .-mobile-elem-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

    .pg-wrap {
        padding: 0
    }

    .title-t01 {
        font-size: 35px
    }

    html:lang(de) .title-t01 {
        font-size: 30px
    }

    .title-t02, .title-t05 {
        font-size: 24px
    }

    .title-t03 {
        font-size: 20px
    }

    .title-t02-group {
        display: block
    }

    .title-t02-group__link {
        margin-bottom: 30px
    }

    .main-container {
        padding-bottom: 0
    }
}

@keyframes from-right-anim {
    0% {
        opacity: 0
    }
    20% {
        transform: translate(-30px, 0);
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes from-left-anim {
    0% {
        opacity: 0
    }
    20% {
        transform: translate(30px, 0);
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes from-left-anim-btn-arr {
    0% {
        opacity: 0
    }
    20% {
        transform: translate(30px, 0) rotate(180deg);
        opacity: 0
    }
    100% {
        transform: translate(0, 0) rotate(180deg);
        opacity: 1
    }
}

@keyframes from-bottom-anim {
    0% {
        opacity: 0
    }
    30% {
        transform: translate(0, 10px);
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes fade-anim {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-out-anim {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        display: none
    }
}

@keyframes fade-in-anim {
    0% {
        opacity: 0;
        display: block
    }
    100% {
        opacity: 1;
        display: block
    }
}

@keyframes scroll-cntrl-anim {
    0% {
        transform: translate(0, 2px);
        height: 12px;
        opacity: 1
    }
    20% {
        transform: translate(0, 2px);
        height: 12px;
        opacity: 1
    }
    30% {
        transform: translate(0, 12px);
        height: 12px;
        opacity: 1
    }
    35% {
        transform: translate(0, 12px);
        height: 2px;
        opacity: 1
    }
    60% {
        transform: translate(0, 12px);
        height: 2px;
        opacity: 1
    }
    70% {
        transform: translate(0, 12px);
        height: 2px;
        opacity: 0
    }
    75% {
        transform: translate(0, 0);
        height: 12px;
        opacity: 0
    }
    85% {
        transform: translate(0, 2px);
        height: 12px;
        opacity: 1
    }
    100% {
        transform: translate(0, 2px);
        height: 12px;
        opacity: 1
    }
}

@keyframes glow {
    from {
        box-shadow: 0 0 10px #6dd9fd, 0 0 20px #6dd9fd, 0 0 30px #6dd9fd, 0 0 40px #2d70b7, 0 0 70px #2d70b7, 0 0 80px #2d70b7, 0 0 100px #2d70b7, 0 0 150px #2d70b7
    }
    to {
        box-shadow: 0 0 5px #6dd9fd, 0 0 10px #6dd9fd, 0 0 15px #6dd9fd, 0 0 20px #2d70b7, 0 0 35px #2d70b7, 0 0 40px #2d70b7, 0 0 50px #2d70b7, 0 0 75px #2d70b7
    }
}

@keyframes clip-anim {
    0% {
        clip: rect(0, 0, auto, auto)
    }
    100% {
        clip: rect(0, 100vw, auto, auto)
    }
}

.popup-wrap {
    width: 1000px;
    padding: 60px 90px;
    background: #fff
}

.popup-wrap.-s02 {
    width: 100%;
    max-width: 600px
}

.popup-wrap.-less-indent {
    padding-left: 60px;
    padding-right: 60px
}

.popup-wrap__help {
    position: relative
}

.popup-wrap.-s02 .popup-wrap__help {
    position: relative;
    left: -90px;
    bottom: -60px;
    width: 600px
}

@media screen and (max-width: 680px) {
    .popup-wrap.-s02 .popup-wrap__help {
        left: -20px;
        bottom: -50px
    }
}

@media screen and (max-width: 600px) {
    .popup-wrap.-s02 .popup-wrap__help {
        width: 100vw
    }
}

.popup-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.-rtl-mode .popup-close {
    right: auto;
    left: 20px
}

.popup-message-wrap {
    width: 340px;
    max-width: 100%;
    margin: auto;
    padding: 20px;
    text-align: center
}

.popup-message {
    margin: 15px 0 50px
}

.popup-btn {
    display: block;
    width: 200px;
    margin: auto
}

.popup_wrapper {
    z-index: 350
}

.alert-info-popup {
    position: relative;
    width: 430px;
    padding: 30px;
    box-shadow: -15px 15px 30px rgba(0, 0, 0, .15);
    background-color: #fff;
    border: 1px solid #dddfe0
}

.-rtl-mode .alert-info-popup {
    direction: rtl
}

.alert-info-popup:before {
    position: absolute;
    left: -20px;
    top: 55px;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff
}

.alert-info-popup__close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    opacity: .8
}

.-rtl-mode .alert-info-popup__close {
    right: auto;
    left: 10px
}

.alert-info-popup__close:after, .alert-info-popup__close:before {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    height: 1px;
    width: 26px;
    content: '';
    background-color: #9299a2
}

.alert-info-popup__close:before {
    transform: rotate(45deg)
}

.alert-info-popup__close:after {
    transform: rotate(-45deg)
}

.alert-info-popup__close:hover {
    opacity: 1
}

.alert-info-popup__hr {
    opacity: .2;
    margin-top: 24px;
    margin-bottom: 24px;
    border-bottom: 0
}

.alert-info-popup__footer {
    margin-top: 30px
}

.alert-info-popup__footer .btn-t01 {
    width: 165px
}

.alert-info-popup__footer .btn-t01.-lg {
    width: 360px
}

.alert-info-popup .alert-popup-table__row {
    font-size: 0;
    margin-left: -10px;
    margin-right: -10px
}

.alert-info-popup .alert-popup-table__row:after {
    display: table;
    content: '';
    clear: both;
    box-sizing: border-box
}

.alert-info-popup .alert-popup-table__row:before {
    display: table;
    content: '';
    box-sizing: border-box
}

.alert-info-popup .alert-popup-table__row .select2 {
    min-width: 100%
}

.alert-info-popup .alert-popup-table__field-col {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding-right: 10px;
    padding-left: 10px
}

.alert-info-popup .alert-popup-table__field-col.-footer {
    width: 50%
}

.alert-info-popup .alert-popup-table__label {
    font-size: .7rem;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #9299a2
}

.alert-info-popup .alert-popup-table__label.-sm {
    margin-bottom: 4px
}

@media screen and (max-width: 1000px) {
    .popup-wrap {
        width: 590px
    }
}

@media screen and (max-width: 680px) {
    .popup-wrap {
        left: 0;
        right: 0;
        width: 100%;
        padding: 50px 20px;
        margin-left: 0
    }
}

.lng-nav {
    position: relative;
    top: 0;
    left: 0;
    z-index: 600;
    overflow: hidden;
    width: 100%;
    min-width: 320px;
    height: 0;
    background: #232323;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.-rtl-mode .lng-nav {
    direction: rtl
}

.lng-nav__inner {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 1240px;
    padding: 25px 20px;
    margin: auto;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.lng-nav__item {
    display: inline-block;
    width: 240px;
    margin-bottom: 10px;
    vertical-align: top;
    white-space: nowrap
}

.lng-nav__flag {
    margin-right: 20px;
    vertical-align: top;
    direction: ltr
}

.-rtl-mode .lng-nav__flag {
    margin: 0 0 0 15px
}

.lng-nav__link {
    font-size: 11px;
    display: inline-block;
    height: 18px;
    vertical-align: top;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: #909090;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.lng-nav__link:hover {
    color: #6fdcff
}

.-lng-visible .lng-nav {
    height: 150px
}

@media screen and (max-width: 1000px) {
    .lng-nav {
        position: fixed
    }

    .lng-nav__inner {
        padding: 20px 30px 0 30px
    }

    .lng-nav__item {
        width: 195px;
        margin-bottom: 5px
    }

    .-lng-visible .lng-nav {
        height: 180px
    }

    .-lng-visible .header-container.-is-scrolled + .lng-nav {
        top: 70px
    }
}

@media screen and (max-width: 680px) {
    .lng-nav__inner {
        padding-top: 25px;
        padding-left: 30px
    }

    .-lng-visible .lng-nav {
        height: 215px
    }
}

@media screen and (max-width: 470px) {
    .lng-nav__item {
        display: block;
        width: auto;
        margin-bottom: 0
    }

    .lng-nav__flag {
        width: 20px;
        margin-right: 10px
    }

    .-rtl-mode .lng-nav__flag {
        margin: 0 0 0 10px
    }

    .lng-nav__inner {
        padding-top: 15px;
        padding-left: 85px
    }

    .-lng-visible .lng-nav {
        margin-top: 0;
        height: 295px
    }
}

.support-cntrl {
    opacity: 1;
    visibility: visible;
    position: fixed;
    top: 100%;
    right: var(--space_m, 75px);
    z-index: 1100;
    border: none;
    max-width: var(--button_height, 50px);
    height: var(--button_height, 50px);
    border-radius: var(--button_border-radius, 25px);
    line-height: var(--button_line-height, 50px);
    font-size: var(--button_font-size, 11px);
    font-weight: var(--button_font-weight, bold);
    padding: var(--button_padding-y, 0) var(--button_padding-y, 0);
    font-family: var(--font_brand_font-family, inherit);
    letter-spacing: var(--button_letter-spacing, inherit);
    color: var(--color-white, #fff);
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    transform: translate(0, -70px);
    background: var(--color-primary, linear-gradient(to bottom, #006add 0, #00dcff 100%));
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._redesign .support-cntrl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    transform: scale(1, 1);
    top: auto;
    font-weight: 500;
    bottom: var(--space_m, 20px)
}

.-rtl-mode .support-cntrl {
    right: auto;
    left: var(--space_m, 75px);
    direction: rtl
}

.support-cntrl__inner {
    display: inline-block;
    opacity: 0;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.support-cntrl:hover {
    max-width: 500px;
    padding: var(--button_padding-y, 0) var(--button_padding-x, 30px) var(--button_padding-y, 0) var(--button_padding-x, 20px);
    background: var(--color-primary-pressed, linear-gradient(to bottom, #006add 0, #00dcff 100%))
}

.support-cntrl:hover .support-cntrl__inner {
    opacity: 1
}

.-rtl-mode .support-cntrl:hover {
    padding: var(--button_padding-y, 0) var(--button_padding-x, 20px) var(--button_padding-y, 0) var(--button_padding-x, 30px)
}

.support-cntrl:before {
    position: relative;
    top: 1px;
    display: inline-block;
    min-width: var(--space_m, 30px);
    min-height: var(--space_m, 50px);
    margin: 0 10px;
    content: '';
    vertical-align: top;
    color: #505050;
    background: url(/static/home/images/icon-support.svg) 50% 50% no-repeat;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._redesign .support-cntrl:before {
    position: static;
    top: 0;
    margin: 0 var(--space_xs) 0 0;
    background: url(/static/home/images/icon-headset-white.svg) 50% 50% no-repeat
}

.-rtl-mode ._redesign .support-cntrl:before {
    margin: 0 0 0 var(--space_xs)
}

.-index-page .support-cntrl {
    position: absolute
}

.support-cntrl-wrap {
    background: var(--color-primary-light, transparent);
    padding: var(--space_m, 0) var(--space_s, 0)
}

@media screen and (min-width: 360px) {
    .support-cntrl-wrap {
        padding: var(--space_m, 0)
    }
}

@media screen and (min-width: 1024px) {
    .support-cntrl._hidden {
        opacity: 0;
        transform: scale(.8, .8);
        visibility: hidden
    }

    .support-cntrl-wrap {
        padding: 0;
        background: 0 0
    }
}

@media screen and (max-width: 1240px) {
    .support-cntrl {
        right: var(--space_m, 20px)
    }

    .-rtl-mode .support-cntrl {
        right: auto;
        left: var(--space_m, 20px)
    }
}

@media screen and (max-width: 1024px) {
    .support-cntrl {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        height: var(--button_height, 70px);
        padding: var(--button_padding-y, 0) var(--button_padding-y, 0);
        text-align: center;
        line-height: var(--button_line-height, 70px);
        color: var(--color-primary, #fff);
        transform: translate(0, 0) !important;
        background: var(--color-white, linear-gradient(to bottom, #006add 0, #00dcff 100%));
        border-radius: var(--button_border-radius, 0)
    }

    ._redesign .support-cntrl {
        -ms-flex-pack: center;
        justify-content: center;
        position: static
    }

    .-rtl-mode .support-cntrl {
        right: 0;
        left: 0
    }

    .support-cntrl:hover {
        max-width: 100%;
        padding: 0;
        background: var(--color-divider, linear-gradient(to bottom, #006add 0, #00dcff 100%))
    }

    .support-cntrl__inner {
        opacity: 1
    }

    .support-cntrl:before {
        min-height: var(--space_m, 70px)
    }

    ._redesign .support-cntrl:before {
        background: url(/static/home/images/icon-headset-blue.svg) 50% 50% no-repeat
    }
}

.text-justify {
    text-align: justify
}

.addition-link {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    color: #000
}

.-rtl-mode .addition-link.-more, .-rtl-mode .addition-link.-next {
    direction: rtl
}

.-rtl-mode .addition-link.-more:after, .-rtl-mode .addition-link.-next:after {
    margin: 0 15px 0 0;
    transform: rotate(180deg);
    transform-origin: 0 50%
}

.addition-link.-more:after, .addition-link.-next:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 15px;
    content: '';
    border-style: solid;
    border-width: 3px 5px;
    border-color: transparent transparent transparent #000
}

.addition-link.-more.-clr-t02, .addition-link.-next.-clr-t02 {
    color: #fff
}

.addition-link.-more.-clr-t02:after, .addition-link.-next.-clr-t02:after {
    border-color: transparent transparent transparent #fff
}

.addition-link.-more.-clr-t04, .addition-link.-next.-clr-t04 {
    color: #fff
}

.addition-link.-more.-clr-t04:after, .addition-link.-more.-clr-t04:before, .addition-link.-next.-clr-t04:after, .addition-link.-next.-clr-t04:before {
    border-color: transparent transparent transparent #00c94c
}

.addition-link.-more.-t04, .addition-link.-next.-t04 {
    color: #00c94c
}

.addition-link.-more.-t04:after, .addition-link.-next.-t04:after {
    border-color: transparent transparent transparent #00c94c
}

.addition-link.-more.-clr-t09, .addition-link.-next.-clr-t09 {
    color: #fff !important
}

.addition-link.-more.-clr-t09:after, .addition-link.-more.-clr-t09:before, .addition-link.-next.-clr-t09:after, .addition-link.-next.-clr-t09:before {
    border-color: transparent transparent transparent #dab96b !important
}

.addition-link.-more.-clr-t08, .addition-link.-next.-clr-t08 {
    color: #fff !important
}

.addition-link.-more.-clr-t08:after, .addition-link.-more.-clr-t08:before, .addition-link.-next.-clr-t08:after, .addition-link.-next.-clr-t08:before {
    border-color: transparent transparent transparent #006add !important
}

.addition-link.-more.-clr-t11, .addition-link.-next.-clr-t11 {
    color: #006add !important
}

.addition-link.-more.-clr-t11:after, .addition-link.-more.-clr-t11:before, .addition-link.-next.-clr-t11:after, .addition-link.-next.-clr-t11:before {
    border-color: transparent transparent transparent #006add !important
}

.addition-link.-more.-clr-t10, .addition-link.-next.-clr-t10 {
    color: #fff !important
}

.addition-link.-more.-clr-t10:after, .addition-link.-more.-clr-t10:before, .addition-link.-next.-clr-t10:after, .addition-link.-next.-clr-t10:before {
    border-color: transparent transparent transparent #00c94c !important
}

.addition-link.-play {
    padding-left: 30px
}

.-rtl-mode .addition-link.-play {
    padding-left: 0;
    padding-right: 30px;
    direction: rtl
}

.addition-link.-play:before {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    width: 0;
    height: 0;
    margin: -6px 0 0 0;
    content: '';
    border-style: solid;
    border-width: 5px 10px;
    border-color: transparent transparent transparent #000
}

.-rtl-mode .addition-link.-play:before {
    right: 0;
    left: auto
}

.addition-link.-prev {
    padding-left: 25px
}

.-rtl-mode .addition-link.-prev {
    padding-left: 0;
    padding-right: 25px;
    direction: rtl
}

.addition-link.-prev:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin: -5px 0 0 0;
    content: '';
    border-style: solid;
    border-width: 3px 5px;
    border-color: transparent #000 transparent transparent
}

.-rtl-mode .addition-link.-prev:before {
    left: auto;
    right: 0;
    border-color: transparent transparent transparent #000
}

.addition-link.-down:before {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 0 4px 15px;
    content: '';
    border-style: solid;
    border-width: 5px 3px;
    border-color: #000 transparent transparent transparent
}

.-rtl-mode .addition-link.-down:before {
    right: 100%;
    left: auto;
    margin: 0 15px 4px 0
}

.addition-link.-down.-bordered:before {
    margin-bottom: 0
}

.addition-link.-down.-clr-t04 {
    color: #fff
}

.addition-link.-down.-clr-t04:before {
    border-color: #00c94c transparent transparent transparent
}

.addition-link.-down.-clr-t03:before {
    border-color: #6fdcff transparent transparent transparent
}

.addition-link.-up:before {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0 0 9px 15px;
    content: '';
    border-style: solid;
    border-width: 5px 3px;
    border-color: transparent transparent #000 transparent
}

.-rtl-mode .addition-link.-up:before {
    left: auto;
    right: 100%;
    margin: 0 15px 9px 0
}

.addition-link.-up.-clr-t04:before {
    border-color: transparent transparent #00c94c transparent
}

.addition-link.-up.-clr-t03:before {
    border-color: transparent transparent #6fdcff transparent
}

.addition-link.-bordered {
    display: inline;
    border-bottom: dotted 1px
}

.addition-link.-with-bottom-margin {
    margin-bottom: 60px
}

@media screen and (max-width: 1000px) {
    .addition-link.-with-bottom-margin {
        margin-bottom: 0
    }
}

.btn-t03 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #6fdcff;
    border: solid 1px #6fdcff;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t03:hover {
    background: rgba(111, 220, 255, .15)
}

.btn-t03:active {
    background: rgba(111, 220, 255, .2)
}

.btn-t03.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t03 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t03 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t03.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t03.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t03.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t03.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t03__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t03__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t03__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t03__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t03__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t03__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t03__inner img {
    display: block
}

.-appstore .btn-t03__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t03__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t03__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t03__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t03__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t03__inner img {
    display: block
}

.btn-t08 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #6fdcff;
    background: #6fdcff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t08:hover {
    background: #4bd3ff;
    border-color: #4bd3ff
}

.btn-t08:active {
    background: #3cd0ff;
    border-color: #3cd0ff
}

.btn-t08.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t08 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t08 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t08.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t08.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t08.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t08.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t08__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t08__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t08__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t08__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t08__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t08__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t08__inner img {
    display: block
}

.-appstore .btn-t08__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t08__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t08__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t08__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t08__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t08__inner img {
    display: block
}

.btn-t06, .btn-t11, .btn-t11-alt, .btn-t17, .btn-t18 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    color: #fff;
    border: solid 1px #00c94c;
    background: #00c94c;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: center
}

.btn-t06:hover, .btn-t11-alt:hover, .btn-t11:hover, .btn-t17:hover, .btn-t18:hover {
    background: #00a53f;
    border-color: #00a53f
}

.btn-t06:active, .btn-t11-alt:active, .btn-t11:active, .btn-t17:active, .btn-t18:active {
    background: #009639;
    border-color: #009639
}

.btn-t06.-text-s02, .btn-t11-alt.-text-s02, .btn-t11.-text-s02, .btn-t17.-text-s02, .btn-t18.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t06, .-rtl-mode .btn-t11, .-rtl-mode .btn-t11-alt, .-rtl-mode .btn-t17, .-rtl-mode .btn-t18 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t06, .btn-t11, .btn-t11-alt, .btn-t17, .btn-t18 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t06.-gplay, .btn-t11-alt.-gplay, .btn-t11.-gplay, .btn-t17.-gplay, .btn-t18.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t06.-appstore, .btn-t11-alt.-appstore, .btn-t11.-appstore, .btn-t17.-appstore, .btn-t18.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t06.-centred-text, .btn-t11-alt.-centred-text, .btn-t11.-centred-text, .btn-t17.-centred-text, .btn-t18.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t06.-promo .btn-t34__inner, .btn-t11-alt.-promo .btn-t34__inner, .btn-t11.-promo .btn-t34__inner, .btn-t17.-promo .btn-t34__inner, .btn-t18.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t06__inner, .btn-t11-alt__inner, .btn-t11__inner, .btn-t17__inner, .btn-t18__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t06__inner, .-gplay .btn-t11-alt__inner, .-gplay .btn-t11__inner, .-gplay .btn-t17__inner, .-gplay .btn-t18__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t06__inner, .-rtl-mode .-gplay .btn-t11-alt__inner, .-rtl-mode .-gplay .btn-t11__inner, .-rtl-mode .-gplay .btn-t17__inner, .-rtl-mode .-gplay .btn-t18__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t06__inner:before, .-gplay .btn-t11-alt__inner:before, .-gplay .btn-t11__inner:before, .-gplay .btn-t17__inner:before, .-gplay .btn-t18__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t06__inner:before, .-rtl-mode .-gplay .btn-t11-alt__inner:before, .-rtl-mode .-gplay .btn-t11__inner:before, .-rtl-mode .-gplay .btn-t17__inner:before, .-rtl-mode .-gplay .btn-t18__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t06__inner b, .-gplay .btn-t11-alt__inner b, .-gplay .btn-t11__inner b, .-gplay .btn-t17__inner b, .-gplay .btn-t18__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t06__inner img, .-gplay .btn-t11-alt__inner img, .-gplay .btn-t11__inner img, .-gplay .btn-t17__inner img, .-gplay .btn-t18__inner img {
    display: block
}

.-appstore .btn-t06__inner, .-appstore .btn-t11-alt__inner, .-appstore .btn-t11__inner, .-appstore .btn-t17__inner, .-appstore .btn-t18__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t06__inner, .-rtl-mode .-appstore .btn-t11-alt__inner, .-rtl-mode .-appstore .btn-t11__inner, .-rtl-mode .-appstore .btn-t17__inner, .-rtl-mode .-appstore .btn-t18__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t06__inner:before, .-appstore .btn-t11-alt__inner:before, .-appstore .btn-t11__inner:before, .-appstore .btn-t17__inner:before, .-appstore .btn-t18__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t06__inner:before, .-rtl-mode .-appstore .btn-t11-alt__inner:before, .-rtl-mode .-appstore .btn-t11__inner:before, .-rtl-mode .-appstore .btn-t17__inner:before, .-rtl-mode .-appstore .btn-t18__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t06__inner b, .-appstore .btn-t11-alt__inner b, .-appstore .btn-t11__inner b, .-appstore .btn-t17__inner b, .-appstore .btn-t18__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t06__inner img, .-appstore .btn-t11-alt__inner img, .-appstore .btn-t11__inner img, .-appstore .btn-t17__inner img, .-appstore .btn-t18__inner img {
    display: block
}

.btn-t14 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    color: #fff;
    border: solid 1px #fff;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: center
}

.btn-t14:hover {
    background: rgba(255, 255, 255, .15)
}

.btn-t14:active {
    background: rgba(255, 255, 255, .2)
}

.btn-t14.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t14 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t14 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t14.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t14.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t14.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t14.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t14__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t14__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t14__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t14__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t14__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t14__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t14__inner img {
    display: block
}

.-appstore .btn-t14__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t14__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t14__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t14__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t14__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t14__inner img {
    display: block
}

.btn-t19 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #ff7c25;
    background: #ff7c25;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t19:hover {
    background: #ff6701;
    border-color: #ff6701
}

.btn-t19:active {
    background: #f16000;
    border-color: #f16000
}

.btn-t19.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t19 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t19 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t19.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t19.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t19.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t19.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t19__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t19__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t19__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t19__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t19__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t19__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t19__inner img {
    display: block
}

.-appstore .btn-t19__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t19__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t19__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t19__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t19__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t19__inner img {
    display: block
}

.btn-t22 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    color: #fff;
    border: solid 1px #f1c02c;
    background: #f1c02c;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: center
}

.btn-t22:hover {
    background: #eab310;
    border-color: #eab310
}

.btn-t22:active {
    background: #dba80f;
    border-color: #dba80f
}

.btn-t22.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t22 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t22 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t22.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t22.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t22.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t22.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t22__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t22__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t22__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t22__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t22__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t22__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t22__inner img {
    display: block
}

.-appstore .btn-t22__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t22__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t22__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t22__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t22__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t22__inner img {
    display: block
}

.btn-t28 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #00c94c;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t28:hover {
    background: #ededed;
    border-color: #ededed
}

.btn-t28:active {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.btn-t28.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t28 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t28 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t28.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t28.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t28.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t28.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t28__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t28__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t28__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t28__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t28__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t28__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t28__inner img {
    display: block
}

.-appstore .btn-t28__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t28__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t28__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t28__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t28__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t28__inner img {
    display: block
}

.btn-t24 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #000;
    border: solid 1px #ff5400;
    background: #ff5400;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t24:hover {
    background: #db4800;
    border-color: #db4800
}

.btn-t24:active {
    background: #cc4300;
    border-color: #cc4300
}

.btn-t24.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t24 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t24 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t24.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t24.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t24.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t24.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t24__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t24__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t24__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t24__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t24__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t24__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t24__inner img {
    display: block
}

.-appstore .btn-t24__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t24__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t24__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t24__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t24__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t24__inner img {
    display: block
}

.btn-t31 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #000;
    border: solid 1px #fcea00;
    background: #fcea00;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t31:hover {
    background: #d8c900;
    border-color: #d8c900
}

.btn-t31:active {
    background: #c9bb00;
    border-color: #c9bb00
}

.btn-t31.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t31 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t31 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t31.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t31.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t31.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t31.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t31__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t31__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t31__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t31__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t31__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t31__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t31__inner img {
    display: block
}

.-appstore .btn-t31__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t31__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t31__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t31__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t31__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t31__inner img {
    display: block
}

.btn-t02, .btn-t32, .btn-t34, .btn-t38, .btn-t48 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #006add;
    background: #006add;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t02:hover, .btn-t32:hover, .btn-t34:hover, .btn-t38:hover, .btn-t48:hover {
    background: #0059b9;
    border-color: #0059b9
}

.btn-t02:active, .btn-t32:active, .btn-t34:active, .btn-t38:active, .btn-t48:active {
    background: #0052aa;
    border-color: #0052aa
}

.btn-t02.-text-s02, .btn-t32.-text-s02, .btn-t34.-text-s02, .btn-t38.-text-s02, .btn-t48.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t02, .-rtl-mode .btn-t32, .-rtl-mode .btn-t34, .-rtl-mode .btn-t38, .-rtl-mode .btn-t48 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t02, .btn-t32, .btn-t34, .btn-t38, .btn-t48 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t02.-gplay, .btn-t32.-gplay, .btn-t34.-gplay, .btn-t38.-gplay, .btn-t48.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t02.-appstore, .btn-t32.-appstore, .btn-t34.-appstore, .btn-t38.-appstore, .btn-t48.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t02.-centred-text, .btn-t32.-centred-text, .btn-t34.-centred-text, .btn-t38.-centred-text, .btn-t48.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t02.-promo .btn-t34__inner, .btn-t32.-promo .btn-t34__inner, .btn-t34.-promo .btn-t34__inner, .btn-t38.-promo .btn-t34__inner, .btn-t48.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t02__inner, .btn-t32__inner, .btn-t34__inner, .btn-t38__inner, .btn-t48__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t02__inner, .-gplay .btn-t32__inner, .-gplay .btn-t34__inner, .-gplay .btn-t38__inner, .-gplay .btn-t48__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t02__inner, .-rtl-mode .-gplay .btn-t32__inner, .-rtl-mode .-gplay .btn-t34__inner, .-rtl-mode .-gplay .btn-t38__inner, .-rtl-mode .-gplay .btn-t48__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t02__inner:before, .-gplay .btn-t32__inner:before, .-gplay .btn-t34__inner:before, .-gplay .btn-t38__inner:before, .-gplay .btn-t48__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t02__inner:before, .-rtl-mode .-gplay .btn-t32__inner:before, .-rtl-mode .-gplay .btn-t34__inner:before, .-rtl-mode .-gplay .btn-t38__inner:before, .-rtl-mode .-gplay .btn-t48__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t02__inner b, .-gplay .btn-t32__inner b, .-gplay .btn-t34__inner b, .-gplay .btn-t38__inner b, .-gplay .btn-t48__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t02__inner img, .-gplay .btn-t32__inner img, .-gplay .btn-t34__inner img, .-gplay .btn-t38__inner img, .-gplay .btn-t48__inner img {
    display: block
}

.-appstore .btn-t02__inner, .-appstore .btn-t32__inner, .-appstore .btn-t34__inner, .-appstore .btn-t38__inner, .-appstore .btn-t48__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t02__inner, .-rtl-mode .-appstore .btn-t32__inner, .-rtl-mode .-appstore .btn-t34__inner, .-rtl-mode .-appstore .btn-t38__inner, .-rtl-mode .-appstore .btn-t48__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t02__inner:before, .-appstore .btn-t32__inner:before, .-appstore .btn-t34__inner:before, .-appstore .btn-t38__inner:before, .-appstore .btn-t48__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t02__inner:before, .-rtl-mode .-appstore .btn-t32__inner:before, .-rtl-mode .-appstore .btn-t34__inner:before, .-rtl-mode .-appstore .btn-t38__inner:before, .-rtl-mode .-appstore .btn-t48__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t02__inner b, .-appstore .btn-t32__inner b, .-appstore .btn-t34__inner b, .-appstore .btn-t38__inner b, .-appstore .btn-t48__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t02__inner img, .-appstore .btn-t32__inner img, .-appstore .btn-t34__inner img, .-appstore .btn-t38__inner img, .-appstore .btn-t48__inner img {
    display: block
}

.btn-t33 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #00c94c;
    border: solid 1px #00c94c;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t33:hover {
    background: rgba(0, 201, 76, .15)
}

.btn-t33:active {
    background: rgba(0, 201, 76, .2)
}

.btn-t33.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t33 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t33 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t33.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t33.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t33.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t33.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t33__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t33__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t33__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t33__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t33__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t33__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t33__inner img {
    display: block
}

.-appstore .btn-t33__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t33__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t33__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t33__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t33__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t33__inner img {
    display: block
}

.btn-t35 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #000;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t35:hover {
    background: #ededed;
    border-color: #ededed
}

.btn-t35:active {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.btn-t35.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t35 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t35 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t35.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t35.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t35.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t35.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t35__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t35__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t35__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t35__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t35__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t35__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t35__inner img {
    display: block
}

.-appstore .btn-t35__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t35__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t35__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t35__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t35__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t35__inner img {
    display: block
}

.btn-t36 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #000;
    background: #000;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t36:hover {
    background: #000;
    border-color: #000
}

.btn-t36:active {
    background: #000;
    border-color: #000
}

.btn-t36.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t36 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t36 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t36.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t36.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t36.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t36.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t36__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t36__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t36__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t36__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t36__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t36__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t36__inner img {
    display: block
}

.-appstore .btn-t36__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t36__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t36__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t36__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t36__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t36__inner img {
    display: block
}

.btn-t43 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #ff5400;
    background: #ff5400;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t43:hover {
    background: #db4800;
    border-color: #db4800
}

.btn-t43:active {
    background: #cc4300;
    border-color: #cc4300
}

.btn-t43.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t43 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t43 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t43.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t43.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t43.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t43.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t43__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t43__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t43__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t43__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t43__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t43__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t43__inner img {
    display: block
}

.-appstore .btn-t43__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t43__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t43__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t43__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t43__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t43__inner img {
    display: block
}

.btn-t44 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #dab96b;
    background: #dab96b;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t44:hover {
    background: #d3ab4e;
    border-color: #d3ab4e
}

.btn-t44:active {
    background: #d0a642;
    border-color: #d0a642
}

.btn-t44.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t44 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t44 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t44.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t44.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t44.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t44.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t44__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t44__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t44__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t44__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t44__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t44__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t44__inner img {
    display: block
}

.-appstore .btn-t44__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t44__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t44__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t44__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t44__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t44__inner img {
    display: block
}

.btn-t45 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #119b53;
    background: #119b53;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t45:hover {
    background: #0d7b42;
    border-color: #0d7b42
}

.btn-t45:active {
    background: #0c6d3a;
    border-color: #0c6d3a
}

.btn-t45.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t45 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t45 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t45.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t45.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t45.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t45.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t45__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t45__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t45__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t45__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t45__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t45__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t45__inner img {
    display: block
}

.-appstore .btn-t45__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t45__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t45__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t45__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t45__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t45__inner img {
    display: block
}

.btn-t46 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #d96478;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t46:hover {
    background: #ededed;
    border-color: #ededed
}

.btn-t46:active {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.btn-t46.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t46 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t46 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t46.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t46.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t46.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t46.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t46__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t46__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t46__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t46__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t46__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t46__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t46__inner img {
    display: block
}

.-appstore .btn-t46__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t46__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t46__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t46__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t46__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t46__inner img {
    display: block
}

.btn-t47 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #00ab41;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t47:hover {
    background: #ededed;
    border-color: #ededed
}

.btn-t47:active {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.btn-t47.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t47 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t47 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t47.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t47.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t47.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t47.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t47__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t47__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t47__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t47__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t47__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t47__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t47__inner img {
    display: block
}

.-appstore .btn-t47__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t47__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t47__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t47__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t47__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t47__inner img {
    display: block
}

.btn-t49 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #131822;
    background: #131822;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    text-align: left
}

.btn-t49:hover {
    background: #06080b;
    border-color: #06080b
}

.btn-t49:active {
    background: #010101;
    border-color: #010101
}

.btn-t49.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t49 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t49 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t49.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t49.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t49.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t49.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t49__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t49__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t49__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t49__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t49__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t49__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t49__inner img {
    display: block
}

.-appstore .btn-t49__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t49__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t49__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t49__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t49__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t49__inner img {
    display: block
}

.btn-t54 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    border: solid 1px #00c94c;
    background: #00c94c;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t54:hover {
    background: #00a53f;
    border-color: #00a53f
}

.btn-t54:active {
    background: #009639;
    border-color: #009639
}

.btn-t54.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t54 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t54 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t54.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t54.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t54.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t54.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t54__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t54__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t54__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t54__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t54__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t54__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t54__inner img {
    display: block
}

.-appstore .btn-t54__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t54__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t54__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t54__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t54__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t54__inner img {
    display: block
}

.btn-t55 {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    min-width: 220px;
    padding: 0 32px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    color: #000;
    border: solid 1px #006add;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t55:hover {
    background: rgba(0, 106, 221, .15)
}

.btn-t55:active {
    background: rgba(0, 106, 221, .2)
}

.btn-t55.-text-s02 {
    font-size: 14px
}

.-rtl-mode .btn-t55 {
    direction: rtl
}

@media screen and (max-width: 400px) {
    .btn-t55 {
        min-width: 250px;
        max-width: 250px
    }
}

.btn-t55.-gplay {
    min-width: auto;
    padding: 0 16px
}

.btn-t55.-appstore {
    min-width: auto;
    padding: 0 16px
}

.btn-t55.-centred-text {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 410px) {
    .btn-t55.-promo .btn-t34__inner {
        font-size: 11px
    }
}

.btn-t55__inner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center
}

.-gplay .btn-t55__inner {
    font-size: 12px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-gplay .btn-t55__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-gplay .btn-t55__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 28px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t55__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t55__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-gplay .btn-t55__inner img {
    display: block
}

.-appstore .btn-t55__inner {
    font-size: 13px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 0 35px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: .02em
}

.-rtl-mode .-appstore .btn-t55__inner {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.-appstore .btn-t55__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 31px;
    content: '';
    background: url(/static/home/images/icon-app-store.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-appstore .btn-t55__inner:before {
    left: auto;
    right: 0
}

.-appstore .btn-t55__inner b {
    font-size: 22px;
    font-weight: 500;
    text-transform: none
}

.-appstore .btn-t55__inner img {
    display: block
}

.btn-t01 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #000;
    border: solid 1px #006add;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t01 img {
    line-height: 40px
}

.btn-t01:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t01:hover {
    background: rgba(0, 106, 221, .15)
}

.btn-t01:active {
    background: rgba(0, 106, 221, .2)
}

.btn-t20, .btn-t26 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #006add;
    background: #006add;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t20 img, .btn-t26 img {
    line-height: 40px
}

.btn-t20:hover, .btn-t26:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t20:hover, .btn-t26:hover {
    background: #0059b9;
    border-color: #0059b9
}

.btn-t20:active, .btn-t26:active {
    background: #0052aa;
    border-color: #0052aa
}

.btn-t04 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #000;
    background: #000;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t04 img {
    line-height: 40px
}

.btn-t04:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t04:hover {
    background: #000;
    border-color: #000
}

.btn-t04:active {
    background: #000;
    border-color: #000
}

.btn-t05 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #000;
    border: solid 1px #000;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t05 img {
    line-height: 40px
}

.btn-t05:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t05:hover {
    background: rgba(0, 0, 0, .15)
}

.btn-t05:active {
    background: rgba(0, 0, 0, .2)
}

.btn-t07 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #fff;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t07 img {
    line-height: 40px
}

.btn-t07:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t07:hover {
    background: rgba(255, 255, 255, .15)
}

.btn-t07:active {
    background: rgba(255, 255, 255, .2)
}

.btn-t10 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #00c94c;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t10 img {
    line-height: 40px
}

.btn-t10:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t10:hover {
    background: rgba(0, 201, 76, .15)
}

.btn-t10:active {
    background: rgba(0, 201, 76, .2)
}

.btn-t09 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #fcea00;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t09 img {
    line-height: 40px
}

.btn-t09:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t09:hover {
    background: rgba(252, 234, 0, .15)
}

.btn-t09:active {
    background: rgba(252, 234, 0, .2)
}

.btn-t12, .btn-t29 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #00c94c;
    background: #00c94c;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t12 img, .btn-t29 img {
    line-height: 40px
}

.btn-t12:hover, .btn-t29:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t12:hover, .btn-t29:hover {
    background: #00a53f;
    border-color: #00a53f
}

.btn-t12:active, .btn-t29:active {
    background: #009639;
    border-color: #009639
}

.btn-t13 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #ff7c25;
    border: solid 1px #ff7c25;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t13 img {
    line-height: 40px
}

.btn-t13:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t13:hover {
    background: rgba(255, 124, 37, .15)
}

.btn-t13:active {
    background: rgba(255, 124, 37, .2)
}

.btn-t15 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #ff7c25;
    background: #ff7c25;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t15 img {
    line-height: 40px
}

.btn-t15:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t15:hover {
    background: #ff6701;
    border-color: #ff6701
}

.btn-t15:active {
    background: #f16000;
    border-color: #f16000
}

.btn-t21 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #000;
    border: solid 1px #f1c02c;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t21 img {
    line-height: 40px
}

.btn-t21:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t21:hover {
    background: rgba(241, 192, 44, .15)
}

.btn-t21:active {
    background: rgba(241, 192, 44, .2)
}

.btn-t23 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #dab96b;
    border: solid 1px #dab96b;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t23 img {
    line-height: 40px
}

.btn-t23:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t23:hover {
    background: rgba(218, 185, 107, .15)
}

.btn-t23:active {
    background: rgba(218, 185, 107, .2)
}

.btn-t27 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #006add;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t27 img {
    line-height: 40px
}

.btn-t27:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t27:hover {
    background: #ededed;
    border-color: #ededed
}

.btn-t27:active {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.btn-t30 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #006add;
    border: solid 1px #006add;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t30 img {
    line-height: 40px
}

.btn-t30:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t30:hover {
    background: rgba(0, 106, 221, .15)
}

.btn-t30:active {
    background: rgba(0, 106, 221, .2)
}

.btn-t37 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #373737;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t37 img {
    line-height: 40px
}

.btn-t37:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t37:hover {
    background: rgba(55, 55, 55, .15)
}

.btn-t37:active {
    background: rgba(55, 55, 55, .2)
}

.btn-t37__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto;
    line-height: 1.2;
    text-align: center
}

.-gplay .btn-t37__inner {
    font-size: 9px;
    padding-left: 30px;
    white-space: normal;
    text-align: left
}

.-rtl-mode .-gplay .btn-t37__inner {
    padding-left: 0;
    padding-right: 30px;
    text-align: right
}

.-gplay .btn-t37__inner:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 19px;
    height: 23px;
    content: '';
    background: url(/static/home/images/icon-google-play.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .-gplay .btn-t37__inner:before {
    left: auto;
    right: 0
}

.-gplay .btn-t37__inner b {
    font-size: 16px;
    text-transform: none
}

.btn-t39 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #006add;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t39 img {
    line-height: 40px
}

.btn-t39:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t39:hover {
    background: rgba(0, 106, 221, .15)
}

.btn-t39:active {
    background: rgba(0, 106, 221, .2)
}

.btn-t40 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #e82c2b;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t40 img {
    line-height: 40px
}

.btn-t40:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t40:hover {
    background: rgba(232, 44, 43, .15)
}

.btn-t40:active {
    background: rgba(232, 44, 43, .2)
}

.btn-t41 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #ff5400;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t41 img {
    line-height: 40px
}

.btn-t41:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t41:hover {
    background: rgba(255, 84, 0, .15)
}

.btn-t41:active {
    background: rgba(255, 84, 0, .2)
}

.btn-t42 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #ff5400;
    border: solid 1px #ff5400;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t42 img {
    line-height: 40px
}

.btn-t42:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t42:hover {
    background: rgba(255, 84, 0, .15)
}

.btn-t42:active {
    background: rgba(255, 84, 0, .2)
}

.btn-t50 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #119b53;
    background: #119b53;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t50 img {
    line-height: 40px
}

.btn-t50:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t50:hover {
    background: #0d7b42;
    border-color: #0d7b42
}

.btn-t50:active {
    background: #0c6d3a;
    border-color: #0c6d3a
}

.btn-t51 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #00c94c;
    border: solid 1px #00c94c;
    background: 0 0;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t51 img {
    line-height: 40px
}

.btn-t51:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t51:hover {
    background: rgba(0, 201, 76, .15)
}

.btn-t51:active {
    background: rgba(0, 201, 76, .2)
}

.btn-t52 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #000;
    border: solid 1px #fff;
    background: #fff;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t52 img {
    line-height: 40px
}

.btn-t52:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t52:hover {
    background: #ededed;
    border-color: #ededed
}

.btn-t52:active {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.btn-t53 {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    color: #fff;
    border: solid 1px #006add;
    background: #006add;
    border-radius: 4px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t53 img {
    line-height: 40px
}

.btn-t53:hover {
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.btn-t53:hover {
    background: #0059b9;
    border-color: #0059b9
}

.btn-t53:active {
    background: #0052aa;
    border-color: #0052aa
}

.btn-wrap {
    text-align: center
}

.btn-wrap.-mt20 {
    margin-top: 20px
}

.btn-wrap__btn {
    margin-bottom: 10px
}

.btn-wrap__caption {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .32px
}

.btn-wrap__caption .addition-link:not(:last-child) {
    margin-right: 25px
}

.-rtl-mode .btn-wrap__caption .addition-link:not(:last-child) {
    margin-left: 25px
}

.close-cntrl {
    position: absolute;
    overflow: hidden;
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
    text-indent: -300px;
    border: none !important;
    color: #b8bfc6
}

.close-cntrl:after, .close-cntrl:before {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 26px;
    height: 0;
    content: "";
    border-bottom: solid 1px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.close-cntrl:before {
    transform: rotate(45deg)
}

.close-cntrl:after {
    transform: rotate(-45deg)
}

.close-cntrl:hover {
    color: #000
}

.close-cntrl.-inverse {
    color: #fff;
    opacity: .7
}

.close-cntrl.-inverse:hover {
    color: #fff;
    opacity: 1
}

.close-cntrl.-white {
    color: #fff;
    opacity: 1
}

.close-cntrl.-white:hover {
    color: #fff;
    opacity: 1
}

.platform-text-logo {
    text-transform: none;
    font-weight: 500;
    white-space: nowrap;
    direction: ltr !important
}

.content-tabs__link .platform-text-logo_mt4 {
    font-size: 1.125em
}

.content-tabs__link .platform-text-logo_mt5 {
    font-size: 1.125em
}

.platform-text-logo_mt4 .platform-text-logo__accent {
    color: #ff9a38;
    font-size: 1.5em;
    line-height: .75em;
    position: relative;
    bottom: -.1em
}

.platform-text-logo_mt5 .platform-text-logo__accent {
    color: #ff7c25;
    font-size: 1.5em;
    line-height: .75em;
    position: relative;
    bottom: -.1em
}

.country-flag {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.-rtl-mode .country-flag {
    direction: ltr
}

.country-flag__image {
    display: inline-block;
    width: 640px;
    height: 480px;
    background: #000;
    transform-origin: 0 0;
    -webkit-mask: url(/static/home/images/15f1dd80f3c441e283a6e1c58e32d06f.gif);
    mask: url(#flagmask);
    -webkit-mask-image: url(/assets/pic/flags/flagmask.svg);
    -o-mask-image: url(/assets/pic/flags/flagmask.svg);
    -moz-mask-image: url(/assets/pic/flags/flagmask.svg);
    mask-image: url(/assets/pic/flags/flagmask.svg)
}

.country-flag__image img {
    opacity: .92
}

.country-flag.-flag-lg {
    width: 54px;
    height: 40px
}

.country-flag.-flag-lg .country-flag__image {
    transform: scale(.0833)
}

.country-flag.-flag-md {
    width: 27px;
    height: 20px
}

.country-flag.-flag-md .country-flag__image {
    transform: scale(.0417)
}

.country-flag.-flag-xmd {
    width: 22px;
    height: 16px
}

.country-flag.-flag-xmd .country-flag__image {
    transform: scale(.0333)
}

.country-flag.-flag-sm {
    width: 16px;
    height: 12px
}

.country-flag.-flag-sm .country-flag__image {
    transform: scale(.025)
}

.platform-label {
    display: -ms-flexbox;
    display: flex
}

.platform-label._top-indent {
    margin-top: 8px
}

.platform-label._center {
    -ms-flex-pack: center;
    justify-content: center
}

.platform-label__item {
    padding: 4px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    background: #ff7c25
}

.-clr-t01 {
    color: #000 !important
}

.-clr-t02 {
    color: #fff !important
}

.-clr-t03 {
    color: #6fdcff !important
}

.-clr-t04 {
    color: #00c94c !important
}

.-clr-t05 {
    color: #ea201e !important
}

.-clr-t06 {
    color: #f1c02c !important
}

.-clr-t07 {
    color: #dc411d !important
}

.-clr-t08 {
    color: #006add !important
}

.-clr-t09 {
    color: #dab96b !important
}

.-clr-t10 {
    color: #fcea00 !important
}

.-clr-t10:hover {
    color: #fcea00 !important
}

.-clr-t11 {
    color: #ff5400 !important
}

.-clr-mt5 {
    color: #ff7c25 !important
}

.-clr-gold-light {
    color: #ffea9c !important
}

.-mt4-bg {
    color: #fff;
    background-color: #ff9a38
}

.-mt5-bg {
    color: #fff;
    background-color: #ff7c25
}

.-ct-bg {
    color: #fff;
    background-color: #111
}

.-mt4-clr {
    color: #ff9a38
}

.-mt5-clr {
    color: #ff7c25
}

.-ct-clr {
    color: #111
}

.-mt4-bg-op7 {
    color: #fff;
    background-color: rgba(255, 154, 56, .7)
}

.-mt5-bg-op7 {
    color: #fff;
    background-color: rgba(255, 124, 37, .7)
}

.-ct-bg-op7 {
    color: #fff;
    background-color: rgba(17, 17, 17, .7)
}

.-mt4-bg-op9 {
    color: #fff;
    background-color: rgba(255, 154, 56, .9)
}

.-mt5-bg-op9 {
    color: #fff;
    background-color: rgba(255, 124, 37, .9)
}

.-ct-bg-op9 {
    color: #fff;
    background-color: rgba(17, 17, 17, .9)
}

.-hidden {
    display: none !important
}

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

@media (min-width: 751px) and (max-width: 1024px) {
    .-hidden-laptop {
        display: none !important
    }
}

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

@media (min-width: 1025px) {
    .-centred-desktop {
        text-align: center !important
    }
}

@media (min-width: 751px) and (max-width: 1024px) {
    .-centred-laptop {
        text-align: center !important
    }
}

.-centred-desktop {
    text-align: center !important
}

@media (min-width: 1025px) {
    .-centred-desktop-desktop {
        text-align: left !important
    }
}

@media (min-width: 751px) and (max-width: 1024px) {
    .-centred-desktop-laptop {
        text-align: left !important
    }
}

.-right-aligned {
    text-align: right !important
}

.-rtl-mode .-right-aligned {
    text-align: left !important
}

.-left-aligned {
    text-align: left !important
}

.-rtl-mode .-left-aligned {
    text-align: right !important
}

.-uppercase {
    text-transform: uppercase !important
}

.-striked {
    text-decoration: line-through
}

.-no-decoration {
    text-decoration: none !important
}

.-no-transform {
    text-transform: none !important
}

@media screen and (max-width: 1024px) {
    .-mobile-underline, .-mobile-underline:hover {
        text-decoration: underline !important
    }
}

.-to-bottom {
    margin-top: auto
}

.-to-top {
    margin-bottom: auto
}

.-to-right {
    margin-left: auto
}

.-to-left {
    margin-right: auto
}

.-row-break {
    width: 100%;
    height: 0
}

.-nowrap {
    white-space: nowrap
}

.-elem-ltr {
    direction: ltr !important
}

.-rtl-mode .-elem-ltr {
    direction: ltr !important
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProReg.woff2) format("woff2"), url(../fonts/GothamProReg.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProBol.woff2) format("woff2"), url(../fonts/GothamProBol.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProLig.woff2) format("woff2"), url(../fonts/GothamProLig.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

.font-GothaProReg {
    font-family: GothaProReg
}

@font-face {
    font-family: GothaProReg;
    src: url(../fonts/GothamProMed.woff2) format("woff2"), url(../fonts/GothamProMed.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Light"), local("Plus-Jakarta-Sans-Light"), url(../fonts/jakarta/PlusJakartaSans-300.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-300.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Normal"), local("Plus-Jakarta-Sans-Normal"), url(../fonts/jakarta/PlusJakartaSans-400.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-400.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Medium"), local("Plus-Jakarta-Sans-Medium"), url(../fonts/jakarta/PlusJakartaSans-500.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-500.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Bold"), local("Plus-Jakarta-Sans-Bold"), url(../fonts/jakarta/PlusJakartaSans-600.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-600.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Bold"), local("Plus-Jakarta-Sans-Bold"), url(../fonts/jakarta/PlusJakartaSans-700.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-700.woff) format("woff")
}

@font-face {
    font-family: "Plus Jakarta Sans";
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: local("Plus Jakarta Sans Black"), local("Plus-Jakarta-Sans-Black"), url(../fonts/jakarta/PlusJakartaSans-800.woff2) format("woff2"), url(../fonts/jakarta/PlusJakartaSans-800.woff) format("woff")
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.display-flex {
    display: -ms-flexbox;
    display: flex
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-pagination.-t01 .swiper-pagination-bullet {
    position: relative;
    top: 0;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    opacity: .6;
    background: #fff;
    border-radius: 50%
}

.swiper-pagination.-t01 .swiper-pagination-bullet:first-child, .swiper-pagination.-t01 .swiper-pagination-bullet:last-child {
    left: 0 !important
}

.swiper-pagination.-t01 .swiper-pagination-bullet-active {
    top: 2px;
    width: 11px;
    height: 11px;
    margin: 0 7px;
    opacity: 1;
    background: 0 0;
    border: solid 2px #6fdcff
}

.swiper-pagination.-t01 .swiper-pagination-bullet:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    content: '';
    cursor: pointer
}

.swiper-pagination.-t02 .swiper-pagination-bullet {
    position: relative;
    top: 0;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    opacity: 1;
    background: #9299a2;
    border-radius: 50%
}

.swiper-pagination.-t02 .swiper-pagination-bullet:first-child, .swiper-pagination.-t02 .swiper-pagination-bullet:last-child {
    left: 0 !important
}

.swiper-pagination.-t02 .swiper-pagination-bullet-active {
    top: 2px;
    width: 11px;
    height: 11px;
    margin: 0 7px;
    opacity: 1;
    background: 0 0;
    border: solid 2px #6fdcff
}

.swiper-pagination.-t02 .swiper-pagination-bullet:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    content: '';
    cursor: pointer
}

.swiper-pagination.-t03 .swiper-pagination-bullet {
    position: relative;
    top: 0;
    width: 6px;
    height: 6px;
    margin: 0 10px;
    opacity: 1;
    background: #fff;
    border-radius: 50%
}

.swiper-pagination.-t03 .swiper-pagination-bullet:first-child, .swiper-pagination.-t03 .swiper-pagination-bullet:last-child {
    left: 0 !important
}

.swiper-pagination.-t03 .swiper-pagination-bullet-active {
    top: 2px;
    width: 11px;
    height: 11px;
    margin: 0 7px;
    opacity: 1;
    background: 0 0;
    border: solid 2px #fff
}

.swiper-pagination.-t03 .swiper-pagination-bullet:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    content: '';
    cursor: pointer
}

.swiper-pagination-line .swiper-pagination-bullet {
    position: relative;
    width: 50px;
    height: 3px;
    margin: 0 15px;
    cursor: pointer;
    border-radius: 0;
    background-color: #e8e8e8;
    opacity: 1
}

.swiper-pagination-line .swiper-pagination-bullet:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    content: '';
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%)
}

.swiper-pagination-line .swiper-pagination-bullet.-selected, .swiper-pagination-line .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #006add
}

.acc-section {
    position: relative;
    padding-top: 90px;
    text-align: center;
    color: #fff;
    background: url(/static/home/images/bg-tools.jpg) 50% 50% no-repeat;
    background-size: cover
}

@media screen and (max-width: 1280px) {
    .acc-section {
        background-image: url(/static/home/images/bg-tools@1280.jpg)
    }
}

@media screen and (max-width: 670px) {
    .acc-section {
        background-image: url(/static/home/images/bg-tools@640.jpg)
    }
}

.-rtl-mode .acc-section {
    direction: rtl
}

@media screen and (max-width: 1000px) {
    .acc-section {
        padding-top: 35px
    }
}

.acc-section:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    content: '';
    background: #000
}

.acc-section__btn {
    margin-bottom: 60px
}

@media screen and (max-width: 1000px) {
    .acc-section__btn {
        margin-bottom: 30px
    }
}

.acc-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px;
    padding-top: 30px
}

@media screen and (max-width: 1000px) {
    .acc-list {
        margin-bottom: 20px
    }
}

.acc-list__logo {
    display: inline-block;
    font-size: 32px;
    margin: 0 auto 5px;
    text-align: center;
    text-decoration: none;
    color: #fff
}

@media screen and (max-width: 1000px) {
    .acc-list__logo {
        margin-bottom: 0
    }
}

.acc-list__title {
    font-size: 24px;
    font-weight: 200;
    min-height: 95px;
    margin-bottom: 13px;
    line-height: 1.3;
    letter-spacing: -.025em;
    text-align: center
}

@media screen and (max-width: 1000px) {
    .acc-list__title {
        font-size: 16px;
        min-height: 75px;
        margin-bottom: 4px
    }
}

.acc-list__link {
    font-size: 16px;
    color: #fff
}

@media screen and (max-width: 1000px) {
    .acc-list__link {
        font-size: 14px
    }
}

.acc-list__item {
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 40%;
    padding: 0 10px
}

@media screen and (max-width: 680px) {
    .acc-list__item {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%
    }
}

.acc-list .swiper-wrapper {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 680px) {
    .acc-list .swiper-wrapper {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.acc-list-arr {
    position: absolute;
    z-index: 100;
    top: 50px;
    opacity: .7;
    width: 30px;
    height: 60px;
    cursor: pointer;
    transform-origin: 50% 50% 0
}

.acc-list-arr:after, .acc-list-arr:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 35px;
    content: '';
    transform-origin: 50% 50% 0;
    background: #fff
}

.acc-list-arr:before {
    transform: rotate(-40deg)
}

.acc-list-arr:after {
    top: 26px;
    transform: rotate(40deg)
}

.acc-list-arr.-next {
    right: 15px
}

.-rtl-mode .acc-list-arr.-next {
    right: auto;
    left: 15px;
    transform: rotate(180deg)
}

.acc-list-arr.-prev {
    left: 15px;
    transform: rotate(180deg)
}

.-rtl-mode .acc-list-arr.-prev {
    right: 15px;
    left: auto;
    transform: rotate(0)
}

.acc-list-arr.swiper-button-disabled {
    display: none
}

.acc-available {
    position: relative;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 90px;
    padding-bottom: 5px;
    text-align: center;
    letter-spacing: .025;
    background: rgba(0, 0, 0, .2)
}

@media screen and (max-width: 480px) {
    .acc-available {
        display: block;
        height: 110px;
        padding: 15px 0 0
    }
}

.acc-available__title {
    margin: auto 50px auto 0
}

@media screen and (max-width: 480px) {
    .acc-available__title {
        margin: 0 auto 10px
    }
}

.acc-available__item {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 0 24px
}

@media screen and (max-width: 480px) {
    .acc-available__item {
        margin: 0 10px
    }
}

.acc-available .software-platform-icon {
    width: 40px;
    height: 40px
}

.award-list-wrap {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%;
    padding: 0 20px
}

.award-list-wrap.-local {
    position: relative;
    bottom: 0;
    padding: 35px 0 20px;
    border-bottom: solid 1px #dddfe0
}

@media screen and (max-width: 1000px) {
    .award-list-wrap.-local {
        background: #fff
    }
}

@media screen and (max-width: 1240px) {
    .award-list-wrap {
        padding: 25px 20px 20px
    }
}

@media screen and (max-width: 1000px) {
    .award-list-wrap {
        bottom: 0;
        background: rgba(0, 0, 0, .5)
    }
}

.award-list {
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: auto;
    padding: 0
}

.award-list__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 1 0 182px;
    flex: 1 0 182px;
    width: 182px;
    height: auto;
    padding: 5px 0 38px
}

.award-list__item:before {
    position: absolute;
    bottom: 2px;
    left: 60px;
    right: 0;
    height: 2px;
    margin-bottom: 10px;
    content: "";
    background: linear-gradient(left, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2) 25%, transparent 25%);
    background-size: 8px 2px;
    background-repeat: repeat-x
}

.-rtl-mode .award-list__item:before {
    left: 0;
    right: 60px
}

.-local .award-list__item:before {
    background: linear-gradient(left, #ccc, #ccc 25%, transparent 25%);
    background-size: 8px 2px;
    background-repeat: repeat-x
}

.award-list__link {
    position: relative;
    display: block;
    padding-left: 60px;
    text-decoration: none;
    color: #fff
}

.-local .award-list__link {
    color: #000
}

.-rtl-mode .award-list__link {
    padding-right: 60px;
    padding-left: 0
}

.award-list__name {
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-bottom: 7px;
    min-height: 36px;
    letter-spacing: .025em;
    line-height: 1.3;
    text-transform: uppercase
}

.award-list__author {
    font-size: 11px;
    display: block;
    min-height: 35px;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase
}

.award-list__year {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 24px;
    display: block;
    color: #d2b775
}

.-local .award-list__year {
    color: #ccc
}

.-rtl-mode .award-list__year {
    left: auto;
    right: 0
}

.award-list__img {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 13px
}

.-rtl-mode .award-list__img {
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: 13px
}

.spread-wrap {
    margin: -18px 0 50px;
    color: #fff
}

.spread-wrap.-local {
    margin: 0;
    color: #000
}

@media screen and (max-width: 1000px) {
    .spread-wrap {
        margin: -13px 0 25px
    }
}

@media screen and (max-width: 680px) {
    .spread-wrap {
        margin: 0 0 25px
    }
}

.spread-cur {
    width: 450px;
    margin-bottom: 24px
}

.-local .spread-cur {
    margin-bottom: 0
}

@media screen and (max-width: 1000px) {
    .spread-cur {
        width: auto;
        margin-bottom: 6px
    }
}

.spread-cur__inner {
    display: -ms-flexbox;
    display: flex
}

.spread-cur__title {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, .4)
}

.-local .spread-cur__title {
    color: #9299a2
}

.spread-cur__name {
    font-size: 55px;
    font-weight: 200;
    display: inline-block;
    width: 270px;
    height: 76px;
    vertical-align: top;
    line-height: 76px;
    letter-spacing: -.04em
}

.-local .spread-cur__name {
    color: #dab96b
}

@media screen and (max-width: 1000px) {
    .spread-cur__name {
        font-size: 28px;
        width: 125px;
        height: auto;
        line-height: 1.2
    }
}

.spread-cur__val {
    font-size: 24px;
    display: inline-block;
    height: 76px;
    line-height: 76px
}

@media screen and (max-width: 1000px) {
    .spread-cur__val {
        font-size: 16px;
        height: auto;
        line-height: 1.2
    }
}

.spread-cur__num {
    position: relative;
    font-size: 55px;
    font-weight: 200;
    display: inline-block;
    width: 110px;
    padding-left: 20px
}

.-rtl-mode .spread-cur__num {
    padding-left: 0;
    padding-right: 20px
}

@media screen and (max-width: 1000px) {
    .spread-cur__num {
        font-size: 28px;
        width: 70px
    }
}

.spread-cur__num:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    content: '';
    border-color: transparent;
    border-style: solid
}

.-rtl-mode .spread-cur__num:before {
    left: auto;
    right: 0
}

.spread-cur__num.-down {
    color: #119b53
}

.spread-cur__num.-down:before {
    border-width: 7px 3px 0;
    border-color: #119b53 transparent transparent transparent
}

.spread-cur__num.-up {
    color: #dc411d
}

.spread-cur__num.-up:before {
    border-width: 0 3px 7px;
    border-color: transparent transparent #dc411d transparent
}

.spread-cntrl {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 47px;
    border-bottom: solid 1px rgba(255, 255, 255, .3)
}

.-local .spread-cntrl {
    padding-bottom: 2px
}

@media screen and (max-width: 1000px) {
    .-local .spread-cntrl {
        overflow-x: scroll
    }
}

@media screen and (max-width: 1000px) {
    .spread-cntrl {
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 25px
    }
}

.spread-cntrl__item {
    position: relative;
    margin-right: 40px;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.-rtl-mode .spread-cntrl__item {
    margin-right: 0;
    margin-left: 40px
}

@media screen and (max-width: 1000px) {
    .spread-cntrl__item {
        margin-right: 10px
    }

    .-rtl-mode .spread-cntrl__item {
        margin-left: 10px
    }
}

.spread-cntrl__item:last-child {
    margin-right: 0;
    margin-left: 0
}

.spread-cntrl__item-inner {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    cursor: pointer;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5)
}

.-local .spread-cntrl__item-inner {
    color: #9299a2
}

.spread-cntrl__item-inner:before {
    position: absolute;
    top: 100%;
    left: 0;
    right: 100%;
    height: 2px;
    margin-top: -1px;
    content: '';
    background: #00c94c;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.-t01 .spread-cntrl__item-inner:before {
    background: #fcea00
}

.-local .spread-cntrl__item-inner:before {
    background: #dab96b
}

.-rtl-mode .spread-cntrl__item-inner:before {
    left: 100%;
    right: 0
}

.-selected .spread-cntrl__item-inner {
    cursor: default;
    color: #fff
}

.-local .-selected .spread-cntrl__item-inner {
    color: #000
}

.-selected .spread-cntrl__item-inner:before {
    right: 0
}

.-rtl-mode .-selected .spread-cntrl__item-inner:before {
    left: 0
}

.spread-cntrl__item-inner:hover {
    color: #fff
}

.-local .spread-cntrl__item-inner:hover {
    color: #9299a2
}

@media screen and (max-width: 1000px) {
    .spread-cntrl__item-inner {
        font-size: 11px
    }
}

.testimonials-section {
    overflow: hidden;
    padding: 90px 0 115px
}

.-rtl-mode .testimonials-section {
    direction: rtl
}

@media screen and (max-width: 1000px) {
    .testimonials-section {
        padding: 30px 0
    }
}

.testimonials-section.-t02 {
    padding-top: 50px;
    background: #f6f7f8
}

@media screen and (max-width: 1000px) {
    .testimonials-section.-t02 {
        padding: 30px 0
    }
}

.testimonials__item {
    width: 31% !important;
    margin-right: 3%
}

.testimonials__item:last-child {
    margin-right: 0
}

.-rtl-mode .testimonials__item:last-child {
    margin-left: 0
}

.-rtl-mode .testimonials__item {
    margin-right: 0;
    margin-left: 3%
}

@media screen and (max-width: 1000px) {
    .testimonials__item {
        width: 100% !important;
        padding: 0 20px;
        margin-right: 0
    }
}

.testimonials__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (max-width: 1000px) {
    .testimonials__user {
        max-width: 500px;
        margin: 0 auto 25px
    }
}

.testimonials__user-avatar {
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 30px;
    border-radius: 50%
}

.contest-content .testimonials__user-avatar {
    border: 1px solid #dddfe0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.-rtl-mode .testimonials__user-avatar {
    margin-right: 0;
    margin-left: 30px
}

.testimonials__user-avatar img {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1280px) {
    .testimonials__user-avatar {
        display: none
    }

    .contest-content .testimonials__user-avatar {
        display: block
    }
}

@media screen and (max-width: 1000px) {
    .testimonials__user-avatar {
        display: block
    }
}

.testimonials__user-info {
    font-size: 24px;
    line-height: 1;
    letter-spacing: -.025em;
    white-space: nowrap
}

@media screen and (max-width: 1000px) {
    .testimonials__user-info {
        font-size: 16px
    }
}

.contest-content .testimonials__user-info {
    white-space: normal
}

.testimonials__user-country {
    font-size: 16px;
    margin-top: 10px;
    color: #9299a2
}

@media screen and (max-width: 1000px) {
    .testimonials__user-country {
        font-size: 14px
    }
}

.testimonials__text {
    font-size: 16px
}

@media screen and (max-width: 1000px) {
    .testimonials__text {
        font-size: 14px;
        max-width: 500px;
        margin: 0 auto
    }
}

.testimonials-pagination {
    display: none;
    width: 100%;
    text-align: center
}

@media screen and (max-width: 1000px) {
    .testimonials-pagination {
        display: block
    }
}

.testimonials-pagination__item {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 17px;
    cursor: pointer;
    border-radius: 50%;
    background: #9299a2;
    border: solid 3px #fff
}

.testimonials-pagination__item:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    content: ''
}

.testimonials-pagination__item.-active {
    width: 12px;
    height: 12px;
    cursor: default;
    background: #fff;
    border: solid 2px #9299a2
}

.trustpilot-widget-mobile {
    width: 280px;
    margin-bottom: -30px
}

@media screen and (min-width: 1024px) {
    .trustpilot-widget-mobile {
        display: none
    }
}

.trustpilot-widget-desktop {
    display: none
}

@media screen and (min-width: 1024px) {
    .trustpilot-widget-desktop {
        display: block
    }
}

.main-index-section {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    min-height: 100%;
    padding: 225px 0 50px;
    color: #fff;
    background: #000 url(/static/home/images/bg-index-new.jpg) 50% 50% no-repeat;
    background-size: cover
}

@media screen and (max-width: 1280px) {
    .main-index-section {
        background-image: url(/static/home/images/bg-index-new@1280.jpg)
    }
}

@media screen and (max-width: 670px) {
    .main-index-section {
        background-image: url(/static/home/images/bg-index-new@640.jpg)
    }
}

.main-index-section.-idn-bg {
    background: url(/static/home/images/bg-index-idn-new.jpg) 70% 50% no-repeat;
    background-size: cover
}

.main-index-section.-ind-t02 {
    color: #000;
    background: url(/static/home/images/bg-index-ind-01.jpg) 50% 0 no-repeat;
    background-size: cover
}

@media screen and (max-width: 1000px) {
    .main-index-section.-ind-t02 {
        padding-left: 40px;
        padding-right: 40px;
        background-position: 50% 0
    }
}

@media screen and (max-width: 680px) {
    .main-index-section.-ind-t02 {
        padding-left: 20px;
        padding-right: 20px;
        background: url(/static/home/images/bg-index-ind-m.jpg) 50% 65% no-repeat;
        background-size: 100%
    }
}

@media screen and (max-width: 400px) {
    .main-index-section.-ind-t02 {
        background-position: 50% 50%
    }
}

.main-index-section.-ind {
    min-height: 650px;
    background: #fec200 url(/static/home/images/bg-ind-orange.jpg) 50% bottom repeat-x
}

.main-index-section.-idn {
    background: #ac001f url(/static/home/images/bg-idn-pattern.png) 50% 50% repeat
}

@media screen and (max-width: 1000px) {
    .main-index-section.-local {
        padding: 95px 0 30px
    }
}

.-rtl-mode .main-index-section {
    direction: rtl
}

@media screen and (max-height: 860px) {
    .main-index-section {
        height: auto;
        min-height: 0 !important;
        padding: 190px 0 50px
    }
}

@media screen and (max-width: 1000px) {
    .main-index-section {
        display: block;
        padding: 95px 0 0;
        height: auto;
        min-height: 0 !important
    }
}

.main-index-section .pg-wrap {
    height: 100%
}

@media screen and (max-width: 1000px) {
    .main-index-section .pg-wrap {
        padding: 0 20px
    }
}

.main-index-section__inner {
    margin: auto;
    padding-bottom: 170px
}

@media screen and (max-width: 1240px) {
    .main-index-section__inner {
        padding-bottom: 210px
    }
}

.main-index-section__slogan {
    font-size: 54px;
    font-weight: 200;
    margin-bottom: 30px;
    text-transform: none;
    line-height: 1.1;
    letter-spacing: -.025em
}

.-ind-t02 .main-index-section__slogan {
    color: #000
}

html:lang(es) .main-index-section__slogan, html:lang(id) .main-index-section__slogan, html:lang(pt) .main-index-section__slogan {
    font-size: 46px
}

html:lang(de) .main-index-section__slogan {
    font-size: 37px
}

@media screen and (max-width: 1000px) {
    .main-index-section__slogan {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 22px
    }

    html:lang(es) .main-index-section__slogan, html:lang(id) .main-index-section__slogan, html:lang(pt) .main-index-section__slogan {
        font-size: 28px
    }

    html:lang(de) .main-index-section__slogan {
        font-size: 24px
    }
}

@media screen and (max-width: 680px) {
    .main-index-section__slogan {
        min-height: auto;
        margin-bottom: 20px
    }
}

.main-index-section__title {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
    text-transform: none;
    letter-spacing: -.025em
}

.-ind-t02 .main-index-section__title {
    color: #000
}

html:lang(de) .main-index-section__title {
    font-size: 24px
}

@media screen and (max-width: 1000px) {
    .main-index-section__title {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2
    }

    html:lang(de) .main-index-section__title {
        font-size: 16px
    }
}

@media screen and (max-width: 680px) {
    .main-index-section__title {
        min-height: auto;
        margin-bottom: 25px
    }
}

.main-index-section__descr {
    font-weight: 200;
    font-size: 16px;
    margin-bottom: 30px
}

.-ind-t02 .main-index-section__descr {
    color: #000
}

.main-index-section__descr a {
    color: #fff !important
}

@media screen and (max-width: 1000px) {
    .main-index-section__descr {
        font-size: 16px
    }
}

.main-index-section__btn {
    margin-bottom: 10px
}

.main-index-section__btn-wrap {
    display: inline-block;
    text-align: center
}

@media screen and (max-width: 680px) {
    .main-index-section__btn-wrap {
        display: block;
        text-align: center
    }
}

@media screen and (max-width: 680px) {
    .-local .main-index-section__btn-wrap {
        text-align: left
    }
}

@media screen and (max-width: 680px) {
    .-ind-t02 .main-index-section__btn-wrap {
        margin-top: 500px
    }
}

@media screen and (max-width: 540px) {
    .-ind-t02 .main-index-section__btn-wrap {
        margin-top: 400px
    }
}

@media screen and (max-width: 500px) {
    .-ind-t02 .main-index-section__btn-wrap {
        margin-top: 350px
    }
}

@media screen and (max-width: 380px) {
    .-ind-t02 .main-index-section__btn-wrap {
        margin-top: 300px
    }
}

.main-index-section__columns-wrap {
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

@media screen and (max-width: 1000px) {
    .-local .main-index-section__columns-wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media screen and (max-width: 680px) {
    .main-index-section__columns-wrap {
        display: block
    }
}

.main-index-section__columns-wrap-item {
    width: 45%;
    margin-bottom: 60px
}

@media screen and (max-width: 680px) {
    .main-index-section__columns-wrap-item {
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-height: 860px) {
    .main-index-section__columns-wrap-item {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1000px) {
    .-local .main-index-section__columns-wrap-item {
        width: 100%
    }
}

.main-index-section__columns-wrap-item:first-child {
    margin-right: 10%
}

@media screen and (max-width: 1000px) {
    .-local .main-index-section__columns-wrap-item:first-child {
        margin-right: 0;
        margin-left: 0
    }
}

.-rtl-mode .main-index-section__columns-wrap-item:first-child {
    margin-right: 0;
    margin-left: 10%
}

@media screen and (max-width: 680px) {
    .main-index-section__columns-wrap-item:first-child {
        margin-right: 0;
        margin-left: 0
    }
}

.qq-qrcode {
    position: fixed;
    top: 100%;
    right: 60px;
    z-index: 1100;
    border: solid 2px #00c94c;
    border-radius: 10px;
    transform: translate(0, -180px)
}

.qq-qrcode__content {
    padding: 3px
}

.qq-qrcode img {
    display: block;
    border: solid 1px #fff;
    border-radius: 6px
}

.qq-webchat {
    display: block;
    height: 50px;
    max-width: 50px;
    position: fixed;
    top: 100%;
    right: 75px;
    z-index: 600;
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    line-height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    transform: translate(0, -140px);
    border-radius: 25px;
    background: linear-gradient(to bottom, #006add 0, #00dcff 100%);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.qq-webchat__inner {
    display: inline-block;
    margin-left: 10px;
    opacity: 0;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.qq-webchat:hover {
    max-width: 300px;
    padding: 0 30px 0 20px;
    text-decoration: none
}

.qq-webchat:hover .qq-webchat__inner {
    opacity: 1
}

.qq-webchat:before {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 50px;
    height: 60px;
    margin: 0;
    content: '';
    vertical-align: top;
    color: #505050;
    background: url(/static/home/images/tencent-qq.svg) 50% 50% no-repeat;
    background-size: cover;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.qq-wechat-link {
    position: relative;
    top: 5px;
    margin: 30px 0 -20px;
    text-align: center;
    text-decoration: none;
    color: #fff
}

.qq-wechat-link:before {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    content: '';
    background: url(/static/home/images/wechat.svg) 50% 50% no-repeat;
    background-size: cover
}

@media screen and (max-width: 1240px) {
    .qq-qrcode {
        right: 5px
    }

    .qq-webchat {
        right: 20px
    }
}

@media screen and (max-width: 1000px) {
    .qq-webchat {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: auto;
        width: 100%;
        max-width: 100%;
        height: 70px;
        padding: 0;
        text-align: center;
        line-height: 70px;
        color: #fff;
        transform: translate(0, 0) !important;
        background: linear-gradient(to bottom, #006add 0, #00dcff 100%);
        border-radius: 0
    }

    .qq-webchat:hover {
        max-width: 100%;
        padding: 0
    }

    .qq-webchat__inner {
        opacity: 1
    }

    .qq-webchat:before {
        height: 70px
    }
}

.index-charity-counter {
    position: relative;
    overflow: hidden;
    max-width: 480px;
    margin: -20px 0 0 -20px;
    padding: 25px 50px 10px 30px;
    background: #fff;
    border-radius: 4px;
    color: #000
}

.index-charity-counter:before {
    position: absolute;
    top: 50%;
    right: -45px;
    width: 168px;
    height: 166px;
    content: '';
    background: url(/static/home/images/icon-index-charity.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

.-rtl-mode .index-charity-counter:before {
    right: auto;
    left: -45px
}

@media screen and (max-width: 1000px) {
    .-rtl-mode .index-charity-counter:before {
        right: auto;
        left: -30px
    }
}

@media screen and (max-width: 1000px) {
    .index-charity-counter:before {
        right: -30px;
        width: 110px;
        height: 110px
    }
}

.-rtl-mode .index-charity-counter {
    direction: rtl;
    text-align: right
}

@media screen and (max-width: 1000px) {
    .index-charity-counter {
        margin: 0;
        padding: 20px 30px 10px 15px;
        background-size: 90px
    }
}

@media screen and (max-width: 700px) {
    .index-charity-counter {
        max-width: 100%
    }
}

.index-charity-counter__descr {
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 1.3
}

@media screen and (max-width: 1000px) {
    .index-charity-counter__descr {
        font-size: 16px
    }
}

.index-charity-counter__count {
    font-size: 64px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    color: #d2b775
}

@media screen and (max-width: 1000px) {
    .index-charity-counter__count {
        font-size: 40px
    }
}

.index-charity-counter__count sup {
    font-size: 50%;
    top: -1em
}

.index-promo-container {
    width: 100%;
    max-width: 450px;
    height: 170px;
    padding: 20px 0 30px;
    margin: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 3px;
    color: #fff
}

@media screen and (max-width: 1000px) {
    .index-promo-container {
        height: 120px;
        padding: 20px 0
    }
}

.index-promo-list__item {
    position: relative;
    opacity: 0 !important;
    padding: 0 30px;
    transition: opacity 1s linear
}

.index-promo-list__item.swiper-slide-active {
    opacity: 1 !important;
    transition: opacity 1s linear
}

@media screen and (max-width: 1000px) {
    .index-promo-list__item {
        padding: 0 15px
    }
}

.index-promo-list__link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    text-decoration: none;
    border: none;
    color: #fff
}

.index-promo-list__icon {
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
    margin-right: 30px
}

.-rtl-mode .index-promo-list__icon {
    margin-right: 0;
    margin-left: 30px
}

.index-promo-list__title {
    font-size: 24px;
    line-height: 1.3;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.swiper-slide-active .index-promo-list__title {
    animation: .3s ease-in-out .3s normal both 1 running from-left-anim
}

.-rtl-mode .swiper-slide-active .index-promo-list__title {
    animation: .3s ease-in-out .3s normal both 1 running from-right-anim
}

@media screen and (max-width: 1000px) {
    .index-promo-list__title {
        font-size: 16px
    }
}

.index-promo-pagination {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0 20px;
    text-align: center
}

.index-promo-pagination__item {
    position: relative;
    top: -15px;
    display: inline-block;
    width: 100%;
    max-width: 50px;
    height: 30px;
    margin: 0 5px;
    cursor: pointer;
    vertical-align: top
}

@media screen and (max-width: 1000px) {
    .index-promo-pagination__item {
        max-width: 30px
    }
}

.index-promo-pagination__item:hover:before {
    background: rgba(255, 255, 255, .7);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.index-promo-pagination__item:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    content: '';
    background: rgba(255, 255, 255, .4);
    transform: translate(0, -50%);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.index-promo-pagination__item:after {
    position: absolute;
    left: 0;
    right: 100%;
    top: 50%;
    height: 2px;
    content: '';
    background: #6fdcff;
    transform: translate(0, -50%)
}

.-t02 .index-promo-pagination__item:after {
    background: #fcea00
}

.-rtl-mode .index-promo-pagination__item:after {
    left: 100%;
    right: 0
}

.index-promo-pagination__item.-active:after {
    right: 0;
    transition: all 3s linear
}

.-rtl-mode .index-promo-pagination__item.-active:after {
    left: 0
}

.index-promo-short {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 10px
}

@media screen and (max-width: 1280px) {
    .index-promo-short {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.index-promo-short__link {
    position: relative;
    display: block;
    padding: 25px 10px 25px 110px;
    text-decoration: none;
    color: #fff
}

.-rtl-mode .index-promo-short__link {
    padding: 25px 110px 25px 10px
}

@media screen and (max-width: 1000px) {
    .index-promo-short__link {
        padding: 20px 10px 20px 85px
    }
}

.index-promo-short__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 25%;
    min-height: 118px;
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.index-promo-short__item:not(:last-child) {
    margin-right: 10px
}

.-rtl-mode .index-promo-short__item:not(:last-child) {
    margin-right: 0;
    margin-left: 10px
}

@media screen and (max-width: 1280px) {
    .-rtl-mode .index-promo-short__item:not(:last-child) {
        margin-left: 0
    }
}

@media screen and (max-width: 1280px) {
    .index-promo-short__item:not(:last-child) {
        margin-right: 0
    }
}

@media screen and (max-width: 1280px) {
    .index-promo-short__item {
        width: 49.5%;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 1000px) {
    .index-promo-short__item {
        min-height: 98px
    }
}

@media screen and (max-width: 700px) {
    .index-promo-short__item {
        width: 100%;
        margin-bottom: 10px
    }
}

.index-promo-short__title {
    font-size: 20px;
    line-height: 1.3
}

@media screen and (max-width: 1000px) {
    .index-promo-short__title {
        font-size: 16px
    }
}

.index-promo-short__icon {
    position: absolute;
    left: 28px;
    top: 50%;
    width: 70px;
    transform: translate(0, -50%)
}

.-rtl-mode .index-promo-short__icon {
    left: auto;
    right: 28px
}

@media screen and (max-width: 1000px) {
    .-rtl-mode .index-promo-short__icon {
        right: 18px;
        left: auto
    }
}

@media screen and (max-width: 1000px) {
    .index-promo-short__icon {
        left: 18px;
        width: 55px
    }
}

.index-promo-short__icon svg {
    width: 100%
}

.index-promo-short__text-link {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding-right: 14px;
    color: #00c94c
}

.index-promo-short__text-link:after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2px;
    content: '';
    border-right: solid 1px;
    border-bottom: solid 1px;
    transform: rotate(-45deg) translate(0, -50%)
}

.-rtl-mode .index-promo-short__text-link:after {
    right: auto;
    left: 0;
    border: none;
    border-left: solid 1px;
    border-top: solid 1px
}

.-rtl-mode .index-promo-short__text-link {
    padding-right: 0;
    padding-left: 14px
}

.main-option-section {
    position: relative;
    background: #f6f7f8
}

.-rtl-mode .main-option-section {
    direction: rtl
}

@media screen and (max-width: 1000px) {
    .main-option-section.-local {
        padding-bottom: 0
    }
}

.main-option-section.-local.-ind {
    background: #fec200 url(/static/home/images/bg-ind-orange.jpg) 50% bottom repeat-x
}

.main-option-section.-local.-idn {
    background: #ac001f url(/static/home/images/bg-idn-pattern.png) 50% 50% repeat
}

@media screen and (max-width: 1000px) {
    .main-option-section {
        padding: 0 20px 20px
    }
}

.main-option-section__title {
    font-weight: 400;
    text-align: center;
    color: #000 !important
}

@media screen and (max-width: 768px) {
    .main-option-section__title {
        text-align: left
    }

    .-rtl-mode .main-option-section__title {
        text-align: initial
    }
}

.main-option-section__descr {
    margin-bottom: 35px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .main-option-section__descr {
        text-align: left
    }

    .-rtl-mode .main-option-section__descr {
        text-align: right
    }
}

.main-option-list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    top: -80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: -5px
}

.main-option-list.-local {
    top: -50px;
    margin-bottom: 0
}

@media screen and (max-width: 1000px) {
    .main-option-list.-local {
        top: -30px
    }
}

@media screen and (max-width: 1000px) {
    .main-option-list {
        top: -30px;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 5px
    }
}

.main-option-list__item {
    position: relative;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 30px 30px 110px;
    background: #fff
}

.-local .main-option-list__item {
    border-radius: 4px;
    box-shadow: 0 5px 14px 6px rgba(41, 4, 32, .2)
}

@media screen and (max-width: 1000px) {
    .main-option-list__item {
        padding: 25px 20px 30px;
        margin: 0 0 20px
    }
}

.main-option-list__item:not(:last-child) {
    margin-right: 20px
}

.-rtl-mode .main-option-list__item:not(:last-child) {
    margin-right: 0;
    margin-left: 20px
}

@media screen and (max-width: 1000px) {
    .-rtl-mode .main-option-list__item:not(:last-child) {
        margin-left: 0
    }
}

@media screen and (max-width: 1000px) {
    .main-option-list__item:not(:last-child) {
        margin-right: 0
    }
}

.main-option-list__title {
    font-weight: 500;
    position: relative;
    min-height: 120px;
    padding-bottom: 10px;
    margin: 0 160px 25px 0;
    line-height: 1.25
}

.-rtl-mode .main-option-list__title {
    margin: 0 0 25px 160px
}

@media screen and (max-width: 1280px) {
    .main-option-list__title {
        margin-right: 80px
    }

    .-rtl-mode .main-option-list__title {
        margin: 0 0 25px 80px
    }
}

@media screen and (max-width: 1000px) {
    .main-option-list__title {
        font-size: 20px;
        min-height: 80px;
        padding-bottom: 15px
    }
}

.main-option-list__title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    content: '';
    background: #00c94c
}

.-rtl-mode .main-option-list__title:before {
    left: auto;
    right: 0
}

.-local .main-option-list__title:before {
    background: #dab96b
}

.main-option-list__icon {
    position: absolute;
    right: 20px;
    top: -15px
}

.-rtl-mode .main-option-list__icon {
    right: auto;
    left: 20px
}

.main-option-list__icon.-bonus {
    top: -30px
}

@media screen and (max-width: 1280px) {
    .main-option-list__icon.-bonus {
        top: 20px
    }
}

@media screen and (max-width: 1280px) {
    .main-option-list__icon {
        top: 20px;
        transform: scale(.5);
        transform-origin: 100% 0
    }

    .-rtl-mode .main-option-list__icon {
        transform-origin: 0 0
    }
}

.main-option-list__descr {
    font-weight: 400;
    line-height: 1.3
}

@media screen and (max-width: 1000px) {
    .main-option-list__descr {
        margin-bottom: 30px
    }
}

.main-option-list__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 0 30px;
    margin-top: -70px;
    text-align: center
}

.-local .main-option-list__link {
    text-align: left;
    color: #119b53
}

@media screen and (max-width: 1000px) {
    .main-option-list__link {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center
    }
}

.main-profit-section {
    position: relative;
    padding: 95px 0 55px
}

.-rtl-mode .main-profit-section {
    direction: rtl
}

@media screen and (max-width: 1000px) {
    .main-profit-section {
        padding: 40px 20px
    }
}

.main-profit-section__title {
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
    color: #000 !important
}

@media screen and (max-width: 768px) {
    .main-profit-section__title {
        text-align: left
    }

    .-rtl-mode .main-profit-section__title {
        text-align: initial
    }
}

.main-profit-section__descr {
    max-width: 790px;
    margin: 0 auto 20px;
    text-align: center;
    line-height: 1.3
}

@media screen and (max-width: 768px) {
    .main-profit-section__descr {
        text-align: left
    }

    .-rtl-mode .main-profit-section__descr {
        text-align: right
    }
}

.main-profit-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 30px
}

@media screen and (max-width: 1000px) {
    .main-profit-list {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.main-profit-list__item {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-top: 35px;
    text-align: center
}

@media screen and (max-width: 1000px) {
    .-local .main-profit-list__item {
        font-size: 16px;
        margin-bottom: 20px;
        padding: 0;
        text-align: center;
        line-height: 1.2
    }
}

@media screen and (max-width: 768px) {
    .-local .main-profit-list__item {
        padding-left: 15px;
        text-align: left;
        line-height: 1.3
    }
}

@media screen and (max-width: 1000px) {
    .main-profit-list__item {
        font-size: 20px;
        padding: 0 0 0 40px;
        margin-bottom: 5px;
        text-align: left
    }

    .-rtl-mode .main-profit-list__item {
        padding: 0 40px 0 0;
        text-align: right
    }
}

.main-profit-list__item:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 15px;
    height: 2px;
    margin: 20px 0 0 -17px;
    content: '';
    border-radius: 1px;
    background: #00c94c;
    transform-origin: 100% 50%;
    transform: rotate(50deg)
}

@media screen and (max-width: 1000px) {
    .main-profit-list__item:before {
        left: 0;
        margin-left: 0
    }

    .-rtl-mode .main-profit-list__item:before {
        right: 0;
        margin-right: 12px
    }
}

.-local .main-profit-list__item:before {
    display: none
}

@media screen and (max-width: 768px) {
    .-local .main-profit-list__item:before {
        position: absolute;
        left: 0;
        top: 7px;
        display: block;
        width: 4px;
        height: 4px;
        margin: 0;
        content: '';
        border-radius: 50%;
        background: #119b53;
        transform: rotate(0)
    }
}

.main-profit-list__item:after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 25px;
    height: 2px;
    margin: 20px 0 0 -28px;
    content: '';
    border-radius: 1px;
    background: #00c94c;
    transform-origin: 100% 50%;
    transform: rotate(120deg)
}

@media screen and (max-width: 1000px) {
    .main-profit-list__item:after {
        left: 0;
        margin-left: -11px
    }

    .-rtl-mode .main-profit-list__item:after {
        right: 0;
        margin-right: 13px;
        margin-left: 0
    }
}

.-local .main-profit-list__item:after {
    display: none
}

.main-profit-list__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    margin: 0 auto 15px
}

@media screen and (max-width: 1000px) {
    .main-profit-list__icon {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 768px) {
    .main-profit-list__icon {
        display: none
    }
}

.main-calc-profit {
    position: relative;
    padding: 60px 20px 75px;
    text-align: center;
    background: #00c94c;
    color: #fff
}

.main-calc-profit.-local {
    border-top: solid 1px #dddfe0;
    color: #000;
    background: #fff
}

.-rtl-mode .main-calc-profit {
    direction: rtl
}

@media screen and (max-width: 1000px) {
    .main-calc-profit {
        padding: 30px 20px 45px
    }
}

.main-calc-profit__link {
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    border-bottom: solid 1px rgba(255, 255, 255, .5)
}

.-local .main-calc-profit__link {
    color: #000;
    border-bottom: solid 1px #000
}

@media screen and (max-width: 1000px) {
    .main-calc-profit__link {
        font-size: 20px
    }
}

.main-accessibility-section {
    padding: 85px 20px 135px;
    text-align: center;
    color: #fff;
    background-color: #191919
}

.main-accessibility-section.-local {
    background: #f6f7f8 url(/static/home/images/bg-oc.svg) 50% 100px no-repeat;
    background-size: 1650px;
    color: #000
}

.-rtl-mode .main-accessibility-section {
    direction: rtl
}

@media screen and (max-width: 768px) {
    .main-accessibility-section {
        padding: 40px 20px 65px;
        text-align: left
    }

    .-rtl-mode .main-accessibility-section {
        text-align: initial
    }
}

.main-accessibility-section__title {
    font-weight: 400;
    margin-bottom: 35px;
    letter-spacing: -.02em
}

.-local .main-accessibility-section__title {
    color: #000
}

.main-accessibility-section__descr {
    font-weight: 400;
    max-width: 850px;
    margin: 0 auto 40px;
    line-height: 1.4
}

.main-accessibility-section__caption {
    max-width: 790px;
    margin: 0 auto
}

.main-accessibility-section__btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 1000px;
    margin: 0 auto 25px
}

@media screen and (max-width: 768px) {
    .main-accessibility-section__btn-wrap {
        display: block
    }
}

.main-accessibility-section__btn-group {
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    width: 50%;
    padding: 30px 0 20px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .main-accessibility-section__btn-group {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }
}

.main-accessibility-section__btn-group:not(:last-child) {
    border-right: solid 1px rgba(255, 255, 255, .2)
}

.-rtl-mode .main-accessibility-section__btn-group:not(:last-child) {
    border-right: none
}

@media screen and (max-width: 768px) {
    .main-accessibility-section__btn-group:not(:last-child) {
        border-right: none
    }
}

.-rtl-mode .main-accessibility-section__btn-group:not(:last-child) {
    border-left: solid 1px rgba(255, 255, 255, .2);
    border-right: 0
}

@media screen and (max-width: 768px) {
    .-rtl-mode .main-accessibility-section__btn-group:not(:last-child) {
        border-right: none;
        border-left: none
    }
}

.main-accessibility-section__btn {
    margin-bottom: 10px
}

@media screen and (max-width: 768px) {
    .main-accessibility-section__btn {
        margin-bottom: 5px
    }
}

.main-accessibility-section__btn-descr {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase
}

.main-app-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0 90px
}

.-rtl-mode .main-app-section {
    direction: rtl
}

.main-app-section.-ms {
    padding: 133px 0 74px
}

.main-app-section.-idn {
    background: linear-gradient(to bottom, #95cc8c 0, #3fa580 100%);
    color: #fff
}

.main-app-section.-idn:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 684px;
    height: 684px;
    margin-left: -55px;
    content: '';
    opacity: .2;
    background: url(/static/home/images/bg-idn-flower.png) 50% 50% no-repeat;
    transform: translate(0, -50%)
}

@media screen and (max-width: 1000px) {
    .main-app-section.-idn:before {
        top: 25px;
        margin-left: 0;
        transform: translate(-50%, 0) scale(.8);
        transform-origin: 50% 0
    }
}

@media screen and (max-width: 1000px) {
    .main-app-section {
        padding: 40px 20px
    }
}

.main-app-section__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    min-height: 426px
}

@media screen and (max-width: 1000px) {
    .main-app-section__inner {
        display: block
    }
}

.main-app-section__col {
    position: relative
}

.main-app-section__col:nth-child(1) {
    width: 42%;
    margin-top: -110px
}

@media screen and (max-width: 1000px) {
    .main-app-section__col:nth-child(1) {
        width: 100%;
        margin: 0
    }
}

.main-app-section__col:nth-child(2) {
    width: 51%
}

@media screen and (max-width: 1000px) {
    .main-app-section__col:nth-child(2) {
        width: 100%;
        margin: 0
    }
}

.main-app-section__col.-ms {
    margin-top: -194px;
    margin-bottom: -64px
}

@media screen and (max-width: 1000px) {
    .main-app-section__col.-ms {
        margin: 0
    }
}

@media (max-width: 1000px) {
    .main-app-section__col.-columned-mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .main-app-section__col.-columned-mobile .main-app-section__btn {
        -ms-flex-order: -1;
        order: -1
    }
}

.main-app-section__title {
    margin-bottom: 35px !important;
    color: #000 !important
}

.-idn .main-app-section__title {
    color: #fff !important
}

.main-app-section__title.-ms {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 36px
}

@media screen and (max-width: 1000px) {
    .main-app-section__title.-ms {
        max-width: 302px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1000px) {
    .main-app-section__title {
        margin-bottom: 25px;
        text-align: center
    }
}

.main-app-section__pic {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: -90px;
    text-align: center
}

.main-app-section__pic img {
    width: 100%;
    display: inherit
}

@media screen and (max-width: 1000px) {
    .main-app-section__pic {
        position: relative;
        display: block;
        width: 260px;
        margin: 0 auto 30px
    }
}

.main-app-section__picture {
    width: 319px;
    height: 684px;
    background: url(/static/home/images/index-pic.jpg) no-repeat center/contain;
    transition: background .2s
}

.main-app-section__picture.-apple-pic {
    background: url(/static/home/images/index-pic-ios.jpg) no-repeat center/contain
}

@media screen and (max-width: 1000px) {
    .main-app-section__picture {
        width: 302px;
        height: 613px;
        margin: 0 auto;
        background: url(/static/home/images/index-pic-ios.jpg) no-repeat center/contain
    }
}

.main-app-section__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 1000px) {
    .main-app-section__box {
        -ms-flex-order: 1;
        order: 1
    }
}

.main-app-section__qr {
    margin-top: -10px
}

@media screen and (max-width: 1000px) {
    .main-app-section__qr {
        display: none
    }
}

.main-app-section__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 24px
}

.-rtl-mode .main-app-section__btns {
    margin-left: 24px;
    margin-right: 0
}

@media screen and (max-width: 1000px) {
    .-rtl-mode .main-app-section__btns {
        margin-left: 0
    }
}

@media screen and (max-width: 1000px) {
    .main-app-section__btns {
        margin-right: 0
    }
}

.main-app-section__btn.mobile-app-btn {
    border: 1px solid #000;
    display: inline-block;
    padding: 9px 41px 5px 81px;
    border-radius: 4px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center left 40px;
    font-size: 10px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    max-width: 227px;
    height: 60px
}

.main-app-section__btn.mobile-app-btn.-gplay-icon {
    background-image: url(/static/home/images/google-play-icon.svg);
    text-transform: uppercase;
    margin-bottom: 8px
}

@media screen and (max-width: 1000px) {
    .main-app-section__btn.mobile-app-btn.-gplay-icon {
        display: none
    }
}

.main-app-section__btn.mobile-app-btn.-appstore-icon {
    background-image: url(/static/home/images/appstore-icon.svg)
}

@media screen and (max-width: 1000px) {
    .main-app-section__btn {
        margin-bottom: 30px
    }
}

.main-app-section__list {
    margin-bottom: 40px
}

.main-app-section__list.-ms {
    padding: 0;
    list-style: none;
    margin: 0 0 43px 11px;
    max-width: 438px
}

.main-app-section__list.-ms .check-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 12px
}

.main-app-section__list.-ms .check-list__item::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #0d6ffb;
    margin-right: 19px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.-rtl-mode .main-app-section__list.-ms .check-list__item::before {
    margin-right: 0;
    margin-left: 19px
}

@media screen and (max-width: 1000px) {
    .main-app-section__list.-ms .check-list__item {
        max-width: 300px
    }
}

@media screen and (max-width: 1000px) {
    .main-app-section__list.-ms {
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width: 1000px) {
    .main-app-section__list {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1000px) {
    .m-app-promo.--visible ~ .main-app-section .ios-picture {
        background: url(/static/home/images/index-pic.jpg) no-repeat center/contain
    }
}

@media screen and (max-width: 1000px) {
    .m-app-promo.--visible ~ .main-app-section .mobile-app-btn.-gplay-icon {
        display: inline-block
    }
}

@media screen and (max-width: 1000px) {
    .m-app-promo.--visible ~ .main-app-section .mobile-app-btn.-appstore-icon {
        display: none
    }
}

@media screen and (max-width: 1000px) {
    .m-app-promo.--visible ~ .main-app-section .mobile-app-btn {
        margin-bottom: 64px
    }
}

.main-acc-list-pagination {
    position: relative;
    display: none;
    width: 100%;
    margin-top: 30px;
    text-align: center
}

@media screen and (max-width: 1000px) {
    .main-acc-list-pagination {
        display: block
    }
}

.main-acc-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto
}

.main-acc-list__item {
    overflow: hidden;
    -ms-flex: 1 0;
    flex: 1 0;
    max-width: 385px;
    height: auto
}

@media screen and (max-width: 1000px) {
    .main-acc-list__item {
        -ms-flex: 1 0 100vw;
        flex: 1 0 100vw;
        width: 100vw;
        max-width: 100vw;
        padding: 0 20px
    }
}

.main-acc-list__item:not(:last-child) {
    margin-right: 20px
}

@media screen and (max-width: 1000px) {
    .main-acc-list__item:not(:last-child) {
        margin-right: 0
    }
}

.main-acc-list__inner {
    width: 100%;
    max-width: 385px;
    margin: 0 auto;
    height: 100%;
    padding: 30px 45px 10px;
    background: #fff;
    border-radius: 4px
}

@media screen and (max-width: 1000px) {
    .main-acc-list__inner {
        padding: 20px 20px 10px
    }
}

.main-acc-list__title {
    font-weight: 400;
    min-height: 70px;
    margin-bottom: 0;
    line-height: 1.3;
    text-align: center
}

.main-acc-list__title b {
    font-weight: 700
}

.main-acc-list__option {
    max-width: 225px;
    margin: 0 auto 20px
}

.main-acc-list__option > li {
    margin-bottom: 5px
}

.main-acc-list__btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-acc-list__btn-caption {
    font-weight: 400
}

.main-acc-list__btn {
    min-width: 0;
    max-width: 100%
}

@media screen and (max-width: 1000px) {
    .main-acc-list__btn {
        font-size: 13px
    }
}

.main-promo-section {
    padding: 0 0 60px
}

.main-promo-section.-ind {
    background: #fec200 url(/static/home/images/bg-ind-orange.jpg) 50% bottom repeat-x
}

.main-promo-section.-idn {
    background: #ac001f url(/static/home/images/bg-idn-pattern.png) 50% 50% repeat
}

@media screen and (max-width: 1000px) {
    .main-promo-section {
        padding: 0 0 30px
    }
}

.main-promo-nav {
    position: relative;
    top: -50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 30px
}

@media screen and (max-width: 1000px) {
    .main-promo-nav {
        top: 0;
        display: block
    }
}

.main-promo-nav__col {
    -ms-flex: 1 0;
    flex: 1 0;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%
}

@media screen and (max-width: 1000px) {
    .main-promo-nav__col {
        max-width: 100%
    }
}

.main-promo-nav__col:first-child {
    margin-right: 20px
}

@media screen and (max-width: 1000px) {
    .main-promo-nav__col:first-child {
        margin-right: 0
    }
}

.main-promo-nav__col.-t01 {
    -ms-flex-align: stretch;
    align-items: stretch
}

.main-promo-nav__col.-t02 {
    -ms-flex-direction: column;
    flex-direction: column
}

.main-promo-nav__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1 0;
    flex: 1 0;
    overflow: hidden;
    width: 100%;
    min-height: 180px;
    padding: 25px 40px;
    text-decoration: none;
    color: #000;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 20px rgba(41, 4, 32, .3)
}

@media screen and (max-width: 768px) {
    .main-promo-nav__item {
        min-height: 130px;
        padding: 10px 15px;
        border-radius: 0
    }
}

@media screen and (max-width: 768px) {
    .-t01 .main-promo-nav__item {
        padding: 30px 20px
    }
}

.main-promo-nav__item:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width: 1000px) {
    .main-promo-nav__item:not(:last-child) {
        margin-bottom: 0
    }
}

.main-promo-nav__item.-ind-holidays {
    color: #fff;
    background: #0a153e url(/static/home/images/ind-bonus.png) 50% 50% no-repeat;
    background-size: cover
}

.main-promo-nav__item.-scooter {
    padding-right: 160px;
    color: #fff;
    background: #119b53 url(/static/home/images/scooter.png) right bottom no-repeat;
    background-size: auto 100%
}

@media screen and (max-width: 1000px) {
    .main-promo-nav__item.-scooter {
        background-size: auto 100%
    }
}

.main-promo-nav__item.-crypto {
    padding-right: 220px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .main-promo-nav__item.-crypto {
        padding-right: 180px
    }
}

@media screen and (max-width: 480px) {
    .main-promo-nav__item.-crypto {
        padding-right: 115px
    }
}

.main-promo-nav__item.-crypto:before {
    position: absolute;
    top: 50%;
    right: 70px;
    width: 145px;
    height: 145px;
    content: '';
    background: url(/static/home/images/crypto-logo.svg) 50% 50% no-repeat;
    background-size: cover;
    transform: translate(0, -50%)
}

@media screen and (max-width: 768px) {
    .main-promo-nav__item.-crypto:before {
        right: 27px;
        transform: translate(0, -50%) scale(.7)
    }
}

@media screen and (max-width: 480px) {
    .main-promo-nav__item.-crypto:before {
        top: 34px;
        right: -15px;
        transform: none
    }
}

.-ind .main-promo-nav__item.-crypto:before {
    display: none
}

.-idn .main-promo-nav__item.-crypto {
    background-color: #c02
}

.-ind .main-promo-nav__item.-crypto {
    background: #119b53 url(/static/home/images/crypto.jpg) right 50% no-repeat
}

@media screen and (max-width: 768px) {
    .-ind .main-promo-nav__item.-crypto {
        background-size: 700px
    }
}

@media screen and (max-width: 480px) {
    .-ind .main-promo-nav__item.-crypto {
        background-size: auto;
        background-position: 85% -90px
    }
}

.main-promo-nav__item.-tradewin {
    display: block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(to bottom, #00050b 0, #001a2e 100%)
}

.main-promo-nav__title {
    font-size: 37px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.1;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .main-promo-nav__title {
        font-size: 24px
    }
}

.-tradewin .main-promo-nav__title {
    font-size: 30px;
    font-weight: 400;
    padding: 0 20px
}

@media screen and (max-width: 768px) {
    .-tradewin .main-promo-nav__title {
        font-size: 24px
    }
}

.-tradewin .main-promo-nav__pic-wrap {
    width: 100%;
    margin: -10px 0 -15px;
    text-align: center
}

.main-promo-nav__pic-wrap.-desktop {
    display: block
}

@media screen and (max-width: 640px) {
    .main-promo-nav__pic-wrap.-desktop {
        display: none
    }
}

.main-promo-nav__pic-wrap.-mobile {
    display: none
}

@media screen and (max-width: 640px) {
    .main-promo-nav__pic-wrap.-mobile {
        display: block
    }
}

.-tradewin .main-promo-nav__pic-wrap img {
    display: inline-block;
    width: 100%;
    max-width: 640px
}

.main-promo-nav__descr {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.3;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .main-promo-nav__descr {
        font-size: 16px
    }
}

.-bonus .main-promo-nav__descr {
    font-size: 37px;
    margin-bottom: 25px
}

@media screen and (max-width: 768px) {
    .-bonus .main-promo-nav__descr {
        font-size: 24px
    }
}

.main-promo-nav__link {
    font-weight: 500
}

.-crypto .main-promo-nav__link {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .-crypto .main-promo-nav__link {
        font-size: 16px
    }
}

.main-promo-nav__link:after {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 15px;
    content: '';
    border-style: solid;
    border-width: 3px 5px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.main-fix-rate {
    display: block;
    padding: 40px 0 0;
    text-decoration: none;
    text-align: center;
    background: #119b53 url(/static/home/images/bg-ind-green.jpg) 50% top repeat-x;
    color: #fff
}

@media screen and (max-width: 768px) {
    .main-fix-rate {
        padding-top: 30px
    }
}

.main-fix-rate__descr {
    font-size: 46px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.2;
    text-transform: none
}

@media screen and (max-width: 768px) {
    .main-fix-rate__descr {
        font-size: 28px;
        line-height: 1.1
    }
}

.main-fix-rate__title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    letter-spacing: -.025em
}

@media screen and (max-width: 768px) {
    .main-fix-rate__title {
        font-size: 28px;
        margin-bottom: 5px
    }
}

.main-fix-rate__link {
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    padding-top: 7px;
    text-transform: uppercase;
    color: #fff;
    background: #dab96b
}

.main-banks-logo {
    min-height: 60px;
    padding: 9px 0 5px;
    background: #fff;
    color: #000
}

.main-banks-logo__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 45px
}

.main-banks-logo__item {
    margin: 10px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px
}

@media (max-width: 1000px) {
    .main-banks-logo__item {
        margin: 5px 10px
    }
}

.main-banks-logo__img {
    max-height: 40px
}

.main-banks-logo__name {
    max-width: 7em;
    margin-left: 10px;
    line-height: 1.2;
    font-size: 12px;
    text-align: left;
    color: #2c4cb0
}

.main-features-section {
    padding: 45px 0 55px;
    border-top: solid 1px #dddfe0
}

@media screen and (max-width: 1000px) {
    .main-features-section {
        padding: 25px 20px
    }
}

.main-features-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media screen and (max-width: 1000px) {
    .main-features-list {
        display: block
    }
}

.main-features-list__item {
    -ms-flex: 1 0;
    flex: 1 0;
    min-height: 60px;
    text-align: center
}

.main-features-list__item:not(:last-child) {
    border-right: solid 1px #dddfe0
}

@media screen and (max-width: 1000px) {
    .main-features-list__item:not(:last-child) {
        margin-bottom: 10px;
        border-right: none
    }
}

.main-features-list__val {
    font-size: 24px;
    color: #119b53
}

.main-index-promo {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 480px;
    padding-bottom: 30px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(41, 4, 32, .3);
    border-radius: 4px;
    background-color: #fff;
    color: #000
}

@media screen and (max-width: 1000px) {
    .main-index-promo {
        padding-bottom: 20px;
        margin: 0 auto 25px
    }
}

.main-index-promo__val {
    font-size: 37px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding-top: 20px;
    letter-spacing: -.02em;
    color: #fff
}

@media screen and (max-width: 1000px) {
    .main-index-promo__val {
        font-size: 24px;
        height: 60px;
        padding-top: 10px
    }
}

.-ind .main-index-promo__val {
    background: #119b53 url(/static/home/images/bg-ind-green.jpg) 50% top repeat-x
}

.-idn .main-index-promo__val {
    background: #119b53 url(/static/home/images/bg-idn-pattern.png) 50% 50% repeat;
    background-size: 85%
}

.main-index-promo__caption {
    position: relative;
    font-size: 13px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    padding-top: 5px;
    margin-bottom: 23px;
    text-transform: uppercase;
    color: #fff
}

.-idn .main-index-promo__caption, .-ind .main-index-promo__caption {
    background-color: #dab96b
}

.main-index-promo__title {
    font-size: 46px;
    font-weight: 400;
    padding: 0 20px;
    margin-bottom: 12px;
    text-transform: none;
    line-height: 1.1
}

@media screen and (max-width: 1000px) {
    .main-index-promo__title {
        font-size: 24px
    }
}

.main-index-promo__descr {
    font-size: 24px;
    font-weight: 400;
    padding: 0 20px;
    margin-bottom: 32px;
    letter-spacing: -.02em
}

@media screen and (max-width: 1000px) {
    .main-index-promo__descr {
        font-size: 16px
    }
}

.main-index-promo__link {
    z-index: 10;
    max-width: 150px
}

.scroll-cntrl {
    font-size: 10px;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 100;
    margin-top: -50px;
    padding-right: 25px;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
    color: #fff;
    transform: translate(-50%, 0)
}

.-rtl-mode .scroll-cntrl {
    padding-right: 0;
    padding-left: 25px
}

.scroll-cntrl:after, .scroll-cntrl:before {
    position: absolute;
    right: 0;
    top: 50%;
    width: 9px;
    height: 2px;
    content: '';
    transform-origin: 50% 50% 0;
    background: #fff
}

.-rtl-mode .scroll-cntrl:after, .-rtl-mode .scroll-cntrl:before {
    left: 0;
    right: auto
}

.scroll-cntrl:before {
    transform: rotate(-45deg)
}

.-rtl-mode .scroll-cntrl:before {
    margin-left: 5px
}

.scroll-cntrl:after {
    margin-right: 5px;
    transform: rotate(45deg)
}

.-rtl-mode .scroll-cntrl:after {
    margin-right: 0
}

@media screen and (max-width: 1000px) {
    .scroll-cntrl {
        display: none !important
    }
}

@media screen and (min-height: 800px) {
    .scroll-cntrl {
        top: auto;
        bottom: 40px;
        margin-top: 0
    }
}

@media screen and (max-height: 760px) {
    .scroll-cntrl {
        margin-top: -30px
    }
}

@media screen and (max-height: 740px) {
    .scroll-cntrl {
        display: none
    }
}

.welcome {
    background: #0283d9;
    background-size: cover;
    background-position: center;
    background-image: url(/static/home/images/bg_mob.png);
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .welcome {
        padding-top: 125px;
        background-image: url(/static/home/images/bg.png)
    }
}

.welcome__inner {
    position: relative;
    padding: 0 20px 60px
}

.welcome__inner.-custom {
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .welcome__inner {
        padding: 0 30px
    }
}

@media screen and (min-width: 1200px) {
    .welcome__inner {
        padding: 0
    }
}

.welcome__content {
    padding: 70px 0 0 0;
    max-width: 510px
}

@media screen and (min-width: 768px) {
    .welcome__content {
        padding: 70px 0 120px 0
    }
}

.welcome__date {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 10px
}

.welcome__date.-custom {
    text-align: center
}

@media screen and (min-width: 768px) {
    .welcome__date {
        font-size: 20px;
        line-height: 1.5
    }

    .welcome__date.-custom {
        text-align: left
    }
}

.welcome__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 12px;
    color: #fff;
    text-transform: none
}

@media screen and (min-width: 768px) {
    .welcome__title {
        font-size: 40px;
        line-height: 52px
    }
}

.welcome__title.-large {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    margin-bottom: 25px
}

@media screen and (min-width: 768px) {
    .welcome__title.-large {
        font-size: 56px;
        line-height: 69px;
        text-align: left;
        margin-bottom: 40px
    }
}

.welcome__text {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .welcome__text {
        font-size: 20px;
        line-height: 1.5
    }
}

.welcome__button {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 32px
}

.welcome__button.-main {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0
}

@media screen and (min-width: 768px) {
    .welcome__button {
        position: relative;
        left: 0;
        bottom: 0;
        right: 0
    }
}

.welcome__button a {
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .welcome__button a {
        max-width: 320px;
        width: 100%
    }
}

.welcome__image {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -60px;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.welcome__image-file {
    max-width: 130%
}

.welcome__image-file.-desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .welcome__image-file.-desktop {
        display: block
    }

    .welcome__image-file.-mobile {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .welcome__image {
        margin: 0;
        right: -300px;
        bottom: -10px;
        position: absolute
    }
}

@media screen and (min-width: 1200px) {
    .welcome__image {
        right: -100px
    }
}

.welcome__cards {
    display: -ms-flexbox;
    display: flex;
    margin: 36px 0;
    overflow-x: scroll;
    padding: 0 18px
}

@media screen and (min-width: 1000px) {
    .welcome__cards {
        padding: 0 30px;
        overflow-x: visible
    }
}

@media screen and (min-width: 1200px) {
    .welcome__cards {
        padding: 0
    }
}

.welcome__card {
    position: relative;
    background: #f7f7f7;
    box-shadow: 0 0 4px rgba(166, 168, 169, .4), 0 2px 4px rgba(25, 31, 46, .15);
    border-radius: 4px;
    transition: box-shadow .3s;
    width: 240px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px
}

@media screen and (min-width: 1100px) {
    .welcome__card {
        width: 260px
    }
}

@media screen and (min-width: 1300px) {
    .welcome__card {
        width: 296px;
        padding: 24px;
        margin-right: 16px
    }
}

.welcome__card:last-child {
    margin-right: 0
}

.welcome__card:hover {
    box-shadow: 0 0 14px rgba(166, 168, 169, .4), 0 2px 4px rgba(25, 31, 46, .15)
}

.welcome__card-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.welcome__card-image {
    width: 62px;
    margin-right: 20px
}

.welcome__card-name {
    letter-spacing: -.6px;
    font-size: 16px;
    line-height: 20px
}

@media screen and (min-width: 768px) {
    .welcome__card-name {
        font-size: 20px;
        line-height: 26px
    }
}

.m-app-promo {
    background-color: #171720;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    transition: all .3s;
    display: none;
    position: relative;
    padding-top: 60px
}

.m-app-promo.--light {
    background-color: #e5fbff
}

.m-app-promo.--light .m-app-promo__title {
    color: #4d5154
}

.m-app-promo.--light .m-app-promo__close-btn:after, .m-app-promo.--light .m-app-promo__close-btn:before {
    background-color: #4d5154
}

.m-app-promo.--visible {
    display: block
}

@media (min-width: 768px) {
    .m-app-promo.--visible {
        display: none
    }
}

.m-app-promo--closed {
    height: 0;
    opacity: 0;
    display: none
}

.m-app-promo__close-btn {
    position: absolute;
    top: var(--space_xs);
    right: var(--space_xs);
    width: 15px;
    height: 15px;
    cursor: pointer
}

.m-app-promo__close-btn::after, .m-app-promo__close-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f2f2f2;
    transform-origin: 50% 0
}

.m-app-promo__close-btn::after {
    transform: rotate(45deg) translateY(-50%)
}

.m-app-promo__close-btn::before {
    transform: rotate(-45deg) translateY(-50%)
}

.m-app-promo__container {
    position: relative;
    padding: var(--space_s) var(--space_m);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m-app-promo__rating {
    display: block
}

.m-app-promo__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: var(--space_s)
}

.m-app-promo__app-logo {
    margin-right: var(--space_xs)
}

.m-app-promo__title {
    font-size: var(--overline_font-size);
    font-weight: var(--overline_font-weight);
    font-family: var(--font_brand_font-family);
    margin: 0 0 calc(var(--space_xs) / 2);
    line-height: var(--overline_line-height);
    letter-spacing: var(--overline_letter-spacing);
    text-transform: uppercase;
    color: var(--color-white)
}

.m-app-promo__button {
    margin-right: var(--space_s)
}

.m-app-promo__button-img {
    display: none
}

.m-app-promo__button-img.--visible {
    display: block
}

.slider-ms {
    height: 730px;
    overflow: hidden
}

.slider-ms__controls {
    position: absolute;
    bottom: 16px;
    width: 366px;
    margin: 0 auto;
    left: 0;
    right: 0
}

@media screen and (max-width: 767px) {
    .slider-ms__controls {
        bottom: 114px;
        width: 170px
    }
}

.slider-ms__arrow {
    background: url(/static/home/images/swiper-arrow.svg) no-repeat center;
    opacity: .6;
    transition: all .3s ease
}

.slider-ms__arrow.-next {
    transform: rotate(180deg)
}

.slider-ms__arrow:hover {
    opacity: 1
}

@media screen and (max-width: 767px) {
    .slider-ms__arrow {
        display: none
    }
}

.slider-ms__pagination {
    padding: 0 58px
}

.slider-ms__pagination-item {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 78px;
    height: 42px;
    margin: 0 5px;
    cursor: pointer;
    vertical-align: top
}

.slider-ms__pagination-item.-active::after {
    right: 0;
    transition: all 5s linear
}

.slider-ms__pagination-item::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    content: '';
    background: #4d5154;
    transform: translate(0, -50%);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.slider-ms__pagination-item::after {
    position: absolute;
    left: 0;
    right: 100%;
    top: 50%;
    height: 2px;
    content: '';
    background: #fff;
    transform: translate(0, -50%)
}

@media screen and (max-width: 767px) {
    .slider-ms__pagination-item {
        height: 4px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms__pagination {
        padding: 0
    }
}

.slider-ms .trade-weekends {
    height: 100%
}

.slider-ms .trade-weekends__container {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1023px) {
    .slider-ms .trade-weekends__container {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .trade-weekends__mobile-picture {
        margin: -14px auto 0
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .trade-weekends__btn {
        position: absolute;
        bottom: 36px;
        left: 0;
        right: 0;
        margin: 0 18px;
        width: initial;
        max-width: 100%
    }
}

.slider-ms .ambasadors-promo {
    height: 100%;
    background-color: #010c48
}

.slider-ms .ambasadors-promo__inner {
    height: 100%;
    padding-top: 260px
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .ambasadors-promo__inner {
        padding-top: 130px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .ambasadors-promo__inner {
        padding-top: 88px;
        text-align: left
    }
}

.slider-ms .ambasadors-promo__title {
    max-width: 316px
}

@media screen and (max-width: 767px) {
    .slider-ms .ambasadors-promo__title {
        text-align: left
    }
}

.slider-ms .ambasadors-promo__text {
    max-width: 404px;
    margin-bottom: 36px
}

@media screen and (max-width: 767px) {
    .slider-ms .ambasadors-promo__text {
        text-align: left
    }
}

.slider-ms .ambasadors-promo__picture {
    bottom: 84px
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .ambasadors-promo__picture {
        width: 440px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .ambasadors-promo__picture {
        bottom: 120px;
        margin: 0 -10px;
        width: initial
    }
}

.slider-ms .ambasadors-promo__image {
    display: block
}

@media screen and (max-width: 767px) {
    .slider-ms .ambasadors-promo__image {
        max-width: 434px;
        margin: 0 auto
    }
}

.slider-ms .ambasadors-promo__btn.btn-t32 {
    min-width: 170px
}

@media screen and (max-width: 767px) {
    .slider-ms .ambasadors-promo__btn {
        position: absolute;
        bottom: 36px;
        left: 0;
        right: 0;
        margin: 0 18px;
        width: initial
    }
}

.slider-ms .free-swaps-screen {
    position: relative;
    height: 100%
}

.slider-ms .free-swaps-screen__inner {
    position: initial
}

@media screen and (max-width: 767px) {
    .slider-ms .free-swaps-screen__btn {
        position: absolute;
        bottom: 36px;
        left: 0;
        right: 0;
        margin: 0 18px;
        width: initial;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .free-swaps-screen {
        padding-top: 290px;
        background-size: 500px
    }
}

.slider-ms .octa11__container {
    padding-top: 280px
}

@media screen and (max-width: 1023px) {
    .slider-ms .octa11__container {
        padding-top: 170px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .octa11__container {
        padding-top: 84px;
        position: absolute;
        bottom: 0;
        top: 0
    }
}

.slider-ms .octa11__image {
    max-width: 760px;
    top: 174px
}

@media screen and (max-width: 767px) {
    .slider-ms .octa11__image {
        left: 52%;
        top: 0;
        max-width: initial
    }
}

.slider-ms .octa11__date {
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.01em;
    color: #ffa217
}

.slider-ms .octa11__descr {
    margin: 20px 0 44px 0;
    color: var(--color-white);
    font-size: 16px;
    line-height: 22px;
    max-width: 428px
}

.slider-ms .octa11__button {
    margin: 0;
    left: 0;
    transform: none
}

.slider-ms .octa11__button.btn-t32 {
    min-width: 170px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media screen and (max-width: 767px) {
    .slider-ms .octa11__button {
        position: absolute;
        bottom: 36px;
        left: 0;
        right: 0;
        margin: 0 18px;
        width: initial;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex
    }
}

.slider-ms .default-screen-slide {
    background-color: #010c48;
    height: 100%
}

.slider-ms .default-screen-slide__inner {
    padding-top: 248px;
    padding-bottom: 167px;
    position: relative
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .default-screen-slide__inner {
        padding-top: 130px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide__inner {
        padding-top: 84px;
        padding-bottom: 56px;
        height: 100%
    }
}

.slider-ms .default-screen-slide__article {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    color: var(--color-white);
    overflow-wrap: inherit;
    text-transform: initial;
    max-width: 410px;
    margin: 0 0 32px 0;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide__article {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px
    }
}

.slider-ms .default-screen-slide__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
    color: var(--color-white);
    max-width: 384px;
    margin: 0 0 40px 0;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide__text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.slider-ms .default-screen-slide__picture {
    position: absolute;
    right: 86px;
    top: 126px;
    max-width: 610px;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .default-screen-slide__picture {
        max-width: 520px;
        right: 0;
        top: 76px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide__picture {
        position: initial;
        margin: 0 auto -40px;
        display: block
    }
}

.slider-ms .default-screen-slide__image {
    width: 100%;
    display: block
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide__image {
        margin: 0 auto;
        max-width: 296px
    }
}

.slider-ms .default-screen-slide__button {
    z-index: 3
}

.slider-ms .default-screen-slide__button.btn-t32 {
    min-width: 170px
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide__button {
        bottom: 36px;
        margin: 0 18px;
        left: 0;
        right: 0;
        position: absolute;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .default-screen-slide {
        height: 100%
    }
}

.slider-ms .dep-bonus-ms {
    background-color: #010c48
}

.slider-ms .dep-bonus-ms__inner {
    padding-top: 220px;
    padding-bottom: 110px;
    position: relative
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__inner {
        padding-top: 104px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__inner {
        padding-top: 84px;
        padding-bottom: 56px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }
}

.slider-ms .dep-bonus-ms__article {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    margin: 0 0 40px 0;
    text-transform: inherit;
    color: var(--color-white);
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__article {
        font-size: 34px;
        line-height: 48px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__article {
        font-size: 32px;
        line-height: 40px;
        margin: 0;
        -ms-flex-order: 1;
        order: 1
    }
}

.slider-ms .dep-bonus-ms__advantages {
    margin-bottom: 56px;
    padding: 0;
    position: relative;
    z-index: 2
}

.slider-ms .dep-bonus-ms__advantages-point {
    padding-left: 101px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 333px;
    min-height: 38px;
    box-sizing: content-box
}

.slider-ms .dep-bonus-ms__advantages-point:not(:last-child) {
    margin-bottom: 34px
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__advantages-point:not(:last-child) {
        margin-bottom: 22px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__advantages-point:not(:last-child) {
        margin-bottom: 21px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__advantages-point {
        max-width: 236px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__advantages-point {
        padding-left: 56px;
        min-height: 16px
    }
}

.slider-ms .dep-bonus-ms__advantages-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-white);
    margin: 0;
    position: relative;
    z-index: 2
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__advantages-text {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__advantages-text {
        font-size: 14px;
        line-height: 130%
    }
}

.slider-ms .dep-bonus-ms__advantages-icon {
    position: absolute;
    left: 0;
    width: 65px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    display: block;
    z-index: 2
}

.slider-ms .dep-bonus-ms__advantages-icon.icon1 {
    background-image: url(/static/home/images/50bonus-advantage1.png)
}

.slider-ms .dep-bonus-ms__advantages-icon.icon2 {
    background-image: url(/static/home/images/50bonus-advantage2.png)
}

.slider-ms .dep-bonus-ms__advantages-icon.icon3 {
    background-image: url(/static/home/images/50bonus-advantage3.png)
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__advantages-icon {
        width: 48px;
        height: 44px;
        background-size: 48px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__advantages {
        margin-bottom: 38px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__advantages {
        margin: 0;
        -ms-flex-order: 3;
        order: 3
    }
}

.slider-ms .dep-bonus-ms__picture {
    position: absolute;
    right: 0;
    top: 140px;
    max-width: 728px;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms__picture {
        max-width: 480px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__picture {
        -ms-flex-order: 2;
        order: 2;
        position: initial;
        max-width: inherit;
        margin: 0 -20px 12px
    }
}

.slider-ms .dep-bonus-ms__image {
    width: 100%;
    display: block
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__image {
        max-width: 426px;
        margin: 0 auto
    }
}

.slider-ms .dep-bonus-ms__button {
    z-index: 3
}

.slider-ms .dep-bonus-ms__button.btn-t32 {
    min-width: 170px
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms__button {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 36px;
        margin: 0 18px;
        max-width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms .dep-bonus-ms {
        height: 100%
    }
}

@media screen and (max-width: 767px) {
    .slider-ms .dep-bonus-ms {
        height: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-ms {
        height: 548px
    }
}

@media screen and (max-width: 767px) {
    .slider-ms {
        height: 656px
    }
}

.introOcta10 {
    overflow: hidden;
    color: #fff;
    position: relative;
    margin-top: -60px
}

@media screen and (max-width: 767px) {
    .introOcta10__btn {
        display: none !important
    }
}

.introOcta10__footer {
    display: none;
    position: absolute;
    z-index: 30;
    bottom: 10px;
    width: 100%;
    max-width: 100%;
    padding: 20px
}

.introOcta10__footer-btn {
    max-width: 100%;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .introOcta10__footer {
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.introOcta10__img {
    display: none;
    position: relative;
    z-index: 10;
    margin-top: -65px;
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .introOcta10__img {
        display: block;
        width: 100%
    }
}

.introOcta10__container {
    position: relative;
    z-index: 20
}

.introOcta10__outer {
    padding: 322px 0 210px 0
}

@media screen and (max-width: 1024px) {
    .introOcta10__outer {
        padding: 200px 0 200px 0
    }
}

@media screen and (max-width: 991px) {
    .introOcta10__outer {
        padding: 122px 0 488px 0
    }
}

@media screen and (max-width: 1000px) {
    .introOcta10__outer {
        padding: 122px 20px 488px 20px
    }
}

@media screen and (max-width: 767px) {
    .introOcta10__outer {
        padding: 0 20px
    }
}

.introOcta10__inner {
    background-image: url(/static/home/images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .introOcta10__inner {
        padding: 94px 0 0 0;
        background-image: url(/static/home/images/bg-2.jpg)
    }
}

.introOcta10__box {
    max-width: 510px;
    position: relative;
    z-index: 20
}

.-rtl-mode .introOcta10__box {
    direction: rtl;
    max-width: 390px
}

@media screen and (max-width: 1024px) {
    .introOcta10__box {
        max-width: 470px
    }
}

.introOcta10__date {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .introOcta10__date {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 18px
    }
}

.introOcta10__title {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    margin-bottom: 24px;
    text-transform: inherit
}

@media screen and (max-width: 768px) {
    .-rtl-mode .introOcta10__title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 767px) {
    .introOcta10__title {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 12px
    }
}

.introOcta10__list {
    padding-left: 20px;
    margin: 0
}

.-rtl-mode .introOcta10__list {
    padding-left: 0;
    padding-right: 20px
}

.introOcta10__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 60px
}

@media screen and (max-width: 767px) {
    .introOcta10__text-item {
        margin-bottom: 12px
    }
}

@media screen and (max-width: 767px) {
    .introOcta10__text {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 1000px) {
    .introOcta10 {
        margin-top: 0
    }
}

.gifts {
    position: absolute;
    top: 5%;
    right: -26%
}

@media screen and (max-width: 1279px) {
    .gifts__img {
        width: 1200px
    }
}

@media screen and (max-width: 1024px) {
    .gifts__img {
        width: 900px
    }
}

@media screen and (max-width: 1440px) {
    .gifts {
        right: -18%
    }
}

@media screen and (max-width: 1200px) {
    .gifts {
        right: -20%
    }
}

@media screen and (max-width: 1279px) {
    .gifts {
        top: 12%;
        right: -18%
    }
}

@media screen and (max-width: 991px) {
    .gifts {
        top: 36%;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .gifts {
        display: none
    }
}

@keyframes pulseLarge {
    0% {
        transform: scale(1);
        background-color: #fff
    }
    50% {
        transform: scale(1.5);
        background-color: rgba(255, 255, 255, .6)
    }
    100% {
        transform: scale(1);
        background-color: #fff
    }
}

.gift {
    position: absolute
}

.gift__inst {
    width: 25px;
    height: 25px;
    -ms-flex: none;
    flex: none;
    margin-right: 12px
}

.gift._phone {
    left: 15%;
    bottom: 25%
}

.gift._phone .gift__point {
    top: 72px;
    left: 82px
}

.gift._phone .gift__text {
    left: 100px;
    top: 120px;
    background: linear-gradient(45deg, #00dcff, #d1f7fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 1024px) {
    .gift._phone {
        left: 9%
    }
}

.gift._gift2 {
    left: 38%;
    bottom: 13%
}

.gift._gift2 .gift__point {
    top: 80px;
    left: 95px
}

.gift._gift2 .gift__text {
    left: 140px;
    top: 50px
}

.gift._car {
    left: 46%;
    bottom: 60%
}

.gift._car .gift__point {
    top: 145px;
    left: 15px
}

.gift._car .gift__text {
    right: 125px;
    top: 120px;
    text-align: right;
    background: linear-gradient(45deg, #00dcff, #d1f7fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gift._car .gift__text._th {
    right: 120px;
    top: 162px
}

@media screen and (max-width: 1024px) {
    .gift._car .gift__text._th {
        right: 114px;
        top: 114px
    }
}

@media screen and (max-width: 1024px) {
    .gift._car .gift__img {
        width: 245px
    }
}

.gift._award {
    right: 29%;
    bottom: 68%
}

.gift._award .gift__point {
    top: 43px;
    left: 125px
}

@media screen and (max-width: 1024px) {
    .gift._award .gift__point {
        left: 45px
    }
}

.gift._award .gift__text {
    left: 180px;
    top: -5px;
    width: 155px
}

@media screen and (max-width: 1632px) {
    .gift._award .gift__text {
        left: -39px;
        top: -66px;
        width: 155px
    }
}

@media screen and (max-width: 1024px) {
    .gift._award .gift__text {
        left: -36px;
        top: -41px
    }
}

@media screen and (max-width: 1024px) {
    .gift._award .gift__img {
        width: 100px
    }
}

.gift._gift1 {
    right: 30%;
    bottom: 30%
}

.gift._gift1 .gift__point {
    top: 50px;
    left: 60px
}

.gift._gift1 .gift__text {
    left: 76px;
    top: 105px
}

@media screen and (max-width: 1366px) {
    .gift._gift1 .gift__text {
        left: -87px;
        top: 168px
    }
}

.gift._ten {
    width: 150px;
    height: 150px;
    right: 44%;
    top: 15%
}

.gift._ten .gift__point {
    top: 50px;
    left: 60px
}

.gift._ten .gift__text {
    left: -230px;
    top: 26px;
    text-align: right
}

@media screen and (max-width: 991px) {
    .gift._ten .gift__text {
        left: -241px;
        top: 96px
    }
}

@media screen and (max-width: 991px) {
    .gift._ten {
        top: 30%;
        right: 50%
    }
}

.gift__img {
    position: absolute
}

.gift__text {
    display: none;
    position: absolute;
    width: 200px;
    background: linear-gradient(45deg, #00dcff, #0d6ffb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px
}

.-rtl-mode .gift__text {
    direction: rtl
}

.gift__point {
    position: relative;
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer
}

.gift__point::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 50%;
    transform: scale(1);
    background-color: #fff;
    margin: -9px auto 0;
    animation: pulseSmall 2s infinite
}

.gift__point::after {
    content: '';
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 50%;
    margin: -13px auto 0;
    background-color: rgba(255, 255, 255, .6);
    transform: scale(1);
    animation: pulseLarge 2s infinite
}

.gift._show .gift__text {
    display: -ms-flexbox;
    display: flex
}

body._hidden {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    visibility: hidden;
    display: none;
    width: 100%;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2)
}

.modal-container {
    position: relative;
    padding: 24px 24px 50px;
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    max-width: 600px
}

.modal-container__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 4
}

.modal-container__close-ico {
    opacity: .3
}

.-rtl-mode .modal-container__close {
    left: 16px;
    right: initial
}

@media screen and (max-width: 768px) {
    .modal-container__close {
        position: absolute;
        top: 10px;
        right: 12px
    }
}

.modal-container__body-article {
    font-size: 15px;
    line-height: 20px;
    padding-right: 60px;
    margin-bottom: 24px;
    font-weight: 500;
    color: #000
}

.-rtl-mode .modal-container__body-article {
    padding-left: 60px;
    padding-right: 0
}

@media screen and (min-width: 1000px) {
    .modal-container__body-article {
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (max-width: 768px) {
    .modal-container__body-article {
        padding-right: 0
    }
}

.modal-container__body-inner {
    font-size: 12px;
    line-height: 150%
}

.modal-container__body-inner ul {
    margin-bottom: 20px;
    padding-left: 20px
}

.modal-container__body-inner ul li {
    list-style: disc;
    margin-bottom: 16px
}

.modal-container__body-inner ul li:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1000px) {
    .modal-container__body-inner {
        font-size: 16px;
        line-height: 120%
    }
}

.-rtl-mode .modal-container__body {
    direction: rtl
}

@media screen and (max-width: 768px) {
    .modal-container__body {
        max-height: 62vh;
        overflow-y: auto;
        overflow-x: hidden;
        margin: 0 -18px;
        padding: 0 18px
    }
}

@media screen and (max-width: 768px) {
    .modal-container {
        padding: 42px 18px 18px;
        border-radius: 8px;
        background-color: #fff;
        width: 100%;
        max-height: 70vh;
        overflow: hidden;
        margin: 0 14px
    }
}

.modal._show {
    visibility: visible;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    z-index: 9999
}

.modal._give .modal-container {
    background: #212529;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, .1);
    color: #fff
}

.modal._give .modal-container__close-ico {
    fill: #a6a8a9
}

.modal._give .modal-container__body-article {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px
}

.modal._give .modal-container__body-inner {
    font-size: 16px;
    line-height: 150%
}

.modal._give .modal-container__item-b {
    font-weight: 500;
    color: #00dcff
}

.ambasadors-promo {
    background-color: #040417;
    z-index: 1;
    overflow: hidden
}

.ambasadors-promo__inner {
    padding-top: 252px;
    padding-bottom: 131px;
    position: relative;
    z-index: 1
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ambasadors-promo__inner {
        padding: 130px 30px;
        max-height: 540px
    }
}

@media screen and (max-width: 767px) {
    .ambasadors-promo__inner {
        max-height: initial;
        padding: 88px 18px 36px 18px;
        overflow: hidden
    }
}

.ambasadors-promo__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    max-width: 396px;
    margin: 0 0 24px 0;
    text-transform: initial
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ambasadors-promo__title {
        font-size: 32px;
        max-width: 310px
    }
}

@media screen and (max-width: 767px) {
    .ambasadors-promo__title {
        font-size: 32px;
        line-height: 40px;
        max-width: 100%;
        margin-bottom: 12px;
        text-align: center
    }
}

.ambasadors-promo__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 48px;
    max-width: 459px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ambasadors-promo__text {
        font-size: 14px;
        line-height: 22px;
        max-width: 290px
    }
}

@media screen and (max-width: 767px) {
    .ambasadors-promo__text {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 277px;
        max-width: 100%;
        text-align: center
    }
}

.ambasadors-promo__picture {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 40px;
    width: 630px;
    max-height: 456px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ambasadors-promo__picture {
        width: 500px;
        max-height: 490px;
        right: 0
    }
}

@media screen and (max-width: 767px) {
    .ambasadors-promo__picture {
        display: block;
        left: 0;
        right: 0;
        bottom: 125px;
        margin: 0 auto;
        width: 326px
    }
}

.ambasadors-promo__image {
    width: 100%
}

@media screen and (max-width: 767px) {
    .ambasadors-promo__btn {
        width: 100%;
        max-width: 100%
    }
}

.trade-weekends {
    background: #001631;
    color: #fff
}

.-rtl-mode .trade-weekends {
    direction: rtl
}

.trade-weekends__container {
    padding-top: 108px;
    padding-bottom: 54px
}

@media screen and (min-width: 1000px) {
    .trade-weekends__container {
        padding-top: 18.5%;
        padding-bottom: 8.2%;
        background: url(/static/home/images/fs-trade-weekends-desk.png) top 167px right/50% auto no-repeat
    }
}

@media screen and (min-width: 1240px) {
    .trade-weekends__container {
        padding-top: 252px;
        padding-bottom: 112px;
        background-size: 59% auto
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .trade-weekends__container {
        background-position: top 167px left
    }
}

@media screen and (min-width: 1000px) {
    .trade-weekends__content {
        width: 48%
    }
}

@media screen and (min-width: 1240px) {
    .trade-weekends__content {
        max-width: 400px
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .trade-weekends__content {
        margin-left: auto
    }
}

.trade-weekends__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-transform: none;
    padding: 0 20px
}

@media screen and (min-width: 1000px) {
    .trade-weekends__title {
        font-size: 40px;
        line-height: 48px;
        text-align: left;
        padding: 0
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .trade-weekends__title {
        text-align: right
    }
}

.trade-weekends__text {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    min-width: 284px;
    margin: 24px auto 0;
    padding: 0 20px
}

@media screen and (min-width: 1000px) {
    .trade-weekends__text {
        text-align: left;
        padding: 0
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .trade-weekends__text {
        text-align: right
    }
}

.trade-weekends__mobile-picture {
    width: 100%;
    max-width: 400px;
    margin: 22px auto 0
}

@media screen and (min-width: 1000px) {
    .trade-weekends__mobile-picture {
        display: none
    }
}

.trade-weekends__mobile-picture-img {
    display: block;
    width: 100%
}

.trade-weekends__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 250px;
    margin: 5px auto 0;
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (min-width: 1000px) {
    .trade-weekends__btn {
        display: -ms-inline-flexbox;
        display: inline-flex;
        max-width: none;
        margin-top: 20px;
        margin-left: 0;
        padding: 0 32px
    }
}

@media screen and (min-width: 1240px) {
    .trade-weekends__btn {
        margin-top: 48px
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .trade-weekends__btn {
        margin-left: auto;
        margin-right: 0
    }
}

.deposite-bonus-promo {
    background-color: #000;
    height: 100%
}

.deposite-bonus-promo__inner {
    padding: 172px 20px 78px;
    position: relative;
    height: 100%
}

@media (min-width: 768px) and (max-width: 1023px) {
    .deposite-bonus-promo__inner {
        padding: 130px 30px
    }
}

@media screen and (max-width: 767px) {
    .deposite-bonus-promo__inner {
        padding: 88px 18px 36px
    }
}

.deposite-bonus-promo__picture {
    position: absolute;
    bottom: 56px;
    right: 0;
    z-index: 1
}

@media (min-width: 768px) and (max-width: 1023px) {
    .deposite-bonus-promo__picture {
        max-width: 440px;
        bottom: 162px;
        right: 2px
    }
}

@media screen and (max-width: 767px) {
    .deposite-bonus-promo__picture {
        bottom: 105px;
        left: 0;
        right: 0;
        max-width: 274px;
        margin: 0 auto
    }
}

.deposite-bonus-promo__article {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 36px 0;
    color: #fff;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .deposite-bonus-promo__article {
        font-size: 32px;
        line-height: 40px;
        max-width: 284px;
        margin: 0 auto 24px;
        text-align: center
    }
}

.deposite-bonus-promo__advantages {
    margin-bottom: 48px;
    position: relative;
    z-index: 2;
    padding: 0;
    list-style: none
}

.deposite-bonus-promo__advantages-point {
    padding-left: 60px;
    max-width: 264px;
    box-sizing: content-box;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 32px;
    min-height: 32px
}

.deposite-bonus-promo__advantages-point.-icon1 {
    background-image: url(/static/home/images/dep-bonus-icon1.svg)
}

.deposite-bonus-promo__advantages-point.-icon2 {
    background-image: url(/static/home/images/dep-bonus-icon2.svg)
}

.deposite-bonus-promo__advantages-point.-icon3 {
    background-image: url(/static/home/images/dep-bonus-icon3.svg)
}

.deposite-bonus-promo__advantages-point:not(:last-child) {
    margin-bottom: 28px
}

@media screen and (max-width: 767px) {
    .deposite-bonus-promo__advantages-point:not(:last-child) {
        margin-bottom: 18px
    }
}

@media screen and (max-width: 767px) {
    .deposite-bonus-promo__advantages-point {
        font-size: 12px;
        line-height: 20px;
        padding-left: 50px
    }
}

.deposite-bonus-promo__btn {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .deposite-bonus-promo__btn {
        position: absolute;
        bottom: 36px;
        left: 0;
        right: 0;
        margin: 0 18px;
        width: initial;
        max-width: 100%
    }
}

.promo25pairs {
    position: relative;
    background: #001631;
    color: #fff;
    overflow: hidden;
    z-index: 1
}

.-rtl-mode .promo25pairs {
    direction: rtl
}

.promo25pairs__container {
    padding-top: 108px;
    padding-bottom: 54px
}

@media screen and (min-width: 1000px) {
    .promo25pairs__container {
        padding-top: 18.5%;
        padding-bottom: 8.2%;
        background: url(/static/home/images/promo25pairs-desk.jpg) top 59px right/71% auto no-repeat
    }
}

@media screen and (min-width: 1240px) {
    .promo25pairs__container {
        padding-top: 252px;
        padding-bottom: 112px;
        background-size: 76% auto
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .promo25pairs__container {
        background-position: top 59px left
    }
}

@media screen and (min-width: 1000px) {
    .promo25pairs__content {
        width: 48%
    }
}

@media screen and (min-width: 1240px) {
    .promo25pairs__content {
        max-width: 400px
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .promo25pairs__content {
        margin-left: auto
    }
}

.promo25pairs__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-transform: none;
    padding: 0 20px
}

@media screen and (min-width: 1000px) {
    .promo25pairs__title {
        font-size: 40px;
        line-height: 48px;
        text-align: left;
        padding: 0
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .promo25pairs__title {
        text-align: right
    }
}

.promo25pairs__text {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    min-width: 284px;
    margin: 24px auto 0;
    padding: 0 20px
}

@media screen and (min-width: 1000px) {
    .promo25pairs__text {
        text-align: left;
        padding: 0
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .promo25pairs__text {
        text-align: right
    }
}

.promo25pairs__mobile-picture {
    width: 100%;
    margin: -66px auto 0
}

@media screen and (min-width: 1000px) {
    .promo25pairs__mobile-picture {
        display: none
    }
}

.promo25pairs__mobile-picture-img {
    position: relative;
    left: 50%;
    display: block;
    width: 100%;
    min-width: 470px;
    max-width: 530px;
    transform: translateX(-50%);
    z-index: -1
}

.-rtl-mode .promo25pairs__mobile-picture-img {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

.promo25pairs__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 250px;
    margin: 5px auto 0;
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (min-width: 1000px) {
    .promo25pairs__btn {
        display: -ms-inline-flexbox;
        display: inline-flex;
        max-width: none;
        margin-top: 20px;
        margin-left: 0;
        padding: 0 32px
    }
}

@media screen and (min-width: 1240px) {
    .promo25pairs__btn {
        margin-top: 48px
    }
}

@media screen and (min-width: 1000px) {
    .-rtl-mode .promo25pairs__btn {
        margin-left: auto;
        margin-right: 0
    }
}

.slider-ms__slide > .promo25pairs {
    height: 100%
}

.pk-day {
    position: relative;
    padding-top: 77px;
    padding-bottom: 42px;
    overflow: hidden;
    background: url(/static/home/images/pk-day-image-mob.jpg);
    background-color: #000;
    background-position: bottom right -170px;
    background-size: 600px auto;
    background-repeat: no-repeat;
    color: #fff;
    z-index: 1
}

@media screen and (min-width: 500px) {
    .pk-day {
        background-position: bottom right -170px
    }
}

@media screen and (min-width: 768px) {
    .pk-day {
        background-position: bottom -70px right -170px
    }
}

@media screen and (min-width: 1000px) {
    .pk-day {
        padding-top: 220px
    }
}

@media screen and (min-width: 1240px) {
    .pk-day {
        padding-top: 330px;
        padding-bottom: 300px;
        background: #000
    }
}

.-rtl-mode .pk-day {
    direction: rtl;
    background-position: bottom left -170px
}

@media screen and (min-width: 768px) {
    .-rtl-mode .pk-day {
        background-position: bottom -70px left -170px
    }
}

@media screen and (min-width: 1240px) {
    .pk-day::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1410px;
        height: 855px;
        background: url(/static/home/images/pk-day-image.jpg) center/cover no-repeat;
        z-index: -1;
        transform: translateX(-19%)
    }
}

@media screen and (min-width: 1240px) {
    .-rtl-mode .pk-day::before {
        left: auto;
        right: 50%;
        transform: translateX(19%)
    }
}

@media screen and (max-width: 1000px) {
    .pk-day__wrapper {
        padding-left: 18px;
        padding-right: 18px
    }
}

.pk-day__intro {
    max-width: 500px;
    margin-left: 0
}

@media screen and (min-width: 1240px) {
    .pk-day__intro {
        max-width: 610px
    }
}

.pk-day__date {
    text-transform: uppercase
}

@media screen and (min-width: 1240px) {
    .pk-day__date {
        font-size: 20px;
        line-height: 28px
    }
}

.pk-day__title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: none;
    margin-top: 13px;
    margin-bottom: 0
}

@media screen and (min-width: 1240px) {
    .pk-day__title {
        font-size: 52px;
        line-height: 62px
    }
}

.pk-day__description {
    margin-top: 8px;
    margin-bottom: 2%;
    max-width: 460px
}

@media screen and (min-width: 1240px) {
    .pk-day__description {
        font-size: 20px;
        line-height: 28px;
        margin-top: 21px
    }
}

.pk-day__btn {
    width: 100%;
    max-width: 320px;
    margin-top: 288px
}

@media screen and (min-width: 768px) {
    .pk-day__btn {
        margin-top: 50px
    }
}

@media screen and (min-width: 1000px) {
    .pk-day__btn {
        max-width: 250px;
        margin-top: 28px
    }
}

@media screen and (min-width: 1240px) {
    .pk-day__btn {
        margin-top: 44px
    }
}

.ramadan22-promo {
    position: relative;
    padding-top: 376px;
    padding-bottom: 40px;
    z-index: 1;
    background-color: #000
}

@media screen and (min-width: 955px) {
    .ramadan22-promo {
        padding-top: 150px
    }
}

@media screen and (min-width: 1000px) {
    .ramadan22-promo {
        padding-top: 210px
    }
}

@media screen and (min-width: 1200px) {
    .ramadan22-promo {
        min-height: 726px;
        padding-top: 210px
    }
}

.ramadan22-promo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/static/home/images/ramadan22-promo-bg.jpg) right -210px top/auto 376px no-repeat;
    z-index: -1
}

@media screen and (min-width: 955px) {
    .ramadan22-promo::before {
        background-size: auto 100%;
        background-position: center bottom
    }
}

.-rtl-mode .ramadan22-promo::before {
    transform: scaleX(-1)
}

.-rtl-mode .ramadan22-promo {
    direction: rtl
}

.ramadan22-promo__container {
    padding-left: 20px;
    padding-right: 20px
}

.ramadan22-promo__content {
    color: #fff;
    max-width: 508px
}

.ramadan22-promo__title {
    font-size: 24px;
    line-height: 31px;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .ramadan22-promo__title {
        font-size: 28px;
        line-height: 36px
    }
}

@media screen and (min-width: 1200px) {
    .ramadan22-promo__title {
        font-size: 40px;
        line-height: 48px
    }
}

.ramadan22-promo__description {
    margin-top: 12px
}

@media screen and (min-width: 1200px) {
    .ramadan22-promo__description {
        margin-top: 16px
    }
}

.ramadan22-promo__description-text {
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 1200px) {
    .ramadan22-promo__description-text {
        font-size: 20px;
        line-height: 28px
    }
}

.ramadan22-promo__btn {
    font-size: 15px;
    margin-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    max-width: 450px;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .ramadan22-promo__btn {
        width: auto;
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width: 1200px) {
    .ramadan22-promo__btn {
        margin-top: 36px
    }
}

.ramadan22-promo._ms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 0;
    padding-bottom: 36px
}

@media screen and (min-width: 768px) {
    .ramadan22-promo._ms {
        padding-top: 150px
    }
}

@media screen and (min-width: 1000px) {
    .ramadan22-promo._ms {
        padding-top: 210px
    }
}

@media screen and (min-width: 1200px) {
    .ramadan22-promo._ms {
        min-height: auto;
        padding-top: 160px
    }
}

.ramadan22-promo._ms::before {
    opacity: .7
}

@media screen and (min-width: 768px) {
    .ramadan22-promo._ms::before {
        background-size: auto 100%;
        opacity: 1
    }
}

.ramadan22-promo._ms .ramadan22-promo__container {
    margin-top: auto;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .ramadan22-promo._ms .ramadan22-promo__container {
        margin-top: 0
    }
}

.free-swaps-screen {
    padding: 214px 0 222px;
    background-color: #000;
    background-color: #010101;
    background-image: url(/static/home/images/swap-free-picture.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: inherit
}

@media screen and (max-width: 1023px) {
    .free-swaps-screen__inner {
        padding-left: 45px;
        padding-right: 45px
    }
}

@media screen and (max-width: 767px) {
    .free-swaps-screen__inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

.free-swaps-screen__article {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-transform: inherit;
    color: #fff;
    margin: 0 0 17px 0;
    max-width: 316px
}

@media screen and (max-width: 767px) {
    .free-swaps-screen__article {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 8px 0;
        max-width: 228px
    }
}

.free-swaps-screen__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #a6a8a9;
    margin-bottom: 38px;
    max-width: 327px
}

@media screen and (max-width: 767px) {
    .free-swaps-screen__text {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px;
        max-width: 232px
    }
}

.-rtl-mode .free-swaps-screen {
    direction: rtl;
    background-image: url(/static/home/images/swap-free-picture-pk.jpg)
}

@media screen and (max-width: 767px) {
    .-rtl-mode .free-swaps-screen {
        background-image: url(/static/home/images/swap-free-picture-mobile.jpg)
    }
}

@media screen and (max-width: 767px) {
    .free-swaps-screen {
        padding-top: 400px;
        padding-bottom: 88px;
        background-image: url(/static/home/images/swap-free-picture-mobile.jpg);
        background-position: top center
    }
}

.m-app-promo.--visible ~ .friendship-month-screen::before {
    display: none
}

@media screen and (max-width: 767px) {
    .swiper-container-android .friendship-month-screen::before {
        display: none
    }
}

.friendship-month-screen {
    padding: 203px 0 101px;
    background-color: #f2f7ff;
    overflow: hidden
}

@media screen and (max-width: 1240px) {
    .friendship-month-screen::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 60px;
        background: rgba(0, 0, 0, .9);
        z-index: 1
    }
}

.friendship-month-screen__inner {
    position: relative
}

@media screen and (max-width: 1240px) {
    .friendship-month-screen__inner {
        padding: 0 30px
    }
}

@media screen and (max-width: 767px) {
    .friendship-month-screen__inner {
        padding: 0 18px
    }
}

.friendship-month-screen__date {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #212529;
    margin-bottom: 24px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .friendship-month-screen__date {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px
    }
}

.friendship-month-screen__article {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #212529;
    max-width: 492px;
    margin: 0 0 20px 0;
    text-transform: initial;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1240px) {
    .friendship-month-screen__article {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 15px 0;
        max-width: 340px
    }
}

@media screen and (max-width: 767px) {
    .friendship-month-screen__article {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -.5px;
        margin: 0 0 10px 0;
        max-width: 100%
    }
}

.friendship-month-screen__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    max-width: 440px;
    margin-bottom: 36px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1240px) {
    .friendship-month-screen__text {
        max-width: 346px
    }
}

@media screen and (max-width: 767px) {
    .friendship-month-screen__text {
        font-size: 14px;
        line-height: 18px;
        max-width: 100%;
        margin: 0 0 34px 0
    }
}

.friendship-month-screen__image {
    width: 100%
}

.friendship-month-screen__picture {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -106px
}

@media screen and (max-width: 880px) {
    .friendship-month-screen__picture {
        right: -120px
    }
}

@media screen and (max-width: 767px) {
    .friendship-month-screen__picture {
        position: initial;
        display: block;
        text-align: center
    }
}

.friendship-month-screen__btn {
    position: relative;
    z-index: 2
}

@media screen and (max-width: 767px) {
    .friendship-month-screen__btn {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 1025px) {
    .friendship-month-screen {
        padding: 146px 0 101px
    }
}

@media screen and (max-width: 767px) {
    .friendship-month-screen {
        padding: 94px 0 36px
    }
}

.octa11 {
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    position: relative;
    min-height: 100%;
    z-index: 1;
    background: #010c48;
    overflow: hidden
}

.-rtl-mode .octa11 {
    direction: rtl
}

.octa11__container {
    padding: 85px 18px 26px;
    padding-top: 85px;
    padding-bottom: 26px
}

@media screen and (max-width: 1023px) {
    .octa11__container {
        max-width: 700px
    }
}

@media screen and (max-width: 767px) {
    .octa11__container {
        max-width: 500px
    }
}

@media screen and (min-width: 1024px) {
    .octa11__container {
        position: relative;
        padding-top: 240px;
        padding-bottom: 96px
    }
}

@media screen and (min-width: 1024px) {
    .slider-ms__slide .octa11__container {
        padding-top: 280px
    }
}

.octa11__date {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff
}

@media screen and (min-width: 768px) {
    .octa11__date {
        font-size: 16px
    }
}

@media screen and (min-width: 1024px) {
    .octa11__date {
        font-size: 18px
    }
}

.octa11__title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
    text-transform: none;
    max-width: 550px;
    margin-top: 15px;
    margin-left: 0;
    overflow-wrap: inherit
}

@media screen and (max-width: 767px) {
    .slider-ms__slide .octa11__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (min-width: 768px) {
    .octa11__title {
        font-size: 40px;
        max-width: 450px
    }
}

@media screen and (min-width: 1024px) {
    .octa11__title {
        font-size: 48px;
        max-width: 515px
    }
}

@media screen and (min-width: 1366px) {
    .octa11__title {
        font-size: 64px;
        max-width: 690px
    }
}

.-rtl-mode .octa11__title {
    text-align: right;
    margin-left: auto;
    margin-right: 0
}

.octa11__descr {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 11px;
    color: #ffa217
}

@media screen and (min-width: 768px) {
    .octa11__descr {
        font-size: 18px
    }
}

@media screen and (min-width: 1024px) {
    .octa11__descr {
        max-width: 444px
    }
}

@media screen and (min-width: 1366px) {
    .octa11__descr {
        font-size: 24px
    }
}

@media screen and (min-width: 768px) {
    .slider-ms__slide .octa11__descr {
        max-width: 370px
    }
}

@media screen and (min-width: 1024px) {
    .slider-ms__slide .octa11__descr {
        max-width: 428px
    }
}

.octa11__image {
    position: relative;
    left: 56%;
    width: 568px;
    margin-top: -24px;
    transform: translateX(-50%);
    z-index: -1
}

@media screen and (min-width: 1024px) {
    .octa11__image {
        position: absolute;
        top: 220px;
        right: -30px;
        left: auto;
        width: 68%;
        transform: none
    }
}

@media screen and (min-width: 1366px) {
    .octa11__image {
        position: absolute;
        top: 210px;
        right: -110px
    }
}

.-rtl-mode .octa11__image {
    right: 45%;
    left: auto;
    text-align: right;
    transform: translateX(50%)
}

@media screen and (min-width: 1024px) {
    .-rtl-mode .octa11__image {
        right: 66%
    }
}

@media screen and (min-width: 1366px) {
    .-rtl-mode .octa11__image {
        right: 70%
    }
}

.octa11__image-pic {
    display: block;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .octa11__image-pic._mob {
        display: none
    }
}

.octa11__image-pic._desk {
    display: none
}

@media screen and (min-width: 1024px) {
    .octa11__image-pic._desk {
        display: block
    }
}

.slider-ms__slide .octa11__image {
    top: -28px;
    width: 450px;
    margin-bottom: 6px
}

@media screen and (min-width: 378px) {
    .slider-ms__slide .octa11__image {
        margin-bottom: 28px
    }
}

@media screen and (min-width: 768px) {
    .slider-ms__slide .octa11__image {
        position: absolute;
        top: 174px;
        left: auto;
        right: -321px;
        width: 448px
    }
}

@media screen and (min-width: 1024px) {
    .slider-ms__slide .octa11__image {
        position: absolute;
        top: 160px;
        right: -30px;
        left: auto;
        width: 68%;
        transform: none
    }
}

@media screen and (min-width: 1366px) {
    .slider-ms__slide .octa11__image {
        position: absolute;
        right: -60px
    }
}

.octa11__button {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1.06px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    min-height: 48px;
    min-width: 270px;
    padding-top: 14px;
    padding-bottom: 13px;
    border-radius: 85px;
    border: none;
    background: var(--color-primary);
    cursor: pointer;
    position: relative;
    left: 50%;
    margin-top: 20px;
    transform: translateX(-50%)
}

.octa11__button:hover {
    background: var(--color-primary-pressed)
}

@media screen and (min-width: 1024px) {
    .octa11__button {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1.25px;
        min-height: 56px;
        left: auto;
        margin-top: 90px;
        transform: none
    }
}

.-rtl-mode .octa11__button {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

@media screen and (min-width: 1024px) {
    .-rtl-mode .octa11__button {
        right: auto;
        transform: none
    }
}

.octa11__footer-text {
    font-size: 14px;
    line-height: 1.45;
    text-align: center;
    color: #ffa217;
    margin-top: 21px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .octa11__footer-text {
        font-size: 16px;
        color: #fff;
        max-width: 320px
    }
}

@media screen and (min-width: 1024px) {
    .octa11__footer-text {
        text-align: left;
        margin-left: 0
    }
}

@media screen and (min-width: 1366px) {
    .octa11__footer-text {
        font-size: 18px
    }
}

@media screen and (min-width: 1024px) {
    .-rtl-mode .octa11__footer-text {
        text-align: right;
        margin-right: 0
    }
}

.slider-ms__slide .octa11__footer-text {
    display: none
}

.index-page-title {
    font-size: 46px;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: none;
    color: #fff
}

@media screen and (max-width: 1000px) {
    .index-page-title {
        font-size: 28px;
        margin-bottom: 15px
    }
}

.index-page-descr {
    font-size: 24px;
    font-weight: 200;
    letter-spacing: -.025em;
    line-height: 1.2;
    color: #fff
}

.index-page-descr a {
    color: #fff
}

@media screen and (max-width: 1000px) {
    .index-page-descr {
        font-size: 16px
    }
}

@import url(/static/home/css/index_1.css);
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.main-indian-wrapper {
    font-family: var(--font_brand_font-family);
    overflow: hidden
}

@media (max-width: 1023px) {
    .pg-wrap {
        padding-left: 20px;
        padding-right: 20px
    }
}

._redesign .btn-t32 {
    min-width: 312px;
    height: 56px;
    background-color: var(--color-primary);
    border: none;
    border-radius: 100px;
    font-family: var(--font_brand_font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    color: var(--color-white);
    padding: 0 32px
}

._redesign .btn-t32:hover {
    background-color: var(--color-primary-pressed, rgba(0, 106, 221, 0.15))
}

* {
    box-sizing: border-box
}

.-rtl-mode article[class^="rsg--root"] {
    direction: rtl
}

body {
    background: var(--color-white)
}

.redesign-wrapper {
    font-family: var(--font_brand_font-family);
    color: var(--color-black)
}

.styled-btn-v2 {
    height: var(--button_height, 40px);
    border: none;
    border-radius: var(--radius_full, 4px);
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--button_padding-y, 0) var(--button_padding-x, 24px);
    font-family: var(--font_brand_font-family, Roboto, Helvetica, Arial, sans-serif);
    font-size: var(--button_font-size, 12px);
    font-weight: var(--button_font-weight, 500);
    line-height: var(--button_line-height, normal);
    text-transform: var(--font_uppercase, none);
    letter-spacing: var(--button_letter-spacing, 0px);
    cursor: pointer;
    transition-property: background-color, color;
    transition-duration: .2s
}

a.styled-btn-v2 {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.styled-btn-v2._wide {
    padding-left: var(--button_padding-x, 40px);
    padding-right: var(--button_padding-x, 40px)
}

.styled-btn-v2 + .styled-btn-v2 {
    margin-left: 20px
}

.-rtl-mode .styled-btn-v2 + .styled-btn-v2 {
    margin-left: 0;
    margin-right: 20px
}

.styled-btn-v2:focus, .styled-btn-v2:active {
    outline: none
}

.styled-btn-v2._primary {
    background: var(--color-primary, #0d6ffb);
    border-color: var(--color-primary, #0d6ffb);
    color: var(--color-white, #fff);
    box-shadow: none
}

.styled-btn-v2._primary .styled-btn-v2__ico {
    fill: var(--color-white, #fff)
}

.styled-btn-v2._primary:hover, .styled-btn-v2._primary:focus, .styled-btn-v2._primary:active {
    background: var(--color-primary-pressed, #0358d2);
    box-shadow: none
}

.styled-btn-v2._primary:active {
    color: var(--color-white, #fff)
}

.styled-btn-v2._primary:disabled, .styled-btn-v2._primary[disabled] {
    background-color: var(--color-subscript, #e5e5e5);
    color: var(--color-white, #ccc);
    border-color: var(--color-subscript, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._primary:disabled .styled-btn-v2__ico, .styled-btn-v2._primary[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._primary-link {
    background: var(--color-transparent, rgba(0, 0, 0, 0));
    border-color: var(--color-transparent, rgba(0, 0, 0, 0));
    color: var(--color-primary, #0d6ffb);
    box-shadow: none
}

.styled-btn-v2._primary-link .styled-btn-v2__ico {
    fill: var(--color-primary, #0d6ffb)
}

.styled-btn-v2._primary-link:hover, .styled-btn-v2._primary-link:focus, .styled-btn-v2._primary-link:active {
    background: var(--color-divider, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._primary-link:active {
    color: var(--color-primary, #0d6ffb)
}

.styled-btn-v2._primary-link:disabled, .styled-btn-v2._primary-link[disabled] {
    background-color: var(--color-transparent, #e5e5e5);
    color: var(--color-subscript, #ccc);
    border-color: var(--color-transparent, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._primary-link:disabled .styled-btn-v2__ico, .styled-btn-v2._primary-link[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._primary-link:hover {
    color: var(--color-primary, #3f8dfc)
}

.styled-btn-v2._primary-link:active {
    color: var(--color-primary, #0358d2)
}

.styled-btn-v2._primary-link[disabled], .styled-btn-v2._primary-link[disabled]:hover, .styled-btn-v2._primary-link[disabled]:active {
    background-color: var(--color-transparent, transparent);
    color: var(--color-subscript, #ccc)
}

.styled-btn-v2._default {
    background: var(--color-white, #fff);
    border-color: var(--color-white, #fff);
    color: var(--color-primary, #4d4d4d);
    box-shadow: none
}

.styled-btn-v2._default .styled-btn-v2__ico {
    fill: var(--color-primary, #4d4d4d)
}

.styled-btn-v2._default:hover, .styled-btn-v2._default:focus, .styled-btn-v2._default:active {
    background: var(--color-divider, #e6e6e6);
    box-shadow: none
}

.styled-btn-v2._default:active {
    color: var(--color-primary, #4d4d4d)
}

.styled-btn-v2._default:disabled, .styled-btn-v2._default[disabled] {
    background-color: var(--color-white, #e5e5e5);
    color: var(--color-subscript, #ccc);
    border-color: var(--color-white, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._default:disabled .styled-btn-v2__ico, .styled-btn-v2._default[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._default-link {
    background: var(--fallback, rgba(0, 0, 0, 0));
    border-color: var(--fallback, rgba(0, 0, 0, 0));
    color: var(--fallback, #4d4d4d);
    box-shadow: none
}

.styled-btn-v2._default-link .styled-btn-v2__ico {
    fill: var(--fallback, #4d4d4d)
}

.styled-btn-v2._default-link:hover, .styled-btn-v2._default-link:focus, .styled-btn-v2._default-link:active {
    background: var(--fallback, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._default-link:active {
    color: var(--fallback, #4d4d4d)
}

.styled-btn-v2._default-link:disabled, .styled-btn-v2._default-link[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._default-link:disabled .styled-btn-v2__ico, .styled-btn-v2._default-link[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._default-link:hover {
    color: var(--fallback, #676767)
}

.styled-btn-v2._default-link:active {
    color: var(--fallback, #343434)
}

.styled-btn-v2._default-link[disabled], .styled-btn-v2._default-link[disabled]:hover, .styled-btn-v2._default-link[disabled]:active {
    background-color: var(--fallback, transparent);
    color: var(--fallback, #ccc)
}

.styled-btn-v2._secondary {
    background: var(--color-primary-light, #f2f2f2);
    border-color: var(--color-primary-light, #f2f2f2);
    color: var(--color-primary, #4d4d4d);
    box-shadow: none
}

.styled-btn-v2._secondary .styled-btn-v2__ico {
    fill: var(--color-primary, #4d4d4d)
}

.styled-btn-v2._secondary:hover, .styled-btn-v2._secondary:focus, .styled-btn-v2._secondary:active {
    background: var(--color-divider, #d9d9d9);
    box-shadow: none
}

.styled-btn-v2._secondary:active {
    color: var(--color-primary, #4d4d4d)
}

.styled-btn-v2._secondary:disabled, .styled-btn-v2._secondary[disabled] {
    background-color: var(--color-subscript-10, #e5e5e5);
    color: var(--color-subscript, #ccc);
    border-color: var(--color-subscript-10, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._secondary:disabled .styled-btn-v2__ico, .styled-btn-v2._secondary[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._secondary-link {
    background: var(--fallback, rgba(0, 0, 0, 0));
    border-color: var(--fallback, rgba(0, 0, 0, 0));
    color: var(--fallback, #4d4d4d);
    box-shadow: none
}

.styled-btn-v2._secondary-link .styled-btn-v2__ico {
    fill: var(--fallback, #4d4d4d)
}

.styled-btn-v2._secondary-link:hover, .styled-btn-v2._secondary-link:focus, .styled-btn-v2._secondary-link:active {
    background: var(--fallback, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._secondary-link:active {
    color: var(--fallback, #4d4d4d)
}

.styled-btn-v2._secondary-link:disabled, .styled-btn-v2._secondary-link[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._secondary-link:disabled .styled-btn-v2__ico, .styled-btn-v2._secondary-link[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._secondary-link:hover {
    color: var(--fallback, #676767)
}

.styled-btn-v2._secondary-link:active {
    color: var(--fallback, #343434)
}

.styled-btn-v2._secondary-link[disabled], .styled-btn-v2._secondary-link[disabled]:hover, .styled-btn-v2._secondary-link[disabled]:active {
    background-color: var(--fallback, transparent);
    color: var(--fallback, #ccc)
}

.styled-btn-v2._danger {
    background: var(--fallback, #f64439);
    border-color: var(--fallback, #f64439);
    color: var(--fallback, #fff);
    box-shadow: none
}

.styled-btn-v2._danger .styled-btn-v2__ico {
    fill: var(--fallback, #fff)
}

.styled-btn-v2._danger:hover, .styled-btn-v2._danger:focus, .styled-btn-v2._danger:active {
    background: var(--fallback, #f1180b);
    box-shadow: none
}

.styled-btn-v2._danger:active {
    color: var(--fallback, #fff)
}

.styled-btn-v2._danger:disabled, .styled-btn-v2._danger[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._danger:disabled .styled-btn-v2__ico, .styled-btn-v2._danger[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._danger-link {
    background: var(--fallback, rgba(0, 0, 0, 0));
    border-color: var(--fallback, rgba(0, 0, 0, 0));
    color: var(--fallback, #f64439);
    box-shadow: none
}

.styled-btn-v2._danger-link .styled-btn-v2__ico {
    fill: var(--fallback, #f64439)
}

.styled-btn-v2._danger-link:hover, .styled-btn-v2._danger-link:focus, .styled-btn-v2._danger-link:active {
    background: var(--fallback, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._danger-link:active {
    color: var(--fallback, #f64439)
}

.styled-btn-v2._danger-link:disabled, .styled-btn-v2._danger-link[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._danger-link:disabled .styled-btn-v2__ico, .styled-btn-v2._danger-link[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._danger-link:hover {
    color: var(--fallback, #f8726a)
}

.styled-btn-v2._danger-link:active {
    color: var(--fallback, #f1180b)
}

.styled-btn-v2._danger-link[disabled], .styled-btn-v2._danger-link[disabled]:hover, .styled-btn-v2._danger-link[disabled]:active {
    background-color: var(--fallback, transparent);
    color: var(--fallback, #ccc)
}

.styled-btn-v2._warning {
    background: var(--fallback, #ffca08);
    border-color: var(--fallback, #ffca08);
    color: var(--fallback, #fff);
    box-shadow: none
}

.styled-btn-v2._warning .styled-btn-v2__ico {
    fill: var(--fallback, #fff)
}

.styled-btn-v2._warning:hover, .styled-btn-v2._warning:focus, .styled-btn-v2._warning:active {
    background: var(--fallback, #d4a700);
    box-shadow: none
}

.styled-btn-v2._warning:active {
    color: var(--fallback, #fff)
}

.styled-btn-v2._warning:disabled, .styled-btn-v2._warning[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._warning:disabled .styled-btn-v2__ico, .styled-btn-v2._warning[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._warning-link {
    background: var(--fallback, rgba(0, 0, 0, 0));
    border-color: var(--fallback, rgba(0, 0, 0, 0));
    color: var(--fallback, #ffca08);
    box-shadow: none
}

.styled-btn-v2._warning-link .styled-btn-v2__ico {
    fill: var(--fallback, #ffca08)
}

.styled-btn-v2._warning-link:hover, .styled-btn-v2._warning-link:focus, .styled-btn-v2._warning-link:active {
    background: var(--fallback, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._warning-link:active {
    color: var(--fallback, #ffca08)
}

.styled-btn-v2._warning-link:disabled, .styled-btn-v2._warning-link[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._warning-link:disabled .styled-btn-v2__ico, .styled-btn-v2._warning-link[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._warning-link:hover {
    color: var(--fallback, #ffd53b)
}

.styled-btn-v2._warning-link:active {
    color: var(--fallback, #d4a700)
}

.styled-btn-v2._warning-link[disabled], .styled-btn-v2._warning-link[disabled]:hover, .styled-btn-v2._warning-link[disabled]:active {
    background-color: var(--fallback, transparent);
    color: var(--fallback, #ccc)
}

.styled-btn-v2._success {
    background: var(--fallback, #00c94c);
    border-color: var(--fallback, #00c94c);
    color: var(--fallback, #fff);
    box-shadow: none
}

.styled-btn-v2._success .styled-btn-v2__ico {
    fill: var(--fallback, #fff)
}

.styled-btn-v2._success:hover, .styled-btn-v2._success:focus, .styled-btn-v2._success:active {
    background: var(--fallback, #009639);
    box-shadow: none
}

.styled-btn-v2._success:active {
    color: var(--fallback, #fff)
}

.styled-btn-v2._success:disabled, .styled-btn-v2._success[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._success:disabled .styled-btn-v2__ico, .styled-btn-v2._success[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._success-link {
    background: var(--fallback, rgba(0, 0, 0, 0));
    border-color: var(--fallback, rgba(0, 0, 0, 0));
    color: var(--fallback, #00c94c);
    box-shadow: none
}

.styled-btn-v2._success-link .styled-btn-v2__ico {
    fill: var(--fallback, #00c94c)
}

.styled-btn-v2._success-link:hover, .styled-btn-v2._success-link:focus, .styled-btn-v2._success-link:active {
    background: var(--fallback, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._success-link:active {
    color: var(--fallback, #00c94c)
}

.styled-btn-v2._success-link:disabled, .styled-btn-v2._success-link[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._success-link:disabled .styled-btn-v2__ico, .styled-btn-v2._success-link[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._success-link:hover {
    color: var(--fallback, #00fc5f)
}

.styled-btn-v2._success-link:active {
    color: var(--fallback, #009639)
}

.styled-btn-v2._success-link[disabled], .styled-btn-v2._success-link[disabled]:hover, .styled-btn-v2._success-link[disabled]:active {
    background-color: var(--fallback, transparent);
    color: var(--fallback, #ccc)
}

.styled-btn-v2._primary-fill {
    background: transparent;
    border: 1px solid #0d6ffb;
    color: #0d6ffb;
    box-shadow: none
}

.styled-btn-v2._primary-fill .styled-btn-v2__ico {
    fill: #0d6ffb
}

.styled-btn-v2._primary-fill:hover, .styled-btn-v2._primary-fill:focus, .styled-btn-v2._primary-fill:active {
    background: #0d6ffb;
    color: #fff;
    box-shadow: none
}

.styled-btn-v2._primary-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._primary-fill:disabled:hover, .styled-btn-v2._primary-fill:disabled:focus, .styled-btn-v2._primary-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._primary-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._default-fill {
    background: transparent;
    border: 1px solid #ccc;
    color: #4d4d4d;
    box-shadow: none
}

.styled-btn-v2._default-fill .styled-btn-v2__ico {
    fill: #4d4d4d
}

.styled-btn-v2._default-fill:hover, .styled-btn-v2._default-fill:focus, .styled-btn-v2._default-fill:active {
    background: #ccc;
    color: #4d4d4d;
    box-shadow: none
}

.styled-btn-v2._default-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._default-fill:disabled:hover, .styled-btn-v2._default-fill:disabled:focus, .styled-btn-v2._default-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._default-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._secondary-fill {
    background: transparent;
    border: 1px solid #f2f2f2;
    color: #f2f2f2;
    box-shadow: none
}

.styled-btn-v2._secondary-fill .styled-btn-v2__ico {
    fill: #f2f2f2
}

.styled-btn-v2._secondary-fill:hover, .styled-btn-v2._secondary-fill:focus, .styled-btn-v2._secondary-fill:active {
    background: #f2f2f2;
    color: #4d4d4d;
    box-shadow: none
}

.styled-btn-v2._secondary-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._secondary-fill:disabled:hover, .styled-btn-v2._secondary-fill:disabled:focus, .styled-btn-v2._secondary-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._secondary-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._danger-fill {
    background: transparent;
    border: 1px solid #f64439;
    color: #f64439;
    box-shadow: none
}

.styled-btn-v2._danger-fill .styled-btn-v2__ico {
    fill: #f64439
}

.styled-btn-v2._danger-fill:hover, .styled-btn-v2._danger-fill:focus, .styled-btn-v2._danger-fill:active {
    background: #f64439;
    color: #fff;
    box-shadow: none
}

.styled-btn-v2._danger-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._danger-fill:disabled:hover, .styled-btn-v2._danger-fill:disabled:focus, .styled-btn-v2._danger-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._danger-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._warning-fill {
    background: transparent;
    border: 1px solid #ffca08;
    color: #ffca08;
    box-shadow: none
}

.styled-btn-v2._warning-fill .styled-btn-v2__ico {
    fill: #ffca08
}

.styled-btn-v2._warning-fill:hover, .styled-btn-v2._warning-fill:focus, .styled-btn-v2._warning-fill:active {
    background: #ffca08;
    color: #fff;
    box-shadow: none
}

.styled-btn-v2._warning-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._warning-fill:disabled:hover, .styled-btn-v2._warning-fill:disabled:focus, .styled-btn-v2._warning-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._warning-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._supernova-fill {
    background: transparent;
    border: 1px solid #ffca08;
    color: #644e00;
    box-shadow: none
}

.styled-btn-v2._supernova-fill .styled-btn-v2__ico {
    fill: #644e00
}

.styled-btn-v2._supernova-fill:hover, .styled-btn-v2._supernova-fill:focus, .styled-btn-v2._supernova-fill:active {
    background: #ffca08;
    color: #644e00;
    box-shadow: none
}

.styled-btn-v2._supernova-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._supernova-fill:disabled:hover, .styled-btn-v2._supernova-fill:disabled:focus, .styled-btn-v2._supernova-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._supernova-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._demo-fill, .styled-btn-v2._success-fill {
    background: transparent;
    border: 1px solid #00c94c;
    color: #00c94c;
    box-shadow: none
}

.styled-btn-v2._demo-fill .styled-btn-v2__ico, .styled-btn-v2._success-fill .styled-btn-v2__ico {
    fill: #00c94c
}

.styled-btn-v2._demo-fill:hover, .styled-btn-v2._demo-fill:focus, .styled-btn-v2._demo-fill:active, .styled-btn-v2._success-fill:hover, .styled-btn-v2._success-fill:focus, .styled-btn-v2._success-fill:active {
    background: #00c94c;
    color: #fff;
    box-shadow: none
}

.styled-btn-v2._demo-fill:disabled, .styled-btn-v2._success-fill:disabled {
    color: #ccc;
    border-color: #e5e5e5;
    cursor: not-allowed
}

.styled-btn-v2._demo-fill:disabled:hover, .styled-btn-v2._demo-fill:disabled:focus, .styled-btn-v2._demo-fill:disabled:active, .styled-btn-v2._success-fill:disabled:hover, .styled-btn-v2._success-fill:disabled:focus, .styled-btn-v2._success-fill:disabled:active {
    background: none;
    border-color: #e5e5e5
}

.styled-btn-v2._demo-fill:disabled .styled-btn-v2__ico, .styled-btn-v2._success-fill:disabled .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._disabled {
    background: #f2f2f2;
    color: #b3b3b3;
    cursor: not-allowed
}

.styled-btn-v2._center {
    margin-left: auto;
    margin-right: auto
}

.styled-btn-v2._right {
    margin-left: auto
}

.-rtl-mode .styled-btn-v2._right {
    margin-left: 0;
    margin-right: auto
}

.styled-btn-v2._full-width {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.styled-btn-v2._clean {
    background: var(--fallback, rgba(0, 0, 0, 0));
    border-color: var(--fallback, rgba(0, 0, 0, 0));
    color: var(--fallback, #666);
    box-shadow: none
}

.styled-btn-v2._clean .styled-btn-v2__ico {
    fill: var(--fallback, #666)
}

.styled-btn-v2._clean:hover, .styled-btn-v2._clean:focus, .styled-btn-v2._clean:active {
    background: var(--fallback, rgba(0, 0, 0, 0));
    box-shadow: none
}

.styled-btn-v2._clean:active {
    color: var(--fallback, #050f2c)
}

.styled-btn-v2._clean:disabled, .styled-btn-v2._clean[disabled] {
    background-color: var(--fallback, #e5e5e5);
    color: var(--fallback, #ccc);
    border-color: var(--fallback, #e5e5e5);
    cursor: not-allowed
}

.styled-btn-v2._clean:disabled .styled-btn-v2__ico, .styled-btn-v2._clean[disabled] .styled-btn-v2__ico {
    fill: currentColor
}

.styled-btn-v2._small {
    padding: var(--button_padding-y_small, 8px) var(--button_padding-x_small, 24px);
    height: var(--button_height_small, 30px);
    font-size: var(--button_font-size, 10px);
    line-height: var(--button_line-height, 1.2)
}

.styled-btn-v2._small + .styled-btn-v2 {
    margin-left: 8px
}

.-rtl-mode .styled-btn-v2._small + .styled-btn-v2 {
    margin-left: 0;
    margin-right: 8px
}

.styled-btn-v2._ico-right {
    -ms-flex-direction: row;
    flex-direction: row
}

.styled-btn-v2._ico-right .styled-btn-v2__ico {
    margin-left: 8px
}

.-rtl-mode .styled-btn-v2._ico-right .styled-btn-v2__ico {
    margin-left: 0;
    margin-right: 8px
}

.styled-btn-v2._ico-left {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.styled-btn-v2._ico-left .styled-btn-v2__ico {
    margin-right: 8px
}

.-rtl-mode .styled-btn-v2._ico-left .styled-btn-v2__ico {
    margin-right: 0;
    margin-left: 8px
}

.styled-btn-v2._cut-190 {
    max-width: 190px
}

@media (max-width: 440px) {
    .styled-btn-v2._mobile-full {
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%
    }
}

.styled-btn-v2._stat-fixed {
    width: 46%;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 160px;
    padding-right: 5px;
    padding-left: 5px
}

@media (min-width: 769px) {
    .styled-btn-v2._stat-fixed {
        width: 120px;
        padding: 0 5px
    }
}

@media (min-width: 769px) {
    .styled-btn-v2._stat-fixed + .styled-btn-v2 {
        margin-left: 16px
    }
}

.styled-btn-v2._expandable {
    max-width: var(--button_height, 40px);
    padding: 0 var(--button_padding-y, 8px);
    overflow: hidden;
    white-space: nowrap;
    -ms-flex-pack: start;
    justify-content: start;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.styled-btn-v2._expandable .styled-btn-v2__text {
    display: inline-block;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.styled-btn-v2._expandable:hover {
    max-width: 100%;
    padding: var(--button_padding-y, 0) var(--button_padding-x, 24px)
}

.styled-btn-v2._expandable:hover .styled-btn-v2__text {
    opacity: 1
}

.styled-btn-v2__ico {
    fill: #4d4d4d;
    display: inherit
}

.section-title {
    font-weight: var(--headline_3_font-weight);
    font-size: var(--headline_3_font-size);
    line-height: var(--headline_3_line-height);
    text-transform: none;
    margin: 0
}

@media (min-width: 1024px) {
    .section-title {
        font-weight: var(--headline_1_font-weight);
        font-size: var(--headline_1_font-size);
        line-height: var(--headline_1_line-height)
    }
}

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

.list__item {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    position: relative;
    padding-left: 18px
}

@media (min-width: 1024px) {
    .list__item {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing)
    }
}

.list__item:not(:last-child) {
    margin-bottom: 8px
}

.-rtl-mode .list__item {
    direction: rtl;
    padding-left: 0;
    padding-right: 18px
}

.list__item::before {
    content: "\2022";
    font-size: 1em;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.-rtl-mode .list__item::before {
    direction: rtl;
    left: auto;
    right: 0
}

.styled-btn-v2 {
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 172px
}

.default-fs {
    position: relative;
    padding-top: 92px;
    padding-bottom: 40px;
    color: var(--color-white);
    background: #010C48;
    overflow: hidden;
    z-index: 1
}

.-rtl-mode .default-fs {
    direction: rtl
}

@media (min-width: 991px) {
    .default-fs {
        padding-top: 174px;
        padding-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .default-fs {
        padding-top: 250px;
        padding-bottom: 120px
    }
}

@media (min-width: 1280px) {
    .default-fs {
        padding-top: 280px;
        padding-bottom: 150px
    }
}

.default-fs__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 0 0 50%;
    margin-left: auto;
    margin-right: auto
}

.default-fs__ad {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.default-fs__container.display-flex {
    flex-flow: row wrap;
}

@media (max-width: 956px) {
    .default-fs__content {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .default-fs__ad {
        flex: 0 0 100%;
    }
}

@media (min-width: 1024px) {
    .default-fs__content {
        margin-left: 0
    }
}

@media (min-width: 1280px) {
    .default-fs__content {
        max-width: none;
        width: 55%
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .default-fs__content {
        margin-right: 0;
        margin-left: auto
    }
}

.default-fs__title {
    font-weight: var(--headline_2_font-weight);
    font-size: var(--headline_2_font-size);
    line-height: var(--headline_2_line-height);
    text-align: center
}

@media (min-width: 1024px) {
    .default-fs__title {
        font-weight: var(--headline_1_font-weight);
        font-size: var(--headline_1_font-size);
        line-height: var(--headline_1_line-height);
        text-align: left
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .default-fs__title {
        text-align: right
    }
}

.default-fs__text {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    text-align: center;
    margin: 0;
    margin-top: 20px
}

@media (min-width: 1024px) {
    .default-fs__text {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        text-align: left;
        max-width: 385px
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .default-fs__text {
        text-align: right
    }
}

@media (min-width: 1280px) {
    .default-fs__text {
        margin-top: 32px
    }
}

.default-fs__picture {
    width: 100%;
    max-width: 400px;
    margin: 12px auto 0;
    z-index: -1
}

@media (min-width: 1024px) {
    .default-fs__picture {
        position: absolute;
        top: 45%;
        left: 34%;
        width: 560px;
        max-width: none;
        transform: translateY(-50%)
    }
}

@media (min-width: 1280px) {
    .default-fs__picture {
        width: 45%;
        left: auto;
        right: 0;
        max-width: 690px
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .default-fs__picture {
        right: auto;
        left: 34%
    }
}

@media (min-width: 1280px) {
    .-rtl-mode .default-fs__picture {
        left: 0
    }
}

.default-fs__picture-img {
    display: block;
    width: 100%
}

@media (min-width: 1024px) {
    .default-fs__picture-img._mob {
        display: none
    }
}

.default-fs__picture-img._desk {
    display: none
}

@media (min-width: 1024px) {
    .default-fs__picture-img._desk {
        display: block
    }
}

.default-fs__btn {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 284px;
    margin-top: 12px
}

@media (min-width: 1024px) {
    .default-fs__btn {
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: auto;
        margin-top: 40px
    }
}

.safe {
    padding-top: 48px;
    padding-bottom: 24px;
    background: var(--color-primary-light)
}

@media (min-width: 1024px) {
    .safe {
        padding-top: 92px;
        padding-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .safe__title {
        text-align: center
    }
}

.safe__list {
    margin-top: 24px
}

@media (min-width: 1024px) {
    .safe__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow: visible;
        margin-top: 64px
    }
}

.-rtl-mode .safe__list {
    direction: rtl
}

.safe__list-inner {
    list-style: none
}

@media (min-width: 1024px) {
    .safe__list-inner {
        -ms-flex-direction: column;
        flex-direction: column;
        width: 45%;
        max-width: 487px
    }
}

.-rtl-mode .safe__list-inner {
    direction: rtl
}

.safe__item {
    width: 233px;
    height: auto
}

@media (min-width: 1024px) {
    .safe__item {
        width: 100%;
        padding: var(--space_m);
        border-radius: var(--radius_l);
        background-color: var(--color-white);
        transition: all 0.3s ease-in-out
    }
}

@media (min-width: 1024px) {
    .safe__item:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width: 1024px) {
    .safe__item._active {
        color: var(--color-white);
        background-color: var(--color-primary-pressed);
        box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 6px 30px rgba(0, 0, 0, 0.08), 0px 8px 10px rgba(0, 0, 0, 0.14)
    }
}

.safe__item::before {
    content: "";
    display: block;
    width: 228px;
    height: 175px;
    border-radius: var(--radius_l);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden
}

@media (min-width: 1024px) {
    .safe__item::before {
        display: none
    }
}

.safe__item-title {
    font-weight: var(--subtitle_1_font-weight);
    font-size: var(--subtitle_1_font-size);
    line-height: var(--hsubtitle_1_line-height);
    margin: 0;
    margin-top: 16px
}

@media (min-width: 1024px) {
    .safe__item-title {
        font-weight: var(--headline_3_font-weight);
        font-size: var(--headline_3_font-size);
        line-height: var(--headline_3_line-height);
        margin-top: 0
    }
}

.safe__item-list {
    margin-top: 12px
}

.safe__item._transparent::before {
    background-image: url("/static/home/images/safe-item1.jpg")
}

.safe__item._ideas::before {
    background-image: url("/static/home/images/safe-item2.jpg")
}

.safe__item._education::before {
    background-image: url("/static/home/images/safe-item3.jpg")
}

.safe__preview {
    display: none;
    overflow: hidden
}

@media (min-width: 1024px) {
    .safe__preview {
        position: relative;
        display: block;
        width: 38%;
        height: 0;
        padding-bottom: 42%;
        background: url("/static/home/images/preview-bg.png") center/cover no-repeat
    }
}

.safe__preview-img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 118%;
    width: auto;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out
}

.safe__preview-img._active {
    opacity: 1
}

.best {
    padding-top: 24px;
    padding-bottom: 49px;
    background-color: var(--color-primary-light)
}

@media (min-width: 1024px) {
    .best {
        padding-top: 45px;
        padding-bottom: 92px
    }
}

.best__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .best__title {
        text-align: center;
        width: 540px;
        margin-left: auto;
        margin-right: auto
    }
}

.best__list {
    list-style: none;
    display: -ms-grid;
    display: grid;
    margin: 0;
    margin-top: 24px;
    padding: 0;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns:1fr 1fr;
    grid-auto-rows: minmax(96px, auto)
}

@media (min-width: 769px) {
    .best__list {
        width: 100%;
        max-width: none;
        grid-template-columns:repeat(4, 1fr);
        grid-auto-rows: minmax(160px, auto);
        grid-gap: 24px
    }
}

@media (min-width: 1024px) {
    .best__list {
        margin-top: 50px
    }
}

.-rtl-mode .best__list {
    direction: rtl
}

.best__item {
    padding: 12px;
    background-color: var(--color-white);
    background-repeat: no-repeat;
    border-radius: var(--radius_m)
}

@media (min-width: 769px) {
    .best__item {
        padding: 20px
    }
}

.best__item._awards {
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 1/3;
    min-height: 170px;
    background-image: url("/static/home/images/best-awards-mob.jpg");
    background-size: 167px auto;
    background-position: bottom center
}

@media (min-width: 769px) {
    .best__item._awards {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
        min-height: auto;
        background-image: url("/static/home/images/best-awards-desk.jpg");
        background-size: 56% auto;
        background-position: bottom right 7%
    }
}

@media (min-width: 769px) {
    .-rtl-mode .best__item._awards {
        background-position: bottom left 7%
    }
}

.best__item._accounts {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    min-height: 96px;
    background-image: url("/static/home/images/best-accounts-mob.jpg");
    background-size: 65px auto;
    background-position: top right -10px
}

@media (min-width: 769px) {
    .best__item._accounts {
        -ms-grid-column: 3;
        grid-column: 3;
        -ms-grid-row: 1;
        grid-row: 1;
        min-height: auto;
        background-image: url("/static/home/images/best-accounts-desk.jpg");
        background-size: auto 100%;
        background-position: center left 120px
    }
}

.best__item._accounts .best__item-text {
    width: 75px
}

@media (min-width: 769px) {
    .best__item._accounts .best__item-text {
        width: 30%
    }
}

.-rtl-mode .best__item._accounts {
    background-image: url("/static/home/images/best-accounts-mob-pk.jpg");
    background-position: top left -10px
}

@media (min-width: 769px) {
    .-rtl-mode .best__item._accounts {
        background-image: url("/static/home/images/best-accounts-desk-pk.jpg");
        background-position: center right 120px
    }
}

.best__item._years {
    display: -ms-flexbox;
    display: flex;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 3/4;
    min-height: 143px;
    background-image: url("/static/home/images/best-years-mob.jpg");
    background-size: 112px auto;
    background-position: top 5px center
}

@media (min-width: 769px) {
    .best__item._years {
        -ms-grid-column: 4;
        grid-column: 4;
        -ms-grid-row: 1;
        grid-row: 1;
        min-height: auto;
        background-image: url("/static/home/images/best-years-desk.jpg");
        background-size: 58% auto;
        background-position: right center
    }
}

.best__item._years .best__item-text {
    margin-top: auto
}

@media (min-width: 769px) {
    .best__item._years .best__item-text {
        margin-top: 0
    }
}

@media (min-width: 769px) {
    .-rtl-mode .best__item._years {
        background-position: left center
    }
}

.best__item._countries {
    -ms-grid-column: 2;
    grid-column: 2;
    grid-row: 2/4;
    min-height: 210px;
    background-image: url("/static/home/images/best-countries-mob.jpg");
    background-size: 130px auto;
    background-position: bottom 28px left
}

@media (min-width: 769px) {
    .best__item._countries {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1;
        min-height: auto;
        background-image: url("/static/home/images/best-countries-desk.jpg");
        background-size: 57% auto;
        background-position: right center
    }
}

@media (min-width: 769px) {
    .best__item._countries .best__item-text {
        width: 30%
    }
}

@media (min-width: 769px) {
    .-rtl-mode .best__item._countries {
        background-image: url("/static/home/images/best-countries-mob.jpg");
        background-position: left center
    }
}

.best__item-text {
    font-weight: var(--caption_font-weight);
    font-size: var(--caption_font-size);
    line-height: var(--caption_line-height);
    letter-spacing: var(--caption_letter-spacing);
    margin: 0
}

@media (min-width: 576px) {
    .best__item-text {
        font-weight: var(--body_2_font-weight);
        font-size: var(--body_2_font-size);
        line-height: var(--body_2_line-height);
        letter-spacing: var(--body_2_letter-spacing)
    }
}

@media (min-width: 576px) {
    .best__item-text {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing)
    }
}

.best__item-title {
    font-weight: var(--headline_4_font-weight);
    font-size: var(--headline_4_font-size);
    line-height: var(--headline_4_line-height);
    display: block;
    margin: 0
}

@media (min-width: 576px) {
    .best__item-title {
        font-weight: var(--headline_3_font-weight);
        font-size: var(--headline_3_font-size);
        line-height: var(--headline_3_line-height)
    }
}

.-rtl-mode .best__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.-rtl-mode .best__item .best__item-text {
    width: 44%
}

.best__testimonials {
    padding: var(--space_s) 10%;
    margin-top: 20px;
    background: var(--color-white);
    border-radius: var(--radius_m)
}

@media (min-width: 1024px) {
    .best__testimonials {
        max-width: none;
        padding: var(--space_l) var(--space_m)
    }
}

@media (min-width: 820px) {
    .best__testimonials-mobile {
        display: none
    }
}

.best__testimonials-desktop {
    display: none
}

@media (min-width: 820px) {
    .best__testimonials-desktop {
        display: block
    }
}

.best__btn {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 24px
}

@media (min-width: 820px) {
    .best__btn {
        width: auto;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-top: 40px
    }
}

.invest {
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: var(--color-primary-white)
}

@media (min-width: 769px) {
    .invest {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (min-width: 1024px) {
    .invest {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.-rtl-mode .invest {
    direction: rtl
}

.invest__subtitle {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    margin: 0;
    margin-top: 20px
}

@media (min-width: 1024px) {
    .invest__subtitle {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        max-width: 385px;
        margin-top: 48px
    }
}

.invest__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(129px, 1fr));
    grid-gap: 24px 20px;
    margin: 0;
    padding: 0;
    margin-top: 32px
}

@media (min-width: 576px) {
    .invest__list {
        grid-template-columns:repeat(auto-fit, 145px)
    }
}

@media (min-width: 1024px) {
    .invest__list {
        grid-template-columns:repeat(auto-fit, 30%);
        grid-gap: 40px;
        margin-top: 40px
    }
}

.invest__item {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .invest__item {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        max-width: 316px
    }
}

.invest__item::before {
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 49.2%;
    padding-bottom: 49.2%;
    margin-bottom: 16px;
    border-radius: var(--radius_m);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (min-width: 1024px) {
    .invest__item::before {
        width: 78px;
        padding-bottom: 78px;
        margin-right: 24px;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .invest__item::before {
        margin-left: 24px;
        margin-right: 0
    }
}

.invest__item._leverage::before {
    background-image: url("/static/home/images/invest-icon-leverage.jpg")
}

.invest__item._assets::before {
    background-image: url("/static/home/images/invest-icon-assets.jpg")
}

.invest__item._bonus::before {
    background-image: url("/static/home/images/invest-icon-bonus.jpg")
}

.invest__item._status::before {
    background-image: url("/static/home/images/invest-icon-status.jpg")
}

.invest__item._support::before {
    background-image: url("/static/home/images/invest-icon-support.jpg")
}

.invest__item._pairs::before {
    background-image: url("/static/home/images/invest-icon-pairs.jpg")
}

@media (min-width: 1280px) {
    .trade-app {
        padding-bottom: 92px
    }
}

.trade-app__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 305px;
    padding-bottom: 32px;
    background-color: var(--color-primary-light);
    background-repeat: no-repeat;
    background-image: url("/static/home/images/MobileCH.png");
    background-position: top 24px center;
    background-size: 286px auto
}

@media (min-width: 1024px) {
    .trade-app__container {
        padding: 72px 20px;
        background-image: url("/static/home/images/MobileCH.png");
        background-position: right 80px center;
        background-size: 39% auto
    }
}

@media (min-width: 1280px) {
    .trade-app__container {
        padding-left: 48px;
        padding-right: 48px;
        max-width: 1200px;
        border-radius: var(--radius_xl)
    }
}

.-rtl-mode .trade-app__container {
    direction: rtl
}

@media (min-width: 1024px) {
    .-rtl-mode .trade-app__container {
        background-image: url("/static/home/images/mobile-app-image-desk.png");
        background-position: left 15% center;
        background-size: auto 60%
    }
}

.trade-app__title {
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 650px;
    margin: 0
}

@media (min-width: 1024px) {
    .trade-app__title {
        text-align: left;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 50%;
        max-width: 535px
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .trade-app__title {
        text-align: right
    }
}

.trade-app__description {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0;
    max-width: 650px;
    margin-top: 20px
}

@media (min-width: 1024px) {
    .trade-app__description {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        text-align: left;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 50%;
        max-width: 490px
    }
}

@media (min-width: 1024px) {
    .-rtl-mode .trade-app__description {
        text-align: right
    }
}

.trade-app__apps {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 24px
}

@media (min-width: 1024px) {
    .trade-app__apps {
        display: none
    }
}

.trade-app__apps-item {
    display: block
}

.trade-app__apps-item:not(:first-child) {
    margin-top: 16px
}

.trade-app__qrcode {
    display: none
}

@media (min-width: 1024px) {
    .trade-app__qrcode {
        display: block;
        width: 125px;
        margin-top: 24px
    }
}

._10tk5 {
    position: relative;
    display: inline-block;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    ._redesign ._10tk5 {
        display: -webkit-inline-box;
        display: inline-flex
    }
}

._2Kx6b {
    width: auto;
    height: auto;
    border-radius: 3px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

._redesign ._2Kx6b {
    width: auto;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

._2Kx6b img {
    opacity: .92;
    width: 100%;
    height: auto;
    border-radius: 3px;
    display: block;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4)
}

.bVn_y:before {
    content: "";
    width: 24px;
    height: 24px;
    margin-left: 7px;
    background: url(/static/home/images/icon-arrrow-flag.svg) no-repeat 50%;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

._1zfwl {
    position: relative;
    padding: 0 15px 0 8px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

._1zfwl:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 0;
    height: 0;
    border-color: hsla(0, 0%, 97.3%, .65) transparent transparent;
    border-style: solid;
    border-width: 4px 3px 0
}

.-rtl-mode ._1zfwl {
    -webkit-box-ordinal-group: 0;
    order: -1;
    padding: 0 8px 0 15px
}

.-rtl-mode ._1zfwl:after {
    right: auto;
    left: 0
}

._2BKAb ._2Kx6b img {
    width: 54px
}

._3I-GX ._2Kx6b img {
    width: 24px
}

._1vG13 ._2Kx6b img {
    width: 16px
}

._31EI- {
    display: -webkit-box;
    display: flex
}

._24mzu, ._31EI- {
    -webkit-box-align: center;
    align-items: center
}

._24mzu {
    position: relative;
    overflow: visible;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 var(--button_padding-x, 16px);
    min-width: var(--button_block_min-width, 74px);
    height: var(--button_height, 40px);
    background: transparent;
    border: none;
    border-radius: var(--button_border-radius, 4px);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: var(--button_font-weight, 500);
    font-size: var(--button_font-size, 12px);
    line-height: var(--button_line-height, 40px);
    cursor: pointer;
    -webkit-animation: .3s;
    animation: .3s
}

.-rtl-mode ._24mzu {
    direction: rtl
}

._redesign ._24mzu {
    font-family: var(--font_brand_font-family);
    letter-spacing: var(--button_letter-spacing)
}

@media screen and (max-width: 760px) {
    ._redesign ._24mzu {
        min-width: 0
    }
}

._24mzu:disabled {
    opacity: .4
}

._3QIKd {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: auto;
    text-align: center
}

._2FXia._24mzu {
    background: var(--color-primary, transparent);
    border: var(--button_border-width, 1px) solid var(--color-primary, #006add);
    color: var(--color-white, #000)
}

._2FXia._24mzu:hover {
    color: var(--color-white, #000);
    background: var(--color-primary-pressed, rgba(0, 106, 221, .15));
    border: 1px solid var(--color-primary-pressed, #006add)
}

.kOUd5._24mzu {
    background: var(--color-primary, transparent);
    border: var(--button_border-width, 1px) solid var(--color-primary, #006add);
    color: var(--color-white, #000)
}

.kOUd5._24mzu:hover {
    color: var(--color-white, #000);
    background: var(--color-primary-pressed, rgba(0, 106, 221, .15));
    border: 1px solid var(--color-primary-pressed, #006add)
}

._1in9k._24mzu {
    background: var(--color-primary, #006add);
    border: var(--button_border-width, 1px) solid var(--color-primary, #006add);
    color: var(--color-white, #fff)
}

._1in9k._24mzu:hover {
    color: var(--color-white, #fff);
    background: var(--color-primary-pressed, #0059b9);
    border: 1px solid var(--color-primary-pressed, #0059b9)
}

._2y8ip._24mzu {
    background: #006add;
    border: var(--button_border-width, 1px) solid #006add;
    color: #fff
}

._2y8ip._24mzu:hover {
    color: #000;
    background: #0059b9;
    border: 1px solid #0059b9
}

._1MH2Y._24mzu {
    background: #ff1a5f;
    border: var(--button_border-width, 1px) solid #ff1a5f;
    color: #fff
}

._1MH2Y._24mzu:hover {
    color: #fff;
    background: #f5004a;
    border: 1px solid #ff1a5f
}

._1c6UD._24mzu {
    background: #ffde08;
    border: var(--button_border-width, 1px) solid #ffde08;
    color: #000
}

._1c6UD._24mzu:hover {
    color: #000;
    background: rgba(255, 222, 8, .15);
    border: 1px solid #ffde08
}

.ynoNB._24mzu {
    background: #212529;
    border: var(--button_border-width, 1px) solid #212529;
    color: #fff;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.ynoNB._24mzu:hover {
    color: #fff;
    background: #0b0d0f;
    border: 1px solid #2e2e2e
}

._13Rdt._24mzu {
    background: var(--color-primary-light, #00c94c);
    border: var(--button_border-width, 1px) solid var(--color-primary-light, #00c94c);
    color: var(--color-primary, #fff);
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._13Rdt._24mzu:hover {
    color: var(--color-primary, #fff);
    background: var(--color-divider, #00a53f);
    border: 1px solid var(--color-divider, #00a53f)
}

._2V2eF._24mzu {
    background: #fff;
    border: var(--button_border-width, 1px) solid #fff;
    color: #000;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._2V2eF._24mzu:hover {
    color: #000;
    background: #e9e9ea;
    border: 1px solid #fff
}

._2V2eF._24mzu:focus {
    background: #ccc;
    border: var(--button_border-width, 1px) solid #ccc
}

._2ivIZ._24mzu {
    background: transparent;
    border: var(--button_border-width, 1px) solid transparent;
    color: #1e222c;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._2ivIZ._24mzu:hover {
    color: #101217;
    background: transparent;
    border: 1px solid transparent
}

._2ivIZ._24mzu:focus {
    background: transparent;
    border: var(--button_border-width, 1px) solid transparent
}

._1vo3d {
    width: 150px
}

._1vo3d._24mzu {
    background: #fff;
    border: var(--button_border-width, 1px) solid #fff;
    color: #212529;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._1vo3d._24mzu:hover {
    background: #e9e9ea;
    border: 1px solid #e9e9ea
}

._1vo3d._24mzu:focus {
    background: #ccc;
    border: var(--button_border-width, 1px) solid #ccc
}

._1vo3d ._3QIKd {
    height: 40px;
    text-align: left
}

._3bWop {
    width: 150px;
    display: -webkit-box;
    display: flex;
    margin: 0 auto
}

._3bWop._24mzu {
    background: #fff;
    border: var(--button_border-width, 1px) solid #fff;
    color: #212529;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._3bWop._24mzu:hover {
    background: #e9e9ea;
    border: 1px solid #e9e9ea
}

._3bWop._24mzu:focus {
    background: #ccc;
    border: var(--button_border-width, 1px) solid #ccc
}

._3bWop ._3QIKd {
    height: 40px;
    text-align: left
}

._2NjqR {
    position: relative;
    width: 100%;
    height: 67px;
    color: #2e2f30;
    background-color: #111517;
    border-bottom: 1px solid #2c2c30;
    z-index: 700
}

._redesign ._2NjqR {
    background-color: var(--color-white, #111517);
    height: 72px;
    border-bottom: 1px solid #e2e6f9
}

._1rxK5 {
    position: relative;
    display: -webkit-box;
    display: flex;
    align-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    max-width: 1240px;
    padding: 13px 16px;
    margin: 0 auto
}

._redesign ._1rxK5 {
    padding: 12px 16px
}

.-rtl-mode ._1rxK5 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

._1x6BA {
    padding: 10px 9px;
    margin-left: 5px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid transparent;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

._1x6BA:hover, ._2URc2 {
    background-color: var(--color-white, #0b0d0f);
    border-color: var(--color-white, #2e2e2e)
}

._2URc2 .country-alias:after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

._2URc2 .country-arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.-rtl-mode ._1x6BA {
    margin: 0 5px 0 0
}

._1uO15 {
    overflow: hidden;
    display: block;
    width: 134px;
    height: 28px;
    margin-right: 24px;
    color: #fff;
    cursor: pointer
}

._redesign ._1uO15 {
    width: 149px;
    height: 36px
}

.-rtl-mode ._redesign ._1uO15 {
    margin-left: auto
}

.-rtl-mode ._1uO15 {
    margin-right: 0;
    margin-left: 24px
}

.xzdig {
    display: block
}

.eTvX3 {
    display: block;
    margin-right: auto;
    font-size: 12px;
    line-height: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: #d2b775;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

._2dpxV {
    font-size: 15px;
    font-weight: 600;
    padding-left: 65px;
    line-height: 1;
    background: url(/static/home/images/ramadan.svg) left 50% no-repeat;
    color: #fff
}

.-rtl-mode ._2dpxV {
    direction: rtl;
    padding-left: 0;
    padding-right: 65px;
    background: url(/static/home/images/ramadan.svg) right 50% no-repeat
}

._28s4N {
    font-size: 15px;
    font-weight: 600;
    padding-left: 60px;
    line-height: 1;
    background: url(/static/home/images/covid-charity.svg) left 50% no-repeat;
    color: #fff
}

.-rtl-mode ._28s4N {
    direction: rtl;
    padding-left: 0;
    padding-right: 60px;
    background: url(/static/home/images/covid-charity.svg) right 50% no-repeat
}

.csn2f {
    position: absolute;
    top: -10px;
    left: 0
}

.-rtl-mode .csn2f {
    left: unset;
    right: 0
}

.eTvX3:hover {
    opacity: .6
}

.-rtl-mode .eTvX3 {
    margin-right: 0;
    margin-left: auto;
    text-align: right
}

._1-3zV {
    margin: 0 5px
}

._1-3zV._3JLM_ {
    min-width: 150px;
    margin-left: auto
}

.-rtl-mode ._1-3zV._3JLM_ {
    margin-left: 0
}

._redesign ._1-3zV._3JLM_ {
    height: 48px;
    border: none;
    min-width: 189px
}

._redesign ._1-3zV._3JLM_:hover {
    border: none
}

._1-3zV._3NZAC {
    min-width: 77px
}

._redesign ._1-3zV._3NZAC {
    height: 48px;
    border: none;
    min-width: 172px
}

._redesign ._1-3zV._3NZAC:hover {
    border: none
}

.kpUjd {
    position: relative;
    margin: -13px 9px -13px auto;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.-rtl-mode .kpUjd {
    margin: -13px auto -13px 9px
}

._3EMmM {
    display: -webkit-box;
    display: flex;
    padding: 13px 0 13px 7px;
    font-size: 12px;
    line-height: 40px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

._redesign ._3EMmM {
    padding-top: 18px
}

._1375w {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0
}

._1375w img {
    width: 100%;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

._1375w._2DFcz {
    border-radius: 50%;
    overflow: hidden
}

._2OnqK {
    width: 130px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    overflow: hidden
}

._redesign ._2OnqK {
    color: var(--color-black, #000);
    font-weight: 700
}

.-rtl-mode ._3EMmM {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    text-align: right;
    padding: 13px 7px 13px 10px
}

.-rtl-mode ._3EMmM ._1375w {
    margin: 0 0 0 10px
}

._2eTRz {
    margin-right: auto;
    font-size: 11px;
    line-height: 40px;
    text-transform: uppercase
}

.-rtl-mode ._2eTRz {
    text-align: right
}

._33BGI {
    margin-right: 15px;
    text-decoration: none;
    letter-spacing: .05em;
    color: #909090;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._33BGI:hover {
    color: #fff
}

.-rtl-mode ._33BGI {
    margin: 0 0 0 15px
}

._3XQoQ {
    position: absolute;
    top: 67px;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    background: #111517;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
    z-index: 650
}

.header-container--isScrolled ._3XQoQ {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

._redesign ._3XQoQ {
    background: var(--color-white, #111517);
    top: 72px;
    font-family: var(--font_brand_font-family);
    letter-spacing: var(--button_letter-spacing);
    border-bottom: 1px solid #e2e6f9
}

._3MOB1 {
    position: relative;
    z-index: 700;
    font-size: 13px;
    font-weight: 500;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 1240px;
    margin: auto;
    white-space: nowrap;
    text-transform: uppercase
}

.-rtl-mode ._3MOB1 {
    direction: rtl
}

._redesign ._3MOB1 {
    font-size: 14px;
    font-weight: 700;
    margin: 12px auto
}

@media screen and (max-width: 1200px) {
    html:lang(de) ._3MOB1, html:lang(pt) ._3MOB1 {
        font-size: 10px
    }

    html:lang(es) ._3MOB1, html:lang(vi) ._3MOB1 {
        font-size: 12px
    }
}

._22OUE {
    position: relative;
    display: inline-block;
    padding: 9px 20px;
    line-height: 40px;
    cursor: pointer;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

._redesign ._22OUE {
    display: inline-block;
    color: var(--color-black, #fff);
    line-height: 24px;
    padding: 8px 16px;
    border-radius: 41px;
    -webkit-transition-duration: initial;
    transition-duration: 0s;
    margin-right: 16px
}

.-rtl-mode ._redesign ._22OUE {
    margin-right: 0;
    margin-left: 16px
}

@media screen and (min-width: 1001px) {
    .-rtl-mode ._redesign ._22OUE {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (min-width: 1001px) {
    html:lang(es) ._redesign ._22OUE, html:lang(pt) ._redesign ._22OUE {
        padding: 8px 12px;
        margin-right: 0;
        font-size: 10px
    }
}

@media screen and (min-width: 1241px) {
    html:lang(es) ._redesign ._22OUE, html:lang(pt) ._redesign ._22OUE {
        padding: 8px 12px;
        margin-right: 0;
        font-size: 14px
    }
}

@media screen and (min-width: 1001px) {
    ._redesign ._22OUE {
        padding: 8px 9px;
        margin-right: 0
    }
}

@media screen and (min-width: 1241px) {
    ._redesign ._22OUE {
        padding: 8px 16px;
        margin-right: 16px
    }
}

._2ZKOH {
    background-color: #1a1d20
}

._redesign ._2ZKOH {
    background-color: var(--color-primary-light, #1a1d20);
    padding: 8px 16px
}

@media screen and (min-width: 1001px) {
    html:lang(es) ._redesign ._2ZKOH, html:lang(pt) ._redesign ._2ZKOH {
        padding: 8px 12px
    }
}

@media screen and (min-width: 1241px) {
    html:lang(es) ._redesign ._2ZKOH, html:lang(pt) ._redesign ._2ZKOH {
        padding: 8px 12px
    }
}

@media screen and (min-width: 1001px) {
    ._redesign ._2ZKOH {
        padding: 8px 9px
    }
}

@media screen and (min-width: 1241px) {
    ._redesign ._2ZKOH {
        padding: 8px 16px
    }
}

._2q-4y {
    color: #8b8b8b
}

._14-Bh {
    width: 150px;
    height: 40px;
    margin-left: -1px;
    margin-top: -1px
}

._redesign ._14-Bh {
    background-color: var(--color-black, #000);
    border-radius: 6px;
    border: 1px solid #a6a6a6;
    padding: 8px 11px;
    width: 162px;
    height: 48px;
    position: relative
}

._redesign ._1Rurg {
    -webkit-transform: translate(-16px, -4px);
    transform: translate(-16px, -4px)
}

._26pal {
    position: absolute;
    left: 48px;
    line-height: 1.1;
    font-size: 7.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

._redesign ._26pal {
    left: 49px;
    top: 23px;
    text-align: left;
    color: var(--color-white, #fff)
}

.-rtl-mode ._26pal {
    text-align: right
}

._26pal br {
    display: none
}

._26pal b {
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    display: block
}

._13lAk {
    background-color: var(--color-black, #000);
    border-radius: 6px;
    border: 1px solid var(--color-black, #000);
    padding: 10px 12px 8px;
    min-width: 143px;
    color: var(--color-white, #fff);
    height: 48px;
    width: 143px
}

._3q2ay {
    position: relative;
    top: 0;
    left: 18px;
    height: 100%;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -1px;
    margin-top: -1px
}

._redesign ._3q2ay {
    position: absolute
}

._3stby {
    width: auto;
    flex-shrink: 0;
    height: 22px
}

.wFwab {
    position: absolute;
    left: 42px;
    line-height: 11px;
    font-size: 8px;
    letter-spacing: .02em;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left
}

.wFwab br {
    display: none
}

.wFwab b {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 500;
    text-transform: none;
    display: block
}

.-rtl-mode .wFwab {
    text-align: right
}

._3tpO0 {
    position: absolute;
    left: 0;
    top: 67px;
    z-index: 600;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding: 0 20px 40px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width: 1001px) {
    ._3tpO0:before {
        content: "";
        position: absolute;
        top: 58px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #1a1d20
    }

    ._redesign ._3tpO0:before {
        background: var(--color-white, #1a1d20)
    }
}

._redesign ._3tpO0 {
    top: 72px;
    -webkit-filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .1)) drop-shadow(0 1px 10px rgba(0, 0, 0, .08)) drop-shadow(0 2px 4px rgba(0, 0, 0, .14));
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .1)) drop-shadow(0 1px 10px rgba(0, 0, 0, .08)) drop-shadow(0 2px 4px rgba(0, 0, 0, .14))
}

@media screen and (max-width: 1000px) {
    ._3tpO0 {
        padding: 0;
        top: 90px;
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
        display: none
    }

    ._redesign ._3tpO0 {
        -webkit-filter: none;
        filter: none
    }
}

._3moC9 {
    height: auto;
    padding: 94px 20px 30px
}

._redesign ._3moC9 {
    padding-bottom: 40px;
    padding-top: 104px
}

@media screen and (max-width: 1000px) {
    ._3moC9 {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        position: absolute;
        top: 60px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        height: auto;
        z-index: 1
    }

    ._3moC9, ._redesign ._3moC9 {
        padding: 0
    }
}

.header-container--isScrolled ._3tpO0 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

._363Mq {
    display: block
}

._2tHSa {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 1000px) {
    ._2tHSa {
        padding-bottom: 10px
    }
}

._37uaN {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    position: relative;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.-rtl-mode ._37uaN {
    direction: rtl
}

@media screen and (min-width: 1001px) {
    ._37uaN {
        padding: 0 20px;
        margin: 0 -20px
    }
}

@media screen and (max-width: 1000px) {
    ._37uaN {
        opacity: 1;
        top: 0;
        margin: 0
    }
}

._1zVLp {
    opacity: 1;
    max-height: 1000px;
    z-index: 2
}

@media screen and (max-width: 1000px) {
    ._1zVLp {
        display: block;
        max-height: inherit
    }
}

._2ieWO {
    list-style: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 76%;
    white-space: nowrap
}

._2ieWO._1bygT {
    display: block;
    width: 100%
}

@media screen and (max-width: 1000px) {
    ._2ieWO {
        width: 100%
    }
}

._3sElY {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 35.3%;
    padding-right: 20px
}

._3sElY._3zKIt {
    margin-left: auto
}

._3sElY.-XQ9W {
    border-top: 1px solid #434343
}

._redesign ._3sElY.-XQ9W {
    border: none
}

@media screen and (min-width: 1001px) {
    ._redesign ._3sElY.-XQ9W {
        padding-top: 0;
        margin-top: 24px
    }
}

@media screen and (max-width: 1000px) {
    ._redesign ._3sElY.-XQ9W {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 1001px) {
    ._3sElY.-XQ9W {
        padding-top: 28px;
        margin-top: 20px;
        width: 93.5%
    }
}

@media screen and (max-width: 1000px) {
    ._3sElY.-XQ9W {
        padding-top: 15px;
        margin-top: 7px
    }
}

._3sElY._1DxsJ {
    display: none
}

@media screen and (min-width: 1001px) {
    ._3sElY:not(.-XQ9W):nth-child(3) {
        width: 29.4%
    }

    ._1bygT ._3sElY {
        width: 25%
    }
}

@media screen and (max-width: 1000px) {
    ._3sElY {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        padding: 0;
        width: 100%;
        margin: 0
    }
}

._2Dz07 {
    display: block;
    width: 100%;
    height: 39px;
    max-width: 260px;
    min-width: 175px;
    line-height: 23px
}

._redesign ._2Dz07 {
    height: auto;
    margin-bottom: 0
}

@media screen and (max-width: 1000px) {
    ._2Dz07 {
        height: auto;
        max-width: none;
        position: relative
    }

    ._redesign ._2Dz07 {
        margin-bottom: 0
    }
}

._1j6rR {
    color: #e7e7e7;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 0
}

@media screen and (max-width: 1000px) {
    ._redesign ._1j6rR:active, ._redesign ._1j6rR:hover {
        background-color: unset;
        border-radius: 0 30px 30px 0;
        color: var(--color-primary, #0c34f0);
        width: auto;
        padding-right: 40px
    }

    .-rtl-mode ._redesign ._1j6rR:active, .-rtl-mode ._redesign ._1j6rR:hover {
        padding: 12px 20px 12px 40px;
        border-radius: 30px 0 0 30px;
        margin-bottom: 0
    }
}

._redesign ._1j6rR {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-subscript, #e7e7e7);
    margin-bottom: 24px;
    display: block
}

@media screen and (max-width: 1000px) {
    ._redesign ._1j6rR {
        margin-bottom: 0;
        min-height: 40px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
}

._1j6rR._1D6n- span, ._1j6rR._385oj span {
    color: #ff9a38 !important
}

._1j6rR._6O0Rt span {
    color: #ea201e !important
}

@media screen and (min-width: 1001px) {
    ._redesign .-XQ9W ._1j6rR {
        border: none;
        color: var(--color-primary, #434343);
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1001px) {
    .-XQ9W ._1j6rR {
        border-bottom: 1px solid #434343
    }
}

._1j6rR[href] {
    -webkit-transition: color .3s cubic-bezier(.165, .84, .44, 1);
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

._1j6rR[href]:hover {
    opacity: .6
}

@media screen and (max-width: 1000px) {
    ._1j6rR {
        font-size: 14px;
        cursor: pointer;
        display: block;
        text-decoration: none;
        padding: 8px 20px;
        width: 100%;
        text-align: left
    }

    ._1j6rR:focus, ._1j6rR:hover {
        background-color: #262b2e
    }

    ._redesign ._1j6rR {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1.25px;
        color: var(--color-black, #000)
    }

    .-rtl-mode ._3tVWk {
        text-align: right
    }

    ._3tVWk:after {
        content: "";
        background: transparent url(/static/home/images/menu-mark.svg) 50% no-repeat;
        width: 6px;
        height: 10px;
        position: absolute;
        right: 24px;
        top: 13px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .-rtl-mode ._3tVWk:after {
        right: auto;
        left: 24px
    }

    ._redesign ._3tVWk:after {
        background: transparent url(/static/home/images/menu-mark-icon-black.svg) 50% no-repeat;
        width: 24px;
        height: 24px;
        top: 11px
    }

    ._2rvTu {
        margin-bottom: 10px
    }

    ._2rvTu:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@media screen and (max-width: 1000px) and (max-width: 1000px) {
    ._redesign ._2rvTu:after {
        background: transparent url(/static/home/images/menu-mark-icon-primary.svg) 50% no-repeat;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

._1ULKe {
    font-size: 13px;
    font-weight: 200;
    display: block;
    padding: 5px 0;
    margin-bottom: 12px;
    max-width: 185px;
    line-height: 20px;
    text-decoration: none;
    color: #a0a0a0;
    -webkit-transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

._redesign ._1ULKe {
    color: #000;
    padding: 0;
    margin-bottom: 20px
}

._1ULKe:last-child {
    margin-bottom: 0
}

._1ULKe.subnav__link--islamicIcon {
    position: relative
}

.-rtl-mode ._1ULKe.subnav__link--islamicIcon {
    right: 0;
    left: auto
}

._1ULKe.subnav__link--islamicIcon:before {
    position: absolute;
    left: auto;
    right: 100%;
    top: 0;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    content: "";
    background: url(/static/home/images/icon-islamic-moon.svg) 50% 50% no-repeat;
    background-size: cover
}

.-rtl-mode ._1ULKe, .-rtl-mode ._1ULKe.subnav__link--islamicIcon:before {
    right: auto;
    left: 100%
}

._1ULKe:hover {
    text-decoration: none;
    color: #fff
}

._redesign ._1ULKe:hover {
    color: var(--color-primary, #fff)
}

@media screen and (min-width: 1001px) {
    ._1ULKe {
        float: left;
        clear: both
    }

    .-rtl-mode ._1ULKe {
        float: right
    }
}

@media screen and (max-width: 1000px) {
    ._1ULKe {
        font-weight: 200;
        font-size: 14px;
        color: #a0a0a0;
        display: inline-block;
        vertical-align: top;
        width: auto;
        max-width: none;
        margin-bottom: 0;
        padding-left: 40px;
        color: #e7e7e7
    }

    ._1ULKe:focus, ._1ULKe:hover {
        background-color: #262b2e
    }

    ._redesign ._1ULKe:hover {
        background: transparent
    }

    .-rtl-mode ._1ULKe {
        padding-right: 40px;
        padding-left: 0
    }

    ._redesign ._1ULKe {
        margin-bottom: 0;
        padding: 8px 0;
        letter-spacing: .25px
    }
}

._3UuIU {
    font-size: 10px;
    line-height: 11px
}

._1UPyk {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 1000px) {
    ._1UPyk {
        overflow: hidden;
        -webkit-transition: height .2s ease-out;
        transition: height .2s ease-out;
        width: 100%
    }

    ._redesign ._1UPyk {
        padding-left: 34px
    }

    .-rtl-mode ._redesign ._1UPyk {
        padding-right: 34px;
        padding-left: 0
    }
}

@media screen and (min-width: 1001px) {
    ._1UPyk {
        display: block !important
    }
}

._28j8M {
    display: block;
    width: 24%;
    color: #e7e7e7;
    text-align: center
}

@media screen and (max-width: 1000px) {
    ._28j8M {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }

    ._redesign ._28j8M {
        margin-top: 24px
    }
}

@media screen and (min-width: 1001px) {
    .header-container--isScrolled ._28j8M {
        opacity: 0
    }
}

._3QzlW {
    text-decoration: none;
    color: #fff
}

._3jV9a {
    margin: 0 auto 11px;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase
}

._redesign ._3jV9a {
    font-weight: 600;
    color: var(--color-black, #000);
    margin: 0 auto 16px;
    letter-spacing: .15px;
    text-transform: none;
    font-family: var(--font_brand_font-family)
}

@media screen and (max-width: 1000px) {
    ._redesign ._3jV9a {
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 20px
    }
}

@media screen and (max-width: 1000px) {
    ._3jV9a {
        font-size: 16px;
        margin-top: 30px
    }
}

._3jV9a._1tlgE {
    margin-bottom: 0
}

._11djb {
    margin: 0 auto 11px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700
}

._redesign ._11djb {
    font-weight: 600;
    color: var(--color-black, #000);
    margin: 0 auto 16px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .15px;
    text-transform: none;
    font-family: var(--font_brand_font-family)
}

@media screen and (max-width: 1000px) {
    ._redesign ._11djb {
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 20px
    }
}

._1XSMl {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

._2VDVc ._1XSMl {
    margin-top: -7px
}

._2OG_- ._1XSMl {
    margin-top: 8px
}

._3x8FS ._1XSMl {
    margin-top: -10px
}

._3BZdE ._1XSMl {
    margin-bottom: -10px
}

._3SoKw ._1XSMl {
    margin-top: 7px;
    margin-bottom: -6px
}

._22aKy ._1XSMl {
    margin-top: 4px;
    margin-bottom: -7px
}

._2TYxN ._1XSMl {
    margin-top: -10px;
    margin-bottom: -44px
}

._1kgZK ._1XSMl {
    margin-top: -20px;
    margin-bottom: -47px
}

._1NI05 {
    min-width: 150px;
    padding: 0 10px;
    margin: 24px auto 0
}

._1NI05._1E71s {
    margin: 0 auto
}

._redesign ._1NI05._2nzIt:hover {
    background: none;
    border: none
}

._redesign ._1NI05 {
    min-width: 183px;
    height: 48px
}

@media screen and (max-width: 1000px) {
    ._redesign ._1NI05 {
        min-width: 200px
    }
}

@media screen and (max-width: 1000px) {
    ._1NI05 {
        margin-bottom: 20px
    }
}

._3vPRj {
    --color-primary-pressed: #0026c2;
    --color-primary: #0c34f0;
    --color-primary-light: #f3f5fe;
    --color-divider: #e2e6f9;
    --color-success-hover-pressed: #008c32;
    --color-success: #00b432;
    --color-success-light: #f2fbf4;
    --color-notify: #ffa217;
    --color-notify-light: #fff6e8;
    --color-error: #f5281e;
    --color-error-light: #feeeed;
    --color-black: #0b0b16;
    --color-subscript: #828ca0;
    --color-subscript-10: rgba(130, 140, 160, 0.1);
    --color-white: #fff;
    --color-transparent: transparent;
    --color-hint: #171720;
    --font_brand_font-family: Plus Jakarta Sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font_body_font-family: Roboto, RobotoDraft, Droid Sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font_uppercase: uppercase;
    --radius_full: 999em;
    --radius_xs: 8px;
    --radius_s: 12px;
    --radius_m: 16px;
    --radius_l: 24px;
    --radius_xl: 32px;
    --headline_1_font-weight: 700;
    --headline_1_font-size: 48px;
    --headline_1_line-height: 56px;
    --headline_2_font-weight: 700;
    --headline_2_font-size: 32px;
    --headline_2_line-height: 40px;
    --headline_3_font-weight: 600;
    --headline_3_font-size: 24px;
    --headline_3_line-height: 32px;
    --headline_4_font-weight: 600;
    --headline_4_font-size: 20px;
    --headline_4_line-height: 24px;
    --special_numbers_font-weight: 700;
    --special_numbers_font-size: 24px;
    --special_numbers_line-height: 32px;
    --subtitle_1_font-weight: 600;
    --subtitle_1_font-size: 16px;
    --subtitle_1_line-height: 24px;
    --subtitle_2_font-weight: 600;
    --subtitle_2_font-size: 14px;
    --subtitle_2_line-height: 20px;
    --body_1_font-weight: 400;
    --body_1_font-size: 16px;
    --body_1_line-height: 24px;
    --body_1_letter-spacing: .5px;
    --body_2_font-weight: 400;
    --body_2_font-size: 14px;
    --body_2_line-height: 20px;
    --body_2_letter-spacing: .25px;
    --button_font-weight: 700;
    --button_font-size: 14px;
    --button_line-height: 24px;
    --button_letter-spacing: 1.25px;
    --caption_font-weight: 400;
    --caption_font-size: 12px;
    --caption_line-height: 16px;
    --caption_letter-spacing: .4px;
    --overline_font-weight: 600;
    --overline_font-size: 10px;
    --overline_line-height: 14px;
    --overline_letter-spacing: 1.5px;
    --overline_text-transform: uppercase;
    --label_font-weight: 500;
    --label_font-size: 8px;
    --label_line-height: 9.5px;
    --label_letter-spacing: .5px;
    --space-xl: 56px;
    --space_l: 32px;
    --space_m: 24px;
    --space_s: 16px;
    --space_xs: 8px;
    --button_height: 56px;
    --button_height_small: 48px;
    --button_block_min-width: 312px;
    --button_border-radius: 100px;
    --button_border-width: 2px;
    --button_padding-y: 16px;
    --button_padding-y_small: 8px;
    --button_padding-x: 32px;
    --button_padding-x_small: 16px;
    --radiobox_size: 20px;
    --radiobox_border-radius: 4px;
    --radiobox_border-width: 2px;
    --radiobox-inner_size: 10px;
    --input_height: 56px;
    --input_border-width: 2px;
    --input_border-radius: var(--radius_m);
    --input_padding-x: var(--space_s);
    --input_padding-y: var(--space_s);
    --input_padding: var(--input_padding-y) var(--input_padding-x);
    --input_shadow: none;
    --input_disabled-opacity: .5;
    --input_label-position: absolute;
    --input_label-z-index: 1;
    --input_label-x-padding: 7px;
    --input_label-padding: 0 var(--input_label-x-padding);
    --input_label-margin-bottom: 0;
    --input_label-focus-margin-x: calc(var(--input_padding-x) - var(--input_label-x-padding));
    --input_label-focus-margin: 0 var(--input_label-focus-margin-x);
    --input_label-focus-pointer-event: none;
    --input_label-top: calc(var(--input_height) / 2);
    --input_label-focus-top: 0;
    --input_label-transform: translateY(-50%);
    --input_label-transition: all .3s ease;
    --input_label-max-width: calc(100% - var(--input_label-focus-margin-x) * 2);
    --input_label-overflow: hidden;
    --input_label-text-overflow: ellipsis;
    --input_label-white-space: nowrap;
    --input_label-overflow-direction-rtl: ltr;
    --input_post-label-margin: 8px var(--input_label-focus-margin-x) 0;
    --input_prefix-width: 36px;
    --input_padding-width-prefix: calc(var(--input_prefix-width) + var(--input_padding-x) - 3px);
    --input_padding-width-slot: calc(var(--input_prefix-width) + var(--input_padding-x) + 10px);
    --input_color-error: var(--color-error);
    --input_placeholder-color: var(--color-subscript);
    --input_background-color: var(--color-white);
    --input_text-color: var(--color-black);
    --input_focus-color: var(--color-primary);
    --input_border-color: var(--color-divider);
    --multiselect_shadow: none;
    --multiselect_min-height: var(--input_height);
    --multiselect_padding-x: var(--input_padding-x);
    --multiselect_border-width: var(--input_border-width);
    --multiselect_border-radius: var(--input_border-radius);
    --multiselect_label-z-index: 11;
    --multiselect_label-max-width: calc(var(--input_label-max-width) - 40px + var(--multiselect_padding-x));
    --multiselect_caret-height: 100%;
    --multiselect_content-margin: 4px 0 18px;
    --multiselect_content-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.14);
    --multiselect_content-border-with: 0;
    --multiselect_content-border-radius: var(--radius_xs);
    --multiselect_content-y-margin: var(--space_s);
    --multiselect_content-min-height: var(--space-xl);
    --multiselect_content-padding-x: var(--space_m);
    --multiselect_content-padding-y: var(--space_s);
    --multiselect_border-color: var(--color-divider);
    --multiselect_content-border-color: transparent;
    --multiselect_content-hover-color: rgba(0, 38, 194, 0.04);
    --multiselect_placeholder-color: var(--input_placeholder-color);
    --multiselect_error-color: var(--color-error);
    --multiselect_active-color: var(--color-primary);
    --badge_radius: var(--radius_full);
    --badge_padding-top: 4px;
    --badge_padding-right: 8px;
    --badge_color-primary: var(--color-primary);
    --badge_color-secondary: var(--color-primary-light);
    --badge_color-success: var(--color-success);
    --badge_color-danger: var(--color-error);
    --badge_color-warning: var(--color-notify);
    --badge_color-info: var(--color-divider);
    --badge_color-light: var(--color-white);
    --badge_color-dark: var(--color-black);
    --badge_font-size: 8px;
    --badge_font-weight: 500;
    --badge_letter-spacing: .5px
}

._1qtEH {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    right: 0;
    min-width: 320px;
    height: 67px;
    background: var(--color-white, #111517);
    border-bottom: 1px solid #2c2c30;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._25WpG {
    display: block
}

._1qtEH._3vPRj {
    height: 72px;
    font-family: var(--font_brand_font-family)
}

@media screen and (max-width: 1240px) {
    ._3VJIn {
        margin-right: 0
    }
}

@media screen and (max-width: 1000px) {
    ._1qtEH {
        min-height: 70px;
        border-bottom: none;
        background: 0 0
    }

    ._25WpG {
        display: none
    }

    ._2S2mW {
        background: rgba(0, 0, 0, .7)
    }
}

._24mzu {
    position: relative;
    overflow: visible;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 var(--button_padding-x, 16px);
    min-width: var(--button_block_min-width, 74px);
    height: var(--button_height, 40px);
    background: transparent;
    border: none;
    border-radius: var(--button_border-radius, 4px);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: var(--button_font-weight, 500);
    font-size: var(--button_font-size, 12px);
    line-height: var(--button_line-height, 40px);
    cursor: pointer;
    -webkit-animation: .3s;
    animation: .3s
}

.-rtl-mode ._24mzu {
    direction: rtl
}

._redesign ._24mzu {
    font-family: var(--font_brand_font-family);
    letter-spacing: var(--button_letter-spacing)
}

@media screen and (max-width: 760px) {
    ._redesign ._24mzu {
        min-width: 0
    }
}

._24mzu:disabled {
    opacity: .4
}

._3QIKd {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: auto;
    text-align: center
}

._2FXia._24mzu {
    background: var(--color-primary, transparent);
    border: var(--button_border-width, 1px) solid var(--color-primary, #006add);
    color: var(--color-white, #000)
}

._2FXia._24mzu:hover {
    color: var(--color-white, #000);
    background: var(--color-primary-pressed, rgba(0, 106, 221, .15));
    border: 1px solid var(--color-primary-pressed, #006add)
}

.kOUd5._24mzu {
    background: var(--color-primary, transparent);
    border: var(--button_border-width, 1px) solid var(--color-primary, #006add);
    color: var(--color-white, #000)
}

.kOUd5._24mzu:hover {
    color: var(--color-white, #000);
    background: var(--color-primary-pressed, rgba(0, 106, 221, .15));
    border: 1px solid var(--color-primary-pressed, #006add)
}

._1in9k._24mzu {
    background: var(--color-primary, #006add);
    border: var(--button_border-width, 1px) solid var(--color-primary, #006add);
    color: var(--color-white, #fff)
}

._1in9k._24mzu:hover {
    color: var(--color-white, #fff);
    background: var(--color-primary-pressed, #0059b9);
    border: 1px solid var(--color-primary-pressed, #0059b9)
}

._2y8ip._24mzu {
    background: #006add;
    border: var(--button_border-width, 1px) solid #006add;
    color: #fff
}

._2y8ip._24mzu:hover {
    color: #000;
    background: #0059b9;
    border: 1px solid #0059b9
}

._1MH2Y._24mzu {
    background: #ff1a5f;
    border: var(--button_border-width, 1px) solid #ff1a5f;
    color: #fff
}

._1MH2Y._24mzu:hover {
    color: #fff;
    background: #f5004a;
    border: 1px solid #ff1a5f
}

._1c6UD._24mzu {
    background: #ffde08;
    border: var(--button_border-width, 1px) solid #ffde08;
    color: #000
}

._1c6UD._24mzu:hover {
    color: #000;
    background: rgba(255, 222, 8, .15);
    border: 1px solid #ffde08
}

.ynoNB._24mzu {
    background: #212529;
    border: var(--button_border-width, 1px) solid #212529;
    color: #fff;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.ynoNB._24mzu:hover {
    color: #fff;
    background: #0b0d0f;
    border: 1px solid #2e2e2e
}

._13Rdt._24mzu {
    background: var(--color-primary-light, #00c94c);
    border: var(--button_border-width, 1px) solid var(--color-primary-light, #00c94c);
    color: var(--color-primary, #fff);
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._13Rdt._24mzu:hover {
    color: var(--color-primary, #fff);
    background: var(--color-divider, #00a53f);
    border: 1px solid var(--color-divider, #00a53f)
}

._2V2eF._24mzu {
    background: #fff;
    border: var(--button_border-width, 1px) solid #fff;
    color: #000;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._2V2eF._24mzu:hover {
    color: #000;
    background: #e9e9ea;
    border: 1px solid #fff
}

._2V2eF._24mzu:focus {
    background: #ccc;
    border: var(--button_border-width, 1px) solid #ccc
}

._2ivIZ._24mzu {
    background: transparent;
    border: var(--button_border-width, 1px) solid transparent;
    color: #1e222c;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._2ivIZ._24mzu:hover {
    color: #101217;
    background: transparent;
    border: 1px solid transparent
}

._2ivIZ._24mzu:focus {
    background: transparent;
    border: var(--button_border-width, 1px) solid transparent
}

._1vo3d {
    width: 150px
}

._1vo3d._24mzu {
    background: #fff;
    border: var(--button_border-width, 1px) solid #fff;
    color: #212529;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._1vo3d._24mzu:hover {
    background: #e9e9ea;
    border: 1px solid #e9e9ea
}

._1vo3d._24mzu:focus {
    background: #ccc;
    border: var(--button_border-width, 1px) solid #ccc
}

._1vo3d ._3QIKd {
    height: 40px;
    text-align: left
}

._3bWop {
    width: 150px;
    display: -webkit-box;
    display: flex;
    margin: 0 auto
}

._3bWop._24mzu {
    background: #fff;
    border: var(--button_border-width, 1px) solid #fff;
    color: #212529;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._3bWop._24mzu:hover {
    background: #e9e9ea;
    border: 1px solid #e9e9ea
}

._3bWop._24mzu:focus {
    background: #ccc;
    border: var(--button_border-width, 1px) solid #ccc
}

._3bWop ._3QIKd {
    height: 40px;
    text-align: left
}

._10tk5 {
    position: relative;
    display: inline-block;
    overflow: hidden
}

@media screen and (max-width: 1000px) {
    ._redesign ._10tk5 {
        display: -webkit-inline-box;
        display: inline-flex
    }
}

._2Kx6b {
    width: auto;
    height: auto;
    border-radius: 3px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

._redesign ._2Kx6b {
    width: auto;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

._2Kx6b img {
    opacity: .92;
    width: 100%;
    height: auto;
    border-radius: 3px;
    display: block;
    box-shadow: 0 0 2px rgba(0, 0, 0, .4)
}

.bVn_y:before {
    content: "";
    width: 24px;
    height: 24px;
    margin-left: 7px;
    background: url(/static/home/images/icon-arrrow-flag.svg) no-repeat 50%;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

._1zfwl {
    position: relative;
    padding: 0 15px 0 8px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

._1zfwl:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 0;
    height: 0;
    border-color: hsla(0, 0%, 97.3%, .65) transparent transparent;
    border-style: solid;
    border-width: 4px 3px 0
}

.-rtl-mode ._1zfwl {
    -webkit-box-ordinal-group: 0;
    order: -1;
    padding: 0 8px 0 15px
}

.-rtl-mode ._1zfwl:after {
    right: auto;
    left: 0
}

._2BKAb ._2Kx6b img {
    width: 54px
}

._3I-GX ._2Kx6b img {
    width: 24px
}

._1vG13 ._2Kx6b img {
    width: 16px
}

._2fykf, ._31EI- {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

._2fykf {
    width: 44px;
    height: 44px;
    padding: 0;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #fff
}

._2fykf svg {
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
}

._redesign ._2fykf svg {
    stroke: var(--color-subscript, #000)
}

._1vXv4 {
    width: 44px;
    height: 44px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #fff
}

._1vXv4 svg {
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
}

._1vXv4 svg._2GZvm {
    display: block
}

._1vXv4 svg._1e0cr, ._redesign ._1vXv4 svg._2GZvm {
    display: none
}

._redesign ._1vXv4 svg._1e0cr {
    display: block
}

._redesign ._1vXv4 svg {
    stroke: unset
}

@-webkit-keyframes _2oxIe {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        display: none
    }
}

@keyframes _2oxIe {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        display: none
    }
}

._3zJ2A {
    display: none
}

@media screen and (max-width: 1000px) {
    ._3zJ2A {
        position: absolute;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 60px;
        top: 0;
        left: 0;
        z-index: 501;
        padding: 0 8px;
        -webkit-transition: background-color .4s;
        transition: background-color .4s
    }

    ._redesign ._3zJ2A {
        background: var(--color-white, #fff)
    }
}

@media screen and (max-width: 1000px) {
    ._9PQ_r {
        background-color: rgba(0, 0, 0, .9)
    }

    ._redesign ._9PQ_r {
        background: var(--color-white, #fff);
        box-shadow: 0 4px 5px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .14)
    }
}

@media screen and (max-width: 1000px) {
    ._2cLiC {
        background: none
    }

    ._2cLiC, ._redesign ._2cLiC {
        box-shadow: none
    }
}

@media screen and (max-width: 1000px) {
    ._3H3i7 {
        width: 44px;
        height: 44px;
        padding: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        cursor: pointer;
        border: none;
        background-color: transparent;
        color: #fff;
        margin-left: auto
    }

    ._3H3i7 svg {
        stroke: #fff;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round
    }

    ._redesign ._3H3i7 svg {
        stroke: unset
    }

    ._redesign ._3H3i7 {
        color: unset
    }
}

._1xAc0 {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #fff;
    padding: 0 0 0 8px
}

._1xAc0 svg {
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
}

._2O9LK {
    z-index: 600;
    width: 44px;
    height: 44px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #fff
}

._2O9LK svg {
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
}

.woMSd {
    -webkit-box-ordinal-group: 2;
    order: 1;
    margin-left: auto
}

._redesign ._2O9LK svg {
    stroke: unset
}

._redesign ._2O9LK {
    color: unset
}

._24fJz {
    margin-left: auto
}

._redesign ._24fJz svg {
    stroke: unset
}

._redesign ._24fJz {
    color: unset
}

._1fO3X {
    width: 44px;
    height: 44px;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #fff;
    margin-left: auto
}

._1fO3X svg {
    stroke: #fff;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
}

._redesign ._1fO3X svg {
    stroke: var(--color-subscript)
}

._redesign ._1fO3X {
    color: unset
}

._1Hn4j {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

._1tGZN {
    left: 100px
}

._2KLed {
    z-index: 1;
    height: 33px;
    position: relative
}

@media screen and (max-width: 470px) {
    ._2KLed {
        height: 24px
    }

    ._redesign ._2KLed {
        height: 28px
    }
}

._1kZVj {
    height: 100%
}

._85rXB {
    margin-left: 16px;
    display: -webkit-box;
    display: flex;
    position: relative;
    top: 2px
}

@media screen and (max-width: 470px) {
    ._85rXB {
        margin-left: 10px
    }
}

.logo-fade-enter-active, .logo-fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.logo-fade-enter, .logo-fade-leave-to {
    opacity: 0
}

._3-6TP {
    color: #e7e7e7;
    opacity: .6;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 12px;
    text-align: center;
    -webkit-box-flex: 1;
    flex-grow: 1
}

._redesign ._3-6TP {
    color: var(--color-subscript, #e7e7e7);
    opacity: 1;
    font-size: 10px
}

._1ozpY {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    background: #1a1d20;
    z-index: 1
}

._redesign ._1ozpY {
    background: var(--color-white, #1a1d20)
}

.GKc4x {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

._1fnfi {
    position: absolute;
    top: 70px;
    bottom: 90px;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    white-space: nowrap
}

._1RoQl {
    display: inline-block;
    overflow-y: auto;
    width: 100vw;
    vertical-align: top;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._1WkVq {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

._2aMbW {
    position: relative;
    z-index: 700;
    font-size: 13px;
    font-weight: 500;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 1200px;
    margin: auto;
    white-space: nowrap;
    text-transform: uppercase;
    height: auto
}

.-rtl-mode ._2aMbW {
    direction: rtl
}

.BeWuP {
    position: relative;
    display: block;
    min-height: 40px;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
    cursor: pointer;
    letter-spacing: .02em;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.BeWuP:focus, .BeWuP:hover {
    background-color: #262b2e
}

._redesign .BeWuP:active, ._redesign .BeWuP:hover {
    background-color: var(--color-primary-light, #fff);
    border-radius: 0 30px 30px 0;
    color: var(--color-primary, #0c34f0);
    width: auto;
    padding-right: 40px
}

@media screen and (max-width: 1000px) {
    ._redesign .BeWuP:active, ._redesign .BeWuP:hover {
        background-color: unset
    }
}

.BeWuP:after {
    content: "";
    background: transparent url(/static/home/images/menu-mark.svg) 50% no-repeat;
    width: 6px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 14px
}

.-rtl-mode .BeWuP:after {
    right: auto;
    left: 20px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

._redesign .BeWuP:after {
    background: transparent url(/static/home/images/menu-mark-icon-black.svg) 50% no-repeat;
    width: 24px;
    height: 24px;
    top: 8px
}

@media screen and (max-width: 1000px) {
    ._redesign .BeWuP:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

._redesign .BeWuP {
    color: var(--color-black, #000);
    padding-left: 24px;
    padding-right: 24px
}

@media screen and (max-width: 1000px) {
    .BeWuP {
        font-weight: 500;
        font-size: 14px
    }
}

._1gGob {
    text-transform: uppercase;
    font-size: 12px
}

.-rtl-mode ._1gGob {
    direction: rtl;
    text-align: inherit;
    padding: 0 30px 20px
}

@media screen and (max-width: 1000px) {
    ._1gGob {
        height: auto;
        padding-bottom: 30px
    }
}

._3Os_y {
    color: #e7e7e7;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    letter-spacing: .05em;
    opacity: .6;
    padding-left: 20px;
    padding-right: 20px
}

._3Os_y:focus, ._3Os_y:hover {
    background-color: #262b2e
}

@media screen and (max-width: 1000px) {
    ._redesign ._3Os_y:focus, ._redesign ._3Os_y:hover {
        background: transparent;
        color: var(--color-primary, #000)
    }
}

._redesign ._3Os_y {
    padding-left: 24px;
    padding-right: 24px;
    height: 32px;
    color: var(--color-subscript, #828ca0);
    letter-spacing: .25px;
    opacity: 1;
    text-transform: none
}

._1iNrW {
    height: 2px;
    border: none;
    background-color: hsla(0, 0%, 50.2%, .5);
    margin: 20px
}

._redesign ._1iNrW {
    background-color: #e2e6f9;
    height: 1px
}

._14-Bh {
    width: 150px;
    height: 40px;
    margin-left: -1px;
    margin-top: -1px
}

._redesign ._14-Bh {
    background-color: var(--color-black, #000);
    border-radius: 6px;
    border: 1px solid #a6a6a6;
    padding: 8px 11px;
    width: 162px;
    height: 48px;
    position: relative
}

._redesign ._1Rurg {
    -webkit-transform: translate(-16px, -4px);
    transform: translate(-16px, -4px)
}

._26pal {
    position: absolute;
    left: 48px;
    line-height: 1.1;
    font-size: 7.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

._redesign ._26pal {
    left: 49px;
    top: 23px;
    text-align: left;
    color: var(--color-white, #fff)
}

.-rtl-mode ._26pal {
    text-align: right
}

._26pal br {
    display: none
}

._26pal b {
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    display: block
}

._13lAk {
    background-color: var(--color-black, #000);
    border-radius: 6px;
    border: 1px solid var(--color-black, #000);
    padding: 10px 12px 8px;
    min-width: 143px;
    color: var(--color-white, #fff);
    height: 48px;
    width: 143px
}

._3q2ay {
    position: relative;
    top: 0;
    left: 18px;
    height: 100%;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -1px;
    margin-top: -1px
}

._redesign ._3q2ay {
    position: absolute
}

._3stby {
    width: auto;
    flex-shrink: 0;
    height: 22px
}

.wFwab {
    position: absolute;
    left: 42px;
    line-height: 11px;
    font-size: 8px;
    letter-spacing: .02em;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left
}

.wFwab br {
    display: none
}

.wFwab b {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.03em;
    font-weight: 500;
    text-transform: none;
    display: block
}

.-rtl-mode .wFwab {
    text-align: right
}

._3tpO0 {
    position: absolute;
    left: 0;
    top: 67px;
    z-index: 600;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding: 0 20px 40px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (min-width: 1001px) {
    ._3tpO0:before {
        content: "";
        position: absolute;
        top: 58px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #1a1d20
    }

    ._redesign ._3tpO0:before {
        background: var(--color-white, #1a1d20)
    }
}

._redesign ._3tpO0 {
    top: 72px;
    -webkit-filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .1)) drop-shadow(0 1px 10px rgba(0, 0, 0, .08)) drop-shadow(0 2px 4px rgba(0, 0, 0, .14));
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .1)) drop-shadow(0 1px 10px rgba(0, 0, 0, .08)) drop-shadow(0 2px 4px rgba(0, 0, 0, .14))
}

@media screen and (max-width: 1000px) {
    ._3tpO0 {
        padding: 0;
        top: 90px;
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
        display: none
    }

    ._redesign ._3tpO0 {
        -webkit-filter: none;
        filter: none
    }
}

._3moC9 {
    height: auto;
    padding: 94px 20px 30px
}

._redesign ._3moC9 {
    padding-bottom: 40px;
    padding-top: 104px
}

@media screen and (max-width: 1000px) {
    ._3moC9 {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        position: absolute;
        top: 60px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        height: auto;
        z-index: 1
    }

    ._3moC9, ._redesign ._3moC9 {
        padding: 0
    }
}

.header-container--isScrolled ._3tpO0 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

._363Mq {
    display: block
}

._2tHSa {
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 1000px) {
    ._2tHSa {
        padding-bottom: 10px
    }
}

._37uaN {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    position: relative;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.-rtl-mode ._37uaN {
    direction: rtl
}

@media screen and (min-width: 1001px) {
    ._37uaN {
        padding: 0 20px;
        margin: 0 -20px
    }
}

@media screen and (max-width: 1000px) {
    ._37uaN {
        opacity: 1;
        top: 0;
        margin: 0
    }
}

._1zVLp {
    opacity: 1;
    max-height: 1000px;
    z-index: 2
}

@media screen and (max-width: 1000px) {
    ._1zVLp {
        display: block;
        max-height: inherit
    }
}

._2ieWO {
    list-style: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 76%;
    white-space: nowrap
}

._2ieWO._1bygT {
    display: block;
    width: 100%
}

@media screen and (max-width: 1000px) {
    ._2ieWO {
        width: 100%
    }
}

._3sElY {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 35.3%;
    padding-right: 20px
}

._3sElY._3zKIt {
    margin-left: auto
}

._3sElY.-XQ9W {
    border-top: 1px solid #434343
}

._redesign ._3sElY.-XQ9W {
    border: none
}

@media screen and (min-width: 1001px) {
    ._redesign ._3sElY.-XQ9W {
        padding-top: 0;
        margin-top: 24px
    }
}

@media screen and (max-width: 1000px) {
    ._redesign ._3sElY.-XQ9W {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 1001px) {
    ._3sElY.-XQ9W {
        padding-top: 28px;
        margin-top: 20px;
        width: 93.5%
    }
}

@media screen and (max-width: 1000px) {
    ._3sElY.-XQ9W {
        padding-top: 15px;
        margin-top: 7px
    }
}

._3sElY._1DxsJ {
    display: none
}

@media screen and (min-width: 1001px) {
    ._3sElY:not(.-XQ9W):nth-child(3) {
        width: 29.4%
    }

    ._1bygT ._3sElY {
        width: 25%
    }
}

@media screen and (max-width: 1000px) {
    ._3sElY {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        padding: 0;
        width: 100%;
        margin: 0
    }
}

._2Dz07 {
    display: block;
    width: 100%;
    height: 39px;
    max-width: 260px;
    min-width: 175px;
    line-height: 23px
}

._redesign ._2Dz07 {
    height: auto;
    margin-bottom: 0
}

@media screen and (max-width: 1000px) {
    ._2Dz07 {
        height: auto;
        max-width: none;
        position: relative
    }

    ._redesign ._2Dz07 {
        margin-bottom: 0
    }
}

._1j6rR {
    color: #e7e7e7;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 0
}

@media screen and (max-width: 1000px) {
    ._redesign ._1j6rR:active, ._redesign ._1j6rR:hover {
        background-color: unset;
        border-radius: 0 30px 30px 0;
        color: var(--color-primary, #0c34f0);
        width: auto;
        padding-right: 40px
    }

    .-rtl-mode ._redesign ._1j6rR:active, .-rtl-mode ._redesign ._1j6rR:hover {
        padding: 12px 20px 12px 40px;
        border-radius: 30px 0 0 30px;
        margin-bottom: 0
    }
}

._redesign ._1j6rR {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--color-subscript, #e7e7e7);
    margin-bottom: 24px;
    display: block
}

@media screen and (max-width: 1000px) {
    ._redesign ._1j6rR {
        margin-bottom: 0;
        min-height: 40px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
}

._1j6rR._1D6n- span, ._1j6rR._385oj span {
    color: #ff9a38 !important
}

._1j6rR._6O0Rt span {
    color: #ea201e !important
}

@media screen and (min-width: 1001px) {
    ._redesign .-XQ9W ._1j6rR {
        border: none;
        color: var(--color-primary, #434343);
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1001px) {
    .-XQ9W ._1j6rR {
        border-bottom: 1px solid #434343
    }
}

._1j6rR[href] {
    -webkit-transition: color .3s cubic-bezier(.165, .84, .44, 1);
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

._1j6rR[href]:hover {
    opacity: .6
}

@media screen and (max-width: 1000px) {
    ._1j6rR {
        font-size: 14px;
        cursor: pointer;
        display: block;
        text-decoration: none;
        padding: 8px 20px;
        width: 100%;
        text-align: left
    }

    ._1j6rR:focus, ._1j6rR:hover {
        background-color: #262b2e
    }

    ._redesign ._1j6rR {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1.25px;
        color: var(--color-black, #000)
    }

    .-rtl-mode ._3tVWk {
        text-align: right
    }

    ._3tVWk:after {
        content: "";
        background: transparent url(/static/home/images/menu-mark.svg) 50% no-repeat;
        width: 6px;
        height: 10px;
        position: absolute;
        right: 24px;
        top: 13px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .-rtl-mode ._3tVWk:after {
        right: auto;
        left: 24px
    }

    ._redesign ._3tVWk:after {
        background: transparent url(/static/home/images/menu-mark-icon-black.svg) 50% no-repeat;
        width: 24px;
        height: 24px;
        top: 11px
    }

    ._2rvTu {
        margin-bottom: 10px
    }

    ._2rvTu:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@media screen and (max-width: 1000px) and (max-width: 1000px) {
    ._redesign ._2rvTu:after {
        background: transparent url(/static/home/images/menu-mark-icon-primary.svg) 50% no-repeat;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

._1ULKe {
    font-size: 13px;
    font-weight: 200;
    display: block;
    padding: 5px 0;
    margin-bottom: 12px;
    max-width: 185px;
    line-height: 20px;
    text-decoration: none;
    color: #a0a0a0;
    -webkit-transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1)
}

._redesign ._1ULKe {
    color: #000;
    padding: 0;
    margin-bottom: 20px
}

._1ULKe:last-child {
    margin-bottom: 0
}

._1ULKe.subnav__link--islamicIcon {
    position: relative
}

.-rtl-mode ._1ULKe.subnav__link--islamicIcon {
    right: 0;
    left: auto
}

._1ULKe.subnav__link--islamicIcon:before {
    position: absolute;
    left: auto;
    right: 100%;
    top: 0;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    content: "";
    background: url(/static/home/images/icon-islamic-moon.svg) 50% 50% no-repeat;
    background-size: cover
}

.-rtl-mode ._1ULKe, .-rtl-mode ._1ULKe.subnav__link--islamicIcon:before {
    right: auto;
    left: 100%
}

._1ULKe:hover {
    text-decoration: none;
    color: #fff
}

._redesign ._1ULKe:hover {
    color: var(--color-primary, #fff)
}

@media screen and (min-width: 1001px) {
    ._1ULKe {
        float: left;
        clear: both
    }

    .-rtl-mode ._1ULKe {
        float: right
    }
}

@media screen and (max-width: 1000px) {
    ._1ULKe {
        font-weight: 200;
        font-size: 14px;
        color: #a0a0a0;
        display: inline-block;
        vertical-align: top;
        width: auto;
        max-width: none;
        margin-bottom: 0;
        padding-left: 40px;
        color: #e7e7e7
    }

    ._1ULKe:focus, ._1ULKe:hover {
        background-color: #262b2e
    }

    ._redesign ._1ULKe:hover {
        background: transparent
    }

    .-rtl-mode ._1ULKe {
        padding-right: 40px;
        padding-left: 0
    }

    ._redesign ._1ULKe {
        margin-bottom: 0;
        padding: 8px 0;
        letter-spacing: .25px
    }
}

._3UuIU {
    font-size: 10px;
    line-height: 11px
}

._1UPyk {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media screen and (max-width: 1000px) {
    ._1UPyk {
        overflow: hidden;
        -webkit-transition: height .2s ease-out;
        transition: height .2s ease-out;
        width: 100%
    }

    ._redesign ._1UPyk {
        padding-left: 34px
    }

    .-rtl-mode ._redesign ._1UPyk {
        padding-right: 34px;
        padding-left: 0
    }
}

@media screen and (min-width: 1001px) {
    ._1UPyk {
        display: block !important
    }
}

._28j8M {
    display: block;
    width: 24%;
    color: #e7e7e7;
    text-align: center
}

@media screen and (max-width: 1000px) {
    ._28j8M {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }

    ._redesign ._28j8M {
        margin-top: 24px
    }
}

@media screen and (min-width: 1001px) {
    .header-container--isScrolled ._28j8M {
        opacity: 0
    }
}

._3QzlW {
    text-decoration: none;
    color: #fff
}

._3jV9a {
    margin: 0 auto 11px;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase
}

._redesign ._3jV9a {
    font-weight: 600;
    color: var(--color-black, #000);
    margin: 0 auto 16px;
    letter-spacing: .15px;
    text-transform: none;
    font-family: var(--font_brand_font-family)
}

@media screen and (max-width: 1000px) {
    ._redesign ._3jV9a {
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 20px
    }
}

@media screen and (max-width: 1000px) {
    ._3jV9a {
        font-size: 16px;
        margin-top: 30px
    }
}

._3jV9a._1tlgE {
    margin-bottom: 0
}

._11djb {
    margin: 0 auto 11px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 700
}

._redesign ._11djb {
    font-weight: 600;
    color: var(--color-black, #000);
    margin: 0 auto 16px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .15px;
    text-transform: none;
    font-family: var(--font_brand_font-family)
}

@media screen and (max-width: 1000px) {
    ._redesign ._11djb {
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 20px
    }
}

._1XSMl {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

._2VDVc ._1XSMl {
    margin-top: -7px
}

._2OG_- ._1XSMl {
    margin-top: 8px
}

._3x8FS ._1XSMl {
    margin-top: -10px
}

._3BZdE ._1XSMl {
    margin-bottom: -10px
}

._3SoKw ._1XSMl {
    margin-top: 7px;
    margin-bottom: -6px
}

._22aKy ._1XSMl {
    margin-top: 4px;
    margin-bottom: -7px
}

._2TYxN ._1XSMl {
    margin-top: -10px;
    margin-bottom: -44px
}

._1kgZK ._1XSMl {
    margin-top: -20px;
    margin-bottom: -47px
}

._1NI05 {
    min-width: 150px;
    padding: 0 10px;
    margin: 24px auto 0
}

._1NI05._1E71s {
    margin: 0 auto
}

._redesign ._1NI05._2nzIt:hover {
    background: none;
    border: none
}

._redesign ._1NI05 {
    min-width: 183px;
    height: 48px
}

@media screen and (max-width: 1000px) {
    ._redesign ._1NI05 {
        min-width: 200px
    }
}

@media screen and (max-width: 1000px) {
    ._1NI05 {
        margin-bottom: 20px
    }
}

.p0MHR {
    --color-primary-pressed: #0026c2;
    --color-primary: #0c34f0;
    --color-primary-light: #f3f5fe;
    --color-divider: #e2e6f9;
    --color-success-hover-pressed: #008c32;
    --color-success: #00b432;
    --color-success-light: #f2fbf4;
    --color-notify: #ffa217;
    --color-notify-light: #fff6e8;
    --color-error: #f5281e;
    --color-error-light: #feeeed;
    --color-black: #0b0b16;
    --color-subscript: #828ca0;
    --color-subscript-10: rgba(130, 140, 160, 0.1);
    --color-white: #fff;
    --color-transparent: transparent;
    --color-hint: #171720;
    --font_brand_font-family: Plus Jakarta Sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font_body_font-family: Roboto, RobotoDraft, Droid Sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font_uppercase: uppercase;
    --radius_full: 999em;
    --radius_xs: 8px;
    --radius_s: 12px;
    --radius_m: 16px;
    --radius_l: 24px;
    --radius_xl: 32px;
    --headline_1_font-weight: 700;
    --headline_1_font-size: 48px;
    --headline_1_line-height: 56px;
    --headline_2_font-weight: 700;
    --headline_2_font-size: 32px;
    --headline_2_line-height: 40px;
    --headline_3_font-weight: 600;
    --headline_3_font-size: 24px;
    --headline_3_line-height: 32px;
    --headline_4_font-weight: 600;
    --headline_4_font-size: 20px;
    --headline_4_line-height: 24px;
    --special_numbers_font-weight: 700;
    --special_numbers_font-size: 24px;
    --special_numbers_line-height: 32px;
    --subtitle_1_font-weight: 600;
    --subtitle_1_font-size: 16px;
    --subtitle_1_line-height: 24px;
    --subtitle_2_font-weight: 600;
    --subtitle_2_font-size: 14px;
    --subtitle_2_line-height: 20px;
    --body_1_font-weight: 400;
    --body_1_font-size: 16px;
    --body_1_line-height: 24px;
    --body_1_letter-spacing: .5px;
    --body_2_font-weight: 400;
    --body_2_font-size: 14px;
    --body_2_line-height: 20px;
    --body_2_letter-spacing: .25px;
    --button_font-weight: 700;
    --button_font-size: 14px;
    --button_line-height: 24px;
    --button_letter-spacing: 1.25px;
    --caption_font-weight: 400;
    --caption_font-size: 12px;
    --caption_line-height: 16px;
    --caption_letter-spacing: .4px;
    --overline_font-weight: 600;
    --overline_font-size: 10px;
    --overline_line-height: 14px;
    --overline_letter-spacing: 1.5px;
    --overline_text-transform: uppercase;
    --label_font-weight: 500;
    --label_font-size: 8px;
    --label_line-height: 9.5px;
    --label_letter-spacing: .5px;
    --space-xl: 56px;
    --space_l: 32px;
    --space_m: 24px;
    --space_s: 16px;
    --space_xs: 8px;
    --button_height: 56px;
    --button_height_small: 48px;
    --button_block_min-width: 312px;
    --button_border-radius: 100px;
    --button_border-width: 2px;
    --button_padding-y: 16px;
    --button_padding-y_small: 8px;
    --button_padding-x: 32px;
    --button_padding-x_small: 16px;
    --radiobox_size: 20px;
    --radiobox_border-radius: 4px;
    --radiobox_border-width: 2px;
    --radiobox-inner_size: 10px;
    --input_height: 56px;
    --input_border-width: 2px;
    --input_border-radius: var(--radius_m);
    --input_padding-x: var(--space_s);
    --input_padding-y: var(--space_s);
    --input_padding: var(--input_padding-y) var(--input_padding-x);
    --input_shadow: none;
    --input_disabled-opacity: .5;
    --input_label-position: absolute;
    --input_label-z-index: 1;
    --input_label-x-padding: 7px;
    --input_label-padding: 0 var(--input_label-x-padding);
    --input_label-margin-bottom: 0;
    --input_label-focus-margin-x: calc(var(--input_padding-x) - var(--input_label-x-padding));
    --input_label-focus-margin: 0 var(--input_label-focus-margin-x);
    --input_label-focus-pointer-event: none;
    --input_label-top: calc(var(--input_height) / 2);
    --input_label-focus-top: 0;
    --input_label-transform: translateY(-50%);
    --input_label-transition: all .3s ease;
    --input_label-max-width: calc(100% - var(--input_label-focus-margin-x) * 2);
    --input_label-overflow: hidden;
    --input_label-text-overflow: ellipsis;
    --input_label-white-space: nowrap;
    --input_label-overflow-direction-rtl: ltr;
    --input_post-label-margin: 8px var(--input_label-focus-margin-x) 0;
    --input_prefix-width: 36px;
    --input_padding-width-prefix: calc(var(--input_prefix-width) + var(--input_padding-x) - 3px);
    --input_padding-width-slot: calc(var(--input_prefix-width) + var(--input_padding-x) + 10px);
    --input_color-error: var(--color-error);
    --input_placeholder-color: var(--color-subscript);
    --input_background-color: var(--color-white);
    --input_text-color: var(--color-black);
    --input_focus-color: var(--color-primary);
    --input_border-color: var(--color-divider);
    --multiselect_shadow: none;
    --multiselect_min-height: var(--input_height);
    --multiselect_padding-x: var(--input_padding-x);
    --multiselect_border-width: var(--input_border-width);
    --multiselect_border-radius: var(--input_border-radius);
    --multiselect_label-z-index: 11;
    --multiselect_label-max-width: calc(var(--input_label-max-width) - 40px + var(--multiselect_padding-x));
    --multiselect_caret-height: 100%;
    --multiselect_content-margin: 4px 0 18px;
    --multiselect_content-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.14);
    --multiselect_content-border-with: 0;
    --multiselect_content-border-radius: var(--radius_xs);
    --multiselect_content-y-margin: var(--space_s);
    --multiselect_content-min-height: var(--space-xl);
    --multiselect_content-padding-x: var(--space_m);
    --multiselect_content-padding-y: var(--space_s);
    --multiselect_border-color: var(--color-divider);
    --multiselect_content-border-color: transparent;
    --multiselect_content-hover-color: rgba(0, 38, 194, 0.04);
    --multiselect_placeholder-color: var(--input_placeholder-color);
    --multiselect_error-color: var(--color-error);
    --multiselect_active-color: var(--color-primary);
    --badge_radius: var(--radius_full);
    --badge_padding-top: 4px;
    --badge_padding-right: 8px;
    --badge_color-primary: var(--color-primary);
    --badge_color-secondary: var(--color-primary-light);
    --badge_color-success: var(--color-success);
    --badge_color-danger: var(--color-error);
    --badge_color-warning: var(--color-notify);
    --badge_color-info: var(--color-divider);
    --badge_color-light: var(--color-white);
    --badge_color-dark: var(--color-black);
    --badge_font-size: 8px;
    --badge_font-weight: 500;
    --badge_letter-spacing: .5px
}

._2BAFq {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1101;
    right: 0;
    min-width: 320px;
    height: auto;
    display: none;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

._2BAFq:after, ._2BAFq:before {
    content: "";
    height: 120px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 100%;
    z-index: 500
}

._redesign ._2BAFq {
    font-family: var(--font_brand_font-family)
}

@media screen and (max-width: 1000px) {
    ._2BAFq {
        border-bottom: none;
        display: block
    }

    ._33mdL {
        background: rgba(0, 0, 0, .7);
        -webkit-transition-property: background;
        transition-property: background
    }
}

._3mJkf {
    bottom: 0;
    height: auto
}

._3mJkf:after, ._3mJkf:before {
    opacity: 1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    visibility: visible
}

._3mJkf ._2JxRW {
    left: 30px;
    opacity: 1;
    right: 30px;
    visibility: visible
}

._2JxRW {
    left: 0;
    max-width: none;
    min-width: 260px;
    right: 100%;
    position: absolute !important;
    bottom: 30px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: left, right, opacity;
    transition-property: left, right, opacity;
    visibility: hidden;
    z-index: 600
}

._redesign ._1uO15 {
    height: auto;
}

._redesign ._1uO15 img {
    max-width: 100%;
}

.menu-close {
    opacity: 0;
}

._2I9ia {
    display: block;
}

.l4BY8 {
    white-space: unset;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination li {
    list-style: none;
}

.pagination .page-item {
    padding: 5px 8px;
}

.article-block__content {
    display: flex;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.post-read {
    width: 70%;
    padding: 0 15px;
}

.aside {
    width: 30%;
    padding: 0 15px;
}

.news-swiper-slide img {
    padding: 0 8px;
}

.footer-info {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 4px;
}

.footer-info p {
    margin: 0;
    font-size: 14px;
    line-height: 15px;
    color: #9b9b9b;
}

.index-post {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: var(--color-primary-white);
}

.index-post .invest__subtitle {
    max-width: 500px;
}

.index-post .list {
    display: flex;
    margin-top: 40px;
    flex-wrap: wrap;
}

.index-post .list .item {
    width: 50%;
    padding: 10px;
}

.index-post .list .item .content {
    position: relative;
    padding: 20px;
    border-radius: var(--radius_xl);
    background-color: var(--color-primary-light);
    transition: all .2s ease-in-out;
}

.index-post .list .item .content .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.index-post .list .item .content:hover {
    color: #ffffff;
    background-color: var(--color-primary-pressed);
}

.index-post .list .item .content:hover .summary {
    color: #ffffff;
}

.index-post .list .item .title {
    font-weight: bold;
    font-size: 20px;
    min-height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 22px;
    margin-bottom: 10px;
}

.mb-0 {
    margin-bottom: 0;
}

.index-post .list .item small {
    color: #909090;
}

.index-post .list .item .summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #4c4c4c;
    transition: all .2s ease-in-out;
}

.addition-link.color-un {
    color: #909090;
}

.addition-link.-more.color-un:after,
.addition-link.-next.color-un:after {
    border-color: transparent transparent transparent #909090;
}