/*
@ Design by shophyip.com
*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html,
body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    color: #d0d0d5;
    background-color: #07071c !important;
    height: 100%;
    min-height: 100vh;
    line-height: 1.8;
}


html,
body,
div,
span,
img,
a,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

a {
    color: #fece40;
}

a:hover {
    text-decoration: none;
    color: #04ecf5;
}

ul,
li,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

.wrapper {
    background: rgb(16,33,41);
    background: linear-gradient(90deg, rgba(16,33,41,1) 0%, rgba(21,47,59,1) 35%, rgba(33,73,91,1) 100%);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 99;
    min-height: 100vh;
}

/* header */
.header {
    width: 100%;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.logo__img {
    max-height: 30px;
    vertical-align: bottom;
}
@media (min-width: 768px) { 
    .logo__img {
        max-height: 40px;
     }
 }
.menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.menu__list {
    padding: 0 15px;
}

.menu__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.menu__txt--main {
    color: #fece40;
}
.menu__link--dot {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #04ecf5;
    padding: 5px 0;
}

.menu__link--dot i {
    position: relative;
    top: 0;
}

.menu__link--dot::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #04ecf5;
    opacity: .7;
}

.menu__link:hover>.menu__txt--main {
    color: #04ecf5;
}

.menu__link:hover>.menu__txt--sub,
.menu__link:hover>.menu__link--dot::before {
    opacity: 1;
}
.auth {
    display: flex;
    align-items: center;
}

.login__btn svg {
    fill: #d0d0d5;
    margin-right: 5px;
}
.login__btn:hover svg{
    fill: #04ecf5;
}
.login__btn {
    color: #d0d0d5;
    font-weight: 500;
}

.signup__btn {
    margin-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 40px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 80px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    background: rgb(4,236,245);
    background: linear-gradient(180deg, rgba(4,236,245,1) 0%, rgba(38,143,147,1) 100%, rgba(4,186,193,1) 100%);
    color: #fff;
}

.signup__btn:hover {
    color: #fff;
    background: rgb(4,236,245);
    background: linear-gradient(90deg, rgba(4,236,245,1) 0%, rgba(38,143,147,1) 100%, rgba(4,186,193,1) 100%);
}

/* banner */
.banner {
    width: 100%;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}
.banner .banner__bgmask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    z-index: 0;
}
.banner .banner__bgmask img {
    width: 100%;
}
.banner__right {
    z-index: 10;
    width: 100%;
    max-height: 450px;
    position: relative;
}
.home-img {
    display: flex;
    height: 100%;
}
.home-img .robot-img {
    width: 100%;
    max-width: 600px;
    vertical-align: bottom;
}
.home-img .round-effect {
    right: 0;
    top: 0;
    width: 100%;
    height: auto;
    border: 2px dashed #04ecf5;
    padding: 3px;
    display: flex;
    justify-content: flex-end;
    border-radius: 100%;
    position: absolute;
    z-index: -1;
    background-color: #0b121a;
}
.home-img .round-effect img {
    width: 100%;
    height: 100%;
    -webkit-filter: hue-rotate(45deg);
    filter: hue-rotate(45deg);
}
.banner__left {
    width: 100%;
    z-index: 10;
}
@media (min-width: 768px) { 
    .banner__left,
    .banner__right {
        width: 46%;
     }
 }
.small__title {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #fece40;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
}

.small__title--dot {
    width: 30px;
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.small__title--dot::after {
    content: "";
    width: 30px;
    height: 1px !important;
    background-color: #04ecf5;
    position: absolute;
}

.small__title--dot i {
    color: #04ecf5;
    top: 0
}

.about__welcome {
    padding: 5px 0;
    font-size: 24px;
    font-family: 'Fira Sans', sans-serif;
    color: #04ecf5;
}

.about__slogan {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.about__text {
    color: #a9a9b0;
}
.join-telegram {
    border: 2px solid #fece40;
    border-radius: 20px;
    width: 160px;
    height: 40px;
}
.join-telegram:hover {
    border-color: #04ecf5;
}
.join-telegram img {
    width: 16px;
}
.sharp {
    position: absolute;
    background: url('../img/Graphic-Hero-Blur.jpg') no-repeat top center;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.stats {
    width: 100%;
    position: relative;
    padding: 30px 0;
}

.stats__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #034a69;
    width: 49%;
    border-radius: 10px;
    padding-bottom: 10px;
}
@media (min-width: 768px) { 
    .stats__item {
        width: 24%;
     }
 }
.stats__item--ic {
    width: 50px;
    height: 50px;
    border-top: 2px solid #fece40;
    border-radius: 50%;
    margin-top: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #034a69;
}

.stats__item--img {
    width: 38px;
}

.stats__item--txt {
    font-size: 14px;
    padding: 5px 0;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    color: #fff;
}

.stats__item--val {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    color: #fece40;
}

/* Plans */
.plans {
    margin: 40px 0;
}

.plans__pay--img {
    width: 28px;
    height: 28px;
}

.plans__top {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
}

.plans__item {
    width: 80%;
    position: relative;
}

.plans__cal {
    width: 100%;
    position: relative;
}
@media (min-width: 768px) { 
    .plans__item {
        width: 24%;
     }
     .plans__cal {
        width: 50%;
    }
 }
.plans__item--content {
    background-color: #034a69;
    position: relative;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}


.plans__item--bur {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
}

.plans__bur {
    width: 100px;
    height: 80px;
    margin-top: -10px;
    border-radius: 50%;
    background-image: linear-gradient(45deg, #fece40, #04ecf5);
    -webkit-filter: blur(40px);
    filter: blur(40px);
}
@-moz-keyframes spin42 {
    100% {
      -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin42 {
    100% {
      -webkit-transform: rotate(360deg); } }
  @keyframes spin42 {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }

.plans__item--ic {
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.plans__item--ic img {
    position: relative;
    width: 100px;
    max-width: 100%;
    margin-top: -30px;
}

.plans__name {
    font-size: 36px;
    font-weight: 700;
    color: #fece40;
    margin-top: 10px;
    position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    z-index: 999;
    position: relative;
}
.plan_pbg {
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation: spin42 15s linear infinite;
    -moz-animation: spin42 15s linear infinite;
    animation: spin42 15s linear infinite;
}
.plans__daily {
    font-size: 18px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 10;
    color: #04ecf5;
}

.plans__min {
    width: 100%;
    padding: 10px;
    position: relative;
    z-index: 10;
}

.plans__min li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, .1);
}

.plans__min li:last-child {
    border-bottom: 0;
}

.plans__min li img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.plans__min--txt {
    font-size: 13px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #fff;
}

.plans__min--txt span {
    color: #fece40;
    font-weight: 700;
}


.cal__ic {
    width: 40px;
    margin-right: 10px;
}

.plans__cal--top {
    width: 100%;
    padding: 0 10px;
}

.cal__col3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cal__res--item {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 0;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
}

.cal__res--val {
    font-size: 16px;
    color: #fece40;
    font-weight: 700;
}

.cal__res--txt {
    font-size: 14px;
    color: #ffffff;
}

.plans__cal--top {
    width: 100%;
}

.plans__cal--middle {
    padding: 10px;
    width: 100%;
}

.cal__title {
    font-size: 18px;
    color: #04ecf5;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.cal__col1 {
    width: 25%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cal__col2 {
    width: 75%;
}

.cal__input--input {
    background: transparent;
    color: #d0d0d5;
    box-shadow: none;
    outline: none;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 8px 15px;
    border-radius: 5px;
    width: 100%;
}
.cal__select-select {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 11px 15px;
    color: #fece40;
    border-radius: 5px;
    width: 100%;
    outline: none;
    box-shadow: none;
}
.cal__input,
    .cal__select {
        width: 100%;
     }
@media (min-width: 768px) { 
    .cal__input,
    .cal__select {
        width: 48%;
     }
 }
.plans__cal--bot {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    position: relative;
}

.plans__item--burleft {
    align-items: flex-end;
    border-radius: 0;
}


.ref__ic {
    display: flex;
    align-items: center;
}
.ref__ic--img {
    width: 35px;
    margin-right: 15px;
}

.ref__content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.ref__title {
    color: #04ecf5;
    font-size: 18px;
    margin-bottom: 15px;
}

.ref__percent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.ref__per {
    width: 50px;
    height: 50px;
    background-color: #00e0b8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #07071c;
    line-height: 50px;
    margin-right: 10px;
    position: relative;
}

.ref__item {
    width: 48%;
    background-color: #fece40;
    color: #07071c;
    padding: 5px;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 12px;
}


.ref__per--txt {
    margin-right: 20px;
    position: relative;
}

.ref__per--txt::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background-color: #f48545;
}

.topbox {
    width: 100%;
    position: relative;
}

.topbox__item {
    width: 100%;
    position: relative;
    padding: 10px;
    background-color: #034a69;
    border-radius: 10px;
}
@media (min-width: 768px) { 
    .topbox__item {
        width: 32%;
     }
 }
.s1-gradient-glow {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
    width: 90%;
    height: 2px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(118, 110, 245, 0)), color-stop(35%, #04ecf5), color-stop(65%, #fece40), to(rgba(45, 169, 245, 0)));
    background-image: linear-gradient(90deg, rgba(118, 110, 245, 0), #04ecf5 35%, #fece40 65%, rgba(45, 169, 245, 0));
    opacity: 0.95;
}

.topbox__list {
    margin: 10px 0;
}

.topbox__list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    color: #eee;
    padding: 8px 0;
    border-bottom: 1px dotted rgba(255, 255, 255, .1);
}

.topbox__list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.topbox__list--txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.topbox__list--txt span {
    color: #0fb3fa;
    font-weight: 700;
}

.topbox__list li img {
    width: 18px;
    margin-right: 10px;
}

.footer {
    margin-top: 20px;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background-color: rgba(0, 0, 0, .1);
}
.f_copyright {
    color: #999;
}
.f__logo {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.f__logo img {
    width: 180px;
    display: block;
}

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

.f__contact--item {
    display: flex;
    margin: 10px;
}

.f__contact--ic {
    margin-right: 10px;
}
.f__pay-list {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .05);
    border-radius: 50%;
    margin: 0 3px;
}
.f__pay-list img {
    width: 30px;
    height: 30px;
}
@media (min-width: 768px) { 
    .f__pay-list {
        width: 50px;
        height: 50px;
     }
     .f__pay-list img {
        width: 40px;
        height: 40px;
    }
 }
.f_risk {
    color: #4c839c;
}

/* page */
.page {
    position: relative;
    
}
@media (min-width: 768px) { 
    .page {
        min-height: calc(100vh - 350px);
     }
 }
.authbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.loginbox {
    width: 100%;
    max-width: 500px;
    background-color: #034a69;
    border-radius: 10px;
    margin: 50px 0;
    position: relative;
    padding: 40px 30px;
}

.login__title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #04ecf5;
}

.login__input {
    position: relative;
}

.login__input i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    font-size: 20px;
    color: #fece40;
    opacity: .8;
}


.login__input--input {
    width: 100%;
    height: 45px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: 2px 2px 10px #0a5779;
    outline: none;
    border: 1px solid #215871;
    padding-left: 40px;
    color: #d0d0d5;
}

.btn__login {
    width: 100%;
    background-color: #0fb3fa;
    border: 0;
    border-radius: 5px;
    height: 40px;
    font-size: 16px;
    color: #eee;
    font-weight: 500;
}

.btn__login:hover {
    color: #eee;
    background-color: #0b8fc8;
}

.login__forgot {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.login__forgot span {
    padding-bottom: 15px;
}

.login__forgot span svg {
    margin-right: 10px;
}

/* page */
.page_bg {
    background-color: rgba(0, 0, 0, .1);
}
.page__title {
    text-align: center;
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: #fece40;
    margin-bottom: 30px;
}

.card__faq {
    background-color: transparent;
    margin-bottom: 20px;
}

.card__header--faq {
    background-color: #034a69;
    border-radius: 5px 5px 0 0 !important;
    border: 1px solid rgba(255, 255, 255, .05);
}

.card__header--faq i {
    color: #2da9f5;
}
.rule_title {
    color: #04ecf5;
    font-size: 16px;
    font-weight: 500;
}
.bounty_box {
    padding: 15px;
    background-color: #034a69;
    border-radius: 10px;
}
.reward {
    color: #fece40;
    font-size: 16px;
    font-weight: 600;
}
.btn__faq {
    color: #04ecf5;
    font-size: 14px;

}

.btn__faq:focus,
.btn__faq:active,
.btn__faq:hover {
    color: #fece40;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.card__body--faq {
    background-color: rgba(0, 0, 0, .15);
    border: 1px solid rgba(255, 255, 255, .02);
}

/* User */
.user_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.user_menu--link {
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #034a69;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 10px;
    position: relative;
}
.user_menu--link img {
    width: 24px;
    margin-bottom: 5px;
}
.user_menu--link span {
    color: #fff;
}
.user_menu--link:hover {
    background-color: #085678;
}
.user__top {
    margin-top: -30px;
    width: 100%;
    background-color: #034a69;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-direction: column;
}

.user__top--col {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
@media (min-width: 768px) { 
    .user__top--col {
        width: 30%;
        margin-bottom: 0px;
    }
    .user__top  {
        flex-direction: row;
    }
 }
.content_inner--box {
    padding: 20px;
    border-radius: 10px;
    background-color: #034a69;
    width: 100%;
}

.user__top--ic {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.user__top--ic img {
    width: 40px;
    opacity: .9;
}

.user__top--txt {
    position: relative;
}

.user__top--txt span {
    font-size: 12px;
    color: #d0d0d5;
    position: relative;
}

.user__top--txt p {
    color: #ecb648;
}

.user__top--btn:hover {
    color: #fff;
    opacity: .8;
}

.user__bot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

.user__left {
    width: 28%;
}

.user__right {
    width: 70%;
    background-color: #0f0f23;
    border-radius: 10px;
}

.user__menu {
    width: 100%;
    background-color: #0f0f23;
    border-radius: 10px;
}

.user__menu li {
    position: relative;
}

.user__menu li a {
    padding: 20px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    color: rgba(255, 255, 255, .6);
}

.user__menu li a:hover {
    color: rgba(255, 255, 255, .9);
}

.user__menu li a:hover>img {
    opacity: 1;
}

.user__menu li::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(118, 110, 245, 0)), color-stop(35%, #766ef5), color-stop(65%, #2da9f5), to(rgba(45, 169, 245, 0)));
    background-image: linear-gradient(90deg, rgba(118, 110, 245, 0), #766ef5 35%, #2da9f5 65%, rgba(45, 169, 245, 0));
    opacity: 0.95;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
}

.user__menu li img {
    width: 28px;
    margin-right: 10px;
    vertical-align: middle;
    opacity: .7;
}

.user__stat {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    padding: 20px;
    background-color: #034a69;
    border-radius: 10px;
}

.user__stat--col li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 0;
}

.user__stat--col {
    width: 100%;
    z-index: 99;
}
@media (min-width: 768px) { 
    .user__stat {
        flex-direction: row;
    }
    .user__stat--col {
        width: 48%;
    }
 }
.user__stat--col li p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #d0d0d5;
}

.user__stat--col li p strong {
    color: #04ecf5;
}

.user__stat--col li img {
    width: 18px;
    margin-right: 10px;
    opacity: .7;
}

.user__stat--bur {
    align-items: flex-start;
}

.stat__bur {
    background-image: linear-gradient(45deg, #7b43dc, #00d8dc);
    width: 180px;
    height: 100px;
}

.user__stat--ic {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.user__stat--ic img {
    position: relative;
    width: 80px;
    max-width: 100%;
    margin-top: 0px;
}

.user__stat--title {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    color: #ecb648;
}

.ubal {
    width: 100%;
    background-color: #034a69;
    margin: 20px 0;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap;
    padding: 10px;
    position: relative;
}

.ubal__item {
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 10px;
    border-radius: 5px;
}
@media (min-width: 768px) { 
    .ubal__item {
        width: 19%;
    }
 }
.ubal__item--ic img {
    width: 24px;
}

.ubal__item--val {
    font-weight: 700;
    color: #04ecf5;
}

.ubal__item--txt {
    color: #fece40;
    font-size: 12px;
}


.table__user {
    color: #d0d0d5;
}

.table__user tr td {
    color: #ecb648;
}

.table__user tr td,
.table__user tr th {
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, .1);
}
.text-danger {
    color: #ff7155 !important;
}
.securep {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 30px;
}

.securep__left,
.securep__right {
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 20px;
}
@media screen(min-width: 767px) {
	.securep__left,
.securep__right {
	width: 49%
}
}
.securep__title {
    background-color: #fece40;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #111;
}

.securep__content {
    margin-bottom: 20px;
}

.securep__content--item {
    border-bottom: 1px dotted #fece40;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.securep__inp {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.securep__content--item label {
    position: relative;
    padding-left: 50px;
}

.securep__content--item:hover input~.checkmark {
    background-color: #00e0b8;
}


.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #00e0b8;
    border-radius: 50%;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.securep__content--item input:checked~.checkmark:after {
    display: block;
}

.securep__content--item .checkmark:after {
    top: 7px;
    left: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0f0f23;
}

.stfa {
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.stfa__left {
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stfa__line {
    padding: 10px 0;
    border-bottom: 1px dotted #05adc8;
    text-align: left;
}

.stfa__line b,
.stfa__line a {
    color: #0ab1e8;
    font-weight: 500;
    font-size: 14px;
}

.stfa__line:last-child {
    border-bottom: 0;
}

.page-link {
    background-color: #ecb648 !important;
    border-color: #ecb648 !important;
    color: #eee !important;
}

.table__border tr th {
    color: #ecb648;
    border-color: #222222;
}

.table__border tr td {
    color: #d0d0d5;
    border-color: #222222;
    vertical-align: middle;
}

.page-item.active .page-link {
    background-color: #fc6820 !important;
    border-color: #fc6820 !important;
}

.refbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px 10px 0 0;
}

.refbox__right {
    width: 50%;
}

.refbox__left {
    width: 50%;
}

.refbox__left img {
    width: 120px;
    max-width: 100%;
}

.reflink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 0 0 10px 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.reflink__inp {
    width: 100%;
}

.refbox__right ul li {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #686873;
}

.refbox__right ul li:last-child {
    border-bottom: 0;
}

.refbox__right ul li p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.refbox__right ul li p strong {
    color: #ecb648;
}

.user__banner .nav-pills .nav-link {
    border-radius: .25rem;
    border: 1px solid #222;
    margin-bottom: 20px;
}

.banner__input {
    height: 120px;
    padding: 10px;
    white-space: nowrap;
}

.withf {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;

}

.withf__left,
.withf__right {
    width: 50%;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 10px;
}

.withaw__form--txt {
    margin-bottom: 10px;
    text-align: center;
    color: #fece40;
}

.withaw__form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.withaw__form--form {
    width: 550px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;

}

.withaw__form--conf {
    padding: 10px 0;
    border-bottom: 1px dotted #222;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.withaw__form--conf .confs2 {
    color: #ecb648;
    font-weight: 500;
}

.withaw__form--conf:last-child {
    border-bottom: 0;
    justify-content: center;
    margin-top: 20px;
}

.withaw__form--big {
    width: 600px;
}

.user__swith .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 14px;
}

/* Hide default HTML checkbox */
.user__swith .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* radio swith */
.user__swith .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a5c5f;
    -webkit-transition: .4s;
    transition: .4s;
}

.user__swith .slider:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    left: 3px;
    bottom: 3px;
    background-color: #eee;
    -webkit-transition: .4s;
    transition: .4s;
}
.user-btn {
    width: 120px;
    height: 40px;
    background-image: linear-gradient(45deg, #04ecf5, #ecb648);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    border-radius: 5px;
    border: none;
}
.user__swith input:disabled+.slider {
    opacity: .2;
}

.user__swith input:checked+.slider {
    background-color: #04ecf5;
}

.user__swith input:focus+.slider {
    box-shadow: 0 0 1px #04ecf5;
}

.user__swith input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.user__swith .slider.round {
    border-radius: 24px;
}

.user__swith .slider.round:before {
    border-radius: 50%;
}

.cryitem__select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    width: 90%;
    color: #686873;
}

.table__deposit tr th {
    text-align: center;
    background-color: rgba(0, 0, 0, .2);
    color: #eee;
    border-color: rgba(255, 255, 255, .05);
}

.table__deposit tr td {
    color: #d0d0d5;
    border-color: rgba(255, 255, 255, .05);
    text-align: center;
}

.plan__swith {
    position: relative;
    top: 5px;
}