@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    background: #030f31;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 400;
	color: inherit;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 700;
}
p {
	text-align: justify;
	margin: 0 0 20px
}
p:last-child {
	margin: 0 !important
}
a {
	color: #36BCDE;
	outline: none;
	text-decoration: none;
	transition: 0.5s;
}
a:hover, a:active, a:focus {
	color: #4a41e1;
	text-decoration: none;
	outline: none;
}
img {
	max-width: 100%
}
label {
	font-weight: normal
}
input[type="text"], input[type="password"], input[type="email"], select {
    color: white;
    background: #101f4e;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 9px 10px;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    border: 1px solid #2b3c72;
    width: 100%;

}
textarea {
	width: 100%;
	background: transparent;
	height: 100px;
	border:0px;
    border-bottom: 1px solid #2FAECD;
	padding: 10px 0px;
	border-radius: 0px;
	resize: none;
	font-size: 15px;
}

input[type="submit"], input[type="button"] {
    background: rgb(56,191,225);
    background: linear-gradient(180deg, rgba(56,191,225,1) 0%, rgba(41,161,191,1) 100%);
    border-radius: 50px;
	border: none;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 40px;
	display: inline-block;
	padding: 0 40px
}
input[type="submit"]:hover, input[type="button"]:hover {
	color: #fff;
	background: rgb(56,191,225);
}

ul {
	list-style: none;
	padding: 0;
	margin: 0
}
header, main, footer, section {
	width: 100%;
	float: left;
	display: block;
}
.main_wrap {
}
.headerwrap {
	background: url(images/bannerbg.html) no-repeat top center #030f31;
	color: #fff;
}
.topheaderwrap {
	padding: 15px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #192956;
}
.timewraptop {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
}
.time {
	background: url(images/timeicon.html) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 40px 0 0;
}
.time span {
	color: #ffbe35;
}
.daysonline {
	background: url(images/daysonlineicon.html) no-repeat left center;
	padding: 0 0 0 20px;
}
.daysonline span {
	color: #ffbe35;
}
.valueswrap {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	font-size: 12px;
}
.valueswrap .valuebox {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0 20px;
}
.valueswrap .valuebox figure {
	margin: 0 6px 0 0;
}
.valueswrap .valuebox span {
	color: #ffbe35;
	padding-left:5px;
}
.logowrap {
	width: 100%;
	float: left;
	padding: 15px 0;
}
.logo {
}
.navbar-nav {
	float: left;
	margin: 0;
	width: 100%;
	text-align: right;
}
.navbar-nav > li {
	float: none;
	display: inline-block;
}
.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.nav > li > a {
	padding: 10px 15px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.navbar-nav > li.signup {
	background: rgb(255,198,54);
	background: linear-gradient(180deg, rgba(255,198,54,1) 0%, rgba(255,149,49,1) 100%); 
	border-radius: 50px;
	padding: 0 15px;
}
.navbar-nav > li.signup a {
	color: #030f31;
}
.navbar-nav > li.login {
	background: rgb(56,191,225);
	background: linear-gradient(180deg, rgba(56,191,225,1) 0%, rgba(41,161,191,1) 100%); 
	border-radius: 50px;
	padding: 0 15px;
}
.bannercowrap {
	width: 100%;
	float: left;
}
.bannerbox {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.bannerbox .left {
	width: 40%;
}
.bannerbox .left h1 {
	font-size: 56px;
	line-height: 56px;
	letter-spacing: -0.02em;
	font-weight: 600;
	margin: 0 0 40px;
}
.bannerbox .left p {
	font-size: 16px;
	line-height: 28px;
	margin: 0 0 40px;
	text-align: left;
}
.bannerbox .left a {
	background: rgb(255,208,64);
	background: linear-gradient(180deg, rgba(255,208,64,1) 0%, rgba(254,192,3,1) 100%); 
	font-size: 14px;
	color: #030f31;
	text-transform: uppercase;
	width: 205px;
	list-style: none;
	line-height: 55px;
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
}
.bannerbox .right {
	width: 60%;
}
.planwrapmain {
	background: #101f4e;
	border-radius: 25px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	float: left;
}
.planwrap {
	width: 35%;
	background: #101f4e;
	border-radius: 25px 0 0 25px;
	color: #fff;
	padding: 15px 25px;
}

.login_bg .planwrap {width:65%;}




.login_bg .calwrap {
    width: 65%;
    display: flex;
    background: #142456;
    color: #030f31;
    padding: 40px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 25px 25px 0;
}

.planwrap .head {
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}
.planwrap .head::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #43568c;
	bottom: 10px;
	left: 0;
	z-index: 1;
}
.planwrap .head span {
	padding: 0 15px 0 0;
	background: #101f4e;
	position: relative;
	z-index: 9;
}
.planwrap .planmain {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #43568c;
}
.planwrap .planmain .upto {
	width: 40%;
	padding: 0 15px 0 0;
	text-transform: uppercase;
	font-weight: 600;
	text-align: right;
}
.planwrap .planmain .upto h5 {
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	line-height: 14px;
}
.planwrap .planmain .upto h2 {
	font-size: 30px;
	color: #ffc235;
	font-weight: 800;
	margin: 10px 0;
	line-height: 30px;
}
.planwrap .planmain .upto h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}
.planwrap .planmain .val {
	width: 60%;
	padding: 0;
	font-size: 112px;
	line-height: 112px;
	position: relative;
	color: #fec002;
}
.planwrap .planmain .val span {
	color: #fff;
	font-size: 30px;
	width: 60px;
	height: 60px;
	border: 2px solid #2d3c69;
	border-radius: 50%;
	line-height: 60px;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.minmax {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 15px 0 0;
}
.minmax .min {
	padding: 0 0 0 30px;
	margin: 0 20px 0 0;
	background: url(images/mintick.html) no-repeat left top;
	text-align: left;
}
.minmax .min:last-child {
	margin: 0;
}
.minmax .min p {
	margin: 0 0 5px;
	line-height: 16px;
}
.minmax .min h4 {
	color: #1be69c;
	font-size: 18px;
	margin: 0;
}
.calwrap {
	width: 65%;
	display: flex;
	background: #fec002;
	color: #030f31;
	padding: 40px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-radius: 0 25px 25px 0;
}
.calwrap .enteramtwrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.calhedwrp {
	width: 35%;
}
.calhedwrp .calhed {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.calhedwrp .calhed h4 {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 500;
	text-align: left;
}
.calhedwrp .calhed h4 span {
	font-weight: 800;
	display: block;
}
.calhedwrp .calhed figure {
}
.calhedwrp .entamt {
	width: 100%;
	padding: 10px 0 0 0;
	text-align: left;
}
.calhedwrp .entamt label {
	margin: 0 0 10px;
}
.calhedwrp .entamt .inputwrarp {
	height: 40px;
	border-radius: 4px;
	position: relative;
}
.calhedwrp .entamt .inputwrarp .icon {
	color: #fff;
	background-color: #2fa8c6;
	border-radius: 0 4px 4px 0;
	text-align: center;
	line-height: 40px;
	padding: 0 10px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
}
.calhedwrp .entamt input {

    border: 0px;
    background: white;
    border-radius: 4px 0px 0px 4px;
    color: #091742;
    padding-left: 10px;

	
}
.calvaluewrap {
	width: 60%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.calval {
	border: 1px solid #091742;
	border-radius: 4px;
	text-align: center;
	min-width: 125px;
}
.calval figure {
	padding: 15px 0;
}
.calval span {
	font-size: 18px;
	padding: 0 0 15px;
	display: block;
}
.calval h3 {
	font-size: 12px;
	text-transform: uppercase;
	background-color: #091742;
	border-radius: 0 0 4px 4px;
	width: 100%;
	line-height: 40px;
	color: #fff;
	margin: 0;
}
.calstats {
    background: rgb(56,191,225);
    background: linear-gradient(180deg, rgba(56,191,225,1) 0%, rgba(41,161,191,1) 100%);
    border-radius: 15px;
    margin: 20px 25px 0px;
    width: calc(100% - 50px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.calstats .statbox {
padding: 15px 15px;
    border-right: 1px solid #0a688085;
}
.calstats .statbox:last-child {
	border: none;
}
.calstats .statbox .val {
	font-weight: 700;
	font-size: 24px;
}
.calstats .statbox .val span {
	font-size: 18px;
}
.calstats .statbox .usd {
	font-size: 12px;
}
.aboutwrap {
	background: url(images/aboutbg.png) no-repeat top center #030f31;
	padding: 20px 0 100px;
}


.faq_wrap {padding-top:50px;}

.abtthub {
	width: 100%;
	float: left;
}
.abtthub figure {
}
.aboutinfo {
	width: 100%;
	float: left;
	padding: 50px 0;
}
.aboutinfo h2 {
	font-size: 30px;
	margin: 0 0 25px;
	color: #fff;
}
.aboutinfo h2 span {
	font-weight: 700;
	color: #fec002;
}
.aboutinfo p {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	margin: 0 0 30px;
}
.aboutinfo a {
	background: rgb(255,208,64);
	background: linear-gradient(180deg, rgba(255,208,64,1) 0%, rgba(254,192,3,1) 100%); 
	font-size: 14px;
	color: #030f31;
	text-transform: uppercase;
	width: 205px;
	list-style: none;
	line-height: 55px;
	border-radius: 50px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
}
.whyjoin {
	background: #ffd504;
	text-align: center;
	padding: 150px 0 200px;
}


.whyjoin_inv {
		padding: 50px 0 80px;
}

.whyjoin h2 {
	font-size: 30px;
	color: #081438;
	font-weight: 500;
	margin: 20px 0 40px;
}

.whyjoin_inv h2 {
	font-size:36px;
}

.whybox {
	background-color: #101f4e;
	border-radius: 15px;
	box-shadow: 0 0 10px #0000002b;
	text-align:center;
}
.whybox .hd {
    background: #2aa2c0;
    border-radius: 12px 12px 0 0;
    padding: 15px 0;
}
.whybox .hd h3 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
	line-height: 38px;
}
.whybox .inf {
    padding: 20px 20px 30px;
}
.whybox .inf figure {
	padding: 0 0 15px;
}
.whybox .inf p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.bannerinside_account .whybox .inf p {font-size:24px;}


.bannerinside_account .whybox a {
	    border-radius: 36px;
    background: #ffd504;
    color:#09153A;
    padding:10px 15px;
}

.bannerinside_account .whybox a:hover {background:#2AA2C0;}

.bannerinside_account .whybox {border-bottom: 4px solid #09153A;}

.affiliatewrap {
	background: #081438;
}
.affiliateinside {
	background: url(images/affiliatebg.html) no-repeat top center #030f31;
	border-radius: 20px;
	width: 100%;
	float: left;
	margin: -150px 0 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 290px;
	background-size: cover;
}

.affiliateinside_sub {
	margin:50px 0px;
}

.affiliateleft {
	width: 40%;
	padding: 20px 20px 0;
}
.affiliateleft figure {
}
.affiliateright {
	width: 60%;
	color: #fff;
	text-align: center;
	padding: 0 30px 0 0;
}
.affiliateright .increase {
}
.affiliateright .increase h4 {
	font-size: 30px;
	margin: 0 0 30px;
	font-weight: 600;
}
.affiliateright .levelwrap {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}
.affiliateright .levelwrap .levelbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #081438;
	border-radius: 50px;
	min-width: 210px;
}
.affiliateright .levelwrap .levelbox .leve {
	font-size: 30px;
	font-weight: 700;
	line-height: 52px;
	padding: 0 25px;
	background: #fec002;
	border-radius: 50px;
	width: 90px;
}
.affiliateright .levelwrap .levelbox .percen {
	width: calc(100% - 90px);
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}
.affiliateright .levelwrap .levelbox .percen span {
	font-size: 24px;
	font-weight: 600;
}
.affiliateright .affitext {
	padding: 30px 0;
	font-size: 16px;
	line-height: 24px;
}
.affiliateright .affitext a {
	color: #0bc9aa;
	font-weight: 700;
}
.lastten_wrap {
	background: #081438;
	padding: 50px 0;
}
.lastten_wrap .lastbox {
	width: 100%;
	float: left;
	border: 1px solid #08a6f8;
	padding: 20px;
}
.lastten_wrap .lastbox .heading {
	text-align: center;
	margin: -35px 0 0 0;
}
.lastten_wrap .lastbox .heading h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	color: #fff;
}
.lastten_wrap .lastbox .heading h4 span {
	background: #081438;
	padding: 0 40px;
}
.lastten_wrap .lastbox .lastlist {
	width: 100%;
	float: left;
}
.lastten_wrap .lastbox .lastlist .listbox {
	padding: 10px 0;
	border-bottom: 1px solid #1b284c;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: #fff;
	font-weight: 600;
}
.lastten_wrap .lastbox .lastlist .listbox:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.lastten_wrap .lastbox .lastlist .listbox .icon {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.lastten_wrap .lastbox .lastlist .listbox .icon span {
	padding: 0 0 0 15px;
}
.lastten_wrap .lastbox .lastlist .listbox .name {
}
.statnewrap {
}
.statnewrap .statbox {
	background: #101f4e;
	border-radius: 4px;
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin: 8px 0;
}
.statnewrap .statbox .inf {
	padding: 25px;
	color: #fff;
}
.statnewrap .statbox p {
	color: #7e98e6;
	font-weight: 600;
	margin: 0 0 5px;
}
.statnewrap .statbox h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}
.statnewrap .statbox .icon {
	background: #31adcc;
	border-radius: 0 4px 4px 0;
	padding: 0 10px;
}
.statnewrap .statbox .icon figure {
}
footer {
	background: #101f4e;
	color: #fff;
	padding: 50px 0;
}
.flogowrap {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 20px;
}
.flogowrap figure {
	padding: 0 20px 0 0;
}
.flogowrap p {
	text-align: left;
}
.accepted {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.accepted span {
	color: #30acca;
	text-transform: uppercase;
	line-height: 25px;
	display: inline-block;
}
.accepted .accepticon {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.accepted .accepticon figure {
	padding: 0 0 0 10px;
}
.flinks {
	width: 100%;
	float: left;
}
.flinks ul {
    border-left: 1px solid #ffd504;
    padding: 0 0 0 20px;
}
.flinks ul li {
	width: 100%;
}
.flinks ul li a {
	font-size: 14px;
	color: #fff;
	line-height: 35px;
	display: block;
}
.flinks ul li a:hover {
	color:#fec002;
}
.certwrp {
	margin: -240px 0 0 0;
	background: #101f4e;
	border-radius: 10px;
	padding: 20px;
	color: #fff;
	width: 100%;
	float: left;
}



.certadd {
	margin: -240px 0 0 0;
	background: #101f4e;
	border-radius: 10px;
	padding: 20px;
	color: #fff;
	width: 100%;
	float: left;
}


.compdetails .certwrp, 
.compdetails  .certadd {
	margin-top:20px;
}

.certicon {
	margin: -240px 0 0 0;
	background: rgb(56,191,225);
	background: linear-gradient(180deg, rgba(56,191,225,1) 0%, rgba(41,161,191,1) 100%);
	border-radius: 10px;
	padding: 17px 20px;
	color: #fff;
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.certicon .icon {
	width: 48%;
	margin: 5px 0 6px;
}
.certwrp .top,.certwrp .bottom {
	width: 100%;
	float: left;
}
.certwrp .top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.certwrp .top .leftarea {

}
.certwrp .top .leftarea p {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px;
}
.certwrp .top .leftarea h4 {
	margin: 0;
	color: #2fabca;
	font-size: 28px;
	font-weight: 700;
}
.certwrp .top .rightarea {
	padding: 0 0 0 10px;
	min-width: 154px;
}
.certwrp .top .rightarea a.cert {
	border: 1px solid #31adcc;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	width: 100%;
	display: block;
	text-align: left;
	color: #fff;
	padding: 4px 30px 5px 10px;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 10px;
}
.certwrp .top .rightarea a.cert:after {
	content: "";
	position: absolute;
	background: url(images/certificate.html) no-repeat center center;
	width: 33px;
	height: 33px;
	top: 0;
	right: 0;
}
.certwrp .top .rightarea a.reginfo {
	width: 100%;
	color: #081438;
	display: block;
	background: #ffc536;
	border-radius: 4px;
	line-height: 33px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	text-align:center;
}
.certwrp .bottom {
	padding: 20px 0 0 0;
	text-align: left;
	font-size: 13px;
	line-height: 25px;
}
.sendms {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #31b1d1;
}
.sendms:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.sendms .txt h4 {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.sendms .txt p {
	text-align: left;
}
.sendms .inf {
	min-width: 64px;
}
@media screen and (max-width: 1024px) {
	.nav > li > a {
		padding: 10px;
	}
	.bannerbox .left h1 {
		font-size: 46px;
		line-height: 46px;
	}
	.planwrap,.calwrap, .bannerinside_account .planwrap, .bannerinside_account .calwrap, 
.login_bg .planwrap, .login_bg .calwrap {
		width: 100%;
		    padding: 10px;
		    border-radius:15px;
	}
	
	.info-block p span {
    float: none;
    color: #FFD504;
}

	
	.planwrap {
		border-radius: 25px 25px 0 0;
	}
	.planwrapmain {
		flex-direction: column;
	}
	.planwrap .planmain .upto {
		width: 50%;
	}
	.planwrap .planmain .val {
		width: 50%;
	}
	.minmax {
		justify-content: center;
	}
	.calwrap {
		border-radius: 0 0 25px 25px;
	}
	.calstats {
		flex-wrap: wrap;
	}
	.calstats .statbox {
		width: 25%;
	}
	.calstats .statbox:nth-child(4n) {
		border-right: 0;
	}
	.abtthub {
		text-align: center;
		padding: 40px 0 0 0;
	}
	.certicon {
		margin: 0;
	}
	.certicon .icon {
		width: initial;
	}
	.sendms .txt p br {
		display: none;
	}
	.whyjoin h2 {
		margin: 50px 0 40px;
	}
	.whyjoin {
		padding: 120px 0 250px;
	}
	.certadd {
		margin: 0;
	}
	.aboutwrap {
		padding: 20px 0;
	}
	.whyjoin {
		padding: 50px 0;
	}
	.certwrp,.certadd,.certicon {
		margin: 10px 0;
	}
	.whybox {
		margin: 10px 0;
	}
	.affiliatewrap {
		padding: 60px 0;
	}
	.affiliateinside {
		margin: 0;
	}
	.affiliateright .levelwrap .levelbox .leve {
		font-size: 24px;
		width: 80px;
	}
	.affiliateright .levelwrap .levelbox .percen {
		width: calc(100% - 80px);
		font-size: 26px;
	}
	.affiliateright .levelwrap .levelbox {
		min-width: 180px;
	}
	.lastten_wrap .lastbox {
		margin: 40px 0 0 0;
	}
	.statnewrap .statbox {
		margin: 25px 0 0;
	}
	.lastten_wrap {
		padding-top: 0;
	}
	.flogowrap,.accepted {
		flex-direction: column;
		padding: 0 0 40px;
	}
}
@media screen and (max-width: 812px) {
	.timewraptop,.valueswrap {
		align-items: center;
	}
	.logo {
		text-align: center;
		padding: 0 0 10px;
	}
	.navbar-nav {
		text-align: center;
	}
	.bannerbox {
		flex-direction: column-reverse;
	}
	.bannerbox .left,.bannerbox .right {
		width: 100%;
	}
	.affiliateinside {
		flex-direction: column;
	}
	.affiliateleft {
		width: 100%;
		padding: 0 0 40px;
		text-align: center;
	}
	.affiliateright {
		width: 100%;
		padding: 0;
	}
	.accepted span {
		margin: 0 0 10px;
	}
	.flogowrap {
		padding: 0 0 20px;
	}
	.bannerbox .left {
		padding: 40px 0;
	}
	.bannerbox .left h1 {
		font-size: 36px;
		line-height: 36px;
		margin: 0 0 20px;
	}
	.bannerbox .left h1 br {
		display: none;
	}
	.calwrap .enteramtwrap {
		flex-direction: column;
	}
	.calhedwrp {
		width: 100%;
		padding: 0 0 30px;
	}
	.calvaluewrap {
		width: 100%;
	}
	.calval {
		min-width: inherit;
		width: 30%;
	}
	.whyjoin h2 {
		margin: 30px 0 20px;
	}
}
@media screen and (max-width:767px) {
	.navbar-toggle {
		float: none;
		background-color: #fece02;
		margin: 0 auto !important;
		color: #030f31;
	}
	.timewraptop,.valueswrap {
		justify-content: center;
	}
	.headerwrap {
		text-align: center;
	}
	.bannerbox .left p {
		text-align: center;
	}
	.certicon .icon {
		width: 48%;
	}
}
@media screen and (max-width: 668px) {
	.timewraptop, .valueswrap {
		align-items: flex-start;
		flex-direction: column;
		text-align: left;
	}
	.time {
		padding-left: 25px;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	.daysonline {
		padding-left: 25px;
		width: 100%;
		text-align: left;
	}
	.valueswrap .valuebox {
		margin: 0;
		width: 100%;
		padding: 5px 0 0 0;
	}
	.bannerbox .left h1 {
		font-size: 26px;
		line-height: 26px;
	}
	.planwrap .planmain .val {
		font-size: 92px;
		line-height: 92px;
	}
	.minmax {
		flex-direction: column;
	}
	.minmax .min {
		padding: 0 0 0 30px;
		margin: 5px 0;
	}
	.calwrap {
		padding: 25px;
	}
	.calvaluewrap {
		flex-direction: column;
	}
	.calval {
		width: 100%;
		margin: 5px 0;
	}
	.calstats .statbox {
		width: 50%;
		border-right: 0 !important;
	}
	.aboutinfo,.whyjoin {
		padding: 30px 0;
	}
	.whyjoin h2,.affiliateright .increase h4,.aboutinfo h2 {
		font-size: 25px;
	}
	.affiliateright .levelwrap {
		flex-direction: column;
		padding: 0 10px;
	}
	.affiliateright .levelwrap .levelbox {
		width: 90%;
		margin: 5px 0;
	}
	.affiliateright .affitext br {
		display: none;
	}
	.affiliatewrap {
		padding: 30px 0;
	}
	.bannerbox .left p {
		font-size: 14px;
		line-height: 24px;
	}
	.affiliateright .affitext {
		font-size: 14px;
		padding: 20px 10px;
	}
	
}
@media screen and (max-width: 569px) {
}
@media screen and (max-width: 415px) {
	
}
@media screen and (max-width: 376px) {
	.planwrap .planmain {
		flex-direction: column;
	}
	.planwrap .planmain .upto {
		width: 100%;
		text-align: center;
		padding: 0 0 15px;
	}
	.planwrap .planmain .val {
		font-size: 92px;
		line-height: 92px;
		width: 100%;
		text-align: center;
	}
	
	.whyjoin h2, .affiliateright .increase h4, .aboutinfo h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.flogowrap p {
		text-align: center;
	}
	.certwrp .top {
		flex-direction: column;
	}
	.certwrp .top .leftarea {
		width: 100%;
		text-align: center;
	}
	.certwrp .top .leftarea p {
		text-align: center;
	}
	.certwrp .top .leftarea h4 {
		padding: 0 0 20px;
	}
	.certwrp .top .rightarea {
		padding: 0;
		min-width: 154px;
		width: 100%;
	}
	.certwrp .bottom {
		text-align: center;
		line-height: 22px;
	}
	.calstats {
		margin: 0;
		width: 100%;
		border-radius: 15px;
		margin: 15px 0 0;
	}
	footer {
		padding: 30px 0;
	}
	.flinks ul li a {
		line-height: 30px;
	}
}
@media screen and (max-width: 321px) {
	.lastten_wrap .lastbox .heading {
		margin-bottom: 15px;
	}
	.lastten_wrap .lastbox .heading h4 {
		font-size: 15px;
	}
	.flogowrap p {
		padding: 10px 0 0 0;
	}
}