@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700;0,900;1,900&family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
body {
    background-color: #FFF;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden !important;
}
a {text-decoration: none;}
::selection {
    background: rgba(255,119,0,.7)!important;
    color: #fff;
}
input:focus, select:focus, textarea:focus {outline: none !important;}
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;
}
input.error {border: 1px solid #e34828 !important;}
body #preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgb(255, 255, 255);
    z-index: 999999;
    transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transform: scale(1);
}
body #preloader .bg {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
body #preloader.hide {transform: scale(1.2); }
body #preloader .bg img {width: 250px; position: relative; z-index: 9999999; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
body #preloader.hide .bg img {transform: scale(2);}
body #preloader img.bg {
    width: 80vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .05;
 }
body #backgroundBanner {
    width: 100vw;
    height: auto;
    min-height: 620px;
    border: 0;
    background-image: url('/assets/images/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    background-color: rgb(7, 7, 61);
    z-index: 99;
    background-color: #000;
}
body.userPages #backgroundBanner {background: none; min-height: 100px;}
body.userPages.deposit #backgroundBanner {background: none; min-height: 0;}

/* --------------------Sticky --------------------------------------------------*/
body #backgroundBanner .nav.stick {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
}
body #backgroundBanner .nav.stick .innerWrapper .leftNav .logoWrapper img.black {display: block !important;}
body #backgroundBanner .nav.stick .innerWrapper .leftNav .logoWrapper img.white {display: none !important;}

body #backgroundBanner .nav.stick .innerWrapper .leftNav .logoWrapper svg g {fill: #000;}
body #backgroundBanner .nav.stick .innerWrapper .leftNav ul {color: #000;}
body #backgroundBanner .nav.stick .innerWrapper .leftNav ul li:hover {border-bottom: 1.5px solid #ff5722; color: #ff5722;}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav .langWrapper span {color: #000;}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a:not(.userLogged) {
    color: #ff5722;
    border: 1px solid #ff5722;
}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a.color {background-color: #ff5722; border: 0; color: #FFF;}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a:not(.color):hover, body #backgroundBanner .nav.stick .innerWrapper  .rightNav a:not(.userLogged):hover {background-color: #ff5722 !important; color: #FFF;}
/* ---------- Mobile Menu */
body.showMobileNav #backgroundBanner .nav {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
}
body.showMobileNav #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img.black {display: block !important;}
body.showMobileNav #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img.white {display: none !important;}

body.showMobileNav #backgroundBanner .nav .innerWrapper .leftNav ul {color: #000;}
body.showMobileNav #backgroundBanner .nav .innerWrapper .leftNav ul li:hover {border-bottom: 1.5px solid #ff5722; color: #ff5722;}
body.showMobileNav #backgroundBanner .nav .innerWrapper  .rightNav .langWrapper span {color: #000;}
body.showMobileNav #backgroundBanner .nav .innerWrapper  .rightNav a:not(.userLogged) {
    color: #ff5722;
    border: 1px solid #ff5722;
}
body.showMobileNav #backgroundBanner .nav .innerWrapper  .rightNav a.color {background-color: #ff5722; border: 0; color: #FFF;}
body.showMobileNav #backgroundBanner .nav .innerWrapper  .rightNav a:not(.color):hover, body #backgroundBanner .nav.stick .innerWrapper  .rightNav a:not(.userLogged):hover {background-color: #ff5722 !important; color: #FFF;}
body.showMobileNav #backgroundBanner .nav .innerWrapper .leftNav a.mobileMenu {color: #000 !important;}
body #backgroundBanner .nav.stick .innerWrapper .leftNav a.mobileMenu {color: #000;}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a.mobile {
    color: #000 !important;
    border: 1.5px solid #000 !important;
    height: 40px;
    width: 40px;
}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a.mobile span {font-size: 45px !important; line-height: 40px; }
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a.mobile:hover { color: #000 !important;}
body #backgroundBanner .nav.stick .innerWrapper  .rightNav a.mobile span {font-size: 20px !important;}
/*  -------------------- Other pages ----------------------------------------*/


body.userPages #backgroundBanner .nav {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
}
body.userPages #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img.black {display: block !important;}
body.userPages #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img.white {display: none !important;}
body.userPages #backgroundBanner .nav .innerWrapper .leftNav ul {color: #000;}
body.userPages #backgroundBanner .nav .innerWrapper .leftNav ul li:hover {border-bottom: 1.5px solid #ff5722; color: #ff5722;}
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav .langWrapper span {color: #000;}
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a:not(.userLogged) {
    color: #ff5722;
    border: 1px solid #ff5722;
}
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a.color {background-color: #ff5722; border: 0; color: #FFF; padding-left: 10px; padding-right: 10px;}
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a:not(.color):hover, body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a:not(.userLogged):hover {background-color: #ff5722 !important; color: #FFF;}

body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a.mobile {
    color: #000 !important;
    border: 1.5px solid #000 !important;
    height: 40px;
    width: 40px;
}
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a.mobile span {font-size: 45px !important; line-height: 40px; }
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a.mobile:hover { color: #000 !important;}
body.userPages #backgroundBanner .nav .innerWrapper  .rightNav a.mobile span {font-size: 20px !important;}

body.userPages #backgroundBanner .nav .innerWrapper .leftNav a.mobileMenu {color: #000 !important;}

/* ------------------------------------------------------------------------------------------------------------------------ */
ul.mobile {display: none !important;}
body #backgroundBanner .nav {width: 100%; height: auto; margin: 0 !important; padding: 0 !important; background-color: transparent; position: fixed; top: 0; z-index: 999;}
body #backgroundBanner .nav .innerWrapper {width: 100%; height: 35px; margin: 0 auto; padding: 15px 25px; border: none; background-color: transparent; overflow: hidden; z-index: 99;}
body #backgroundBanner .nav .innerWrapper .leftNav  {display: flex !important; float: left;}

body #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img {width: 220px;}
body #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img.white {
    display: block;
}
body #backgroundBanner .nav .innerWrapper .leftNav .logoWrapper img.black {
    display: none;
}


body #backgroundBanner .nav .innerWrapper .leftNav a.mobileMenu {
    color: #FFF;
    margin-right: 20px;
    font-size: 30px;
    cursor: pointer;
    display: none;
}
body #backgroundBanner .nav .mobileNavDisplay {
    width: 100%;
    height: 0;
    background-color: #FFF;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}
body.showMobileNav #backgroundBanner .nav .mobileNavDisplay {height: 100vh !important; padding: 20px;}
body #backgroundBanner .nav .innerWrapper .leftNav a.mobileMenu span {font-size: 40px !important;}

body #backgroundBanner .nav .mobileNavDisplay ul {padding: 0; margin: 0; margin-left: 35px; list-style-type: none; color: #4a4a4a; display: block;}
body #backgroundBanner .nav .mobileNavDisplay ul li {
    color: inherit;
    line-height: 50px;
    font-size: 16px;
    border: 0;
    margin: 0 5px;
    padding: 0;
    transition: color 0.5s ease, border 0.5s ease;
    border-bottom: 1px solid rgba(155, 155, 155, .1);
    display: block !important;
    height: 50px !important;
}
body #backgroundBanner .nav .mobileNavDisplay ul li a {display: block; width: 100%; height: 100%; color: inherit;}


body #backgroundBanner .nav .innerWrapper .leftNav ul {padding: 0; margin: 0; margin-left: 35px; list-style-type: none; color: #FFF; display: flex;}
body #backgroundBanner .nav .innerWrapper .leftNav ul li {
    color: inherit;
    line-height: 36px;
    font-size: 16px;
    border: 0;
    border-bottom: 1.5px transparent;
    margin: 0 5px;
    padding: 0 15px;
    transition: color 0.5s ease, border 0.5s ease;
}
body #backgroundBanner .nav .innerWrapper .leftNav ul li a {display: block; width: 100%; height: 100%; color: inherit;}
body #backgroundBanner .nav .innerWrapper .leftNav ul li:hover, body #backgroundBanner .nav .innerWrapper .leftNav ul li.active {border-bottom: 1.5px solid #ff5722; color: rgba(255, 255, 255, .5);}
 
body #backgroundBanner .nav .innerWrapper  .rightNav {
    float: right;
    margin-right: 50px;
    display: flex;
}
body #backgroundBanner .nav .innerWrapper  .rightNav .langWrapper {display: flex; margin-right: 20px;}
body.logged #backgroundBanner .nav .innerWrapper  .rightNav .langWrapper {margin-right: 150px;}
body #backgroundBanner .nav .innerWrapper  .rightNav .langWrapper img {width: 30px; height: 30px; margin-right: 5px; margin-top: 5px; }
body #backgroundBanner .nav .innerWrapper  .rightNav .langWrapper span {
    color: #FFF;
    line-height: 40px;
    font-size: 15px;
}
body #backgroundBanner .nav .innerWrapper  .rightNav a:not(.userLogged) {
    color: #FFF;
    width: 90px;
    height: 40px;
    padding: 0px;
    border-radius: 0;
    margin: 0 3px;
    font-weight: 300;
    font-size: 15px;
    border: 1px solid #FFF;
    background-color: transparent;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease;
}
body #backgroundBanner .nav .innerWrapper  .rightNav a.userLogged {display: none !important;}
body #backgroundBanner .nav .innerWrapper  .rightNav a.userLogged.active {display: block !important;}
body #backgroundBanner .nav .innerWrapper  .rightNav a.userLogged img {width: 40px; margin-right: 14px; }
body #backgroundBanner .nav .innerWrapper  .rightNav a.hide {display: none !important;}
body #backgroundBanner .nav .innerWrapper  .rightNav a.color {background-color: #ff5722; border: 0;}
body #backgroundBanner .nav .innerWrapper  .rightNav a:not(.color):hover {color: #000; background-color: #FFF;}
body #backgroundBanner .nav .innerWrapper  .rightNav a.userLogged.active:hover {background-color: transparent !important;}
body #backgroundBanner .nav .innerWrapper  .rightNav a.mobile {
    color: #FFF !important;
    border: 1.5px solid #FFF !important;
    height: 45px;
    line-height: 45px;
    border-radius: 100%;
    width: 45px;
    display: none;
}
body #backgroundBanner .nav .innerWrapper  .rightNav a.mobile span {font-size: 30px !important; line-height: 45px; }
body #backgroundBanner .nav .innerWrapper  .rightNav a.mobile:hover {background-color: #FFF; color: #000 !important;}
body .tradeBody {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    border: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    margin-top: 70px;
    border-radius: 4px;
}

body .tradeBody h1 { color: #FFF; line-height: 1.2; font-size: 40px;}

body.logged .tradeBody a.mainButtons {visibility: hidden !important;}

body .tradeBody a.mainButtons {
    display: block;
    float: left;
    color: #FFF;
    width: 190px;
    height: 40px;
    padding: 5px;
    border-radius: 3px;
    margin: 0 3px;
    font-weight: 300;
    font-size: 15px;
    border: 1px solid #FFF;
    background-color: transparent;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease;
}
body .tradeBody a.mainButtons.colored {background-color: #ff5722; border: 0;}
body .tradeBody a.mainButtons:not(.colored):hover {color: #000; background-color: #FFF;}
body .tradeBody img.BG {position: absolute !important; width: 500px; top: -60px; right: 0; z-index: 99;}

body .tradeBody .tabNav {
    clear: both;
    display: flex;
    z-index: 100;
    position: relative;
    margin: 50px auto 0 auto;
    margin-top: 150px !important;
    width: 70%;
    height: auto;
    overflow: hidden;
}
body .tradeBody .tabNav ul {padding: 0; margin: 0; margin-left: 35px; list-style-type: none; color: #FFF; display: flex;}
body .tradeBody .tabNav ul li {
    color: inherit;
    line-height: 36px;
    font-size: 17px;
    border: 0;
    border-bottom: 1.5px transparent;
    margin: 0 5px;
    padding: 0 15px;
    transition: color 0.5s ease, border 0.5s ease;
}
body .tradeBody .tabNav ul li a {display: block; width: 100%; height: 100%; color: inherit;}
body .tradeBody .tabNav ul li:hover { color: rgba(255, 255, 255, .5);}
body .tradeBody .tabNav ul li.active {border-bottom: 1.5px solid #FFF;}

body .tabNavWrapper {border-radius: 3px;}
body .tradeBody .tabNavWrapper .bodyxNav {
    width: 100%;
    height: auto;
    background-color: #FFF;
    min-height: 400px;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    border-radius: 4px;
    overflow: hidden;
}
body .tradeBody .tabNavWrapper .bodyxNav .header {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: rgb(250, 250, 254);
    display: flex;
    padding: 20px 15px;
    border-radius: 4px;
}
body .tradeBody .tabNavWrapper .bodyxNav .header h2 {
    color: #4a4a4a;
    font-size: 21px;
    font-weight: 300;
    margin: 0;
    margin-right: 140px;
    cursor: pointer;
}
body .tradeBody .tabNavWrapper .bodyxNav .header h2 span {font-weight: 700;}
body .tradeBody .tabNavWrapper .bodyxNav .header h2 span.icon {position: relative; top: 2px; font-size: 16px; color:#ff5722; transition: all 0.4s ease; left: 0;}
body .tradeBody .tabNavWrapper .bodyxNav .header span.bolder {
    color: #4a4a4a;
    font-size: 19px;
    font-weight: 700;
    margin-right: 140px;
    display: block;
    
}
body .tradeBody .tabNavWrapper .bodyxNav .header span.bolder span{display: block; font-size: 17px; font-weight: 300; font-size: 15px;} 
body .tradeBody .tabNavWrapper .bodyxNav .header h2:hover span.icon {left: 6px;}
body .tableHeader ul {padding: 0; margin: 0; list-style-type: none; color: rgb(155, 155, 155);; display: flex;}
body .tableHeader ul li {
    color: inherit;
    line-height: 56px;
    font-size: 12px;
    border: 0;
    margin: 0 5px;
    padding: 0;
    transition: color 0.5s ease, border 0.5s ease;
    margin-right: 100px;
    
}
body .tableHeader ul li:first-child {margin-right: 200px; padding-left: 15px;}
body .tradeBody .tabNavWrapper  .tableItem.active {display: block !important;}
body .tradeBody .tabNavWrapper  .tableItem {
    padding: 0 15px; margin: 0; 
    list-style-type: none; color: rgb(155, 155, 155); width: 100%;
    display: none;
}
body .tradeBody .tabNavWrapper  .tableItem .items {display: flex; padding: 16px 0; border-top: 1px solid rgba(155, 155, 155, .2); width: 97%; cursor: pointer; transition: all 0.4s ease;}
body .tradeBody .tabNavWrapper  .tableItem .items:hover {background-color: rgb(250, 250, 254);}
body .tradeBody .tabNavWrapper  .tableItem .items span {margin-right: 50px; font-size: 14px;}
body .tradeBody .tabNavWrapper  .tableItem .items:first-child  {margin-right: 200px;}
body .tradeBody .tabNavWrapper  .tableItem .items span.bolder {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 500;
    margin-right: 140px;
    display: block; 
    width: 100px;
}
body .tradeBody .tabNavWrapper  .tableItem .items span.bolder span{display: block; font-size: 11px; font-weight: 300; } 
body .tradeBody .tabNavWrapper  .tableItem .items img { width: 30px; height: 30px; margin-right: 10px;}
body .tradeBody .tabNavWrapper  .tableItem .items  span.success span{ color: rgb(53, 169, 71); margin-right: 10px; }
body .tradeBody .tabNavWrapper  .tableItem .items  span.danger span{ color: rgb(227, 72, 40); margin-right: 10px;}
body .tradeBody .tabNavWrapper  .tableItem .items svg {width: 80px; margin-top: -5px;}

body .tradeBody .tabNavWrapper  .tableItem .items span a {
    display: block;
    float: left;
    padding: 10px 30px;
    border-radius: 1px;
    font-weight: 300;
    font-size: 15px;
    border: 1px solid #FFF;
    background-color: transparent;
    text-align: center;
    transition: all 0.5s ease;
    margin-left: 10px;
}
body .tradeBody .tabNavWrapper  .tableItem .items span a:first-child {margin-left: 30px;}
body .tradeBody .tabNavWrapper  .tableItem .items span a.sell {border: 1px solid #ff5722; color: #ff5722; transition: all 0.3s ease;}
body .tradeBody .tabNavWrapper  .tableItem .items span a.sell:hover { background-color: #ff5722; color: #FFF;}
body .tradeBody .tabNavWrapper  .tableItem .items span a.buy {border: 1px solid rgb(53, 169, 71); color: rgb(53, 169, 71); transition: all 0.3s ease;}
body .tradeBody .tabNavWrapper  .tableItem .items span a.buy:hover { background-color: rgb(53, 169, 71); color: #FFF;}

body .tradeBody p.infoBottom {
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    color: rgb(155, 155, 155);
    margin-top: 16px;
    text-align: center;
    padding: 0 25px;
}

body section#depositWithdraw {
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 500px;
    padding: 80px 0px;
    background-color: #FAFAFE;
}
body section#depositWithdraw .inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 100px;
}
body section#depositWithdraw .inner h1 {
    font-size: 36px;
    line-height: 1.6;
    font-weight: 300;
    text-align: center;
    color: rgb(108, 7, 196);
    background: linear-gradient(-45deg, rgb(108, 7, 196) 0%, rgb(22, 69, 182) 100%) text;
    text-align: center;
    margin: 0;
}
body section#depositWithdraw .inner p.desc {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    color: #4a4a4a;
    text-align: center;
    margin-top: 5px;
}
body section#depositWithdraw .inner p.desc a {color: #ff5722;}
body section#depositWithdraw .inner .paymethods {
    width: 85%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    margin-top: 50px;
    border: none;
}
 
body section#depositWithdraw .inner .paymethods ul {padding: 0; margin: 0; list-style-type: none; color: rgb(155, 155, 155);; display: flex;}
body section#depositWithdraw .inner .paymethods ul li {
    border: 0;
    padding: 0;
    transition: color 0.5s ease, border 0.5s ease;
    margin-right: 30px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 114px;
    height: 68px;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    padding: 11px;
    box-sizing: border-box;
}
body section#depositWithdraw .inner .paymethods ul li img {width: 90px;}
body section#depositWithdraw .inner .paymethods ul li:nth-child(4) img  {width: 40px;}

body section#depositWithdraw .inner a.openAcc {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #FFF;
    width: 160px;
    height: 40px;
    padding: 5px;
    border-radius: 3px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 15px;
    border: none;
    background-color: #ff5722;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease;
    margin-top: 50px;
    margin-bottom: 50px;
}

body section#advancePlat {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 80px 0px;
    background-color: #FFF;
}
body section#advancePlat .inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
body section#advancePlat .inner .platform {
    width: 256px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0px 16px;
    margin-top: 0px;
    box-sizing: border-box;
    text-align: center;
 }
 body section#advancePlat .inner .platform:last-child {margin-right: 0;}
 body section#advancePlat .inner .platform h2 {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
    color: #4a4a4a;
    text-align: center;
    margin: 0;
 }

 body section#advancePlat .inner .platform p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    color: #4a4a4a;
    text-align: center;
    margin-top: 5px;
}
body section#advancePlat .inner .platform a {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    text-align: center;
    color: #ff5722;
    text-align: center;
    margin-top: 5px;
}
body section#advancePlat .inner .platform img.icon {width: 90px; margin-bottom: 17px;}
body section#advancePlat .inner .platform img:not(.icon) {width: 75%; margin: 6px auto;}

body section#enjoyUlt {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 80px 0px;
    background-color: #FFF;
}
body section#enjoyUlt .inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
}
body section#enjoyUlt .inner .one {
    width: 43%;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0px 16px;
    margin-top: 0px;
    box-sizing: border-box;
    text-align: left;
    margin-right: 100px;
 }
 body section#enjoyUlt .inner .one:last-child {margin-right: 0;}
 body section#enjoyUlt .inner .one h1 {
    font-size: 36px;
    line-height: 1.4;
    text-align: left;
    font-weight: 400;
    color: rgb(108, 7, 196);
    background: linear-gradient(-45deg, rgb(108, 7, 196) 0%, rgb(22, 69, 182) 100%) text;
    margin: 0;
 }

 body section#enjoyUlt .inner .one p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #4a4a4a;
    margin-top: 25px;
}
body section#enjoyUlt .inner .one  img.subtext {width: 100%; margin-top: 10px;}
body section#enjoyUlt .inner .one  img.notsubtext {width: 140%; float: right;}



body section#features {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 50px 0px;
    background-color: #FFF;
}
body section#features h1.header {
    font-size: 32px;
    line-height: 1.4;
    text-align: center !important;
    font-weight: 400;
    color: rgb(108, 7, 196);
    background: linear-gradient(-45deg, rgb(108, 7, 196) 0%, rgb(22, 69, 182) 100%) text;
    margin-bottom: 50px;
    padding: 0;
}
body section#features .inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
}
body section#features .inner .one {
    width: 43%;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0px 16px;
    margin-top: 0px;
    box-sizing: border-box;
    text-align: left !important;
    margin-right: 100px;
 }
 body section#features .inner .one:last-child {margin-right: 0;}
 body section#features .inner .one.margin-top {margin-top: 90px;}
 body section#features .inner .one h1 {
    font-size: 32px;
    line-height: 1.4;
    text-align: left !important;
    font-weight: 400;
    color: rgb(108, 7, 196);
    margin: 0;
    padding: 0;
    text-align: left !important;
 }

 body section#features .inner .one p {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    margin-top: 25px;
}
body section#features .inner .one  img.subtext {width: 100%; margin-top: 10px;}
body section#features .inner .one  img.notsubtext {width: 110%; float: right;}

body section#startTrading {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 80px 0px;
    background-color: #FAFAFE;
}
body section#startTrading h1.header {
    font-size: 32px;
    line-height: 1.4;
    text-align: center !important;
    font-weight: 400;
    color: rgb(108, 7, 196);
    background: linear-gradient(-45deg, rgb(108, 7, 196) 0%, rgb(22, 69, 182) 100%) text;
    margin-bottom: 50px;
    padding: 0;
}
body section#startTrading .inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
body section#startTrading .inner .platform {
    width: 256px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    padding: 0px 16px;
    margin-top: 0px;
    box-sizing: border-box;
    text-align: center;
 }
 body section#startTrading .inner .platform:last-child {margin-right: 0;}
 body section#startTrading .inner .platform h2 {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
    color: #4a4a4a;
    text-align: center;
    margin: 0;
 }
 body section#startTrading .inner .platform h2 span {color: #ff5722;}
 body section#startTrading .inner .platform p {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    color: #4a4a4a;
    text-align: center;
    margin-top: 5px;
}
body section#startTrading .inner .platform a {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    text-align: center;
    color: #ff5722;
    text-align: center;
    margin-top: 5px;
}
body section#startTrading .inner .platform img.icon {width: 90px; margin-bottom: 17px;}
body section#startTrading .inner .platform img:not(.icon) {width: 75%; margin: 6px auto;}




body section#onlineTradingPlat {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 50px 0px;
    background-color: #FFF;
}
body section#onlineTradingPlat h1.header {
    font-size: 32px;
    line-height: 1.4;
    text-align: center !important;
    font-weight: 400;
    color: rgb(108, 7, 196);
    padding: 0;
    margin-bottom: 10px;
}
body section#onlineTradingPlat span.sub {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    text-align: center;
    display: block;
}

body section#onlineTradingPlat p.info {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    text-align: left;
    display: block;
    width: 1000px;
    margin: 30px auto;
}
body section#onlineTradingPlat .inner {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
body section#onlineTradingPlat .inner .one {
    width: 43%;
    display: flex;
    -webkit-box-align: center;
    flex-shrink: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left !important;
    margin-right: 70px;
    margin-top: 40px;
    
 }

 body section#onlineTradingPlat .inner .one .block {width: 79px;  margin-right: 20px; }
 body section#onlineTradingPlat .inner .one .block img {width: 100%;}
 body section#onlineTradingPlat .inner .one .block2 { width: calc(94% - 92px);  }
 body section#onlineTradingPlat .inner .one:last-child {margin-right: 0;}
 body section#onlineTradingPlat .inner .one.margin-top {margin-top: 20px;}
 body section#onlineTradingPlat .inner .one h3 {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
    text-align: left;
    color: #4a4a4a;
    margin: 0;
    padding: 0;
 }

 body section#onlineTradingPlat .inner .one p {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    margin-top: 5px;
}
body section#onlineTradingPlat .inner .one p a {display: block; color: #ff5722;}
body section#onlineTradingPlat .inner .one  img.subtext {width: 100%; margin-top: 10px;}
body section#onlineTradingPlat .inner .one  img.notsubtext {width: 110%; float: right;}


body section#footer {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    border-top: 1px solid rgb(225, 225, 225) !important;
}

body section#footer .wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box
}
body section#footer .wrapper .footerHeader {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid rgb(244, 244, 249);
    padding-bottom: 8px;
}
body section#footer .wrapper .footerHeader .inner {width: 1000px; margin: 0 auto; display: block; overflow: hidden; padding: 6px 0;}

body section#footer .wrapper .footerHeader .inner a {
    font-size: 14px;
    line-height: 50px;
    font-weight: 400;
    color: #4a4a4a;
    float: left;
}
body section#footer .wrapper .footerHeader .inner a:nth-child(2) {color: #ff5722; float: right;}
body section#footer .wrapper .footerHeader .inner a:nth-child(2) span {
    position: relative;
    top: 2px;
    margin-left: 10px;
    font-size: 20px;
    padding: 8px;
    border: 1px solid #ff5722;
    border-radius: 50%;
    transition: all 0.3 ease;
    background-color: #FFF;
}
body section#footer .wrapper .footerHeader .inner a:nth-child(2) span:hover {background-color: #ff5722; color: #fff;}

body section#footer .wrapper .inner {width: 1000px; margin: 0 auto; display: block; overflow: hidden; padding: 20px 0; display: flex; box-sizing: border-box}
body section#footer .wrapper .inner ul {padding: 0; margin: 0; list-style-type: none; color: #4a4a4a}
body section#footer .wrapper .inner ul li {
    color: rgb(155, 155, 155);
    font-size: 14px;
    border: 0;
    padding: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 1.7;
    margin-top: 6px;
}
body section#footer .wrapper .inner ul li a {color: inherit;}
body section#footer .wrapper .inner ul li:hover a{text-decoration: underline;}
body section#footer .wrapper .inner .one {
    flex-shrink: 0;
    box-sizing: border-box;
}
 body section#footer .wrapper .inner .one:first-child {width: 18%; margin-right: 0;}
 body section#footer .wrapper .inner .one:nth-child(2) {width: 60% !important; margin-right: 10px;}
 body section#footer .wrapper .inner .one:last-child {width: 20%; margin-right: 0;}
 body section#footer .wrapper .inner .one p {
    color: rgb(155, 155, 155);
    font-size: 12px;
    line-height: 1.6;
 }
body section#footer .wrapper .inner .riskWrap {
    width: 100%;
    height: auto;
    min-height: 100px;
    border: 1px solid #FAFAFE;
    position: relative;
    margin-top: 4px;
    margin-bottom: 12px;
    padding: 16px 20px;
    border: 1px solid rgb(155, 155, 155);
    border-radius: 4px;
    
    box-sizing: border-box;
}
body section#footer .wrapper .inner .riskWrap h3 {
    color: rgb(155, 155, 155);
    font-size: 15px;
    line-height: 1.6;
    position: absolute;
    top: -15px;
    transform: translateY(-50%);
    background: rgb(255, 255, 255);
    padding: 0px 8px;
    color: rgb(74, 74, 74);
    font-weight: 700;
    text-transform: uppercase;
}
body section#footer .wrapper .innerFooter {
    width: 100%;
    height: 50px;
    border-top: 1px solid rgb(244, 244, 249);
    padding-bottom: 8px;
}
body section#footer .wrapper .innerFooter .inner .one {
    width: 160px;
}
body section#footer .wrapper .innerFooter .inner {justify-content: space-between;}
body section#footer .wrapper .innerFooter .inner .one:last-child {width: 400px !important;}
body section#footer .wrapper .innerFooter .inner .one img {width: 100%;}


body #loggedInMenu {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100vh;
    z-index: 9999;
    top: 0px;
    bottom: 0px;
    box-sizing: border-box;
    padding: 10px 25px;
    background: rgb(255, 255, 255);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    opacity: 1;
    transform: translateX(0px);

}
body #loggedInMenu  span#closeLogMenu {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 30px;
}
body.active #loggedInMenu {display: block !important; right: 0;}
/* body.active.home #loggedInMenu span#closeLogMenu  {display: none !important;} */

body #loggedInMenu .inner .user {
    display: flex;
    width: 100%;
    height: auto;
    margin: 5px 0; 
    flex-shrink: 0;
}
body #loggedInMenu .inner .user .one {
    padding: 0;
    box-sizing: border-box;
    text-align: left !important;
    width: 70%;
    overflow: hidden;
}
body #loggedInMenu .inner .user .one:first-child {width: 50px; margin-right: 5px;}
body #loggedInMenu .inner .user .one:first-child img {width: 50px; height: 43px;}
body #loggedInMenu .inner .user .one h4 {
    font-size: 15px;
    line-height: 1.6;
    color: rgb(74, 74, 74);
    font-weight: 600;
    margin: 0;
}
body #loggedInMenu .inner .user .one p {
    font-size: 12px;
    line-height: 1.6;
    color: rgb(74, 74, 74);
    font-weight: 300;
    margin: 0;
}

/*  */
body #loggedInMenu .inner .accountType {
    display: flex;
    width: 100%;
    height: auto;
    margin: 10px 0; 
    flex-shrink: 0;
    justify-content: space-between;
}
body #loggedInMenu .inner .accountType p {
    font-size: 12px;
    line-height: 1.6;
    color: rgb(74, 74, 74);
    font-weight: 500;
    margin: 0;
    padding: 0;
}
body #loggedInMenu .inner .accountType p:last-child {
    font-size: 20px;
    font-weight: 700;
    color: rgb(53, 169, 71);
}
body #loggedInMenu .inner .documents {width: 100%; margin-bottom: 10px; display: flex; justify-content: center; align-items: center;}
body #loggedInMenu .inner .documents img {width: 100%;}
body #loggedInMenu .inner .depoTrade {
    display: flex;
    width: 100%;
    height: auto;
    margin: 10px 0; 
    flex-shrink: 0;
    justify-content: space-between;
}

body #loggedInMenu .inner .depoTrade a {
    display: block;
    color: #FFF;
    width: 190px;
    height: 40px;
    padding: 5px;
    border-radius: 1px;
    margin: 0 3px;
    font-weight: 300;
    font-size: 15px;
    border: 1px solid #FFF;
    background-color: transparent;
    text-align: center;
    line-height: 40px;
    transition: all 0.5s ease;
    
}
body #loggedInMenu .inner .depoTrade a:first-child {background-color: rgb(53, 169, 71); border: 0;}
body #loggedInMenu .inner .depoTrade a:last-child {background-color: #ff5722; border: 0;}
body #loggedInMenu .inner .menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 20px 0; 
}
body #loggedInMenu .inner .menu ul {padding: 0; margin: 0; list-style-type: none; color: #4a4a4a}
body #loggedInMenu .inner .menu ul li {
    color: #4a4a4a;
    font-size: 14px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 40px;
    display: block;
    height: 40px;
    font-weight: 400;
    margin: 7px 0;
    background-color: #FFF;
    transition: all 0.3s ease;
}
body #loggedInMenu .inner .menu ul li a {color: inherit; display: flex;}
body #loggedInMenu .inner .menu ul li:hover { background-color: rgba(155, 155, 155, .1); transition: all 0.4s ease-in;}
body #loggedInMenu .inner .menu ul li a span {font-size: 20px; margin-right: 14px; position: relative; top: 10px;}

body #loggedInMenu .inner .menu  hr {border-top: 1px solid rgba(155, 155, 155, .1);}

body section#dateReg {
    width: 1200px;
    height: auto;
    overflow: hidden;
    text-align: right !important;
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
}
body section#dateReg h2 {
    display: block;
    font-size: 17.5px;
    line-height: 1.8;
    font-weight: 400;
    text-align: right;
    color: rgb(72, 72, 72);
}
body section#dateReg h2 span {font-size: 15px;}
body section#dateReg .date span {
    display: block;
    font-size: 11.5px;
    line-height: 1.8;
    font-weight: 400;
    text-align: right;
    color: rgb(155, 155, 155);
}
body .accountDataWrapper {
    width: 1200px;
    display: flex;
    flex-shrink: 0;
    margin: 30px auto;
    border-top: 1px solid rgba(225, 225, 225, .4);
    justify-content: space-between;
}
body .accountDataWrapper section#sideMenu {
    width: 300px ;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    overflow: hidden;
}
body .accountDataWrapper section#sideMenu .wrapper ul {padding: 0; margin: 0; list-style-type: none; color: #4a4a4a; margin-top: 30px;}
body .accountDataWrapper section#sideMenu .wrapper ul li {
    color: #4a4a4a;
    font-size: 16px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 45px;
    display: block;
    height: 45px;
    font-weight: 400;
    margin: 7px 0;
    background-color: #FFF;
    transition: all 0.3s ease;
    border-top: 1px dashed rgb(225, 225, 225);
}
body .accountDataWrapper section#sideMenu .wrapper ul li a {color: inherit; display: flex;}
body .accountDataWrapper section#sideMenu .wrapper ul li:hover { color: #ff5722; text-decoration: underline; transition: all 0.4s ease-in;}
body .accountDataWrapper section#sideMenu .wrapper ul li.active, body .accountDataWrapper section#sideMenu .wrapper p a   { color: #ff5722;}
body .accountDataWrapper section#sideMenu .wrapper ul li:first-child {border-top: 0;}
body .accountDataWrapper section#sideMenu .wrapper p {
    width: 80%;
    font-size: 12.5px;
    line-height: 16px;
    font-weight: 500;
    text-align: left;
    color: rgb(155, 155, 155);
    margin-top: 56px;
    padding: 0;
}
body .accountDataWrapper section#accData {
    width: calc(95% - 300px);
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    overflow: hidden;
    min-height: 400px;
    border: none;
    box-sizing: border-box;
}
body .accountDataWrapper section#accData .user {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    align-items: center;
}
body .accountDataWrapper section#accData .user img.usericon {width: 130px; margin: 30px auto;}
body .accountDataWrapper section#accData .user img.uploadButton {width: 270px; margin: 20px auto;}
body .accountDataWrapper section#accData .user h2 {
    font-size: 20px;
    line-height: 1;
    color: rgb(74, 74, 74);
    font-weight: 500;
    margin: 0;
    padding: 0;
}
body .accountDataWrapper section#accData .user p {
    font-size: 14.5px;
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
    color: rgb(155, 155, 155);
    padding: 0;
}
body .accountDataWrapper section#accData .moreData {
    margin: 30px auto;
    border-top: 1px solid rgba(225, 225, 225, .4);
    padding: 30px 0 0 0;
    box-sizing: border-box;
}
body .accountDataWrapper section#accData .moreData span {
    font-size: 15px;
    line-height: 1;
    color: rgb(74, 74, 74);
    font-weight: 500;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    display: block;
}
body .accountDataWrapper section#accData .moreData span.faint {color: rgba(74, 74, 74, .3); margin-bottom: 26px;}
body .accountDataWrapper section#accData .moreData p {
    font-size: 13px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 300;
    margin: 0;
    padding: 0;
    position: relative;
    width: 90%;
}
body .accountDataWrapper section#accData .moreData p b {font-weight: 520; margin-left: 5px;}
body .accountDataWrapper section#accData .moreData a {color: #ff5722; font-weight: 500;}

body section#paymentMeds {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid rgba(225, 225, 225, .7);
    padding: 30px 0 30px 0;
    box-sizing: border-box;
    background-color: #FFF;
    display: none;
}
body section#paymentMeds .wrapper {
    width: 1000px;
    display: flex;
    flex-shrink: 0;
    margin: 0 auto;
    justify-content: space-between;
}
body section#paymentMeds .accountDataWrapper img {width: 114px; height: auto; }

body .accountDataWrapper section#accData h1.pageHeader {
    font-size: 30px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    
}
body .accountDataWrapper section#accData .moreData.noti {border-top: none !important; position: relative;}
body .accountDataWrapper section#accData .moreData.noti img {width: 160px; margin: 20px 0;}
body .accountDataWrapper section#accData .moreData.noti img.other {width: 200px; display: block;}
body .accountDataWrapper section#accData  span.switch {
    outline: 0px;
    display: block;
    width: 48px;
    height: 28px;
    position: relative;
    margin-left: auto;
    cursor: pointer;
    padding: 2px;
    user-select: none;
    border-radius: 30px;
    transition: all 0.4s ease 0s;
    box-shadow: rgba(161, 161, 161, 0.35) 0px 0px 6px 0px inset;
    background-color: rgb(239, 239, 244);
    position: absolute;
    top: 50px;
    right: 0;
    overflow: hidden;
}
body .accountDataWrapper section#accData  span.switch.active {background: linear-gradient(-90deg, rgb(255, 144, 71) 0%, rgb(255, 87, 34) 100%) rgb(255, 87, 34);}
body .accountDataWrapper section#accData  span.switch span {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 2em;
    background: rgb(255, 255, 255);
    box-sizing: initial;
    box-shadow: rgba(255, 255, 255, 0.28) 0px 0px 6px 0px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, padding 0.3s ease 0s, margin 0.3s ease 0s;
    position: absolute;
    left: 0;
}
body .accountDataWrapper section#accData  span.switch.active span {left: 22px;}

body .accountDataWrapper section#accData .moreData.center span.shadow {
    width: 98%;
    height: auto;
    padding: 30px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    display: block;
    margin: 0 auto;
}
body .accountDataWrapper section#accData .moreData.center p {text-align: center; width: unset; line-height: 1.3;}

body .accountDataWrapper section#accData .moreData.center img {
    width: 220px;
    display: block;
    margin: 10px auto;
}

body .accountDataWrapper section#accData .verifyData {
    width: 100%;
    height: auto;
    margin: 50px auto;
    flex-direction: row;
}
body .accountDataWrapper section#accData .verifyData h1 {
    font-size: 27px;
    line-height: 1;
    color: rgb(74, 74, 74);
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
}
body .accountDataWrapper section#accData .verifyData p {
    font-size: 15.5px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    color: rgb(82, 82, 82);
    padding: 0;
    margin: 20px auto;
    width: 71%;
}
p.middleIt {width: 60%;}
body p.small {font-size: 12.5px !important; color: rgb(145, 142, 142);}
body .accountDataWrapper section#accData .verifyData input.middle, body .accountDataWrapper section#accData .verifyData select.middle {
    width: 300px;
    height: 50px;
    font-size: 15px;
    line-height: 1.8;
    color: #4a4a4a;
    font-weight: 400;
    margin: 0;
    padding: 0px 16px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    background-clip: padding-box;
    box-sizing: border-box;
    writing-mode: horizontal-tb !important;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-rtl-ordering: logical;
    cursor: text;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    margin-top: 19px;
    background: transparent;
    font-family: 'Montserrat';
    margin: 10px auto;
    transition: all .4s ease;
}

body .accountDataWrapper section#accData .verifyData label.middle {
    display: block;
    font-size: 12.5px;
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
    color: rgb(145, 142, 142);
    padding: 0;
    margin: 10px auto;
    width: 300px;
    margin-top: 30px;
    transition: all .4s ease;
}
body .accountDataWrapper section#accData .verifyData label.left {
    display: block;
    font-size: 13.5px;
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
    color: rgb(145, 142, 142);
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 30px;
    transition: all .4s ease;
}
body .accountDataWrapper section#accData .verifyData img.middle {width: 120px; display: block; margin: 40px auto;}
body .accountDataWrapper section#accData .verifyData p.success {color: #35a947;}
body .accountDataWrapper section#accData .verifyData p a {color: #ff5722;}
body .accountDataWrapper section#accData .verifyData label.error {color: #e34828; margin-top: 5px;}
body .accountDataWrapper section#accData .verifyData span.button, body .accountDataWrapper section#accData .verifyData button.buttonClick {
    display: block;
    position: relative;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    border: 1px solid transparent;
    background: none;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #ff5722;
    border-color: #ff5722;
    margin: 15px auto 0 auto;
    width: 300px;
    transition: all .4s ease;
    font-family: 'Montserrat';
}

body .accountDataWrapper section#accData .verifyData .inputWrap {
     width: 99%;
     height: auto;
     margin: 20px auto 0 auto;
     border: none;
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
     padding: 0;

}
body .accountDataWrapper section#accData .verifyData .inputWrap div.half {width: 48%;}
body .accountDataWrapper section#accData .verifyData .inputWrap div.full {width: 99%;}
body .accountDataWrapper section#accData .verifyData .inputWrap div input, body .accountDataWrapper section#accData .verifyData .inputWrap div select {width: 100% !important; margin-bottom: 0;}
body .accountDataWrapper section#accData .verifyData .inputWrap div select {cursor: pointer;}
body  p.small {margin-top: 10px !important; border: none; padding-left: 0 !important;; margin-left: 0 !important; text-align: left !important; display: inline; position: relative; top: 9px; left: 5px;}




body .accountDataWrapper section#accData #proofOfIdentity .documentsBox {
    width: 98%;
    height: auto;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    display: block;
    margin: 0 auto;
    min-height: 100px;
    display: flex;
    flex-shrink: 0;
    box-sizing: border-box;
    justify-content: space-between;
}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox.others {display: block !important;}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox a:first-child {
    width: 40%;
    height: auto;
}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox a:first-child img {width: 100%;}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox a:last-child {
    width: 58%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fafafe;
}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox a:last-child img {width: 190px;}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox span.pending {
    font-size: 120px;
    display: block !important;
    margin: 20px auto;
    width: 50px;
}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox span.pending.pend, body .accountDataWrapper section#accData #proofOfIdentity .documentsBox p.pend span {color: orange;}
body .accountDataWrapper section#accData #proofOfIdentity .documentsBox span.success {color: #35a947 !important;}
body .accountDataWrapper .verifyTrack {padding: 0; margin: 0; list-style-type: none; color: #4a4a4a; margin-top: 30px; position: relative; }
body .accountDataWrapper .verifyTrack span.lead {
    color: #706d6d;
    font-size: 14px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 1.6;
    display: block;
    height: 45px;
    font-weight: 500;
    margin: 7px 0;
    background-color: #FFF;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body .accountDataWrapper .verifyTrack span.lead.active {color: #ff5722;}
body .accountDataWrapper .verifyTrack span.lead.done {color: #ff5722;}
body .accountDataWrapper .verifyTrack span.lead small {
    display: block;
    color: #817d7d;
}
body .accountDataWrapper .verifyTrack span.progress {
    height: 38px; 
    display: block; 
    border-left: 1px solid #ff5722; 
    position: absolute; 
    top: 38px; 
    left: 28px; 
    z-index: 88;
}
body .accountDataWrapper .verifyTrack span.progress.not {border-left: 1px solid #dedee2 !important; }
body .accountDataWrapper .verifyTrack span.progress.two {top: 106px !important; }

body .accountDataWrapper .verifyTrack span.lead img {width: 40px; float: left; margin-right: 10px; position: relative; z-index: 100;}

body .accountDataWrapper .verifyData.show {display: block !important;}
body .accountDataWrapper .verifyData.hide {display: none !important;}


body section#depositFunds {
    width: 100%;
    height: auto;
    margin: 50px auto;
    background-color: rgb(250, 250, 254);
    overflow: hidden;
}
body section#depositFunds .wrapper {
    width: 1070px;
    margin: 30px auto;
    border-top: 1px solid rgba(225, 225, 225, .4);
    overflow: hidden;

}
body section#depositFunds .wrapper h1.header {
    font-size: 30px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
body section#depositFunds .wrapper .fundsDepWrapper {
    width: 100%;
    height: auto;
    margin: 10px auto;
    border: 1px solid rgba(225, 225, 225, .4);
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    padding: 0 10px 10px 0;

}
body section#depositFunds .wrapper .fundsDepWrapper .side {
    width: 30%;
    height: auto;
    background-color: rgba(195, 195, 201, .1);
    min-height: 200px;
    overflow: hidden;
}

body section#depositFunds .wrapper .fundsDepWrapper .side span {
    color: #706d6d;
    font-size: 13px;
    padding: 15px 10px;
    box-sizing: border-box;
    line-height: 1.8;
    display: block;
    height: 70px;
    font-weight: 500;
    margin: 0;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body section#depositFunds .wrapper .fundsDepWrapper .side span:hover {background-color: #FFF;}
body section#depositFunds .wrapper .fundsDepWrapper .side span:last-child {border-bottom: 1px solid rgba(195, 195, 201, .2);}

body section#depositFunds .wrapper .fundsDepWrapper .side span.active {background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px; border: none !important;}
body section#depositFunds .wrapper .fundsDepWrapper .side span small {
    display: block;
    color: #817d7d;
}
body section#depositFunds .wrapper .fundsDepWrapper .side span img {width: 30px; float: left; margin-right: 20px; position: relative; z-index: 100;}
body section#depositFunds .wrapper .paymentDisplayParent {
    width: 70%;
    height: auto;
    background-color: #FFF;
    min-height: 200px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px;
}
body section#depositFunds .wrapper .paymentDisplayParent .paymentDisplay span {
    color: #4d4a4a;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 1.8;
    display: block;
    height: 55px;
    font-weight: 500;
    margin: 0;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body section#depositFunds .wrapper .paymentDisplayParent .paymentDisplay span small {
    display: block;
    color: #817d7d;
}
body section#depositFunds .wrapper .paymentDisplayParent .paymentDisplay span img {width: 30px; float: left; margin-right: 20px; position: relative; z-index: 100;}
body section#depositFunds .wrapper .paymentDisplayParent .paymentDisplay.hide {display: none !important;}
body section#depositFunds .wrapper .paymentDisplayParent .paymentDisplay.show {display: block !important;}

body section#depositFunds  .transferBodyWrap {
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    
}
body section#depositFunds  .transferBodyWrap .suggestedAmount {
    width: 49%;
    height: auto;
    min-height: 100px;
    border: none;
    box-sizing: border-box;    
}
body section#depositFunds  .transferBodyWrap .suggestedAmount div {
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    box-sizing: border-box;
    margin-bottom: 13px;
}
body section#depositFunds  .transferBodyWrap .suggestedAmount div span.style {
    color: #4a4a4a;
    width: 48%;
    height: 50px;
    border-radius: 4px;
    display: flex !important;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    border-radius: 0.2857142857rem;
    border: 1px solid #e1e1e1;
    transition: all 250ms;
    font-size: 14px !important;
    font-weight: 500;
    align-items: center !important;
    padding-left: 15px;
}
body section#depositFunds  .transferBodyWrap .suggestedAmount div span.style.active {border: 1px solid #ff5722;}
body section#depositFunds  .transferBodyWrap .suggestedAmount div span.style:hover {border: 1px solid #ff5722;}
body section#depositFunds  .transferBodyWrap .amountField {
    width: 48%;
    height: auto;
    min-height: 100px;
    border: none;
    box-sizing: border-box;
    background-color: #fafafe;
    box-sizing: border-box;
    padding: 20px;
}
body section#depositFunds  .transferBodyWrap .amountField  .fieldWrapper {
    width: 100%;
    height: auto;
    margin: 10px auto;
    overflow: hidden;
    
}
body section#depositFunds  .transferBodyWrap .amountField  .fieldWrapper label {
    font-size: 12.4px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
}
body section#depositFunds  .transferBodyWrap .amountField  .fieldWrapper .inputWrapper {
    width: 99%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    background-color: #FFF;
    margin-top: 4px;
    padding: 0;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
}
body section#depositFunds  .transferBodyWrap .amountField  .fieldWrapper .inputWrapper span {
    font-size: 17.4px;
    line-height: 1.8;
    color: rgb(156, 151, 151);
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}
body section#depositFunds  .transferBodyWrap .amountField  .fieldWrapper .inputWrapper input{
    font-size: 14.4px;
    line-height: 1.8;
    color: #4a4a4a;
    font-weight: 500;
    margin: 0;
    padding: 0;
    border: none !important;
    height: 96%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    background-clip: padding-box;
    box-sizing: border-box;
    writing-mode: horizontal-tb !important;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-rtl-ordering: logical;
    cursor: text;
    width: 88%;
    font-family: 'Montserrat';
}
body section#depositFunds  .transferBodyWrap .amountField  .fieldWrapper .inputWrapper input:focus {border: none !important; outline: none !important;}
body section#depositFunds  .transferBodyWrap .amountField p {
    font-size: 12px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 0;
}
body section#depositFunds  .transferBodyWrap .amountField p.info {color: #b2afaf; font-weight: 500;}
body section#depositFunds  .transferBodyWrap .amountField p a { color: #ff5722;}
body section#depositFunds  .transferBodyWrap .amountField p span.material-symbols-outlined {font-size: 18px; color: #ff5722; display: inline; margin: 0; padding: 0; position: relative; top: 2px;}
body section#depositFunds  .transferBodyWrap .amountField button {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 1.7;
    color: #FFF;
    width: 100%;
    border: none;
    background: #35a947;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 0.2857142857rem;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    margin-top: 10px;
    font-family: 'Montserrat';
}
body section#depositFunds  .transferBodyWrap .amountField a.privacy{
    font-size: 12px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    width: 100%;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    display: block;
    text-decoration: underline;
}
body section#depositFunds  img.pay {width: 100%; margin: 10px auto;}

body section#depositFunds  .transferBodyWrap .amountField .noBalance {
    width: 100%;
    height: auto;
    display: flex;
    margin: 80px auto;
    padding: 0;
    justify-content: center;
    flex-wrap: wrap;
}
body section#depositFunds  .transferBodyWrap .amountField.others {background-color: #FFF;}
body section#depositFunds  .transferBodyWrap .amountField .noBalance p {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 0;
    text-align: center;
    margin-top: 15px;
}
body section#depositFunds  .transferBodyWrap .amountField .noBalance h2 {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 500;
    color: #4a4a4a;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 0;
    text-align: center;
    margin-top: 15px;
}
body section#depositFunds  .transferBodyWrap .amountField .noBalance a {
    display: block;
    height: 50px;
    width: 100px;
    line-height: 50px;
    color: #FFF;
    border: none;
    background: #35a947;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    margin-top: 10px;
    font-family: 'Montserrat';
    border-radius: 3px;
    margin-top: 25px;
}
body section#depositFunds  .transferBodyWrap .amountField .noBalance img {display: block; width: 90px;}
body section#loginAccess {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

body section#loginAccess .wrapper {
    width: 368px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box

}
body section#loginAccess .wrapper h1 {
    font-size: 30px;
    line-height: 1.7;
    font-weight: 600;
    color: #4a4a4a;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 0;
    text-align: center;
}
body section#loginAccess .wrapper input, body section#loginAccess .wrapper select{
    width: 100%;
    height: 50px;
    font-size: 15px;
    line-height: 1.8;
    color: #4a4a4a;
    font-weight: 400;
    margin: 0;
    padding: 0px 16px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    background-clip: padding-box;
    box-sizing: border-box;
    writing-mode: horizontal-tb !important;
    letter-spacing: normal;
    word-spacing: normal;
    -webkit-rtl-ordering: logical;
    cursor: text;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    margin-top: 19px;
    background: transparent;
    font-family: 'Montserrat';
}
body section#loginAccess .wrapper select {cursor: pointer;}
body section#loginAccess .wrapper input:focus {outline: none !important;}
body section#loginAccess .wrapper button.action {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 1.7;
    color: #FFF;
    width: 100%;
    border: none;
    background: #35a947;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    margin-top: 10px;
    font-family: 'Montserrat';
}
body section#loginAccess .wrapper a.log {padding: 0; margin: 0; display: block; width: 100%; margin: 30px auto;}
body section#loginAccess .wrapper a.log img {width: 100%;}

body section#loginAccess .wrapper span.or {
    display: block;
    width: 100%;
    border-top: 1px solid #cecccc;
    margin-top: 20px;
    height: 10px;
    position: relative;
    text-align: center;
}
body section#loginAccess .wrapper span.or span {
    font-size: 12px;
    line-height: 1.7;
    font-weight: 400;
    color: #4a4a4a;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 0;
    text-align: center;
    background-color: #FFF;
    padding: 2px 6px;
    position: relative;
    top: -12px;

}
body section#loginAccess .wrapper a.for, body section#loginAccess .wrapper p {
    font-size: 12px;
    line-height: 1.9;
    font-weight: 400;
    color: #4a4a4a;
    margin-top: 5px;
    text-align: center;
    display: block;
}
body section#loginAccess .wrapper p a, body section#loginAccess .wrapper a.for{color: #ff5722;}
body section#loginAccess .wrapper .riskWrap {
    width: 100%;
    height: auto;
    border: 1px solid #f8f8fa;
    position: relative;
    margin-top: 40px;
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid rgb(191, 189, 189);
    border-radius: 4px;
    padding-bottom: 2px;
    box-sizing: border-box;
}
body section#loginAccess .wrapper .riskWrap h3 {
    color: rgb(207, 207, 207);
    font-size: 13px;
    line-height: 1.6;
    position: absolute;
    top: -22.4px;
    left: 50%;
    transform: translate(-50%);
    background: rgb(255, 255, 255);
    padding: 0px 8px;
    color: rgb(74, 74, 74);
    font-weight: 700;
    text-transform: uppercase;
    
}
body section#loginAccess .wrapper .riskWrap p {color: rgb(159, 158, 158); text-align: left;}
body section#loginAccess .wrapper img.pass-recover {
    width: 100px;
    display: block;
    margin: 30px auto;
}
body section#loginAccess .wrapper p.pass-recover {
    color: #333232;
    font-size: 14px;
}
body section#loginAccess .wrapper p span.material-symbols-outlined {font-size: 18px; color: #ff5722; display: inline; margin: 0; padding: 0; position: relative; top: 2px;}

body #depositControl {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .4);
    z-index: 999999;
    transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    transform: scale(1);
    display: none;
    z-index: 999;
}
body #depositControl * {transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important;}
body #depositControl .depositWrapper {
    width: auto;
    height: auto;
    display: block;
    justify-content: center;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100px;
    background-color: #FFF;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    padding: 20px;
    min-width: 100px;
}
/* body #depositControl .depositWrapper.show {display: block;} */

body #depositControl .depositWrapper .Deposit span.header {
    color: #4d4a4a;
    font-size: 15px;
    box-sizing: border-box;
    line-height: 1.8;
    display: block;
    width: 150px;
    height: 45px;
    font-weight: 600;
    margin: 0 auto;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
}
body #depositControl .depositWrapper .Deposit {width: 0px; height: 0px; overflow: hidden !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
body #depositControl .depositWrapper .Deposit.hide {width: 0px; height: 0px;}
body #depositControl .depositWrapper .Deposit.show {display: block !important; width: auto; height: auto;}
body #depositControl .depositWrapper .Deposit span.header img {width: 30px; float: left; margin-right: 10px; position: relative; z-index: 100;}

body #depositControl .depositWrapper .Deposit .depositField {width: 400px; height: auto; margin: 0 auto;}
body #depositControl .depositWrapper .Deposit .depositField h2 {
    font-size: 27px;
    line-height: 1;
    color: rgb(74, 74, 74);
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
}
body #depositControl .depositWrapper .Deposit .depositField p {
    font-size: 15.5px;
    line-height: 1.6;
    font-weight: 400;
    text-align: center;
    color: rgb(82, 82, 82);
    padding: 0;
    margin: 20px auto;
    width: 100%;
}
body #depositControl .depositWrapper .Deposit .depositField p span {color: #e34828; font-weight: 520;}
body #depositControl .depositWrapper .Deposit .depositField .inputDataField {
    width: 100%;
    height: 45px;
    margin-top: 5px;
    color: rgb(73, 72, 72);
    text-align: center;
    line-height: 40px;
    background-color: #e1e1e1;
    font-size: 13px;
    cursor: pointer;
}
body #depositControl .depositWrapper .Deposit .depositField label {
    font-size: 13.5px;
    line-height: 1.6;
    font-weight: 500;
    text-align: center;
    color: rgb(82, 82, 82);
    padding: 0;
    margin: 0 auto;
    width: 100%;
    display: block;
    margin-top: 12px;
}
body #depositControl .depositWrapper .Deposit .depositField button {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 1.7;
    color: #FFF;
    width: 100%;
    border: none;
    background: #e34828;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    border-radius: 0.2857142857rem;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    margin-top: 10px;
    font-family: 'Montserrat';
}
body #depositControl img.loader {
    width: 50px;
    display: block;
    margin: 0 auto;
    transition: all 1.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
body #depositControl img.loader.hide {display: none !important;}
/* body #depositControl img.loader.prop {width: 35px; margin-top: 10px;} */
body #depositControl img.loader.prop {width: 35px; 
position: absolute;
top: 10px;
right: 10px;
}


body section#tableSectionWrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: rgb(250, 250, 254);
    margin-bottom: 60px;
    padding-bottom: 10px;
}
body section#tableSectionWrapper.others {background-color: #FFF;}
body section#tableSectionWrapper.noMargin {margin-bottom: 0; }
body section#tableSectionWrapper .wrapper {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    border: none;
    background-color: #FFF;
    padding: 30px;
}
body section#tableSectionWrapper .wrapper.noShadow {box-shadow: unset;}
body section#tableSectionWrapper .wrapper h2.header {
    font-size: 23px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: center;
}
body section#tableSectionWrapper .wrapper  .mainTableWrapper {
    width: 100%;
    height: auto;
}
body section#tableSectionWrapper .wrapper  .mainTableWrapper img.noWith {width: 130px; display: block; margin: 40px auto;}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table {
    width: 100%;
    height: auto;
    margin-top: 30px;
}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableHeader {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: rgb(250, 250, 254);
}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableHeader span {
    display: block;
    border: none;
    width: 200px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 50px;
    color: rgb(74, 74, 74);
    font-weight: 500;
    margin: 0;
    padding: 0;
    height: 50px;
    padding-left: 12px;

}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableData {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 15px;
}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableData span {
    display: block;
    border: none;
    width: 200px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.8;
    color: rgb(114, 114, 114);
    font-weight: 400;
    margin: 0;
    padding: 0;
    padding-left: 12px;
}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableData span.danger {color: red;}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableData span.success {color: #35a947;}
body section#tableSectionWrapper .wrapper  .mainTableWrapper  .table .tableData span.pend {color: #ef6b12;}


body section#FAQ {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #FFF;
    padding-bottom: 10px;
}
body section#FAQ .wrapper {
    width: 1070px;
    margin: 0 auto;
    overflow: hidden;
    border: none;
    background-color: #FFF;
    padding: 30px;
}
body section#FAQ .wrapper h2.header {
    font-size: 23px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 550;
    margin: 0;
    padding: 0;
    text-align: left;
}
body section#FAQ .wrapper .block {width: 100%; height: auto; cursor: pointer; margin: 15px auto; margin-bottom: 5px; border-bottom: 1px solid rgba(155, 155, 155, .2); overflow: hidden;}
body section#FAQ .wrapper .block span.header {
    display: flex;  
    width: 100%;
    height: auto;
    justify-content: space-between;
    padding: 12px 0;
} 
body section#FAQ .wrapper .block span.header  span.material-symbols-outlined {color: #e34828;}
body section#FAQ .wrapper .block span.header p {
    display: block;
    border: none;
    width: 90%;
    box-sizing: border-box;
    font-size: 16px;
    color: rgb(74, 74, 74);
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body section#FAQ .wrapper .block.active span.header p {color: #e34828 !important;}
body section#FAQ .wrapper .block span.text {
    display: block;
    border: none;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 40px;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    overflow: hidden;
    height: 0;
    transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
body section#FAQ .wrapper .block.active span.text {padding: 20px 0 !important; height: auto !important;}
body section#FAQ .wrapper .block.active span.text a {color: #e34828;}

body section.tradeHistory {
    width: 100%;
    height: auto;
    margin: 50px auto;
    background-color: rgb(250, 250, 254);
    overflow: hidden;
}
body section.tradeHistory.others {margin: 0 auto !important; margin-top: 0 auto !important; }
body section.tradeHistory.noMarginBottom {margin-bottom: 0 !important; }
body section.tradeHistory.others .wrapper {margin: 0 auto !important; }
body section.tradeHistory.noMarginBottom .wrapper {margin-bottom: 0 !important; }

body section.tradeHistory .wrapper {
    width: 1070px;
    margin: 30px auto;
    border-top: 1px solid rgba(225, 225, 225, .4);
    overflow: hidden;
}
body section.tradeHistory .wrapper h1.header {
    font-size: 28px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
body section.tradeHistory .wrapper .balanceWrap {
    width: 95%;
    height: auto;
    margin: 25px auto;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 16px 1px;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    margin-top: 0;
    padding-bottom: 10px;
}
body section.tradeHistory .wrapper .balanceWrap span {
    font-size: 17px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: block;
}
body section.tradeHistory .wrapper .balanceWrap span small {display: block; font-size: 12px;}
body section.tradeHistory .wrapper .balanceWrap span img {width: 220px;}
body section.tradeHistory .wrapper span.subHeader {
    font-size: 11px;
    line-height: 1.8;
    color: rgb(74, 74, 74);
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: block;
    padding-left: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}

/* -------------- ABout Us ----------------------------------- */
body #backgroundBanner.others {
    width: 100vw;
    height: auto;
    min-height: 320px;
    border: 0;
    background-image: url('/assets/images/bg-2.jpg');
    background-size: cover;
    background-repeat: repeat;
    margin: 0;
    padding: 0;
    z-index: 99;
    position: relative;
    background-position: center 70%;
    will-change: transform;
}

body .tradeBody.others {
    text-align: center !important;
    z-index: 100;
}

body .tradeBody.others h1.center {text-align: center !important; margin-top: 80px; margin-bottom: 0;}
body .tradeBody.others p {
    font-size: 19px;
    line-height: 1.6;
    color: #FFF;
    font-weight: 400;
}

.PageIntro__bgGradient {
    background: rgba(122,0,147,.85);
    background: -webkit-gradient(linear,left top,left bottom, from(rgba(122,0,147,.85)),to(rgba(3,6,126,.85)));
    background: -o-linear-gradient(top,rgba(122,0,147,.85) 0,rgba(3,6,126,.85) 100%);
    background: linear-gradient(180deg,rgba(122,0,147,.85),rgba(3,6,126,.85));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}


body section#advancePlat.others {
    margin-top: 20px;
    background-color: #FFF;
    position: relative;
}
body section#advancePlat.others .inner {
    margin-bottom: 0;
}
body section#advancePlat.others .inner.noflex {display: block !important;}
body section#advancePlat.others h1 {
    font-size: 34px;
    line-height: 1.6;
    font-weight: 500;
    text-align: center;
    color: #3a34b1;
    text-align: center;
    margin: 0;
    position: relative;
    z-index: 100;
}
body section#advancePlat.others p.desc {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    text-align: center;
    color: #4a4a4a;
    text-align: center;
    margin-top: 5px;
    position: relative;
    z-index: 100;
}
body section#advancePlat.others p.desc a {color: #ff5722 !important;}
body section#advancePlat.others p.desc span {display: block; font-weight: 700px; font-size: 18px;}
body section#advancePlat.others .platform.others {width: 100% !important;}
body section#advancePlat.others .platform img {width: 90% !important; position: relative; z-index: 101;}

body section#advancePlat.others.bg h1 {color: #FFF !important;}
body section#advancePlat.others.bg p.desc {color: #c3c6e5 !important;}
body section#advancePlat.others.bg {
    background-image: url('/assets/images/bg-3.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
body section#advancePlat.others.bg .backgroundImage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background-image: -o-linear-gradient(135deg,#1954a0,#6622b6);
    background-image: linear-gradient(-45deg,#1954a0,#6622b6);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 88;
    opacity: .9;
}
body section#advancePlat.others .platform.others.grid {
    width: 50% !important;
    height: 300px;
    border: none !important;
    margin: 20px auto !important;
    background-image: url('/assets/images/quadrant-grid-png-10.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
body section#advancePlat.others .platform.others.grid img {width: 100% !important; height: 100% !important; margin: 0 !important;}
body section#advancePlat.others .platform.others.grid  .amountWrapper {
    display: flex !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
body section#advancePlat.others .platform.others.grid  .amountWrapper span {
    color: #c3c6e5;
    position: absolute;
    z-index: 99;
    font-size: 28px;
    line-height: 1.6;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    transform: translate(-50%, -50%);
    letter-spacing: -1x;
}
body section#advancePlat.others .platform.others.grid  .amountWrapper span:first-child {bottom: 20px; left: 50px;}
body section#advancePlat.others .platform.others.grid  .amountWrapper span:nth-child(2) {bottom: 40%; left: 50%;}
body section#advancePlat.others .platform.others.grid  .amountWrapper span:nth-child(3) {top: 20px; right: -50px}

body section#advancePlat.others .platform.others.grid  .amountWrapper p.year {
    color: #c3c6e5;
    position: absolute;
    z-index: 99;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    transform: translate(-50%, -50%);
    letter-spacing: -1x;
}
body section#advancePlat.others .platform.others.grid  .amountWrapper p.year.first {bottom: -60px; left: 40px;}
body section#advancePlat.others .platform.others.grid  .amountWrapper p.year.nd {bottom: -60px; left: 50%;}
body section#advancePlat.others .platform.others.grid  .amountWrapper p.year:last-child {bottom: -60px; right: 0px}
body section#advancePlat.others hr {border-top: 1px solid #FFF;}