/* Global from: public\css\*.css */
/* @import "../../../css/vars.css"; */
/* @import "../../../css/fonts.css"; */
/* @import "../../../css/global.css"; */

/* Local */
/* @import "vars.css"; */
/* @import "fonts.css"; */

@import "base.css";
/* @import "header.css"; */
@import "font-ico.css";

a {
    color: #fff;
}
.terms-input {
    float: left;
}
.terms-label {
    padding-top: 17px !important;
    padding-left: 10px !important;
    color: #fff;
}
.text-success {
    color: #3c763d !important;
}
.border-success {
    border: 2px solid #3c763d !important;
}

.subsribe-tab a i {
    font-size: 20px;
}
.title-subscribe {
    font-size: 25px;
    color: #fff;
    font-family: "OpenSans Light";
    margin-bottom: 15px;
    text-align: center;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}
/* select2 override on registration form */
.home-sign-reg
    .tab-pane
    .form-group
    .select2-container--classic
    .select2-selection--single {
    background: rgba(228, 228, 228, 0.21);
    color: rgba(255, 255, 255, 0.21);
    border: 0;
    border-radius: 0;
    height: 45px;
}
.home-sign-reg
    .tab-pane
    .form-group
    .select2-container--classic
    .select2-selection--single
    .select2-selection__rendered {
    color: inherit;
    line-height: 28px;
}
.home-sign-reg
    .tab-pane
    .form-group
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 12px;
}
.home-sign-reg
    .tab-pane
    .form-group
    .select2-container--classic
    .select2-selection--single
    .select2-selection__arrow {
    background-color: inherit;
    border: none;
    border-left: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 45px;
    top: 0;
    width: 20px;
    background-image: none;
    background-repeat: no-repeat;
}

.home-sign-reg
    .tab-pane
    .form-group
    .select2-selection--single
    .select2-selection__arrow:after {
    right: 5px;
}

.home-sign-reg {
    margin-top: 0px;
    min-height: 370px;
}
.home-sign-reg .nav-tabs {
    border: 0;
    background: var(--form-bg);
    border-radius: var(--form-radius) var(--form-radius) 0 0;
    position: relative;
    overflow: hidden;
    padding: 16px 16px 1px 16px;

    &::after {
        content: "";
        display: block;
        position: absolute;
        height: 1px;
        background-color: var(--form-field-border);
        left: 16px;
        right: 16px;
        bottom: 0;
    }

    @media (min-width: 992px) {
        padding: 32px 32px 0 32px;

        &::after {
            left: 32px;
            right: 32px;
        }
    }
}

.subcribe-btn {
    padding: 12px 15px;
}
.subcribe-btn i {
    font-size: 20px;
}
.home-progress {
    margin-top: 130px;
    background: linear-gradient(to right, #69bced, #0154de);
    height: 32px;
    border-radius: 20px;
    position: relative;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.home-progress .marker-progress {
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 7px;
}
.home-progress .marker-progress.other {
    left: 84%;
    bottom: auto;
    top: 7px;
    padding-bottom: 27px;
}
.home-progress .marker-progress.other p {
    display: block;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    transform: translateX(-47%);
    -webkit-transform: translateX(-47%);
}
.home-progress .marker-progress.other p span {
    color: #2691f7;
    font-size: 20px;
    font-family: "OpenSans Regular";
}
.home-progress .marker-progress.other img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    margin-top: 0;
    margin-bottom: 20px;
}
.home-progress .marker-progress.end {
    left: auto;
    right: 10px;
    padding-top: 27px;
}
.home-progress .marker-progress.end p {
    position: absolute;
    display: block;
    white-space: nowrap;
    top: 0;
    text-align: center;
    transform: translateX(-47%);
    -webkit-transform: translateX(-47%);
}
.home-progress .marker-progress.end p span {
    color: #07c6b6;
    font-size: 20px;
    font-family: "OpenSans Regular";
}
.home-progress .marker-progress p {
    color: #fff;
    font-size: 20px;
    font-family: "OpenSans Regular";
    margin-bottom: 0;
}
.home-progress .marker-progress span {
    color: #2691f7;
    font-size: 20px;
    font-family: "OpenSans Regular";
}
.home-progress .marker-progress img {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.round-home {
    font-size: 20px;
    margin-top: 35px;
    color: #fff;
    font-family: "OpenSans Light";
}
.round-home span {
    font-family: "OpenSans Semibold";
}
.wrap-btn-prof-out {
    position: relative;
    padding-right: 87px;
}
.goto-logout {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 85px;
    padding: 20px 0;
    text-align: center;
    background-color: var(--color-primary);
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.goto-logout:hover {
    background-color: #6e1d2d;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.goto-logout i {
    font-size: 25px;
    position: relative;
    left: 4px;
    top: -1px;
}
.goto-profile {
    display: block;
    font-size: 18px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "OpenSans Regular";
    padding: 15px 0;
    background: linear-gradient(
        to right,
        var(--color-secondary),
        var(--color-primary)
    );
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.goto-profile span {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    margin-right: 15px;
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #fff;
    overflow: hidden;
}
.goto-profile:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.goto-profile:hover:after {
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-timer-start {
    position: absolute;
    bottom: -175px;
    width: 100%;
}
.wrap-timer-start span {
    display: block;
    color: #fff;
    font-size: 21px;
    font-family: "OpenSans Light";
    text-align: center;
}
.timer-home {
    margin-top: 40px;
    text-align: center;
}
.timer-home > div {
    font-size: 64px;
    color: #fff;
    font-family: "OpenSans Light";
    display: inline-block;
    padding: 0 21px;
    border-left: 1px solid #4b6898;
    line-height: 1;
}
.timer-home > div:first-child {
    border: 0;
    padding-left: 0;
}
.timer-home .wrap-date.seconds {
    padding-right: 0;
}
.timer-home > div.jst-clearDiv {
    padding: 0;
}
.wrap-date span {
    font-size: 13px;
    font-family: "OpenSans Regular";
    margin-top: 2px;
}
.go-social {
    text-decoration: none !important;
    font-size: 19px;
    background-color: #0077f1;
    color: #fff !important;
    vertical-align: middle;
    font-family: "OpenSans Regular";
    padding: 7px 15px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.go-social:hover {
    background-color: #1752b5e6;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.go-social i {
    vertical-align: middle;
    margin-left: 5px;
}

.own-block-about {
    padding: 0 45px;
}
.own-block-about .about-img-icon {
    position: relative;
    width: 166px;
    height: 166px;
    margin: 0 auto 65px;
}
.own-block-about .about-img-icon div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    background-image: url("../images/round.svg");
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.own-block-about .about-img-icon img {
    position: relative;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.own-block-about > h4 {
    margin: 0;
    font-size: 23px;
    color: #0c264b;
    text-align: center;
    font-family: "OpenSans Bold";
    margin-bottom: 5px;
    height: 58px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.own-block-about > p {
    color: #5d677b;
    margin-bottom: 0;
    font-size: 16px;
    text-align: center;
    font-family: "OpenSans Regular";
    line-height: 1.7;
}
.own-block-about > p span {
    font-family: "OpenSans Bold";
}

/* section problem resolve */
#problem-resolve {
    position: relative;
    min-height: 200px;
    padding-top: 95px;
    padding-bottom: 120px;
    background-image: url("../images/fon-problem-resolve.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
#problem-resolve .problem-img-top {
    position: absolute;
    top: -1px;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#problem-resolve .problem-img-bottom {
    bottom: 0;
    top: auto;
    transform: none;
}
.wrap-video-problem {
    margin-top: 70px;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
}
.wrap-video-problem > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
}
.wrap-video-problem > img.fon-video-1 {
    right: 0;
    left: auto;
}
.frame-inner {
    width: 900px;
    height: 600px;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
    position: relative;
}
.frame-inner img {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.frame-inner iframe {
    width: 100% !important;
    height: 100% !important;
}

.new-eco-users-social {
    text-align: center;
    margin-top: 50px;
}
.new-eco-users-social p {
    font-size: 17px;
    color: #1a2842;
    font-family: "OpenSans Semibold";
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.new-eco-users-social > div {
    border-radius: 50%;
    display: inline-block;
    width: 110px;
    height: 110px;
    padding: 5px;
    position: relative;
    border: 2px dotted var(--color-primary);
    vertical-align: middle;
}
.new-eco-users-social > div.profile {
    width: 155px;
    height: 155px;
    margin: 0 25px;
}
.new-eco-users-social > div.profile:before,
.new-eco-users-social > div.profile:after {
    content: "";
    position: absolute;
    width: 100px;
    border-top: 3px dashed var(--color-primary);
    bottom: 0;
}
.new-eco-users-social > div.profile:before {
    left: -65px;
    bottom: -25px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
}
.new-eco-users-social > div.profile:after {
    right: -65px;
    bottom: -25px;
    transform: rotate(-55deg);
    -webkit-transform: rotate(-55deg);
}
.new-eco-users-social > div div {
    border: 2px solid var(--color-primary);
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-eco-users-social > div.profile div {
    background-color: var(--color-primary);
}
.new-eco-users-social > div div > img {
    max-width: 51px;
}
.new-eco-type-pay {
    text-align: center;
    margin-top: 10px;
}
.new-eco-type-pay .wallet-type-pay {
    border-radius: 50%;
    display: inline-block;
    width: 110px;
    height: 110px;
    padding: 5px;
    position: relative;
    border: 2px dotted var(--color-primary);
    vertical-align: middle;
    margin: 0 100px;
}
.new-eco-type-pay .wallet-type-pay > img {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    left: -85px;
    max-width: 67px;
}
.new-eco-type-pay .wallet-type-pay > p {
    color: #414a6f;
    font-size: 17px;
    font-family: "OpenSans Semibold";
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    text-align: center;
}
.new-eco-type-pay .wallet-type-pay > img.flip {
    left: auto;
    right: -85px;
    max-width: 67px;
}
.new-eco-type-pay .wallet-type-pay div {
    border: 2px solid var(--color-primary);
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-eco-type-pay .eco-type-crypt {
    display: inline-block;
}
.new-eco-type-pay .eco-type-crypt > h4 {
    text-align: center;
    margin: 0;
    margin-bottom: 5px;
    color: #414a6f;
    font-size: 17px;
    font-family: "OpenSans Semibold";
}
.new-eco-type-pay .eco-type-crypt > div {
    border: 2px dotted var(--color-primary);
    border-radius: 20px;
    padding: 15px;
    min-width: 227px;
}
.new-eco-type-pay .eco-type-crypt .logo-crypt {
    width: 55px;
    height: 55px;
    background-color: var(--color-primary);
    border-radius: 50%;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}
.new-eco-type-pay .eco-type-crypt > div .logo-crypt:nth-child(2) {
    margin: 0 10px;
}
.new-eco-type-pay .eco-type-crypt .logo-crypt img {
    width: 15px;
}
.new-eco-type-pay .eco-type-crypt .logo-crypt div {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
}
.new-eco-type-pay .eco-type-card {
    display: inline-block;
    position: relative;
    top: 25px;
}
.new-eco-type-pay .eco-type-card > h4 {
    text-align: center;
    margin: 0;
    margin-bottom: 5px;
    color: #414a6f;
    font-size: 17px;
    font-family: "OpenSans Semibold";
}
.new-eco-type-pay .eco-type-card > div {
    border: 2px dotted var(--color-primary);
    border-radius: 20px;
    padding: 15px;
    min-width: 227px;
}
.new-eco-type-pay .eco-type-card .logo-card {
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}
.new-eco-type-pay .eco-type-card > div .logo-card:first-child {
    margin-right: 5px;
}
.new-eco-type-pay .eco-type-card .logo-card img {
    height: 55px;
}
.wrap-new-eco-blockchain {
    position: relative;
    padding: 0 500px;
    text-align: center;
    margin-top: 110px;
}
.blockchain-dotted {
    margin-top: 50px;
    border: 2px dotted var(--color-primary);
    border-radius: 15px;
    padding: 2px 40px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    font-size: 28px;
    font-family: "OpenSans Bold";
    color: var(--color-primary);
}
.wrap-new-eco-blockchain .new-eco-main-round {
    width: 285px;
    height: 285px;
    border: 2px dotted var(--color-primary);
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.wrap-new-eco-blockchain .new-eco-main-round > img {
    position: absolute;
}
.wrap-new-eco-blockchain .new-eco-main-round > img.top-left {
    top: -15px;
    left: -225px;
}
.wrap-new-eco-blockchain .new-eco-main-round > img.bottom-left {
    bottom: -5px;
    left: -225px;
}
.wrap-new-eco-blockchain .new-eco-main-round > img.top-right {
    top: -15px;
    right: -225px;
}
.wrap-new-eco-blockchain .new-eco-main-round > img.bottom-right {
    bottom: -5px;
    right: -225px;
}
.wrap-new-eco-blockchain .new-eco-main-round div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap-new-eco-blockchain .side-rounds-eco-new {
    width: 160px;
    height: 435px;
    border: 1px dashed #c7c7c7;
    border-radius: 4px;
    position: absolute;
    left: 62px;
    top: 50%;
    transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
}
.wrap-new-eco-blockchain .side-rounds-eco-new.right {
    left: auto;
    right: 62px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > div {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    position: absolute;
    left: -62px;
    border: 2px dotted transparent;
    background-color: var(--color-primary);
    top: 15px;
    padding: 8px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > div div:not(.tooltip-custom) {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > div:not(.dotted) div {
    background-color: #fff;
    border-radius: 50%;
    position: relative;
}
.wrap-new-eco-blockchain
    .side-rounds-eco-new
    > div:not(.dotted)
    div:not(.tooltip-custom):after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid var(--color-primary);
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > div.dotted {
    background-color: #fff;
    border-color: var(--color-primary);
    left: auto;
    right: -62px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > div.bottom {
    top: auto;
    bottom: 15px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > div.center {
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.wrap-new-eco-blockchain .side-rounds-eco-new.right > div {
    left: auto;
    right: -62px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new.right > div.dotted {
    right: auto;
    left: -62px;
}
.wrap-new-eco-blockchain .side-rounds-eco-new > p {
    font-size: 17px;
    color: #414a6f;
    font-family: "OpenSans Semibold";
    text-align: center;
    width: 165px;
    position: absolute;
    top: 50%;
    right: -270px;
    margin-bottom: 0;
    text-transform: uppercase;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.wrap-new-eco-blockchain .side-rounds-eco-new.right > p {
    right: auto;
    left: -270px;
}
.has-img-arrow > span {
    display: none;
    width: 30px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: -55px;
    margin-top: -20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.has-img-arrow > span img {
    position: relative;
    top: -13px;
}
.right .has-img-arrow > span {
    left: -55px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.wrap-cryptobar {
    text-align: center;
    margin-top: 70px;
    position: relative;
    margin-bottom: 40px;
}
.wrap-cryptobar > img {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
}
.wrap-cryptobar > div {
    display: inline-block;
}
.wrap-cryptobar > div > h4 {
    text-align: center;
    margin: 0;
    margin-bottom: 5px;
    color: #414a6f;
    font-size: 17px;
    font-family: "OpenSans Semibold";
}
.wrap-cryptobar .border-img {
    border: 2px dotted var(--color-primary);
    border-radius: 20px;
    padding: 10px 20px;
}
.wrap-cryptobar .border-img img {
    vertical-align: middle;
    display: inline-block;
}
.wrap-cryptobar .border-img img.main {
    margin: 0 15px;
}

/* section blockchain */
#blockchain {
    padding: 130px 0 100px;
    position: relative;
    min-height: 200px;
    background-image: url("../images/home-fon.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
#blockchain .problem-img-top {
    position: absolute;
    top: -1px;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#blockchain .container > p {
    font-size: 16px;
    color: #fff;
    font-family: "OpenSans Regular";
    margin-bottom: 0;
    line-height: 1.7;
}
#blockchain .container > p span {
    font-family: "OpenSans Bold";
}
.wrap-planet {
    margin-top: 100px;
    text-align: center;
}
.wrap-own-planet {
    display: inline-block;
}
.people-know {
    margin-bottom: 35px;
    padding-left: 30px;
    height: 49px;
    text-align: left;
}
.people-know span {
    display: inline-block;
    font-size: 49px;
    color: #fff;
    margin-left: 10px;
    font-family: "OpenSans Light";
    line-height: 1;
    vertical-align: middle;
}
.people-know img {
    width: 15px;
}
.people-know.future span {
    font-size: 70px;
    line-height: 0.8;
    position: relative;
    top: -8px;
}
.people-know.future img {
    vertical-align: middle;
}
.crypt-planet {
    position: relative;
    padding-left: 355px;
}
.crypt-planet > .line {
    display: none;
    height: 185px;
    border-left: 2px dotted var(--color-primary);
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.own-planet {
    padding: 7px;
    border: 2px dotted var(--color-primary);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.own-planet img {
    width: 295px;
}
.own-planet p {
    color: #fff;
    font-size: 36px;
    font-family: "OpenSans Bold";
    position: absolute;
    top: calc(50% - 38px);
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
}
.own-planet span {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    border: 6px solid var(--color-primary);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    transform: translatey(-50%);
}
.own-planet div {
    width: 185px;
    border-top: 2px dotted rgba(255, 255, 255, 0.5);
    position: absolute;
}
.own-planet div.line-1 {
    width: 160px;
    left: calc(50% + 29px);
    top: 50%;
    margin-top: -1px;
}
.own-planet div.line-2 {
    width: 180px;
    left: calc(50% + 20px);
    top: calc(50% - 52px);
    margin-top: -1px;
    transform: rotate(-26deg);
    -webkit-transform: rotate(-26deg);
}
.own-planet div.line-3 {
    width: 180px;
    left: calc(50% + 20px);
    top: calc(50% + 52px);
    margin-top: -1px;
    transform: rotate(26deg);
    -webkit-transform: rotate(26deg);
}
.own-crypt {
    margin-bottom: 45px;
    position: relative;
    padding-left: 90px;
    text-align: left;
}
.own-planet + .own-crypt {
    padding-top: 15px;
}
.own-planet + .own-crypt .logo {
    top: 20px;
}
.own-crypt:last-of-type {
    margin-bottom: 0;
}
.own-crypt .logo {
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    border: 4px solid var(--color-secondary);
    text-align: center;
    background-color: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}
.own-crypt p {
    font-size: 29px;
    color: var(--color-secondary);
    font-family: "OpenSans Bold";
    margin: 0;
    line-height: 1.2;
}
.own-crypt span {
    font-size: 21px;
    color: #fff;
    font-family: "OpenSans Regular";
}

/* section chart */
.canvas-wrap {
    height: 450px;
    margin-top: 50px;
}
.canvas-wrap canvas {
    height: 100% !important;
}
#chart {
    padding: 80px 0;
    background-image: url("../images/fon-chart.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#chart star {
    position: relative;
}
#chart star:after {
    content: "*";
    font-size: 30px;
    color: #0077f1;
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
}

.wrap-profit {
    padding-left: 50px;
    margin-top: 40px;
    max-height: 470px;
    overflow: auto;
}
.wrap-profit > div {
    background-color: #192139;
    padding: 30px;
}
.wrap-profit > div h4 {
    font-size: 30px;
    color: #fff;
    margin: 0;
    margin-bottom: 30px;
    font-family: "OpenSans Bold";
}
.wrap-profit > div p {
    position: relative;
    font-size: 17px;
    color: #fff;
    padding-left: 50px;
    font-family: "OpenSans Semibold";
}
.wrap-profit > div p:last-child {
    margin-bottom: 0;
}
.wrap-profit > div p span:last-child {
    display: block;
    font-size: 21px;
    color: #009cff;
    font-family: "OpenSans Semibold";
}
.wrap-profit > div p span:first-child {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #009cff;
    font-size: 17px;
    font-family: "OpenSans Semibold";
    color: #fff;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 3px;
}
.wrap-range-input {
    position: relative;
}
.wrap-range-input input[type="text"] {
    height: 45px;
    padding-right: 80px;
    background-color: #070f2a;
    color: #fff;
    font-size: 28px;
    font-family: "OpenSans Regular";
    border-radius: 0;
    border: 1px solid #0077f1 !important;
    box-shadow: 0 0 0 !important;
}
.wrap-range-input .slider.slider-horizontal {
    width: 100%;
    margin-top: 25px;
}
.wrap-range-input .slider.slider-horizontal .slider-track {
    background: #263f70;
    border-radius: 0;
    height: 5px;
}
.wrap-range-input .slider.slider-horizontal .slider-selection {
    background: #0075ed;
    border-radius: 0;
}
.wrap-range-input .slider-handle {
    width: 15px;
    height: 15px;
    background: #0075ed;
}
.wrap-range-input .slider-handle:after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(0, 117, 237, 0.4);
}
.wrap-range-input > span {
    background-color: #192139;
    font-size: 20px;
    color: #fff;
    font-family: "OpenSans Regular";
    text-align: center;
    display: inline-block;
    width: 75px;
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 7px 0;
    border-left: 1px solid #0077f1;
}

/* section real currency */
#real-currency {
    padding: 100px 0;
    position: relative;
    min-height: 200px;
    background-image: url("../images/fon-real-currency.png");
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#real-currency .container > p {
    color: #fff;
    font-size: 18px;
    font-family: "OpenSans Semibold";
    text-align: center;
    margin: 30px 0 65px;
}
#real-currency > img {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}
.img-new-currency {
    -webkit-background-size: cover;
    background-size: cover;
    width: 265px;
    height: 269px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}
.img-new-currency img:nth-child(1) {
    width: 100%;
}
.img-new-currency img {
    width: 100px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate3d(-50%, -40%, 0);
    -webkit-transform: translate3d(-50%, -40%, 0);
}
.own-new-currency .title-new-currency {
    font-size: 24px;
    color: #0082ff;
    font-family: "OpenSans Semibold";
    text-transform: uppercase;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 67px;
}
.own-new-currency > p {
    font-size: 15px;
    color: #fff;
    line-height: 2;
    font-family: "OpenSans Regular";
}
#real-currency .container > .row > div {
    padding: 0 30px;
}

/* section ecosystem */
#ecosystem {
    padding: 20px 0 40px;
    position: relative;
}
.wrap-ecosystem-grid {
    margin-top: 100px;
}
.main-img-eco {
    margin-top: 85px;
}
.title-block-eco {
    font-size: 20px;
    color: #1955c6;
    font-family: "OpenSans Bold";
    padding-bottom: 20px;
    border-bottom: 1px solid #cfd4da;
}
#ecosystem .container-grid > p {
    text-align: center;
    font-family: "OpenSans Bold";
    font-size: 20px;
    color: #000;
    margin-top: 20px;
}
#ecosystem .container-grid > p span {
    color: #1956c6;
}
.wrap-token-eco p {
    position: relative;
    padding-left: 100px;
    font-size: 21px;
    color: #5c5c5c;
    font-family: "OpenSans Regular";
    margin-top: 57px;
}
.wrap-token-eco p span {
    position: absolute;
    left: 0;
    bottom: -8px;
    font-size: 40px;
    color: #1956c6;
    font-family: "OpenSans Bold";
}
.wrap-all-support-eco,
.wrap-token-eco {
    padding-top: 10px;
    border-top: 1px solid #d8d8d8;
}
.own-support-eco {
    font-size: 24px;
    color: #092042;
    font-family: "OpenSans Bold";
    width: 290px;
    margin: 30px auto 10px;
}
.own-support-eco p {
    margin-bottom: 15px;
    text-align: right;
}
.own-support-eco p span {
    font-size: 24px;
    color: #419ffa;
    font-family: "OpenSans Semibold";
}
.progress-eco-wrap {
    background-color: #cdeaff;
    height: 8px;
    position: relative;
}
.left-percent-sum {
    background-color: #2ba8ff;
    height: 8px;
    float: left;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.visible-progress-eco {
    height: 8px;
    float: left;
    position: relative;
    background-color: #1956c6;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.visible-progress-eco:after,
.visible-progress-eco:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 0 0px 5px #cce3fb;
    left: -5px;
    background-color: #1956c6;
    top: -1px;
}
.visible-progress-eco:after {
    right: -5px;
    left: auto;
}

/* section round ico */
#round-ico {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url("../images/fon-round-ico.png");
    padding: 150px 0 100px;
    min-height: 400px;
}
#round-ico .problem-img-top {
    position: absolute;
    top: -1px;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#round-ico .problem-img-bottom {
    bottom: 0;
    top: auto;
    transform: none;
}
.own-round-ico {
    margin-bottom: 40px;
}
.title-round-ico {
    border-bottom: 1px solid #526f95;
}
.title-round-ico h4 {
    background-color: #1a3653;
    margin: 0;
    position: relative;
    font-size: 30px;
    color: #fff;
    font-family: "OpenSans Light";
    padding: 13px 30px;
    text-transform: uppercase;
    display: inline-block;
}
.title-round-ico span {
    font-size: 24px;
    color: #fff;
    font-family: "OpenSans Light";
    display: inline-block;
    margin-left: 100px;
}
.title-round-ico p {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 29px;
    font-family: "OpenSans Light";
    margin-bottom: 0;
    position: relative;
    top: 10px;
}
.title-round-ico p.bold {
    font-size: 50px;
    font-family: "OpenSans Bold";
    line-height: 1;
    top: 0;
}
.wrap-round-progress {
    padding-left: 270px;
    padding-top: 125px;
    position: relative;
}
.img-round-progress {
    position: absolute;
    left: 0;
    top: 55px;
    border-radius: 50%;
}
.img-round-progress:after {
    content: "";
    position: absolute;
    width: 105px;
    right: -78px;
    top: 50%;
    height: 1px;
    background-color: #526f95;
}
.img-round-progress div {
    display: none;
    height: 12px;
    position: absolute;
    width: 50%;
    background-color: #2ba8ff;
}
.main-progress-round {
    position: relative;
    background-color: #2ba8ff;
    height: 14px;
    max-width: calc(100% - 100px);
    max-width: -webkit-calc(100% - 100px);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.main-progress-round > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #526f95;
    border-radius: 50%;
    position: absolute;
    left: -22px;
    top: -3px;
    white-space: nowrap;
}
.main-progress-round > span:before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    background-color: #fff;
    border-radius: 50%;
}
.main-progress-round > span:last-child {
    right: -22px;
    left: auto;
}
.main-progress-round > span span {
    position: absolute;
    color: #51a9ff;
    font-family: "OpenSans Bold";
    top: -45px;
    font-size: 22px;
    left: 50%;
    transform: translateX(-50%);
}
.main-progress-round > span:last-child span {
    font-size: 50px;
    top: -75px;
}
.wrap-round-progress > p {
    color: #fff;
    margin-top: 40px;
    margin-bottom: 55px;
    font-size: 21px;
    font-family: "OpenSans Regular";
}
.wrap-round-progress > p span {
    font-size: 21px;
    color: #2ba8ff;
    font-family: "OpenSans Bold";
}
.bonus-day {
    display: inline-block;
    float: right;
    margin-top: 45px;
}
.bonus-day .tilte-bonus {
    color: #fff;
    font-size: 18px;
    font-family: "OpenSans Bold";
    margin-bottom: 20px;
}
.bonus-day > div {
    margin-bottom: 4px;
}
.bonus-day > div span {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    font-family: "OpenSans Regular";
}
.bonus-day > div span:first-child {
    margin-right: 5px;
    min-width: 120px;
}
.bonus-day > div span:last-child {
    margin-left: 10px;
}

/* section roadmap */
#roud-map {
    padding: 40px 0 60px;
}

#roud-map .item p {
    text-align: center;
    font-size: 18px;
    font-family: "OpenSans Regular";
    color: #5c5c5c;
    height: 75px;
}
#roud-map .item span {
    font-size: 16px;
    display: block;
    text-align: center;
    color: #000000;
    font-family: "OpenSans Regular";
}
.progress-roud {
    position: relative;
    margin: 40px 0;
}
.progress-roud:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border: 1px solid #e8e8ea;
    left: 50%;
    display: inline-block;
    margin-left: -16px;
    border-radius: 50%;
    background-color: #fff;
    top: -14px;
}
.progress-roud:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #e8e8ea;
    left: 50%;
    display: inline-block;
    margin-left: -7.5px;
    border-radius: 50%;
    top: -5px;
}
.progress-roud.active-date:after {
    background-color: #0037e8;
}
.progress-roud.active-date:before {
    border-color: #d3dcfb;
}
.progress-roud div:not(.clearfix) {
    height: 7px;
    width: 50%;
    float: left;
    background-color: #e8e8ea;
}
.progress-roud div.current-date {
    background-color: #2ba8ff;
}
.progress-roud div.willbe-date {
    background-color: #cdeaff;
}
#roud-map .owl-item:first-of-type .progress-roud div:first-child,
#roud-map .owl-item:last-of-type .progress-roud div:nth-child(2) {
    background-color: transparent;
}
#roud-map .roud-map-owl .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
#roud-map .roud-map-owl .owl-nav > div {
    display: inline-block;
    float: left;
}
#roud-map .roud-map-owl .owl-nav > div.owl-next {
    float: right;
}
#roud-map .roud-map-owl .owl-nav > div i {
    color: #2151eb;
}
#roud-map .roud-map-owl .owl-nav > div.disabled i {
    color: #d5defb;
}
.roud-map-owl {
    padding: 0 45px;
}

/* section media about */
#media-about {
    position: relative;
    background-color: #fff;
    min-height: 300px;
    padding: 50px 0;
}
#media-about .media-img-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}
.media-about-owl {
    margin-top: 75px;
}
.media-about-owl > div {
    text-align: center;
}
#media-about .media-about-owl > div img {
    width: auto;
    display: inline-block;
    max-width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
#media-about .media-about-owl .item:hover img {
    -webkit-filter: none;
    filter: none;
}
#media-about .media-about-owl .item:hover img.color-media-img {
    display: inline-block;
}
.owl-carousel .owl-stage-outer {
    z-index: 2;
}
#media-about .media-about-owl .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
#media-about .media-about-owl .owl-nav > div {
    display: inline-block;
    float: left;
}
#media-about .media-about-owl .owl-nav > div.owl-next {
    float: right;
}
.media-about-owl {
    padding: 0 55px;
}
#media-about .media-about-owl .owl-stage {
    display: flex;
}
#media-about .media-about-owl .owl-stage-outer {
    z-index: 2;
}
.media-about-owl .item {
    height: 100%;
}
.media-about-owl .item img {
    position: relative;
    top: 50%;
    transform: translatey(-50%);
}
#media-about .media-about-owl i {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#media-about .media-about-owl i:hover {
    color: #0c7df1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

/* section partners */
#our-partners {
    position: relative;
    padding: 120px 0;
    background-image: url("../images/fon-partner.jpg");
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}
#our-partners .problem-img-top {
    position: absolute;
    top: -1px;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#our-partners .problem-img-bottom {
    top: auto;
    bottom: 0;
    transform: none;
}

#our-partners .partner-owl {
    padding: 0 55px;
}
#our-partners .partner-owl .item img {
    width: auto;
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translatey(-50%);
}
#our-partners .partner-owl .owl-stage {
    display: flex;
}
#our-partners .partner-owl .item {
    height: 100%;
    text-align: center;
}
#our-partners .partner-owl .item:hover img {
    filter: none;
    -webkit-filter: none;
}
#our-partners .partner-owl .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
#our-partners .partner-owl .owl-nav > div {
    display: inline-block;
    float: left;
}
#our-partners .partner-owl .owl-nav > div.owl-next {
    float: right;
}
#our-partners .partner-owl i {
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#our-partners .partner-owl i:hover {
    color: #0c7df1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

/* section our team */
#our-team {
    padding: 50px 0;
}
.our-team-owl {
    margin-top: 50px;
    padding: 0 80px;
}
.our-team-owl .photo-team {
    width: 75%;
    margin: 0 auto 25px;
    background-color: #0c7df1;
}
.our-team-owl .item {
    text-align: center;
}
.our-team-owl .item p {
    text-align: center;
    font-size: 18px;
    position: relative;
    color: #1a2842;
    font-family: "OpenSans Bold";
    margin: 0;
    margin-bottom: 10px;
}
.our-team-owl .item span {
    font-size: 15px;
    color: #1a2842;
    display: block;
    font-family: "OpenSans Semibold";
    margin-bottom: 20px;
}
.our-team-owl .item a {
    display: inline-block;
    margin: 0 7.5px;
}
.our-team-owl .item a:hover,
.our-team-owl .item a:focus {
    text-decoration: none !important;
}
.our-team-owl .item a i {
    color: #0c7df1;
    font-size: 25px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.our-team-owl .item a:hover i {
    color: #1a2842;
}
#our-team .our-team-owl .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0;
}
#our-team .our-team-owl .owl-nav > div {
    display: inline-block;
    float: left;
}
#our-team .our-team-owl .owl-nav > div.owl-next {
    float: right;
}
#our-team .our-team-owl .owl-nav i {
    color: #032a51;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#our-team .our-team-owl .owl-nav i:hover {
    color: #368ffc;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

/* section: Home */

.lsection-home {
    background: var(--home-pic) left -70px top 100% no-repeat var(--home-bg);
    background-size: calc(100% + 70px) auto;
    padding: 20px 0 0 0 !important;

    /* @media (min-width: 992px) {} */
    @media (min-width: 768px) {
        background-position: 100% 50%;
        background-size: 853px auto;
    }
}

.lsection-home .lsection-home-welcome {
    max-width: 520px;
    min-height: 610px;

    @media (min-width: 992px) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
}

.lsection-home .lsection-title {
    text-align: left;
    font-size: 32px;
    line-height: 40px;

    @media (min-width: 992px) {
        font-size: 48px;
        line-height: 56px;
    }
}

.lsection-home .lsection-desc {
    text-align: left;
    font-size: 16px;
    line-height: 24px;

    @media (min-width: 992px) {
        font-size: 20px;
        line-height: 28px;
    }
}

.lsection-home-profile .btn {
    display: block;
    max-width: 350px;
}

.lsection-home-download .btn {
    min-width: 170px;
    margin: 0 16px 16px 0;
}

.btns-app-download .btn .btn-ico {
    display: inline-flex;
    position: relative;
    margin: 0 4px 0 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.btns-app-download .btn .btn-ico svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: auto;
}

.btns-app-download .btn .btn-ico .btn-ico-default,
.btns-app-download .btn:hover .btn-ico .btn-ico-hover {
    opacity: 1;
}

.btns-app-download .btn .btn-ico .btn-ico-hover,
.btns-app-download .btn:hover .btn-ico .btn-ico-default {
    opacity: 0;
}

/* section: About */

.lsection-about {
    background-color: var(--about-bg);
    position: relative;
}

.lsection-about .container {
    position: relative;
    z-index: 2;
}

/* section: About - decor pics*/
.lsection-about-decor {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: var(--about-decor-ellipse-5-mob) right 0 top 0 no-repeat;
    background-size: 214px auto;

    @media (min-width: 992px) {
        background:
            var(--about-decor-ellipse-5) left 0 top 0 no-repeat,
            var(--about-decor-ellipse-7) left 92% top 0 no-repeat,
            var(--about-decor-ellipse-6) left 8% top 0 no-repeat,
            var(--about-decor-ellipse-8) right 0 top 0 no-repeat;
        background-size:
            214px auto,
            214px auto,
            249px auto,
            249px auto;
    }
}

.lsection-about .lsection-title {
    color: var(--about-title);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
    line-height: 40px;

    @media (min-width: 992px) {
        max-width: 630px;
        font-size: 36px;
        line-height: 44px;
    }
}

.lsection-about .lsection-desc {
    color: var(--about-desc);
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;

    @media (min-width: 992px) {
        max-width: 630px;
    }
}

.lsection-about-list {
    @media (min-width: 992px) {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: flex-start;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0 30px;
    }
}

.lsection-about-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 16px auto 0 auto;
    max-width: 500px;

    @media (min-width: 992px) {
        margin: 0 auto !important;
    }
}

.lsection-about-item:first-child {
    margin-top: 0;
}

.lsection-about-item-icon {
    width: 80px;
    height: 82px;
    background: var(--about-ico) 50% 50% no-repeat;
    background-size: 100% auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 8px 0;
    color: var(--about-ico-color);

    @media (min-width: 992px) {
        width: 110px;
        height: 112px;
    }
}

.lsection-about-item-title {
    font-family: "GolosText-SemiBold";
    color: var(--about-item-title);
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 8px 0;

    @media (min-width: 992px) {
        font-size: 20px;
        line-height: 28px;
    }
}

.lsection-about-item-text {
    font-family: "GolosText-Regular";
    color: var(--about-item-text);
    font-size: 16px;
    line-height: 24px;
}

/* section: be investor */
.lsection-be-investor {
    background-color: var(--investor-section-bg);
}

.lsection-be-investor .lsection-title {
    text-align: left;
    color: var(--investor-title);
    margin-top: 16px;

    @media (min-width: 992px) {
        margin-top: 40px;
    }
}

.lsection-be-investor .lsection-desc {
    text-align: left;
    color: var(--investor-text);
}

.lsection-be-investor-box {
    border-radius: 16px;
    padding: 16px 32px 16px 16px;
    background: var(--investor-gradient);
    /* aspect-ratio: 343 / 460; */
    min-height: 460px;
    position: relative;
    overflow: hidden;

    @media (min-width: 992px) {
        border-radius: 20px;
        padding: 40px;
        /* aspect-ratio: 1292 / 397; */
        min-height: 398px;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
}

/* be investor: shadow */
.lsection-be-investor-box::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: var(--investor-box-shadow);
}

/* be investor: decor holder */
.lsection-be-investor-decor {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* be investor: decor bg */
.lsection-be-investor-decor::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../images/leks/investor-decor.png");
    background-repeat: no-repeat;
    background-position: left -8px top 121px;
    background-size: 531px auto;

    @media (min-width: 560px) {
        background-position: right 0 top 121px;
    }

    @media (min-width: 992px) {
        background-size: 960px auto;
        background-position: right -206px top -20%;
    }
}

/* be investor: decor pic */
.lsection-be-investor-decor::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: var(--investor-pic);
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    background-size: 200% auto;

    @media (min-width: 560px) {
        background-size: 150% auto;
    }

    @media (min-width: 992px) {
        background-size: 80% auto;
    }
}

.lsection-be-investor-box .lsection-title,
.lsection-be-investor-box .lsection-desc {
    position: relative;
    z-index: 4;
    max-width: 560px;
}

/* section faq */
.lsection-faq {
    background-color: var(--faq-section-bg);
    background-image: var(--section-faq-bg);
    background-position: 50% 50%;
    background-size: cover;

    @media (min-width: 992px) {
    }
}

.lsection-faq .panel-group.faq-acoordion {
    margin: 0;
}

.lsection-faq .panel-group .panel {
    border: 1px solid var(--faq-border);
    background-color: var(--faq-bg);
    box-shadow: none;
    border-radius: 12px;

    @media (min-width: 992px) {
        border-radius: 16px;
    }
}

.lsection-faq .panel-group .panel + .panel {
    margin-top: 8px;
}

.lsection-faq .panel-heading {
    padding: 0;
}

.lsection-faq .panel-title a {
    display: block;
    text-decoration: none !important;
    padding: 15px 30px 15px 15px;
    font-family: "GolosText-Medium";
    color: var(--faq-title);
    font-size: 16px;
    line-height: 24px;
    position: relative;

    @media (min-width: 992px) {
        font-size: 20px;
        line-height: 28px;
    }
}

.lsection-faq .panel-title a .panel-title-ico {
    color: var(--faq-text);
    display: block;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 23px;
    right: 16px;
    transform: rotate(0);

    @media (min-width: 992px) {
        top: 25px;
    }
}

.lsection-faq .panel-title a.collapsed .panel-title-ico {
    transform: rotate(180deg);
}

.lsection-faq .panel-body {
    border: none !important;
    padding: 0 15px 15px 15px;
    font-family: "GolosText-Regular";
    color: var(--faq-text);
    font-size: 16px;
    line-height: 24px;
}

.lsection-faq .panel-body p {
    margin: 8px 0 0 0;
    padding: 0;
}

.lsection-faq .panel-body p:first-child {
    margin-top: 0;
}

.lsection-faq .panel-body a,
.lsection-faq .panel-body a:link,
.lsection-faq .panel-body a:visited {
    color: var(--faq-text);
    text-decoration: underline;
}

.lsection-faq .panel-body a:hover {
    color: var(--faq-text);
    text-decoration: none;
}

/* section cryptobar */
#cryptobar {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url("../images/home-fon.jpg");
    padding: 80px 0 120px;
}

#cryptobar .problem-img-top {
    position: absolute;
    top: -1px;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#cryptobar .problem-img-bottom {
    top: auto;
    bottom: 0;
    transform: none;
}
.desc-crypto {
    margin-top: 75px;
}
.desc-crypto .wrap-own-desc p {
    color: #c9d5e8;
    font-size: 14px;
    font-family: "OpenSans Regular";
    margin-bottom: 0;
    line-height: 2.5;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 40px;
}
.desc-crypto .wrap-own-desc .read-more-cryptobar {
    background-color: #5aa0ff;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: "OpenSans Bold";
    cursor: pointer;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.desc-crypto .wrap-own-desc .read-more-cryptobar:hover {
    background-color: #2963b1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.desc-crypto > .row {
    /*display: flex;*/
}
.desc-crypto > .row > div {
    float: none;
    display: inline-block;
    width: calc(50% - 2px);
    vertical-align: bottom;
}
.wrap-plan-build {
    position: relative;
}
.wrap-plan-build div img {
    vertical-align: middle;
    margin-right: 20px;
    width: 35px;
    height: 35px;
}
.wrap-plan-build {
    height: 60px;
}
.wrap-plan-build div {
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    font-family: "OpenSans Bold";
    text-align: center;
    background-color: rgba(5, 31, 103, 0.7);
    padding: 12px 0;
    color: #fff;
}
.wrap-plan-build div:last-child {
    right: 0;
    left: auto;
}
.photo-cryptobar {
    color: #2178e3;
    font-size: 16px;
    font-family: "OpenSans Semibold";
    margin: 30px 0;
}
.gallery-build a {
    display: block;
    height: 195px;
    background-color: #5aa0ff;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    background-size: cover;
}
#cryptobar .crypto-owl .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 25px);
    transform: translateY(-50%);
    z-index: 9;
    margin: 0 -60px;
}
#cryptobar .crypto-owl .owl-nav > div {
    display: inline-block;
    float: left;
    height: 45px;
    width: 42px;
    overflow: hidden;
    position: relative;
}
#cryptobar .crypto-owl .owl-nav > div.owl-next {
    float: right;
}
#cryptobar .crypto-owl .owl-nav > div.owl-next i {
    position: relative;
    top: -11px;
}
#cryptobar .crypto-owl .owl-nav > div i {
    color: #fff;
    font-size: 40px;
}
#cryptobar .crypto-owl .owl-nav > div.disabled i {
    color: rgba(255, 255, 255, 0.4);
}
.crypto-owl .owl-dots {
    margin-top: 35px;
    text-align: center;
}
.crypto-owl .owl-dots div {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(206, 234, 255, 0.3);
    display: inline-block;
    margin: 0 5px;
}
.crypto-owl .owl-dots div.active {
    background-color: #fff;
}
.img-map-bar {
    position: absolute;
    left: -100px;
    top: 180px;
}
.static {
    position: static;
}
.img-map-bar .icons-map {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.img-map-bar .img-planned-1 {
    right: 381px;
    top: 199px;
}
.img-map-bar .img-planned-2 {
    right: 580px;
    top: 169px;
}
.img-map-bar .img-planned-3 {
    right: 597px;
    top: 155px;
}
.img-map-bar .img-planned-4 {
    right: 592px;
    top: 207px;
}
.img-map-bar .img-planned-5 {
    right: 647px;
    top: 200px;
}
.img-map-bar .img-planned-6 {
    right: 664px;
    top: 239px;
}
.img-map-bar .img-build-1 {
    right: 533px;
    top: 193px;
}
.crypto-modal .modal-dialog {
    width: 830px;
}
.crypto-modal .modal-content {
    border-radius: 0;
}
.crypto-modal .modal-header {
    background-color: #f1f1f1;
    padding: 31px 55px;
    border: 0;
}
.crypto-modal .modal-header h4 {
    color: #515151;
    font-size: 23px;
    font-family: "OpenSans Semibold";
}
.crypto-modal .modal-body {
    padding: 40px 55px;
    height: calc(100vh - 60px - 95px - 90px);
    overflow: auto;
}
.crypto-modal .modal-body p {
    color: #080808;
    font-size: 14px;
    font-family: "OpenSans Regular";
    line-height: 2.5;
}
.crypto-modal .modal-footer {
    padding: 20px 55px;
    background-color: #f1f1f1;
}
.close-modal-crypto {
    background-color: #5aa0ff;
    border-radius: 0;
    border: 0;
    width: 190px;
    font-size: 17px;
    display: inline-block;
    color: #fff !important;
    outline: none;
    text-align: center;
    font-family: "OpenSans Regular";
    padding: 13px 0;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.close-modal-crypto:hover {
    background-color: #2963b1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.crypto-modal .close {
    opacity: 1;
    margin-top: 4px;
    outline: 0 !important;
}

/* section advisory */
#advisory {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url("../images/fon-partner.jpg");
    padding: 80px 0 120px;
}

#advisory .problem-img-top {
    position: absolute;
    top: -1px;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#advisory .problem-img-bottom {
    top: auto;
    bottom: 0;
    transform: none;
}
.advisory-owl .photo-team {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top center;
    border: 10px solid #014a85;
    border-radius: 50%;
    padding-top: calc(100% - 20px);
    background-color: #0c7df1;
    margin-bottom: 25px;
}
.advisory-owl {
    margin-top: 80px;
    padding: 0 80px;
}
.advisory-owl .item {
    text-align: center;
}
.advisory-owl .item p {
    text-align: center;
    font-size: 18px;
    position: relative;
    color: #fff;
    font-family: "OpenSans Bold";
    margin: 0;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.advisory-owl .item p:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background-color: #368ffc;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    display: inline-block;
}
.advisory-owl .item a {
    display: inline-block;
    margin: 0 7.5px;
}
.advisory-owl .item a i {
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.advisory-owl .item a:hover i {
    color: #368ffc;
}
#advisory .advisory-owl .owl-nav {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
#advisory .advisory-owl .owl-nav > div {
    display: inline-block;
    float: left;
}
#advisory .advisory-owl .owl-nav > div.owl-next {
    float: right;
}
#advisory .advisory-owl .owl-nav i {
    color: #fff;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
#advisory .advisory-owl .owl-nav i:hover {
    color: #368ffc;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

/* section contacts */
#contacts {
    padding-top: 80px;
}
#contacts #map {
    margin-top: 65px;
}
#callback-form {
    padding: 30px 0 0 0;
    -webkit-background-size: cover;
    background-color: var(--color-primary);
}
.wrap-call-form {
    width: 1200px;
    margin: 0 auto;
}
.wrap-call-form .nav-tabs {
    border: 0;
}
.wrap-call-form .nav-tabs li {
    margin-right: 8px;
    margin-bottom: 0;
}
.wrap-call-form .nav-tabs li a {
    border: 0 !important;
    margin: 0;
    top: 0;
    bottom: 0;
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "OpenSans Light";
    padding: 13px 15px;
    background-color: #0f4175;
    width: 200px;
    position: relative;
    padding-left: 23px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-call-form .nav-tabs li.active a,
.wrap-call-form .nav-tabs li a:hover {
    background-color: #235f9c;
}
.wrap-call-form .nav-tabs li.active a {
    width: 245px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-call-form .nav-tabs li a img {
    position: absolute;
    right: 15px;
    top: 13px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-call-form .nav-tabs li a span {
    display: inline-block;
    margin-right: 12px;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    font-family: "OpenSans Regular";
    border-radius: 50%;
    text-align: center;
}
.wrap-call-form .nav-tabs li.active a span {
    background-color: #fff;
    color: #0f4175;
}
.wrap-call-form .nav-tabs li.active a img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-call-form .tab-pane {
    background-color: #235f9c;
    padding: 30px;
}
.wrap-area-contact {
    position: relative;
    padding-right: 330px;
}
.wrap-area-contact textarea {
    resize: none;
    border-radius: 0;
    color: #000;
    font-family: "OpenSans Regular";
    height: 210px;
    border: 0;
}
.wrap-area-contact .btn {
    margin-top: 10px;
    background-color: #368ffc;
    border: 0;
    border-radius: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 9px 12px;
    font-family: "OpenSans Regular";
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-area-contact .btn:hover {
    background-color: #0f4175;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.wrap-area-contact > div {
    position: absolute;
    right: 0;
    top: 0;
    width: 305px;
}
.wrap-area-contact > div p {
    color: #fff;
    font-size: 14px;
    font-family: "OpenSans Regular";
    position: relative;
    padding-left: 30px;
    line-height: 1.9;
    margin-bottom: 22px;
}
.wrap-area-contact > div p img {
    position: absolute;
    left: 0;
    top: 7px;
}
.wrap-area-contact > div p a {
    color: #fff;
    font-size: 14px;
    font-family: "OpenSans Regular";
}

.panel-title a {
    text-decoration: none;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.nav.account-pills {
    margin-bottom: 20px;
}

.nav.type-of-account > li > a:hover,
.nav.type-of-account > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.nav.account-pills > .nav-item.active > .nav-link {
    background-color: var(--form-bg);
    color: var(--main-text-color);
}
textarea.no-resize {
    resize: none;
}

.datepicker.dropdown-menu {
    z-index: 9999 !important;
}
.error-span-pre {
    white-space: pre-line;
}

.businessrating-wrpping {
    max-width: 203px;
}

.custom-page {
    margin-top: 150px;
    background-color: #fff;
    padding-bottom: 100px;
}

html,
body {
    scroll-behavior: smooth;
    min-height: 100vh;
}

/* Helpers  */

.d-block-app {
    display: none;
}

.d-none-app {
    display: block;
}

body.app-webview {
}

body.app-webview .landing-content {
    padding-top: 0;
}

body.app-webview .d-block-app {
    display: block;
}

body.app-webview .d-none-app {
    display: none;
}

.app-webview .lsection-home,
.app-webview .page-check .section-main,
.app-webview .rules-block {
    padding-top: 74px !important;
}

.landing {
    background-color: var(--landing-bg);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

.landing-header {
}

.landing-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 54px 0 0 0;

    @media (min-width: 992px) {
        padding: 72px 0 0 0;
    }
}

.landing-footer {
}

/* Landing sections */

.lsection {
    margin: 0;
    padding: 40px 0;
    width: 100%;
    scroll-margin-top: 20px;

    @media (min-width: 992px) {
        padding: 80px 0;
    }
}

.lsection-title {
    font-family: "GolosText-Medium";
    color: var(--landing-h4-color);
    font-size: 26px;
    line-height: 34px;
    margin: 0 0 16px 0;
    padding: 0;
    text-align: center;

    @media (min-width: 992px) {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 40px 0;
    }
}

.lsection-desc {
    font-family: "GolosText-Regular";
    color: var(--landing-h4-desc-color);
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px 0;
    padding: 0;
    text-align: center;

    @media (min-width: 992px) {
        margin: 0 0 40px 0;
    }
}

/* Section Process Flow: how it works (perspective) */

.lsection-perspective {
    background: var(--perspective-bg);
}

.lsection-perspective .lsection-desc {
    width: 100%;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}

.lsection-perspective-pic {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

/* Section Documents */
.lsection-documents {
    background-color: var(--doc-section-bg);
}

.lsection-documents-list {
    margin: 16px -15px 0 -15px;

    @media (min-width: 992px) {
        margin-top: 32px;
    }
}

.lsection-documents-item {
    display: block;
    border: 1px solid var(--landing-doc-border);
    border-radius: var(--btn-border-radius);
    color: var(--landing-doc-color);
    text-decoration: none;
    padding: 11px 20px;
    margin: 6px 0;
    font-family: "GolosText-Medium";
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    &:hover,
    &:active {
        color: var(--landing-doc-color);
        text-decoration: none;
    }

    @media (min-width: 992px) {
        font-size: 16px;
        line-height: 24px;
        padding: 14px 20px;
    }
}

.lsection-documents-item svg {
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.page-form .form-general .btn {
    height: 42px;

    @media (min-width: 992px) {
        height: 48px;
    }
}

.section-main-welcome-btn .btn.btn-lg {
    @media (min-width: 992px) {
        padding: 10px 12px;
    }
}

.js-confirm-cookies {
    position: fixed;
    z-index: 101;
    right: 0;
    bottom: 0;
    padding: 0 16px 30px 16px;

    @media (min-width: 992px) {
        padding: 0 50px 30px 50px;
    }
}

.js-confirm-cookies-wrapper {
    display: block;
    width: 100%;
    max-width: 530px;
    border: 1px solid var(--confirm-cookies-border);
    border-radius: var(--border-radius-regular);
    background: var(--confirm-cookies-bg);
    box-shadow: var(--confirm-cookies-shadow);
    padding: 30px 20px;
}

.js-confirm-cookies .btn {
    height: 42px;
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%;
    margin: 30px 0 0 0;

    @media (min-width: 992px) {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
}

.js-confirm-cookies-text {
    color: var(--confirm-cookies-text);
    font-family: "GolosText-Regular";
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.js-confirm-cookies-text a,
.js-confirm-cookies-text a:link {
    color: var(--confirm-cookies-text);
    text-decoration: underline;
}

.js-confirm-cookies-text a:hover {
    color: var(--confirm-cookies-text);
    text-decoration: none;
}