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

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

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

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

.form-control:active,
.form-control:focus,
:active,
:focus,
button:focus,
textarea:focus {
    outline: 0;
    outline-color: transparent;
    box-shadow: none
}

.form-control::placeholder {
    color: #4b5774
}

.page {
    /* background: #1b1635; */
background: #3c345f; 
    
    color: #8580a2;
    font-family: Ubuntu
}

html {
    min-height: 100%
}

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

.page .main_auth,
.page .main_auth>.container,
.page .main_auth>.container>.row {
    height: 100%
}

.scrolling {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    overflow-x: scroll
}

.scrolling::-webkit-scrollbar {
    display: none
}

@media (max-width:1199px) {
    .page .main_auth {
        height: calc(100% - 153px)
    }
}

@media (max-width:767px) {

    .page .main_auth,
    .page .main_auth>.container,
    .page .main_auth>.container>.row {
        height: unset
    }
}

@media (max-width:991px) {
    .navigation {
        display: none
    }

    .navigation.navigation_block {
        display: block
    }

    .navigation_block .menu {
        display: none
    }
}

.container {
    max-width: 1200px
}

header {
    padding-top: 25px;
    padding-bottom: 11px
}

.logo {
    display: inline-block;
    margin-right: 30px
}

.logo img {
    margin-top: -5px;
    width: 128px;
    height: auto
}

@media screen and (min-width:768px) {
    header {
        display: flex;
        justify-content: space-between
    }
}

.languages {
    display: inline-block;
    margin-bottom: 1rem
}

.languages__toggle {
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    padding-right: 15px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-top: -3px
}

.languages__toggle:active,
.languages__toggle:focus,
.languages__toggle:hover {
    text-decoration: none;
    color: #fff
}

.languages__toggle:after {
    content: "";
    display: inline-block;
    background: url("../images/arrow-down-sign-to-navigate.svg") no-repeat center;
    width: 8px;
    height: 8px;
    border: none;
    vertical-align: middle
}

.languages__menu {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 15px;
    overflow: hidden;
    width: 100%;
    min-width: 350px;
    margin-top: 10px
}

.languages__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 7px 10px 9px;
    color: #8580a1;
    font-size: 14px;
    line-height: 150%
}

.languages__item_disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.languages__item_disabled:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.languages__item:active,
.languages__item:focus,
.languages__item:hover {
    text-decoration: none;
    color: #fff;
    background: #2f2a46;
    border-radius: 10px
}

.languages_bottom {
    margin-bottom: 0
}

.languages__item_active,
.languages__item_active:hover {
    color: #fed501
}

.languages__item:before,
.languages__toggle:before {
    content: "";
    display: inline-block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 7px
}

.languages__item_en:before,
.languages__toggle_en:before {
    background: url("../images/flags.png") no-repeat 0 0;
    background-size: 384px
}

.languages__item_de:before,
.languages__toggle_de:before {
    background: url("../images/flags.png") no-repeat -24px 0;
    background-size: 384px
}

.languages__item_es:before,
.languages__toggle_es:before {
    background: url("../images/flags.png") no-repeat -48px 0;
    background-size: 384px
}

.languages__item_fr:before,
.languages__toggle_fr:before {
    background: url("../images/flags.png") no-repeat -72px 0;
    background-size: 384px
}

.languages__item_vn:before,
.languages__toggle_vn:before {
    background: url("../images/flags.png") no-repeat -96px 0;
    background-size: 384px
}

.languages__item_ru:before,
.languages__toggle_ru:before {
    background: url("../images/flags.png") no-repeat -120px 0;
    background-size: 384px
}

.languages__item_cn:before,
.languages__toggle_cn:before {
    background: url("../images/flags.png") no-repeat -144px 0;
    background-size: 384px
}

.languages__item_pt:before,
.languages__toggle_pt:before {
    background: url("../images/flags.png") no-repeat -168px 0;
    background-size: 384px
}

.languages__item_ar:before,
.languages__toggle_ar:before {
    background: url("../images/flags.png") no-repeat -192px 0;
    background-size: 384px
}

.languages__item_ko:before,
.languages__toggle_ko:before {
    background: url("../images/flags.png") no-repeat -216px 0;
    background-size: 384px
}

.languages__item_ja:before,
.languages__toggle_ja:before {
    background: url("../images/flags.png") no-repeat -240px 0;
    background-size: 384px
}

.languages__item_tr:before,
.languages__toggle_tr:before {
    background: url("../images/flags.png") no-repeat -264px 0;
    background-size: 384px
}

.languages__item_pl:before,
.languages__toggle_pl:before {
    background: url("../images/flags.png") no-repeat -288px 0;
    background-size: 384px
}

.languages__item_it:before,
.languages__toggle_it:before {
    background: url("../images/flags.png") no-repeat -312px 0;
    background-size: 384px
}

.languages__item_hi:before,
.languages__toggle_hi:before {
    background: url("../images/flags.png") no-repeat -336px 0;
    background-size: 384px
}

.menu__item {
    display: inline-block
}

.menu__item a {
    padding: 5px 15px;
    color: #8580a1;
    font-size: 16px;
    line-height: 150%;
    white-space: nowrap
}

.menu__item a:active,
.menu__item a:focus,
.menu__item a:hover,
.menu__item_active a {
    text-decoration: none;
    color: #27dfc5
}

.menu__item_block a {
    padding: 0
}

.menu__item_block:not(:last-child) {
    margin-bottom: 15px
}

.menu__item_block {
    display: block
}

a.menu__link {
    padding: 0;
    margin: 0 15px 0 0;
    display: block
}

.menu__item_social {
    margin-top: 15px
}

@media screen and (min-width:991px) {
    .menu {
        display: inline-flex
    }
}

.menu-btn {
    width: 18px;
    height: 18px
}

.menu-btn:active,
.menu-btn:focus,
.menu-btn:hover {
    box-shadow: none;
    outline: 0
}

.menu-btn_show {
    background: url(../images/Navigation_icon.svg) no-repeat center
}

.menu-btn_hide {
    background: url(../images/Close_icon.svg) no-repeat center
}

.menu-btn_filter {
    background: url(../images/filter_icon.svg) no-repeat center
}

.auth {
    display: inline-flex;
    list-style-type: none;
    padding-left: 0
}

.auth__item {
    display: inline-block
}

.auth__item:first-of-type {
    margin-right: 29px
}

.auth__item a {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 150%
}

.auth__item a:active,
.auth__item a:focus,
.auth__item a:hover {
    text-decoration: none;
    color: #ffe145
}

.auth__item_login {
    position: relative
}

.auth__item_login a {
    display: flex;
    align-items: center;
    color: #8580a1
}

.auth__item_login a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background: url("../images/auth-icons.svg") no-repeat 0 -16px
}

.auth__item_login a:active:before,
.auth__item_login a:focus:before,
.auth__item_login a:hover:before {
    background: url("../images/auth-icons.svg") no-repeat 0 0
}

.auth__item_register a {
    color: #ffe145
}

.auth__check {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background: url("../images/auth-icons.svg") no-repeat -16px 0
}

.auth__item_register:hover .auth__check {
    background: url("../images/auth-icons.svg") no-repeat -16px -16px
}

.animated-check {
    position: absolute;
    top: 0;
    left: 2px;
    fill: none;
    stroke: #ffe145;
    stroke-width: 2;
    stroke-dasharray: 23;
    stroke-dashoffset: 23;
    stroke-linecap: round;
    stroke-linejoin: round
}

.auth__item_register:hover .animated-check {
    animation: draw 1s infinite ease
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

.auth__arrow {
    position: absolute;
    top: -1px;
    width: 0;
    transition: width .5s linear;
    transition-delay: 0;
    overflow: hidden
}

.navigation-mobile .auth__arrow {
    top: -2px
}

.auth__item_login:hover .auth__arrow {
    width: 11px
}

.menu.auth {
    display: block;
    margin-left: 0;
    margin-top: 18px
}

@media (max-width:1199px) {
    .auth-illustration {
        display: none
    }
}

@media (max-width:991px) {
    .auth {
        display: none
    }

    .h-100.auth-wrap {
        height: unset !important
    }
}

.footer {
    /* background: #191a1c url("../images/footer-bg.png") no-repeat center; */

     background: #07152f;
    background-size: cover
}

.footer .languages {
    width: 100%
}

.footer .languages>div {
    margin-bottom: 13px
}

.footer .languages__menu.show {
    right: -5px;
    left: unset;
    min-width: 200px
}

.footer .button-bordered {
    margin-top: 5px
}

.footer .container {
    padding: 35px 15px 20px
}

.footer .social-icons {
    margin-bottom: 28px
}

.footer-apps__item.footer-apps__item_disabled a,
.footer-apps__item.footer-apps__item_disabled a:active,
.footer-apps__item.footer-apps__item_disabled a:focus,
.footer-apps__item.footer-apps__item_disabled a:hover {
    text-decoration: none;
    color: #8580a1
}

.footer-apps__icon:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 9px
}

.footer-apps__icon_playmarket:before {
    background: url("../images/apps-icons.svg") no-repeat 0 0;
    background-size: 66px
}

.footer-apps__icon_android:before {
    background: url("../images/apps-icons.svg") no-repeat -22px 0;
    background-size: 66px
}

.footer-apps__icon_ios:before {
    background: url("../images/apps-icons.svg") no-repeat -44px 0;
    background-size: 66px
}

.footer-row {
    justify-content: space-between
}

.footer-row__item {
    margin-bottom: 40px
}

.footer-row__title {
    color: #fff;
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    margin-bottom: 20px
}

.footer-row__title_logo img {
    max-width: 128px;
    height: auto
}

.footer-row__links {
    padding-left: 0;
    list-style-type: none
}

.footer-row__link {
    margin-bottom: 15px
}

.footer-row__link-icon a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 7px
}

.footer-row__link-phone a:before {
    background: url("../images/contacts-icons.svg") no-repeat 0 0
}

.footer-row__link-phone a:active:before,
.footer-row__link-phone a:focus:before,
.footer-row__link-phone a:hover:before {
    background: url("../images/contacts-icons.svg") no-repeat -16px 0
}

.footer-row__link-email a:before {
    background: url("../images/contacts-icons.svg") no-repeat -32px 0
}

.footer-row__link-email a:active:before,
.footer-row__link-email a:focus:before,
.footer-row__link-email a:hover:before {
    background: url("../images/contacts-icons.svg") no-repeat -48px 0
}

.footer-row__link-telegram a:before {
    background: url("../images/tg-icon.svg") no-repeat center;
    background-size: contain
}

.footer-row__link-telegram a:hover:before,
.footer-row__link-telegram a:focus:before,
.footer-row__link-telegram a:active:before {
    background: url("../images/tg-icon-active.svg") no-repeat center;
    background-size: contain
}

.footer-row__link a {
    color: #8580a1
}

.footer-row__link a:active,
.footer-row__link a:focus,
.footer-row__link a:hover {
    color: #27dfc5;
    text-decoration: none
}

.footer-row__regnumber {
    margin-top: 44px;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .footer {
        background: #1b1635 url("../images/footer-bg.png") no-repeat 30% top;
        background-size: cover
    }

    .footer .container {
        background-color: #000;
        padding: 30px 15px
    }

    .footer-row__link:last-child {
        margin-bottom: 0
    }

    .footer-row__links {
        margin-bottom: 0
    }

    .footer .social-icons {
        margin-bottom: 40px
    }

    .footer-row__item {
        mf: 70px
    }
}

.social-icons__item {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 11px
}

.social-icons__item_youtube {
    background: url("../images/youtube-icons.svg") no-repeat 0 0;
    background-size: 36px 18px
}

.social-icons__item_youtube:hover,
.social-icons__item_youtube:focus,
.social-icons__item_youtube:active {
    background: url("../images/youtube-icons.svg") no-repeat -18px 0;
    background-size: 36px 18px
}

.social-icons__item_facebook {
    background: url("../images/social-icons.svg") no-repeat 0 0
}

.social-icons__item_facebook:active,
.social-icons__item_facebook:focus,
.social-icons__item_facebook:hover {
    background: url("../images/social-icons.svg") no-repeat 0 -18px
}

.social-icons__item_twitter {
    background: url("../images/social-icons.svg") no-repeat -18px 0
}

.social-icons__item_twitter:active,
.social-icons__item_twitter:focus,
.social-icons__item_twitter:hover {
    background: url("../images/social-icons.svg") no-repeat -18px -18px
}

.social-icons__item_telegram {
    background: url("../images/social-icons.svg") no-repeat -36px 0
}

.social-icons__item_telegram:active,
.social-icons__item_telegram:focus,
.social-icons__item_telegram:hover {
    background: url("../images/social-icons.svg") no-repeat -36px -18px
}

.social-icons__item:last-of-type {
    margin-right: 0
}

@media screen and (min-width:1104px) {
    .social-icons__item {
        margin-right: 21px
    }
}

.footer-apps__item {
    color: #8580a1;
    margin-bottom: 15px
}

.footer-apps__item_disabled {
    display: flex;
    align-items: center
}

.footer-apps__item a {
    display: flex;
    align-items: center;
    color: #8580a1;
    text-decoration: underline
}

.footer-apps__item a:active,
.footer-apps__item a:focus,
.footer-apps__item a:hover {
    color: #ffe145
}

.footer-apps__item img {
    margin-right: 10px
}

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

.copyrights__item {
    margin-bottom: 20px;
    color: #46415f;
    font-size: 14px;
    line-height: 150%
}

.copyrights__item span {
    font-weight: 500
}

.copyrights img {
    width: 100%;
    max-width: 414px
}

.copyrights a:hover,
.copyrights a:focus,
.copyrights a:active {
    text-decoration: none
}

@media screen and (min-width:992px) {
    .copyrights {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .copyrights__item {
        display: inline-block
    }
}

@media (max-width:768px) {
    .copyrights {
        margin-top: 0
    }

    .copyrights__item:last-child {
        margin-bottom: 0
    }

    .copyrights__item {
        margin-bottom: 10px
    }
}

.page-not-found {
    min-height: 905px;
    background: url("../images/404.png") no-repeat 105px 70%;
    background-size: 1047px;
    text-align: center;
    padding-top: 100px
}

.page-not-found:before {
    content: "";
    display: inline-block;
    width: 907px;
    height: 486px;
    background: url("../images/bg_img.png") no-repeat center left;
    background-size: cover;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -807px
}

.page-not-found__title {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 30px
}

.page-not-found .button-bordered {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 18px
}

@media (max-width:1199px) {
    .page-not-found {
        min-height: 794px;
        background: url("../images/404.png") no-repeat center 85%;
        background-size: contain
    }
}

@media (max-width:767px) {
    .page-not-found:before {
        width: 100%;
        height: 100%;
        left: 0;
        margin-left: 0;
        background-position: center
    }

    .page-not-found {
        min-height: 594px;
        background: url("../images/404.png") no-repeat center 85%;
        background-size: contain
    }
}

@media (max-width:400px) {
    .page-not-found {
        min-height: 564px
    }
}

.simple-page {
    margin: 56px auto 140px;
    max-width: 770px
}

.simple-page__partwrap {
    margin-bottom: 40px
}

.simple-page h1,
.simple-page__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    color: #27dfc5;
    margin-bottom: 30px
}

.simple-page h2,
.simple-page h3,
.simple-page__posttitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 15px
}

.simple-page__attention {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #fff
}

.simple-page ul {
    padding-left: 0;
    font-size: 16px;
    line-height: 150%;
    list-style-type: none
}

.simple-page li {
    padding-left: 11px;
    position: relative;
    margin-bottom: 15px
}

.simple-page li:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #fed501;
    margin-right: 7px;
    position: absolute;
    left: 0;
    top: 10px
}

@media (max-width:991px) {
    .simple-page {
        margin-top: 0
    }
}

.blog {
    margin-top: 56px
}

.blog:before {
    display: inline-block;
    content: "";
    width: 1214px;
    height: 393px;
    background: url("../images/bg_img.png") no-repeat center left;
    background-size: cover;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -550px
}

.blog__title {
    text-align: center;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff
}

.blog__description {
    text-align: center;
    margin-bottom: 30px
}

.blog__row {
    padding-top: 10px;
    justify-content: center;
    max-height: 1064px;
    overflow: auto
}

.blog__row_center {
    justify-content: center
}

.blog__card {
    height: 100%;
    max-width: 370px;
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all .35s ease-in-out;
    margin-bottom: 40px
}

.blog__card a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.blog__card:active,
.blog__card:focus,
.blog__card:hover {
    transform: translateY(-10px)
}

.blog__card a:active,
.blog__card a:focus,
.blog__card a:hover {
    text-decoration: none
}

.blog__img {
    width: 100%;
    height: 240px;
    overflow: hidden
}

.blog__img img {
    width: 100%;
    height: auto
}

.blog__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 30px;
    flex: 1
}

.blog__tag {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fed501;
    margin-bottom: 20px;
    text-align: left
}

.blog__name {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    text-align: left;
    margin-bottom: 30px
}

.blog__date {
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    display: flex;
    align-items: center
}

.blog__date:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/date_icon.svg") no-repeat center;
    margin-right: 7px
}

.blog .tags {
    margin-bottom: 30px;
    text-align: left
}

.blog .tags__title {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .blog:before {
        content: none;
        width: 100%
    }

    .blog__body {
        padding: 20px 15px
    }

    .blog__img {
        height: 175.14px
    }

    .blog__tag {
        margin-bottom: 15px
    }

    .blog__name {
        margin-bottom: 15px;
        font-size: 18px
    }
}

@media (max-width:1199px) {
    .blog:before {
        left: unset;
        right: 0
    }

    .blog__row {
        justify-content: flex-start;
        flex-flow: unset;
        width: calc(100% + 30px);
        overflow: auto;
        padding-left: 10px
    }

    .blog__col {
        padding-left: 7.5px;
        padding-right: 7.5px;
        min-width: 285px
    }

    .blog__img {
        height: 175px
    }
}

.last-blog {
    margin-bottom: 110px
}

.last-blog__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 40px
}

.last-blog__posttitle {
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #8580a1
}

@media (max-width:767px) {
    .last-blog__title {
        font-size: 32px;
        line-height: 150%
    }
}

.post {
    max-width: 770px;
    margin: 0 auto 70px;
    text-align: center
}

.post__content {
    text-align: left;
    margin-bottom: 40px
}

.post__img {
    max-width: 770px;
    height: auto;
    margin-bottom: 60px;
    border-radius: 10px
}

.post__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.post__date {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}

.post__date:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/date_icon.svg") no-repeat center;
    margin-right: 7px
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 20px
}

@media (max-width:768px) {
    .post__img {
        max-width: 100%;
        margin-bottom: 30px
    }

    .post {
        margin-bottom: 30px
    }
}

.tags__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff
}

.tag__item {
    display: inline-block;
    margin-right: 21px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1
}

.tag__item:active,
.tag__item:focus,
.tag__item:hover {
    text-decoration: none;
    color: #fed501
}

.tag__item_active {
    color: #fed501
}

.footer-blog {
    text-align: center;
    padding-top: 63px;
    padding-bottom: 38px;
    background: #1b1635 url("../images/footer_bg_img.png") no-repeat center;
    background-size: cover
}

.footer-blog_copyright {
    font-size: 14px;
    line-height: 150%;
    color: #46415f;
    margin-bottom: 20px
}

.points-list {
    padding-left: 0;
    font-size: 16px;
    line-height: 150%;
    list-style-type: none
}

.points-list__item {
    padding-left: 11px;
    position: relative;
    margin-bottom: 15px
}

.points-list__item:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #fed501;
    margin-right: 7px;
    position: absolute;
    left: 0;
    top: 10px
}

.post .points-list__item {
    margin-bottom: 0
}

.user-guide {
    position: relative;
    overflow: hidden;
    min-height: 658px;
    padding-top: 57px
}

.user-guide:after {
    content: "";
    display: inline-block;
    background: url("../images/user_guide_bg_img.png") no-repeat center;
    background-size: contain;
    height: 486.32px;
    width: 907px;
    position: absolute;
    right: -20%;
    bottom: 0;
    z-index: -1
}

.user-guide__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 60px
}

.user-guide .tab-content {
    min-height: 512px
}

@media (min-width:1300px) {
    .user-guide {
        padding: 0 50px;
        min-width: 1300px;
        margin-left: -50px
    }
}

@media (max-width:1199px) {
    .user-guide {
        padding-bottom: 50px
    }

    .user-guide:after {
        background: url("../images/user_guide_bg_img.png") no-repeat bottom;
        background-size: contain;
        height: 100%;
        width: 100%;
        left: 0
    }
}

@media (max-width:767px) {

    .user-guide .nav-item__slider,
    .user-guide .nav-pills:after {
        display: none
    }

    .user-guide .nav-item {
        width: 100%
    }

    .user-guide .nav-item a {
        text-align: left
    }
}

.nav-pills {
    display: inline-flex;
    margin-bottom: 68px;
    position: relative
}

.nav-pills:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #2e2947;
    position: absolute;
    bottom: 0;
    z-index: -1
}

.nav-pills-before:before {
    transition: all 3s linear;
    right: 0
}

.nav-item__slider {
    display: inline-block;
    width: 0;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(180deg, #27dfc5 0, #27dfc5 100%);
    box-shadow: 0 1px 4px rgba(1, 246, 201, .3);
    position: absolute;
    bottom: 0;
    transition: all .5s linear
}

.nav-pills__link {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    padding: 13px 15px;
    position: relative;
    white-space: nowrap
}

.nav-pills__link_auto {
    width: unset
}

.nav-pills__link.active,
.nav-pills__link:active,
.nav-pills__link:focus,
.nav-pills__link:hover {
    color: #fff;
    background: unset !important
}

.guide-card {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 301px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    transition: all .35s ease-in-out
}

.guide-card:hover {
    transform: translateY(-10px)
}

.guide-card__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px
}

.guide-card__icon_register {
    background: url("../images/user-guide-icons.png") no-repeat 0 0;
    background-size: cover
}

.guide-card__icon_reset {
    background: url("../images/user-guide-icons.png") no-repeat -48px 0;
    background-size: cover
}

.guide-card__icon_settings {
    background: url("../images/user-guide-icons.png") no-repeat -96px 0;
    background-size: cover
}

.guide-card__icon_partner {
    background: url("../images/user-guide-icons.png") no-repeat -144px 0;
    background-size: cover
}

.guide-card__icon_select {
    background: url("../images/user-guide-icons.png") no-repeat -192px 0;
    background-size: cover
}

.guide-card__icon_pay {
    background: url("../images/user-guide-icons.png") no-repeat -240px 0;
    background-size: cover
}

.guide-card__icon_profit {
    background: url("../images/user-guide-icons.png") no-repeat -288px 0;
    background-size: cover
}

.guide-card__icon_reinvest {
    background: url("../images/user-guide-icons.png") no-repeat -336px 0;
    background-size: cover
}

.guide-card__icon_credit {
    background: url("../images/user-guide-icons.png") no-repeat -384px 0;
    background-size: cover
}

.guide-card__icon_paycredit {
    background: url("../images/user-guide-icons.png") no-repeat -435px 0;
    background-size: cover
}

.guide-card__icon_inadvance {
    background: url("../images/user-guide-icons.png") no-repeat -480px 0;
    background-size: cover
}

.guide-card__icon_skip {
    background: url("../images/user-guide-icons.png") no-repeat -528px 0;
    background-size: cover
}

.guide-card__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 15px;
    min-height: 56px
}

.guide-card__text {
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    margin-bottom: 20px
}

.guide-card__link {
    font-size: 16px;
    line-height: 150%;
    text-decoration-line: underline;
    color: #8580a1
}

.guide-card__link:active,
.guide-card__link:focus,
.guide-card__link:hover {
    color: #ffe145
}

@media screen and (min-width:1200px) {
    .guide-card {
        width: 25%
    }
}

.user-guide-article__row {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    flex-flow: row wrap
}

.user-guide-article__step {
    width: 100%;
    max-width: 400px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 50px
}

.user-guide-article__image {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    height: 250px;
    max-width: 370px;
    overflow: hidden;
    margin-bottom: 20px
}

.user-guide-article__image img {
    width: 100%;
    height: auto
}

.user-guide-article__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1
}

.user-guide-article__text strong {
    color: #fed501
}

@media screen and (min-width:992px) {
    .user-guide-article__step {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

@media (max-width:768px) {
    .user-guide-article__step {
        margin-bottom: 20px
    }
}

.agents {
    display: flex;
    align-items: center;
    margin-top: -6px
}

@media (max-width:1919px) {
    .agents {
        align-items: baseline;
        padding-top: 7px
    }
}

@media (max-width:991px) {
    .agents {
        margin-top: 10px;
        padding-top: 0
    }
}

.agents__label {
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    margin-right: 17px;
    white-space: nowrap
}

.agents__images {
    display: inline-flex;
    align-items: center
}

.agents__image {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    overflow: hidden;
    padding: 3px
}

.agents__image:first-of-type {
    background: #0f092e;
    z-index: 3
}

.agents__image:nth-of-type(2) {
    background: #fed501;
    z-index: 2;
    margin-left: -10px
}

.agents__image:last-of-type {
    background: #0f092e;
    z-index: 1;
    margin-left: -10px
}

.agents__image img {
    width: 32px;
    height: auto;
    border-radius: 19px
}

.help-center {
    max-width: 570px;
    margin: 110px auto 0
}

.help-center__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 15px
}

.help-center__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    margin-bottom: 40px;
    max-width: 458px
}

.help-center__row {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-flow: row wrap;
    border-bottom: none
}

.help-center__col {
    padding: 0 15px;
    display: inline-block;
    margin-bottom: 30px !important
}

.help-center__card {
    width: 170px;
    height: 160px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px !important;
    transition: all .3s linear;
    position: relative;
    border: none !important
}

.help-center__card.active,
.help-center__card:active,
.help-center__card:focus,
.help-center__card:hover {
    background: #211c3c !important;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    text-decoration: none;
    color: #27dfc5;
    border: none !important
}

.help-center__card:before {
    content: "";
    height: 138px;
    width: 170px;
    background: url("../images/helpcenter_bg_img.png") no-repeat center;
    background-size: cover;
    position: absolute;
    left: -5px;
    bottom: -5px;
    z-index: 0;
    transform: scale(.9);
    transform-origin: bottom right 60px;
    transition: all .3s linear
}

.help-center__card.active:before,
.help-center__card:hover:before {
    transform: scale(1)
}

.help-center__icon {
    width: 87px;
    height: 87px;
    margin-bottom: 6px;
    z-index: 1
}

.help-center__icon_main {
    background: url("../images/help-center-icons.png") no-repeat 0 0;
    background-size: cover
}

.help-center__icon_borrow {
    background: url("../images/help-center-icons.png") no-repeat -88px 0;
    background-size: cover
}

.help-center__icon_loan {
    background: url("../images/help-center-icons.png") no-repeat -174px 0;
    background-size: cover
}

.help-center__icon_security {
    background: url("../images/help-center-icons.png") no-repeat -261px 0;
    background-size: cover
}

.help-center__icon_settings {
    background: url("../images/help-center-icons.png") no-repeat -348px 0;
    background-size: cover
}

.help-center__icon_warranty {
    background: url("../images/help-center-icons.png") no-repeat -435px 0;
    background-size: cover
}

.help-center__section {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    z-index: 1;
    min-height: 48px;
    display: flex;
    align-items: center
}

.help-center__card.active .help-center__section,
.help-center__card:active .help-center__section,
.help-center__card:focus .help-center__section,
.help-center__card:hover .help-center__section,
.help-center__section:active,
.help-center__section:focus,
.help-center__section:hover {
    color: #27dfc5;
    text-decoration: none
}

@media (max-width:500px) {

    .help-center__card,
    .help-center__col {
        width: 100%
    }
}

.question {
    background: #241f3e;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 20px;
    cursor: pointer
}

.question__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 15px
}

.question:hover .question__title {
    color: #27dfc5
}

.question__title:before {
    content: "";
    display: inline-block;
    background: url("../images/arrow_icon.svg") no-repeat center;
    width: 10px;
    height: 10px;
    margin-right: 7px
}

.question__full {
    display: none
}

@media (max-width:500px) {
    .question {
        padding: 15px
    }

    .question:last-child {
        margin-bottom: 0
    }
}

.question-article {
    max-width: 730px;
    margin: 0 auto
}

.question-article__content {
    margin-bottom: 93px
}

.question-article h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 20px
}

.question-article h1:before {
    content: "";
    display: inline-block;
    background: url("../images/arrow_icon.svg") no-repeat center;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    vertical-align: middle
}

.question-article h2,
.question-article h3,
.question-article h4,
.question-article h5,
.question-article h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #fff
}

.question-article .points-list__item {
    margin-bottom: 0
}

.question-article .articles-author {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 20px
}

.question-article__content_inner img {
    max-width: 100%
}

@media (min-width:1440px) {
    .question-article {
        min-height: 950px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.article-rate {
    background: #241f3e url(../images/bg_img.png) no-repeat center;
    background-size: cover;
    border-radius: 10px;
    text-align: center;
    padding: 45px 20px 35px;
    min-height: 195px
}

.article-rate__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.article-rate__row {
    font-size: 34px;
    line-height: 150%
}

.article-rate__item:hover {
    text-decoration: none
}

.container-helpcenter {
    max-width: 1965px;
    padding-left: 30px;
    padding-right: 15px
}

.container-helpcenter>.row {
    min-height: 100vh
}

@media (min-width:1800px) {
    .container-helpcenter .menu__item a {
        padding: 5px
    }
}

.container-helpcenter .navigation-mobile__links {
    left: -15px
}

.container-helpcenter .navigation {
    padding-top: 10px
}

@media (max-width:991px) {
    .container-helpcenter header {
        display: block
    }
}

.articles-column {
    background: #1b1635 url("../images/bg_img.png") no-repeat center;
    background-size: cover;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 40px
}

.articles-column_question {
    display: none
}

.articles-column__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 10px
}

.articles-column__info {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between
}

.articles-column__type {
    margin-bottom: 10px
}

.articles-column__back {
    margin-bottom: 30px
}

@media (max-width:500px) {
    .articles-column {
        padding: 20px
    }
}

@media (min-width:1440px) {
    .articles-column {
        min-height: 950px
    }
}

.footer-helpcenter {
    display: none;
    background: 0 0;
    padding: 30px 30px 30px 0
}

.footer-helpcenter__row {
    display: flex;
    align-items: center;
    flex-flow: row wrap
}

.footer-helpcenter__contacts {
    display: flex;
    align-items: center
}

.footer-helpcenter__email {
    margin-right: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #46415f
}

.footer-helpcenter__email:active,
.footer-helpcenter__email:focus,
.footer-helpcenter__email:hover {
    text-decoration: none;
    color: #fed501
}

.footer-helpcenter__contacts .social-icons {
    margin-bottom: 0
}

.footer-helpcenter-mobile {
    display: block
}

@media screen and (min-width:768px) {
    .footer-helpcenter__row {
        justify-content: space-between
    }
}

@media screen and (min-width:1104px) {
    .footer-helpcenter {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 0
    }

    .footer-helpcenter-mobile {
        display: none
    }

    .footer-helpcenter__email {
        margin-right: 20px
    }
}

@media (max-width:500px) {
    .footer-helpcenter {
        padding: 30px 15px
    }
}

.articles-author {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.articles-author__author {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-bottom: 10px
}

.articles-author__image {
    width: 24px;
    height: 24px;
    margin-right: 7px
}

.articles-author__name {
    font-size: 14px;
    line-height: 150%;
    margin-right: 20px
}

.articles-author__posts {
    font-size: 14px;
    line-height: 150%
}

.articles-author__posts:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background: url(../images/article_icon.svg) no-repeat center;
    vertical-align: middle
}

.articles-author__update:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    background: url(../images/date_icon.svg) no-repeat center;
    vertical-align: middle
}

.breadcrumbs {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 42px
}

.breadcrumbs__item {
    line-height: 150%;
    margin-right: 5px
}

.breadcrumbs__item a {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #8580a1
}

.breadcrumbs__item a:active,
.breadcrumbs__item a:focus,
.breadcrumbs__item a:hover {
    text-decoration: none;
    color: #fed501
}

.breadcrumbs__item_active {
    font-weight: 400;
    font-size: 12px;
    line-height: 220%;
    color: #fff
}

.auth-illustration {
    background: #1b1635 url(../images/Dashboard-Illustration.png) no-repeat center right;
    background-size: contain
}

.auth-illustration img {
    width: 100%;
    height: auto
}

.auth-illustration__part {
    position: absolute;
    transition: all .35s linear
}

.auth-illustration__part1 {
    width: 128.15px;
    height: 129.77px;
    top: 7%;
    left: 15%
}

.auth-illustration__part2 {
    width: 93.81px;
    height: 95px;
    bottom: 10%;
    right: 10%
}

.auth-illustration__part3 {
    width: 320px;
    height: 266px;
    left: 15%;
    bottom: 10%
}

.auth-illustration__part4 {
    width: 320px;
    height: 375px;
    top: 7%;
    right: 10%
}

.auth-content {
    max-width: 470px
}

.auth-content__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 15px
}

.auth-content__title_form {
    margin-bottom: 30px
}

.auth-content__text {
    margin-bottom: 40px
}

.auth-content__text-m20 {
    margin-bottom: 20px
}

.auth-content__button {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    padding: 18px 45px;
    display: inline-block;
    background: linear-gradient(180deg, #27dfc5 0, #27dfc5 100%);
    box-shadow: 0 10px 50px rgba(1, 254, 203, .35), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    border-radius: 10px;
    transition: all .3s linear
}

.auth-content__button_md {
    padding: 18px 40px
}

.auth-content__button:active,
.auth-content__button:focus,
.auth-content__button:hover {
    background: linear-gradient(180deg, #27dfc5 0, #27dfc5 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    color: #333;
    text-decoration: none
}

.auth-content__checkbox {
    margin-bottom: 50px
}

@media (max-width:991px) {
    .auth-content__checkbox {
        margin-bottom: 15px
    }

    .auth-content__button {
        width: 100%;
        margin-bottom: 15px;
        text-align: center
    }
}

.auth-container {
    width: 100%;
    max-width: 600px;
    float: right;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.auth-container:before {
    content: "";
    display: inline-block;
    width: 487px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -15px;
    z-index: -1;
    background: url(../images/bg_img.png) no-repeat 0 0;
    background-size: contain
}

.auth-container .navigation {
    display: block
}

@media (max-width:1199px) {
    .auth-container {
        float: unset;
        justify-content: flex-start
    }

    .auth-content {
        margin-bottom: 50px
    }
}

@media (max-width:991px) {
    .auth-container:before {
        content: none
    }

    .col-xl-6 {
        padding-left: 0
    }
}

.auth-navigation {
    display: inline-flex;
    justify-content: center;
    list-style-type: none
}

.auth-navigation__link {
    padding: 15px;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1
}

.auth-navigation__link:active,
.auth-navigation__link:focus,
.auth-navigation__link:hover {
    text-decoration: none;
    color: #27dfc5
}

@media screen and (min-width:1104px) {
    .auth-navigation__item:first-of-type .auth-navigation__link {
        padding-left: 0
    }
}

@media (max-width:991px) {
    .auth-navigation {
        display: block
    }

    .auth-navigation__item {
        margin-bottom: 10px
    }
}

.footer-auth {
    display: none;
    background: 0 0;
    padding: 30px 30px 30px 0
}

.footer-auth__row {
    display: flex;
    align-items: center;
    flex-flow: row wrap
}

.footer-auth__contacts {
    display: flex;
    align-items: center
}

.footer-auth__email {
    margin-right: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #46415f
}

.footer-auth__email:active,
.footer-auth__email:focus,
.footer-auth__email:hover {
    text-decoration: none;
    color: #27dfc5
}

.footer-auth__contacts .social-icons {
    margin-bottom: 0
}

.footer-auth-mobile {
    display: block
}

@media screen and (min-width:768px) {
    .footer-auth__row {
        justify-content: space-between
    }
}

@media screen and (min-width:1104px) {
    .footer-auth {
        display: block
    }

    .footer-auth-mobile {
        display: none
    }

    .footer-auth__email {
        margin-right: 20px
    }
}

.resend-link {
    font-size: 14px;
    line-height: 150%;
    text-decoration-line: underline;
    color: #8580a1
}

.resend-link:active,
.resend-link:focus,
.resend-link:hover {
    text-decoration-line: underline;
    color: #27dfc5
}

@media (max-width:991px) {
    .resend-link {
        display: block;
        margin-bottom: 10px
    }
}

.reset-container:before {
    display: none
}

.reset-container {
    background: url(../images/bg_img.png) no-repeat center bottom;
    background-size: contain
}

.field {
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.field:nth-last-child(2) {
    margin-bottom: 50px
}

.field:after {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    background: #27dfc5;
    box-shadow: 0 0 20px rgba(1, 254, 233, .3);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s linear
}

.field_no-underline:after {
    display: none
}

.field:hover:after,
.field__input_highlited:after {
    width: 100%;
    box-shadow: 0 0 20px rgba(254, 213, 1, .3)
}

.field__label {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    color: #8580a1;
    text-transform: uppercase;
    margin-bottom: 5px
}

.field__label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 7px
}

.field__label_require:after {
    content: "*";
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    color: #f44;
    margin-left: 3px
}

.field__label_noicon:before {
    display: none
}

.field__label_password:before {
    background: url(../images/form-icons.svg) no-repeat 1px 0
}

.field__label_login:before {
    background: url(../images/form-icons.svg) no-repeat -16px 0
}

.field__label_email:before {
    background: url(../images/form-icons.svg) no-repeat -32px 0
}

.field__wrap {
    position: relative
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #0f092e inset !important
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important
}

.field__curr {
    position: absolute;
    font-size: 16px;
    line-height: 19px;
    color: #8580a1;
    right: 5px;
    bottom: 10px
}

.field__curr_selected {
    color: #fff;
    bottom: 12px
}

.field__curr_select .select__opener {
    padding-right: 15px;
    padding-bottom: 0
}

.field__input {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: .05em;
    color: #fff;
    background: 0 0;
    width: 100%;
    border-bottom: 1px solid #8580a1
}

input.field__input:-internal-autofill-selected {
    background-color: transparent !important
}

.field__showpass,
.field__showpass_active {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/eyes.svg) no-repeat 0 0;
    position: absolute;
    right: 0;
    bottom: 16px
}

.field__showpass:active,
.field__showpass:focus,
.field__showpass:hover {
    background: url(../images/eyes.svg) no-repeat 0 -16px
}

.field__showpass_active {
    background: url(../images/eyes.svg) no-repeat -16px 0
}

.field__showpass_active:active,
.field__showpass_active:focus,
.field__showpass_active:hover {
    background: url(../images/eyes.svg) no-repeat -16px -16px
}

.field__input::placeholder {
    color: #fff;
    opacity: 1
}

.field_select:after {
    display: none
}

.field__textarea {
    resize: none
}

.field__btn.button-bg {
    margin-top: 30px
}

.field__btn.button-bg,
.field__btn.button-bordered {
    display: none;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .field_select {
        width: 100%
    }

    .field__btn.button-bg,
    .field__btn.button-bordered {
        display: block
    }

    .field__input {
        max-width: 86% !important;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.buttons-row>* {
    margin-right: 30px
}

@media (max-width:1199px) {
    .buttons-row>* {
        margin-right: 10px
    }
}

.signup-page {
    max-width: unset;
    padding-left: 30px;
    padding-right: 15px
}

.signin-page {
    max-width: unset;
    padding-left: 30px;
    padding-right: 15px;
    background: url(../images/signin_bg.png) no-repeat top left;
    background-size: 100% auto
}

.signin-page .auth-container:before {
    display: none
}

@media (min-width:1440px) {
    .signin-page {
        background-size: contain
    }
}

.button-bordered {
    display: inline-block;
    background: rgba(255, 255, 255, .05);
    border: 1px solid #27dfc5;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 14px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #27dfc5;
    text-align: center;
    position: relative;
    transition: color .25s 0s linear, background .25s 0s linear !important
}

.button-bordered:hover,
.button-bordered:focus,
.button-bordered:active {
    -webkit-tap-highlight-color: transparent !important;
    background: linear-gradient(180deg, #27dfc5 0, #27dfc5 100%);
    box-shadow: 0 10px 50px rgba(1, 254, 187, .35), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    text-decoration: none
}

.button-bordered_wide {
    width: 100%
}

.button-bordered_54 {
    height: 54px
}

.frontpage-blog {
    margin-bottom: 140px;
    text-align: center
}

.frontpage-blog__title {
    margin-bottom: 15px
}

.frontpage-blog__posttitle {
    margin-bottom: 40px
}

.main-home .blog__col {
    margin-bottom: 50px
}

@media (max-width:768px) {
    .frontpage-blog__card {
        margin-bottom: 40px
    }

    .frontpage-blog {
        margin-bottom: 70px
    }
}

.liqudity-card {
    max-width: 1005px;
    margin: 0 auto 20px;
    padding-left: 15px;
    padding-right: 15px
}

.liqudity-card__row {
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

.liqudity-card__col {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

.liqudity-card__col:first-of-type {
    margin-top: 130px
}

.liqudity-card__col img {
    max-width: 100%;
    transform-origin: 50% 65%;
    transition: transform .35s ease
}

.liqudity-card__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 15px
}

.liqudity-card__text {
    margin-bottom: 40px
}

.liqudity-card__button_disabled,
.liqudity-card__button_disabled:active,
.liqudity-card__button_disabled:focus,
.liqudity-card__button_disabled:hover {
    background: rgba(255, 255, 255, .05);
    border: 1px solid #4c4766;
    color: #4c4766;
    cursor: unset;
    box-shadow: unset;
    padding: 18px 40px
}

.liqudity-card__img_mob {
    display: none
}

@media screen and (min-width:1440px) {
    .liqudity-card__col img {
        max-width: 650px;
        margin-top: -35px;
        margin-left: -60px
    }
}

@media screen and (min-width:991px) {
    .liqudity-card__col {
        width: 50%
    }
}

@media (max-width:767px) {
    .liqudity-card {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 70px
    }

    .liqudity-card__row {
        display: block
    }

    .liqudity-card__col {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    .liqudity-card__col:first-of-type {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    .liqudity-card__col:last-of-type {
        position: relative
    }

    .liqudity-card__col:last-of-type:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: -50px;
        right: 0;
        z-index: -1;
        background: url("../col-card-bg.html") no-repeat center right
    }

    .liqudity-card__button_disabled {
        min-width: 163px
    }

    .liqudity-card__img {
        display: none
    }

    .liqudity-card__img_mob {
        display: block
    }

    .liqudity-card__title {
        font-size: 32px;
        line-height: 150%
    }

    .liqudity-card__text {
        font-size: 16px;
        line-height: 150%
    }
}

.finfreedom {
    max-width: 1000px;
    margin: 0 auto 140px
}

.finfreedom__title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff
}

.finfreedom__posttitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    margin-bottom: 50px
}

.finfreedom__col {
    padding-left: 15px;
    padding-right: 15px
}

.finfreedom__card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 55px 32px 53px 20px
}

.finfreedom__card_lender {
    background: #1b1635 url(../images/Lender_bg_img-1.png) no-repeat center;
    background-size: cover
}

.finfreedom__card_borrower {
    background: #1b1635 url(../images/Borrower_bg_img.png) no-repeat center;
    background-size: cover;
    margin-top: 20px
}

.finfreedom__item {
    display: flex
}

.finfreedom__icon {
    display: inline-block;
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin-right: 6px
}

.finfreedom__icon_garantee {
    background: url(../images/features-icons.png) no-repeat 0 0;
    background-size: cover
}

.finfreedom__icon_insurance {
    background: url(../images/features-icons.png) no-repeat -80px 0;
    background-size: cover
}

.finfreedom__icon_passive {
    background: url(../images/features-icons.png) no-repeat -160px 0;
    background-size: cover
}

.finfreedom__icon_conditions {
    background: url(../images/features-icons.png) no-repeat -240px 0;
    background-size: cover
}

.finfreedom__icon_history {
    background: url(../images/features-icons.png) no-repeat -320px 0;
    background-size: cover
}

.finfreedom__icon_easy {
    background: url(../images/features-icons.png) no-repeat -400px 0;
    background-size: cover
}

.finfreedom__name {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 10px
}

.finfreedom__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    margin-bottom: 45px
}

.finfreedom__item:last-of-type .finfreedom__text {
    margin-bottom: 40px
}

.finfreedom__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1;
    text-decoration: underline
}

.finfreedom__link:active,
.finfreedom__link:focus,
.finfreedom__link:hover {
    color: #ffe145;
    text-decoration: underline
}

.finfreedom__triangle {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    transform: rotate(45deg);
    width: 157px;
    text-align: center;
    height: 88px;
    position: absolute;
    right: -54px;
    top: -20px;
    padding-top: 30px
}

.finfreedom .row {
    margin: 0
}

.finfreedom__triangle_lender {
    background: linear-gradient(44.01deg, #96ae00 41.71%, #dbff01 88.98%);
    color: #444f00
}

.finfreedom__triangle_lender:before {
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background: url(../images/icon-up.svg) no-repeat center;
    background-size: contain;
    margin: 0 auto 10px;
    transform: rotate(15deg)
}

.finfreedom__triangle_borrower {
    background: linear-gradient(41.95deg, #ff3838 44.89%, #ff6a6a 89.14%);
    color: #5c0000
}

.finfreedom__triangle_borrower:before {
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background: url(../images/icon-down.svg) no-repeat center;
    background-size: contain;
    margin: 0 auto 10px;
    transform: rotate(15deg)
}

@media screen and (min-width:991px) {
    .finfreedom__col {
        width: 50%
    }
}

@media (max-width:767px) {
    .finfreedom {
        margin-bottom: 79px
    }

    .finfreedom__col {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:400px) {
    .finfreedom__card {
        padding: 20px 15px 30px
    }

    .finfreedom__title {
        font-size: 32px;
        line-height: 150%;
        margin-left: auto;
        margin-right: auto
    }

    .finfreedom__posttitle {
        font-size: 16px;
        line-height: 150%;
        padding: 0 15px
    }

    .finfreedom__icon {
        margin-bottom: 10px
    }

    .finfreedom__posttitle {
        margin-bottom: 40px
    }

    .finfreedom__item {
        display: block
    }

    .finfreedom__name {
        font-size: 18px;
        line-height: 150%
    }

    .finfreedom__text {
        font-size: 16px;
        line-height: 150%
    }
}

.button-bg {
    display: inline-block;
    background: linear-gradient(180deg, #27dfc5 0, #27dfc5 100%);
    box-shadow: 0 10px 50px rgba(1, 254, 237, .35), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    border-radius: 10px;
    padding: 14px 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    transition: all .3s linear;
    text-align: center
}

.button-bg[disabled=disabled] {
    opacity: .6
}

.button-bg_video:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/video-icon.svg) no-repeat center;
    margin-left: 10px;
    vertical-align: middle
}

.button-bg_54 {
    height: 54px;
    line-height: unset
}

.button-bg:active,
.button-bg:focus,
.button-bg:hover {
    background: linear-gradient(180deg, #27dfc5 0, #27dfc5 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    border-radius: 10px;
    color: #333;
    text-decoration: none
}

.button-bg_wide {
    width: 100%
}

.button-bg_disabled {
    opacity: .5
}

@media (max-width:991px) {
    .settings__form_2fa .button-bg {
        width: 100%
    }
}

.button-bg_width-100 {
    width: 100%
}

@media (max-width:800px) {
    .ref__userinfo .button-bg_54 {
        position: absolute;
        top: 15px;
        right: 15px;
        padding-left: 14px;
        padding-right: 14px
    }
}

.graychain {
    max-width: 970px;
    margin: 0 auto 150px
}

.graychain__text {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 95px
}

.graychain__text span {
    color: #27dfc5
}

.graychain__wrap {
    min-height: 385px;
    position: relative
}

.graychain__map {
    background: url(../images/map.svg) no-repeat center top;
    background-size: contain;
    min-height: 385px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.graychain__item {
    display: inline-block;
    width: 100%;
    max-width: 158px;
    padding: 19px 19px 10px;
    background: #1b1635;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
    border-radius: 10px;
    text-align: center;
    position: relative
}

.graychain__item:first-of-type {
    margin-top: 60px;
    margin-left: 15%
}

.graychain__item:nth-of-type(2) {
    margin-left: 20%;
    position: relative;
    top: -60px
}

.graychain__item:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid #262049;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px
}

.graychain__sum {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 3px;
    white-space: nowrap
}

.graychain__label {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #8580a1
}

.graychain__flag {
    width: 24px;
    height: 24px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -12px
}

.graychain__flag_en {
    background: url("../images/flags.png") no-repeat 0 0;
    background-size: 384px
}

.graychain__flag_ru {
    background: url("../images/flags.png") no-repeat -120px 0;
    background-size: 384px
}

.languages__toggle_th:before,
.languages__item_th:before {
    background: url("../images/flags.png") no-repeat -360px 0;
    background-size: 384px
}

@media (max-width:767px) {
    .graychain {
        margin-bottom: 82px
    }

    .graychain__wrap {
        min-height: 115px;
        width: 290px;
        margin: 0 auto;
        background-size: contain
    }

    .graychain__item:first-of-type {
        display: none
    }

    .graychain__text {
        font-size: 18px;
        line-height: 150%
    }
}

.supported-ps {
    max-width: 772px;
    margin: 0 auto 50px;
    background: url(../images/bg_img.png) no-repeat center;
    background-size: contain
}

.supported-ps__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.supported-ps__posttitle {
    text-align: center;
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    position: relative;
    color: #8580a1
}

.supported-ps__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 772px;
    width: 100%;
    position: relative
}

.supported-ps__col {
    min-width: 92px;
    text-align: center;
    margin-bottom: 60px
}

.supported-ps__col .ps-item__icon {
    margin-bottom: 16px
}

.supported-ps__currency.supported-ps__currency_mobile {
    display: none
}

.supported-ps__col>div:first-of-type {
    width: 64px;
    height: 64px
}

.supported-ps__col .ps-item__icon_bc {
    background-position: -65px 0
}

.supported-ps__col .ps-item__icon_et {
    background-position: -129px 0
}

.supported-ps__col .ps-item__icon_lc {
    background-position: -193px 0
}

.supported-ps__col .ps-item__icon_ud {
    background-position: -257px 0
}

.supported-ps__col .ps-item__icon_xr {
    background-position: -321px 0
}

.supported-ps__col .ps-item__icon_tron {
    background-position: -385px 0
}

.supported-ps__col .ps-item__icon_dc {
    background-position: -449px 0
}

.supported-ps__col .ps-item__icon_ds {
    background-position: -513px 0
}

.supported-ps__col .ps-item__icon_mn {
    background-position: -577px 0
}

@media (max-width:767px) {
    .supported-ps {
        margin-bottom: 35px
    }

    .supported-ps__title {
        font-size: 32px
    }

    .supported-ps__posttitle {
        font-size: 16px
    }

    .supported-ps__currency {
        display: none
    }

    .supported-ps__posttitle {
        margin-bottom: 30px
    }

    .supported-ps__currency.supported-ps__currency_mobile {
        display: block
    }

    .supported-ps__row {
        flex-wrap: wrap
    }

    .supported-ps__col {
        margin-bottom: 30px
    }
}

.ps-item {
    display: inline-block
}

.ps-item__icon {
    width: 34px;
    height: 34px;
    margin: 0 auto
}

.ps-item__icon_bi {
    background: url(../images/ps-icons.svg) no-repeat -1px 0;
    background-size: cover
}

.ps-item__icon_bc {
    background: url(../images/ps-icons.svg) no-repeat -35px 0;
    background-size: cover
}

.ps-item__icon_et {
    background: url(../images/ps-icons.svg) no-repeat -69px 0;
    background-size: cover
}

.ps-item__icon_lc {
    background: url(../images/ps-icons.svg) no-repeat -102.5px 0;
    background-size: cover
}

.ps-item__icon_ud {
    background: url(../images/ps-icons.svg) no-repeat -136.5px 0;
    background-size: cover
}

.ps-item__icon_xr {
    background: url(../images/ps-icons.svg) no-repeat -170.5px 0;
    background-size: cover
}

.ps-item__icon_tron {
    background: url(../images/ps-icons.svg) no-repeat -204.5px 0;
    background-size: cover
}

.ps-item__icon_dc {
    background: url(../images/ps-icons.svg) no-repeat -238.5px 0;
    background-size: cover
}

.ps-item__icon_ds {
    background: url(../images/ps-icons.svg) no-repeat -272px 0;
    background-size: cover
}

.ps-item__icon_mn {
    background: url(../images/ps-icons.svg) no-repeat -306px 0;
    background-size: cover
}

.ps-item__icon_24 {
    width: 24px;
    height: 24px
}

.ps-item__icon_bc.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -24px 0;
    background-size: cover
}

.ps-item__icon_et.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -48px 0;
    background-size: cover
}

.ps-item__icon_lc.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -72px 0;
    background-size: cover
}

.ps-item__icon_ud.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -96px 0;
    background-size: cover
}

.ps-item__icon_xr.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -120px 0;
    background-size: cover
}

.ps-item__icon_tron.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -144px 0;
    background-size: cover
}

.ps-item__icon_dc.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -170px 0;
    background-size: cover
}

.ps-item__icon_ds.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -194px 0;
    background-size: cover
}

.ps-item__icon_mn.ps-item__icon_24 {
    background: url(../images/ps-icons.svg) no-repeat -218px 0;
    background-size: cover
}

.ps-item__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1
}

.steps {
    text-align: center;
    margin-bottom: 140px;
    position: relative
}

.steps:after {
    content: "";
    display: inline-block;
    width: 105px;
    height: 105px;
    background: url(../images/circle.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -76px;
    top: 5px
}

.steps__row {
    display: none
}

.tab-content>.active.steps__row {
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.steps__card {
    display: inline-block;
    min-width: 270px;
    height: 327px;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    transition: all .3s linear;
    margin-bottom: 10px
}

.steps__card:hover {
    transform: translateY(-10px)
}

.steps__card:nth-of-type(2) {
    margin-top: 20px
}

.steps__card:nth-of-type(4) {
    margin-top: -20px
}

.steps__icon {
    width: 170px;
    height: 170px;
    margin: 0 auto 15px
}

.steps__icon_lender1 {
    background: url(../images/steps_ill.png) no-repeat 0 0;
    background-size: cover
}

.steps__icon_lender2 {
    background: url(../images/steps_ill.png) no-repeat -170px 0;
    background-size: cover
}

.steps__icon_lender3 {
    background: url(../images/steps_ill.png) no-repeat -340px 0;
    background-size: cover
}

.steps__icon_lender4 {
    background: url(../images/steps_ill.png) no-repeat -510px 0;
    background-size: cover
}

.steps__icon_borrower1 {
    background: url(../images/steps_ill.png) no-repeat -680px 0;
    background-size: cover
}

.steps__icon_borrower2 {
    background: url(../images/steps_ill.png) no-repeat -850px 0;
    background-size: cover
}

.steps__icon_borrower3 {
    background: url(../images/steps_ill.png) no-repeat -1020px 0;
    background-size: cover
}

.steps__icon_borrower4 {
    background: url(../images/steps_ill.png) no-repeat -1190px 0;
    background-size: cover
}

.steps__title {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.steps__title span {
    color: #27dfc5
}

.steps__text {
    margin: 0 auto;
    max-width: 914px
}

.steps__text:after {
    content: "";
    display: block;
    width: 206px;
    height: 1px;
    background: #8580a1;
    margin: 40px auto 0
}

.steps .nav-pills {
    margin-top: 20px;
    margin-bottom: 50px;
    flex-flow: unset
}

.steps__card img {
    max-width: 32px
}

.steps__arrow {
    overflow: hidden;
    display: inline-block;
    height: 6px;
    width: 100%;
    max-width: 32px
}

.steps__card .steps__arrow>div {
    background: url(../images/arrow_yellow.png) no-repeat center right;
    background-size: contain;
    transition: all .3s linear;
    height: 6px;
    width: 100%
}

.steps__card:hover .steps__arrow {
    width: 0
}

.steps__card:hover .steps__arrow>div {
    transform: translateX(-32px)
}

@media (max-width:767px) {
    .steps {
        margin-bottom: 70px
    }

    .steps__card {
        margin: 0 15px
    }

    .steps__row {
        overflow-x: scroll;
        margin: 0 -15px
    }
}

.how-it-works {
    max-width: 1000px;
    margin: 0 auto 130px;
    text-align: center
}

.how-it-works__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    position: relative
}

.how-it-works__posttitle {
    text-align: center;
    margin-bottom: 30px;
    position: relative
}

.how-it-works .button-bg {
    padding: 18px 40px;
    margin-bottom: 52px;
    position: relative
}

.how-it-works__row {
    display: flex;
    flex-flow: row wrap
}

.how-it-works__col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    height: 100%;
    max-width: 469px
}

div.article-animate:nth-child(2) {
    animation-delay: 3s
}

div.how-it-works__card_third:nth-child(1) {
    animation-delay: 2.5s
}

.how-it-works__card_second.how-it-works__card_fund.active {
    animation-delay: 3s
}

div.how-it-works__card_first:nth-child(3) {
    animation-delay: 3.5s
}

.how-it-works__col h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 15px;
    color: #fff
}

.how-it-works__col>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #8580a1
}

.how-it-works__card {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 18px 10px 18px 20px;
    margin-bottom: 20px;
    max-width: 380px;
    position: relative
}

.how-it-works__card_third.active {
    animation-delay: 2.5s
}

.how-it-works__row:nth-last-child(1) {
    padding-top: 20px
}

.how-it-works__card:before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 3px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 0;
    left: 20px
}

.how-it-works__card_first {
    background: #1b1635 url(../images/img_bg_1.png) no-repeat top center;
    background-size: contain
}

.how-it-works__card_first:before {
    background: linear-gradient(90deg, red 0, #ff4848 100%)
}

.how-it-works__card_second {
    background: #1b1635 url(../images/img_bg_2.png) no-repeat bottom center;
    background-size: contain
}

.how-it-works__card_second:before {
    background: linear-gradient(270deg, #ffe040 0, #e0bc00 100%)
}

.how-it-works__card_second.how-it-works__card_fund:before {
    background: linear-gradient(270deg, #41afff 0, #4181ff .01%, #1b37ff 100%)
}

.how-it-works__card_third {
    background: #1b1635 url(../images/img_bg_3.png) no-repeat bottom center;
    background-size: contain
}

.how-it-works__card_third:before {
    background: linear-gradient(90deg, #96ae00 0, #dbff01 100%)
}

.how-it-works__name {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 7px
}

.how-it-works__action {
    font-size: 14px;
    line-height: 150%;
    color: #8580a1;
    margin-bottom: 0
}

.how-it-works__action_marked {
    color: #fed501
}

.how-it-works__avatar {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    float: left
}

.how-it-works__avatar_john {
    background: url(../images/avatars.png) no-repeat 0 0;
    background-size: 100px auto
}

.how-it-works__avatar_bill {
    background: url(../images/avatars.png) no-repeat -50px 0;
    background-size: 100px auto
}

.how-it-works__description {
    display: inline-block;
    max-width: 281px
}

.how-it-works__text {
    margin-bottom: 20px
}

.how-it-works__row>.col-lg-6:last-of-type .how-it-works__text {
    padding-left: 100px;
    margin-right: -90px
}

.how-it-works__row>.col-lg-6:last-of-type .how-it-works__text p {
    min-width: 469px
}

.how-it-works__cards {
    position: relative
}

.how-it-works__decor {
    width: 15px;
    position: absolute;
    left: -19px;
    top: 50%;
    margin-top: -145px
}

.how-it-works__decor-item {
    width: 15px;
    height: 124px;
    border: 1px dashed #8580a1;
    border-right: none;
    border-radius: 5px 0 0 5px;
    margin-bottom: 14px;
    position: relative
}

.how-it-works__decor-item:before {
    background: url(../images/arrow-down-filled.svg) no-repeat center;
    background-size: contain;
    width: 13px;
    height: 17px;
    position: absolute;
    left: -8.5px;
    top: 50%;
    margin-top: -8.5px;
    display: block;
    content: ""
}

.how-it-works__decor-item:last-of-type {
    margin-bottom: 0
}

.how-it-works__row .col-lg-6:last-of-type:before {
    content: "";
    display: inline-block;
    min-width: 208px;
    height: 302px;
    background: url(../images/arrow-group.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left: -100px;
    bottom: 70px
}

.how-it-works__row .col-lg-6:last-of-type .how-it-works__col {
    align-items: flex-end
}

@media (max-width:1199px) {
    .how-it-works__row>.col-lg-6:last-of-type .how-it-works__text {
        margin-right: 0
    }
}

@media (max-width:1023px) {
    .how-it-works__row .col-lg-6:last-of-type:before {
        display: none
    }

    .how-it-works__row .col-lg-6 .how-it-works__col {
        margin: 0 auto
    }

    .how-it-works__row .col-lg-6:last-of-type .how-it-works__col {
        align-items: unset
    }

    .how-it-works__row>.col-lg-6:last-of-type .how-it-works__text {
        padding-left: 0
    }
}

@media (max-width:992px) {
    .how-it-works__card {
        display: flex
    }

    .how-it-works__avatar {
        height: 50px
    }
}

@media (max-width:767px) {
    .how-it-works__row>.col-lg-6:last-of-type .how-it-works__text p {
        min-width: 100%
    }

    .how-it-works {
        margin-bottom: 20px
    }

    .how-it-works .button-bg {
        margin-bottom: 20px
    }

    .how-it-works__col>p {
        margin-bottom: 30px
    }

    .how-it-works__card {
        margin-bottom: 15px
    }

    .how-it-works__card:last-child {
        margin-bottom: 0
    }

    .how-it-works__row:nth-child(6) {
        flex-direction: column-reverse;
        margin-top: 50px
    }

    .how-it-works__row>.col-lg-6 {
        padding-left: 0;
        padding-right: 0
    }

    .how-it-works__card {
        padding: 15px
    }

    .how-it-works__decor-item {
        display: none
    }

    .how-it-works__text {
        margin-bottom: 14px
    }

    .how-it-works__row>.col-lg-6 {
        margin-bottom: 50px
    }
}

@media (max-width:576px) {
    .how-it-works__title {
        font-size: 32px
    }

    .how-it-works__posttitle {
        margin-bottom: 145px
    }
}

.video {
    margin: 0 auto 57px;
    display: inline-block;
    width: 100%;
    max-width: 830px;
    position: relative
}

.video img {
    width: 100%
}

@media (max-width:767px) {
    .video img {
        margin-bottom: 30px
    }
}

@media (max-width:576px) {
    .video {
        margin-bottom: 40px
    }
}

.career {
    margin: 0 auto 120px;
    text-align: center;
    position: relative
}

.career:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 170.24px;
    height: 170.24px;
    border-radius: 50%;
    background: url("../images/circle-decor.png") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 85%
}

.career__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.career__posttitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    margin-bottom: 61px
}

.career__table {
    display: flex;
    margin-bottom: 53px;
    justify-content: center
}

.career__col {
    background: linear-gradient(180deg, #2b254f 0, #0f092e 100%);
    border-radius: 10px 10px 0 0;
    width: 95px;
    display: inline-block;
    padding-top: 20px;
    margin-left: 1.5px;
    margin-right: 1.5px;
    position: relative
}

.career__col:before {
    display: inline-block;
    content: "";
    width: calc(100% + 2px);
    background: linear-gradient(180deg, #3c3567 24.48%, rgba(15, 9, 46, 0) 100%);
    height: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -1;
    border-radius: 10px 10px 0 0
}

.career__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #8580a1
}

.career__icon {
    margin: 0 auto 10px
}

.career__sum {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #0f092e
}

.career__sum_active {
    color: #fed501
}

.career__col_labels {
    background: unset;
    width: unset;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.career__col_labels:before {
    display: none
}

.career__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #8580a1;
    padding: 20px 14px 23px 0;
    text-align: left;
    border-bottom: 1px solid #363154
}

.career__label:last-of-type {
    border-bottom: none
}

.career__row {
    width: calc(100% + 30px);
    overflow: auto;
    padding-left: 10px;
    display: flex
}

.career__row_between:not(:last-child) {
    border-bottom: 1px solid #0f092e
}

.career__row_between {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.career__box {
    width: 100%;
    min-width: 270px;
    max-width: 270px;
    background: linear-gradient(180deg, #2b254f 0, #0f092e 100%);
    border-radius: 10px 10px 0 0;
    padding: 45px 15px 15px;
    margin-right: 15px
}

.career__sum_padding {
    padding: 0;
    border-bottom: none
}

.career__table-mobile {
    display: none
}

.career .button-bg {
    margin-left: 75px;
    padding: 18px 40px
}

@media (max-width:1439px) {
    .career .button-bg {
        margin-left: 75px
    }
}

@media (max-width:1023px) {
    .career:after {
        display: none
    }
}

@media (max-width:991px) {
    .career__table {
        display: none
    }

    .career__table-mobile {
        display: block;
        margin-left: -10px
    }
}

@media (max-width:767px) {
    .career {
        margin-bottom: 70px
    }

    .career__title {
        font-size: 32px;
        line-height: 150%
    }

    .career__posttitle {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 150%
    }

    .career__row_between {
        font-size: 14px;
        line-height: 150%
    }

    .career .button-bg {
        display: none
    }
}

.last-requests {
    max-width: 1070px;
    margin: 0 auto 140px;
    text-align: center
}

.last-requests__row {
    position: relative
}

.last-requests__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    position: relative;
    margin-bottom: 15px
}

.last-requests__posttitle {
    max-width: 761px;
    position: relative;
    margin: 0 auto 65px
}

.last-requests__table {
    padding: 0 50px;
    padding-bottom: 50px
}

.last-requests__more {
    display: none
}

.last-requests__more-show {
    display: block
}

@media (max-width:1023px) {
    .last-requests__table {
        display: flex;
        overflow: auto;
        padding-top: 15px;
        padding-left: 15px;
        margin-top: -15px;
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 0;
        padding-bottom: 73px
    }

    .last-requests__title {
        font-size: 32px;
        line-height: 150%;
        margin-bottom: 15px
    }

    .last-requests__posttitle {
        margin-bottom: 50px
    }

    .last-requests {
        margin-bottom: 65px
    }

    .last-requests__table>div {
        margin-right: 15px
    }
}

.ceo-quote {
    width: 235px;
    background: #1b1635 url("../ceo-quote-bg.html") no-repeat left center;
    background-size: cover;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 15px 20px;
    text-align: left;
    position: absolute;
    top: 53%;
    opacity: 1
}

.ceo-quote__text {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #8580a1;
    margin-bottom: 10px
}

.ceo-quote__name {
    font-size: 12px;
    line-height: 150%;
    color: #4c4670;
    margin-bottom: 0
}

@media (max-width:576px) {
    .ceo-quote {
        position: relative
    }
}

.ceo-card {
    background: #1e193a url("../images/ceo-card-bg.png") no-repeat center;
    background-size: cover;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .3);
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    width: 155px;
    position: absolute;
    top: 18%;
    right: 10px
}

.ceo-card__avatar {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    margin: 0 auto 10px;
    background: url("../images/ceo_img.png") no-repeat center;
    background-size: cover
}

.ceo-card__name {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 150%;
    color: #8580a1
}

.ceo-card__link {
    font-size: 12px;
    line-height: 150%;
    color: #fed501;
    display: flex;
    align-items: center;
    justify-content: center
}

.ceo-card__link_twitter {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/twitter_yellow.svg") no-repeat center
}

.ceo-card__link:active,
.ceo-card__link:focus,
.ceo-card__link:hover {
    color: #fed501;
    text-decoration: underline
}

@media (max-width:576px) {
    .ceo-card {
        margin-top: -170px
    }
}

.ps-icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 12px
}

.ps-icon_sm {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 6px;
    margin-right: 10px
}

.ps-icon_xs {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 5px;
    margin-right: 5px
}

.ps-icon_bi,
.ps-icon_btc {
    background: url("../images/BTC_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_bc,
.ps-icon_bch {
    background: url("../images/BCH_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_et,
.ps-icon_eth {
    background: url("../images/ETH_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_ltc {
    background: url("../images/LTC_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_ud,
.ps-icon_usd {
    background: url("../images/USDT_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_ud-red {
    background: url("../images/USDT_icon_red.png") no-repeat center;
    background-size: cover
}

.ps-icon_xr,
.ps-icon_xrp {
    background: url("../images/XRP_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_trx {
    background: url("../images/TRX_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_dg,
.ps-icon_doge {
    background: url("../images/DOGE_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_dash,
.ps-icon_ds {
    background: url("../images/DASH_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_xm {
    background: url("../images/monero_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_bnb {
    background: url("../images/bnb_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_bnb-usd {
    background: url("../images/busd_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_sol {
    background: url("../images/sol_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_cordano {
    background: url("../images/ada_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_dot {
    background: url("../images/dot_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_cards {
    background: url("../images/cards_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_umoney {
    background: url("../images/umoney_icon.png") no-repeat center;
    background-size: cover
}

.ps-icon_qiwi {
    background: url("../images/qiwi_icon.png") no-repeat center;
    background-size: cover
}

.flag {
    display: inline-block;
    border-radius: 3px;
    width: 19px;
    height: 14px
}

.flag_de {
    background: url("../images/flags.png") no-repeat 1px 0;
    background-size: auto 18px
}

.flag_es {
    background: url("../images/flags.png") no-repeat -18px 0;
    background-size: auto 18px
}

.flag_be {
    background: url("../images/flags.png") no-repeat -35.5px 0;
    background-size: auto 18px
}

.flag_pl {
    background: url("../images/flags.png") no-repeat -53.5px 0;
    background-size: auto 18px
}

.flag_at {
    background: url("../images/flags.png") no-repeat -71.5px 0;
    background-size: auto 18px
}

.flag_pt {
    background: url("../images/flags.png") no-repeat -89.5px 0;
    background-size: auto 18px
}

.flag_au {
    background: url("../images/flags.png") no-repeat -107.5px 0;
    background-size: auto 18px
}

.flag_bh {
    background: url("../images/flags.png") no-repeat -125.5px 0;
    background-size: auto 18px
}

.flag_bg {
    background: url("../images/flags.png") no-repeat -143.5px 0;
    background-size: auto 18px
}

.flag_bz {
    background: url("../images/flags.png") no-repeat -161.5px 0;
    background-size: auto 18px
}

.flag_by {
    background: url("../images/flags.png") no-repeat -179.5px 0;
    background-size: auto 18px
}

.flag_uk {
    background: url("../images/flags.png") no-repeat -197.5px 0;
    background-size: auto 18px
}

.flag_hu {
    background: url("../images/flags.png") no-repeat -215.5px 0;
    background-size: auto 18px
}

.flag_vn {
    background: url("../images/flags.png") no-repeat -233.5px 0;
    background-size: auto 18px
}

.flag_ge {
    background: url("../images/flags.png") no-repeat -251.5px 0;
    background-size: auto 18px
}

.flag_eg {
    background: url("../images/flags.png") no-repeat -270px 0;
    background-size: auto 18px
}

.flag_il {
    background: url("../images/flags.png") no-repeat -287.5px 0;
    background-size: auto 18px
}

.flag_in {
    background: url("../images/flags.png") no-repeat -305.5px 0;
    background-size: auto 18px
}

.flag_id {
    background: url("../images/flags.png") no-repeat -323.5px 0;
    background-size: auto 18px
}

.flag_it {
    background: url("../images/flags.png") no-repeat -341.5px 0;
    background-size: auto 18px
}

.flag_kz {
    background: url("../images/flags.png") no-repeat -359.5px 0;
    background-size: auto 18px
}

.flag_lu {
    background: url("../images/flags.png") no-repeat -378px 0;
    background-size: auto 18px
}

.flag_my {
    background: url("../images/flags.png") no-repeat -395.5px 0;
    background-size: auto 18px
}

.flag_mx {
    background: url("../images/flags.png") no-repeat -414px 0;
    background-size: auto 18px
}

.flag_nl {
    background: url("../images/flags.png") no-repeat -432px 0;
    background-size: auto 18px
}

.flag_nz {
    background: url("../images/flags.png") no-repeat -450px 0;
    background-size: auto 18px
}

.flag_ae {
    background: url("../images/flags.png") no-repeat -468px 0;
    background-size: auto 18px
}

.flag_ru {
    background: url("../images/flags.png") no-repeat -486px 0;
    background-size: auto 18px
}

.flag_ro {
    background: url("../images/flags.png") no-repeat -504.5px 0;
    background-size: auto 18px
}

.flag_th {
    background: url("../images/flags.png") no-repeat -522.5px 0;
    background-size: auto 18px
}

.flag_tr {
    background: url("../images/flags.png") no-repeat -540.5px 0;
    background-size: auto 18px
}

.flag_ua {
    background: url("../images/flags.png") no-repeat -559px 0;
    background-size: auto 18px
}

.flag_ph {
    background: url("../images/flags.png") no-repeat -577px 0;
    background-size: auto 18px
}

.flag_fr {
    background: url("../images/flags.png") no-repeat -595px 0;
    background-size: auto 18px
}

.flag_hr {
    background: url("../images/flags.png") no-repeat -613px 0;
    background-size: auto 18px
}

.flag_cz {
    background: url("../images/flags.png") no-repeat -632px 0;
    background-size: auto 18px
}

.flag_se {
    background: url("../images/flags.png") no-repeat -650px 0;
    background-size: auto 18px
}

.flag_ee {
    background: url("../images/flags.png") no-repeat -668px 0;
    background-size: auto 18px
}

.flag_jp {
    background: url("../images/flags.png") no-repeat -686px 0;
    background-size: auto 18px
}

.frontpage-main__row {
    display: flex;
    flex-flow: row wrap;
    position: relative
}

.frontpage-main__col {
    display: inline-block
}

.frontpage-main__col_text {
    max-width: 794px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2
}

.frontpage-main h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    margin-bottom: 30px;
    color: #27dfc5;
    margin-top: -60px
}

.frontpage-main p {
    font-size: 24px;
    line-height: 150%;
    color: #8580a2;
    margin-bottom: 50px
}

.frontpage-main p>span {
    color: #27dfc5
}

.frontpage-main__btns {
    display: flex;
    align-items: center;
    flex-flow: row wrap
}

.frontpage-main__btn {
    padding: 18px 40px
}

.frontpage-main__btn.button-bordered {
    max-height: 53.6px
}

.frontpage-main__btn:first-of-type {
    margin-right: 11px
}

.frontpage-main__apps {
    display: inline-block
}

.frontpage-main__app {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 16px
}

.frontpage-main__app_playmarket {
    background: url("../images/apps-icons.svg") no-repeat 0 0
}

.frontpage-main__app_android {
    background: url("../images/apps-icons.svg") no-repeat -32px 0
}

.frontpage-main__app_ios {
    background: url("../images/apps-icons.svg") no-repeat -64px 0
}

.frontpage-main__item {
    margin-top: 20px
}

.frontpage-main__col_img {
    min-height: 581px
}

.frontpage-main__img {
    position: absolute;
    z-index: 1;
    max-width: 610px;
    margin-top: -30px;
    padding-left: 30px
}

.frontpage-main__logo {
    display: flex;
    overflow: hidden
}

.frontpage-main__logo .exchange {
    min-width: 1170px;
    margin-top: 45px;
    margin-bottom: 40px
}

.frontpage-main__movement-trigger {
    background: 0 0;
    width: 45%;
    height: 45%;
    position: absolute;
    z-index: 10;
    top: 70%;
    right: 50px;
    bottom: -70px;
    transform: skew(-50deg);
    border-radius: 50%
}

@keyframes slide-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.frontpage-main__light {
    position: absolute;
    top: 30%;
    right: -15%;
    animation: pulse 1s infinite
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    70% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@media (max-width:1199px) {
    .frontpage-main__col_img {
        display: none
    }

    .frontpage-main__item {
        padding: 0 35px
    }

    .frontpage-main h1 {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .frontpage-main__btns {
        display: block
    }

    .frontpage-main__item:first-child {
        padding-left: 0
    }

    .frontpage-main__apps {
        display: flex;
        justify-content: center;
        margin-top: 10px
    }

    .frontpage-main__col_text {
        padding-left: 0;
        padding-right: 0
    }

    .frontpage-main h1 {
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 20px
    }

    .frontpage-main p {
        font-size: 18px;
        margin-bottom: 30px
    }

    .frontpage-main__item {
        margin-top: 48px
    }

    .frontpage-main__btn {
        width: 100%;
        margin-bottom: 15px;
        text-align: center
    }

    .frontpage-main__logos {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 42px
    }

    .frontpage-main__btn:last-child {
        margin-bottom: 0
    }

    .frontpage-main__logo {
        margin: 0 -15px
    }
}

@media (max-width:549px) {
    .frontpage-main__btn {
        width: 100%;
        margin-bottom: 15px
    }
}

@media screen and (min-width:768px) {
    .frontpage-main__apps {
        margin-left: 38px
    }
}

.courses {
    margin-top: 5px;
    margin-bottom: 60px;
    overflow: hidden;
    position: relative;
    height: 40px
}

.courses:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background: linear-gradient(to right, #0f092e 10%, rgba(15, 9, 46, 0) 86.66%);
    z-index: 6
}

.courses__inner {
    display: flex;
    animation: marquee-infinite 10s linear infinite;
    position: absolute;
    z-index: 5
}

.courses:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    width: 24px;
    background: linear-gradient(to left, #0f092e 10%, rgba(15, 9, 46, 0) 86.66%);
    z-index: 6
}

.courses__row {
    display: flex;
    width: 100%;
    justify-content: space-around
}

@keyframes marquee-infinite {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes slide-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.courses__item {
    display: flex;
    align-items: center;
    padding: 0 11px
}

.courses__logo {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 6px
}

.courses__text {
    white-space: nowrap;
    font-size: 14px;
    line-height: 150%;
    color: #fcfcfc;
    display: flex;
    align-items: center
}

.courses__text:after {
    content: "";
    display: inline-block;
    margin-left: 5px
}

.courses__text_up:after {
    border-bottom: 7px solid #c5ff1f;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent
}

.courses__text_down:after {
    border-top: 7px solid #ff3535;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent
}

@media (max-width:1200px) {
    .courses {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 34px
    }

    .courses__row {
        flex-flow: row nowrap
    }
}

.rank-icon {
    display: inline-block;
    width: 40px;
    height: 43px
}

.rank-icon_sm {
    height: 16px;
    width: auto
}

.rank-icon_0,
.rank-icon_unranked {
    background: url("../images/ranks-icons.png") no-repeat 0 center;
    background-size: 348px 54px
}

.rank-icon_1,
.rank-icon_prospect {
    background: url("../images/ranks-icons.png") no-repeat -37px center;
    background-size: 348px 54px
}

.rank-icon_2,
.rank-icon_rising {
    background: url("../images/ranks-icons.png") no-repeat -74px center;
    background-size: 348px 54px
}

.rank-icon_3,
.rank-icon_challenger {
    background: url("../images/ranks-icons.png") no-repeat -111px center;
    background-size: 348px 54px
}

.rank-icon_4,
.rank-icon_elite {
    background: url("../images/ranks-icons.png") no-repeat -150px center;
    background-size: 348px 54px
}

.rank-icon_5,
.rank-icon_superstar {
    background: url("../images/ranks-icons.png") no-repeat -187px center;
    background-size: 348px 54px
}

.rank-icon_6,
.rank-icon_champion {
    background: url("../images/ranks-icons.png") no-repeat -225px center;
    background-size: 348px 54px
}

.rank-icon_7,
.rank-icon_grandmaster {
    background: url("../images/ranks-icons.png") no-repeat -263px center;
    background-size: 348px 54px
}

.rank-icon_8,
.rank-icon_infinite {
    background: url("../images/ranks-icons.png") no-repeat -300px center;
    background-size: 348px 54px
}

.milestones {
    width: 100vw;
    transform: translateX(-50%);
    margin-left: 50%;
    margin-bottom: 40px;
    overflow: hidden
}

.milestones>svg {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.milestones__row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 81px
}

.milestones__item {
    text-align: center;
    position: relative;
    min-width: 210px;
    max-width: 210px
}

.milestones__item>div {
    min-height: 100px;
    display: flex;
    flex-direction: column
}

.milestones__row:first-of-type .milestones__item>div {
    justify-content: flex-end
}

.milestones__row:first-of-type .milestones__item:after {
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #1b1635;
    margin-top: 14px;
    transition: all .5s ease
}

.milestones__row:first-of-type .milestones__item:nth-of-type(1) {
    margin-top: 90px;
    margin-left: 2px
}

.milestones__row:first-of-type .milestones__item:nth-of-type(2) {
    margin-top: 58px
}

.milestones__row:first-of-type .milestones__item:nth-of-type(2) .milestones__text {
    max-width: 210px
}

.milestones__row:first-of-type .milestones__item:nth-of-type(3) {
    margin-top: 90px
}

.milestones__row:first-of-type .milestones__item:nth-of-type(4) {
    margin-top: 60px
}

.milestones__row:first-of-type .milestones__item:nth-of-type(5) {
    margin-top: 88px;
    margin-right: -3px
}

.milestones__row:last-of-type {
    max-width: 936px
}

.milestones__row:last-of-type .milestones__item:before {
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #1b1635;
    margin-bottom: 14px
}

.milestones__row:last-of-type .milestones__item:nth-of-type(1) {
    margin-top: -35px
}

.milestones__row:last-of-type .milestones__item:nth-of-type(2) {
    margin-top: -5px
}

.milestones__row:last-of-type .milestones__item:nth-of-type(3) {
    margin-top: -35px
}

.milestones__row:last-of-type .milestones__item:nth-of-type(4) {
    margin-top: -4px;
    margin-right: 4px
}

.milestones__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
    transition: all .5s ease
}

.is-animated .animate__item .milestones__title {
    color: #27dfc5
}

.milestones__text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #8580a1
}

.is-animated .milestones__item.animate__item:after,
.is-animated .milestones__item.animate__item:before {
    background: #27dfc5;
    box-shadow: 0 0 16px rgba(1, 254, 233, .9)
}

.milestones__item svg {
    position: absolute;
    margin-left: 0;
    left: 50%;
    margin-left: -1px;
    z-index: -1
}

.milestones__row:nth-of-type(2n+1) .milestones__item svg {
    margin-top: 21px
}

.milestones__row:nth-of-type(2) .milestones__item svg {
    top: -400px;
    margin-left: 0
}

.milestones>svg.milestones__progress {
    margin-left: -400px;
    top: 177px
}

.milestones>svg.milestones__line_mobile,
.milestones__row_mobile {
    display: none
}

@media (max-width:767px) {
    .milestones {
        padding: 170px 15px 0
    }

    .milestones__item {
        min-width: 130px;
        max-width: 130px
    }

    .milestones>svg.milestones__line_mobile {
        top: -150px;
        transform: translateX(-51%);
        margin-left: 0
    }
}

@media (max-width:991px) {
    .milestones {
        position: relative;
        padding: 250px 15px 0
    }
}

@media (max-width:1169px) {
    .milestones {
        display: flex;
        align-items: center;
        margin-bottom: 49px;
        position: relative;
        padding: 250px 15px 0
    }

    .milestones__row .milestones__item {
        margin-top: 0
    }

    .milestones__item>div {
        min-height: unset
    }

    .milestones__row:first-of-type .milestones__item>div {
        justify-content: unset
    }

    .milestones__row {
        margin-bottom: 0;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .milestones__item {
        max-width: 210px;
        margin-bottom: 40px
    }

    .milestones__row:first-of-type .milestones__item:nth-of-type(1),
    .milestones__row:first-of-type .milestones__item:nth-of-type(2),
    .milestones__row:first-of-type .milestones__item:nth-of-type(3),
    .milestones__row:first-of-type .milestones__item:nth-of-type(4),
    .milestones__row:first-of-type .milestones__item:nth-of-type(5),
    .milestones__row:last-of-type .milestones__item:nth-of-type(1),
    .milestones__row:last-of-type .milestones__item:nth-of-type(2),
    .milestones__row:last-of-type .milestones__item:nth-of-type(3),
    .milestones__row:last-of-type .milestones__item:nth-of-type(4) {
        margin-top: 0;
        margin-right: 0
    }

    .milestones__row:first-of-type .milestones__item:after {
        display: none
    }

    .milestones__row:first-of-type .milestones__item:before {
        display: inline-block;
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 7px;
        background: #27dfc5;
        margin-bottom: 14px
    }

    .is-animated .milestones__item.animate__item:before {
        background: #27dfc5;
        box-shadow: 0 0 16px rgba(1, 254, 191, .9)
    }

    .milestones__row:nth-of-type(2n+1) .milestones__item svg {
        transform: rotate(180deg);
        top: -420px;
        margin-left: 0
    }

    .milestones>svg {
        display: none
    }

    .milestones>svg.milestones__line_mobile {
        display: block;
        margin-left: 50%;
        position: absolute;
        top: -150px;
        left: 0;
        z-index: -1
    }
}

@media (max-width:1439px) {
    .milestones:after {
        display: none
    }
}

.main-home {
    position: relative;
    overflow: hidden
}

.main-home:before {
    display: block;
    content: "";
    width: 10%;
    min-width: 939px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 9.5%;
    background: url("../images/main_bg_left.png") no-repeat 0 bottom;
    background-size: contain;
    z-index: -1
}

.main-home:after {
    display: block;
    content: "";
    width: 10%;
    min-width: 980px;
    height: 100%;
    position: absolute;
    right: -90px;
    bottom: -990px;
    background: url("../images/main_bg_right.png") no-repeat 0 0;
    background-size: contain;
    z-index: -1
}

.main__layer {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1818.97px;
    width: 3637.94px;
    height: 100%;
    max-height: 1000px;
    z-index: -1;
    transition: all .35s ease
}

.main__layer_1 {
    background: url("../images/layer_1.png") no-repeat center;
    background-size: 3637.94px
}

.main__layer_2 {
    background: url("../images/layer_2.png") no-repeat center;
    background-size: 3637.94px
}

.main__layer_3 {
    background: url("../images/layer_3.png") no-repeat center;
    background-size: 3637.94px
}

.main__layer_3:before {
    content: "";
    display: block;
    height: 250px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #0f092e 0, rgba(15, 9, 46, 0) 86.66%)
}

.main__layer_3:after {
    content: "";
    display: block;
    height: 250px;
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0;
    background: linear-gradient(180deg, rgba(15, 9, 46, 0) 0, #0f092e 90.66%)
}

.main__layer_up {
    transform: translateX(-60px) translateY(45px)
}

.main__layer_down {
    transform: translateX(60px) translateY(-30px)
}

@media (max-width:991px) {
    .main-home:before {
        display: none
    }
}

.dark-card {
    padding: 20px;
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px
}

.dark-card_guide {
    padding: 20px 0 0
}

.dark-card__inner {
    padding: 0 20px
}

.dark-card_guide img {
    margin-top: 27px
}

.dark-card__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 10px
}

.dark-card__ill {
    width: 100%;
    height: auto
}

@media (max-width:768px) {
    .dark-card__title {
        margin-bottom: 20px
    }
}

.cab-ps:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 7px
}

.cab-ps_bi:before {
    background: url("../images/BTC_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_bc:before {
    background: url("../images/BCH_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_et:before {
    background: url("../images/ETH_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_ud:before {
    background: url("../images/USDT_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_ud-red:before {
    background: url("../images/USDT_icon_red.png") no-repeat center;
    background-size: cover
}

.cab-ps_ltc:before {
    background: url("../images/LTC_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_xr:before {
    background: url("../images/XRP_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_trx:before {
    background: url("../images/TRX_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_dg:before {
    background: url("../images/DOGE_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_ds:before {
    background: url("../images/DASH_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_mn:before {
    background: url("../images/monero_icon.png") no-repeat center;
    background-size: cover
}

.cab-ps_bnb:before {
    background: url("../images/bnb_icon.png") no-repeat center;
    background-size: cover
}

.requests-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 8px;
    background: #1b1635 url(../images/bg_img.png) no-repeat center bottom;
    background-size: cover;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all .35s linear;
    cursor: pointer
}

.requests-row:hover {
    transform: translateX(10px)
}

.requests-row__ps {
    margin-left: -5px
}

.requests-row__button {
    margin-right: -5px
}

.requests-row__label {
    font-size: 14px;
    line-height: 150%;
    color: #8580a1;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 5px
}

.requests-row__data {
    font-size: 14px;
    line-height: 150%;
    font-weight: 700;
    color: #fff;
    padding-left: 19px;
    text-align: left;
    white-space: nowrap
}

.requests-row__item_flag .requests-row__data {
    padding-left: 0
}

.requests-row__data_marked {
    color: #fed501
}

.requests-row__icon {
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-right: 5px
}

.requests-row__icon_id {
    background: #1b1635 url(../images/request-icons.svg) no-repeat 0 0
}

.requests-row__icon_country {
    background: #1b1635 url(../images/request-icons.svg) no-repeat -14px 0
}

.requests-row__icon_sum {
    background: #1b1635 url(../images/request-icons.svg) no-repeat -28px 0
}

.requests-row__icon_percent {
    background: #1b1635 url(../images/request-icons.svg) no-repeat -42px 0
}

.requests-row__icon_period {
    background: #1b1635 url(../images/request-icons.svg) no-repeat -56px 0
}

.requests-row__icon_profit {
    background: #1b1635 url(../images/request-icons.svg) no-repeat -70px 0
}

.flag {
    margin-right: 7px
}

.requests-row__sum {
    padding: 0 5px;
    display: inline-block;
    min-width: 58px;
    text-align: center;
    background: linear-gradient(180deg, #ffd600 0%, #edc700 100%);
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #1f1a39
}

@media (max-width:991px) {
    .requests-row {
        display: block;
        width: 270px;
        padding: 47px 15px 20px
    }

    .requests-row__data {
        padding-left: 0
    }

    .requests-row__button {
        width: 100%;
        margin-top: 20px
    }

    .requests-row:not(:last-child) {
        margin-right: 15px;
        margin-bottom: 30px
    }

    .requests-row__item {
        display: flex;
        justify-content: space-between
    }

    .requests-row__item:not(:last-child) {
        margin-bottom: 12px;
        padding: 0
    }

    .requests-row__data,
    .requests-row__label {
        white-space: nowrap
    }

    .last-requests .button-bordered {
        display: none
    }

    .requests-row__ps {
        position: relative;
        top: -60px
    }
}

.requests-wraper {
    max-width: 1050px;
    margin: 0 auto
}

.pagination {
    list-style-type: none;
    margin-bottom: 0
}

.pagination__item {
    margin-right: 5px
}

.pagination__link {
    display: inline-flex;
    width: 32px;
    height: 32px;
    background: #262141;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #8580a1;
    padding: 7px;
    align-items: center;
    justify-content: center
}

.pagination__link:active,
.pagination__link:focus,
.pagination__link:hover,
.pagination__link_active {
    background: linear-gradient(180deg, #ffd600 0, #edc700 100%);
    box-shadow: 0 10px 50px rgba(254, 213, 1, .35), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    color: #333;
    text-decoration: none
}

.pagination__link_next:before,
.pagination__link_prev:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url(../pag-arrows.html) no-repeat 0 0
}

.pagination__link_next:active:before,
.pagination__link_next:focus:before,
.pagination__link_next:hover:before,
.pagination__link_prev:active:before,
.pagination__link_prev:focus:before,
.pagination__link_prev:hover:before {
    background: url(../pag-arrows.html) no-repeat 0 -6px
}

.pagination__link_next:before {
    transform: rotate(180deg)
}

.radio__btn {
    display: none
}

.radio__btn:checked+.radio__label:before,
.radio__label:hover:before {
    background: #333
}

.radio__label {
    font-size: 14px;
    line-height: 150%;
    color: #8580a1;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer
}

.radio__label:before {
    content: "";
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: #fed501;
    border: 5px solid #fed501;
    border-radius: 8px;
    margin-right: 10px
}

.radio [disabled=disabled]+.radio__label:hover:before {
    background: #fed501
}

.arrow-link:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    background: url(../images/Arrow_icon.svg) no-repeat center
}

.icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 7px
}

.icon_user {
    background: url(../images/request-icons.svg) no-repeat 0 0
}

.icon_country {
    background: url(../images/request-icons.svg) no-repeat -14px 0
}

.icon_wallet {
    background: url(../images/requizits-icons.svg) no-repeat 0 0
}

.icon_amount {
    background: url(../images/requizits-icons.svg) no-repeat -14px 0
}

.icon_percent {
    background: url(../images/request-icons.svg) no-repeat -42px 0
}

.icon_period {
    background: url(../images/request-icons.svg) no-repeat -56px 0
}

.icon_profit {
    background: url(../images/request-icons.svg) no-repeat -70px 0
}

.icon_return {
    background: url(../images/request-icons.svg) no-repeat -84px 0
}

.icon_get {
    background: url(../images/wallet-statuses.svg) no-repeat 0 0
}

.icon_withdrawn {
    background: url(../images/wallet-statuses.svg) no-repeat -14px 0
}

.icon_wait {
    background: url(../images/wallet-statuses.svg) no-repeat -28px 0
}

.icon_ssl {
    background: url(../images/ssl_icon.svg) no-repeat center;
    vertical-align: middle
}

.icon_date {
    background: url(../images/date_icon.svg) no-repeat center;
    background-size: contain
}

.icon_payment {
    background: url(../images/borrow-icons.svg) no-repeat 0 0
}

.icon_overpay {
    background: url(../images/borrow-icons.svg) no-repeat -14px 0
}

.icon_totalsum {
    background: url(../images/borrow-icons.svg) no-repeat -28px 0
}

.icon_theme {
    background: url(../images/support-icons.svg) no-repeat 0 0
}

.icon_question {
    background: url(../images/support-icons.svg) no-repeat -14px 0
}

.icon_24h {
    background: url(../images/support-icons.svg) no-repeat -28px 0
}

.icon_link {
    background: url(../images/ref-icons.svg) no-repeat 0 0
}

.icon_ref {
    background: url(../images/ref-icons.svg) no-repeat -14px 0
}

.icon_refcredit {
    background: url(../images/ref-icons.svg) no-repeat -28px 0
}

.icon_email {
    background: url(../images/email_icon.svg) no-repeat center
}

.icon_code {
    background: url(../images/code_icon.svg) no-repeat center
}

.icon_2fa {
    background: url(../images/2fa_icon.svg) no-repeat center
}

.icon_usd {
    background: url(../images/dollar-icon.png) no-repeat center;
    background-size: cover
}

.icon_depo {
    background: url(../images/Deposit_icon.png) no-repeat center;
    background-size: cover
}

.icon_limits {
    background: url(../images/Limits_icon.png) no-repeat center;
    background-size: cover
}

.icon_total-profit {
    background: url(../images/Full_profit_icon.png) no-repeat center;
    background-size: cover
}

.icon_payback {
    background: url(../images/Payback_icon.png) no-repeat center;
    background-size: cover
}

.icon_month-prof {
    background: url(../images/Month_profit_icon.png) no-repeat center;
    background-size: cover
}

.icon_doc {
    background: url(../images/icon-doc.png) no-repeat center;
    background-size: contain
}

.settings__info:nth-child(3) .icon_date {
    position: relative
}

.payment-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1072;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(8, 3, 35, .95)
}

.payment-modal form {
    z-index: 1;
    width: 100%
}

.payment-modal__close {
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    padding: 10px;
    background-color: transparent
}

.payment-modal__close span {
    display: block;
    width: 10px;
    height: 10px;
    background: url("../images/close.svg") no-repeat 0 0;
    background-size: 20px 10px
}

.payment-modal__close:active span,
.payment-modal__close:focus span,
.payment-modal__close:hover span {
    background: url("../images/close.svg") no-repeat -10px 0;
    background-size: 20px 10px
}

.payment-modal__inner {
    position: relative;
    z-index: 1
}

.payment-modal__inner_center {
    text-align: left
}

.payment-modal__dialog {
    max-width: 450px;
    min-height: calc(100% - (1.75rem*2));
    margin: 1.75rem auto;
    display: flex;
    align-items: center
}

.payment-modal__dialog_small {
    max-width: 450px
}

.payment-modal__content {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 30px;
    width: 100%;
    min-height: 608px;
    position: relative
}

.payment-modal__content_withdrawal {
    min-height: 501px
}

.payment-modal__content_withdrawal>div {
    position: relative;
    z-index: 2
}

.payment-modal__content_withdrawal .payment-info {
    padding-bottom: 30px
}

.payment-modal__content:after,
.payment-modal__content:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    z-index: 0
}

.payment-modal__content:before {
    top: 0;
    background: url("../images/modal_top_bg_img.png") no-repeat right top;
    background-size: cover
}

.payment-modal__content:after {
    bottom: 0;
    background: url("../images/modal_bottom_bg_img.png") no-repeat left top;
    background-size: cover
}

.payment-modal__content_vertical {
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-modal__content_centred {
    text-align: center
}

.payment-modal__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 15px
}

.payment-modal__text {
    font-size: 14px;
    line-height: 150%;
    color: #8580a1
}

.payment-modal__loading {
    min-height: 230px;
    display: flex;
    align-items: center
}

.payment-modal__loading_withdrawal {
    min-height: 310px
}

.payment-modal__content_credit {
    min-height: 434px
}

#select-type-step {
    margin-top: 100px
}

#select-type-step .payment-modal__title {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:767px) {
    .payment-modal__dialog {
        margin: 15px auto;
        max-width: calc(100% - 30px)
    }

    .payment-modal__content {
        padding: 15px;
        min-height: 538px
    }

    .payment-modal__content_small {
        min-height: 468px
    }

    .payment-modal__loading {
        min-height: 210px
    }

    .payment-modal__content_withdrawal {
        min-height: unset
    }

    .payment-modal__content_withdrawal .payment-info {
        padding-bottom: 0
    }

    .payment-modal__content_credit {
        min-height: 482px
    }

    .credits__loading {
        margin-top: 30px
    }

    .payment-modal__title {
        max-width: 240px
    }
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.info-row__label {
    font-size: 14px;
    line-height: 150%;
    color: #8580a1;
    display: flex;
    align-items: center
}

.info-row__label_nowrap {
    white-space: nowrap
}

.info-row__data {
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    white-space: break-spaces
}

.info-row__data_break {
    word-break: break-word;
    padding-left: 10px
}

.info-row__data_icony {
    display: flex;
    align-items: center
}

.info-row__data_marked {
    color: #27dfc5
}

.info-row__data_ps {
    display: flex
}

.info-row__data_sum {
    white-space: nowrap
}

@media screen and (max-width:374px) {
    .info-row__label {
        max-width: 150px
    }
}

.arrow-back-btn {
    display: inline-block;
    background: url("../arrow-back.html") no-repeat center;
    width: 22px;
    height: 18px;
    margin-right: 7px;
    vertical-align: middle;
    cursor: pointer;
    float: left
}

@media screen and (max-width:767px) {
    .arrow-back-btn {
        margin-bottom: 20px
    }
}

.copy-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../images/copy-icons.svg") no-repeat 0 0, linear-gradient(180deg, #ffd600 0, #edc700 100%);
    box-shadow: 0 10px 30px rgba(254, 213, 1, .35), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    border-radius: 8px
}

.copy-btn:active,
.copy-btn:focus,
.copy-btn:hover {
    background: url("../images/copy-icons.svg") no-repeat 0 0, linear-gradient(180deg, #ffd600 0, #edc700 100%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12)
}

.copy-btn_copied {
    background: url("../images/copy-icons.svg") no-repeat -30px 0, linear-gradient(180deg, #ffd600 0, #edc700 100%)
}

.underlined-link:active,
.underlined-link:focus,
.underlined-link:hover {
    text-decoration: none
}

.underlined-link__wrap {
    display: inline-block;
    font-size: 14px;
    line-height: 150%;
    text-decoration-line: none;
    color: #8580a1;
    position: relative
}

.underlined-link__wrap:active,
.underlined-link__wrap:focus,
.underlined-link__wrap:hover {
    color: #27dfc5;
    text-decoration-line: none
}

.underlined-link__wrap:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #8580a1;
    position: absolute;
    bottom: 0
}

.underlined-link__wrap:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background: #27dfc5;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all .3s linear
}

.underlined-link__wrap:active:after,
.underlined-link__wrap:focus:after,
.underlined-link__wrap:hover:after {
    width: 100%
}

.checkbox__input {
    display: none
}

.checkbox__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #8580a1
}

.checkbox__label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #27dfc5;
    border-radius: 3px;
    margin-right: 7px;
    vertical-align: middle
}

.checkbox__input:checked+.checkbox__label:before {
    background: #27dfc5 url(../images/check_icon.svg) no-repeat center
}

.checkbox__img {
    width: 39px;
    height: 39px;
    background: url(../images/pdf_icon.svg) no-repeat center;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px
}

.radio-pill__radio {
    display: none
}

.radio-pill__item {
    padding: 8px 10px 10px;
    border: 1px solid #8580a1;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    line-height: 150%;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: relative;
    white-space: nowrap
}

.radio-pill__radio:checked+.radio-pill__item {
    color: #fed501;
    background: #292443
}

.radio-pill__item_disabled {
    color: #322c49;
    border: 1px solid #322c49
}

.exchange {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%
}

.exchange-wrap {
    display: flex;
    width: 200%;
    animation: marquee-infinite 15s linear infinite
}

@keyframes marquee-infinite {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-50%)
    }
}

.blur {
    width: 100%;
    height: 100%;
    background: rgba(27, 22, 53, .7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: center
}

.blur__inner {
    padding: 15px
}

.blur__icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 15px
}

.blur__icon_proceed {
    background: url("../images/Waiting_icon.svg") no-repeat center
}

.blur__icon_error {
    background: url("../images/Error_icon.svg") no-repeat center
}

.blur__text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    max-width: 290px;
    margin: 0 auto
}

.status {
    width: 30px;
    height: 30px;
    border-radius: 15px
}

.status_proc {
    background: url("../history-proc-icon.html") no-repeat center, linear-gradient(180deg, #ffb545 0, #f90 100%);
    box-shadow: -11px -11px 5px rgba(0, 0, 0, .05), 15px 15px 20px rgba(0, 0, 0, .25), inset -6px -6px 5px rgba(0, 0, 0, .1)
}

.status_success {
    background: url("../history-success-icon.html") no-repeat center, linear-gradient(180deg, #89f401 0, #6dbf03 100%);
    box-shadow: -11px -11px 5px rgba(0, 0, 0, .05), 15px 15px 20px rgba(0, 0, 0, .25), inset -6px -6px 5px rgba(0, 0, 0, .1)
}

.status_cancel {
    background: url("../history-cancel-icon.html") no-repeat center, linear-gradient(180deg, #ff6a6a 0, #ff3232 100%);
    box-shadow: -11px -11px 5px rgba(0, 0, 0, .05), 15px 15px 20px rgba(0, 0, 0, .25), inset -6px -6px 5px rgba(0, 0, 0, .1)
}

.back {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer
}

.back:active,
.back:focus,
.back:hover,
a.back:active,
a.back:focus,
a.back:hover {
    color: #fff;
    text-decoration: none
}

a.back {
    color: #fff
}

.back:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 6.29px;
    margin-right: 7px;
    background: url("../images/arrow-back.svg") no-repeat center
}

.notifications {
    position: fixed;
    top: 26px;
    right: 80px;
    width: 100%;
    max-width: 1000px;
    z-index: 2000
}

.notifications__item {
    width: 100%;
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    padding: 8px 10px 11px 58px;
    position: relative;
    margin-bottom: 30px
}

.notifications__icon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    position: absolute;
    top: -4px;
    left: -5px;
    box-shadow: -11px -11px 5px rgba(0, 0, 0, .05), 15px 15px 20px rgba(0, 0, 0, .25), inset -6px -6px 5px rgba(0, 0, 0, .1)
}

.notifications__icon_success {
    background: url("../icon-notif--success.html") no-repeat center, linear-gradient(180deg, #89f401 0, #6dbf03 100%)
}

.notifications__icon_error {
    background: url("../icon-notif--error.html") no-repeat center, linear-gradient(180deg, #ff6a6a 0, #ff3232 100%)
}

.notifications__icon_warning {
    background: url("../icon-notif--warn.html") no-repeat center, linear-gradient(180deg, #ffb545 0, #f90 100%)
}

.notifications__text {
    font-size: 14px;
    line-height: 150%;
    color: #fff
}

.notifications__close {
    position: absolute;
    top: 5px;
    right: 5px
}

@media screen and (min-width:1920px) {
    .notifications {
        max-width: 1175px;
        right: 7.4%
    }
}

@media (max-width:991px) {
    .notifications {
        width: auto
    }
}

@media (max-width:500px) {
    .notifications__item {
        padding-right: 50px
    }

    .notifications__icon {
        top: 8px
    }

    .notifications {
        width: auto;
        right: 15px;
        max-width: 287px
    }
}

.close {
    width: 30px;
    height: 30px;
    padding: 10px;
    background: 0 0;
    background-size: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.close span {
    display: block;
    width: 10px;
    height: 10px;
    background: url("../images/close.svg") no-repeat 0 0;
    background-size: 20px 10px
}

.close:active span,
.close:focus span,
.close:hover span {
    background: url("../images/close.svg") no-repeat -10px 0
}

.navigation-mobile {
    display: none;
    width: 100%
}

.navigation-mobile__icon {
    background-image: url(../images/Navigation_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 28px;
    height: 24px;
    position: relative;
    z-index: 11;
    cursor: pointer
}

.navigation-mobile__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.navigation-mobile_logo {
    margin-right: 30px
}

.navigation-mobile__item:not(:last-child) {
    margin-bottom: 10px
}

.navigation-mobile__links {
    background: #000;
    box-shadow: 10px 30px 30px rgba(0, 0, 0, .2);
    border-radius: 0 10px 10px 0;
    width: 100%;
    max-width: 273px;
    min-height: 558px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 25px 15px 30px;
    display: none
}

.navigation-mobile_show .navigation-mobile__links {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.navigation-mobile_show .navigation-mobile__icon {
    background-image: url(../images/Union.svg)
}

.navigation-mobile__copyrights {
    margin: 15px 0 0
}

.navigation-mobile .languages__menu {
    top: 40px !important;
    left: 20px !important
}

@media (max-width:991px) {
    .navigation-mobile {
        display: block
    }
}

.flip-card {
    background-color: transparent;
    perspective: 1000px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d
}

.flip-card-inner_delay-1 {
    transition-delay: .3s
}

.flip-card-inner_delay-2 {
    transition-delay: .6s
}

.flip-card-inner_delay-3 {
    transition-delay: .9s
}

.flip-card.rotate .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    border-radius: 10px;
    padding: 30px 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card-front {
    background-color: #1b1635;
    color: #000
}

.flip-card-back {
    background-color: #1b1635;
    transform: rotateY(180deg)
}

.plan-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px
}

.plan-icon_sm {
    width: 24px;
    height: 24px;
    border-radius: 6px
}

.plan-icon_c {
    background: url("../images/plan_c_icon.png") no-repeat center;
    background-size: contain
}

.plan-icon_a {
    background: url("../images/plan_a_icon.png") no-repeat center;
    background-size: contain
}

.plan-icon_p {
    background: url("../images/plan_p_icon.png") no-repeat center;
    background-size: contain
}

.plan-icon_s {
    background: url("../images/plan_s_icon.png") no-repeat center;
    background-size: contain
}

.plan-icon_m {
    background: url("../images/plan_m_icon.png") no-repeat center;
    background-size: contain
}

.plan-icon_l {
    background: url("../images/plan_l_icon.png") no-repeat center;
    background-size: contain
}

.plans {
    margin-bottom: 37px;
    text-align: center
}

.plans__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.plans__posttitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    max-width: 747px;
    margin: 0 auto 7px
}

.plans__pills {
    margin: 0 0 39px
}

.plans__item {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .07);
    border-radius: 10px;
    padding: 25px 30px 30px
}

.plans__row {
    flex-flow: unset
}

.plans .col-md-4 {
    min-width: 400px;
    min-height: 390px
}

.plans .col-md-4:nth-of-type(1) .plans__item {
    /* background: #1b1635 url("../images/plan_c_bg_img.png") no-repeat center; */


    background: #1b1635;
    background-size: cover
}

.plans .col-md-4:nth-of-type(2) .plans__item {
    /* background: #1b1635 url("../images/plan_a_bg_img.png") no-repeat center left; */
        background: #1b1635;
    background-size: cover
}

.plans .col-md-4:nth-of-type(3) .plans__item {
    /* background: #1b1635 url("../images/plan_p_bg_img.png") no-repeat center; */
        background: #1b1635;
    background-size: cover
}

.plans__info {
    margin-bottom: 15px
}

.plans__info:last-of-type {
    margin-bottom: 0
}

.plans__name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.plans__name h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 0
}

.plans__name .plan-icon {
    margin-right: 15px
}

@media (max-width:767px) {
    .plans__pills .nav-item {
        width: 100%
    }

    .plans__pills .nav-pills__link {
        white-space: unset
    }
}

@media (max-width:1199px) {
    .plans__row {
        overflow-x: scroll
    }
}

.team {
    text-align: center;
    max-width: 1130px;
    margin-bottom: 140px
}

.team h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 50px
}

.team__row {
    display: flex;
    justify-content: center;
    align-items: center
}

.team__col {
    padding: 0 5px;
    min-width: 228px
}

.team__item {
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    border-radius: 10px;
    text-align: center;
    padding: 22px
}

.team__col img {
    width: 80px;
    height: auto;
    border-radius: 40px;
    margin-bottom: 15px
}

.team__col:first-of-type .team__item {
    background: #1e193a url(../images/team-bg-1.png) no-repeat center;
    background-size: contain
}

.team__col:nth-of-type(2) .team__item {
    background: #1e193a url(../images/team-bg-2.png) no-repeat center;
    background-size: contain
}

.team__col:nth-of-type(3) .team__item {
    background: #1e193a url(../images/team-bg-3.png) no-repeat center;
    background-size: contain
}

.team__col:nth-of-type(4) .team__item {
    background: #1e193a url(../images/team-bg-4.png) no-repeat center;
    background-size: contain
}

.team__col:last-of-type .team__item {
    background: #1e193a url(../images/team-bg-5.png) no-repeat center;
    background-size: contain
}

.team__info h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin-bottom: 3px
}

.team__info p {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    margin-bottom: 15px
}

.team__link {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 5px
}

.team__link_twitter {
    background: url("../images/twitter_yellow.svg") no-repeat center;
    background-size: contain
}

.team__link_facebook {
    background: url("../images/facebook_icon.svg") no-repeat center;
    background-size: contain
}

@media (max-width:1199px) {
    .team__col {
        min-width: 180px
    }
}

@media (max-width:1023px) {
    .team__row {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 238px;
        overflow-x: scroll;
        margin-right: -15px;
        margin-left: -15px;
        position: relative;
        justify-content: space-between
    }

    .team__col {
        min-width: 228px
    }

    .team__col:nth-of-type(3) {
        position: absolute;
        left: 10px
    }
}

.documents {
    margin-bottom: 140px;
    position: relative
}

.documents__item:first-of-type:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 141.16px;
    height: 141.16px;
    border-radius: 50%;
    background: url("../images/circle-decor-noopacity.png") no-repeat center;
    background-size: contain;
    position: absolute;
    left: 32px;
    top: -90px
}

.documents__item:last-of-type:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: url("../images/circle-decor-noopacity.png") no-repeat center;
    background-size: contain;
    position: absolute;
    left: 100px;
    top: -45px
}

.documents__item:last-of-type:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 108.73px;
    height: 108.73px;
    border-radius: 50%;
    background: url("../images/circle-decor-noopacity.png") no-repeat center;
    background-size: contain;
    position: absolute;
    left: -28px;
    top: 85%
}

.documents__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.documents__posttitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #8580a1;
    margin-bottom: 61px
}

.documents__row {
    display: flex;
    align-items: center;
    justify-content: center
}

.documents__item {
    width: 100%;
    max-width: 364px;
    min-height: 390px;
    padding: 75px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .07)
}

.documents__item:first-of-type {
    background: #1b1635 url("../images/bg_docs_1.png") no-repeat bottom right;
    background-size: contain;
    border-radius: 10px 0 0 10px;
    position: relative
}

.documents__item:nth-of-type(2) {
    width: 100%;
    max-width: 401px;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center
}

.documents__item:nth-of-type(2) img {
    width: 100%;
    height: auto;
    padding: 0
}

.documents__item:nth-of-type(2) a {
    min-height: 54px;
    padding: 18px 30px;
    position: absolute;
    min-width: 263px;
    bottom: 34px
}

.documents__item:last-of-type {
    background: #1b1635 url("../images/bg_docs_2.png") no-repeat bottom right;
    background-size: contain;
    border-radius: 0 10px 10px 0;
    position: relative;
    justify-content: flex-start;
    position: relative;
    padding-top: 86px
}

.documents__item:last-of-type img {
    width: 168px;
    height: auto;
    position: absolute;
    bottom: -46px
}

.documents__item:last-of-type .documents__info {
    margin-bottom: 50px
}

.documents__info {
    margin-bottom: 35px
}

.documents__info:last-of-type {
    margin-bottom: 0
}

.documents__label {
    font-size: 14px;
    line-height: 150%;
    color: #8580a1
}

.documents__icon {
    vertical-align: text-top
}

.documents__value {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #fff
}

@media (max-width:1023px) {
    .documents__row {
        align-items: center;
        flex-direction: column
    }

    .documents__item {
        border-radius: 10px
    }

    .documents__item:first-of-type:before,
    .documents__item:last-of-type:after,
    .documents__item:last-of-type:before {
        display: none
    }
}

.video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1072;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(8, 3, 35, .95)
}

.video-modal__dialog {
    max-width: 1020px;
    min-height: calc(100% - (1.75rem*2));
    margin: 1.75rem auto;
    display: flex;
    align-items: center
}

#guideModal .video-modal__dialog {
    max-width: 663px
}

.video-modal__content {
    background: 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 663px;
    margin: 0 auto
}

.video-modal__content_center {
    justify-content: center
}

.video-modal__player {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .2);
    border-radius: 15px;
    padding: 15px;
    position: relative;
    width: 100%;
    max-width: 663px
}

.video-modal__col {
    max-width: 151px
}

.video-modal__timecode {
    text-align: center
}

.video-modal__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: 10px
}

.video-modal__icon_1 {
    background: url("../images/video-modal-icons.png") no-repeat 0 0;
    background-size: 192px
}

.video-modal__icon_2 {
    background: url("../images/video-modal-icons.png") no-repeat -32px 0;
    background-size: 192px
}

.video-modal__icon_3 {
    background: url("../images/video-modal-icons.png") no-repeat -64px 0;
    background-size: 192px
}

.video-modal__icon_4 {
    background: url("../images/video-modal-icons.png") no-repeat -96px 0;
    background-size: 192px
}

.video-modal__icon_5 {
    background: url("../images/video-modal-icons.png") no-repeat -128px 0;
    background-size: 192px
}

.video-modal__icon_6 {
    background: url("../images/video-modal-icons.png") no-repeat -160px 0;
    background-size: 192px
}

.video-modal__point {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px
}

.video-modal__point-text {
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #8580a1
}

.video-modal__player iframe {
    display: none
}

@media (max-width:1199px) {
    .video-modal__col {
        padding: 0 5px
    }

    .video-modal__point {
        font-size: 14px
    }

    .video-modal__point-text {
        font-size: 12px
    }
}

@media (max-width:767px) {
    .video-modal__content {
        flex-direction: column
    }

    .video-modal__col {
        padding: 20px 10px;
        width: 100%;
        max-width: unset;
        display: flex;
        justify-content: space-between
    }
}

.responsive-iframe {
    padding-bottom: 56.25%;
    height: 0;
    width: 100%
}

.responsive-iframe_inactive {
    background: url(../images/video-preview.png) no-repeat center;
    background-size: cover
}

.responsive-iframe iframe {
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px)
}

.video-button div {
    background-image: url("../images/btn.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    margin: 0 auto
}

.video-button {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffd600 0, #edc700 100%);
    box-shadow: 0 10px 50px rgba(254, 213, 1, .5), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
    position: absolute;
    left: 50%;
    margin-left: -24px;
    top: 50%;
    margin-top: -24px;
    animation: video-pulse 1s infinite
}

@keyframes video-pulse {
    0% {
        -moz-box-shadow: 0 10px 50px rgba(254, 213, 1, .5), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
        box-shadow: 0 10px 50px rgba(254, 213, 1, .5), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12)
    }

    70% {
        -moz-box-shadow: 0 10px 50px rgba(254, 213, 1, 0), 0 4px 4px transparent, 0 4px 4px transparent, inset 0 -10px 15px transparent;
        box-shadow: 0 10px 50px rgba(254, 213, 1, 0), 0 4px 4px transparent, 0 4px 4px transparent, inset 0 -10px 15px transparent
    }

    100% {
        -moz-box-shadow: 0 10px 50px rgba(254, 213, 1, .5), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12);
        box-shadow: 0 10px 50px rgba(254, 213, 1, .5), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), inset 0 -10px 15px rgba(0, 0, 0, .12)
    }
}

.video-button svg {
    margin-left: 5px
}

@media (max-width:576px) {
    .video-button:not(.video-button_modal) {
        top: 30%
    }
}

.user-quick-menu {
    padding-right: 18px;
    position: relative
}

.user-quick-menu__name {
    display: inline-block;
    font-size: 16px;
    line-height: 150%;
    color: #ffe145;
    padding-right: 10px;
    vertical-align: middle
}

.user-quick-menu__rank {
    width: 32px;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #3a3457 0, #1e1a34 100%);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .15);
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.user-quick-menu__rank:after {
    content: "";
    display: inline-block;
    background: url("../images/arrow-down-sign-to-navigate_yellow.svg") no-repeat center;
    border: none;
    width: 8px;
    height: 8px;
    position: absolute;
    right: -18px;
    top: 12px
}

.user-quick-menu__rank img {
    width: 100%;
    height: auto
}

.user-quick-menu__dropdown {
    position: absolute;
    padding: 0;
    min-width: 144px;
    z-index: 10;
    left: unset !important;
    right: -1px !important;
    top: 35px !important;
    transform: unset !important;
    background-color: transparent
}

.user-quick-menu ul {
    background: #1b1635;
    box-shadow: 0 30px 30px rgba(0, 0, 0, .08);
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden
}

.user-quick-menu a {
    padding: 10px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 150%;
    color: #fff
}

.user-quick-menu a:active,
.user-quick-menu a:focus,
.user-quick-menu a:hover {
    color: #fff;
    background: #2f2a46;
    text-decoration: none
}

.user-quick-menu a:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    vertical-align: middle
}

.user-quick-menu__link_cab:before {
    background: url("../images/quick-menu-icons.png") no-repeat 0 0;
    background-size: auto;
    background-size: cover
}

.user-quick-menu__link_settings:before {
    background: url("../images/quick-menu-icons.png") no-repeat -18px 0;
    background-size: auto;
    background-size: cover
}

.user-quick-menu__link_credit:before {
    background: url("../images/quick-menu-icons.png") no-repeat -36px 0;
    background-size: auto;
    background-size: cover
}

.user-quick-menu__link_help:before {
    background: url("../images/quick-menu-icons.png") no-repeat -54px 0;
    background-size: auto;
    background-size: cover
}

.user-quick-menu__link_logout:before {
    background: url("../images/quick-menu-icons.png") no-repeat -72px 0;
    background-size: auto;
    background-size: cover
}

@media (max-width:991px) {
    .user-quick-menu {
        padding-right: 0
    }

    .user-quick-menu ul {
        position: inherit;
        background: unset
    }
}

@media (min-width:992px) {
    .requests-row__item:first-of-type {
        min-width: 96px;
        max-width: 96px
    }

    .requests-row__item:nth-of-type(2) {
        min-width: 135px;
        max-width: 135px;
        padding-left: 15px
    }

    .requests-row__item:nth-of-type(3) {
        min-width: 105px;
        max-width: 105px
    }

    .requests-row__item:nth-of-type(4) {
        min-width: 155px;
        max-width: 155px
    }

    .requests-row__item:nth-of-type(5),
    .requests-row__item:nth-of-type(6) {
        min-width: 155px;
        max-width: 155px
    }

    .requests-row__item:last-of-type {
        min-width: 129px;
        max-width: 129px
    }
}

.green-bar {
    display: flex;
    border-radius: 10px;
    font-weight: 700;
    font-size: 11px;
    line-height: 16px;
    font-synthesis: none;
    overflow: hidden;
    max-width: 334px
}

.green-bar_footer {
    margin-bottom: 7px
}

.footer .geotrust {
    max-width: 165px;
    margin-bottom: 16px
}

.footer__trust {
    display: flex;
    align-items: center
}

.footer__trust img {
    height: 36px !important;
    width: auto !important;
    margin: 15px 2.5px
}

.green-bar>div:first-of-type {
    background: #72e164;
    color: #387430;
    padding: 7px 10px
}

.green-bar>div:last-of-type {
    background: #8580a1;
    color: #423e56;
    padding: 7px 10px
}

.copyrights__info {
    display: inline-block;
    vertical-align: bottom
}

@media (max-width:991px) {
    .copyrights__info {
        margin-left: 20px
    }
}

@media screen and (max-width:751px) {
    .copyrights__info {
        margin-left: 0;
        margin-top: 20px
    }
}

@media screen and (min-width:992px) {
    .copyrights__info {
        margin-left: 54px
    }

    .copyrights__item:last-of-type {
        text-align: right
    }
}

.green-bar>div:first-of-type:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    background: url("../images/green_lock_icon.svg") no-repeat center;
    background-size: contain;
    margin-right: 7px;
    min-width: 16px
}

@media screen and (max-width:1199px) {
    .green-bar {
        font-size: 9px
    }
}

.calc__inner {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #fed501;
    padding-top: 39px;
    position: relative
}

.calc__inner:before {
    content: "";
    display: inline-block;
    background: #0f092e url("../images/calc-decor.svg") no-repeat center;
    width: 22px;
    height: 12px;
    top: -2px;
    position: absolute;
    left: 50%;
    margin-left: -12px
}

.calc__title {
    min-width: 150px;
    font-weight: 700;
    font-size: 18px;
    line-height: 200%;
    color: #fed501;
    position: relative
}

.calc__title:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: url("../images/circle-decor.png") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 85%
}

.calc__amount {
    max-width: 210px
}

.calc__amount .field__input {
    max-width: 100%
}

.calc__label {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .05em;
    color: #8580a1;
    margin-bottom: 15px;
    text-transform: uppercase
}

.calc__label_amount {
    margin-bottom: 5px
}

.calc__field>div {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #fed501
}

.calc__field .calc__plan {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    min-width: 105px
}

.calc__amount-wrap {
    min-width: 230px
}

.calc__icon {
    vertical-align: middle
}

.calc__plan-icon {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    margin-right: 10px
}

@media (max-width:1199px) {
    .calc__inner {
        flex-flow: row wrap
    }

    .calc__inner>div {
        margin-bottom: 20px
    }

    .calc__amount-wrap,
    .calc__title {
        width: 100%
    }

    .calc__amount {
        max-width: 320px
    }
}