body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background:#F2F2F2;
}
/*wrapper*/
.wrapper{
	width: 100%;
	background: #0183BE;
	padding-bottom:35px;
}
/*headerBotContainer*/
.headerContainer{
	width: 100%;
    background-color: #0183BE;
	min-height: 82px;
	padding: 10px 0 0;
	margin-bottom: -5px;
}
.headerInner{
	width: 1000px;
	margin: 0 auto;
}


#logo{
	display: inline-block;
	float: left;
	height: 59px;
	width: 271px;
	background: url(images/logo.png) transparent no-repeat center;
	background-size: contain;
	border-radius: 12px;
	padding: 4px;
	transition: all 0.35s ease;
	filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}

/* Hover Effect */
#logo:hover{
	transform: translateY(-3px) scale(1.03);
	filter: drop-shadow(0 6px 14px rgba(0,0,0,0.35));
	background-color: rgba(255,255,255,0.05);
}






.hdRight{
	float: right;
}
.mainNavRight{
    float: right;
    border: 0;
    padding-top: 11px;
    height: 34px;
}
.navbar{
    margin: 0;
    min-height: 31px;
    border: 0;
}
.navbar .nav{
    margin: 0;
    min-height: 34px;
    border: 0;
}
.mainNavRight .nav > li {
    text-align: center;
    float: left;
    list-style: none;
}
.mainNavRight .nav > li a:hover,.mainNavRight .nav > li a:focus{
	color: #3EFAE0;
	background: none;
}
.mainNavRight .nav > li  > a{
	color: #fff;
	padding: 0px 5px;
	text-decoration: none;
	text-align: left;
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	margin: 6px 6px;
}

.mainNavRight .nav > li > a.signup {
	margin: 0;
	padding: 7px 20px;
	border-radius: 4px;
	margin-left: 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,eeefec+50,e0e3de+100 */
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #eeefec 50%, #e0e3de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#eeefec 50%,#e0e3de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfd 0%,#eeefec 50%,#e0e3de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e3de',GradientType=0 ); /* IE6-9 */
	color: #007190;
}
.mainNavRight .nav > li > a.signup:hover,.mainNavRight .nav > li > a.signup:focus{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00f0ae+0,00d0c6+51,00afe0+100 */
	background: #00f0ae; /* Old browsers */
	background: -moz-linear-gradient(top, #00f0ae 0%, #00d0c6 51%, #00afe0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00f0ae 0%,#00d0c6 51%,#00afe0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00f0ae 0%,#00d0c6 51%,#00afe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ae', endColorstr='#00afe0',GradientType=0 ); /* IE6-9 */
}
.mainNavRight .nav > li > a.login{
	margin: 0;
	padding: 7px 24px;
	margin-left: 10px;
	border-radius: 4px;
	color: #007190;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00f0ae+0,00d0c6+51,00afe0+100 */
	background: #00f0ae; /* Old browsers */
	background: -moz-linear-gradient(top, #00f0ae 0%, #00d0c6 51%, #00afe0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00f0ae 0%,#00d0c6 51%,#00afe0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00f0ae 0%,#00d0c6 51%,#00afe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ae', endColorstr='#00afe0',GradientType=0 ); /* IE6-9 */
}
.mainNavRight .nav > li > a.login:hover,.mainNavRight .nav > li > a.login:focus{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,eeefec+50,e0e3de+100 */
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #eeefec 50%, #e0e3de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#eeefec 50%,#e0e3de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfd 0%,#eeefec 50%,#e0e3de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e3de',GradientType=0 ); /* IE6-9 */
}
.dropdown-menu{
	min-width: 173px !important;
	background: #fff;
	top: 130%;
	left: 0px;
	border:0px;
}
.dropdown-menu>li>a{
	color: #7d7b7b !important;
	text-align: left;
	font-size: 14px;
}
.dropdown-menu>li>a:hover{
	background-color: #e9ab25;
	color: #f56b3f!important;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
	background: transparent;
}
/*bannerContainer*/
.bannerContainer{
	width: 100%;
	padding: 74px 0 55px;
	background: url(images/bg.jpg) transparent no-repeat center top;
	overflow: hidden;
}
.bannerInner{
	width: 1000px;
	margin: 0 auto;
}
.bannerInner h1{
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 30px;
	margin: 0;
	text-align:  center;
	line-height: 30px;
	text-transform: uppercase;
	padding-top: 10px;
}
.ctn-banner{
	width: 53%;
	padding: 108px 50px;
}
.ctn-banner h3{
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 30px;
	margin: 0;
	line-height: 43px;
	margin-bottom: 26px;
}
.ctn-banner p{
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	margin: 0;
}
.banner-btt{
	width: 100%;
	padding: 40px 0 0;
	overflow: hidden;
}
.banner-btt a{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	margin: 0;
	font-weight: 700;
	line-height: 24px;
	padding: 12px 48px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 4px;
}
.banner-btt a.btt-part1{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1B91E9+0,#007CF7+52,#1B91E9+100 */
	background: #1B91E9; /* Old browsers */
	background: -moz-linear-gradient(top, #1B91E9 0%, #007CF7 52%, #1B91E9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1B91E9 0%,#007CF7 52%,#1B91E9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1B91E9 0%,#007CF7 52%,#1B91E9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B91E9', endColorstr='#1B91E9',GradientType=0 ); /* IE6-9 */
}
.banner-btt a.btt-part1:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00f0ae+0,00d0c6+51,00afe0+100 */
	background: #007CE2; /* Old browsers */
	background: -moz-linear-gradient(top, #007CE2 0%, #007CF1 51%, #007CE2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #007CE2 0%,#007CF1 51%,#007CE2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #007CE2 0%,#007CF1 51%,#007CE2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0ae', endColorstr='#007CE2',GradientType=0 ); /* IE6-9 */
}






.statistContainer{
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}

.statistInner{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

/* CARD */
.ctn-statist{
	width: calc(25% - 20px);
	float: left;
	margin-right: 20px;
	padding: 22px;
	border-radius: 16px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;

	min-height: 120px;

	background: linear-gradient(135deg,#0f172a,#1e3a5f,#2563eb);

	box-shadow: 0 6px 18px rgba(0,0,0,0.18);

	transition: transform 0.35s ease, box-shadow 0.35s ease;
	overflow: hidden;
}

.ctn-statist-lastChild{
	margin-right: 0 !important;
}

/* HOVER */
.ctn-statist:hover{
	transform: translateY(-6px);
	box-shadow: 0 14px 30px rgba(37,99,235,0.35);
}

/* ICON ROW (RESTORED CLEANLY) */
.ctn-statist-part1,
.ctn-statist-part2,
.ctn-statist-part3,
.ctn-statist-part4{
	padding-left: 70px;
	min-height: 48px;

	display: flex;
	flex-direction: column;
	justify-content: center;

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 48px 48px;

	transition: all 0.3s ease;
}

/* KEEP YOUR ORIGINAL ICONS */
.ctn-statist-part1{ background-image: url(images/stt-ic1.png); }
.ctn-statist-part2{ background-image: url(images/stt-ic2.png); }
.ctn-statist-part3{ background-image: url(images/stt-ic3.png); }
.ctn-statist-part4{ background-image: url(images/stt-ic4.png); }

/* TEXT */
.ctn-statist h3{
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
}

.ctn-statist p{
	margin: 4px 0 0;
	font-size: 14px;
	color: rgba(255,255,255,0.85);
	line-height: 1.3;
}

/* SMALL ICON GLOW ON HOVER */
.ctn-statist:hover .ctn-statist-part1,
.ctn-statist:hover .ctn-statist-part2,
.ctn-statist:hover .ctn-statist-part3,
.ctn-statist:hover .ctn-statist-part4{
	filter: brightness(1.2);
	transform: scale(1.02);
}









/* =========================
   CONTENT SECTION (ICON FIXED)
========================= */

.contentTopContainer{
	width: 100%;
	overflow: hidden;
	padding: 50px 0;
	background: linear-gradient(135deg, #f5fbff, #e6f6ff);
}

.contentTopInner{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

/* MEMBER BOX */
.ctn-member{
	width: 48%;
	float: left;
	padding: 45px 40px;
	border-radius: 14px;
	background: #fff;
	box-sizing: border-box;

	box-shadow: 0 10px 25px rgba(1,131,190,0.12);
	border-top: 3px solid #0183BE;

	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.ctn-member:hover{
	transform: translateY(-6px);
	box-shadow: 0 15px 35px rgba(1,131,190,0.18);
}

.ctn-promote{
	float: right;
}

/* TITLE */
.ctn-member h3{
	font-size: 24px;
	text-transform: uppercase;
	color: #0183BE;
	margin: 0 0 20px;
}

/* TEXT */
.ctn-member p{
	font-size: 14px;
	color: #4d5b66;
	margin: 0 0 20px;
	line-height: 1.6;
}

/* LIST RESET */
.ctn-member ul{
	margin: 0;
	padding: 0;
	list-style: none;

	/* FIX: keep side image visible */
	min-height: 120px;
	position: relative;
}

/* LIST ITEMS + ICON FIX */
.ctn-member ul li{
	font-size: 14px;
	line-height: 28px;
	padding-left: 34px;
	margin-bottom: 8px;

	color: #4d5b66;

	background: url(images/ctn-ul.png) no-repeat left center;
	background-size: 18px 18px;
}

/* SIDE IMAGE FIX (VERY IMPORTANT) */
.ctn-member ul{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 140px auto;
}

.ctn-member ul{
	background-image: url(images/ctn-mid1.png);
}

.ctn-promote ul{
	background-image: url(images/ctn-mid2.png);
}

/* =========================
   INVESTMENT SECTION
========================= */

.investmentContainer{
	width: 100%;
	padding: 60px 0;
	overflow: hidden;

	background: linear-gradient(135deg, #0183BE, #00A6E7, #00C2FF);
}

.investmentInner{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.investmentInner h3{
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin: 0 0 50px;
}

/* BOXES */
.ctn-investment{
	width: 25%;
	float: left;
	padding: 30px 20px;
	text-align: center;
	box-sizing: border-box;

	transition: transform 0.3s ease;
}

/* FIX: ensure icon visibility */
.ctn-investment{
	min-height: 180px;
}

/* HOVER */
.ctn-investment:hover{
	transform: translateY(-8px);
}

/* ICONS (NO CHANGE TO YOUR FILES) */
.ctn-inves-part1{
	background: url(images/ctn1--img1.png) no-repeat center top;
	background-size: 90px auto;
}

.ctn-inves-part2{
	background: url(images/ctn1--img2.png) no-repeat center top;
	background-size: 90px auto;
}

.ctn-inves-part3{
	background: url(images/ctn1--img3.png) no-repeat center top;
	background-size: 90px auto;
}

.ctn-inves-part4{
	background: url(images/ctn1--img4.png) no-repeat center top;
	background-size: 90px auto;
}

/* TEXT */
.ctn-investment p{
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	margin: 0;
	padding-top: 110px;
	line-height: 1.3;
}






/*solidContainer*/
.solidContainer{
	width: 100%;
	background: #fff;
	padding: 30px 0;
	overflow: hidden;
}
.solidInner{
	width: 1000px;
	margin: 0 auto;
}
.solid{
	width: 100%;
	text-align: center;
}
.solid a{
	background: url(images/solid.png) no-repeat left center;
	display: inline-block;
	height: 43px;
	margin: 0 23px;
}
.solid a.solid1{
	width: 77px;
	background-position: 0 0px;
}
.solid a.solid2{
	width: 149px;
	background-position: -127px 0;
}
.solid a.solid3{
	width: 102px;
	background-position: -321px 0;
}
.solid a.solid4{
	width: 137px;
	background-position: -460px 0;
}
.solid a.solid5{
	width: 194px;
	background-position: -645px 0;
}
.solid a:hover{
	opacity: 0.7;
}
/*contentBotContainer*/
.contentBotContainer{
	width: 100%;
	background: #f2f2f2;
	padding: 40px 0;
	-webkit-box-shadow: inset 0px 8px 29px -8px rgba(225,225,225,1);
	-moz-box-shadow: inset 0px 8px 29px -8px rgba(225,225,225,1);
	box-shadow: inset 0px 8px 29px -8px rgba(225,225,225,1);
	overflow: hidden;
}
.contentBotInner{
	width: 1000px;
	margin: 0 auto;
}
.ctn-adver{
	width: 48%;
	text-align: right;
	float: left;
}
.ctn-adver-right{
	float: right;
	text-align: left;
}
#adpack-plans {
	width:100%;
	height:1250px;
	margin-bottom: 50px;
}
#adpack-plans .container {
	width: 968px;
}
.widget-content .upgrade-tbl td {
    font-weight: 400!important;
    text-align: center;
}

/*footerContainer*/
.footerContainer{
	width: 100%;
	background: #0173BE;
	padding: 40px 0;
	overflow: hidden;
}
.footerInner{
	width: 1000px;
	margin: 0 auto;
}
.footerLeft{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.footerLeft p{
	font-size: 14px;
	color: #fff;
	margin: 0;
	line-height: 23px;
}
.footerLeft p a{
	color: #fff;
}
.footerLeft hr{
	border-top: 2px solid #fff;
	width: 33%;
	margin:  0 auto;
	margin-bottom:  20px;
	margin-top: 20px;
}
.footerRight{
	width: 100%;
	text-align: center;
}

.footerRight a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin: 0 11px;
	text-transform: uppercase;
}

.site_content {
	width:1000px;
	margin:30px auto;
	border-radius: 6px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px 0px 18px 4px rgba(217,217,217,1);
    -moz-box-shadow: 0px 0px 18px 4px rgba(217,217,217,1);
    box-shadow: 0px 0px 18px 4px rgba(217,217,217,1);
}

.site_title {
    background: #00a6e7;
    background: -moz-linear-gradient(left, #00a6e7 0%, #00bad8 52%, #00cfc7 100%);
    background: -webkit-linear-gradient(left, #00a6e7 0%,#00bad8 52%,#00cfc7 100%);
    background: linear-gradient(to right, #00a6e7 0%,#00bad8 52%,#00cfc7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e7', endColorstr='#00cfc7',GradientType=1 );
        margin-bottom: 10px;
}


.login-div {
    width: 980px;
    margin: -10px auto 0px;
    border-radius: 4px;
       padding: 35px 40px;
    background: url(images/login-bg.jpg) no-repeat left top;
    padding-left: 450px;

}


.login-div form {
    padding: 30px 15px;
    border-radius: 6px;
     background: #fff;
    -webkit-box-shadow: 0px 0px 18px 4px rgba(217,217,217,1);
    -moz-box-shadow: 0px 0px 18px 4px rgba(217,217,217,1);
    box-shadow: 0px 0px 18px 4px rgba(217,217,217,1);
}

.login-div table td {
	padding:4px;
}

.login-div  input[type="text"], .login-div  input[type="password"] {width:100%;}

.admin-info {
    background: url() #f1f7fb no-repeat 10px center;
    min-height: 153px;
    padding-left: 20px;
    float: left;
    padding-top: 20px;
    width: 360px;
    border: 0px;
    border-radius: 3px;
    color: #4c5765;
    margin-left: 0px;
    border: 1px solid #45e6e6;
}

.account-top {
    background: url(images/subpage-bg.jpg) transparent repeat-x center top;
    overflow: hidden;
    color: #fff;
    border-radius: 0 0 3px 3px;
    margin-bottom: 10px;
    padding-top: 0px;
    border-radius: 3px;
}

.account-left {
    float: right;
    width: 380px;
}

.account-left .contentTop {
    width: 121px;
    float: left;
    margin-right: 5px;
    border: 0px;
    border-radius: 4px;
    margin-bottom: 0px;
    padding-top: 35px;
    text-align: center;
    background: #00a6e7;
    background: -moz-linear-gradient(left, #00a6e7 0%, #00bad8 52%, #00cfc7 100%);
    background: -webkit-linear-gradient(left, #00a6e7 0%,#00bad8 52%,#00cfc7 100%);
    background: linear-gradient(to right, #00a6e7 0%,#00bad8 52%,#00cfc7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e7', endColorstr='#00cfc7',GradientType=1 );
    color: white;
    font-size: 14px;
    margin-top: 0px;
    padding-bottom: 11px;
}

.account-left .contentTop:hover {
	text-decoration:none;
	background:#00a6e7;
}

.account-left .contentTop h3 {
	font-size: 16px;
    font-weight: 600;
    color:white;
}

.earning-container {
    background: url(images/earning-balance.png) #f2fbf9 no-repeat 20px center;
    padding: 10px 20px;
    padding-left: 190px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #97e4e4;
}

.earning2-container {
    padding: 0;
    margin-bottom: 10px;
    overflow: hidden;
     background: url(images/earning2.png) no-repeat center top;

}

.earning3-container {
    background: #0183BE;
    border: 1px solid #0183BE;
    color: #ffffff;
    padding: 10px;
    border-radius: 3px;
    text-align:center;
}

#tabs ul {
    border: 0;
    background: 0 0;
    text-align: center;
}

#tabs ul li {
    background: #0183BE;
    border: 0;
    border-radius: 4px;
    text-transform: uppercase;
    display: inline-block;
    float: none;
}

#tabs ul li a {
    color: #fff;
    padding: 10px 23px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #3ce6ec;
}

.ui-widget-content a {
    color: #0f9aa7;
    }

h3, .h3 {
    font-size: 20px;
    color: #0183BE;
}

.featuredContainer {
	padding:0px 0px 30px;
}


.featuredContainer .ctn-member {
	    padding: 30px 0 30px 25px;
	        min-height: 200px;
}

.featuredContainer .ctn-member ul li {
    color: #5b5b60;
    font-size: 14px;
    margin: 0;
    line-height: 17px;
    padding-left: 24px;
    background: url(images/ctn-ul.png) transparent no-repeat left 3px;
}

.featuredContainer span {display:none;}

.ctn-member ul.featured1 {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(images/featured2.png) transparent no-repeat center right 20px;
    min-height: 120px;
}


.ctn-member ul.featured2 {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(images/ctn-mid2.png) transparent no-repeat center right 20px;
    min-height: 120px;
}

@media (max-width: 1000px){

.wrapper,.headerContainer,.bannerContainer,.investmentContainer,.contentTopContainer,.solidContainer,.statistContainer,.contentBotContainer,.footerContainer{
	width: 1000px !important;
}

.headerInner,.bannerInner,.investmentInner,.contentTopInner,.solidInner,.contentBotInner,.statistInner,.footerInner{
		margin: 0 !important;
	} 
}