.fade-enter-active,
.fade-leave-active {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.fade-enter,
.fade-leave-active {
    opacity: 0
}

@font-face {
    font-family: SF-UI-Display-Light;
    src: local("☺"), url(../common/fonts/SF-UI-Display-Light.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SF-UI-Display-Ultralight;
    src: local("☺"), url(../common/fonts/SF-UI-Display-Ultralight.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SF-UI-Display-Regular;
    src: local("☺"), url(../common/fonts/SF-UI-Display-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SF-UI-Display-Medium;
    src: local("☺"), url(../common/fonts/SF-UI-Display-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SF-UI-Display-Bold;
    src: local("☺"), url(../common/fonts/SF-UI-Display-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}



@font-face {
    font-family: fontello;
    src: local("☺"), url(../common/fonts/fontello.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: HelveticaNeueCyr-Bold;
    src: url(../common/fonts/HelveticaNeueCyr-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

i.icon {
    font-style: normal
}

.icon:before,
[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-help-circled:before {
    content: "\e800"
}

.icon-cog:before {
    content: "\e801"
}

.icon-bull-horn:before {
    content: "\e802"
}

.icon-login:before {
    content: "\e803"
}

.icon-muted:before {
    content: "\e804"
}

.icon-block:before {
    content: "\e805"
}

.icon-eye:before {
    content: "\e806"
}

.icon-send:before {
    content: "\e807"
}

.icon-smile:before {
    content: "\e808"
}

.icon-portfolio:before {
    content: "\e809"
}

.icon-dash:before {
    content: "\e80a"
}

.icon-no-stopping:before {
    content: "\e80b"
}

.icon-chart-bar:before {
    content: "\e80c"
}

.icon-piggy-bank:before {
    content: "\e80d"
}

.icon-group:before {
    content: "\e80e"
}

.icon-eth:before {
    content: "\e80f"
}

.icon-btc:before {
    content: "\e810"
}

.icon-arrow-left:before {
    content: "\e811"
}

.icon-arrow-right:before {
    content: "\e812"
}

.icon-pencil:before {
    content: "\e813"
}

.icon-cross:before {
    content: "\e814"
}

.icon-down-open:before {
    content: "\e815"
}

.icon-left-open:before {
    content: "\e816"
}

.icon-right-open:before {
    content: "\e817"
}

.icon-up-open:before {
    content: "\e818"
}

.icon-trash-empty:before {
    content: "\e819"
}

.icon-structure:before {
    content: "\e81a"
}

.icon-ok:before {
    content: "\e81b"
}

.icon-wallet:before {
    content: "\e81c"
}

.icon-logout:before {
    content: "\e81d"
}

.icon-cogs:before {
    content: "\e81e"
}

.icon-money-bill-alt:before {
    content: "\e81f"
}

.icon-question-circle:before {
    content: "\e820"
}

.icon-user-friends:before {
    content: "\e821"
}

.icon-briefcase:before {
    content: "\e822"
}

.icon-archive:before {
    content: "\e823"
}

.icon-newspaper-1:before {
    content: "\e824"
}

.icon-home:before {
    content: "\e825"
}

.icon-chart-line:before {
    content: "\e826"
}

.icon-arrow-alt-circle-up:before {
    content: "\e827"
}

.icon-arrow-alt-circle-right:before {
    content: "\e828"
}

.icon-arrow-alt-circle-left:before {
    content: "\e829"
}

.icon-arrow-alt-circle-down:before {
    content: "\e82a"
}

.icon-chart-pie:before {
    content: "\e82b"
}

.icon-down:before {
    content: "\e82c"
}

.icon-left:before {
    content: "\e82d"
}

.icon-right:before {
    content: "\e82e"
}

.icon-up:before {
    content: "\e82f"
}

.icon-exclamation-triangle:before {
    content: "\e830"
}

.icon-trash:before {
    content: "\e831"
}

.icon-clone:before {
    content: "\e832"
}

.icon-whatsapp:before {
    content: "\e833"
}

.icon-viber:before {
    content: "\e834"
}

.icon-envelope:before {
    content: "\e835"
}

.icon-calendar-alt:before {
    content: "\e836"
}

.icon-lock:before {
    content: "\e837"
}

.icon-bitcoin:before {
    content: "\e838"
}

.icon-check-circle:before {
    content: "\e839"
}

.icon-info-circle:before {
    content: "\e83a"
}

.icon-window-close:before {
    content: "\e83b"
}

.icon-envelope-text:before {
    content: "\e83c"
}

.icon-envelope-bg:before {
    content: "\e83d"
}

.icon-lock-big:before {
    content: "\e83e"
}

.icon-tw:before {
    content: "\f099"
}

.icon-fb:before {
    content: "\f09a"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-angle-double-left:before {
    content: "\f100"
}

.icon-angle-double-right:before {
    content: "\f101"
}

.icon-yt:before {
    content: "\f16a"
}

.icon-instagram-filled:before {
    content: "\f31f"
}

.icon-left-arrow:before {
    content: "\f177"
}

.icon-right-arrow:before {
    content: "\f178"
}

.icon-newspaper:before {
    content: "\f1ea"
}

.ps-bitcoin-icon {
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ps-bitcoin-icon:before {
    content: "\e810"
}

.ps-bitcoincash-icon {
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ps-bitcoincash-icon:before {
    content: "\e838";
    color: #61d117;
    font-size: 20px
}

.ps-ethereum-icon {
    font-family: fontello;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ps-ethereum-icon:before {
    content: "\e80f"
}

.ps-perfectmoney-icon {
    font-family: SF-UI-Display-Bold
}

.ps-perfectmoney-icon:before {
    content: "PM";
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ps-bitcoin-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f39c12;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit
}

.ps-bitcoin-icon-bg-o:before {
    font-family: fontello;
    content: "\e810";
    color: #fff;
    font-size: 12px
}

.ps-ethereum-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #9b59b6;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit
}

.ps-ethereum-icon-bg-o:before {
    font-family: fontello;
    content: "\e80f";
    color: #fff;
    font-size: 12px
}

.ps-perfectmoney-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e74c3c;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit
}

.ps-perfectmoney-icon-bg-o:before {
    content: "PM";
    color: #fff;
    font-size: 8px
}

.pr-icon-bg-o,
.ps-payeer-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #21c4f3;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit
}

.pr-icon-bg-o:before,
.ps-payeer-icon-bg-o:before {
    content: "PR";
    color: #fff;
    font-size: 8px
}

.ps-litecoin-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit;
    background: #d7d8d7 url(/internal/img/icon/ic-ltc.png) 50% no-repeat;
    background-size: 9px
}

.ps-tether-icon-bg-o,
.ps-tether_erc20-icon-bg-o {
    background: #fff url(/internal/img/icon/ic-tether.png) 50% no-repeat;
    background-size: 100%
}

.ps-ripple-icon-bg-o,
.ps-tether-icon-bg-o,
.ps-tether_erc20-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit
}

.ps-ripple-icon-bg-o {
    background: #fff url(/internal/img/icon/ic-ripple.png) 50% no-repeat;
    background-size: 100%
}

.ps-tron-icon-bg-o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
    margin-left: -5px;
    margin-right: 5px;
    font-style: inherit;
    background: #b32019 url(/internal/img/icon/ic-tron.png) no-repeat 70% 60%;
    background-size: 80%
}

@keyframes rot {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rot {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pulse-link {
    0% {
        color: #fff
    }
    25% {
        color: #6ad5b3
    }
    50% {
        color: #fff
    }
    75% {
        color: #6ad5b3
    }
    to {
        color: #fff
    }
}

@keyframes pulse-link {
    0% {
        color: #fff
    }
    25% {
        color: #6ad5b3
    }
    50% {
        color: #fff
    }
    75% {
        color: #6ad5b3
    }
    to {
        color: #fff
    }
}

@-webkit-keyframes pulse-link-light {
    0% {
        color: #162125
    }
    25% {
        color: #6ad3b1
    }
    50% {
        color: #162125
    }
    75% {
        color: #6ad3b1
    }
    to {
        color: #162125
    }
}

@keyframes pulse-link-light {
    0% {
        color: #162125
    }
    25% {
        color: #6ad3b1
    }
    50% {
        color: #162125
    }
    75% {
        color: #6ad3b1
    }
    to {
        color: #162125
    }
}

html.public body,
html.public html {
    width: 100%;
    border: 0;
    font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0
}

html.public article,
html.public aside,
html.public audio,
html.public canvas,
html.public caption,
html.public details,
html.public div,
html.public figure,
html.public footer,
html.public header,
html.public hgroup,
html.public iframe,
html.public img,
html.public mark,
html.public menu,
html.public nav,
html.public object,
html.public section,
html.public span,
html.public summary,
html.public table,
html.public tbody,
html.public td,
html.public tfoot,
html.public thead,
html.public tr,
html.public video {
    border: 0;
    margin: 0;
    padding: 0
}

html.public a,
html.public abbr,
html.public address,
html.public b,
html.public blockquote,
html.public cit,
html.public code,
html.public dd,
html.public del,
html.public dfn,
html.public dl,
html.public dt,
html.public em,
html.public fieldset,
html.public h1,
html.public h2,
html.public h3,
html.public h4,
html.public h5,
html.public h6,
html.public hr,
html.public i,
html.public ins,
html.public label,
html.public legend,
html.public li,
html.public ol,
html.public p,
html.public pre,
html.public q,
html.public samp,
html.public small,
html.public strong,
html.public sub,
html.public sup,
html.public ul {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

html.public article,
html.public aside,
html.public audio,
html.public canvas,
html.public figcaption,
html.public figure,
html.public figure img,
html.public footer,
html.public header,
html.public hgroup,
html.public nav,
html.public section,
html.public video {
    display: block
}

html.public table {
    border-collapse: separate;
    border-spacing: 0
}

html.public table caption,
html.public table td,
html.public table th {
    text-align: left;
    vertical-align: middle
}

html.public .clearfix:after,
html.public .clearfix:before {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

html.public a img {
    border: 0
}

html.public a {
    color: #fff;
    text-decoration: none
}

html.public li,
html.public ul {
    list-style-type: none
}

html.public :focus {
    outline: 0
}

html.public * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html.public body {
    padding-top: 100px;
    font-family: SF-UI-Display-Medium;
    background-color: #11171d
}

@media screen and (max-width:1440px) {
    html.public body {
        padding-right: 65px
    }
}

@media(max-width:1100px) {
    html.public body {
        padding-top: 50px;
        padding-right: 0
    }
}

html.public .main-wrapper {
    display: block;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #1b2d2e;
    border-right: 1px solid #1b2d2e
}

html.public .container {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

html.public .link {
    color: #6ad5b3;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .link:hover {
    color: #fff
}

html.public .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    color: #6ad5b3;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .btn,
html.public .btn .circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.public .btn .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-width: 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 10px;
    border: 1px solid rgba(106, 211, 177, .3);
    margin-right: 15px
}

html.public .btn .circle .point {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    animation: rot 3s linear 0s infinite normal none running;
    -webkit-animation: rot 3s linear 0s infinite normal none running
}

html.public .btn .circle .point:before {
    content: "";
    position: absolute;
    right: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #6ad5b3
}

@media(max-width:480px) {
    html.public .btn .circle {
        margin-right: 10px
    }
}

html.public .btn:hover .circle .point {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media(max-width:480px) {
    html.public .btn {
        font-size: 13px
    }
}

html.public .btn:disabled {
    pointer-events: none;
    opacity: .6
}

html.public .btn-bg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: SF-UI-Display-Medium;
    font-size: 12px;
    color: #000;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 12px 30px 12px 35px;
    border: 2px solid #6ad3b1;
    background-color: #6ad3b1;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .btn-bg i {
    position: absolute;
    left: 15px
}

html.public .btn-bg i:before {
    font-weight: 600
}

html.public .btn-bg:hover {
    color: #6ad3b1;
    background-color: transparent
}

html.public .btn-bg:disabled {
    pointer-events: none;
    opacity: .6
}

html.public .btn-tr {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: SF-UI-Display-Medium;
    font-size: 12px;
    color: #6ad3b1;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 12px 30px 12px 35px;
    border: 2px solid #6ad3b1;
    background-color: transparent;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .btn-tr i {
    position: absolute;
    left: 15px
}

html.public .btn-tr i:before {
    font-weight: 600
}

html.public .btn-tr:hover {
    color: #000;
    background-color: #6ad3b1
}

html.public .btn-tr:disabled {
    pointer-events: none;
    opacity: .6
}

html.public .btn-dark {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: SF-UI-Display-Bold;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    border-radius: 50px;
    text-align: center;
    border: 0;
    background-color: #162125;
    padding: 12px 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .btn-dark i {
    display: inline-block;
    color: #6ad3b1;
    font-size: 14px;
    margin-right: 10px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

html.public .btn-dark span {
    display: inline-block
}

html.public .btn-dark:focus,
html.public .btn-dark:hover {
    background-color: #6ad3b1;
    color: #162125
}

html.public .btn-dark:focus i,
html.public .btn-dark:hover i {
    color: #162125 !important
}

html.public .turquoise {
    color: #6ad5b3
}

html.public .blue {
    color: #268fbe
}

html.public .white {
    color: #fff
}

html.public .red {
    color: #d56a6a
}

html.public h3 {
    display: block;
    font-family: SF-UI-Display-Bold;
    font-size: 32px;
    color: #fff;
    line-height: 1.2
}

@media(max-width:960px) {
    html.public h3 span {
        display: inline-block
    }
}

@media(max-width:960px) {
    html.public h3 {
        font-size: 24px
    }
}

@media(max-width:640px) {
    html.public h3 {
        font-size: 22px
    }
}

html.public .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .7);
    z-index: 8;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .overlay.active {
    opacity: 1;
    visibility: visible
}

html.public .hidden {
    overflow: hidden
}

html.public .dark-m {
    display: inline-block
}

html.public .light-m {
    display: none
}

html.public .check {
    position: absolute;
    height: 20px !important;
    width: 20px !important;
    z-index: -1;
    opacity: 0;
    margin: 0
}

html.public .check+.check-label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    min-height: 23px;
    padding-top: 4px
}

html.public .check+.check-label.invalid:before {
    border-color: #e74c3c
}

html.public .check+.check-label:before {
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #1d252d
}

html.public .check+.check-label:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background-color: #6ad3b1;
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

html.public .check:checked+.check-label:after {
    opacity: 1
}

html.public .logo-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 0;
    max-width: 200px
}

html.public .logo-block .logo {
    display: inline-block;
    max-width: 90px;
    width: 100%;
    margin-right: 10px;
    line-height: 0
}

html.public .logo-block .logo img {
    max-width: 100%
}

@media(max-width:1100px) {
    html.public .logo-block .logo {
        max-width: 80px
    }
}

html.public .logo-block .text {
    display: block;
    font-family: SF-UI-Display-Regular;
    font-size: 10px;
    color: #fff;
    line-height: 1.2;
    text-align: left
}

@media(max-width:1100px) {
    html.public .logo-block .text {
        font-size: 8px
    }
}

html.public .light-theme .logo-block .text {
    font-family: SF-UI-Display-Bold;
    color: #162125
}

html.public .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 0;
    z-index: 9
}

html.public .header.fixed .header-content {
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .3)
}

html.public .header .header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1300px;
    width: 100%;
    height: 100px;
    border: 1px solid #1b2d2e;
    background-color: #11171d;
    margin: 0 auto
}

html.public .header .header-content .logo-wrapper_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 240px;
    width: 100%;
    height: 100%;
    border-right: 1px solid #1b2d2e
}

html.public .header .header-content .logo-wrapper_link .logo-block {
    max-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:1100px) {
    html.public .header .header-content .logo-wrapper_link {
        border: 0
    }
}

html.public .header .header-content .btn-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

html.public .header .header-content .btn-menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px
}

html.public .header .header-content .btn-menu .menu span {
    position: relative;
    display: block;
    width: 31px;
    height: 3px;
    border-radius: 1px;
    background: #6ad5b3;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    z-index: 200
}

html.public .header .header-content .btn-menu .menu span:first-of-type {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

html.public .header .header-content .btn-menu .menu span:nth-of-type(3) {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

html.public .header .header-content .btn-menu .menu.active,
html.public .header .header-content .btn-menu .menu.active span {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

html.public .header .header-content .btn-menu .menu.active span:first-of-type {
    -webkit-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg)
}

html.public .header .header-content .btn-menu .menu.active span:nth-of-type(2) {
    display: none
}

html.public .header .header-content .btn-menu .menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-3px) rotate(-45deg);
    -ms-transform: translateY(-3px) rotate(-45deg);
    transform: translateY(-3px) rotate(-45deg)
}

@media(max-width:1100px) {
    html.public .header .header-content .btn-menu {
        display: block
    }
}

html.public .header .header-content .nav {
    width: calc(100% - 450px);
    padding: 15px 30px
}

html.public .header .header-content .nav,
html.public .header .header-content .nav .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html.public .header .header-content .nav .list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
}

html.public .header .header-content .nav .list .item {
    display: inline-block;
    padding: 0 10px
}

html.public .header .header-content .nav .list .item a {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    padding: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .header .header-content .nav .list .item a.active,
html.public .header .header-content .nav .list .item a:hover {
    color: #6ad5b3
}

html.public .header .header-content .nav .list .item .special-link {
    -webkit-animation: pulse-link 1.5s linear infinite;
    animation: pulse-link 1.5s linear infinite
}

html.public .header .header-content .nav .list .item .special-link:hover {
    color: #6ad5b3;
    -webkit-animation: paused;
    animation: paused
}

@media(max-width:1100px) {
    html.public .header .header-content .nav .list .item {
        width: 100%;
        margin-bottom: 10px
    }
}

@media(max-width:1100px) {
    html.public .header .header-content .nav .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

html.public .header .header-content .nav .right-bar {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    min-width: 75px;
    max-width: 75px;
    height: 100%;
    background-color: #11171d;
    border-left: 1px solid #1b2d2e;
    padding-top: 37px
}

html.public .header .header-content .nav .right-bar .list {
    display: block;
    padding: 20px 15px 0
}

html.public .header .header-content .nav .right-bar .list .item {
    display: block;
    padding-bottom: 20px
}

html.public .header .header-content .nav .right-bar .list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    border: 2px solid transparent;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .header .header-content .nav .right-bar .list .item a i {
    display: inline-block
}

@media(max-width:1100px) {
    html.public .header .header-content .nav .right-bar .list .item a {
        width: 35px;
        height: 35px;
        font-size: 18px
    }
}

html.public .header .header-content .nav .right-bar .list .item .btn-out {
    background: rgba(231, 76, 60, .22);
    color: #e74c3c
}

html.public .header .header-content .nav .right-bar .list .item .btn-out:hover {
    background: transparent;
    border-color: #e74c3c
}

html.public .header .header-content .nav .right-bar .language-bar {
    display: block;
    position: relative;
    width: 35px;
    height: 25px;
    margin: 0 auto
}

html.public .header .header-content .nav .right-bar .language-bar .language-select {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    text-transform: uppercase;
    height: 25px;
    width: 100%;
    background-color: #11171d;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

html.public .header .header-content .nav .right-bar .language-bar .language-select li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    min-height: 25px
}

html.public .header .header-content .nav .right-bar .language-bar .language-select li img {
    max-width: 100%
}

html.public .header .header-content .nav .right-bar .language-bar .language-select li:hover {
    cursor: pointer
}

html.public .header .header-content .nav .right-bar .language-bar .language-select li.active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    pointer-events: none
}

html.public .header .header-content .nav .right-bar .language-bar .language-select.active {
    height: auto
}

html.public .header .header-content .nav .right-bar .switcher-block {
    display: block;
    padding: 30px 10px 0;
    text-align: center
}

html.public .header .header-content .nav .right-bar .switcher-block .label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 7px
}

html.public .header .header-content .nav .right-bar .switcher-block .label span {
    display: inline-block;
    font-family: SF-UI-Display-Regular;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    text-align: center
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher {
    display: inline-block;
    width: 100%
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher input {
    display: none
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher input:checked+label:before {
    left: 0;
    right: inherit
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher input:checked+label .off {
    opacity: 1
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher input:checked+label .on {
    opacity: 0
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 50px;
    height: 20px;
    border-radius: 50px;
    background-color: #162125;
    padding: 2px 5px 3px;
    overflow: hidden;
    cursor: pointer
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher label:before {
    content: "";
    position: absolute;
    top: 0;
    left: inherit;
    right: 0;
    width: 50%;
    height: 100%;
    border-radius: 50px;
    background-color: #6ad5b3
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher label span {
    display: inline-block;
    max-width: 50%;
    width: 100%;
    font-family: SF-UI-Display-Regular;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    text-align: center
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher label .on {
    opacity: 1
}

html.public .header .header-content .nav .right-bar .switcher-block .switcher label .off {
    opacity: 0
}

html.public .header .header-content .nav .right-bar .social-block {
    display: block;
    padding: 40px 15px 20px
}

html.public .header .header-content .nav .right-bar .social-block .social-list {
    display: block
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item {
    display: block;
    margin-bottom: 10px
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    margin: 0 auto;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-tel {
    background-color: #1c9dea;
    font-size: 12px
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-tel:hover {
    background: 0 0;
    border-color: #1c9dea;
    color: #1c9dea
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-tw {
    background-color: #1cd4ea
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-tw:hover {
    background: 0 0;
    border-color: #1cd4ea;
    color: #1cd4ea
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-fb {
    background-color: #1c78ea
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-fb:hover {
    background: 0 0;
    border-color: #1c78ea;
    color: #1c78ea
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-yt {
    background-color: #e74c3c
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-yt:hover {
    background: 0 0;
    border-color: #e74c3c;
    color: #e74c3c
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-instagram {
    background-color: #ce0078
}

html.public .header .header-content .nav .right-bar .social-block .social-list .item a.link-instagram:hover {
    background: 0 0;
    border-color: #ce0078;
    color: #ce0078
}

@media(max-width:1100px) {
    html.public .header .header-content .nav .right-bar .social-block .social-list .item a {
        width: 35px;
        height: 35px;
        font-size: 16px
    }
}

@media screen and (max-width:1370px) {
    html.public .header .header-content .nav .right-bar {
        border: 0
    }
}

@media(max-width:1100px) {
    html.public .header .header-content .nav .right-bar {
        position: absolute;
        right: inherit;
        left: 0;
        border-right: 1px solid #1b2d2e;
        padding-top: 15px
    }
}

html.public .header .header-content .nav.active {
    left: -1px
}

@media(max-width:1100px) {
    html.public .header .header-content .nav {
        display: block;
        position: fixed;
        /* top: 51px; */
		top: 70px;
        left: -350px;
        width: 320px;
        height: calc(100vh - 50px);
        background-color: #11171d;
        padding: 15px 10px 15px 65px;
        border-left: 1px solid #1b2d2e;
        border-right: 1px solid #1b2d2e;
        -webkit-box-shadow: 4px 0 4px -3px rgba(0, 0, 0, .2);
        box-shadow: 4px 0 4px -3px rgba(0, 0, 0, .2);
        overflow-y: auto;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
}

html.public .header .header-content .head-btn {
    max-width: 210px;
    border-left: 1px solid #1b2d2e
}

html.public .header .header-content .head-btn,
html.public .header .header-content .head-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

html.public .header .header-content .head-btn a {
    height: 100%;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    color: #6ad5b3;
    line-height: 1;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1100px) {
    html.public .header .header-content .head-btn a span {
        display: none
    }
}

html.public .header .header-content .head-btn a i {
    display: inline-block;
    font-size: 12px;
    margin-left: 10px
}

@media(max-width:1100px) {
    html.public .header .header-content .head-btn a i {
        display: none;
        margin: 0
    }
}

html.public .header .header-content .head-btn a .circle {
    display: none;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 14px;
    border: 1px solid rgba(106, 211, 177, .3)
}

html.public .header .header-content .head-btn a .circle .point {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    animation: rot 3s linear 0s infinite normal none running;
    -webkit-animation: rot 3s linear 0s infinite normal none running
}

html.public .header .header-content .head-btn a .circle .point:before {
    content: "";
    position: absolute;
    right: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #6ad5b3
}

@media(max-width:1100px) {
    html.public .header .header-content .head-btn a .circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

html.public .header .header-content .head-btn a:hover {
    color: #fff
}

@media(max-width:1100px) {
    html.public .header .header-content .head-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        max-width: 200px;
        height: 100%;
        border: 0
    }
}

@media(max-width:1100px) {
    html.public .header .header-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 50px;
        -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .3);
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, .3)
    }
}

@media screen and (max-width:1440px) {
    html.public .header {
        padding-right: 65px
    }
}

@media(max-width:1100px) {
    html.public .header {
        padding-right: 0
    }
}

html.public .about-section {
    display: block;
    padding: 100px 0;
    border-top: 1px solid #1b2d2e;
    background: url(../../external/img/bg/grid.png) 50% repeat;
    background-size: 55px
}

html.public .about-section_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html.public .about-section_content .media-block {
    display: inline-block;
    position: relative;
    width: 40%
}

html.public .about-section_content .media-block .phone {
    position: absolute;
    top: -150px;
    left: -150px;
    max-width: 100%;
    min-width: 630px;
    z-index: 0
}

@media(max-width:960px) {
    html.public .about-section_content .media-block .phone {
        display: none
    }
}

html.public .about-section_content .media-block .phone-m {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 300px;
    min-width: 300px;
    z-index: 0
}

@media(max-width:960px) {
    html.public .about-section_content .media-block .phone-m {
        display: inline-block
    }
}

html.public .about-section_content .media-block .phone-content {
    position: relative;
    min-height: 620px;
    padding-top: 80px;
    z-index: 1
}

html.public .about-section_content .media-block .phone-content .logo-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 315px;
    padding: 0
}

html.public .about-section_content .media-block .phone-content .logo-block .logo img {
    max-width: 100% !important
}

html.public .about-section_content .media-block .phone-content .logo-block .text {
    font-size: 10px !important
}

html.public .about-section_content .media-block .phone-content .messages-list {
    display: block;
    margin-top: 25px;
    padding-left: 75px
}

html.public .about-section_content .media-block .phone-content .messages-list .messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 255px;
    padding: 15px;
    border-radius: 5px;
    background: #1a202d;
    background: -webkit-gradient(linear, left top, left bottom, from(#1a202d), color-stop(20%, #151a22), to(#151a22));
    background: -o-linear-gradient(top, #1a202d 0, #151a22 20%, #151a22 100%);
    background: linear-gradient(180deg, #1a202d, #151a22 20%, #151a22);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a202d", endColorstr="#151a22", GradientType=0);
    -webkit-box-shadow: 0 11px 100px -10px rgba(0, 0, 0, .5);
    box-shadow: 0 11px 100px -10px rgba(0, 0, 0, .5);
    margin-bottom: 10px;
    opacity: 0;
    z-index: 2
}

html.public .about-section_content .media-block .phone-content .messages-list .messages:nth-child(2) {
    max-width: 240px
}

html.public .about-section_content .media-block .phone-content .messages-list .messages_icon-box {
    display: inline-block;
    width: 25px;
    min-width: 25px;
    margin-right: 10px;
    padding-top: 4px
}

html.public .about-section_content .media-block .phone-content .messages-list .messages_icon-box img {
    max-width: 100%
}

html.public .about-section_content .media-block .phone-content .messages-list .messages_text-box {
    display: block
}

html.public .about-section_content .media-block .phone-content .messages-list .messages_text-box p {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 12px;
    color: #fff;
    line-height: 1.5
}

html.public .about-section_content .media-block .phone-content .messages-list .messages.special-message {
    background: #00de96;
    -webkit-box-shadow: 0 11px 100px -10px rgba(0, 222, 150, .5);
    box-shadow: 0 11px 100px -10px rgba(0, 222, 150, .5);
    z-index: 1
}

html.public .about-section_content .media-block .phone-content .messages-list .messages.special-message .messages_text-box p {
    font-size: 12px;
    color: #151a22;
    line-height: 1.4
}

html.public .about-section_content .media-block .phone-content .messages-list .messages.special-message .messages_text-box .big-text {
    font-size: 20px;
    color: #151a22;
    line-height: 1.2
}

html.public .about-section_content .media-block .phone-content .messages-list .messages.special-message .messages_text-box strong {
    font-family: SF-UI-Display-Bold;
    font-size: 12px;
    color: #151a22
}

@media(max-width:960px) {
    html.public .about-section_content .media-block .phone-content .messages-list {
        padding-left: 50px
    }
}

html.public .about-section_content .media-block .btn-block {
    display: block;
    text-align: center;
    padding: 30px 0;
    max-width: 315px;
    position: relative;
    z-index: 1
}

@media(max-width:960px) {
    html.public .about-section_content .media-block {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

html.public .about-section_content .desc-block {
    display: inline-block;
    width: 55%
}

html.public .about-section_content .desc-block_title {
    display: block;
    padding-bottom: 20px
}

@media(max-width:640px) {
    html.public .about-section_content .desc-block_title h3 br {
        display: none
    }
}

html.public .about-section_content .desc-block_title h3 span {
    display: inline
}

@media(max-width:960px) {
    html.public .about-section_content .desc-block_title {
        text-align: center
    }
}

html.public .about-section_content .desc-block_subtitle {
    display: block;
    padding-bottom: 30px
}

html.public .about-section_content .desc-block_subtitle p {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 18px;
    line-height: 1.3;
    color: #fff
}

@media(max-width:640px) {
    html.public .about-section_content .desc-block_subtitle p br {
        display: none
    }
}

@media(max-width:960px) {
    html.public .about-section_content .desc-block_subtitle p {
        font-size: 16px
    }
}

@media(max-width:960px) {
    html.public .about-section_content .desc-block_subtitle {
        text-align: center
    }
}

@media(max-width:960px) {
    html.public .about-section_content .desc-block {
        width: 100%;
        padding-bottom: 50px
    }
}

html.public .about-section_content .features-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px
}

html.public .about-section_content .features-row .features {
    display: inline-block;
    position: relative;
    width: calc(50% - 20px);
    padding: 20px 30px 30px;
    border: 1px dashed #213938;
    background-color: transparent;
    margin: 0 0 20px 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .about-section_content .features-row .features:before {
    left: 0;
    border: 1px dashed #488b79;
    border-right: 0
}

html.public .about-section_content .features-row .features:after,
html.public .about-section_content .features-row .features:before {
    content: "";
    position: absolute;
    top: -1px;
    width: 30px;
    height: 100%;
    z-index: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .about-section_content .features-row .features:after {
    right: 0;
    border: 1px dashed #488b79;
    border-left: 0
}

html.public .about-section_content .features-row .features .icon-box {
    display: block;
    height: 70px;
    text-align: center;
    margin: 0 auto 10px
}

html.public .about-section_content .features-row .features .icon-box img {
    max-width: 100%
}

html.public .about-section_content .features-row .features .icon-box.ic-trading {
    max-width: 70px
}

html.public .about-section_content .features-row .features .icon-box.ic-world {
    max-width: 63px
}

html.public .about-section_content .features-row .features .icon-box.ic-card {
    max-width: 75px
}

html.public .about-section_content .features-row .features .icon-box.ic-partners {
    max-width: 60px
}

html.public .about-section_content .features-row .features .title-box {
    display: block;
    text-align: center;
    padding-bottom: 10px
}

html.public .about-section_content .features-row .features .title-box p {
    display: block;
    font-family: SF-UI-Display-Bold;
    font-size: 12px;
    color: #6ad3b1;
    line-height: 1.5;
    text-transform: uppercase
}

@media(max-width:640px) {
    html.public .about-section_content .features-row .features .title-box p br {
        display: none
    }
}

html.public .about-section_content .features-row .features .subtitle-box {
    display: block;
    text-align: center
}

html.public .about-section_content .features-row .features .subtitle-box p {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 12px;
    color: #fff;
    line-height: 1.5
}

@media(max-width:640px) {
    html.public .about-section_content .features-row .features .subtitle-box p br {
        display: none
    }
}

html.public .about-section_content .features-row .features:hover {
    background-color: #162125
}

html.public .about-section_content .features-row .features:hover:after,
html.public .about-section_content .features-row .features:hover:before {
    width: 50%
}

@media(max-width:640px) {
    html.public .about-section_content .features-row .features {
        width: 100%;
        padding: 30px 15px;
        margin: 0 0 20px
    }
}

@media(max-width:640px) {
    html.public .about-section_content .features-row {
        margin: 0
    }
}

html.public .about-section_content .footnotes {
    display: block
}

html.public .about-section_content .footnotes p {
    display: block;
    font-family: SF-UI-Display-Light;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .3);
    line-height: 1.3;
    padding-bottom: 3px
}

@media(max-width:960px) {
    html.public .about-section_content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(max-width:960px) {
    html.public .about-section {
        padding: 50px 0 100px
    }
}

html.public .trading-section {
    display: block;
    padding: 75px 0;
    border-top: 1px solid #1b2d2e
}

html.public .trading-section .window {
    display: block;
    position: relative;
    border: 1px solid #1b2d2e
}

html.public .trading-section .window:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: 3px;
    background-color: #6ad3b1
}

html.public .trading-section .window .window-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    background-color: #172128
}

html.public .trading-section .window .window-head .box {
    display: inline-block
}

html.public .trading-section .window .window-head .box .point-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html.public .trading-section .window .window-head .box .point-row .point {
    display: inline-block;
    width: 10px;
    min-width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #6ad3b1;
    margin-right: 5px
}

html.public .trading-section .window .window-head .box span {
    display: inline-block;
    font-family: SF-UI-Display-Medium;
    font-size: 12px;
    color: #6ad5b3;
    line-height: 1
}

html.public .trading-section .window .window-body {
    display: block;
    text-align: center;
    padding: 50px 15px
}

html.public .trading-section .window .window-body .title-row {
    display: block;
    padding-bottom: 50px
}

html.public .trading-section .window .window-body .title-row .title {
    display: block;
    font-family: SF-UI-Display-Bold;
    font-size: 22px;
    color: #fff;
    line-height: 1.3;
    padding-bottom: 7px
}

@media(max-width:768px) {
    html.public .trading-section .window .window-body .title-row .title {
        font-size: 20px
    }
}

html.public .trading-section .window .window-body .title-row .subtitle {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    color: #fff;
    line-height: 1.3
}

html.public .trading-section .window .window-body .scheme {
    min-height: 350px;
    height: 100%;
    max-width: 900px;
    margin: 0 auto
}

html.public .trading-section .window .window-body .scheme,
html.public .trading-section .window .window-body .scheme_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html.public .trading-section .window .window-body .scheme_box {
    width: 20%
}

html.public .trading-section .window .window-body .scheme_box .element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 130px;
    width: 130px;
    height: 130px;
    border-radius: 50%
}

html.public .trading-section .window .window-body .scheme_box .element.big-el {
    min-width: 150px;
    width: 150px;
    height: 150px
}

html.public .trading-section .window .window-body .scheme_box .element.big-el .icon {
    max-width: 65px
}

html.public .trading-section .window .window-body .scheme_box .element .icon {
    display: block;
    position: relative;
    z-index: 2;
    max-width: 35px;
    margin: 0 auto;
    line-height: 0
}

html.public .trading-section .window .window-body .scheme_box .element .icon img {
    max-width: 100%
}

html.public .trading-section .window .window-body .scheme_box .element .text {
    display: block;
    text-align: center
}

html.public .trading-section .window .window-body .scheme_box .element .text p {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 12px;
    line-height: 1.4;
    text-transform: uppercase
}

html.public .trading-section .window .window-body .scheme_box .element .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 350px;
    min-width: 350px;
    height: 350px
}

html.public .trading-section .window .window-body .scheme_box .element .circle:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed rgba(15, 48, 49, .9);
    -webkit-animation: trs-rotation-plus 200s linear 0s infinite normal none running;
    animation: trs-rotation-plus 200s linear 0s infinite normal none running
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box .element .circle:before {
        display: none
    }
}

html.public .trading-section .window .window-body .scheme_box .element .circle.minus-circle:before {
    -webkit-animation: trs-rotation-minus 200s linear 0s infinite normal none running;
    animation: trs-rotation-minus 200s linear 0s infinite normal none running
}

html.public .trading-section .window .window-body .scheme_box .element .circle.minus-circle .circle-point {
    -webkit-animation: trs-circle-minus 15s infinite;
    animation: trs-circle-minus 15s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

html.public .trading-section .window .window-body .scheme_box .element .circle.minus-circle .circle-point:before {
    display: none
}

html.public .trading-section .window .window-body .scheme_box .element .circle.minus-circle .circle-point:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #6ad3b1
}

html.public .trading-section .window .window-body .scheme_box .element .circle .circle-point {
    position: absolute;
    height: 100%;
    width: 5px;
    -webkit-animation: trs-circle-plus 15s infinite;
    animation: trs-circle-plus 15s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

html.public .trading-section .window .window-body .scheme_box .element .circle .circle-point:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #6ad3b1
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box .element .circle .circle-point {
        display: none
    }
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r1 {
    display: block;
    position: absolute;
    width: 130px;
    min-width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 1px dashed #0b5850;
    -webkit-animation: trs-rotation-plus 10s linear 0s infinite normal none running;
    animation: trs-rotation-plus 10s linear 0s infinite normal none running;
    line-height: 0
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r1:before {
    top: -2px
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r1:after,
html.public .trading-section .window .window-body .scheme_box .element .circle .r1:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #6ad3b1;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r1:after {
    bottom: -2px
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r2 {
    display: block;
    position: absolute;
    width: 60px;
    min-width: 60px;
    height: 127px;
    -webkit-animation: trs-rotation-minus 10s linear 0s infinite normal none running;
    animation: trs-rotation-minus 10s linear 0s infinite normal none running;
    line-height: 0
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #0b5850;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r3 {
    display: block;
    position: absolute;
    width: 150px;
    min-width: 150px;
    height: 45px;
    -webkit-animation: trs-rotation-plus 10s linear 0s infinite normal none running;
    animation: trs-rotation-plus 10s linear 0s infinite normal none running;
    line-height: 0
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #0b5850;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r4 {
    display: block;
    position: absolute;
    width: 40px;
    min-width: 40px;
    height: 90px;
    -webkit-animation: trs-rotation-plus 10s linear 0s infinite normal none running;
    animation: trs-rotation-plus 10s linear 0s infinite normal none running;
    line-height: 0
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #0b5850;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r5 {
    display: block;
    position: absolute;
    width: 90px;
    min-width: 90px;
    height: 40px;
    -webkit-animation: trs-rotation-minus 10s linear 0s infinite normal none running;
    animation: trs-rotation-minus 10s linear 0s infinite normal none running;
    line-height: 0
}

html.public .trading-section .window .window-body .scheme_box .element .circle .r5:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #0b5850;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box .element .circle {
        width: auto;
        min-width: auto;
        height: auto
    }
}

html.public .trading-section .window .window-body .scheme_box .el-text {
    position: absolute;
    top: 100%;
    width: 300px;
    padding: 15px
}

html.public .trading-section .window .window-body .scheme_box .el-text p {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 11px;
    line-height: 1.5;
    text-transform: uppercase
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box .el-text {
        position: relative;
        top: inherit;
        padding: 0
    }
}

html.public .trading-section .window .window-body .scheme_box.special-box .element {
    background-color: rgba(91, 181, 153, .2)
}

html.public .trading-section .window .window-body .scheme_box.special-box .element .icon {
    margin-bottom: 7px
}

html.public .trading-section .window .window-body .scheme_box.special-box .element:before {
    content: "";
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background: url(../../external/media/circle.png) 50% no-repeat;
    background-size: cover;
    -webkit-animation: trs-half-circle 15s infinite;
    animation: trs-half-circle 15s infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@media(max-width:960px) {
    html.public .trading-section .window .window-body .scheme_box.special-box {
        min-height: auto
    }
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box.complicated .element .icon {
        position: absolute;
        top: 30px;
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box.complicated .element {
        height: auto;
        padding-top: 130px
    }
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box.complicated .element .circle {
        position: absolute;
        top: 50px
    }
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box.complicated {
        position: relative;
        padding-bottom: 15px
    }
}

@media(max-width:960px) {
    html.public .trading-section .window .window-body .scheme_box {
        width: 100%;
        min-height: 300px
    }
}

@media(max-width:480px) {
    html.public .trading-section .window .window-body .scheme_box {
        min-height: auto;
        padding: 30px 0
    }
}

@media(max-width:960px) {
    html.public .trading-section .window .window-body .scheme {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

html.public .trading-section .window .window-basement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #172128;
    border-top: 1px solid #1b2d2e;
    padding: 30px 40px
}

html.public .trading-section .window .window-basement .box-text {
    display: block;
    padding-right: 30px;
    max-width: 65%
}

html.public .trading-section .window .window-basement .box-text .title {
    display: block;
    font-family: SF-UI-Display-Bold;
    font-size: 22px;
    color: #fff;
    line-height: 1.3;
    padding-bottom: 7px
}

@media(max-width:768px) {
    html.public .trading-section .window .window-basement .box-text .title {
        font-size: 20px
    }
}

html.public .trading-section .window .window-basement .box-text .subtitle {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    color: #fff;
    line-height: 1.3
}

@media(max-width:960px) {
    html.public .trading-section .window .window-basement .box-text {
        width: 100%;
        max-width: 100%;
        padding: 0 0 25px;
        text-align: center
    }
}

@media(max-width:960px) {
    html.public .trading-section .window .window-basement {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 15px
    }
}

@media(max-width:960px) {
    html.public .trading-section {
        padding: 50px 0
    }
}

@-webkit-keyframes trs-circle-plus {
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes trs-circle-plus {
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes trs-circle-minus {
    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes trs-circle-minus {
    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes trs-half-circle {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes trs-half-circle {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes trs-rotation-plus {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes trs-rotation-plus {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes trs-rotation-minus {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes trs-rotation-minus {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

html.public .footer {
    display: block;
    border-top: 1px solid #1b2d2e
}

html.public .footer_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0 45px
}

html.public .footer_content .info-footer {
    display: inline-block;
    width: 100%;
    max-width: 300px
}

@media(max-width:960px) {
    html.public .footer_content .info-footer .logo-block {
        margin: 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

html.public .footer_content .info-footer .info-block {
    display: block;
    margin-top: 25px
}

html.public .footer_content .info-footer .info-block p {
    display: block;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    color: #fff;
    line-height: 1.3;
    padding-bottom: 5px
}

html.public .footer_content .info-footer .info-block p:last-child {
    padding-bottom: 0
}

@media(max-width:960px) {
    html.public .footer_content .info-footer {
        max-width: 100%;
        padding-bottom: 30px;
        text-align: center
    }
}

html.public .footer_content .footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

html.public .footer_content .footer-nav_box {
    display: inline-block;
    width: 33.333%
}

html.public .footer_content .footer-nav_box .list {
    display: block;
    padding-right: 15px
}

html.public .footer_content .footer-nav_box .list .item {
    display: block;
    margin-bottom: 15px
}

html.public .footer_content .footer-nav_box .list .item .link {
    display: inline-block;
    font-family: SF-UI-Display-Medium;
    font-size: 14px;
    line-height: 1.3
}

@media(max-width:768px) {
    html.public .footer_content .footer-nav_box .list {
        padding-right: 0
    }
}

@media(max-width:768px) {
    html.public .footer_content .footer-nav_box {
        width: 100%
    }
}

@media(max-width:960px) {
    html.public .footer_content .footer-nav {
        text-align: center
    }
}

@media(max-width:768px) {
    html.public .footer_content .footer-nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media(max-width:960px) {
    html.public .footer_content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 30px 0
    }
}

html.public .footer .copyright {
    display: block;
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid #1b2d2e
}

html.public .footer .copyright p {
    display: block;
    font-family: SF-UI-Display-Regular;
    font-size: 12px;
    color: #fff;
    line-height: 1.3
}

@media(max-width:960px) {
    html.public .footer .copyright {
        padding: 30px 0
    }
}

html.public .video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 99
}

html.public .video-modal .video-head {
    position: absolute;
    padding: 15px;
    top: 0;
    right: 0;
    z-index: 2
}

html.public .video-modal .video-head .video-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #6ad5b3;
    border: 2px solid #6ad5b3;
    border-radius: 50%;
    padding: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .video-modal .video-head .video-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

html.public .video-modal .video-head .video-close:after,
html.public .video-modal .video-head .video-close:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .video-modal .video-head .video-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

html.public .video-modal .video-head .video-close:hover {
    background-color: #000
}

html.public .video-modal .video-head .video-close:hover:after,
html.public .video-modal .video-head .video-close:hover:before {
    background-color: #6ad5b3
}

html.public .video-modal .video-content iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

html.public .light-theme {
    background-color: #fff
}

html.public .light-theme .main-wrapper {
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .link,
html.public .light-theme .link:hover {
    color: #6ad3b1
}

html.public .light-theme .btn .circle {
    font-size: 12px;
    border: 2px solid #6ad3b1
}

html.public .light-theme .btn .circle:before {
    font-weight: 900;
    color: #6ad3b1
}

html.public .light-theme .btn .circle .point:before {
    right: 2px;
    width: 6px;
    height: 6px;
    background-color: #6ad3b1
}

html.public .light-theme .btn:hover .circle .point {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

html.public .light-theme .btn-dark {
    color: #162125;
    background-color: #e5f0f9
}

html.public .light-theme .btn-dark:focus,
html.public .light-theme .btn-dark:hover {
    background-color: #6ad3b1;
    color: #162125
}

html.public .light-theme .btn-dark:focus i,
html.public .light-theme .btn-dark:hover i {
    color: #162125 !important
}

html.public .light-theme h3 {
    color: #1f1e23
}

html.public .light-theme .dark-m {
    display: none
}

html.public .light-theme .light-m {
    display: inline-block
}

html.public .light-theme .check+.check-label:before {
    background-color: #e5f0f9;
    border: 1px solid #a9c4db
}

html.public .light-theme .header.fixed .header-content {
    -webkit-box-shadow: 0 5px 4px -2px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 4px -2px rgba(0, 0, 0, .1)
}

html.public .light-theme .header .header-content {
    border-top: 0;
    border-color: rgba(106, 213, 179, .4);
    background-color: #fff
}

html.public .light-theme .header .header-content .logo-wrapper_link {
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .header .header-content .nav .list .item a {
    color: #162125
}

html.public .light-theme .header .header-content .nav .list .item a.active,
html.public .light-theme .header .header-content .nav .list .item a:hover {
    color: #6ad3b1
}

html.public .light-theme .header .header-content .nav .list .item .special-link {
    -webkit-animation: pulse-link-light 1.5s linear infinite;
    animation: pulse-link-light 1.5s linear infinite
}

html.public .light-theme .header .header-content .nav .list .item .special-link:hover {
    color: #6ad3b1;
    -webkit-animation: paused;
    animation: paused
}

html.public .light-theme .header .header-content .nav .right-bar {
    background-color: #fff;
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .header .header-content .nav .right-bar .language-bar .language-select {
    background-color: #fff
}

html.public .light-theme .header .header-content .nav .right-bar .switcher-block .label span {
    color: #000
}

html.public .light-theme .header .header-content .nav .right-bar .switcher-block .switcher label {
    background-color: #eef0fa
}

html.public .light-theme .header .header-content .nav .right-bar .switcher-block .switcher label span {
    color: #000
}

@media(max-width:1100px) {
    html.public .light-theme .header .header-content .nav {
        background-color: #fff;
        border-color: rgba(106, 213, 179, .4);
        -webkit-box-shadow: 0 5px 4px -2px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 4px -2px rgba(0, 0, 0, .1)
    }
}

html.public .light-theme .header .header-content .head-btn {
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .header .header-content .head-btn a .circle {
    border: 2px solid #6ad3b1
}

html.public .light-theme .header .header-content .head-btn a .circle .point:before {
    right: 2px;
    width: 6px;
    height: 6px;
    background-color: #6ad3b1
}

html.public .light-theme .header .header-content .head-btn a:hover {
    color: #162125
}

html.public .light-theme .header .header-content .head-btn a:hover .circle {
    border: 2px solid #162125
}

html.public .light-theme .header .header-content .head-btn a:hover .circle .point:before {
    background-color: #162125
}

html.public .light-theme .about-section {
    border-color: rgba(106, 213, 179, .4);
    background: url(../../external/img/bg/light/grid.png) 50% repeat;
    background-size: 55px
}

html.public .light-theme .about-section_content .media-block .phone-content .messages-list .messages {
    background: #1a202d;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5f0f9));
    background: -o-linear-gradient(top, #fff 0, #e5f0f9 100%);
    background: linear-gradient(180deg, #fff, #e5f0f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5f0f9", GradientType=0);
    -webkit-box-shadow: 0 11px 100px 0 #a9c4db;
    box-shadow: 0 11px 100px 0 #a9c4db
}

html.public .light-theme .about-section_content .media-block .phone-content .messages-list .messages_text-box p {
    color: #11171d
}

html.public .light-theme .about-section_content .media-block .phone-content .messages-list .messages.special-message {
    background: #6ad5b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#6ad5b3), to(#49c19b));
    background: -o-linear-gradient(top, #6ad5b3 0, #49c19b 100%);
    background: linear-gradient(180deg, #6ad5b3, #49c19b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ad5b3", endColorstr="#49c19b", GradientType=0);
    -webkit-box-shadow: 0 11px 100px -10px rgba(0, 222, 150, .2);
    box-shadow: 0 11px 100px -10px rgba(0, 222, 150, .2);
    z-index: 1
}

html.public .light-theme .about-section_content .media-block .phone-content .messages-list .messages.special-message .messages_text-box .big-text,
html.public .light-theme .about-section_content .media-block .phone-content .messages-list .messages.special-message .messages_text-box p,
html.public .light-theme .about-section_content .media-block .phone-content .messages-list .messages.special-message .messages_text-box strong {
    color: #fff
}

html.public .light-theme .about-section_content .desc-block_subtitle p {
    color: #8299a9
}

html.public .light-theme .about-section_content .features-row .features {
    border-color: rgba(110, 212, 179, .5)
}

html.public .light-theme .about-section_content .features-row .features:after,
html.public .light-theme .about-section_content .features-row .features:before {
    border-color: #6ed4b3
}

html.public .light-theme .about-section_content .features-row .features .icon-box {
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .light-theme .about-section_content .features-row .features .icon-box img {
    opacity: 1
}

html.public .light-theme .about-section_content .features-row .features .title-box p {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .light-theme .about-section_content .features-row .features .subtitle-box p {
    color: #8299a9;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

html.public .light-theme .about-section_content .features-row .features:hover {
    background-color: #6ad5b3
}

html.public .light-theme .about-section_content .features-row .features:hover .icon-box img {
    opacity: 0
}

html.public .light-theme .about-section_content .features-row .features:hover .icon-box.ic-trading {
    background: url(../../external/icon/light/ic-trading.png) 50% no-repeat;
    background-size: 100%
}

html.public .light-theme .about-section_content .features-row .features:hover .icon-box.ic-world {
    background: url(../../external/icon/light/ic-world.png) 50% no-repeat;
    background-size: 100%
}

html.public .light-theme .about-section_content .features-row .features:hover .icon-box.ic-card {
    background: url(../../external/icon/light/ic-card.png) 50% no-repeat;
    background-size: 100%
}

html.public .light-theme .about-section_content .features-row .features:hover .icon-box.ic-partners {
    background: url(../../external/icon/light/ic-partners.png) 50% no-repeat;
    background-size: 100%
}

html.public .light-theme .about-section_content .features-row .features:hover .subtitle-box p,
html.public .light-theme .about-section_content .features-row .features:hover .title-box p {
    color: #fff
}

html.public .light-theme .about-section_content .footnotes p {
    color: #8299a9
}

html.public .light-theme .trading-section,
html.public .light-theme .trading-section .window {
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .trading-section .window .window-head {
    background-color: #e5f0f9
}

html.public .light-theme .trading-section .window .window-head .box .point-row .point {
    background-color: #6ad3b1
}

html.public .light-theme .trading-section .window .window-body .title-row .title {
    color: #162125
}

html.public .light-theme .trading-section .window .window-body .title-row .subtitle {
    color: #8299a9
}

html.public .light-theme .trading-section .window .window-body .scheme_box .element .text p {
    color: #162125
}

html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle:before {
    border-color: #6ad3b1
}

html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle.minus-circle .circle-point:after {
    background-color: #6ad3b1
}

html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r1 {
    border-color: #6ad5b3
}

html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r1:after,
html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r1:before {
    background-color: transparent
}

html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r2:before,
html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r3:before,
html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r4:before,
html.public .light-theme .trading-section .window .window-body .scheme_box .element .circle .r5:before {
    border-color: #6ad5b3
}

html.public .light-theme .trading-section .window .window-body .scheme_box .el-text p {
    color: #162125
}

html.public .light-theme .trading-section .window .window-body .scheme_box.special-box {
    z-index: 1
}

html.public .light-theme .trading-section .window .window-body .scheme_box.special-box .element {
    background-color: #eef7f5
}

html.public .light-theme .trading-section .window .window-basement {
    background-color: #e5f0f9;
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .trading-section .window .window-basement .box-text .subtitle,
html.public .light-theme .trading-section .window .window-basement .box-text .title {
    color: #162125
}

html.public .light-theme .footer {
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .footer_content .info-footer .info-block p {
    color: #8299a9
}

html.public .light-theme .footer_content .footer-nav_box .list .item .link:hover {
    color: #162125
}

html.public .light-theme .footer .copyright {
    border-color: rgba(106, 213, 179, .4)
}

html.public .light-theme .footer .copyright p {
    color: #8299a9
}