/*guide*/

body {
    font-weight: 300;
    color: #151515;
    overflow-x: hidden;
}

.loading-parent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.loading-page-parent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #000;
}

a,
button,
input[type=submit] {
    transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
    -webkit-transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
    -moz-transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
    -o-transition: color .2s ease-in-out 0s, background .2s ease-in-out 0s;
}

#login_text {
    margin-bottom: 15%;
    margin-top: 10%;
}

.login_text {
    text-align: center;
    font-size: 35px;
    color: #ffaf00;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.login_subtext {
    font-size: 16px;
    text-align: center;
}

.js-vmid.js-vmid-mob {
    padding-top: 0 !important;
}

#txt_username,
#txt_password {
    font-size: 14px;
    font-weight: bold;
}

input:-webkit-autofill {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: 0;
    outline: none;
}

.icon-content,
.active .nav-head .menu-icon {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe43a), to(#ffc51b));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.newloginbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/desktop_bg.jpg?v=1.1') #0a0905;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.footer-nav .nav-parent {
    height: 50px;
}

.footer-nav .nav-parent.opened.active {
    height: 50px;
    background-image: linear-gradient(to bottom, #ffe43a -150%, rgba(0, 0, 0, 0));
    border-radius: 5px;
}


/*button link*/

.textlink {
    color: #969594;
    text-decoration: none;
    font-size: 1.125em;
    color: #fff;
}

.textlink2 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.875em;
}

.textlink2--larger {
    font-size: 1em;
}

a.textlink2:hover {
    color: rgba(0, 0, 0, 0.7);
}

.mini-notification-alert {
    background-color: #ec1c24;
    display: inline-block;
    width: 17px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    margin-right: 20px;
}

input[type="date"].form-control {
    line-height: unset;
    color: #000;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    margin-left: 6px;
    padding-right: 6px;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    cursor: pointer;
}

.show_passowrdd {
    position: absolute;
    right: 1px;
    top: 5px;
    z-index: 100;
    background: transparent;
}

.overlay-header .js-clone-resp .js-clone {
    display: none;
}

.overlay-close {
    right: 0;
    top: 10px;
}

div.hidden-xs {
    padding: 15px 0;
}

.container.header-nav {
    padding: 0;
    padding-top: 10px;
}

span.hidden-xs {
    vertical-align: text-bottom;
    padding-left: 10px;
    display: none;
}

.btn {
    padding: 10px 30px;
    font-size: 1em;
    font-weight: 400
}

.btn:focus {
    outline: 0
}

.btn-secondary {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
    border-radius: 5px;
    border: solid 2px #4581ff;
    max-width: 500px;
    color: #fff;
}

.btn-view-primary{float: right;margin-top: -10px;padding: 5px 15px !important;}

.form-btn-parent-right.u-floatnone-xs {
    margin-top: 23px;
}

.whiteborder {
    margin: auto;
    width: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.91) 1%, rgba(47, 213, 59, 0) 100%);
    height: 2px;
    margin-top: -15px;
    min-width: 500px;
}

.container-fluid {
    max-width: 1140px;
    padding: 0;
}

.btn-primary {
    font-size: 1em;
    color: #000;
    text-align: center;
    padding: 13px 15px;
    max-width: 500px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    background-color: #ffaf00;
    /*max-width: 300px;*/
}

.btn-danger {
    font-size: 0.95em;
    color: #fff;
    text-align: center;
    padding: 13px 15px;
    min-width: 145px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
    background-color: #d9534f00!important;
    border-bottom: hidden;
    border-color: #d43f3a00!important;
}

.btn-primary--2 {
    font-size: 0.9em;
    color: #fff;
    text-align: center;
    line-height: 22px;
    padding: 11px 15px;
    min-width: 145px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
    background-color: #d9534f00!important;
    border-bottom: hidden;
    border-color: #d43f3a00!important;
}

.cta-underbox {
    display: block;
    font-size: 1.25em;
    line-height: 30px;
    color: #151515;
    position: relative;
}

.cta-underbox-arrow {
    position: absolute;
    right: 42px;
    line-height: 30px;
    top: 50%;
    margin-top: -15px;
}

.btn-action {
    background: #d2a64d;
    background: linear-gradient(to bottom, #c38d2c 0%, #ecc870 100%);
    border: 0px;
    font-size: 1.25em;
    line-height: 24px;
    padding: 18px 15px;
    min-width: 140px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #000;
}

.btn-action--circle {
    width: 60px;
    height: 60px;
    padding: 0 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    min-width: 0 !important;
}

.btn-upload {
    background: #30302e;
    color: #fff;
    border: 1px solid #030;
    padding: 16px 30px;
    line-height: 24px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
}

.btn-upload>* {
    vertical-align: middle;
}

.btn-upload-icon {
    width: 26px;
    margin-right: 10px;
}

.btn-action--inrst {
    font-size: 0.75em !important;
    line-height: 16px !important;
    padding: 10px 15px;
    min-width: 0 !important
}

.btn-logout {
    height: 45px;
    border-radius: 22.5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.01);
    background-image: linear-gradient(to bottom, #ff7b7b, #ff4545);
    width: 327px;
    line-height: 1.38;
    font-weight: bold;
    letter-spacing: 1.08px;
    font-size: 13px;
    padding-top: 12px;
}

.btn-submit {
    white-space: nowrap;
    line-height: 16px;
    padding: 12px 15px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: block;
    font-size: 0.813em;
    border: none;
    background-color: #efb07b;
    font-weight: 700;
    color: #000;
    display: inline-block;
    min-width: 300px;
    width: 100%;
}

.header-prelogin--flex .header-prelogin-nav-icon {
    position: relative;
    vertical-align: middle;
    margin-top: 0;
}

.container {
    max-width: 1140px;
    margin: auto;
}


/*title*/

.title-primary {
    font-size: 16px;
    letter-spacing: 0.8px;
    color: #919191;
    margin-bottom: 20px;
    font-weight: bold;
}


/*element*/

.alert {
    padding: 15px;
    line-height: 24px;
}

.pill-element {
    background: rgba(248, 196, 99, 0.1);
    color: #ababab;
    font-size: 1em;
    padding: 19px 30px;
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
}

.pill-element--inline {
    margin-left: 10px;
    display: inline-block;
}

.pill-element--inline:first-child {
    margin-left: 0;
}

.icon-equal {
    width: 12px;
}

.pill-element>* {
    vertical-align: middle;
}

.pill-element-title {
    color: #facf71;
}

.bigpill-element {
    padding: 28px 30px;
    border-radius: 38px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
}

.bigpill-title {
    float: left;
    line-height: 20px;
    font-size: 1.125em;
}

.bigpill-value {
    float: right;
    font-size: 1.25em;
    line-height: 20px;
}

.bigpill-element-block {
    margin-bottom: 15px;
}

.lineinfo-element {
    position: relative;
    min-height: 90px;
    padding: 10px 0;
    font-size: 1.25em;
    border-bottom: 1px solid rgba(248, 196, 99, 0.2)
}

.lineinfo-element:first-child {
    border-top: 1px solid rgba(248, 196, 99, 0.2);
}

.lineinfo-title {
    float: left;
    width: 40%;
    padding: 0 10px 0 20px;
}

.lineinfo-value {
    float: left;
    width: 60%;
    color: #fff;
}

.lineinfo-statement-element {
    padding: 25px 10px;
    border-bottom: 1px solid rgba(248, 196, 99, 0.2);
    border-top: 1px solid rgba(248, 196, 99, 0.2);
    text-align: center;
    margin-top: 40px;
}

.lineinfo-statement-title {
    font-size: 1.25em;
}

.lineinfo-statement-value {
    font-size: 1.875em;
    color: #facf71;
}

.lineinfo-inner {
    margin-top: 20px;
}

.lineinfo-inner:first-child {
    margin-top: 0 !important;
}
.ready_phase{color:#f2b80d;font-size: 30px;font-weight: bold; line-height: 0.5;margin-top:0;}
    .not_ready_phase{color: #d9d9d9;font-size: 30px;font-weight: bold; line-height: 0.5;margin-top:0;}

/*home*/

.dashboard_info_container {
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    padding: 25px 0;
    border: solid 2px #f1f1f1;
    width: 48%;
}

.dashboard_icon {
    display: inline-block;
    vertical-align: super;
    margin-right: 20px;
}

.dashboard_info_container .sponsor_level {
    display: inline-block;
}

#myCarousel {
    height: auto;
}

span.minutes {
    display: block;
    margin-top: 10px;
}

#navbar {
    display: none;
}

.load-more-icon img {
    width: 45px;
}

.mobile-view {
    display: none;
}

.desktop-view {
    display: block;
}


/*Article*/

.section-article {
    float: left;
    margin-left: -2%;
    margin-bottom: 5%;
    width: 102%;
    max-width: 770px
}

.articleBox {
    margin-left: 5%;
    margin-bottom: 5%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #f1f1f1;
    background-color: #ffffff;
}

.articleImage {}

.articleTitle {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.04px;
    color: #000000;
    margin: 10px;
}

.articleDate {
    font-size: 11px;
    line-height: 1.64;
    color: #919191;
    margin: 0 10px 10px;
    text-align: justify;
}

.article_content {
    padding-top: 20px;
    line-height: 1.92;
    letter-spacing: 1px;
    color: #696969;
}

.section-articles {
    margin-bottom: 100px;
}

.articleBox.item:hover {
    transform: translateY(-0.5rem) scale(1.0125);
    box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.my-masonry-grid-item {
    margin: 0 6px 12px;
    padding: 0 10px;
}


/*wallet*/

.wallet_banner {
    background: url('../img/elements/titile-banner1-min.jpg') no-repeat center;
    height: 133px;
    background-size: cover;
    color: #fff;
    padding: 40px;
}

.top-tabs .tab-menu {
    list-style: none;
    display: inline-block;
    background-color: #162a49;
    font-weight: 500;
    width: 100%;
    font-size: 12px;
    text-align: center;
    padding-left: 0;
}

.top-tabs li {
    display: inline-block;
    position: relative;
    width: 13.3%;
    transition: .55s;
}

.top-tabs li a {
    position: relative;
    display: block;
    padding: 10px 0px;
    color: #919191;
    opacity: .5;
    text-align: center;
    font-weight: bold;
}

.top-tabs li a:hover,
.top-tabs li a:focus {
    text-decoration: none;
    color: #999;
    opacity: 1;
}

.top-tabs li.active {
    background-color: transparent;
    border-bottom: 1px solid #40bbff;
}

.top-tabs li.active a,
.top-tabs li.active a:hover,
.top-tabs li.active:focus {
    opacity: 1;
    color: #fff;
    font-weight: bold;
}

.profile_tab {
    margin-bottom: 15px;
    margin-left: 15px;
    border-radius: 10px;
    text-align: left;
    padding: 10px 20px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #f1f1f1;
}

.profile_tab:hover {
    transform: translateY(-0.5rem) scale(1.0125);
    box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.5);
}

.tab_label {
    display: block;
    font-size: 12px;
    color: #000;
}

.result-button {
    text-align: center;
    padding-right: 0;
}

.sponsor_current_level {
    display: block;
    font-size: 13px;
    color: #919191;
}

.sponsor_next_level {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 900;
}

.tab-content {
    margin-bottom: 200px;
    margin-left: -20px;
}

.tab-content>.active {
    margin-top: 10px !important;
}


/*Project*/

.roadmap.roadmap--orientation-vertical {
    width: 100%;
    margin-top: 20px;
}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after {
    height: 100%;
    width: 2px;
}

.roadmap.roadmap--orientation-vertical .roadmap__events {
    width: 100%;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event {
    top: 50px;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:after {
    display: none;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(1):before {
    display: block;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:before {
    background-color: #ffc51b;
    display: none;
}

.roadmap.roadmap--orientation-vertical .roadmap__events:after {
    background-color: #ffc51b;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event {
    width: 47%;
    top: unset;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event .event__date {
    font-weight: bold;
    color: #000;
    font-size: 13px;
    margin-bottom: 15px
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event .event {
    color: #919191;
    line-height: 1.33;
    font-size: 12px;
}

.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event {
    text-align: left;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #ffc51b;
    background-color: #ffffff;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {
    bottom: 0;
}

.roadmap-icon {
    font-size: 20px;
    margin-bottom: 10px;
    color: #d9d9d9;
}

.event__content {
    width: 80%;
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event__group {
    border-left: 5px solid #ffc51b;
    margin-left: -20px;
    padding-left: 20px
}

.roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event__group {
    border-right: 5px solid #ffc51b;
    margin-right: -20px;
}

.project_header {
    position: absolute;
    background: #fff;
    margin-top: 80px;
    width: 100%;
    top: 0;
    left: 0
}

.project_details {
    max-width: 1140px;
    margin: auto;
    position: relative;
    padding-top: 30px;
}

.project_details_phase2 {
    border-radius: 10px;
    background-color: #2fc0b9;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding: 5px 15px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}

.project_status {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin-top: 400px;
    position: relative;
}

.phase_4,
.phase_3,
.phase_2,
.phase_1 {
    position: absolute;
    top: 50px;
    right: 50px;
    color: #fff;
    border-radius: 10px;
    padding: 2px 15px;
    font-size: 11px;
    font-weight: bold;
}

.phase_3 {
    background: #d4a34c;
}

.phase_2 {
    background: #2fc0b9;
}

.phase_1 {
    background: #2575b6;
}

.project_pic {
    width: 120px;
    border: solid 1px #f1f1f1;
    border-radius: 5px;
}

.project_status_label {
    font-size: 10px;
    color: #919191;
    float: right;
    margin-right: 50px;
    margin-top: 10px;
}

.project_name {
    font-size: 16px;
    font-weight: 900;
    color: #000;
    margin-bottom: 15px
}

.project_details_status {
    display: inline-block;
    margin-left: 100px;
    position: relative
}

.project_tab_details .personal_informative_label {
    width: 100%;
}


/*deposit*/

.project_tab {
    width: auto;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    border: solid 2px #f1f1f1;
    background-color: #ffffff;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

.project_tab:hover {
    box-shadow: 0 2px 10px 0 #ccc;
    cursor: pointer;
}

.project_tab_details {
    text-align: left;
    padding: 20px 0;
    max-width: 450px;
}

.project_tab_name {
    font-size: 16px;
    font-weight: 900;
    color: #000;
    margin-bottom: 10px
}

.project_tab_date {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px
}

.deposit_banner {
    background: url('../img/elements/titile-banner2-min.jpg') no-repeat center;
    height: 133px;
    background-size: cover;
    color: #fff;
    padding: 40px;
}

.top-tabs .tab-menu.deposit li {
    width: 23.3%;
}

.top-tabs .tab-menu.deposit li.active {
    background-color: transparent;
    border-bottom: 1px solid #40bbff;
}

.deposit_number {
    color: #fff;
}

.deposit_status {
    display: inline-block;
    color: #2fd53b;
    float: right;
    font-size: 11px;
}

.status_color {
    background: #2fd53b;
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
}

.deposit_left {
    display: inline-block;
    color: #fff;
    width: 100%;
    margin-top: 10px;
}

.deposit_amount {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.05px;
    float: right;
}

.deposit_container {
    background-color: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    padding: 15px 0;
    position: relative;
    margin: 15px 0 20px;
}

.panel-thumbnail {
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    height: 240px;
    color: #fff;
    padding: 20px 15px;
    text-align: center;
}

.deposit_package_name {
    letter-spacing: -0.05px;
    color: #40bbff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    display: block;
}

.deposit_percentage {
    display: block;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -0.09px;
    text-align: center;
    margin: 10px 0 5px;
}

.deposit_open_account {
    font-size: 13px;
}

.deposit_open_account_amount {
    font-size: 13px;
    font-weight: bold;
}

.deposit_trade {
    font-size: 13px;
}

.deposit_trade_number {
    font-size: 13px;
    font-weight: bold;
}

button.thumb {
    width: 90%;
    padding: 10px 10px;
    font-size: 13px;
}

div#carouselExample .carousel-inner .item-right.active,
div#carouselExample .carousel-inner .item-next {
    transform: translateX(33%);
}

div#carouselExample .carousel-inner .item-left.active,
div#carouselExample .carousel-inner .item-prev {
    transform: translateX(-33%);
}

.package-main-div {
    max-width: 650px;
    margin: auto;
}

.panel-package {
    color: #fff;
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    padding: 30px 25px 0;
    margin-bottom: 60px;
}

.package_wrap {
    border: 2px solid #40bbff;
    border-radius: 8px;
    margin: auto;
    width: 80px;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
}

.package_package_name {
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
}

.package_package_number {
    text-align: center;
    display: block;
    font-size: 30px;
    font-weight: bold;
}

.package_title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin: 30px;
}

.package_filter_price {
    display: inline-block;
    color: #40bbff;
    font-weight: bold;
    font-size: 14px;
    float: right;
}

.pacakge_trade,
.package_MT,
.package_open_account {
    float: left;
    font-size: 12px;
}

.pacakage_percentage {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #40bbff;
}

.package_benefits {
    width: 49%;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.filter_panel {
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    height: 266px;
    color: #fff;
    padding: 20px;
    width: 30%;
    display: inline-block;
}

.filter_range {
    margin-top: 20px;
}

.filter_range label {
    font-size: 13px;
}

label.form-label-checkbox.green-text.checked {
    font-weight: bold !important;
}

.checkbox-box {
    width: 18px;
    height: 18px;
    left: 3px;
    top: 0;
    position: absolute;
    border-radius: 5px;
}

.checkbox-box.white {
    background: #183b4e;
    top: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.checkbox-box .icon-check {
    position: absolute;
    display: none;
}

.form-label-checkbox.checked .icon-check {
    display: inline-block;
    background: #40bbff;
    color: #fff;
    font-size: 10px;
    padding: 5px 4px;
    border-radius: 4px;
}

.filter_result {
    display: inline-block;
    width: 66%;
    float: right;
    color: #fff;
}

.filter_list {
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;
}

.filter_left {
    display: inline-block;
    text-align: left;
    width: 68%;
    vertical-align: middle;
}

.filter_package {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

.filter_desc {
    display: block;
    font-size: 11px;
    padding-bottom: 2px;
}

.filter_datetime {
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    text-align: center;
}

.filter_right {
    display: inline-block;
    text-align: right;
    width: 30%;
    vertical-align: middle;
}

.filter_price {
    display: block;
    color: #40bbff;
    font-weight: bold;
    font-size: 15px;
}

.filter_status_pending {
    font-size: 11px;
    color: #919191;
    padding-top: 20px;
    display: block;
}


/*.filter_status_pending:before{content:'等待中';}*/

.filter_status_rejected {
    font-size: 11px;
    color: #ff4545;
    padding-top: 20px;
    display: block;
}


/*.filter_status_rejected:before{content:'已拒绝';}*/

.filter_status_approved {
    font-size: 11px;
    color: #2fd53b;
    padding-top: 20px;
    display: block;
}


/*.filter_status_approved:before{content:'已批准';}*/

div#buy_package_dropdown {
    background-color: rgba(69, 129, 255, 0.1);
    border-radius: 22.5px;
    margin: 30px auto;
}

div#buy_package_dropdown button {
    border-radius: 15px;
    height: 70px;
}

div#buy_package_dropdown label {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2.5px;
    margin: 10px 15px;
    z-index: 1;
    color: #fff;
}

div#buy_package_dropdown .filter-option.pull-left {
    margin-top: -10px;
    font-size: 12px;
}

.buy_package_amount {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 15px 15px;
    color: #40bbff;
    font-size: 14px;
    font-weight: bold;
    z-index: 1;
}

.no_bold {
    font-weight: normal !important;
}

.shortnote {
    font-size: 11px;
    letter-spacing: 0.85px;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
    display: block;
}

.bottom_thumb {
    bottom: 0;
    position: absolute;
    margin-bottom: 100px;
}

.form-content.tnc-form {
    color: #fff;
    font-size: 11px;
    line-height: 1.77;
    letter-spacing: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 500px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px;
}


/*Profile*/

.profile-container {
    max-width: 770px;
    margin: auto;
}

.profile_section_title {
    border-radius: 10px 10px 0 0;
    background-image: linear-gradient(to bottom, #292929, #121212);
    text-align: left;
    padding: 20px;
}

.section_number {
    color: #bdbdbd;
    font-size: 13px;
}

.section_name {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
}

.personal_label {
    font-weight: bold;
    font-size: 15px;
    color: #000000;
}

.personal_informative_label {
    color: #919191;
    font-size: 11px;
    width: 30%;
    display: inline-block;
    margin-right: 10px;
}

.red-dot {
    border-radius: 50px;
    width: 20px;
    background-color: #ec1c24;
    color: #fff;
    margin: 5px;
    float: right;
    margin-top: -15px;
    margin-right: -15px;
}

.profile_tab_icon {
    display: inline-block;
    font-size: 35px;
    margin: 10px 10px 20px 0;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
}

.profile_container {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.profile_details {
    border-radius: 15px;
    padding: 12px 20px;
    background-color: rgba(38, 148, 235, 0.05);
    margin: 15px 0;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.profile_label {
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: 12px;
    float: left;
}

.profile_result {
    font-size: 13px;
    font-weight: bold;
    float: right;
}

form#theform label,
form#theform2 label,
form#member_profile_form label {
    font-weight: normal;
}

.team_result {
    display: inline-block;
    width: 100%;
    color: #fff;
}

.wallet_record.invite_friend_container {
    margin-top: 130px;
}

.special_postloginbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/elements/Desktop-BG3-min.jpg?v=1.1') center no-repeat;
    background-size: cover;
}

.reward_options {
    border-top: 1px solid #92929226;
    color: #fff;
    padding: 20px 0;
}

.reward_options .form-control {
    box-shadow: none !important;
    width: 90%;
    display: inline-block;
    padding-left: 100px !important;
    text-align: left;
}

.reward_options .form-label {
    position: relative;
    font-size: 15px;
}

.modal-header .close {
   /* margin-top: -12px;*/
}

.big_chart {
    width: 30%;
    margin: auto;
    display: inline-block;
    vertical-align: bottom;
}

.chart {
    position: relative;
    display: block;
    margin: auto;
    width: 140px;
    height: 140px;
    text-align: center;
    color: #fff;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    padding-top: 50px;
    font-size: 2em;
    font-weight: bold;
    z-index: 2;
    padding-left: 10px;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.schart,
.team_chart,
.line_chart,
.direct_line_chart {
    position: relative;
    display: block;
    float: right;
    width: 80px;
    height: 80px;
    text-align: center;
}

.schart canvas,
.team_chart canvas,
.direct_line_chart canvas,
.line_chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.spercent {
    display: inline-block;
    padding-top: 30px;
    font-size: 1em;
    font-weight: bold;
    z-index: 2;
}

.spercent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: 1em;
}

.level_name {
    display: inline-block;
    font-size: 20px;
}

.level_member {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #40bbff;
    margin-bottom: 20px;
}

.level_reach {
    display: block;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
}

.level_reach_label {
    color: #40bbff;
    font-weight: bold;
}

;
.level_pending {
    display: block;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    visibility: hidden;
}

.level_target {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 1.64;
}

.level_current {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.team_amount,
.commission_amount,
.benefits_amount {
    color: #40bbff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.38;
    margin: 10px 0 0;
    display: block;
}

i.profile_tab_icon {
    color: #ffc51b;
}

.personal_status {
    font-size: 14px;
    color: #36a03e;
    float: right;
    margin-top: 15px;
}

.personal_details_status {
    position: fixed;
    height: 40px;
    margin-top: 80px;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 10px;
    text-align: center;
    color: #36a03e;
}

.personal_informative {
    padding: 20px;
    text-align: left;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.personal_name {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    width: 64%;
    display: inline-block;
}

.upload-btn-del {
    color: #000;
}

.upload-img-01 img,
.upload-img-02 img,
.upload-img-03 img {
    margin: auto;
}

.input-div{position:relative;}

.upload-img-01 a,
.upload-img-02 a,
.upload-img-03 a {
    position: absolute;
    color: #fff;
    font-size: 18px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 50px;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    border-radius: 50%;
    height: 50px;
}

div#zoom-modal img {
    max-width: 100%;
}

div#zoom-modal .modal-dialog {
    max-width: 600px;
}

div#zoom-modal .modal-content,
div#pdf-modal .modal-content {
    background: none;
    box-shadow: none;
    border: none;
}

.modal-close {
    color: #fff;
    padding: 10px;
    float: right;
}

.modal-close:hover {
    cursor: pointer
}

.pdf_page {
    color: #919191;
    font-size: 11px;
    display: block
}

.hide_column {
    display: none;
}

.color_pending {
    color: red;
}

.color_approved {
    color: #36a03e;
}

.icon_pending {
    display: none;
}

.icon_approved {
    display: inline;
}


/*Commission*/

.com_total_amount {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #ffffff;
    display: block;
    margin-bottom: 15px;
}

.com_amount {
    font-size: 25px;
    font-weight: bold;
    line-height: 0.72;
    color: #40bbff;
}

.com_button_icon {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#7bb8ff), to(#4581ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon_withdrawal_status {
    font-size: 1.5em;
    margin-left: 10px;
    vertical-align: middle;
}

.team_com_total {
    line-height: 1.38;
    letter-spacing: 1.08px;
    font-size: 13px;
    color: #ffffff;
}

#withdrawal_total_amount {
    background: transparent;
    border: none;
    color: #40bbff;
    font-size: 25px;
    font-weight: bold;
    line-height: 0.72;
}

#withdrawal_total_amount::placeholder {
    color: #40bbff;
    font-size: 25px;
    font-weight: bold;
    line-height: 0.72;
}

#withdrawal_total_amount:focus {
    outline: none;
}

.add_button {
    display: inline-block;
    width: 20%;
    margin: 30px 10px;
    padding: 10px 20px;
    cursor: pointer;
    color: #fff;
    background-color: rgba(38, 148, 235, 0.1);
    border-radius: 20px;
    border: none;
}

.add_button:hover {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
}

button:focus {
    outline: 0;
}

#success-modal .withdraw_amount {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 30px 0 20px;
}

#success-modal .withdraw_amount_remaining {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1.08px;
    text-align:center;
    color: #fff;
    display: block;
    margin-bottom: 30px;
}


/*sponsor*/


/*MT5*/

.home.main-div .top-tabs {
    min-width: 500px;
}

.home.main-div .top-tabs .tab-menu {
    border-radius: 15px 15px 0 0;
    padding: 0;
    margin-bottom: 0;
}

.home.main-div .top-tabs li {
    width: 49.5%;
}

.home.main-div .tab-content {
    margin-bottom: 0;
}

.buy_currency {
    font-size: 11px;
    color: #40bbff;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}

.sell_currency {
    font-size: 11px;
    color: #ff4545;
    font-weight: bold;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}

.filter_left.sponsor_steps {
    color: #fff;
    font-size: 13px;
}

.incomplete_step {
    color: #979797 !important;
    font-size: 13px;
}

.form-sponsor {
    width: 100%;
    margin: auto;
}

.filter_result .home-level-box-item {
    width: 100%;
}

#filter_dropdown {
    font-size: 13px;
    float: right;
    color: #40bbff;
}

#filter_dropdown2 {
    font-size: 13px;
    float: right;
    color: #40bbff;
}

#filter_what {
    cursor: pointer;
}

#filter_what2 {
    cursor: pointer;
}

.profile_picture {
    vertical-align: middle;
    text-align: left;
    display: inline-block;
    max-width: 50px;
}

.tab-menu.sponsor_download {
    padding-left: 0;
}

.tab-menu.sponsor_download li {
    width: auto;
}

.tab-menu.sponsor_download li a {
    padding: 10px 2.2rem;
}

.sponsor_level {
    padding: 20px 0;
    text-align: center
}

.sponsor_container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 #f1f1f1;
    padding: 25px;
    border: solid 2px #f1f1f1;
    cursor: pointer;
}

.sponsor_container:hover {
    background-color: #fbfbfb;
    cursor: pointer;
}

.sponsor_result:hover {
    background-color: rgba(38, 148, 235, 0.2);
    cursor: pointer;
}

.sponsor_result {
    border-radius: 15px;
    padding: 15px 0;
    background-color: rgba(38, 148, 235, 0.05);
    margin: 15px 0;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.sponsor-icon {
    width: 34px;
}

.content {
    display: none;
}

.package>* {
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
}

.package {
    display: flex;
    padding: 5px 20px;
    min-height: 50px;
    align-items: center;
    background: rgba(38, 148, 235, 0.05);
    border-radius: 15px;
    padding: 15px 25px;
    margin-bottom: 15px;
    /*border-radius: 8px;*/
    /*box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);*/
    /* border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2)*/
}

.sponsor-title {
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.65px;
    color: #ffffff;
    margin-bottom: 20px;
}

.package_left {
    flex-grow: 1;
}

.sponsor_tree {
    width: 100%;
    overflow: auto;
    padding: 0 0 30px 15px;
}

.sponsor-username:first-child {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.sponsor-username {
    font-weight: 700;
    font-size: 0.75em;
    color: #eab98f;
}

.sponsor-details {
    margin-left: 8px;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #919191;
}

.sponsor-capital {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.sponsor-datetime {
    margin-left: 70px;
    font-size: 0.875em;
}

.sponsor-count {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #2694eb;
    margin-left: -100%;
}

.sponsor-count-span {
    font-size: 1.2em;
    font-weight: 700
}

.sponsor-count-profileicon {
    font-size: 15px;
}

.sponsor-count-arrowicon {
    font-size: 6px;
    margin-left: 4px;
    transform: rotate(-90deg);
}

.sponsor-img {
    width: 5%;
    margin-left: 2%;
}

.bold_content {
    font-weight: bold;
    color: #40bbff;
    letter-spacing: -0.04px;
    font-size: 13px;
    text-align: left
}

.thin_content {
    font-weight: normal;
    color: #919191;
    letter-spacing: 1.45;
    font-size: 11px;
    text-align: left
}

.expand-all {
    float: right;
    margin-right: 5px;
}

.expand-icon {
    transform: rotate(-90deg);
    margin-left: 10px;
    display: inline-block
}

.contract-icon {
    transform: rotate(-270deg);
    margin-left: 10px;
    display: inline-block
}


/*Account details*/

.account_details {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #041c30;
    height: 117px;
    width: 100%;
    margin-top: -30px;
    position: fixed;
    left: 0;
    z-index: 100;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.account_details.shrink {
    height: 65px;
}

.dots_tracking {
    max-width: 500px;
    margin: 30px auto 0;
}

.words_tracking {
    max-width: 500px;
    margin: auto;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.words_tracking.shrink {
    opacity: 0;
}

.dots_tracker {
    width: 15px;
    height: 15px;
    background-color: #3a3838;
    display: inline-block;
    border-radius: 50%;
    margin: 0 10px;
}

.lines_tracker {
    background-color: #3a3838;
    height: 1px;
    display: inline-block;
    width: 70px;
    vertical-align: super;
}

.dots_tracker.tracking_active {
    background-color: #40bbff;
}

.lines_tracker.tracking_active {
    background-color: #40bbff;
}

.middle_words_tracking.tracking_active {
    font-weight: bold;
    color: #fff;
}

.middle_words_tracking {
    width: 45px;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    margin: 15px 31px;
    color: #696969;
}

.fade_away {
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.fade_away.fadein.fadeout {
    opacity: 0;
    display: none;
}

.fade_away.fadein {
    opacity: 1;
    height: auto;
}

.showMe {
    display: block !important;
}

.label-upload>input {
    display: none;
}

.label-upload label {
    margin-bottom: 0;
}

.label-upload label:hover {
    cursor: pointer;
}

div.form-control.upload-btn-box-02 {
    border: none !important;
    background-color: #fff !important;
}

.label-input-upload img {
    margin: 15px auto;
}


/*first*/

.sponsor-topinfo {
    padding: 0 10px 0 20px;
    font-size: 0.813em;
    color: #919191;
    margin-bottom: 5px;
}

.package--first {
    width: 100%;
}

.package--first .sponsor-username:first-child {
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    /*  letter-spacing: 2px;*/
    color: #ffffff;
}

.form-group {
    margin: auto;
    max-width: 500px;
}

.sponsor-tree-parent {
    position: relative;
}

.form-group-sponsor {
    position: absolute;
    right: 0;
    top: 0;
    width: 225px;
}

.form-group-sponsor .form-control {
    padding-left: 35px;
}

.search-btn-ininput {
    position: absolute;
    line-height: 18px;
    top: 50%;
    margin-top: -9px;
    width: 35px;
    text-align: center;
    left: 0;
    background: transparent;
    border: 0;
    font-size: 0.875em;
    color: #c89501;
    padding: 0 0 0 3px;
}

.jstree-anchor {
    padding: 0 !important;
    margin-left: -8px !important;
}

.jstree-default .jstree-anchor {
    margin-top: 15px !important;
    height: auto !important;
    min-width: 370px;
    padding-right: 15px !important;
    width: 100%;
}

.jstree-default .jstree-icon {
    margin-top: 25px;
}

.jstree-default .jstree-clicked,
.jstree-default .jstree-hovered {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

.jstree-default .jstree-leaf>.jstree-ocl {
    background: url("../img/sponsorline.png") left top/40px auto no-repeat !important;
}

.jstree-default .jstree-closed>.jstree-ocl,
.jstree-default .jstree-loading>.jstree-ocl {
    background: url("../img/sponsorline.png") left top/40px auto no-repeat !important;
}

.jstree-default .jstree-open>.jstree-ocl {
    background: url("../img/sponsorline.png") left top/40px auto no-repeat !important;
}

.jstree-default .jstree-icon:empty {
    margin-top: 0px !important;
    width: 40px !important;
    height: 40px !important;
}

.jstree-default .jstree-node {
    margin-left: 32px !important;
    background: url("../img/sponsorline.png") left top/40px auto repeat-y !important;
}

.jstree-default>.jstree-container-ul>.jstree-node {
    margin-left: 0px !important;
    padding-right: 20px;
}

.packagefirst-a {
    padding-right: 1px;
    display: block;
}

.profile_pic_header {
    display: none;
}


/*binary*/

.binary-self-text {
    font-size: 0.813em;
    margin-bottom: 10px;
    color: #fff;
}

.binary-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 7px;
    position: absolute;
    left: 50%;
    margin-left: -18px;
}

.binary-circle:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
}

.binary-circle--left {}

.binary-circle--left:before {
    background: #bdbdbd
}

.binary-circle--right {
    border-color: rgba(189, 189, 189, 0.2)
}

.binary-circle--right:before {
    background: #bdbdbd
}

.binary-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.binary-circle--self {
    bottom: -18px;
}

.binary-circle--btm {
    top: -18px;
}

.binary-top-line {
    height: 30px;
    width: 50%;
    margin: 34px auto 23px;
    transform: rotate(180deg);
    opacity: 0.9;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), #fff);
    border-image-slice: 1;
}

.binary-topmember-parent {
    width: 50%;
    float: left;
}

.binary-topmember-box {
    max-width: 123px;
    margin: 0 auto;
    min-height: 100px;
    padding: 23px 10px;
}

.binary-member-name {
    font-size: 0.688em;
    color: #fff;
    display: block;
    white-space: normal;
    word-break: break-all;
}

.binary-member-amount {
    font-size: 0.813em;
    color: #efb07b;
    font-weight: 600;
    margin-top: 4px;
    display: block;
}

.binary-member-date {
    font-size: 0.688em;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
    display: block;
}

.binary-childmember-line {
    border-top: 1px solid #fff;
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.binary-childmember-parent {
    margin-top: 17px;
    margin: 17px -10px 0;
}

.binary-childmember-box-item {
    width: 50%;
    float: left;
}

.binary-childmember-box-line {
    width: 1px;
    margin: 0 auto;
    height: 30px;
    background: #fff
}

.binary-childmember-box-line--right {
    height: 145px;
    position: relative;
    background: linear-gradient(to bottom, #fff, transparent);
}

.binary-childmember-box {
    margin-top: 25px;
    min-height: 100px;
    padding: 23px 0px;
}

.binary-overlay-top {
    display: flex;
    align-items: center;
}

.binary-circle-overlay {
    position: relative;
    margin: 0 17px 0 0;
    left: 0;
}

.overlay-content-top {
    padding: 20px 18px;
    border-bottom: 1px solid rgba(64, 187, 255, 0.4)
}

.overlay-content-btm {
    padding: 20px 18px;
}

.binary-overlay-name {
    font-weight: 600;
    color: #fff;
    font-size: 0.813em;
}

.binary-overlay-amount {
    font-weight: 600;
    color: #efb07b;
    font-size: 0.938em;
}

.binary-addressinfo {
    font-size: 0.813em;
    margin-bottom: 30px;
}

.blackgrad-border-box {
    position: relative;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.14), #000000b8 74%);
    background-clip: padding-box !important;
}

.blackgrad-border-box-main {
    position: relative;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), #ffffff17);
    background-clip: padding-box !important;
}

.blackgrad-border-box::after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    /*background-image: linear-gradient(to top, rgba(0, 0, 0, 0.14), #00000063 74%);*/
    content: '';
    z-index: -1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.blackgrad-border-box {
    padding: 23px 20px;
}

.blackgrad-border-box-main {
    padding: 23px 20px;
}


/*box*/

.infobox {
    display: block;
    line-height: 45px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0 12px;
    font-size: 0.938em;
}

.infobox-icon {
    display: inline-block;
    width: 22px;
    margin-right: 10px;
    text-align: center;
    font-size: 1.25em;
}

.infobox-title {
    display: inline-block;
}

.infobox-val {
    float: right;
    margin-top: 2px;
}

.whitebox {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}

.title-whitebox {
    margin: 0 auto 15px;
    font-size: 1.25em;
    font-weight: 700
}

.whitebox-imptext {
    color: #4829B2;
    font-weight: 700;
    font-size: 1.125em;
}

.js-clone-resp.u-inlineblock {
    margin-top: 30px;
}

.prelogin header {
    /*background: #000;*/
    height: 80px;
}

.prelogin header.scrolled {
    position: relative;
}

.prelogin .js-clone-resp.u-inlineblock {
    margin-top: 0;
}


/*form*/


/*.form-label{display: block;padding:0 10px; font-size: 15px; font-weight: 600; font-stretch: normal;font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff;}*/

.form-control {
    /*padding: 17px 30px 17px;*/
    border: 0px;
    color: #fff;
    height: auto;
    box-shadow: none;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 0;
    text-align: left;
    color: #000;
    max-width: 500px;
    /*padding-left: 20px;*/
}

.form-input-parent {
    position: relative;
    min-height: 45px;
    float: none;
    margin: 20px auto;
    width: 100%;
    padding-top: 30px;
    border: none;
    border-radius: 5px;
    /*box-shadow: 0 2px 10px 0 #f1f1f1;*/
    background-color: rgba(255,255,255,0.15);
}

.form-input-parent:focus {
    /*border-color: #ffc51b;
    outline: none;*/
}

span.filter-option.pull-left {
    /*padding-left: 10px;*/
}

.bootstrap-select.form-control {
    font-size: 1em !important;
    max-width: 500px;
}

.form-control:-webkit-autofill {
    color: #000000 !important;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    background-color: #ffffff;
}

.form-control::-moz-placeholder {
    color: #7d7d7d;
    font-size: 10px;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #7d7d7d;
    font-size: 10px;
}

.form-control::-webkit-input-placeholder {
    color: #7d7d7d;
    font-size: 10px;
}

.captcha-parent {
    position: relative;
    padding-right: 100px;
}

.captcha-parent .form-control {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px
}

.login_captcha {
    position: absolute;
    right: 0;
    top: 0;
}

.login_captcha img {
    border-radius: 0 30px 30px 0;
}

label.error,
.error_message {
    font-size: 0.75em;
    display: block;
    margin: 2px 0 0;
    color: red;
    font-weight: 400;
    margin-top: 0%;
    margin-left: 3%;
}

.help-block {
    margin: 4px 0 5px;
    font-size: 0.75em;
    color: #ccc;
}

.help-block-2 {
    text-align: right;
    margin: 10px 0 0;
    font-size: 1em;
    padding: 0 15px;
    color: #facf71;
}

.help-block-2>* {
    vertical-align: middle;
}

.help-block-icon {
    width: 15px;
}

.help-block-grey {
    color: #ababab;
}

.input-group-addon {
    border-right: 0;
    position: absolute;
    background: #eee;
    width: 56px;
    padding: 13px 22px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #151515;
    height: auto;
    box-shadow: none;
    font-size: 1em;
    margin: 2px;
}

.bar-login {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 90%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.js-radioparent {
    width: 60%;
}

.form-label-left {
    width: 100%;
    padding: 0 15px;
    float: left;
    min-height: 60px
}

.form-label-left .form-label {
    margin-bottom: 0px;
    padding: 0;
}

.postlogin .form-control,
.bootstrap-select .form-control {
    color: #fff;
}

.postlogin .form-control:-webkit-autofill {
    color: #fff !important;
    -webkit-text-fill-color: #000;
}

.postlogin .form-control[readonly],
.postlogin .form-control[disabled],
.postlogin div.form-control {
    border-radius: 10px;
    background-color: #fff;
    color: #000;
}


/*.form-btn-parent{margin-top:60px;text-align: center;}*/

.form-btn-parent {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.form-btn-parent-left {
    flex-grow: 1;
    text-align: left;
}

.form-btn-parent-right {
    text-align: right;
    margin: auto;
}

.form-section {
    border-top: 1px solid rgba(248, 196, 99, 0.2);
    padding-top: 30px;
}

.form-section:first-child {
    padding-top: 0;
    border-top: 0px;
}

.form-section-nav-parent {
    position: fixed;
}

.form-section-nav {
    font-size: 1.125em;
    color: #ababab;
    padding-left: 25px;
    position: relative;
    display: block;
    margin-bottom: 25px;
}

.form-section-nav-icon {
    position: absolute;
    width: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: none;
}

.form-section-nav.selected {
    color: #fff;
}

.form-section-nav.selected .form-section-nav-icon {
    display: block;
}

.form-section-title {
    color: #fff;
    font-size: 1em;
    margin: 0 0 20px;
}

.form-section-title>span {
    padding: 0 18px;
    position: relative;
}

.form-section-title>span:before {
    content: "";
    width: 8px;
    height: 8px;
    background: url("../img/title-icon-left.png") center/100% 100% no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.form-section-title>span:after {
    content: "";
    width: 8px;
    height: 8px;
    background: url("../img/title-icon-right.png") center/100% 100% no-repeat;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
}

.form-input-parent--withbtn {
    position: relative;
}

.form-input-parent--withbtn .form-control {
    padding-right: 0px;
}

.form-control-link {
    position: absolute;
    right: 20px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    font-size: 0.813em;
    color: #2694eb;
    font-weight: 700;
    padding: 0;
    border: 0px;
    background: transparent;
}

.form-control-link--larger {
    font-size: 0.938em;
}

.btn-ininput {
    position: absolute;
    width: 30px;
    padding: 0;
    background: transparent;
    left: 30px;
    top: 14px;
}

textarea {
    resize: none;
}


/*.form-input-parent{margin-bottom: 3%;margin-top: 3%;};*/

.form-input-parent--withvalue {
    position: relative;
}

.form-control--withvalue {
    padding-right: 180px;
}

.value-ininput {
    position: absolute;
    line-height: 60px;
    right: 30px;
    top: 0;
    font-size: 1.125em;
}

.caret {
    border-top-width: 10px;
    border-right-width: 9px;
    border-left-width: 9px;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    margin-top: -5px;
}

.dropdown-toggle {
    margin-bottom: 0px;
}

.form-row-withbtn {
    padding-right: 76px;
    position: relative;
}

.form-group-btninrow {
    position: absolute;
    right: 0;
    top: 0;
}

.form-group-btninrow .form-label {
    padding: 0;
    text-align: center;
    width: 60px;
}

.datepicker-orient-top {
    margin-top: 10px;
}

.datepicker-orient-bottom {
    margin-top: -10px;
}

.js-tabcontent-parent .js-tabcontent {
    width: 50%;
    display: inline;
}


/*overlay*/

.overlay-parent {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
    display: none;
}

.overlay-content {
    padding: 40px 0 50px;
    background: #1a1a1a;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 21;
    width: 30%;
    max-height: 90%;
    display: none;
    border: 2px solid #2694eb;
    overflow: hidden;
}

.overlay-inner {
    padding: 0 0;
    overflow: auto;
    min-width: 150px;
}

.overlay-contentwrap {
    margin-top: 20px;
}

.overlay-close {
    position: absolute;
    width: 30px;
}

.overlay-btn-parent {
    position: absolute;
    left: 0;
    width: 100%;
}

.overlay-btn-parent-self {
    text-align: center;
    flex-grow: 1;
    padding-top: 20px
}

.title-overlay {
    margin: -18px auto 0px 0px;
    text-align: left;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    border-bottom: 2px solid gray;
    padding-bottom: 5%;
}

.alert-icon-title {
    display: block;
    margin-bottom: 10px;
    font-size: 1.125em;
}

.overlay-btn {
    width: 100%;
    display: block;
    font-size: 1.25em;
    line-height: 24px;
    padding: 20px 10px;
    color: #facf71;
    background: #262626;
    font-weight: 700;
    float: left;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.overlay-btn--50 {
    width: 50%;
}

.overlay-btn--cancel {
    background: #3c3c3c;
    color: #fff;
}

.label-radio {
    min-height: 70px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
    border: solid 2px #cff4f8;
    background-color: #ffffff;
    padding: 0 25px;
    display: flex;
    align-items: center;
    margin: 15px 0 0;
}

.label-radio:first-child {
    margin-top: 0px !important;
}

.label-radio:hover {
    cursor: pointer;
}

.label-radio-left {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.label-radio-lefttext {
    font-size: 0.938em;
}

.label-radio-right {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.label-radio-righttext {
    font-size: 0.938em;
    color: #919191;
    margin-right: 10px;
    display: none;
}

.label-radio-righttext--post {
    color: #1a1a1a;
}

.label-radio:not(.checked) .label-radio-righttext--pre {
    display: inline-block;
}

.label-radio.checked .label-radio-righttext--post {
    display: inline-block;
}

.label-radio-circle {
    width: 20px;
    height: 20px;
    background: #eaeaea;
    padding: 4px;
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.label-radio.checked .label-radio-circle:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.label-radio-icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: block;
    background-size: cover;
    background-position: center;
}

.label-radio--2 {
    padding: 20px 15px !important;
}

.label-radio-left--2 {
    flex-grow: initial;
    padding-right: 12px;
}

.label-radio-right--2 {
    display: block;
    flex-grow: 1;
}

.label-radio-righttop {
    display: flex;
    align-items: center;
}

.label-righttop-title {
    font-size: 0.75em;
    color: #2761a0;
    font-weight: 300;
    flex-grow: 1;
    line-height: 1;
}

.label-righttop-desc {
    font-size: 0.813em;
    color: #2761a0;
}

.label-radio--2-hr {
    margin: 14px 0;
}

.label-radio-rightbtm {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.language-btn {
    position: relative;
}

.language-btn-text {
    width: 30px;
    line-height: 30px;
    text-align: center;
    left: 50%;
    margin-left: -15px;
    color: #ffffff;
    font-size: 0.938em;
    font-weight: 700;
    top: 0;
    text-decoration: none;
}

.language-btn-bg {
    color: #ffffff;
    font-size: 7px;
}

.header-action-btn {
    margin-left: 14px;
    display: inline-block;
    width: 50px;
    text-align: center;
}

.header-logo {
    width: 100px;
    margin-top: 20px;
}

.country-logo {
    width: 26px;
}


/*header*/

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 32;
    /*transition:background 0.5s ease-in-out 0s;-webkit-transition:background 0.5s ease-in-out 0s;-moz-transition:background 0.5s ease-in-out 0s;-o-transition:background 0.5s ease-in-out 0s;*/
}

.header-preregister.scrolled {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 20.5%;
    background: url("../img/new-bg-header.png") no-repeat center;
    background-size: cover;
}

.postheader.scrolled {
    background-image: linear-gradient(to bottom, #292929, #121212);
}

.header-dropdown {
    display: inline-block;
    margin-left: 25px;
}

.header-dropdown-btn {
    background: rgba(248, 196, 99, 0.1);
    border: none;
    color: #f8c463;
    padding: 14px 50px 14px 20px;
    position: relative;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.header-dropdown-menu {
    background: #1A1A1A;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 2px solid #97711d;
    margin-top: 14px;
    z-index: 70;
    padding: 0;
}

.dropdown-item {
    display: block;
    font-size: 1em;
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 25px;
    position: relative;
    border-bottom: 2px solid gray;
}

.dropdown-item.selected {
    color: #fff;
    font-weight: 700
}

.dropdown-item-success {
    position: absolute;
    width: 20px;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    display: none;
}

.selected .dropdown-item-success {
    display: block;
}

.dropdown-btn-icon {
    max-width: 20px;
    margin-right: 10px;
}

.dropdown-btn-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    max-width: 18px;
    margin-top: -9px;
}

.dropdown-indi-arrow {
    position: absolute;
    top: 100%;
    max-width: 24px;
    z-index: 71;
    margin-top: 4px;
    display: none;
    left: 50%;
    margin-left: -12px;
}

.open .dropdown-indi-arrow {
    display: block;
}

.dropdown-menu-content {
    padding: 30px;
}

.app-download-qr {
    color: #fff;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 20px;
    max-width: 230px;
    width: 100%
}

.app-download-item {
    color: #696969;
    font-size: 0.95em;
    display: inline-block;
}

.app-download-icon {
    max-width: 20px;
    margin-right: 12px;
}

.dropdown-content-parent {
    text-align: center;
}

.dropdown-backdrop {
    z-index: 69;
}

.dropdown-title-parent {
    padding-left: 100px;
    position: relative;
    margin-bottom: 40px;
}

.dropdown-title-logo {
    position: absolute;
    width: 75px;
    left: 0;
    top: 50%;
    margin-top: -38px;
}

.dropdown-title {
    margin: 0 auto 5px;
    font-size: 1.5em;
    color: #eab98f;
    white-space: nowrap;
    text-align: center;
}

.dropdown-titledesc {
    font-size: 1.0em;
    color: #eab98f;
    white-space: nowrap;
}

.js-copyhideshow--post {
    display: none;
}

nav {
    float: right;
    width: auto;
    z-index: 99;
    text-align: center;
    background: transparent;
    /* nav{position: fixed;width: 100%;top:66px;left:0;background: #fff;margin:0;border-top:1px solid #cacaca;display: none;
    -webkit-box-shadow: 0px 5px 17px -5px rgba(21,21,21,0.69);
    -moz-box-shadow: 0px 5px 17px -5px rgba(21,21,21,0.69);
    box-shadow: 0px 5px 17px -5px rgba(21,21,21,0.69);
  }*/
    /*position: fixed;left:0px;width: 320px;font-weight: 400;top:0;background: #1a1a1a;padding:200px 0 70px;z-index: 12;height: 100%;
  background: #231f20;  background: linear-gradient(to bottom, #231f20 0%, #352f1f 100%);*/
}

.epin-box {
    margin: 5%;
}

.nav-top-parent {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.nav-content-parent {
    height: 60px;
    display: flex;
    width: 600px;
    margin: 10px auto;
}

.nav-btm-parent {
    padding-top: 30px;
    color: #6d6d6d;
    text-align: center;
}

.nav-head {
    display: block;
    padding: 0px;
    position: relative;
    color: #919191;
    font-size: 1.5em;
}

.nav-head span {
    margin-left: 10px;
    vertical-align: text-bottom;
}

.active .nav-head {
    color: #ffc51b;
}

.active .nav-head .menu-icon {
    color: #fff;
    opacity: 1;
}

.active .nav-head div.hidden-xs {
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #ffe43a -150%, rgba(0, 0, 0, 0));
}

.active .nav-head span.hidden-xs {
    display: inline;
}

.menu-icon {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 20px;
    height: 22px;
    opacity: 0.3;
    font-size: 1.5em;
}

.nav-parent {
    float: left;
    width: 20.6%;
    height: 100%;
    margin: auto;
    font-size: 0.9rem;
}

.nav-parent:not(.active) .menu-icon--pre {
    display: inline-block;
}

.nav-parent.active .menu-icon--post {
    display: inline-block;
}

.nav-parent .sub-menu,
.nav-parent .ranking-desc {
    display: none;
}

.subnav-mob {
    background: transparent;
    overflow: auto;
    text-align: center;
    border-bottom: 1px solid rgba(248, 196, 99, 0.2)
}

.sub-menu {
    display: flex;
    overflow: auto;
}

.sub-menu--right {
    max-width: 1100px;
    margin: 0 auto;
}

.nav-child {
    display: inline-block;
    color: #838383;
    line-height: 28px;
    padding: 28px 0;
    white-space: nowrap;
    font-size: 1.25em;
    margin-left: 40px;
}

.nav-child:first-child {
    margin-left: 0px;
}

.nav-child.active {
    font-weight: 700;
    color: #facf71;
    background: url("../img/icon-submenu-indi.png") center bottom -2px/40px auto no-repeat;
    font-size: 1.5em;
}

.nav-hr {
    margin: 30px 0;
}

.postheader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 12;
    background-image: linear-gradient(to bottom, #292929, #121212);
    height: 80px;
}

.special_postlogin .postheader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 12;
    background-image: linear-gradient(to top, rgba(4, 13, 18, 0.3), rgba(9, 35, 52, 0.3));
    height: 80px;
}

.bodywrapper--postlogin {
    /*padding-left:150px;padding-right:100px;*/
}

.menu-selected-icon {
    width: 14px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -7px;
    display: none;
}

.nav-parent.active .menu-selected-icon {
    display: block;
}

.nav-content-below {
    padding: 0 35px;
}

.nav-content-below-border {
    border-top: 1px solid #464241;
    border-bottom: 1px solid #464241;
    padding: 15px 0;
}

.nav-content-below-inner {
    margin: 0 -35px;
}

.postheader-action {
    display: inline-block;
    float: right;
}

.header-title-parent {
    font-weight: 700
}

.header-title {
    font-size: 1.5em;
    color: #fff;
}

.welcome-member-icon {
    width: 100%;
    max-width: 45px;
    margin-right: 15px;
    display: inline-block;
}

.welcome-member-item {
    color: #fff;
    margin-left: 10px;
    display: inline-block;
}

.radio-label {
    margin: 0px;
    font-size: 1.125em;
}


/*footer*/

.prefooter {
    color: #696969;
    text-align: center;
    padding: 0 0 30px;
}


/*footernav*/

.desktop-footer-nav {
    background: none;
}

.desktop-footer-nav,
.footer-nav .icon-expandnav {
    display: none;
}

.desktop-footer-nav,
.footer-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    font-size: 11px;
    text-align: center;
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #000;
}

.header-postlogin {
    padding: 17px 0 20px;
    height: 75px;
    background-image: linear-gradient(to bottom, #202020, #121212 54%);
}


/*prelogin*/

.header-preregister {
    padding: 17px 0 20px;
    height: 75px;
}

.header-prelogin--flex {
    display: flex;
}

.header-prelogin--flex>* {
    flex: 1;
}

.preloginbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('../img/Element/System/BG-02.png');
}

.prelogin.prehomebg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('../img/Element/System/BG-02.png');
    background-size: 100%;

}

.preloginbg--register {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to top, #ffffff, #f9efe9);
}

.prelogin-content--register {
    max-width: 700px;
}

.bodywrapper {
    position: relative;
    z-index: 1
}

.prelogin-content {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 0 15px;
}

.prelogin-bglogo {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    display: block;
}

.prelogin-title-parent {
    padding-left: 150px;
    position: relative;
}

.prelogin-logo {
    width: 25%;
}

.prelogin-nav-logo {
    width: 100px;
    margin-top: 25px;
}

.prelogin-text-top {
    padding-bottom: 2%;
    margin-top: 0%;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 5px;
    color: #919191;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    border-top: hidden;
}

.prelogin-text {
    margin-bottom: 45px;
    margin-top: 45px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
}

.preregister-logo {
    left: 0;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.prelogin-title {
    font-size: 1.625em;
    color: #919191;
    margin: 0 auto 10px;
}

.prelogin-titledesc {
    font-size: 1.125em;
    color: #6d6d6d;
}

.title-prelogin {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    padding-left: 40px;
}

.prelogin-right {
    max-width: 100%;
    margin: 0 auto;
    margin-top: -30px;
}


/*postlogin*/

.postlogin,
.prelogin {
    color: #ababab;
}

.postloginbg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('../img/Element/System/BG-03.png');
    background-size: 100%;
}

.postloginbg_invest {
    
    background-image: url('../img/Element/System/BG-04.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.postloginbg_cashout {
    
    background-image: url('../img/Element/System/BG-06.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.postloginbg_withdraw {
    
    background-image: url('../img/Element/System/BG-05.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.bg-light {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.postlogin-content {
    margin: 0 auto;
    /*padding: 30px 0;*/
}

.postlogin-content--home {
    padding-bottom: 0px !important;
}

.postlogin-normalwidth {
    max-width: 800px;
    margin: 0 auto;
}

.postlogin-biggerwidth {
    max-width: 1000px;
    margin: 0 auto;
}

.logo {
    display: block;
    max-width: 120px;
    margin: 40px auto 0;
}

.header-prelogin {
    padding: 40px 0 20px;
}

.u-relative {
    position: relative;
}

.u-withbordertop:not(.u-notrelative),
.u-withborderbtm:not(.u-notrelative),
.u-withborderleft:not(.u-notrelative),
.u-withborderright:not(.u-notrelative) {
    position: relative;
}


/*home*/

.datetime-container {
    opacity: 0;
    padding-right: 180px;
    position: relative;
    margin-bottom: 40px;
}

.time-item {
    font-size: 3.125em;
    color: #fff;
    line-height: 1
}

.time-session {
    font-size: 0.54em;
    color: #ababab;
    margin-left: 10px;
}

.date-item {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.125em;
}

.ico-rate-parent {
    display: inline-block;
}

.ico-rate-refresh {
    display: inline-block;
    margin-left: 20px;
    max-width: 45px;
}

.home-top {
    padding: 30px 0 60px;
}

.home-btm {
    border-top: 2px solid #59471f;
    padding: 80px 0 20px;
    background: rgba(0, 0, 0, 0.5)
}

.bigpill-element--hometotal {
    background: transparent;
    font-weight: 700;
    color: #fff;
}

.bigpill-element--hometotal .bigpill-value {
    font-size: 1.688em
}

.carousel_description {
    border-radius: 0 0 15px 15px;
    background: rgba(151, 165, 255, 0.15);
    width: 500px;
    font-size: 12px;
    letter-spacing: 0.92px;
    color: #40bbff;
    padding: 12px 5px;
}

.page_header {
    margin-bottom: 20px
}

.welcome_to {
    color: #000000;
    font-size: 20px;
    vertical-align: super;
}

.page_name {
    color: #000000;
    font-size: 40px;
    margin-right: 30px;
    font-weight: bold;
}


/*register*/

.register-mainwrapper {
    padding: 0 200px;
}


/*.cta-link{float:left;width: 50%;padding:10px;color:#4829B2;font-size: 0.875em;}
.cta-wrapper{border:1px solid #ccc;background: #fff;text-align: center;}
.cta-parent:first-child{border-bottom: 1px solid #ccc;}
.cta-link:first-child{border-right: 1px solid #ccc;}
.cta-img{margin: 10px auto 15px;display: block;max-width: 40%;}
.annoncement-item{text-align: left;padding-bottom: 20px;border-top: 1px solid #ccc;padding-top:20px;box-shadow: 0 0 10px grey; padding: 5px 10px; overflow: auto; margin-bottom: 20px;}
.annoncement-item:first-child{border-top:0px;padding-top:0px;}
.announcement-date{font-size: 0.875em;}
.announcement-title{margin:0 auto 15px;}
.announcement-img{margin-bottom: 10px;}
.action-wrapper{margin-top:-52px;}*/


/*container/box*/

.blockinfo-link {
    display: block;
}

.blockinfo-link-arrow {
    position: absolute;
    font-size: 12px;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    color: #696969;
}

.whitebox-section {
    margin-top: 10px;
    display: block;
    position: relative;
}

.whitebox-section:first-child {
    margin-top: 0px;
    margin: auto;
    width: 70%;
}

.whitebox-section--boxshadow {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
}

.whitebox-header {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.whitebox-header--2 {
    padding: 0 0 10px;
}

.whitebox-header--borderbtm {
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.whitebox-title {
    font-size: 0.813em;
    color: #000;
    font-weight: 700;
    flex-grow: 1;
    margin: 0;
}

.whitebox-title-grey {
    color: #919191;
}

.whitebox-content {
    padding: 20px 0;
    display: block;
    position: relative;
}

.whitebox-content--pt {
    padding-bottom: 0;
}

.whitebox-part {
    margin-top: 20px;
}

.whitebox-link {
    padding: 15px 0;
    display: block;
}

.whitebox-link-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #696969;
}

.whitebox-link-inner-left {
    display: flex;
    align-items: center;
}

.whitebox-link-imptext {
    font-size: 0.813em;
    color: #2694eb;
    font-weight: 700
}

.whitebox-link-desc {
    font-size: 0.688em;
}

.whitebox-link-icon {
    font-size: 11px;
}

.whitebox-content-flex {
    display: flex;
    min-height: 56px;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
}

.whitebox-content-flex-action {
    padding-left: 5px;
}

.header-postlogin-nav-parent {
    position: absolute;
}

.game-header {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
    margin-left: 41%;
}

.game-head-box {
    width: 50%!important;
    margin-top: 3%;
    padding: 3px;
    text-align: left;
}

.rowlink-item {
    display: flex;
    padding: 10px 20px;
    min-height: 49px;
    justify-content: space-between;
    font-size: 0.813em;
    align-items: center;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    width: 80%;
    margin-top: 2%;
}

.rowlink-left {
    display: flex;
    align-items: center;
}

.rowlink-lefticon {
    margin-right: 12px;
    font-size: 16px;
    color: #2694eb;
}

.rowlink-lefticon.icon-addnew .path2:before,
.rowlink-lefticon.icon-addnew .path3:before,
.rowlink-lefticon.icon-addnew .path4:before {
    color: #2694eb;
}

.rowlink-leftval {
    font-weight: 500;
    color: #ffffff;
}

.rowlink-right {
    color: #ffffff;
    display: flex;
    align-items: center;
}

.rowlink-rightval {
    margin-right: 10px;
}

.rowlink-rightval--grey {
    color: #ffffff;
}

.rowlink-rightval-redlink {
    color: #ec1c24;
    text-decoration: underline;
}

.rowlink-right .icon-back {
    font-size: 12px;
    margin-top: -1px;
}

.rowlink-item--wider {
    min-height: 56px;
}

.backicon-next.icon-back:before {
    transform: rotate(180deg);
    display: inline-block;
}


/*table*/

.table {
    margin-bottom: 0px;
    background: #fff;
    color: #151515;
    border: 0px;
}

.table-scrollparent {
    width: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    margin-bottom: 2px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {}

.table>thead>tr>th {
    border-bottom: 0px;
    background: #4829B2;
    color: #fff;
}


/*scroll*/

.scrollindi-parent {
    padding: 10px;
    background: #4829B2;
    color: #fff;
    font-size: 0.875em;
    border: 1px solid #ccc;
    border-bottom: 0px
}

.scroll-content {
    width: 3000px;
}

.table-scrollparent--noborder:not(.scrollable) {
    border: none;
}

.table-scrollparent--noborder.scrollable {
    padding: 10px;
}

.form-label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px 0 20px;
    font-size: 12px;
    line-height: 45px;
    font-weight: normal;
    color: #000;
    margin: 0;
    z-index: 2;
}


/*statement*/

.btn-full {
    width: 100%;
}

.statement-list {
    padding-bottom: 25px;
    padding-left: 43px;
    padding-right: 43px;
}

.statement-form {
    border-bottom: 1px solid rgba(248, 196, 99, 0.2);
    padding-bottom: 25px;
    padding-left: 43px;
}

.rst-parent {
    margin-top: 25px;
}

.rst-total-item {
    text-align: center;
    font-size: 1.125em;
    margin-bottom: 25px;
}

.rst-item {
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    padding: 18px 25px;
    background: rgba(248, 196, 99, 0.1);
    margin-bottom: 18px;
    margin: auto;
}

.rst-item-top {
    position: relative;
    padding-left: 78px;
}

.rst-item-top--firstline {
    padding-right: 240px;
}

.rst-item-top--nopadding {
    padding: 0 !important;
}

.rst-item-no {
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 52px;
    font-size: 1.25em;
    color: #fff;
    background: rgba(248, 196, 99, 0.1);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.rst-item-top-right {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.rst-val1 {
    color: #fff;
    font-size: 1.5em;
}

.rst-val2 {
    font-size: 1.125em;
}

.rst-val3 {
    font-size: 1.5em;
}

.rst-val-separator {
    margin: 0 10px;
    background: #726f68;
    width: 1px;
    display: inline-block;
    height: 25px;
}

.rst-val2>* {
    vertical-align: middle;
}

.rst-item-btm {
    text-align: right;
    margin-top: 10px;
}

.rst-item-btm--left {
    text-align: left;
}

.rst-val-imp {
    color: #facf71;
    font-size: 1.333em;
    font-weight: 700;
    margin-left: 8px;
}

.pagination-parent {
    text-align: left;
}

.pagination {
    margin: 0;
}

.pagination>li>a,
.pagination>li>span {
    color: #2694eb;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #2694eb;
    border-color: #2694eb;
}

.rst-item-btm--withleftval {
    padding-left: 240px;
    position: relative;
}

.rst-item-btm-leftval {
    position: absolute;
    left: 0;
    bottom: 0;
}

.rst-item-top-content--oneline {
    min-height: 52px;
}

.rst-val-icon {
    margin-left: 5px;
    width: 24px;
}

.rst-img-btn {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.rst-item-btm--topup {
    margin-top: -20px;
}

.rst-item .btn-action {
    margin-top: 4px;
}

.header-prelogin-nav {
    font-size: 1.125em;
    color: #3a3838;
    font-weight: 700;
    line-height: 24px;
}


/*.header-prelogin-nav>*{vertical-align: middle;}*/

.header-prelogin-nav-icon {
    margin-right: 5px;
    font-size: 1.25em;
    color: #fff;
    position: fixed;
    width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px;
    padding-left: 14px;
    margin-top: -6px;
}


/*coming soon*/

.comingsoon-content {
    text-align: left;
    float: none !important;
}

.comingsoon-content .dropdown-title-logo {
    width: 134px;
    margin-top: -67px;
}

.comingsoon-content .dropdown-title {
    font-size: 1.875em;
    white-space: normal;
}

.comingsoon-content .dropdown-titledesc {
    font-size: 1.5em;
    white-space: normal;
}

.comingsoon-parent {
    min-height: 100%;
}

.comingsoon-content {
    margin-bottom: 0
}


/*service*/

.witdraw-qr {
    max-width: 295px;
    width: 100%;
    margin: 0 auto 20px;
    display: block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    padding: 25px;
}

.text-valuetitle {
    font-size: 1.25em;
}

.text-value {
    color: #facf71;
    font-size: 1.625em
}

.service-value-item {
    margin: 0 auto 45px;
    text-align: center;
}

.item-btn {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.25em;
    padding: 30px 0;
    border-bottom: 2px solid rgba(248, 196, 99, 0.2);
    max-width: 120px;
    margin: 0 auto;
}

.item-btn--noborder {
    border-bottom: 0px;
}

.item-btn-img {
    max-height: 70px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.service-item-parent {
    max-width: 570px;
    margin: 0 auto;
}

.comingsoon-overlay {
    height: 280px;
    min-width: 700px;
    text-align: center;
}


/*coin statement*/

.coinstatement-top {
    border-bottom: 1px solid rgba(248, 196, 99, 0.2);
    padding-bottom: 25px;
    margin-bottom: 40px;
}

.coinstatement-left {
    float: left;
}

.coinstatement-right {
    float: right;
}


/*announcement*/

.annoncement-item {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: rgba(165, 165, 165, 0.1);
    margin-bottom: 20px;
}

.announcement-top {
    padding: 30px 40px;
    border-bottom: 2px solid rgba(248, 196, 99, 0.2)
}

.announcement-title {
    font-size: 1.25em;
    color: #fff;
    line-height: 24px;
    margin: 0 0 10px;
}

.announcement-btm {
    padding: 30px 40px;
}

.wallet_record {
    max-width: 700px;
    margin: auto;
}


/*u*/

.u-floatleft {
    float: left;
    width: auto;
}

.header-prelogin--flex .u-floatright {
    margin-top: 20px
}

.u-floatright {
    float: right;
    width: auto;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.ml-5 {
    margin-left: 5px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.pr-5 {
    padding-right: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-8 {
    padding-right: 8px;
}

.pl-8 {
    padding-left: 8px;
}

#codeigniter_profiler {
    position: relative;
    z-index: 1
}

.bg-white {
    background: #fff;
}

.u-vmid>*,
.infobox>* {
    vertical-align: middle;
}

.u-block {
    display: block;
}

.text-warning {
    color: #f4c342;
}

.text-purple {
    color: #4829B2;
}

.text-yellow {
    color: #facf71;
}

.text-green {
    color: #23deab;
}

.text-success {
    color: #17a27d;
}

.u-wordwrap {
    white-space: normal;
    word-break: break-word;
}

.u-weightnormal {
    font-weight: 300;
}

.u-inlineblock {
    display: inline-block;
    float: right;
    border-radius: 15px;
    border: solid 1px #4581ff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
}

.center {
    text-align: center;
}

option {
    background-color: #040d12;
    color: #fff;
    outline-color: none;
}

.form-group .bootstrap-select.btn-group {
    font-size: 16px !important;
    border: 0px !important;
    padding: 0 !important;
    float: none;
    display: inline-block;
    margin-left: 0;
    /*margin-bottom: 12px;*/
    background: transparent;
}


/*grid*/

.row--lesspadding {
    margin: 0 -8px;
}

.row--lesspadding div[class*="col-"] {
    padding: 0 8px;
}


/*422fab*/


/*md & below/ above xs*/

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    .hide_cont
    {
        background-image: url('../img/Element/System/BG-02.png');
        z-index: 40;
    }

    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:50%;font-weight:bold;
        display:block
    }
    .mobile-view
    {
        display:none;
    }
    .web-view
    {
        display:block;
    }
    .header-dropdown {
        margin-left: 5px;
    }
    .welcome-member-item {
        margin-left: 10px;
    }
    .welcome-member-icon {
        margin-right: 5px;
    }
    .active .nav-head {
        padding: 11%;
    }
    .nav-head {
        padding-left: 40px;
        padding-right: 20px;
        font-size: 1.4em;
    }
    .menu-icon {
        height: 18px;
        margin-top: -9px;
        font-size: 1.5em;
        padding-bottom: 10px;
    }
    .menu-selected-icon {
        width: 8px;
        margin-top: -4px;
        right: 10px;
    }
    .postheader,
    .bodywrapper--postlogin {
        /*padding-left:180px;*/
    }
    .nav-child,
    .header-title {
        font-size: 1em;
    }
    .nav-child {
        padding: 20px 0;
    }
    .header-nav {
        margin-left: auto !important;
    }
    .postheader .header-dropdown-btn {
        padding-left: 10px;
        padding-right: 30px;
        font-size: 0.813em;
    }
    .postheader .dropdown-btn-icon {
        max-width: 14px;
        margin-right: 2px;
    }
    .postheader .dropdown-btn-arrow {
        max-width: 10px;
        margin-top: -5px;
        right: 10px;
    }
    .postheader .welcome-member-icon {
        max-width: 40px;
    }
    .welcome-member-item {
        font-size: 0.813em;
    }
    .nav-child {
        margin-left: 25px;
    }
    .ranking-box {
        margin-left: 38% !important;
    }
    .game-head-box {
        margin-top: 0%;
    }
    .game-header {
        margin-left: 50% !important;
        position: absolute !important;
        padding-top: 70px !important;
    }
    .u-floatleft img.hidden-xs {
        width: 32% !important;
        margin-top: 5% !important;
    }
    /*element*/
    .lineinfo-element {
        font-size: 1em;
    }
    .lineinfo-title {
        padding: 0 10px 0 5px;
    }
    /*register*/
    .register-mainwrapper .form-label-left {
        width: 30%
    }
    .register-mainwrapper .form-input-parent {
        width: 70%
    }
    .form-section-nav {
        font-size: 0.875em;
    }
    .register-mainwrapper {
        padding: 0 0 0 160px;
    }
    /*home*/
    .pill-element {
        padding: 14px 15px;
        font-size: 0.813em;
    }
}


/*sm & above*/

@media only screen and (min-width: 768px) {
    nav {
        display: inline-block !important;
    }
    .row--flexcenter-sm {
        align-items: center;
    }
    .title-section--center-sm {
        justify-content: center;
    }
    .nav-content-parent {
        width: 500px;
    }

    .mobile-view
    {
        display:none;
    }
    .web-view
    {
        display:block;
    }
    .hide_cont
    {
        background-image: url('../img/Element/System/BG-02.png');
        z-index: 40;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:block
    }
}


/*xs*/

@media only screen and (max-width: 767px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .hidden-xs.desktop-welcome {
        display: block;
    }
    .prelogin-right {
        max-width: 325px;
        margin: 0 auto;
    }
    .prelogin-logo {
        width: 25%;
    }
    .header-prelogin--flex {
        width: 90% !important;
        margin-top: 5%;
    }
    header.scrolled .header-mainwrapper {
        height: 75px;
    }
    .backMargin {
        margin-top: 10%;
    }
    .logo_mobile {
        margin-top: 0%
    }
    .text-right-xs {
        text-align: right;
    }
    .text-left-xs {
        text-align: left;
    }
    /*grid*/
    .container-xs {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container--nopad-xs {
        padding: 0;
    }
    .row--xs {
        margin: 0 -15px;
    }
    .preregister-logo {
        padding-top: 50px;
    }
    .u-withbordertop-xs:not(.u-notrelative),
    .u-withborderbtm-xs:not(.u-notrelative),
    .u-withborderleft-xs:not(.u-notrelative),
    .u-withborderright-xs:not(.u-notrelative) {
        position: relative;
    }
    .label-radio {
        padding: 0 20px;
        margin-top: 10px;
    }
    .label-radio-lefttext {
        font-size: 0.813em;
    }
    .label-radio-righttext {
        font-size: 0.813em;
    }
    .visible-xs {
        display: block !important;
    }
    .logo {
        max-width: 50px;
    }
    .header-link {
        margin-top: 7px;
    }
    .prelogin-logo {
        /*margin-bottom: 40px;*/
    }
    .prelogin-text-top {
        margin-top: 0%;
        padding-bottom: 2%;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 5px;
        color: #919191;
        text-align: center;
        border-style: solid;
        border-width: 2px;
        border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
        border-image-slice: 1;
        border-top: hidden;
    }
    .prelogin-nav-logo {
        width: 15%;
        float: right;
        margin-top: -3%;
    }
    .title-prelogin {
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #919191!important;
    }
    .header-prelogin-nav-icon {
        margin-right: 5px;
        color: #fff;
        position: fixed;
        width: 40px;
        height: 40px;
        font-size: 0.9em;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        padding: 10px;
        padding-top: 12px;
        padding-left: 16px;
    }
    .header-prelogin {
        padding: 15px 0 10px;
    }
    .header-preregister {
        height: 75px;
    }
    #theform {
        width: auto;
        padding: 0 25px;
    }
    /*.header-preregister{padding:15px 0 10px;}*/
    /*btn*/
    .btn-primary {
        font-size: 1em;
        line-height: 20px;
        padding: 14px;
    }
    .btn-primary--2 {
        font-size: 1em;
        line-height: 20px;
        padding: 14px 32px;
    }
    .btn-action {
        font-size: 1em;
        line-height: 20px;
        padding: 10px 15px;
        min-width: 120px;
    }
    .btn-action--circle {
        width: 40px;
        height: 40px;
        padding: 0 10px;
    }
    .btn-action--smaller-xs {
        min-width: 80px;
    }
    .textlink {
        font-size: 0.875em;
    }
    .btn-upload {
        padding: 9px 18px;
        font-size: 0.875em;
        line-height: 19px;
    }
    .btn-upload-icon {
        width: 18px;
    }
    .btn-action--inrst {
        padding: 5px 10px;
    }
    /*element*/
    /*box*/
    .infobox-parent {
        margin: 0 -15px;
    }
    .infobox-icon {
        margin-right: 5px;
    }
    .alert {
        font-size: 0.875em;
        padding: 10px 18px;
        line-height: 18px;
    }
    .pill-element {
        font-size: 0.75em;
        line-height: 18px;
        padding: 11px 12px;
    }
    .bigpill-element {
        padding: 15px 25px;
        font-size: 1em;
    }
    .bigpill-title {
        font-size: 0.875em;
    }
    .bigpill-value {
        font-size: 1em;
    }
    .bigpill-element-block {
        margin-bottom: 12px;
    }
    .lineinfo-element {
        font-size: 1em
    }
    .lineinfo-title {
        font-size: 0.875em
    }
    .lineinfo-statement-element {
        margin-top: 15px;
        padding: 15px 10px;
    }
    .lineinfo-inner {
        margin-top: 10px
    }
    .lineinfo-statement-title {
        font-size: 0.75em
    }
    .lineinfo-statement-value {
        font-size: 1.125em
    }
    .header-prelogin-nav {
        font-size: 0.938em;
    }
    /*overlay*/
    .overlay-inner {
        padding: 0 0px;
    }
    .overlay-content {
        width: 60%!important;
    }
    .overlay-close {
        width: 20px;
        top: 15px;
        right: 15px;
    }
    .title-overlay {
        font-size: 1em;
        margin: -21px auto 0px 0px!important;
        padding-bottom: 5%!important;
    }
    .overlay-btn {
        font-size: 0.875em;
        line-height: 18px;
        padding: 16px 10px;
    }
    .label-review {
        font-size: 0.875em;
    }
    .u-inlineblock {
        padding: 0 10px;
    }
    .language-btn-bg {
        font-size: 7px;
    }
    .language-btn-text {
        line-height: 27px;
    }
    /*form*/
    .form-label-left {
        float: none;
        width: 100%;
        text-align: left;
        min-height: 0px;
        padding: 0;
    }
    /*.form-label{padding:0 18px !important;margin-bottom: 5px !important;  font-size: 15px;font-weight: 600; font-stretch: normal; font-style: normal;line-height: normal; letter-spacing: normal; color: #ffffff;display: block;}*/
    .form-section {
        padding: 20px 0 10px;
    }
    .form-control--withbtn {
        padding-left: 44px;
    }
    .btn-ininput {
        width: 18px;
        left: 18px;
        top: 10px;
    }
    .form-control--withvalue {
        padding-right: 130px;
    }
    .value-ininput {
        line-height: 40px;
        font-size: 0.875em;
        right: 18px;
    }
    label.error,
    .error_message,
    .help-block {
        font-size: 0.688em;
    }
    .help-block-2 {
        font-size: 0.75em;
        padding: 0 5px;
        margin-top: 5px;
    }
    .help-block-icon {
        width: 10px;
    }
    .caret {
        border-top-width: 6px;
        border-right-width: 6px;
        border-left-width: 6px;
    }
    .bootstrap-select.btn-group .dropdown-toggle .caret {
        margin-top: -3px;
        right: 18px;
    }
    .form-row-withbtn {
        padding-right: 50px;
    }
    .form-group-btninrow .form-label {
        width: auto;
    }
    /*header*/
    .header-dropdown-btn {
        font-size: 0.875em;
        padding: 12px 30px 12px 10px;
    }
    .dropdown-btn-icon {
        max-width: 14px;
        margin-right: 5px;
    }
    .dropdown-btn-arrow {
        max-width: 12px;
        margin-top: -6px;
        right: 10px;
    }
    .header-dropdown {
        margin: 0 5px;
    }
    .header-dropdown-menu {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .header-dropdown-menu--fixed {
        position: fixed;
        overflow: auto;
        width: 90%;
        left: 5%;
    }
    .app-download-icon {
        max-width: 16px;
        margin-right: 5px;
    }
    .dropdown-menu-content {
        padding: 15px;
    }
    .app-download-item {
        font-size: 1em;
    }
    .app-download-qr {
        margin-bottom: 10px;
    }
    .preheader {
        text-align: center;
    }
    .dropdown-title-parent {
        padding-left: 40px;
        margin-bottom: 20px;
    }
    .dropdown-title {
        font-size: 1.125em;
    }
    .dropdown-titledesc {
        font-size: 1em;
    }
    .dropdown-titledesc,
    .dropdown-title {
        white-space: normal;
    }
    .dropdown-title-logo {
        width: 30px;
        margin-top: -15px;
    }
    /*post header*/
    nav {
        position: fixed;
        width: 100%;
        top: 66px;
        left: 0;
        background: #fff;
        margin: 0;
        border-top: 1px solid #cacaca;
        display: none;
        -webkit-box-shadow: 0px 5px 17px -5px rgba(21, 21, 21, 0.69);
        -moz-box-shadow: 0px 5px 17px -5px rgba(21, 21, 21, 0.69);
        box-shadow: 0px 5px 17px -5px rgba(21, 21, 21, 0.69);
    }
    .header-link-menu {
        font-size: 1em
    }
    .icon-expandnav {
        position: absolute;
        line-height: 30px;
        margin-top: -15px;
        top: 50%;
        right: 8px;
    }
    .nav-parent {
        display: block;
    }
    .active .nav-head div.visible-xs {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.3);
    }
    div.visible-xs {
        padding: 15px;
    }
    .sub-menu {
        position: relative;
        left: 0;
        top: 0;
    }
    .header-title-parent {
        float: none;
        width: 90%;
        text-align: center;
        min-height: 60px;
        margin: auto;
        position: relative;
    }
    /*.haveheaderaction .header-title-parent{padding-bottom: 15px;}*/
    .header-title {
        font-size: 1em;
        padding-top: 7%;
    }
    .header-icon-link {
        position: absolute;
        top: 15px;
        font-size: 1.20em
    }
    .header-icon-link--right {
        left: auto;
        right: 0;
        color: #eab98f;
        margin-right: 4%;
    }
    .welcome-member-item {
        margin: 0;
    }
    .welcome-member-icon {
        margin: 0;
    }
    .subnav-mob {
        margin: 0 -15px;
        padding: 0 20px;
        margin-top: -15px;
    }
    .haveheaderaction .subnav-mob {
        margin-top: 0px;
    }
    .sub-menu {
        height: 58px;
        align-items: center;
    }
    .nav-child {
        padding: 15px 0;
        margin-left: 25px;
        font-size: 0.875em;
    }
    .nav-child.active {
        font-size: 1.125em;
        background-size: 20px auto;
        background-position: center bottom;
    }
    .postheader .header-dropdown {
        float: left;
        width: 50%;
        margin: 0;
        border-left: 1px solid rgba(248, 196, 99, 0.2);
    }
    .postheader .header-dropdown:first-child {
        border-left: 0px;
    }
    .postheader .header-dropdown-btn {
        font-size: 0.75em;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        background: transparent;
        color: #fff;
        display: block;
        width: 100%;
        text-align: center;
    }
    .postheader-action {
        display: block;
    }
    .postheader .dropdown-indi-arrow {
        margin-top: 4px;
    }
    .postheader .header-dropdown-menu:not(.header-dropdown-menu--fixed) {
        margin-right: 5px;
    }
    .logo {
        margin: 0 8px
    }
    .header-logo-welcome {
        color: #facf71;
        font-size: 0.875em;
        font-weight: normal;
    }
    /*.prefooter{font-size: 0.75em;padding-bottom: 20px;}*/
    /*background: linear-gradient(to top, transparent 0%, rgba(124,105,115) 100%), url("../img/bg-header.png") no-repeat center; */
    /*footernav*/
    .nav-parent i {
        display: block;
        font-size: 2em;
    }
    /*.nav-parent a{padding:0;color:#060606;height: 100%;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}*/
    .menu-selected-icon {
        display: none !important;
    }
    .menu-icon {
        position: relative;
        margin: 0 auto;
        top: 0;
        left: 0;
        width: 20px;
        height: 22px;
        color: #fff;
    }
    .nav-head {
        font-size: 1.125em;
        padding: 0 10px;
    }
    .nav-head>span {
        margin-top: 0px;
        display: block;
        font-weight: 600;
    }
    /*prelogin*/
    .preloginbg {
        /*background-size:auto 100%;*/
        background-position: center top;
    }
    .cta-underbox-arrow {
        right: 15px;
    }
    .prelogin-title-parent {
        padding: 0;
        text-align: center;
    }
    .prelogin-title {
        margin-bottom: 5px;
    }
    .prelogin-titledesc {
        font-size: 0.875em;
    }
    .prelogin-bglogo {
        max-width: 140px;
        margin: 30px auto;
    }
    .login_captcha img {
        height: 40px;
    }
    .captcha-parent {
        padding-right: 80px;
    }
    /*postlogin*/
    .postheader,
    .bodywrapper--postlogin {
        padding: 0;
    }
    .postlogin-content {
        padding: 20px 0;
        /*margin: 0 auto 150px;*/
    }
    /*home*/
    .ico-rate-parent {
        width: 100%;
        display: flex;
        overflow: auto;
    }
    .pill-element--inline {
        white-space: nowrap;
    }
    .home-top {
        padding: 0 0 20px;
    }
    .datetime-container {
        padding: 0;
        margin-bottom: 25px;
    }
    .time-item {
        font-size: 1.750em
    }
    .date-item {
        position: relative;
        font-size: 0.875em;
        margin-top: 5px;
    }
    .home-top {
        position: relative;
    }
    .ico-rate-refresh {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        max-width: 34px;
    }
    .home-btm {
        padding-top: 0px;
        border-top-width: 1px
    }
    .lineinfo-element:first-child {
        border-top: 0;
    }
    .home-btm-left {
        margin: 0 -15px 25px;
        padding-top: 10px;
    }
    .lineinfo-home {
        float: left;
        width: 100%;
        min-height: 0px;
        padding: 12px 15px;
    }
    .lineinfo-home:not(.lineinfo-home--half) .lineinfo-title {
        padding: 0;
        float: none;
        display: inline-block;
        width: auto;
        margin-right: 10px;
    }
    .lineinfo-home:not(.lineinfo-home--half) .lineinfo-value {
        display: inline-block;
        float: none;
        width: auto;
    }
    .lineinfo-home--half {
        width: 50%;
        padding: 5px 15px;
    }
    .lineinfo-home--half .lineinfo-title {
        float: none;
        width: 100%;
        padding: 0;
    }
    .lineinfo-home--half .lineinfo-value {
        float: none;
        width: 100%;
        text-align: right;
    }
    .lineinfo-element--borderleft {
        border-left: 1px solid rgba(248, 196, 99, 0.2);
    }
    .bigpill-element--hometotal {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .bigpill-element--hometotal .bigpill-title {
        float: none;
        display: inline-block;
        margin: 0 5px;
        line-height: 1;
        vertical-align: bottom;
    }
    .bigpill-element--hometotal .bigpill-value {
        float: none;
        display: inline-block;
        margin: 0 5px;
        vertical-align: bottom;
    }
    /*statement*/
    .rst-item-no {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 0.875em;
    }
    .rst-item {
        padding: 10px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-bottom: 12px;
    }
    .rst-item-top {
        padding-left: 36px;
        padding-right: 0;
    }
    .rst-item-top--firstline {
        padding-right: 165px;
    }
    .rst-item-top--firstline--2 {
        padding-right: 80px;
    }
    .rst-val1 {
        font-size: 0.813em;
    }
    .rst-val2 {
        font-size: 0.75em;
    }
    .rst-val3 {
        font-size: 0.875em;
    }
    .rst-val-separator {
        height: 14px;
        margin: 0 3px;
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 0.875em;
        padding: 2px 6px;
    }
    .rst-total-item {
        margin-bottom: 14px;
        font-size: 0.875em;
    }
    .rst-parent {
        margin-top: 20px;
    }
    .statement-form {
        padding-bottom: 15px;
    }
    .rst-item-top-content--oneline {
        min-height: 30px;
    }
    .rst-item-btm--withleftval {
        padding-left: 155px;
    }
    .rst-item-btm-leftval {
        line-height: 22px;
    }
    .rst-val-icon {
        width: 16px;
    }
    .rst-img-btn {
        width: 45px;
        height: 45px;
    }
    .rst-item-top-right .rst-val2:first-child {
        margin-top: 1px;
    }
    .rst-item-top-right .rst-val2--imp:first-child {
        margin-top: -2px;
    }
    .rst-item .btn-action {
        margin-top: 2px;
    }
    /*coming soon*/
    .comingsoon-content {
        text-align: center;
        padding: 0;
        margin: 0;
        float: none;
    }
    .comingsoon-content .dropdown-title {
        font-size: 1.25em;
    }
    .comingsoon-content .dropdown-titledesc {
        font-size: 0.875em;
    }
    /*
  .cta-img{margin-bottom: 10px;}
  .action-wrapper{float:none;margin-top:0;}*/
    /*service*/
    .service-value-item {
        text-align: left;
    }
    .witdraw-qr {
        border: 0px;
        max-width: 230px;
        padding: 15px 10px;
        margin: 0 auto;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2)
    }
    .text-valuetitle {
        font-size: 0.75em;
    }
    .text-value {
        font-size: 1em;
    }
    .service-value-item {
        margin-bottom: 0;
    }
    .service-top-btm {
        padding: 15px;
    }
    .item-btn {
        font-size: 0.75em;
        padding: 20px 0;
    }
    .item-btn-img {
        max-height: 35px;
        margin-bottom: 5px;
    }
    .service-item-parent {
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border: 1px solid rgba(248, 196, 99, 0.2);
        background: #000;
        margin-top: 12px;
        padding: 0 15px;
        max-width: none;
    }
    .comingsoon-overlay {
        min-width: 240px;
        height: auto;
    }
    .comingsoon-overlay .dropdown-title-logo {
        position: relative;
        max-width: 110px;
        top: 0;
        margin: 0 auto 24px;
    }
    /*coin statement*/
    .coinstatement-top {
        padding-bottom: 0px;
        margin-bottom: 18px;
        margin: 0 -15px 18px;
    }
    .coinstatement-left {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .coinstatement-right {
        width: 100%;
        border-top: 1px solid rgba(248, 196, 99, 0.2);
    }
    .coinstatement-topval {
        float: left;
        width: 50%;
        padding: 5px 15px;
    }
    .coinstatement-topval:first-child {
        border-right: 1px solid rgba(248, 196, 99, 0.2);
    }
    .coinstatement-topval-title {
        display: block;
    }
    .coinstatement-topval-val {
        display: block;
        text-align: right;
    }
    .annoncement-item {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    }
    .announcement-top {
        padding: 20px;
        text-align: center;
    }
    .announcement-title {
        font-size: 0.875em;
        line-height: 20px;
        margin-bottom: 4px;
    }
    .announcement-btm {
        font-size: 0.875em;
        padding: 20px;
    }
    /*u*/
    .mt-xs--1 {
        margin-top: -1px;
    }
    .mb-xs-20 {
        margin-bottom: 20px;
    }
    .pr-xs-5 {
        padding-right: 5px;
    }
    .pl-xs-5 {
        padding-left: 5px;
    }
    .u-floatnone-xs {
        float: none;
    }
    .visible-xs {
        display: block !important
    }
    .text-right-xs {
        text-align: right;
    }
    /*grid*/
    .row--lesspadding {
        margin: 0 -5px;
    }
    .row--lesspadding div[class*="col-"] {
        padding: 0 5px;
    }
    div#topup-qr .modal-dialog {
        position: absolute;
        left: 0;
        width: 100%!important;
        z-index: 99999;
        margin: 0;
    }
}

.desktop-welcome {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    display: block;
    color: #ffffff;
}

.desktop-username {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 35px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.17px;
    display: block;
    width: 60%;
    margin-top: -20px;
    color: #ffffff;
}

img.level_rank_img {
    max-width: 50px;
}

.package-icon {
    width: 10%;
    text-align: center;
    margin-left: 40%;
}

.copyqr {
    color: #eab98f;
    font-size: 1em;
}

.copyqr a {
    color: #fff;
}

.jstree-default .jstree-last {
    background: transparent !important;
}


/*footer*/

.prelogin-footer {
    padding: 0 0 20px;
}

.radio-parent {
    /*border:1px solid #ddd;*/
    text-align: right;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    /*padding:0 15px;*/
    /*display: inline-block;*/
    /*background: #333;*/
}

.radio-item {
    margin-left: 10px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.radio-item:first-child {
    margin-left: 0px;
}

.radio-label {
    margin: 0px;
    font-size: 0.85em;
    color: #ffff;
}

.radio-input {
    position: absolute;
    left: 0;
    top: 5px;
}


/*footer*/

footer {
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 1px;
}

.prelogin-footer {
    color: #696969;
    padding: 0 0 35px;
    font-size: 11px;
}

.postlogin-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #696969;
    padding: 15px 0 30px;
}


/*input[type="radio"], input[type="checkbox"]{margin:0;}*/

.mobile-header-user-name {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0f176c;
    margin-top: 15%;
    text-align: left;
}

.mobile-header-icon-left {
    height: 45px;
    width: 45px;
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 2px #ff4545;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
    border-radius: 50%;
    margin-top: 38%;
    padding: 18px;
    margin-left: -20%;
}

.mobile-header-icon-logout {
    height: 45px;
    width: 45px;
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 2px #ffffff;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    border-radius: 50%;
    margin-top: 38%;
    padding: 18px;
    margin-left: -20%;
}

.mobile-header-icon-app {
    height: 45px;
    width: 45px;
    opacity: 0.8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    border: solid 2px #2694eb;
    background-image: linear-gradient(to top, rgba(5, 5, 5, 0), #293bf0);
    border-radius: 50%;
    margin-top: 38%;
    padding: 18px 20px;
    margin-left: -20%;
}

.mobile-header-icon-right {
    height: 45px;
    width: 45px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 2px #2694eb;
    background-image: linear-gradient(to bottom, #6a7ae4, #3845c4);
    border-radius: 50%;
    margin-top: 38%;
    padding: 20px;
}

.home-level-box {
    border-radius: 10px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000000);
    padding: 10px;
    margin: 2%;
}

.home-level-box-item {
    border-radius: 8px;
    background-color: #fff;
    padding: 15px 20px 10px;
    margin: 12px 0;
    width: 320px;
}

.wallet-level-box-item {
    border-radius: 8px;
    background-color: #fff;
    padding: 20px;
    margin: 12px 0;
    min-height: 90px;
    cursor: pointer;
}

.carousel_description {
    text-align: center;
}

.home-exchange {
    border-radius: 15px;
    background-color: rgba(38, 148, 235, 0.05);
    padding: 20px;
}

.home-level-box-item .label {
    font-size: 13px;
    letter-spacing: -0.04px;
    color: #000;
    padding: 0;
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-align: left;
    white-space: normal;
}

.filter_list .label,
.wallet-level-box-item .label {
    font-size: 13px;
    letter-spacing: -0.04px;
    color: #000;
    padding: 0;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-align: left;
    white-space: normal;
}

.home-level-box-item .bar {
    margin-top: 5px !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.home-level-box-item .point {
    font-size: 11px;
    letter-spacing: -0.03px;
    text-align: left;
    color: #919191;
    margin-top: 15px;
}

.filter_list .point,
.wallet-level-box-item .point {
    font-size: 11px;
    letter-spacing: -0.03px;
    text-align: left;
    color: #919191;
    margin-top: 15px;
}

.home-level-box-item .point .newstype {
    font-weight: bold;
    color: #40bbff;
    margin-right: 10px;
}

.wallet-level-box-item .point .newstype {
    font-weight: bold;
    color: #40bbff;
    margin-right: 10px;
}

.home-level-box-item .point-small {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
}

.wallet-level-box-item .roundimg,
.home-level-box-item .roundimg {
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}

.home-level-box-item .roundimg img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.wallet-level-box-item .roundimg img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.home-level-text {
    margin-top: 2%;
    text-align: left;
}

.img-home-level {
    float: left;
    width: 10%;
    text-align: center;
}

.home-level-label {
    margin-left: 3%;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.home-level-name {
    margin-left: 3%;
    font-size: 1.125em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: right;
    color: #ffffff;
}

.home-level-2-box {
    display: flex;
    margin: auto;
    width: 100%;
}

.home-level-2-box .home-level-box-item {
    width: 50%;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2);
}

.home-level-2-box .home-level-box-items {
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-image: linear-gradient(to bottom, rgba(51, 161, 255, 0.2), rgba(0, 0, 0, 0.2));
    -moz-border-radius: 50px / 50px;
    -webkit-border-radius: 50px / 50px;
    border-radius: 50px / 50px;
    padding: 16px;
    margin: auto;
    font-size: 24px;
}

.home-casino-banner {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_04.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-casino-banner-2 {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_03.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-casino-banner-3 {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_02.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-casino-banner-4 {
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/game_01.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.logo-casino-banner {
    width: 20%;
}

.home-casino-text {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.23px;
    text-align: center;
    color: #ffffff;
}

.home-casino-website-img {
    margin-top: 5% !important;
    margin-bottom: 10% !important;
    text-align: right;
    margin: auto;
    width: 90%;
    padding: 30px;
    background: url("../img/web.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.game-content-display-flex {
    display: flex;
    margin: auto;
    width: 100%;
    margin-top: 3%;
}

.home-casino-website-img .label {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    text-align: right;
    color: #80d2ff;
}

.home-casino-website-img .bar {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin-left: 60%;
    width: 50%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.home-casino-website-img .point {
    margin-right: 6%;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: right;
    color: #ffffff;
}

.home-content-display-flex {
    display: inline-block;
    padding-left: 12px;
}

.home-content-display-flex-wallet {
    margin: auto;
    width: 60%;
}

.home-content-display-flex-sponsor {
    display: flex;
    margin: auto;
    width: 100%;
}

.home-point-box {
    margin: auto;
}

.game-casino-box {
    width: 100%;
    margin: auto;
    margin-top: 0.5%;
}

.home-casino-box {
    width: 70%;
    margin: auto;
    margin-top: 0.5%;
}

.menu-tab {
    display: flex;
    margin: 5%;
    margin-top: 5%;
}

.menu-tab-item {
    width: 50%;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.63px;
    text-align: center;
    color: #ffffff;
}

.menu-tab-item .active {
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-top: hidden;
    padding: 5px;
    border-image-slice: 1;
}

a {
    color: #ffffff;
}

.wallet-icon {
    height: 75px;
    padding: 12px;
    color: #2694eb;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-top: hidden;
    border-image-slice: 1;
}

.wallet-icon-label {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.63px;
    text-align: center;
    color: #ffffff;
}

.wallet-item-icon {
    margin-top: 1%;
    border-radius: 10px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
    padding: 4%;
}

.wallet-item-icon-2 {
    margin-top: 3%;
    border-radius: 10px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
    padding: 4%;
}

.wallet-item-label {
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.wallet-icon-info {
    color: #ff4545;
}

.wallet-item-point {
    padding: 2px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    text-align: right;
    color: #ffffff;
}

.search-wallet-input-box {
    margin: auto;
    width: 50%;
}

.search-wallet-input {
    background-color: #1b1b1b2e !important;
}

.wallet-statement-details {
    margin: 50px 0;
    font-size: 13px;
    line-height: 1.54;
    color: #fff;
}

.wallet-statement-details-date {
    margin: 3%;
    text-align: right;
}

.wallet-statement-details-date-img {
    margin: 0% 3% 3% 3%;
    text-align: right;
    width: 50%;
}

.wallet-statement-details-img {
    margin: 0% 3% 3% 3%;
    text-align: left;
    width: 50%;
}

.statement-img {
    width: 40px;
    height: 40px;
}

.statement-img-btn {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-top: solid 1px rgba(38, 148, 235, 0.3);
    padding: 5px;
    color: #2694eb;
    text-decoration: underline;
}

.statement-img-status {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.wallet-statement-box {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 75%;
    margin: auto;
    margin-bottom: 1%;
}

.wallet-statement-box-2 {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 100%;
    margin: auto;
    margin-bottom: 1%;
}

.wallet-statement-float-right {
    float: right;
}

.wallet-statement-details-text {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.wallet-statement-title-text {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    color: #ffffff;
}

.wallet-statement-date-text {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #919191;
}

.wallet-statement-point-text {
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    color: #ffffff;
}

.wallet-statement-details-icon {
    width: 18px;
    height: 14px;
    color: #2694eb;
}

.wallet-statement-status-green {
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #2fd53b;
}

.wallet-statement-status-grey {
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.12px;
    color: #696969;
}

.wallet-statement-description {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.placement-point-box {
    width: 100%;
}

.placement-point-label {
    float: left;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
    padding: 10px;
}

.placement-point-item {
    float: right;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #ffffff;
    padding: 10px;
}

.epin-wallet-icon-box {
    font-size: 3.65em;
    text-align: center;
    margin-top: 10%;
    color: #2694eb;
}

.epin-wallet-icon-text {
    font-size: 1em;
    text-align: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2.25px;
    text-align: center;
    color: #ffffff;
}

.epin-wallet-item {
    margin-top: 15%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #ffffff8c);
    padding: 10px;
}

.epin-wallet-item-2 {
    margin-bottom: 3%;
    margin-top: 3%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #ffffff8c);
    padding: 10px;
}

.epin-item-label {
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #ccc;
}

.epin-wallet-input {
    margin-top: 3%;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #ffffff8c);
    padding: 10px;
    background-color: #0000!important;
}

.form-control-2 {
    font-size: 13px;
    font-weight: bold;
    padding: 12px;
    text-align: right;
    border-radius: 10px;
    background-color: rgba(69, 129, 255, 0.1);
    color: #000;
    max-width: 500px;
}

.form-control-left {
    text-align: left;
}

.btn-customize {
    width: 100%;
}

.epin-wallet-select {
    margin-top: -2%;
}

.main-div {
    margin: auto;
}

.game-div {
    width: 100%;
    margin: auto;
}

.wallet-button {
    width: 100%!important;
}

.personal-tab {
    padding-top: 0%!important;
}

.selection {
    margin-top: 20%;
}


/*Phone View*/

@media only screen and (max-width: 767px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .desktop-header-nav {
        display: none;
    }
    #myCarousel {
        margin-top: 0 !important;
    }
    .nav-head {
        padding: 13px 0px;
    }
    .icon-Notification:before {
        padding-left: 5px;
    }
    .header-nav {
        margin-left: auto;
    }
    .main-div {
        width: 100%!important;
        margin: auto;
    }
    .js-tabcontent-parent {
        padding-top: 25px;
    }
    .form-btn-parent-right {
        text-align: right;
        width: 100%!important;
        margin: auto;
    }
    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 80%;
    }
    .package-icon {
        width: 20%;
        text-align: center;
        margin-left: 0%!important;
    }
    .game-div {
        width: 100%!important;
        margin: auto;
    }
    .game-header {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #ffffff;
        margin-left: 0% !important;
    }
    .home-content-display-flex {
        display: block;
        width: 100%!important;
    }
    .home-content-display-flex-wallet {
        margin: auto;
        width: 100%!important;
    }
    .home-content-display-flex-sponsor {
        display: block;
        width: 100%!important
    }
    .game-content-display-flex {
        display: block;
        width: 100%!important
    }
    .home-point-box {
        width: 100%;
    }
    .home-casino-box {
        width: 100%;
    }
    .rowlink-item {
        display: flex;
        padding: 10px 20px;
        min-height: 49px;
        justify-content: space-between;
        font-size: 0.813em;
        align-items: center;
        border-radius: 8px;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #ffffff;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2);
        margin: auto;
        width: 100%!important;
        margin-top: 5%;
    }
    .img-home-level {
        float: left;
        width: 20%;
    }
    .search-wallet-input-box {
        margin: 0%;
        width: 100%;
    }
    .wallet-statement-box {
        border-radius: 10px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2);
        padding: 10px;
        margin-bottom: 5%;
        width: 100%;
    }
    .wallet-statement-box-2 {
        border-radius: 10px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px rgba(38, 148, 235, 0.3);
        background-color: rgba(0, 0, 0, 0.2);
        padding: 10px;
        margin-bottom: 5%;
        width: 100%;
    }
    .scrollmenu {
        overflow: auto;
        white-space: nowrap;
        width: 100% !important;
        margin-left: 0%!important;
    }
    .level-text-right {
        display: inline-block;
        float: right;
        margin-right: 40%!important;
        width: 40%!important;
        margin-top: 3%!important;
    }
    .nav-logo {
        width: 15%!important;
        float: right;
        margin-top: -11%!important;
    }
    .nav-record {
        float: right;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #ffffff;
    }
    .menu-tab {
        display: flex;
        margin: 5%;
        margin-top: 0%!important;
    }
    .mobile-header-icon-left {
        font-size: 4vw;
        height: 45px;
        width: 45px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        border: solid 2px #ff4545;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ff3333);
        border-radius: 50%;
        margin-top: 38%;
        padding: 12px;
        margin-left: -20%;
    }
    .mobile-header-icon-app {
        font-size: 4vw;
        height: 45px;
        width: 45px;
        opacity: 0.8;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        border: solid 2px #2694eb;
        background-image: linear-gradient(to top, rgba(5, 5, 5, 0), #293bf0);
        border-radius: 50%;
        margin-top: 38%;
        padding: 12px 13px !important;
        margin-left: -20%;
        margin-right: 10px;
    }
    .mobile-header-icon-right {
        height: 45px;
        width: 45px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        border: solid 2px #2694eb;
        background-image: linear-gradient(to bottom, #6a7ae4, #3845c4);
        border-radius: 50%;
        margin-top: 38%;
        padding: 10px;
    }
    .serach-btn-record {
        margin: auto;
        width: 100%!important;
        margin-bottom: 5%!important;
    }
    .close-overlay {
        margin-right: 5%;
        margin-top: -3%!important;
        padding: 5px;
    }
    .home-title {
        width: 100%!important;
        margin-top: 5%!important;
        margin-bottom: 5%!important;
        line-height: 25px;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        padding: 10px;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .wallet-icon-label {
        font-size: 10px;
    }
    .ranking-box {
        margin-left: 8%!important;
        width: 100%!important;
        margin-top: 12%!important;
        text-align: left;
        line-height: 0px!important;
        padding-left: 32%!important;
    }
    .home-level-2-box {
        display: flex;
        margin: auto;
        width: 100%!important;
    }
    .swiper-container {
        width: 100%!important;
        height: 100%;
    }
    .wallet-filter-box {
        width: 100%!important;
        margin: auto;
    }
    .home-game-banner-1 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_04.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .home-game-banner-2 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_03.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .home-game-banner-3 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_02.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .home-game-banner-4 {
        position: relative;
        margin: auto;
        width: 100%;
        height: 210px!important;
        background: url("../img/game_01.png");
        border-radius: 20px;
        object-fit: contain;
        background-size: cover;
        margin-top: 5% !important;
    }
    .sponsor-img {
        width: 15%!important;
        margin-left: 2%;
    }
    .personal-rank-img {
        width: 50%!important;
    }
    .btn-logout {
        width: 70%;
    }
    .whitebox-section:first-child {
        margin-top: 0px;
        margin: auto;
        width: 70%;
    }
    .btn-language-personal {
        width: 100%!important;
        margin: auto;
    }
    .home-box-mobile {
        display: flex!important;
    }
    .home-box-desktop {
        display: none!important;
    }
    .bar-wallet {
        margin-top: 3% !important;
        margin-bottom: 3% !important;
        margin: auto;
        width: 100%!important;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.91) 1%, rgba(47, 213, 59, 0) 100%);
        height: 2px;
    }
    .title {
        display: contents!important;
    }
    .home-title .username {
        display: contents!important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1px;
        color: #ffffff;
    }
    .myusdt-box {
        width: 100%!important;
        margin: auto;
        margin-top: 5%;
    }
    .announcement-detail-h1 {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 2.8px;
        color: #000;
        padding: 10px;
        width: 100%!important;
        margin: auto;
        margin-top: 5%;
        text-align: left;
    }
    .annoucement-detail-img {
        width: 100%!important;
        margin: auto;
        padding: 10px;
        text-align: center;
        margin-top: 3%;
    }
    .announcement-detail-p {
        font-size: 13px;
        line-height: 1.77;
        letter-spacing: 1px;
        color: #919191;
        width: 100%!important;
        margin: auto;
        margin-top: 3%;
        padding: 10px;
    }
    .wallet-statement-details-date-img {
        margin: 3%!important;
        text-align: right;
        width: 50%;
    }
    .wallet-statement-details-img {
        margin: 3%!important;
        text-align: left;
        width: 50%;
    }
    .desktop-footer-nav,
    .footer-nav {
        background: #000;
        display: block;
    }
}

.page_blank {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.home-box-mobile {
    display: none;
}

.home-box-desktop {
    display: block;
}

.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 4%;
    margin: auto;
}

.scrollmenu .menu {
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(179deg, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0));
    border-image-slice: 1;
    border-left-style: none;
    border-top-style: none;
    border-bottom-style: none;
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    padding: 15px;
}

.menu .iconbox {
    float: left;
    padding: 10px;
    font-size: 20px;
    color: #ff4545;
    text-align: left;
}

.menu .textbox {
    float: right;
    text-align: left;
}

.scrollmenu-text1 {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.scrollmenu-text2 {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #ffffff;
}

.modal-backdrop {
    position: inherit;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.record-staement-box {
    display: flex;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 40%;
    max-width: 500px;
}
.modal-header{border: none;font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;}
.modal-success-icon{font-size: 30px;margin:20px;color:#bdbdbd;}
.modal-fail-icon{color: #3a3838;font-size: 80px;letter-spacing: 1px;display:block;}
.modal-content{border-radius: 0px;background-color:rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
  box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.2);padding:20px;}
.modal-footer{border: none;text-align: center;}
.close{color: #ffffff; opacity: 1;}
.close:hover, .close:focus{color: #ffffff; opacity: 0.51;}
.modal-success-text{display:block;margin-top:20px;font-size: 16px;font-weight: bold;color: #000;}
.modal-success-package{display:block;font-size: 20px;font-weight: bold;color: #000;}
.modal-success-amount{display:block;font-size: 14px;letter-spacing: 1.08px;color: #000;margin-top:10px;}
.modal-fail-text{font-size: 24px;font-weight: 500;font-family: 'Roboto', sans-serif;letter-spacing: normal;color: #fff;opacity: 0.5;line-height: 2;}
.modal-success-msg{font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #919191;}
.bottom_details{margin-top:50px;}
.modal-success-amt{font-size: 18px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.2px;text-align: right;color: #000;}
.modal-body-details{text-align: center;}
.modal-body-footer{font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.27px;
  text-align: center;
  color: #000;}
.bar{margin-top: 3% !important; margin-bottom: 3% !important; margin: auto;width: 100%; border-style: solid;border-width: 1px;border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;}
.bar-modal{margin-top: 3% !important; margin-bottom: 3% !important; margin: auto;width: 65%; border-style: solid;border-width: 1px;border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;}
.bar-wallet{margin-top: 3% !important; margin-bottom: 3% !important; margin: auto;width: 50%; background: radial-gradient(circle, rgba(255,255,255,0.91) 1%, rgba(47,213,59,0) 100%);height: 2px;}


.modal-header {
    border: none;
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.modal-success-icon {
    font-size: 30px;
    margin: 20px;
    color: #bdbdbd;
}

.modal-fail-icon {
    color: #3a3838;
    font-size: 80px;
    letter-spacing: 1px;
    display: block;
}

.modal-content {
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.modal-footer {
    border: none;
    text-align: center;
}

.close {
    color: #ffffff;
    opacity: 1;
}

.close:hover,
.close:focus {
    color: #ffffff;
    opacity: 0.51;
}

.modal-success-text {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.modal-success-package {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.modal-success-amount {
    display: block;
    font-size: 14px;
    letter-spacing: 1.08px;
    color: #000;
    margin-top: 10px;
}

.modal-fail-text {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: normal;
    color: #fff;
    opacity: 0.5;
    line-height: 2;
}

.modal-success-msg {
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #919191;
}

.bottom_details {
    margin-top: 50px;
}

.modal-success-amt {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: right;
    color: #000;
}

.modal-body-details {
    text-align: center;
}

.modal-body-footer {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: center;
    color: #000;
}

.bar {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.bar-modal {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 65%;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.bar-wallet {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    width: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.91) 1%, rgba(47, 213, 59, 0) 100%);
    height: 2px;
}


/*IPAD*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .home-logo {
        width: 25% !important;
    }
    .selection {
        margin-top: 10%;
    }
    #reg_login_header {
        margin-top: -10% !important;
    }
    .prelogin-logo {
        width: 15%;
    }
    .register_img img {
        width: 10% !important;
    }
    .personal-rank-img-box img {
        width: 35% !important;
    }
    .header-prelogin--flex {
        margin-right: 5% !important;
        width: 90% !important;
        margin-left: 5% !important;
    }
    .scrollmenu {
        overflow: auto;
        white-space: nowrap;
        width: 100% !important;
        margin-left: 0%!important;
    }
    .game-header {
        margin-left: 32% !important;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #ffffff;
        margin-left: 17%;
    }
    .game-head-box {
        width: 100%!important;
        margin-top: 4%;
        padding: 3px;
        text-align: left;
    }
    .ranking-box {
        width: 100%;
        margin-top: 9% !important;
        text-align: left;
        line-height: 20px;
    }
    .wallet-filter-box {
        width: 75%!important;
        margin: auto;
    }
    .home-box-mobile {
        display: none;
    }
    .whitebox-section:first-child {
        margin-top: 0px;
        margin: auto;
        width: 70%!important;
    }
    .title-prelogin {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        padding-left: 40px;
    }
    .js-tabcontent-parent {
        padding-top: 25px;
    }
    .nav-record {
        width: 40%;
        float: right;
        display: inline;
        text-align: right;
    }
    .personal-tab {
        padding-top: 0%!important;
        margin-left: 0%!important;
    }
    #myCarousel {
        margin-top: -10px;
    }
    .wallet-statement-box {
        width: 100%;
    }
    .header-prelogin-nav {
        margin-left: 5%;
    }
}

.modal-open .modal {
    background-color: rgba(0, 0, 0, 0.5);
}

.carousel-indicators {
    bottom: 0px;
    z-index: 10;
}

.carousel-indicators li {
    background: rgba(255, 255, 255, 0.3);
    width: 7px;
    height: 7px;
    border: none;
    margin: 0 1px;
}

.carousel-indicators .active {
    background: rgba(255, 255, 255, 1);
    width: 7px;
    height: 7px;
}

#myCarousel img {
    width: 100%;
    height: 200px;
    max-width: 770px
}

#whiteglowing {
    background-image: radial-gradient(ellipse at 50% 0%, #9fcdff, rgba(0, 0, 0, 0) 26%);
    width: 100%;
    height: 50px;
}

.orangeglowing {
    background-image: radial-gradient(ellipse at 50% 100%, #ff8888, rgba(0, 0, 0, 0) 43%);
    height: 20px;
    margin-bottom: -7px;
}

.blueglowing {
    background-image: radial-gradient(ellipse at 50% 100%, #495bff, rgba(0, 0, 0, 0) 43%);
    height: 20px;
    margin-bottom: -7px;
}

.item {
    max-height: 320px;
}

.carousel-inner {
    border-radius: 15px;
}

.icon-transaction-success {
    color: #2fd53b;
}

.icon-transaction-fail {
    color: #ec1c24;
}

.icon-transaction-process {
    color: #919191;
}

.level-text-right {
    display: inline-block;
    float: right;
    margin-right: 36%;
    width: 13%;
    margin-top: 3%;
}

.nav-logo {
    width: 10%;
    float: right;
    margin-top: -7%;
}

.nav-record {
    width: 40%;
    float: right;
    display: inline;
    text-align: right;
}

.annoucement-statement-box {
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 20px;
    margin-bottom: 5%;
    width: 100%;
}

.annoucement-title {
    font-size: 1.2em;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.annoucement-bar {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    margin: auto;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 51%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}

.annoucement-sub-title {
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #919191;
    font-size: 11px;
}

.annoucement-description {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.15px;
    color: #80d2ff;
}

.annoucement-btn {
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.63px;
    text-align: center;
    color: #ffffff;
}

.serach-btn-record {
    margin: auto;
    width: 50%;
    margin-bottom: 1%;
}

.close-overlay {
    margin-right: 5%;
    margin-top: -1%;
    padding: 5px;
}

.file-container {
    font-size: 15px;
    opacity: 1;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    padding: 12px;
    text-align: right;
    background: transparent;
    background-image: radial-gradient(ellipse at 50% 120%, #495bff, rgba(0, 0, 0, 0) 50%);
}

.swiper-container {
    width: 840px;
    height: 320px;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 85%!important;
}

.home-game-banner-1 {
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_04.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
    margin-right: 10px;
}

.home-game-banner-2 {
    opacity: 0.5;
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_03.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.home-game-banner-3 {
    opacity: 0.5;
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_02.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
    margin-right: 10px;
}

.home-game-banner-4 {
    opacity: 0.5;
    position: relative;
    margin: auto;
    width: 100%;
    height: 230px;
    background: url("../img/game_01.png");
    border-radius: 20px;
    object-fit: contain;
    background-size: cover;
}

.child {
    position: absolute;
    bottom: 10%;
    width: 100%;
}

.child-2 {
    position: absolute;
    padding: 10px;
    bottom: 0%;
    width: 100%;
}

.child-3 {
    position: absolute;
    padding: 10px;
    bottom: 45%;
    left: 30%;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.title {
    display: none;
}

.home-title {
    width: 50%;
    margin: auto;
    margin-top: 2%;
    line-height: 25px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.home-title .username {
    display: none;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.ranking-box {
    width: 100%;
    margin-top: 4%;
    margin-left: 20%;
    line-height: 20px;
}

.ranking-label {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.ranking-name {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.15px;
    color: #ffffff;
}

.form-input-parent input::-webkit-input-placeholder {
    color: #7d7d7d;
    font-size: 10px;
}

.wallet-label {
    text-align: center;
    margin-top: 5%;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: 1px;
    color: #ffffff;
}

.alignleft {
    float: left;
    width: 50%;
    text-align: left;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 10px;
}

.alignright {
    float: left;
    width: 50%;
    text-align: right;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 15px;
}

​ .game-label {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.game-icon {
    transform: rotate(-90deg);
    color: #ffffff;
}

.game-accum-amt {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #40bbff;
}

.personal-rank-box {
    display: flex;
}

.personal-rank {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.personal-rank-name {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #ffffff;
}

.personal-username-box {
    
    text-align: center;
    width: 100%;
    padding: 10px;
}

.personal-username {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #ffffff;
}

.personal-rank-img-box {
    width: 70%;
    text-align: end;
}

.personal-rank-img {
    width: 30%;
}

.personal-rank-info {
    width: 50%;
    padding: 20px;
    padding-left: 5px;
    margin: auto;
}

.btn-language-personal {
    width: 70%;
    margin: auto;
}

.dropdown-menu {
    right: 0;
    left: auto!important;
}

.file-container {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.file-container [type=file] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.file-container [type=file] {
    cursor: pointer;
}

.upload-text {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: right;
    text-decoration: underline;
    color: #ffffff;
}

.upload-icon {
    color: #ffffff;
}

.wallet-filter-box {
    width: 45%;
    margin: auto;
}

.qr-box {
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    width: 250px;
    height: 250px;
    padding: inherit;
}

.qr-text {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #919191;
}

#reg_login_header {
    margin-top: -5%;
}

.topup-qr {
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 8px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(38, 148, 235, 0.3);
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 10px;
}

.topup-qr-icon {
    color: #2694eb;
    font-size: 18px;
}

.topup-qr-text {
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-align: right;
    color: #ffffff;
}

.topup-modal {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #696969;
}

.attachment-img {
    width: 40%;
    margin: auto;
}

.btn-modal {
    width: 90%;
    font-size: 13px;
    min-width: 180px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.topup-radio-box {
    text-align: center;
    margin: 10px;
}

.radio-inline,
.checkbox-inline {
    color: #2694eb;
}

.myusdt-box {
    width: 70%;
    margin: auto;
    margin-top: 5%;
}

.myinformation-box {
    width: 70%;
    margin: auto;
    margin-top: 1%;
}

.announcement-detail-h1 {
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 2.8px;
    color: #000;
    padding: 10px;
    margin: auto;
    margin-top: 5%;
    text-align: left;
}

.annoucement-detail-img {
    width: 70%;
    margin: auto;
    padding: 10px;
    text-align: center;
    margin-top: 3%;
}

.announcement-detail-p {
    font-size: 13px;
    line-height: 1.77;
    letter-spacing: 1px;
    color: #000;
    margin: auto;
    margin-top: 3%;
    padding: 10px;
}

.announcement-img {
    width: 100%;
}

.img-package-modal {
    width: 50%;
}

#req_qr {
    max-width: 100% !important;
}

#req_qr_logo {
    margin-top: -10%;
}

#reg_qr_img {
    width: 20% !important;
    margin-bottom: 15px;
}

#reg_qr_user {
    text-align: left;
    padding: 0;
    width: 50%;
    display: inline-block;
}

#req_qr_words {
    color: #fff;
}

#req_qr_words p {
    margin-bottom: 0;
}

#req_qr_center {
    margin-bottom: 60px;
}

#req_qr_qr {
    max-width: 100%;
    float: right;
    display: inline;
    width: 20%;
}

a.js-copy.btn.btn-primary {
    width: 50%;
}

.next-page {
    transform: rotate(-180deg);
    display: inline-block;
    color: #fff;
    font-size: 10px;
    position: absolute;
    margin-top: 20px;
    right: 0;
    margin-right: 30px;
}

.btn-delete {
    background-color: red;
    border: red;
}

.package_right {
    text-align: right;
    right: 0;
    width: 40%;
}

.btn-draft-cancel {
    display: inline-block;
    margin-right: 20px;
    border: solid 1px #696969;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(18, 18, 18, 0.59));
    padding: 10px 40px;
    width: 45%;
}

.btn-draft-save {
    padding: 10px 40px;
    width: 45%;
    border: solid 1px #4581ff;
}

.copy_address {
    background: #000;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    margin: auto;
    margin-top: 30px;
    border: 1px solid #4581ff;
    max-width: 300px
}

.copy_address:hover {
    cursor: pointer
}

#copy_address_2 {
    width: 100%;
    border: none;
    background: transparent;
    color: #919191;
    font-size: 12px;
}

#copy_address_2:focus,
.copy_address_2:active {
    outline: none;
}

@media only screen and (min-width: 1440px) {
    .sponsor_tree {
        overflow-x: hidden;
    }
    .hide_cont
    {
        background-image: url('../img/Element/System/BG-02.png');
        z-index: 40;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:block
    }
}

@media only screen and (max-width: 1440px) {
    .mobile-view
    {
        display:none;
    }
    .web-view
    {
        display:block;
    }
    .hide_cont
    {
        background-image: url('../img/Element/System/BG-02.png');
        z-index: 40;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:block
    }
    .u-floatleft {
        width: auto;
    }
    .ranking-box {
        margin-left: 30%;
    }
    .hidden-xs.desktop-username img.hidden-xs {
        width: 20% !important;
    }
    /*.game-header{margin-left:37%;}*/
    .header-prelogin--flex {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        background-image: url('../img/Element/System/BG-02.png');
        z-index: 40;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:block
    }
    .dropdown-titledesc {
        white-space: normal;
    }
    #myCarousel {
        max-width: none !important;
    }
    #myCarousel img {
        height: 200px !important;
    }
    .carousel_description {
        width: 100%;
    }
    .home-content-display-flex {
        padding-left: 0 !important;
        width: 100%;
        margin-bottom: 30px;
    }
    .home-level-box-item {
        width: 100% !important;
    }
    .home-level-box-item .label {
        width: 80%;
    }
    .home-content-display-flex.sponsor-home-content {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .container.header-nav {
        max-width: 90%;
    }
    .top-tabs li {
        width: 33%;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .package_filter_price {
        font-size: 12px
    }
    .preloginbg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(to top, #ffffff, #f9efe9);
    }
    .prelogin.prehomebg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url('../img/Element/System/BG-02.png');
        background-size: 100%;
    }
    .postloginbg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url('../img/Element/System/BG-03.png');
        background-size: 100%;
    }
    .newloginbg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(to top, #ffffff, #f9efe9);
    }
    .filter_list .label,
    .wallet-level-box-item .label {
        width: 230px;
    }
    .js-tabcontent-parent.personal-tab {
        width: 100% !important;
    }
    .nav-content-parent {
        padding: 0px;
        padding-left: 0%;
        padding-right: 0%;
        width: 100%;
    }
    .home.main-div .top-tabs {
        min-width: 0;
    }
    .top-tabs li {
        width: 32%;
    }
    #next_step {
        display: inline-block !important;
    }
}

@media only screen and (max-width: 725px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .prelogin-right {
        max-width: 90%;
        margin-top: -30px;
    }
    .prelogin-logo {
        width: 30%;
    }
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    .login_text {
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 1px;
        text-align: center;
        color: #ffaf00;
        /*margin-bottom: 30px;*/
    }
    .home-level-box-item .point-small {
        font-size: 12px;
    }
    .btn-view-primary{margin-top: 10px;padding: 5px 15px;}
    body {
        font-size: 12px;
    }
    .bodywrapper.bodywrapper--postlogin {
        padding: 0 !important;
    }
    .profile_pic_header {
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        margin-top: 30px;
        margin-right: 10px;
    }
    .profile_pic_header img {
        max-width: 40px;
    }
    .profile_pic_header img:hover{cursor:pointer;}
    .postheader {
        display: none;
    }
    .postheader.no_nav {
        display: block;
    }
    .postheader .u-floatleft {
        width: 80%;
    }
    .postheader .u-floatright {
        width: 70%;
        text-align: right;
        position: absolute;
        right: 20px;
    }
    .postheader-action {
        float: right;
    }
    .postlogin-content {
        margin: 0 auto 150px;
    }
    .header-prelogin--flex .header-prelogin-nav-icon {
        position: relative;
        vertical-align: middle;
        margin-top: 0;
    }
    .personal-rank-img-box {
        width: 100% !important;
    }
    .personal-rank-info {
        padding: 0;
    }
    #language_whiteborder {
        margin-top: -37px !important;
    }
    #form_language_setting {
        width: 100% !important;
    }
    div#topup-qr .modal-dialog .modal-header {
        display: block;
    }
    .header-prelogin--flex {
        margin-left: 0;
        width: 100% !important;
    }
    a.language-btn.header-action-btn.js-trigoverlay {
        width: 30px;
    }
    .mobile-header-icon-left {
        padding: 11px;
    }
    .icon-Notification:before {
        padding-left: 0px;
    }
    .copyqr {
        margin-top: 25px;
    }
    .game-header {
        margin-left: 0;
    }
    .vmc-container {
        width: auto !important;
    }
    .vmc-arrow-left {
        left: -20px !important;
    }
    .vmcarousel-centered-infitine.vmc-centered.vmcarousel::before {
        margin-left: 0 !important;
    }
    .vmc-viewport {
        width: 280px;
        margin: auto;
    }
    .bar-wallet {
        margin-top: 6% !important;
        margin-bottom: 6% !important;
    }
    .js-copy.btn.btn-primary {
        min-width: 100%;
    }
    .home-game-banner-1,
    .home-game-banner-2,
    .home-game-banner-3,
    .home-game-banner-4 {
        margin-bottom: 20px;
    }
    #myCarousel {
        margin-left: -30px;
        margin-right: -30px;
    }
    #myCarousel .carousel-inner {
        border-radius: unset;
    }
    .carousel_description {
        margin-left: -30px;
        margin-right: -30px;
        border-radius: unset;
        width: auto;
    }
    #req_qr_logo {
        width: 50% !important;
        margin-top: 0 !important;
    }
    #req_qr_container {
        margin-top: -40px;
    }
    #req_qr {
        max-width: 100%;
    }
    #req_qr_qr {
        max-width: 100%;
        float: right;
        display: inline;
        width: 30%;
    }
    #req_qr_center:nth-child(1) {
        font-size: 11px;
    }
    #theform {
        width: 100% !important;
        margin: auto;
        margin-top: 5%;
        max-width: 90%;
    }
    .whitebox-section:first-child {
        width: 90%;
    }
    button.btn-language-personal.btn.btn-primary {
        width: 90% !important;
    }
    .btn-logout {
        width: 100%;
    }
    .top-tabs .tab-menu.deposit li {
        width: 32.5%;
    }
    .filter_panel {
        width: 100%;
    }
    .filter_result {
        width: 100%;
        margin-top: 30px;
    }
    .percent {
        display: block;
        padding-top: 50px;
    }
    img.level_rank_img {
        max-width: 50px;
    }
    .big_chart {
        width: 100%;
    }
    .dots_tracking:first-child {
        margin-left: 12%;
    }
    .dots_tracker {
        margin: 0 5px;
    }
    .lines_tracker {
        vertical-align: unset;
        margin-bottom: 8px;
        width: 40px;
    }
    .words_tracking {
        margin-left: 30px;
    }
    .middle_words_tracking {
        margin: 15px 12px !important;
    }
    .fade_away img {
        width: 100% !important;
    }
    .btn-draft-save {
        width: 120px;
        padding: 10px;
    }
    .btn-draft-cancel {
        width: 120px;
        padding: 10px;
        margin-right: 5px;
    }
    #save-modal .modal-footer {
        padding: 0;
    }
    #withdrawal_total_amount {
        max-width: 150px;
    }
    .add_button {
        margin: 30px 5px;
    }
    .team_result .filter_right {
        vertical-align: top;
    }
    .filter_list {
        padding: 15px;
    }
    .review_overall {
        padding: 30px !important;
        margin-left: -30px;
        margin-right: -30px;
    }
    .top-tabs li a {
        padding: 10px 0px;
    }
    .top-tabs .tab-menu.sponsor_download {
        overflow-x: auto;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
        margin-top: 80px;
    }
    .sponsor_download.deposit_container {
        margin-top: 40px;
    }
    .sponsor_next_level {
        font-size: 18px;
    }
    .home.main-div .top-tabs li {
        width: 49%;
    }
    .hide_in_mobile {
        display: none;
    }
    td.currency-buy,
    td.currency-sell {
        padding: 15px 5px;
    }
    .deposit_banner,
    .wallet_banner,
    .wallet.top-tabs {
        margin-left: -30px;
        margin-right: -30px;
    }
    .package_filter_price {
        font-size: 11px;
    }
    button.thumb {
        font-size: 11px;
        width: 30% !important;
    }
    .prelogin header.scrolled {
        position: relative;
    }
    .prelogin header {
        margin-top: 0;
    }
    .level_name {
        font-size: 14px;
    }
    .profile_container .col-xs-2 {
        padding: 0;
    }
    .next-page {
        margin-top: 15px;
    }
    .title-overlay {
        padding-bottom: 20px;
    }
    .sponsor_result .icon-wallet {
        margin-left: 0 !important;
    }
    .sponsor_current_level {
        text-align: center;
    }
    .overlay-content {
        width: 50%;
    }
    .sponsor_container img {
        vertical-align: bottom !important;
    }
    .profile_container .sponsor_current_level {
        text-align: center;
    }
    .form-content.tnc-form {
        height: 300px;
    }
    input[type="date"].form-control {
        min-width: 100%;
        -webkit-appearance: none;
    }
    .page_name {
        font-size: 30px;
    }
    .welcome_to {
        font-size: 15px;
        display: block;
    }
    .dashboard_icon {
        display: block;
        margin-right: 0;
    }
    .dashboard_info_container .sponsor_level {
        display: block;
    }
    .roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event {
        top: unset;
    }
    .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(odd) .event {
        margin-left: -10px;
    }
    .roadmap.roadmap--orientation-vertical .roadmap__events__event:nth-child(even) .event {
        margin-right: -10px;
    }
    
    .project_details_phase2 {
        margin-right: 10px;
        float: right;
        margin-top: 5px;
    }
    .project_status {
        margin-top: 400px;
    }
    #navbar {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        background-color: rgba(0,0,0,0.3);
        position: fixed;
        top: -60px;
        width: 100%;
        transition: top 0.3s;
        display: block;
        z-index: 9999;
    }
    #navbar a {
        float: left;
        display: block;
        color: white;
        text-align: center;
        padding: 15px;
        text-decoration: none;
    }
    #navbar a:hover {
        background-color: #ddd;
        color: black;
    }
    .sticky_header_title {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 20px;
        margin-right: 20px;
        font-size: 16px;
        color: #bdbdbd;
        font-weight: bold;
    }
    .mobile-view {
        display: block;
    }
    .desktop-view {
        display: none;
    }
    .section-article {
        margin-bottom: 150px;
    }
    .profile_tab {
        padding: 10px;
    }
    .personal_label {
        font-size: 12px;
    }
    .personal_status {
        font-size: 12px;
    }
    .wallet_record {
        margin-top: 120px;
    }
    .project_details {
        padding: 20px;
    }
    .project_details_status {
        float: right;
        margin-left: 0
    }
    .project_tab_details .personal_informative_label,
    .project_tab_date {
        width: 80%;
    }
    .container.header-nav {
        padding-top: 10px;
        padding-left: 0;
        margin-left: 0;
    }
    .wallet-level-box-item {
        padding: 20px 10px;
    }
}

@media only screen and (max-width: 375px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .prelogin-content.js-vmid-parent .container {
        margin-top: 0px;
    }
    .home-level-box-item .label {
        width: 70%;
    }
    .jstree-anchor .package {
        width: 90%;
    }
    .dots_tracking:first-child {
        margin-left: 37px;
    }
    .words_tracking {
        margin-left: 15px;
    }
    #change_password_menu li {
        width: 49% !important;
    }
    #change_password_menu li a {
        padding: 10px 30px;
    }
    img.level_rank_img {
        max-width: 40px;
    }
    .filter_list .label,
    .wallet-level-box-item .label {
        width: 200px;
    }
    .thumb.btn-secondary.meta_trader {
        font-size: 11px;
        width: 45% !important;
    }
    .dashboard_info_container {
        width: 47%;
    }
    .btn-view-primary{margin-top: 10px;}
}

@media only screen and (max-width: 325px) {
    .mobile-view
    {
        display:block;
    }
    .web-view
    {
        display:none;
    }
    .hide_cont
    {
        z-index: unset;
    }
    .hide_txt
    {
        z-index:50;color:white;text-align:center;font-size:70px;padding-top:20%;font-weight:bold;
        display:none
    }
    .prelogin-content.js-vmid-parent .container {
        margin-top: 0;
    }
    .prelogin-text {
        margin-top: 10px;
    }
    .prefooter div {
        margin-top: 20px !important;
    }
    .jstree-anchor .package {
        width: 90%;
    }
    .nav-head {
        padding-left: 0;
        padding-right: 0;
    }
    #req_qr_words {
        font-size: 11px;
    }
    #reg_qr_img {
        width: 30% !important;
    }
    #reg_qr_user {
        width: 60%;
    }
    #req_qr_center {
        margin-bottom: 20px;
    }
    .vmc-arrow-right {
        right: -25px;
    }
    .btn-logout {
        min-width: auto !important;
    }
    .thumb.btn-secondary.meta_trader {
        font-size: 11px;
        width: 45% !important;
    }
    .btn-draft-save {
        width: 100px;
        padding: 10px;
    }
    .btn-draft-cancel {
        width: 100px;
        padding: 10px;
        margin-right: 5px;
    }
    .btn-view-primary{margin-top: -10px;}
    .dots_tracking:first-child {
        margin-left: 15px;
    }
    .lines_tracker {
        width: 33px;
    }
    .words_tracking {
        margin-left: 0px;
    }
    .middle_words_tracking {
        margin: 15px 8px !important;
    }
    .add_button {
        margin: 30px 2px;
        padding: 5px 10px;
    }
    .thumb.btn-secondary {
        margin-right: 5px !important;
        padding: 10px 15px !important;
    }
    #change_password_menu li a {
        padding: 10px 20px;
    }
    img.level_rank_img {
        max-width: 30px;
    }
    .filter_list .label,
    .wallet-level-box-item .label {
        width: 180px;
    }
    .filter_datetime {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        font-weight:300
    }
    .filter_price {
        font-size: 12px;
    }
}

.modal-fail-msg {
    color: #ec1c24;
    font-size: 13px;
    margin: 30px;
    display: block;
}

.text-red {
    color: red;
}

.form-label-2
{
    margin-top:auto;
    margin-bottom:auto;
    padding:13px 15px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    color: #ffaf00;
}

.form-input-2
{
    float:right;
    width:40%;
    margin:10px 15px;
    border:none;
    text-align:right;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    background:unset;
    color: white;
}

.header-box
{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.3);
}

.header_txt
{
    color:#ffaf00;
    font-size:16px;
    margin-top:20px;
    font-family: 'Roboto', sans-serif;
}

.header_txt2
{
    color:#fff;
    font-size:20px;
    margin-top:20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.first_welcome
{
    font-size: 16px;color: #696969;font-family: 'Roboto', sans-serif;font-weight:300;
}

.first_username 
{
    font-size: 26px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:500;
}

.line
{
    height:1px;background:rgba(255,255,255,0.2);margin:16px 0;
}

.lot_box
{
    background:rgba(255,255,255,0.1);backdrop-filter: blur(10px);border-radius: 5px;padding: 24px 16px;-webkit-backdrop-filter: blur(10px);
}

.first_list_label
{
    font-size: 13px;color: #ffaf00;font-family: 'Roboto', sans-serif;font-weight:300;line-height:1.75
}

.first_list_label2{
    font-size: 16px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:400;
}

.second_lit
{
    font-size: 14px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:300;
}

.second_label
{
    font-size: 30px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:500;
}

.second_desv
{
    font-size: 22px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:500;
}

.second_desv2{
    width:100%;font-size:16px;font-weight:500;font-family: 'Roboto', sans-serif;
}

.second_text
{
    font-size: 20px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:500;
}

.third
{
    font-size: 14px;color:#ffaf00;font-family: 'Roboto', sans-serif;font-weight:300;
}

.third_label
{
    font-size: 14px;color: #696969;font-family: 'Roboto', sans-serif;font-weight:300;
}

.dour
{
    font-size: 14px;color: #ffaf00;font-family: 'Roboto', sans-serif;font-weight:500;line-height:1.75
}

.dour_error
{
    font-size: 14px;color: #ff0000;font-family: 'Roboto', sans-serif;font-weight:500;line-height:1.75
}

.dour_txt
{
    font-size: 14px;color: #696969;font-family: 'Roboto', sans-serif;font-weight:300;line-height:1.75
}

.dour_txt_error
{
    font-size: 14px;color: #ff0000;font-family: 'Roboto', sans-serif;font-weight:300;line-height:1.75
}

.lots_value
{
    font-size: 20px;color: #fff;font-family: 'Roboto', sans-serif;font-weight:500;line-height:1.75
}

.lots_value_error
{
    font-size: 20px;color: #ff0000;font-family: 'Roboto', sans-serif;font-weight:500;line-height:1.75
}

.lot_profit
{
    font-size: 14px;color: #fff;font-family: 'Roboto', sans-serif;font-weight:300;line-height:1.75
}

.lot_div
{
    font-size: 12px;color: #ffaf00;font-family: 'Roboto', sans-serif;font-weight:300;line-height:1.75;text-align:left
}

.lot_div_text
{
    font-size: 14px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:500;text-align:left
}

.lot_div_val
{
    padding:10px;border:1px solid #ffaf00;color:#ffaf00;background:none;border-radius:5px
}

.lot_div_val2
{
    padding:10px;border:1px solid #ff0000;color:#ff0000;background:none;border-radius:5px;font-size: 16px;font-family: 'Roboto', sans-serif;font-weight:500;
}

.float_left
{
    float:left;text-align:left
}

.empty_slot
{
    font-size: 14px;color: #696969;font-family: 'Roboto', sans-serif;font-weight:400;line-height:1.75
}

.name
{
    font-size:16px;font-weight:500;font-family: 'Roboto', sans-serif;
}

.icon-size
{
    color:#ffaf00;font-size:11px;margin-top:24px
}

.div-invest
{
    background-color: rgba(255, 255, 255, 0.07);backdrop-filter: blur(10px);padding: 20px;text-align:center;margin:16px;border-radius: 5px;-webkit-backdrop-filter: blur(10px);
}

.div-invest-insert
{
    background-color: rgba(255, 255, 255, 0.07);backdrop-filter: blur(10px);padding: 18px;border-radius: 5px;-webkit-backdrop-filter: blur(10px);
}

.div-input-insert
{
    background:none;border:none;width:70px;font-size:18px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:500;text-align: right;
}

.div_profile
{
    padding: 20px 20px 0px 20px;text-align:center;margin:16px;
}

.edit_div
{
    background-color: rgba(255, 255, 255, 0.15);backdrop-filter: blur(10px);border-radius: 5px;padding: 17px 20px;margin: 10px 16px 12px;-webkit-backdrop-filter: blur(10px);
}

.edit_div_unbg
{
    border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 5px;padding: 17px 20px;margin: 10px 16px 12px;
}

.opt_price
{
    width:100%;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 14px;
    border-radius: 5px;
    color: #ffffff;
    text-align:center;
    padding:12px 0;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 16px;
  }
  
  li a:hover {
    background-color: rgba(0,0,0,0.5);
  }

  /*Landing-Web (MBA)*/
  .first_nav_box
  {
    position:fixed;overflow: hidden;top: 0;width: 100%;background-color: rgba(0, 0, 0, 0.3);padding:30px 0;z-index:20
  }

  .nav-lang-btn
  {
    margin:0 16px;font-size:16px;background:unset;border:unset;color:white
  }

  .nav-btn-icon
  {
    font-size:22px;color:#ffaf00
  }

  .intro_land
  {
    background-image:url('../img/Element/Landing/Web-BG-01.png');width:100%;min-height:900px;text-align:center;padding-top:150px;font-family: 'Roboto', sans-serif;font-weight:300
  }

  .intro_land_txt{
    color: #ffaf00;font-size:35px
  }

  .intro_land_desc
  {
    margin-top:30px;margin-bottom:60px
  }

  .intro_land_desc2
  {
    color: #fff;font-size:60px;font-weight:500;
  }

  .intro_land_desc3
  {
    color: #fff;font-size:22px
  }

  .intro_land_4
  {
    margin-top:30px;font-weight:500;padding:14px 60px;font-family: 'Roboto', sans-serif;
  }

  .sec_box
  {
    background-color:rgba(0,0,0);width:100%;min-height:950px
  }

  .sec_box1
  {
    position:absolute;top:700px;text-align:center;border: solid 2px rgba(255, 175, 0, 0.5);background-color: rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 5px;padding:80px;margin:0 15%;font-family: 'Roboto', sans-serif;color:white;z-index:1;
  }

  .sec_box_title
  {
    color:#ffaf00;font-size: 37px;font-weight:500
  }

  .sec_box_desc
  {
    line-height: 1.6;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);font-size: 20px;
  }

  .sec_box_desc2
  {
    color:#fff;font-size: 30px;font-weight:400;line-height: 1.4;
  }

  .sec_box_third
  {
    color:#ffaf00;font-size: 20px;font-weight:300;line-height: 1.6;
  }

  .sec_box_icon_cir
  {
    margin-left:15%;margin-right:15%;background-color: rgba(255, 175, 0, 0.1);height:110px;border-radius:200px;padding-top:25%
  }

  .sec_box_icon
  {
    font-size:28px;color:#ffaf00
  }

  .sec_icon_desc
  {
    color:#FFF;font-size: 22px;font-weight:300;line-height: 1.36;
  }

  .thir_box
  {
    position:relative;top:-200px;text-align:center;border: solid 2px rgba(255, 175, 0, 0.5);background-color: rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 5px;padding:70px;margin:0 15%;font-family: 'Roboto', sans-serif;color:white
  }

  .cent_box
  {
    position:relative;z-index:1;width:100%;min-height:900px;text-align:center;
  }

  .img_box
  {
    z-index:-1;width:100%;height:100%;opacity:.4;position:absolute;background-image:url('../img/Element/Landing/Web-BG-03.png');
  }

  .cent_box2
  {
    background-color:black;width:100%;min-height:900px;text-align:center;font-family: 'Roboto', sans-serif;font-weight:300
  }

  .cent2_txt
  {
    color:#fff;font-size: 50px;font-weight:500;line-height: 1.4;
  }

  .cent2_btn
  {
    margin-top:30px;font-weight:500;padding:14px 60px;font-family: 'Roboto', sans-serif;
  }

  .forth_box
  {
    color:#ffaf00;font-size: 40px;font-weight:500;line-height: 1.4;
  }

  .fourth_box_contact
  {
    background-color: rgba(255, 255, 255, 0.07);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-radius: 10px;padding:26px
  }

  .fourth_number
  {
    color:#fff;font-size: 24px;font-weight:500;line-height: 1.4;
  }

  .fourth_hour
  {
    color:#ffaf00;font-size: 14px;font-weight:300;line-height: 1.6;
  }

  .fifth_box
  {
    background-color: rgba(255, 255, 255, 0.07);color:white;padding:70px 0;font-family: 'Roboto', sans-serif;
  }

  .footer_box_email
  {
    color:#ffaf00;font-size: 16px;font-weight:300;line-height: 1.6;
  }

  .footer_box_desc
  {
    color: #696969;font-size:13px;font-weight:500;
  }

  .footer_right
  {
    color: #fff;font-size:14px;font-weight:300;
  }

  .footer_div
  {
    width:100%;margin-top:20px
  }
  
  .footer_div_btn
  {
    width:40%;padding: 10px;border-radius: 5px;border: solid 1px #ffaf00;background:unset;font-size: 16px;font-weight:500
  }

  .module {
    width: 100%;
    margin: 0 0 1em 0;
    overflow: hidden;
  }
  .module span {
    margin: 0;
  }

  .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
  }