body{
	margin:0;
	padding:0;
	font-family: 'Droid Serif', serif;
	background-image:url("../images/mainbg.html");
	}	
.error_text{
    color: red;
    font-weight:bold;
}
.success{
    margin: 10px auto;
    font-size: 20px;
    text-align: center;
    border: 2px solid green;
    padding: 10px 20px;
    color: #5cd65c;
}
.container{
	width:1240px;  
	height:auto;
	margin:auto;    
}
.clear{
	clear:both;   
	}
	
.clearfix { clear:both; }
.clearfix:after { content:''; clear:left; height:1px; display:block; }
	
.left{
	float: left;
}
.right{
	float: right;
}
ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,p,ul,li{
	margin: 0;
	padding: 0;
	
}
p{
	margin: 0;
	padding: 0;
	text-align: justify;
}

.yelloAlert {
    
    color:#F39C12;
    padding:10px;
    width:500px;
    margin:auto;
    height:auto;
    text-align:center;
    font-size:30px;
    font-weight:bold;
}

	  
.header{
	width: 100%;
	height: auto;
	min-width: 1280px;
} 
 
 
.m-spin{
    animation:w3-spin 4s infinite linear}
    @keyframes w3-spin{0%{transform:rotate(0deg)}
    100%{transform:rotate(359deg)}
}
.headerTop {
	width: 100%;
	height: 30px;
	line-height: 30px;
	min-width: 1280px;
	background-color: #003E64;
	color: white;
}
 
 
 

.username i,.username p,.contuct ul li{
	display:inline;
}
 .username i,.contuct i{
	 font-size:20px;
 }
 
 .contuct ul li{
	 margin-left:25px;
 }
 
 
 
 
 .headerBottom{
	width: 100%;
	height: 50px;
	min-width: 1280px;
	background:#1091CC;
	margin:auto;
 } 
 
.headerBottom ul li{
	color:#fff;
	line-height:50px;
	display:inline;
} 

.headerBottom ul li a {
	color: #fff;
	border: 2px solid transparent;
	margin-right: 20px;
	line-height: 40px;
	margin-top: 3px;
	padding: 0px 20px;
	font-weight: bolder;
	border:2px solid #fff;
	border-radius:25px;
	padding:8px 20px;
	text-decoration: none;
	
}
  
.headerBottom ul li a:hover{
	text-decoration:none;
	border:2px solid black;
	border-radius:25px;
	padding:8px 20px;

	
} 
 
 
 /*===========
particle css 
==========*/
/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

 
.slider{
	width: 100%;
	background-image:url('../images/slider2.jpg');
	background-color:#1091CC;
	background-size:100% 525px;
}
.content{
	height: 400px;
	width:1280px;
	min-width: 1280px;
	margin: 0 auto;    
}
.slider_area {
	width: 800px;
	height: 100px;
	margin: 20px 0px 0px 40px;
}
.slider_p1 {
	color: white;
	background-image: url("../images/s_head_back.png");
	width: 230px;
	padding: 0px 10px;
	border-radius: 20px 20px 0px 0px;
	font-weight: bolder;
	text-transform: uppercase;
	margin: 40px 0px 0px px;
	font-size: 28px;
	line-height: 50px;
}
.slider_p2 {
	color: white;
	background-image: url("../images/s_head_back.png");
	width: 370px;
	padding: 0px 10px;
	border-radius: 0px 20px 0px 0px;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 49px;
	line-height: 50px;
}
.slider_p3 {
	color: white;
	background-image: url("../images/s_head_back.png");
	width:500px;
	padding: 0px 10px;
	border-radius: 0px 20px 20px 20px;
	font-weight: bolder;
	text-transform: uppercase;
	font-size: 19px;
	line-height: 50px;
}
.top_logo_area{
    float: left;
    position: relative;
}
.logo_rb{
    position: absolute;
    top: 16px;
    left: 17px;
    z-index: 1;
    background-color: #1091CC;
    color: white;
    border-radius: 25px;
    font-size: 14px;
    padding: 2px;
    
}
.login_red_area{
    width: 600px;
    height: 140px;
    margin: 100px auto;
    padding: 10px;
    border: 1px solid #6ED7F8;
    border-radius: 25px;
    color: #1091CC;
    background-color: #EFEFEF;
}
.login_logo_area{
    float: left;
    position: relative;
    margin-right: 10px;
}
.login_rb{
    position: absolute;
    z-index: 1;
    background-color: #1091CC;
    color: white;
    border-radius: 25px;
    font-size: 14px;
    padding: 2px;
    font-size:38px; 
    top: 35px; 
    left: 33px;
    
}
.signInUpButton{
	width:430px;
	height:50px;
	margin: 100px auto;
	
}
.signInUpButton a{
	text-decoration:none;
}


.signInUpButton a button {
	height: 40px;
	margin-right: 10px;
	border-radius: 25px;
	line-height: 0px;
	padding: 20px 20px;
	border: 3px solid white;
	font-weight: bolder;
	font-size: 16px;
}
 
.investPlan {
	width: 100%;
	height: auto;
	min-width: 1280px;
	background-color: #003E64;
}
 .singleInvest{
	width: 600px;
	height: 120px;
	border: 1px solid #2062AC;
 }
  .singleInvest:hover{
      border: 1px solid white;
  }
 .leftInv{
	 width:299px;
	 height:120px;
	 float:left;
	 color:#fff;
	padding-left:15px;
 }
 .leftInv span{
	font-size:18px;
	text-align: center;
	padding-left: 25px;
 }
 
 .leftInv p{
	font-weight:bold;
 }
 
 .persentage{
	color:#fff;
	font-size:36px;
	text-transform:uppercase;
	text-align: center;
}

.rightInv{
	 width:299px;
	 height:118px;
	 background:#2062AC;
	 float:left;
	 color:#fff;
	 padding:10px;
} 

.rightInv tr {
	  border-bottom:2px ridge #003E64;
	  height:30px;
	  font-size:15px;
	  
}

.rightInv tr:last-child  {
	 border-bottom:none;
}


.invTable{
	width:100%;
	height:auto;
}


.investPlan ul li{
	margin-bottom:5px;
	margin-right:5px;
}

.about{
	width:100%;
	height:300px;
	margin:auto;
}
.border{
	height:2px;
	width:300px;
	border: 1px solid #517ABD;
	margin-top:10px;
}

.border,.about h3{
	display:inline-block;
	margin-top:20px;
}

.calculator{
    width: 1200px;
    height: 100px;
    margin: 10px auto;
    padding: 0px 15px;
    border: 2px solid #1091CC;
    border-radius: 15px;
}
.calculator_table{
    width: 100%;
}
.calculator_table tr td{
    padding: 10px;
/*    background-color: green;
    border: 1px solid white; */
}
/*.calculator_table tr td:last-child{
    padding-left:0px;
} */
.calculator_table a{
    background-color: #2062AC;
    padding: 15px 30px;
    border-radius: 25px;
    text-decoration: none;
    color: white;
    transition: 1s;
    
}
.calculator_table a:hover{
    background-color:#003E64;

}
.calculator_table p{
    color: #2062AC;
}
.calculator_table input[type="text"]{
    border-radius: 10px;
    border: 1px solid #2062AC;
    padding: 5px 10px;
}
.cal_number{
    font-size: 24px;
}
.cal_head{
    font-size: 18px;
}
#calc_plan{
    border-radius: 5px;
    border:none;
    color: white;
}
#calc_plan select, option{
    color: white;
}
.about img{
	float:left;
	width:290px;
	height:200px;
	margin-right:40px;
	margin-top: -10px;
}
.aboutInner {
	width: 1200px;
	padding: 20px 0px 20px 0px;
}

.howAndReferal {

	height: 315px;
	width: 100%;
	min-width: 1280px;
	background-color: #003E64;
}

.howTo{
    position: relative;
	margin-top:20px;
	width:800px;
	height:200px;
	background-image:url('../images/howto2.png');
	background-size:780px 200px;
	background-repeat:no-repeat;
}
.howTo2{
    position: relative;
	margin-top:20px;
	width:800px;
	height:200px;
    background-color: #003E64;
	background-size:780px 200px;
	background-repeat:no-repeat;
}
.layer0{
    background-color: white;
    font-size: 35px;
    line-height: 30px;
    font-weight: bolder;
    color: #003E64;
    padding: 10px;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    border: 11px solid #129dd3;
    width:70px;
    height:70px;    
}
.layer0:hover{
    border: 11px solid #e8f7fd;
}
.layer1{
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    border: 11px solid #2cb6ed;
    width:90px;
    height:90px;
}
.layer1:hover{
    border: 11px solid #e8f7fd;
}
.layer2{
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    border: 11px solid #5bc6f1;
    width:110px;
    height:110px;

}
.layer2:hover{
    border: 11px solid #e8f7fd;
}
.layer3{
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    border: 11px solid #8ad6f5;
    width:130px;
    height:130px;

}
.layer3:hover{
    border: 11px solid #e8f7fd;
}
.layer4{
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 50%;
    border: 11px solid #b9e7f9;
    width:150px;
    height:150px;
}
.layer4:hover{
    border: 11px solid #e8f7fd;
}
.layer5{
    position: relative;
    float: left;
    border-radius: 50%;
    border: 11px solid #e8f7fd;
    width:170px;
    height:170px;
    float: left;
}
.layer5:hover{}
.circle1{
    position: absolute;
    top: 20px;
    left: 30px;
}
.circle2{
    position: absolute;
    top: 28px;
    left: 185px;
}
.circle3{
    position: absolute;
    top: 28px;
    left: 335px;
}
.circle4{
    position: absolute;
    top: 28px;
    left: 490px;
}
.circle5{
    position: absolute;
    top: 20px;
    left: 645px;
}

.how_to_heading{
      -webkit-transform: rotate(-90deg);
      font-size: 36px;
      line-height: 0px;
      text-align: left;
      color: white;
      position: absolute;
      left: -145px;
      top: 120px;
}

.howTo ul {
margin-top: 220px;
margin-left: 40px;
}
.howTo ul li{
	display:inline;
	margin-right:60px;
	color:#fff;
	font-size:16px;
}

.howToBorder{
	margin-top:20px;
	height:240px;
	width:8px;
	border-radius:4px;
	background:#1989D2;
	margin-left:20px;
}

.referal{
    position: relative;
	width:300px;
	height:250px;
	margin-left:30px;
	margin-top:20px; 
}
.how_to_heading2{
 /*     -webkit-transform: rotate(-90deg); */
      font-size: 36px;
      line-height: 0px;
      text-align: left;
      color: white;
      margin: 50px 10px 40px 80px;
/*      position: absolute;
      left: -80px;
      top: 120px;    */
}
.referal img{
	height:50px;
	width:120px;
	margin:20px 0px 0px 20px;
}
.referal h3{
	text-align:center;
	color:#fff;
}
.referal,.howToBorder,.howTo{
	float:left;
}

.referrel_area{
    background-color: white;
}
.referre_background{
   /* background-image: url("../images/referrel_back.png"); */
    width: 100%;
}
.referrel_table{
    width: 100%;
    margin: 20px 0px;
    padding: 30px 0px;
}
.referrel_table tr td{
    position: relative;
}
.ref_percent{
    position: absolute;
    top: 80px;
    left:60px;
    font-size: 30px;
    line-height: 0px;
    font-weight: bolder;
}
.level_name{
    position: absolute;
    top: 178px;
    left:40px;
    font-size: 20px;
    line-height: 0px;
    font-weight: bolder;
}


.feature{
	margin-top:30px;
}
.feature h3, .border{
	display:inline-block;
	text-transform:uppercase;
	
} 
.feature h3{
	margin-bottom:40px;
}


.singleFeature{
	height:70px;
	width:600px; 
}

.featureIcon{
	height:115px;
	width:125px;
}

.featureDetails{
	height:115px;
	width:440px;
}


.featureIcon,.featureDetails{
	float:left;
	
}

.featureDetails h4{
	color:#0091D2;
}
.featureInner ul {
	margin-left:50px;
	
}

.featureInner{
	width:980px;
	margin:auto;
}

.statistic{
	height:auto;
	width:100%;
	min-width:1280px;
    background-color:#0792CD;
}



.singleStatistic {
  border-width: 1px;
  border-color: rgb(0, 145, 210);
  border-style: solid;
  width: 345px;
  height: auto;
border-radius:10px 10px 0px 0px;
 margin: 30px 20px;
}

 

 
.statisticHead {
  background-color: #003E64;
 width: 343px;
  height: 40px;
  color:#fff;
  text-align:center;
  line-height:40px;
  text-transform:uppercase;
  border-radius:7px 7px 0px 0px;
  margin-bottom: 5px;
}
.statisticHead h3{
	line-height:40px;
}


.stable img{
	width:40px;
	height:60%;
	
	
}
.stable{
	width:100%;

	
	
}
.stable tr{
/*	border: 5px ridge #fff;
	border-radius: 50%; */
	height:30px;
	/*background:#003C64;*/
	background-image: url("../images/row2.png");
	color: white;
	transition: 1s;
	 
	}
.stable tr:hover{
    opacity: 0.3;
}
.table1 tr{
	background-image: url("../images/row3.png");
	color: black;
}
.firsthead{
    background-color: white;
    color: black;
}
.stable tr:last-child{
	border-bottom:none;
}

.stable tr td{
    padding: 7px 12px 7px 15px;
}



.fullStatistic{
/*	border:1px solid #393C3D; */
}

.fullStatisticHead{
	background:#003E64;
}


.fullStatistic table tr {
		height:33px;
}

/*
 .innerPayment {
	width: 858px;
	 height:50px; 
	margin: auto;
}
.payment img {
	position:absolute;
	z-index:1;
	margin-top:100px;
}
*/
 
 
 
 
.footer{
	margin: 0px auto;
	min-width:1280px;
	height:430px;
/*	background-image: url("../images/footer.jpg"); 
	background-size:100% 150px;*/
	background-color: #1B2431;
	text-align: center;
}
.footer i{
    color: #0792CD;
}
 .footer_area{
	width:1200px;
	height:50px;
	margin:0 auto;
	margin-top:50px;
	
 }
 .footer_div{
     width: 300px;
     float: left;
     margin: 0px;
     padding:10px;
 }
  .footer_double_div{
     width: 450px;
     float: left;
     margin: 0px;
     padding:10px 0px;

 }
.footer_div_three{
     width: 450px;
     float: left;
     margin: 0px;
     padding:10px 0px;

 }
 .footer_heading{
    font-size: 24px;
    color:white;
    font-weight: bolder;
    line-height: 0px;
    margin: 20px 25px 55px 10px;
}
.footer_double_heading{
    text-align: center;
    font-size: 24px;
    color:white;
    font-weight: bolder;
    line-height: 0px;
    margin: 20px 120px 55px 10px;
}
 .footer_logo{
     float:left;
 }
 .footer_about{
     color:#8A8A8B;
     font-size: 16px;
     line-height: 20px;
     margin: 50px 0px 30px 0px;
     text-align: justify;
 }
 .footer_div_table{
     float:left;
     color:white;
     font-size:16px;
     font-weight: bolder;
 }
 .footer_div_table tr td{
    padding: 5px;    
 }
.footer_link{

    float: left;
	text-align: left;
	/*list-style: square url("images/arrow-right.png" height="10" width="10px"); */
	list-style: circle;


}
 
.footer_link li{
    padding: 8px 60px;
}

.footer_link li a{
	color:#fff;
	font-size: 16px;
	text-decoration: none;
	
}
.footer_link li a:hover{
    color:#0792CD;
}


.news_text{
    color:white;
    font-weight: bolder;
    font-size: 14px;
    text-align:justify;
    padding: 10px;
}
.news_date{
    color:#5F6369;
    font-weight: bolder;
    font-size: 14px;
    text-align:justify;
    padding: 0px 10px 10px 10px;  
}
.more{

    border-radius: 15px;
    text-decoration none;
    margin:5px;

}
.footer_div input[type="email"]{
    padding: 20px 60px;
    border: 1px solid #0792CD;
    border-radius: 30px;
    background-color: #131922;
    color: white;
    font-size: 14px;
}
.footer_button{
    padding:15px 60px;
    background-color: #0792CD;
    border-radius:25px;
    border: none;
    color: white;
    font-size: 16px;
    font-weight: bolder;
    margin: 15px 10px 10px 10px;
    text-align: left;
    transition: 1s;
}
.footer_button:hover{
    background-color:#003E64;

}
.footer_bottom p{
	text-align:center;
	color:#fff;
	padding: 20px 0px;
	background-color: #131922;
}


















/*login s*/

.background_patter{
    background-image: url("../images/pattern.jpg");
}
.upper_layer{
    background-image: url("../images/upper_layer.png");
    padding: 50px 0px;
}
.login{
	margin-top:50px;
	width:100%;
	min-width:1280px;
	height:auto; 
	display:inline-block;
}


.innerLogin{
	width:300px;
	margin:auto; 
	padding:10px 0px;
/*	border-radius:5px;
	border:1px solid #ccc; */
}

.distance{ margin-bottom:10px;}
/*login e*/

.login_redirect{
    background-color: #5bc6f1;
    width: 600px;
    height: 600px;
    margin: 100px auto;
    padding: 50px;
    color: black;
}
.fa-close{
    color: red;
    padding: 5px;
    border-radius: 25px;
    border: 2px solid red;
}

.dAlert {
	/* color: #9C1313; */
	/* font-size: 20px; */
	/* padding: 10px; */
	/* width: 400px; */
	/* margin: 0px auto; */
	/* height: 50px; */
	/* text-align: center; */
	/* border-radius: 25px; */
	font-size: 18px;
	text-align: center;
	border: 2px solid green;
	padding: 10px 5px;
	color: #5cd65c;
	background-color: #003E64;
	line-height: 25px;
	width: 800px;
	margin: 16px auto;
	border-radius: 10px;
}



/*signup s*/
.signup{
	margin-top:50px;
	width:100%;
	min-width:1280px;
	height:auto; 
	display:inline-block;
}

.innersignup{
	width:600px;
	height:auto;
	margin:auto;
	padding:30px;
	border-radius:5px;
	border:1px solid #ccc;
	
	
}


.innersignup table tr td{
	height:20px;
	line-height:20px;
}

.title{
	text-align:center;
	margin-bottom:10px;
	margin-top:-20px; 
	color:#1091CC;
}

.signupForm{
    width:350px;
    height:auto;
    margin:auto;
    background:#003E64;
    padding:20px 25px;
    border-radius:10px;
    margin-bottom:10px;
    color:#fff;
}
.signUpheader {
	margin-top: 20px;
	padding: 20px 20px 20px 20px;
	text-transform: uppercase;
	background: #1091CC;
	color: #fff;
	width: 350px;
	border-radius: 5px;
}
.signupForm table tr{
    color: black;
}
.signupForm table tr i{

}
.signupForm table tr td  {
    margin-bottom:5px;
    font-size:15px;
    font-weight:bold;
    font-family:arial;
}
.signupForm table tr td input {
    margin-bottom:5px;
    
}

.signupForm table{
    width:100%;
}

.signupheadline{
    text-align:center;
    padding-bottom:20px;
    margin-top:-20px;
}
.upline{
    color: white;
    padding-top: 20px;
    /*background-color: #1091CC; */
}
.input-group{
    margin-top: 10px;
}
/*signup e*/



.rules{
    height:auto;
    margin:auto;
    width:1000px;
}

.faq_area{
    border: 1px solid white;
    border-radius: 20px;
    padding: 25px;
    margin: 20px 0px;
}
.question_area{

}
.faq_heading{
    padding: 20px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: bolder;
    color: white;
}
.question{
    border-bottom: 1px solid white;
    padding: 10px;   
    margin: 0px 5px;
    background-color: #003E64;
    color: white;
}

.answer{
    padding: 10px 5px;
    border: 1px solid white;
    color: white;
    border-radius: 15px;
    text-align: justify;
    margin-bottom: 30px;
    background-color: #1091CC;
}
.rules_area{
    padding: 5px;   
    margin: 0px 5px;
    background-color: #003E64;
    color: white;
    border: 1px ridge white; 
    padding: 20px; 
    text-align: justify;
}