@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Play', sans-serif;
	color: #fff;
	background: #01080b;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	margin: 0
}
p {
	text-align: justify;
	margin: 0 0 20px
}
a {
	color: #fff;
	outline: none;
	text-decoration: none
}
a:hover, a:active, a:focus {
	color: #04cfd7;
	text-decoration: none;
	outline: none
}
img {

}
label {
	font-weight: 400
}
input[type="text"], input[type="password"], input[type="email"] {
	width: 100%;
	height: 40px;
    border: 1px solid #3d586f;
    height: 54px;
    border-radius: 3px;
    background: transparent;
    color: white;
	padding: 0 15px;
	font-size: 15px;
}
textarea {
    border: 1px solid #3d586f;
	width: 100%;
	border-radius: 3px;
    background: transparent;
    color: white;
	padding: 10px;
	border-radius: 4px;
	resize: none;
	font-size: 15px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, .form-container textarea:focus {
	border: 1px solid #EAC734;
}
input[type="submit"], input[type="button"] {
	background: rgb(180,139,11);
	background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%); 
	border: none;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 40px;
	border-radius: 4px;
	display: inline-block;
	padding: 0 40px
}
input[type="submit"]:hover, input[type="button"]:hover {
	color: #000;
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%); 
}
select {
	color: #fff;
	font-size: 14px;
	width: 100%;
    border: 1px solid #3d586f;
    background: transparent;
	border-radius: 4px;
	width: auto;
	padding: 5px;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.wrapper,.bannerrwrap,.verybesy_wrap,.plan_wrap,.welcome_wrap,.benifit_wrap,.lastdepositwrap,.affiliatewrap,.paymentfooter,.footerwrap {
	width: 100%;
	float: left;
}
.content {
	max-width: 1170px;
	margin: 0 auto;
	width: 100%
}
.bannerrwrap {
	background: url(images/bannerrbg.jpg) no-repeat center top #000406;
	background-size: cover;
	min-height: 963px;
}

.bannerrwrap_sub {
    background: url(images/bannerrbg.jpg) no-repeat center -100px #000406;
    background-size: cover;
    min-height: auto;
}

.bannerrwrap_sub .bannerinfos .inside h1 {
    font-size: 48px;
    line-height: 72px;
    margin: 0 0 45px;
    text-transform: uppercase;
    text-align: left;
}

.bannerrwrap_sub .bannerinfos {
    width: 100%;
    float: left;
    padding: 25px 0 20px 0;
}



.naviwrap {
	padding: 25px 0 0 0;
	width: 100%;
	float: left;
}
.logo {
	float: left;
}
.menuwrap {
	float: right;
	text-align: right;
	padding: 18px 0;
}
.menuwrap ul {
	width: 100%;
	float: right;
}
.menuwrap ul li {
	display: inline-block;
	margin: 0 0 0 10px;
}
.menuwrap ul li a {
	font-size: 15px;
	font-weight: 700;
	padding: 5px 8px;
	display: block;
}
.menuwrap ul li.login {
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%); 
	border-radius: 6px;
}
.menuwrap ul li.login:hover {
	background: rgb(11,167,201);
}
.menuwrap ul li.signup {
	background: rgb(180,139,11);
	background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%); 
	border-radius: 6px;
}
.menuwrap ul li.signup:hover {
	background: rgb(180,139,11);
}
.menuwrap ul li.signup a,.menuwrap ul li.login a {
	color: #000;
	padding: 5px 15px;
}
.bannerinfos {
	width: 100%;
	float: left;
	padding: 125px 0 0 0;
}
.bannerinfos .inside {
	width: 55%;
	text-align: center;
	float: left;
}
.bannerinfos .inside h1 {
	font-size: 65px;
	line-height: 72px;
	margin: 0 0 45px;
	text-transform: uppercase;
}
.bannerinfos .inside h1 span {
	color: #15bee4;
}
.bannerinfos .inside p {
	text-align: center;
	margin: 0 0 50px;
}
.bannerinfos .inside .action {
	text-align: center;
	margin: 0 0 50px;
}
.bannerinfos .inside .action a {
	color: #000;
	width: 140px;
	height: 52px;
	border-radius: 4px;
	text-align: center;
	margin: 0 10px;
	display: inline-block;
	line-height: 52px;
	font-weight: 600;
	text-transform: uppercase;
	transition: 0.4s;
}
.bannerinfos .inside .action a.register {
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%); 	
}
.bannerinfos .inside .action a.register:hover {
	background: rgb(11,167,201);
}
.bannerinfos .inside .action a.login {
	background: rgb(180,139,11);
	background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%); 
}
.bannerinfos .inside .action a.login:hover {
	background: rgb(180,139,11);
}
.bannerfeat_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.featbox {
	background: #0006;
	border-radius: 15px;
	border: 3px solid;
	width: 192px;
	height: 182px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.featbox.one {
	border-color: #12d5e2;
}
.featbox.two {
	border-color: #fcca39;
}
.featbox.three {
	border-color: #ccdae0;
}
.featbox figure {
	padding: 0 0 15px;
}
.featbox figcaption {
	text-transform: uppercase;
	line-height: 18px;
}
.featbox.one figcaption {
	color: #12d5e2;
}
.featbox.two figcaption {
	color: #fcca39;
}
.featbox.three figcaption {
	color: #ccdae0;
}
.verybesy_wrap {
	background: rgb(180,139,11);
	background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
	text-align: center;
	padding: 45px 0 145px;
}
.verybesy_wrap h2 {
	color: #000;
	font-size: 42px;
	line-height: 56px;
	text-transform: uppercase;
}


.verybesy_wrap_sub {
    background: rgb(180,139,11);
    background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
    text-align: center;
    padding: 35px 0 115px;
}


.plan_wrap {
	background: #060b16 url(images/welcomebg.jpg) no-repeat center bottom;
	background-size: contain;
	padding: 0 0 115px;
}
.planlistiwrap {
	padding: 40px;
	background: #061624;
	border-radius: 20px;
	margin: -90px 0 0 0;
	float: left;
	width: 100%;
}

.planlistiwrap_sub {
    padding: 40px;
    background: #061624;
    border-radius: 20px;
    margin: -90px 0 60px 0;
    float: left;
    width: 100%;
}

.planlistiwrap h2 {
	text-align: center;
	font-size: 42px;
	text-transform: uppercase;
	margin: 0 0 30px;
}
.planboxwrp {
	width: 100%;
	float: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.planboxwrp .planbox {
	width: 100%;
	background: #030e15;
	border: 2px solid #0ba9ca;
	border-radius: 12px;
	margin: 15px 0;
	padding: 30px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.planboxwrp .planbox .icon {
	width: 28%;
}
.planboxwrp .planbox .value {
	width: 50%;
}
.planboxwrp .planbox .minmax {
	width: 50%;
}
.planboxwrp .planbox .value h3 {
	font-size: 48px;
	font-weight: 600;
	color: #04cfd7;
	margin: 0 0 5px;
}
.planboxwrp .planbox .value h3 span {
	font-size: 36px;
}
.planboxwrp .planbox .value .hourly {
	text-transform: uppercase;
	font-weight: 600;
}
.planboxwrp .planbox .value .daily {
	color: #cea016;
	font-size: 24px;
	text-transform: uppercase;
	margin: 5px 0 0 0;
}
.planboxwrp .planbox .minmax ul {
	padding: 0 0 15px 0;
	overflow: hidden;
}
.planboxwrp .planbox .minmax ul li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #091a22;
	line-height: 36px;
	text-transform: uppercase;
	padding: 0 10px;
}
.planboxwrp .planbox .minmax ul li span {
	float: right;
	color: #eebb22;
}
.planbox .lifetime {
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
	padding: 6px 15px;
	border-radius: 6px;
	color: #000;
	text-transform: uppercase;
}
.planbox .lifetime span {
	float: right;
}
.calwrap {
	background: #061624;
	border-radius: 20px;
	width: 100%;
	float: left;
	margin: 25px 0 0;
}
.calleft {
	background: #07233c;
	width: 38%;
	float: left;
	padding: 40px;
	border-radius: 15px 0 0 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.calleft .icon {
}
.calleft .calinput {
	padding: 0 0 0 30px;
	display: flex;
	flex-direction: column;
}
.calleft .calinput label {
	text-transform: uppercase;
	margin: 0 0 10px;
	font-size: 15px;
}
.calleft .calinput input {
	width: 230px;
	color: #fff;
	font-size: 18px;
	height: 48px;
	background: #03131f;
	border: none;
}
.calright {
	width: 62%;
	float: left;
	padding: 32px 40px;
	background: #061624;
	border-radius: 0 15px 15px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.calright .caloutput {
	background: #030e15;
	display: inline-block;
	width: 180px;
	border: 2px solid #c49815;
	border-radius: 6px;
	text-align: center;
	padding: 25px 15px;
}
.calright .caloutput h4 {
	font-size: 24px;
	color: #06c8d4;
	margin: 0 0 10px;
}
.calright .caloutput p {
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.welcome_wrap {
	background: #060b16;
	padding: 70px 0;
}
.welcome_wrap .content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
}
.welcomeleft {
	width: 47%;
	float: left;
}
.welcomeright {
	width: 53%;
	float: left;
	padding: 0 0 0 50px;
}
.welcomeright h3 {
	font-size: 42px;
	line-height: 52px;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.welcomeright h3 span {
	color: #05c9d5;
}

.welcomeright h4 {
	color:#E6C232;
	font-size:22px;
}

.welcomeright p {
	line-height: 30px;
}
.benifit_wrap {
	background: #060b16 url(images/featurebg.jpg) no-repeat center top;
	background-size: cover;
	padding: 90px 0 100px;
}
.benifit_wrap h2 {
	font-size: 42px;
	line-height: 52px;
	margin: 0 0 30px;
	text-align: center;
	text-transform: uppercase;
}
.benifit_wrap h2 span {
	color: #05c9d5;
}
.featuredinside {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.featuredinside .featured_box {
	width: 48.5%;
	margin: 15px 0;
	background: #0006;
	border: 2px solid #fecc3a;
	border-radius: 4px;
	padding: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.featuredinside .featured_box .icon {
	width: 22%;
}
.featuredinside .featured_box .infos {
	width: 78%;
	padding: 0 0 0 30px;
}
.featuredinside .featured_box .infos h4 {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #f3be24;
	margin: 0 0 15px;
}
.featuredinside .featured_box .infos p {
	margin: 0;
	text-align: left;
}
.lastdepositwrap {
	background: #01080b;
	border-top: 3px solid #b78d0d;
	border-bottom: 3px solid #b78d0d;
}
.lastten {
	width: 100%;
	float: left;
	background: #061624;
	border-radius: 15px;
	margin: -70px 0 0 0;
}
.lastten.withdrawal {
	float:right
}
.lastten .heading {
	line-height: 70px;
	text-transform: uppercase;
	font-size: 24px;
	border-radius: 15px 15px 0 0;
	text-align: center;
	color: #000;
}
.lastten.withdrawal .heading {
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%); 
}
.lastten.deposit .heading {
	background: rgb(180,139,11);
	background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
}
.lastten .infos {
	padding: 35px;
	width: 100%;
	float: left;
}
.lastten .infos ul {
	width: 100%;
	float: left;
}
.lastten .infos ul li {
	width: 50%;
	float: left;
	border-bottom: 1px solid #1d3041;
	padding: 8px 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.lastten .infos ul li:last-child {
	border-bottom:1px solid #1d3041;
}
.statwrap {
	width: 100%;
	float: left;
	padding: 80px 0 50px 0;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.statbox {
	width: 23%;
	border: 3px solid #0ba9cb;
	border-radius: 6px;
	padding: 30px;
}
.statbox .icon {
	margin: -80px auto 20px auto;
	width: 77px;
	height: 77px;
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.statbox h4 {
	color: #f4bf25;
	font-weight: 600;
	margin: 0 0 15px;
	font-size: 24px;
}
.statbox p {
	margin: 0;
	text-align: center;
	text-transform: capitalize;
}
.affiliatewrap {
	background: #061624;
	padding: 50px 0;
}

.affiliatewrap_sub {
	    background: #01080b;
    border-top: 3px solid #b78d0d;
    border-bottom: 3px solid #b78d0d;
}

.affiliatewrap_sub h2 {
	text-align:center;
	color:#29BACE;
}

.aff-p-top {
	    font-size: 18px;
    text-align: -webkit-center;
    margin-bottom: 40px;
    line-height: 30px;
}

.aff-p-top b {
	color:#26C6D2;
}

.affiliatetop {
	width: 100%;
	float: left;
	padding: 0 0 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.affiliateprog {
	width: 30%;
	float: left;
	text-align: center;
}
.affiliatetext {
    width: calc(35% - 20px);
    float: left;
    margin: 0 10px;
    background: #030e15;
    padding: 20px;
    border-radius: 6px;
    border: 3px solid #0aaccb;
    text-align: center;
}
.affiliatetext h4 {
	margin: 0 0 20px;
	color: #f5c025;
	font-size: 24px;
}
.affiliatetext p {
	text-align: center;
	margin: 0;
}
.affiliateprog h4 {
	font-size: 34px;
	margin: 0 0 40px;
	text-transform: uppercase;
}
.affiliateprog h4 span {
	color: #06c6d4;
	font-weight: 600;
}
.levelbox {
	width: 95%;
	margin: 0 1%;
	text-align: center;
	padding: 20px;
	font-size: 24px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
	color:#000;
}
.levelbox strong {
	font-weight: 600;
}
.levelbox.one {
	background: rgb(11,167,201);
	background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%); 
}
.levelbox.two {
	background: rgb(180,139,11);
	background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
}
.affiliatebottom {
	width: 100%;
	float: left;
}
.affiliatebottom p {
	text-align: center;
	font-size: 16px;
	line-height: 30px;
}
.paymentfooter {
	padding: 40px 0;
	text-align: center;
}
.footerwrap {
background: #061624;
    padding: 25px 0 15px;
}
.footer_left {
	width: 50%;
	float: left;
}
.footer_left p {
	margin: left;
}
.footer_right {
	width: 50%;
	float: left;
	text-align: right;
}
.footer_right a {
	margin: 0 0 0 10px;
}
@media (max-width: 1170px) {
	.wrapper,.bannerrwrap,.verybesy_wrap,.plan_wrap,.welcome_wrap,.benifit_wrap,.lastdepositwrap,.affiliatewrap,.paymentfooter,.footerwrap {
	width: 1170px;
}
.content {
	margin: 0 !important;
}
}



/*-----Custom Pages-----*/
.inside_wrap, .referralwrap.affiliatepage {
	padding: 40px 0;
}

.welcome.aboutpage {
	padding: 0 0 30px;
}
.faq .panel-default {
	border-radius: 0;
	border: 0;

}
.faq .panel-default > .panel-heading {
    color: #fff;
    background-color: #053348;
    padding: 0;
    border: none;
    box-shadow: 0 0 0 0 !important;
    border-radius: 4px;
    margin-bottom: 10px;
}
.faq .panel-title {
	font-size: 15px;
	text-transform: none;
	background: url(images/faq.png) no-repeat left 15px center;
	font-weight: 500;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top:0px;
}
.inside_wrap.news {
    background: #000f3b;
    background-size: auto;
    background-size: cover;
    padding: 15px 0;
}
.faq .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: white;
    padding: 22px 15px 22px 55px;
    display: block;
    text-transform: none;
    font-size: 16px;
}
.faq .panel {
	background-color: transparent;
}
.news_block {
    margin: 10px 0px;
    width: 100%;
    float: left;
    padding: 0;
    background: #172837;
    border-bottom: 0px;
    border: 0px;
    border-radius: 6px;
    padding: 0px;
}
.news_title {
    padding: 10px 20px;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    color: #e4b21e;
    line-height: 48px;
    width: 70%;
    float: left;
}
.news_time {
    padding: 15px;
    font-size: 11px;
    color: #f0cb19;
    width: 30%;
    float: right;
    text-align: right;
    line-height: 40px;
}
.news_infos {
    line-height: 26px;
    font-weight: 500;
    background: #020f1a;
    padding: 20px;
    width: 100%;
    float: left;
}
.rules {
	width: 100%;
	float: left;

}
.rules h3.sectionhead {
    margin: 0 0 25px;
    font-weight: 600;
    color: #208af3;
    text-transform: uppercase;
    font-size: 18px;
}
.welcome.aboutpage p {
	margin: 0;
}
.supportleft {
    width: 100%;
    float: left;

}


.contacts-container {
	overflow:hidden;
}

.support-block {
    float: left;
    background: #030e15;
    padding: 20px;
    border-radius: 6px;
    border: 3px solid #0aaccb;
    width: 48%;
    margin: 1%;
}

.support-block h2 {
	text-align:left;
	color:#ECC834;
	text-transform:none;
}


.supportright {
    float: left;
    width: 100%;
    padding: 30px 0px;
    border-radius: 16px;
}
.supportright h2 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 0 10px;
}
.form-block.one, .form-block.two {
	width: 50%;
	float: left;
	padding: 10px;
}
.form-block.three, .form-block.four {
	padding: 10px;
	width: 100%;
	float: left;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #4C7193;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #4C7193;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#4C7193;
}


.loginpages {
    background: url(images/bannerrbg.jpg) no-repeat center  #000406;
    background-size: cover;
}
.loginfooter {
	text-align: center;
	padding: 50px 0;
	width: 100%;
	float: left;
}
.loginwrappers {
    width: 100%;
    padding: 20px 30px 0px;
    border: 0px;
    border-radius: 10px;
    max-width: 500px;
    margin: 0 auto 0px;
    overflow: hidden;
}

.signupwrappers {
    max-width: 800px;	
        padding-bottom: 30px;
}

.signupwrappers  table {
	width:48%;
	float:left;
	margin:1%;
}

.loginwrappers input[type="text"], .loginwrappers input[type="password"], .loginwrappers input[type="email"] {
    border: 1px solid #3d586f;
    height: 54px;
    border-radius: 3px;
    background: transparent;
    color: white;
}
.loginwrappers .logo {
	width: 100%;
	padding: 80px 0 0 0;
	float: left;
}
.loginheads {
    width: 100%;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    float: left;
    font-weight: 600;
    line-height: 48px;
    padding: 0 0 20px;
    text-align: center;
}
.form-container.login {
	width: 100%;
	float: left;
}
.loginpages .logo {
	width: 100%;
	text-align: center;
	padding: 60px 0 30px;
}
.loginaction {
    padding: 5px 0;
    text-align: center;
    margin: 20px 0 20px 0;
    color: white;
    width: 100%;
    float: left;
    border-top: 1px solid #dead1d;
}
.form-container.login table td {
	padding: 6px 0;
}
.loginaction h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    margin: 0;
    text-align: center;
}
.loginaction .signup {
    color: #ffffff;
    background: rgb(11,167,201);
    background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
    border-radius: 6px;
    padding: 0px 30px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 5px;
    color: black;
}

.loginaction .signup:hover {
	    background: rgb(11,167,201);
}

.supportleft h2 {
    color: #ECC834;
    font-weight: 500;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}


.loginwrappers .icon {
    text-align: center;
    float: none;
}
.loginredirect {
	width: 100%;
	padding: 40px;
	border-radius: 16px;
	max-width: 600px;
	margin: 100px auto;
	overflow: hidden;
	text-align: center;
}
.loginredirect p {
	text-align: center
}
.loginredirect h3 {
    color: #21beff;
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
}
.loginredirect h3 strong {
	font-weight: 600;
}
.loginredirect h4 {
	font-size: 22px;
	font-weight: 300;
	margin: 0;
}
.navbar {
    float: right;
    margin: 0;
    padding-bottom: 20px;
}


.member-menu {text-align:center;}

.member-menu li {
    display: inline-block;
    margin-bottom: 10px;
}

.member-menu li a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 21px;
    line-height: 36px;
    background: rgb(11,167,201);
    background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
    border-radius: 6px;
        color: #000;
    margin: 0px 6px 5px;
    font-size: 12px;
    display: block;
}


.member-menu li a:hover {
	 background: rgb(11,167,201);
}

.member-menu span {
	margin: 0 0px 0 0;
	width: 36px;
	height: 36px;
	display: inline-block;
	text-align: center;
}
.member-menu span i {
	font-size: 16px;
}
.navbar-nav > li.dropdown {
	padding-right: 15px;
	background: url(images/arrow.html) no-repeat center right;
}

.memright {
	width: 100%;
	float: left;
}
.membersidebar {
    float: left;
    width: 100%;
    border-radius: 4px;
    margin: 10px 0px;
    padding: 0px;
}
.membersidebar ul li {

}
.membersidebar ul li span {
	float: left;
	height: 44px;
	width: 44px;
}
.membersidebar ul li:last-child, .membersidebar ul li:last-child:hover {
	border-bottom: 0
}
.membersidebar ul li a {
    text-transform: uppercase;
    padding: 12px 15px;
    font-size: 13px;
}
.membersidebar ul li:hover a {
	color: #30caab
}
.membersidebar ul li:hover, .membersidebar ul li:hover a {
	background: none
}
.membersidebar ul li:hover {
	border-bottom: 1px solid #30caab
}
.memleft {
    margin: 10px;
    padding: 0px;
    text-align: center;
       background: #0006;
    border-radius: 6px;
    padding: 20px 10px;
    width: 343px;
    float: left;
    border:2px solid #fcca39;
}

.memleft2 {
    margin: 10px;
    padding: 0px;
    text-align: center;
    background: transparent;
    border-radius: 4px;
    padding: 0px;
    width: 343px;
    float: left;
    border:0px;
}

.memleft .icon {
    display: block;
    width: 65px;
    height: 65px;
    margin: 5px auto 16px;
    padding-top: 10px;
}
.memleft h2 {
	margin: 5px 0 0 0;
	font-size: 16px;
	line-height: 26px;


}

.memleft h2 span {
font-weight: 500;
    color: #628fe8;
    font-size: 18px;
    display: block;
    color: #eeba21;
    text-transform: none;
}

.memleft2 h2 {
	text-align: left;
    background: #c49712;
    padding: 15px 20px;
    border-radius: 4px;
    margin: 0px 0px 5px;
}



.memleft2 h2 span  {
    float: right;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    display: block;
}


.copyurl, .deposit_text {
    overflow: hidden;
    padding: 15px;
    border-radius: 4px;
    background: #063e52;
    text-transform: uppercase;
}
.copyurl {
margin: 10px;
}

.copyurl span {
    float: left;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 48px;
    padding-left: 20px;
}

.deposit_text {
	margin: 0 0 30px;
}
#copyButton {
    float: left;
    border: none;
    width: auto;
    height: 46px;
    background: rgb(180,139,11);
    background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
    border-radius: 6px;
    margin-right: 10px;
    padding: 0px 20px;
    font-weight: 600;
    text-transform: uppercase;
    color:#000;
}

#copyButton:hover {
	background: rgb(180,139,11);
}

#copyTarget {
    width: 560px;
    float: left;
    height: 46px;
    border: 1px solid #237e9e;
    color: white;
    padding: 0 15px;
    font-size: 15px;
    background: none;
    border-radius: 4px;
    margin-right: 10px;
}
#msg {
}
.btn-info {
    color: #fff;
    background-color: #047ef3;
    border-color: #047ef3;
}
.btn-info:hover {
	background-color: #1386f3;
	border-color:#1386f3;
}
.getban {
    padding: 0 25px;
    text-transform: uppercase;
    line-height: 46px;
    display: inline-block;
    font-weight: 600;
    background: rgb(11,167,201);
    background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
    border-radius: 6px;
	color:#000;
}

.getban:hover {
	   background: rgb(11,167,201);
}

.getban a {
	color:#000;
}

.navbar-nav > li > .dropdown-menu {
	background: #000;
}
.dropdown-menu li a {
	font-size: 13px;
	color: #fff;
}
.dropdown-menu li a:hover {
	color: #cc9922;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: transparent;
}
.accbox-container {
	width: 100%;
	float: left;
}
.accbox {
    background: #0006;
    width: 48%;
    padding: 10px 10px 10px;
    border-radius: 6px;
    color: #fff;
    border: 0px;
    margin: 10px;
    border: 2px solid #12d5e2;
}
.accbox.left {
	float: left;
}
.accbox.right {
	float: right;
}
.accbox h3 {
    text-align: center;
    margin: 0;
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
    background: rgb(180,139,11);
    background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 20px;
}

.accbox.right h3 {

}

.accbox .icon {
    text-align: center;
    padding: 0;
}
.accbox h4 {
    width: 100%;
    float: left;
    padding: 0px 15px 10px;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 4px;
    margin: 0px 0 5px;
    text-align: center;
    line-height: 26px;
}
.accbox h4 span {
    display: block;
    font-size: 36px;
    color: #f4bf25;
    margin-bottom: 15px;
    margin-top: 10px;
}
.accbox ul {
	width: 100%;
	float: left;
}
.accbox ul li {
    display: block;
    border-radius: 0px;
    border-bottom: 2px solid #ECC834;
    padding: 8px 0px;
    margin: 5px 20px;
    font-weight: 600;
}
.accbox ul li span {
    float: right;
    color: #03cdd6;
    font-weight: 500;
    font-size: 16px;
}
.acc_button {
    text-align: center;
    padding: 18px 0 20px 0;
}
.acc_button a {
    padding: 6px 24px;
    text-transform: uppercase;
    line-height: 32px;
    display: inline-block;
    font-weight: 600;
    background: rgb(11,167,201);
    background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
    border-radius: 6px;
    margin-top: 10px;
    font-size: 12px;
    color: #000;
}
.acc_button a:hover {
 background: rgb(11,167,201);
}

.accbox.right .acc_button a {
background: rgb(180,139,11);
    background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
    border-radius: 6px;
}

.accbox.right .acc_button a:hover {
	background: rgb(180,139,11);
}

.deposit_text span {
	font-weight: 600;
	font-size: 18px;
	float: right;
}
.my_accont {
    background: #030e15;
    border: 2px solid #0ba9ca;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    float: left;
    margin: 0 0 25px;
}

.paidouttop {
	margin-bottom:5px;
}

.my_accont table td, .my_accont table th, .paidoutbottom table td,  .paidouttop table td  {
    padding: 10px;
    border: 2px solid #f2bd23;
    text-align: left;
}
.my_accont table td.inheader, .paidoutbottom table td.inheader {
    background: #032e3d;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    border: 2px solid #f2bd23;
    color: #f2bd23;
}
.alert {
    text-align: left;
    color: white;
    background-color: #02b8cf;
    border-color: #02b8cf;
    font-weight: 600;

}
.refheader {
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    margin: 10px 0 20px;
    color: #f1bc22;
}
.aff-banners {
    background: #030e15;
    border: 2px solid #0ba9ca;
    padding: 15px;
    border-radius: 10px;
    color: #fff;
    width: 100%;
    float: left;
}
.aff-banners .nav-tabs {
    border-bottom: 2px solid #e9b520;
    margin: 0 0 15px;
    float: none;
    padding-bottom: 10px;
      
}
.aff-banners .nav-tabs > li.active > a, .aff-banners .nav-tabs > li.active > a:focus, .aff-banners .nav-tabs > li.active > a:hover {
    color: #000;
    cursor: default;
    border: 0px;
    background: rgb(180,139,11);
    background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
	
    border-radius: 4px;
}
.aff-banners .nav > li a:hover {
	background:#183D53;
	border:0px;
}
.aff-banners .nav > li > a {
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	padding: 10px 25px;
	  margin:5px;
	      border-radius: 6px;
	      border:0px;
}

.tab-content img {
	max-width:100%;
}

.memberplan {
	margin-bottom:20px;
}

.memberplan .planbox .radio {
    width: 140px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 13px;
    border-radius: 4px;
    line-height: 28px;
    padding: 5px 0;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    color: #000;
background: rgb(11,167,201);
    background: linear-gradient(90deg, rgba(11,167,201,1) 0%, rgba(4,208,215,1) 50%, rgba(11,167,201,1) 100%);
    border-radius: 6px;
    margin: 0px;
    margin-bottom: 10px;
}
.memberplan .planbox input[type=radio] {
	display: none
}
.memberplan .planbox input[type="radio"]:checked + .radio {
	background: rgb(180,139,11);
    background: linear-gradient(90deg, rgba(180,139,11,1) 0%, rgba(245,192,37,1) 50%, rgba(181,139,12,1) 100%);
    border-radius: 6px;
    color:#000;
}
.certificate {
	border: 18px solid #c99e29;
	border-radius: 15px;
}
.modal-body p {
	text-align: center;
}
.bannerwrap.insideheaders {
	background: #000000e0;
}
.bannerwrap.insideheaders h1 {
	font-size: 26px;
	line-height: 40px;
	margin: 0;
}
.benifitwrap.aboutpage {
	margin: 0;
}










.toggle{
  --uiToggleSize: var(--toggleSize, 1.25rem);
  --uiToggleBorderWidth: var(--toggleBorderWidth, 2px);
  --uiToggleColor: var(--toggleColor, #E8D730);

  display: var(--toggleDisplay, inline-flex);
  position: relative;
}

.toggle__input{
  /*
    The pattern by Sara Soueidan https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
  */
  width: var(--uiToggleSize);
  height: var(--uiToggleSize);
  opacity: 0;
  
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

/*
 1. Calculation of the gap for the custom checkbox
*/

.toggle__label{
  display: inline-flex;
  min-height: var(--uiToggleSize);
  padding-left: calc(var(--uiToggleSize) + var(--toggleIndent, 0em));
}

.toggle__input:not(:disabled) ~ .toggle__label{
  cursor: pointer;
}

/*
1. Ems helps to calculate size of the checkbox
*/

.toggle__label::before, 
.toggle__label::after{
  content: "";
  box-sizing: border-box;  
	width: 0.7em;
    height: 0.7em;
  font-size: var(--uiToggleSize); /* 1 */

  position: absolute;
  left: 0;
  top: 0;
}

.toggle__label::before{
  border: var(--uiToggleBorderWidth) solid var(--uiToggleColor);
  z-index: 2;
}

.toggle__input:not(:disabled) ~ .toggle__label::after{
  background-color: var(--uiToggleColor);
  opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label::after{
  opacity: 1;
}

.toggle__text{
    margin-top: auto;
    margin-bottom: auto;
    margin: 4px 0px;
    font-weight: 600;
}

/*
The arrow size and position depends from sizes of square because I needed an arrow correct positioning from the top left corner of the element toggle

1. Ems helps to calculate size and position of the arrow
*/

.toggle__input:not(:disabled) ~ .toggle__label .toggle__text::before{
    content: "";
    width: 0;
    height: 0;
    font-size: var(--uiToggleSize);
    border-left-width: 0;
    border-bottom-width: 0;
    border-left-style: solid;
    border-bottom-style: solid;
    border-color: var(--toggleArrowColor, #fff);
    position: absolute;
    top: .3428em;
    left: .12em;
    z-index: 3;
    transform-origin: left top;
    transform: rotate(-42deg) skew(0deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text::before{
  --uiToggleArrowWidth: var(--toggleArrowWidth, 2px);
  
  width: .4em;
  height: .2em;
  border-left-width: var(--uiToggleArrowWidth);
  border-bottom-width: var(--uiToggleArrowWidth);
}

/*
States
*/

/* focus state */

.toggle:focus-within{

  outline-offset: var(--toggleOutlineOffsetFocus, 5px);
}

/* disabled state */

.toggle__input:disabled ~ .toggle__label{
  opacity: var(--toggleOpacityDisabled, .24);
  cursor: var(--toggleCursorDisabled, not-allowed);
}

/*
=====
PRESENTATION STYLES
=====
*/

/* 
The demo skin
*/

.toggle__label::before, 
.toggle__label::after{
border-radius: var(--toggleBorderRadius, 2px);
}

/* 
The animation of switching states
*/

.toggle__input:not(:disabled) ~ .toggle__label::before,
.toggle__input:not(:disabled) ~ .toggle__label::after{
  opacity: 1;
  transform-origin: center center;
  will-change: transform;
  transition: transform .2s ease-out;
}

.toggle__input:not(:disabled) ~ .toggle__label::before{
  transform: rotateY(0deg);
  transition-delay: .2s;
}

.toggle__input:not(:disabled) ~ .toggle__label::after{
  transform: rotateY(90deg);
}

.toggle__input:not(:disabled):checked ~ .toggle__label::before{
  transform: rotateY(-90deg);
  transition-delay: 0s;
}

.toggle__input:not(:disabled):checked ~ .toggle__label::after{
  transform: rotateY(0deg);
  transition-delay: .2s;
}

.toggle__text::before{
  opacity: 0;
}

.toggle__input:not(:disabled):checked ~ .toggle__label .toggle__text::before{
  opacity: 1;
  transition: opacity .1s ease-out .3s, width .1s ease-out .5s, height .2s ease-out .3s;
}


.toggle {
    --toggleColor: #f5c025;
    --toggleBackgroundColor: #f5c025;
    --toggleSize: 40px;
}

.commonfooter {
	width: 100%;
	float: left;
	text-align: center;
	padding: 25px 0;
	text-transform: uppercase;
	background: #2ed2b1;
}
.commonfooter h2 {
	margin: 0;
	line-height: 48px;
	font-size: 34px;
}
.welcomewrap.aboutpage {
	padding: 0 0 50px;
}
.welcomewrap.aboutpage .left {
	width: 100%
}
.supportwrap {
	overflow:hidden;
}
.referralwrap.refpage {
	background: url(images/benifitbg.html) no-repeat top center #093234;
}
.logwrap {
	width: 100%;
	float: left;



}

.my_accont h2 {
	font-size:22px;
	text-align:center;
}

.my_accont h2 span {
    color: #f4bf25;
    font-size: 30px;
    margin-top: 20px;
    display: block;
}

.loginwrap {
    background: url(images/banner_bg.html) no-repeat top center #170047;
    background-size: cover;
    position: relative;
    padding-bottom: 80px;
} 


.my_accont table {
	width:100%;
}
 

.inside_wrap .bannerleft {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#011030+0,09409e+48,011030+100&0.6+1,0.6+100 */
background: -moz-linear-gradient(left, rgba(1,16,48,0.6) 0%, rgba(1,17,50,0.6) 1%, rgba(9,64,158,0.6) 48%, rgba(1,16,48,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,16,48,0.6) 0%,rgba(1,17,50,0.6) 1%,rgba(9,64,158,0.6) 48%,rgba(1,16,48,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,16,48,0.6) 0%,rgba(1,17,50,0.6) 1%,rgba(9,64,158,0.6) 48%,rgba(1,16,48,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99011030', endColorstr='#99011030',GradientType=1 ); /* IE6-9 */
    color: white;
    text-align: center;
    border-radius: 16px 16px 0px 0px;
    margin: 40px 0px 0px;
    width: 100%;
}

.inside_wrap .bannerleft h1 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 35px 0;
    
    }
    
  .headingwrap_sub {
    background:#041839 url(images/bannerbg.html) no-repeat top center;
    padding: 0 0 0px;
}  

  .headingwrap_sub .inside_wrap  {
	padding:0px;
  }

.headingwrap_sub .bannerleft {
    width: 100%;
    float: right;
    padding: 40px 30px 20px;
    background-color: #1242af9c;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    margin-bottom: 0px;
    border-bottom: 6px solid #E7008C;
}

.headingwrap_sub .bannerleft h1 {
	font-size:42px;
}

.accbal {
    width: 100%;
    float: left;
    padding: 15px 20px 15px 45px;
    border-radius: 4px;
    margin: 0 0 30px;
    background: #c19316 url(images/acbal.html) no-repeat left 10px center;
    font-size: 18px;
    text-transform: uppercase;
}
.accbal span {
	float: right;
	font-weight: 600;
}
@media (max-width: 1170px) {
.wrapper, .headerwrap, .menuwrap, .statwrap, .bestinvestent, .bannerwrap, .investmenwrap, .benifitwrap, .referralwrap, .footerwrap, .inside_wrap {
	width: 1170px;
}
.content {
	margin: 0 !important;
}
}