@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,700i');
*{
	margin:0px;
	padding:0px;
	}


body{
	margin:0px;
    letter-spacing: 0.5px;
	padding:0px;
    color: #545454;
    font-size: 16px;
    font-family: 'Merriweather', serif !important;
	}

.clr{
	clear:both;
	}
	

h1 { font-size: 40px;  color: #FFFFFF; font-weight: 700;text-transform:uppercase;}
h2 { font-size: 35px;  color: #FFFFFF; font-weight: 700;text-transform:uppercase;}
h3 { font-size: 26px;  color: #FFFFFF; font-weight: 700; text-transform:uppercase;}
h4 { font-size: 26px;  color: #FFFFFF; font-weight: 500; text-transform:uppercase;}
h5 { font-size: 22px;  color: #FFFFFF;  text-transform:uppercase;}
h6 { font-size:18px;  color: #FFFFFF; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0px; margin-top:0px; }
	
		
::-webkit-input-placeholder {
		color:    #ccc;
	}
	:-moz-placeholder {
		color:    #ccc;
	}
	::-moz-placeholder {
		color:    #ccc;
	}
	:-ms-input-placeholder {
		color:    #ccc;
	}


	

/*-----placheholder-color-------
.amounttype input::-webkit-input-placeholder{
	color:#FFFFFF;
	}----------*/

	
a{text-decoration:none;}

 
	
input[type="submit"]{
	height: auto;
	cursor:pointer;
	 
	color:#fff;
  background-color: #212121;
	font-size:20px;
 	padding: 10px 20px;
	border-radius:3px;
	border:none;
     letter-spacing: 1.5px;
	outline:none;
	}



input[type="submit"]:hover {
	background-color:#28B463;
	}
	
	
input[type="button"]{
	height: auto;
	cursor:pointer;
	 
	color:#fff;
  background-color: #212121;
	font-size:20px;
 	padding: 10px 20px;
	border-radius:3px;
	border:none;
     letter-spacing: 1.5px;
	outline:none;
	}



input[type="button"]:hover {
	background-color:#28B463;
	}
	

	
input[type='text'], input[type='password'] {
	font-size:17px;
	width: 98%;
	height:100%;
	border:none;
	    padding: 12px 1px 10px 16px;
	background-color: #ffffff;
	color: #000;
 	outline:none;
	border:1px solid#ccc;
	}
	
textarea{
	font-size:17px;
	border:1px solid #ccc; 
	border-radius:5px;
	outline:none;
	width:100%;
	padding:10px;
	height:100%;
	}

.text-area textarea{
	height:85%;
	width:97%;
	}	
	
.a-link{
     width: auto;
	padding: 10px 20px;
	font-size:16px;
 	color:#fff;
	display: block;
	text-align:center;
    font-weight: 500;
     letter-spacing: 1.5px;
	 background-color: #212121;
	border-radius:0px;
     border-radius: 3px;
     text-transform: uppercase;
	}
	
	
.a-link:hover{
	background-color:#212121;
	transition:all 0.5s ease-in-out;
	}

a:hover{
    text-decoration: none !important;
    color: #fff !important; 
}
	
select{
    height: auto;
    width: 80%;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 14px !important;
    color: #000;
    outline: none;
    padding: 10px;
	 }

.bgheader {
    background: #28B463;
}

.logo {
        width: 40%;
    float: left;
    }
    
.logo img{
    width:65%;
}


.header_right {
       width: 33%;
       float: left;
}
.phone {
    width: auto;
    /* float: left; */
    /* margin-left: 1%; */
    margin-top: 15px;
}
.phone:first-child{
    margin-top: 0px;
}
.phone p i{
    color: #28B463;
}
.phone p{
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    }



.mediabtn {
       width: 27%;
       float: left;
    }


.mediaup {
    width: 100%;
    }
.media_one {
    width:auto;
    float: left;
       margin-left: 32px;
    }
.media_one:first-child{
    margin-left: 0px;
}
.media_one a i{
    color: #28B463;
}
.media_one a{
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
.media_one a:hover{
    text-decoration: none;
    color: #28B463;
}

.loginbtn {
    width: auto;
    float: right;
        margin-top: 6px;
    }
.loginbtn a{
    border-radius: 0px;
    padding: 8px 10px;
    font-size: 16px;
}

<---menucss---->
.nav{
    width: 100%;
}
a{
 
    text-decoration: none;
}
 
  .nav a:hover{
    color: #191919 !important;
}
ul{
    list-style: none;
       
     margin-bottom: 0px !important;
    overflow: hidden;
}
.nav{
    width: 100%;
    background: #ffffff !important;
    min-height: 50px;
        position: relative;
}
.nav .left{
    float: left;
 }
.nav .left li{
     font-size: 16px;
    float: left;
}
.nav .left li a{
    display: block;
    padding: 7px 15px;
       color: #5a5a5a;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
}
.nav .left li a:hover{
    background: #212121;
    color: #fff !important;
}

.nav .right{
    float: right;
 }
.nav .right li{
     font-size: 16px;
    float: left;
}
.nav .right li a{
    display: block;
    padding: 9px 15px;
    line-height: 30px;
}
.nav .right li a:hover{
    background: #f2f2f2;
}

.toggle-nav{
    display: none;
}

.nav-mobile style{
    display: block;
    }


@media only screen and (max-width: 1200px){
    .nav{
     }
    .registration a{
    color: #fff !important;
}
   
    .nav .left li a{
    display: block;
    padding: 7px 15px;
       color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
}
    
    .nav ul{
         background: #321b4f !important;
     }
    
     .nav ul li a{
    color: #fff;
    }
    .nav ul li a:hover{
        background-color: transparent !important;]
       margin-left: 20px !important;
        color: #b06868 !important;
    }
    
   .nav .toggle-nav a{
    color: #000 !important;
        letter-spacing: 1px;
}

    .toggle-nav{
        display: block;
        padding: 10px;
        position: absolute;
        
        right: 10px;    color: #000;
        line-height: 30px;
    }
    .toggle-nav:after{
        content: ' Menu';
    }

    .nav-mobile{
        display: none;
         background: #000;
    }

    .style-mobile{
        background: #ffffff;
        top : 51px;
       
             position: absolute;
        width : 100%;
    }

    .style-mobile li{
        display: block;
        width: 100%;
    }

    .nav .right{
        display: block;
        float: none;
        margin: 0em;
    }

    .nav .left{
        display: block;
        float: none;
        margin: 0em;
    }
    
    .nav .left li a:hover {
           background-color: transparent !important;
       padding-left: 20px !important;
        color: #b06868 !important;
}
    .registration {
    width: auto;
    float: left;
         margin-bottom: 20px;
        margin-left: 15px;
    }
}

@media only screen and (min-width: 320px){
    .nav-mobile {
        display:block !important;
        width: 100%;
            margin: 12px 0px;
    }
}

<-----menucss---->

.registration a{
    color: #fff !important;
}
.registration a:hover{
    color: #fff !important;
}
.bgslid{
    background: url(../images/slider.png) center top / cover no-repeat transparent;
    height: 629px;
}
.slidtext {
    width: 100%;
    padding: 190px 0px;
    }
.slidtext h1{
    color: #000;
    letter-spacing: 2px;
    font-size: 36px;
    }

.doit {
    width: 100%;
    margin-top: 10px;
    }

.toggle-nav a{
    cursor: pointer;
    }
.doit p{
    font-size: 26px;
    color: #312152;
}
.doit p span{
    font-size: 20px;
    color: #000000;
    letter-spacing: 1px;
    }
.freejoin {
    width: auto;
    float: left;
    margin-top: 30px;
    overflow: hidden;
    }
 
 .loginbx{
     width:65%;
 }

.planbg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#422855+1,713859+100 */
    background: rgb(66,40,85); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(66,40,85,1) 1%, rgba(113,56,89,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(66,40,85,1) 1%,rgba(113,56,89,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(66,40,85,1) 1%,rgba(113,56,89,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#422855', endColorstr='#713859',GradientType=0 ); /* IE6-9 */
}


.planbox {
    width: 50%;
    height: auto;
    border: 1px solid#28B46359;
    padding-top: 50px;
    border-right: 0px;
 }
 
 
.planbox:last-child{
    border-right: 1px solid #28B46359;
}

.planborder {
    height: 1px;
    width: 100%;
    background: #28B463;
    }


.plan_head {
    width: auto;
    margin: 0 auto;
    display: table;
    background-color: #212121;
    padding: 10px 3px;
    border-radius: 15px;
    margin-top: -23px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 1px #27272780;
    }
    
.plan_head p{
    font-size: 19px;
    color: #28B463;
    letter-spacing: 2px;
}

.planboxx {
    width: 100%; 
    overflow: hidden;
    }

.amountbox{
   width: 100%;
   float: left;
   background-color: #212121;
   border-radius: 5px;
   padding: 20px 0px;
   }

.amoutdetails{
    width: auto;
    margin: 0 auto;
    display: table;
    }


.planamount {
    width: auto;
    float: left;
}

.planamount p{
        font-size: 40px;
        color: #28B463;
        font-weight: 600;
        margin-top: -11px;
        line-height: 55px;
    }

.leveltwo{
    
}
.levelthree{
        margin-left: 169px !important;
}
.levelfour{
        margin-left: 246px !important;
}

.percent{
       width: 20px;
       height: 20px;
       float: left;
       background-color: #212121;
       border-radius: 50%;
       position: relative;
       margin-left: -2px;
       margin-top: 13px;
    }
.percent p{
    font-size: 16px;
    color: #28B463;
    text-align: center;
}

.daily {
    width: auto;
    text-align: center;
    margin-top: 16px;
}

.daily p{
    font-size: 19px;
    color: #eff1fd;
    }

.minbox {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 10px;
    }



.minone {
    width: 100%;
    background-color: #212121;
    border-radius: 13px;
    margin-top: 12px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 1px #27272780;
    }
.minone:first-child{
    margin-top: 0px;
    }



.minleft {
    width: 100%;
    float: left;
    padding: 13px 0px;
    }
.minleft p{
    padding-left: 0;
}
.minleft p{
      font-size: 14px;
      color: #28B463;
      text-align: center;
    }
.minright{
    width: 100%;
    background-color: #f6f6fe;
    float: left;
    overflow: hidden;
    padding: 3px 0px;
    }
.minright p{
    padding-left: 0;
    text-align: center;
    }


    
.calprofit {
    width: 25%;
    background-color: #422553;
    float: right;
    border-radius: 5px;
    }
.investitle{
    width: 100%;
    text-align: center;
    }
.investitle p{
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    }
.investamount {
    width: 100%;
    margin-top: 5px;
    }
.investamount input{
    background-color: #ffffff52;
    border: none;
    border-radius: 4px;
    }

.totalprofit {
    width: 100%;
    margin-top: 10px;
    }
.totalone{
    width: 50%;
    float: left;
    }
.totalone p{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #eff1fd;
}
.totalone p span{
    color: #28B463;
}


.bgabout {
        background: url(../images/statistics.png) center top / cover no-repeat transparent;
    height: auto;
}

.abouti {
    width: auto;
    float: left;
    }

 .about_right {
    width: 61%;
    float: left;
    margin-left: 30px;
}

.about_head {
    width: 100%;
    height: auto;
}
.about_head p{
    font-size: 30px;
    color: #3a253b;
    text-transform: uppercase;
    }

.textabout {
    width: 100%;
    height: auto;
    margin-top: 10px;
    }
.textabout p{
       font-size: 16px;
    color: #545454;
    line-height: 34px;
    text-align: justify;
    letter-spacing: 0.5px;
    }



.abdown {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    }


.ableft {
    width: 60%;
    float: left;
    }


.certbg {
    width: 35%;
    float: right;
    background-color: #28B463;
    padding: 10px 0px;
    border-radius: 5px;
    text-align: center;
        margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: 4px 4px 0px 0px #212121;
    overflow: hidden;
}

.abhead {
    width: 100%;
    height: auto;
    overflow: hidden;
    }
.abhead p{
    color: #212121;
    text-transform: uppercase;
    font-size: 18px;
    }

.registrationno {
    width: 100%;
    height: auto;
        margin-top: 10px;
     }

.registrationno p{
    font-size: 22px;
    color: #545454;
    }
.registrationno p span{
    color: #000;
    font-size: 31px;
    }
.certbg img{
    text-align: center;
    }

.certbg p{
    font-size: 20px;
    color: #000;
    }
    
.certbg h6{
    text-align: center;
    color: #000;
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 30px;
}




.view {
    width: auto;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.view a{
    background-color: #eff1fd;
    color: #000;
}

.states {
    padding-top: 40px;
}

.stateone {
    width: 22.6%;
    height: 236px;
    background-repeat: round;
    margin-left: 36px;
    float: left;
    background-image: url(../images/statebg.png);
}

.stateone:first-child{
    margin-left: 0px;
}

.statei {
    width: auto;
    text-align: center;
    margin-top: 43px;
}

.statework {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.statework  p{
    font-size: 18px;
    color: #000;
    line-height: 30px;
    letter-spacing: 2px;
}

.statework  p span{
    color: #212121;
    font-size: 20px;
}
.bgreferral{
    background: url(../images/referralbg.png) center top / cover no-repeat transparent;
    height: auto;
    }

.refer_head{
    width: 100%;
    text-align: center;
    }

.refer_head p{
    font-size: 30px;
    color: #28B463;
    }



.referbg {
    width: 1053px;
    background-image: url(../images/level.png);
    height: 196px;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: 20px;
    }

.levelone {
    width: 100px;
    float: left;
          margin-left: 234px;
    text-align: center;
    }
.levelone:first-child{
    margin-left: 0px;
}

.levelone p{
     font-size: 31px;
    color: #212121;
    line-height: 93px;
    font-weight: 600;
    }
.levelone p span{
    display: none;
}


.refertext {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.refertext p{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 0.5px;
    }

.becomea {
    width: auto;
    margin: 0 auto;
    display: table;
    padding-top: 20px;
    }
    
.becomea a{
    background-color: #eff1fd;
    color: #000;
}

.bgfeatures{
    background: url(../images/choose.png) center top / cover no-repeat transparent;
    height: auto;
}


.featuresall {
    width: 100%;
    height: auto;
    margin-top: 40px;
    }


.featuresalls {
    width: 100%;
    height: auto;
    margin-top: 40px;
    }



.featuresone{
       width: 31%;
    float: left;
    margin-left: 39px;
    }

.featuresone:first-child{
    margin-left: 0px;
    }

.fei {
    width: auto;
    text-align: center;
    }

.emthead {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    }
.emthead p{
    font-size: 20px;
    color: #000;
    }

.extext {
    width: 100%;
    height: auto;
    margin-top: 6px;
    }
.extext p{
    font-size: 16px;
    color: #545454;
    text-align: center;
    line-height: 30px;
}
.pay {
    width: auto;
    margin-top: 20px;
    margin-left: 18px;

    float: left;
}
.pay:first-child{
    margin-left: 0px;
}

.pay:first-child {
    margin-left: 0px;
}


.bgfooter {
        background: #343a40;
    height: auto;
}

.footerone {
    width: 34%;
    float: left;
    margin-right: 30px;
}
.logotext{
    width: 100%;
    height: auto;
    }
.logotext p{
    font-size: 16px;
    color: #ffffff;
 margin-top: 24px;
    line-height: 30px;
    }

.linkone {
      width: 50%;
    float: left;
}
.linkhead p{
    font-size: 20px;
    color: #28B463;
    }

.linkmenu{
    width: 100%;
    }

.linkmenu ul{
    list-style: none;
    }

.linkmenu ul li{
    width: 100%;
    margin-top: 10px;
    }

.linkmenu ul li:first-child{
    margin-top: 10px;
    }

.linkmenu ul li a{
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    display: block;
    transition:all 0.5s ease-in-out;
    }

.linkmenu ul li a:hover{
    color: #28B463 !important;
    padding-left: 10px;
    transition:all 0.5s ease-in-out;
}



.footerthree {
    width: 25.5%;
    float: left;
    margin-left: 20px;
}

.accept {
       width: 100%;
   
    margin-top: 14px;
    height: auto;
    }

.payone {
    width: auto;
    float: left;
    margin-left: 13px;
}
.payone:first-child{
    margin-left: 0px;
}


.linkhead {
    width: 100%;
    overflow: hidden;
    }

.followall {
    width: 100%;
     margin-top: 20px;
    }
.socialone {
    width: auto;
    float: left;
    margin-left: 20px;
    }

.socialone:first-child{
    margin-left: 0px;
    }

.footermenu {
        width: 34%;
}
.socialone a{
    display: block;
    cursor: pointer;
}

.bgf {
    width: 100%;
    height: auto;
    background-color: #28B463;
    }

.reserverd{
    width: 100%;
    text-align: center;
    }

.reserverd p{
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    }

.bghead{
    background: url(../images/slidbg.png) center top / cover no-repeat transparent;
    height: auto;
    }

.headline {
    width: 100%;
    height: auto;
    padding:80px 0px; 
    }

.headline h1{
    color: #fff;
    font-size: 37px;
    letter-spacing: .5px;
    }


.registerup {
    width: 100%;
    overflow: hidden;
    }

.register_left {
    width: 65%;
    float: left;
    }

.register_right {
    width: 30%;
    float: right;
    }

.registerhead {
    width: 100%;
     }

.registerhead p{
    color: #212121;
    font-size: 22px;
    }

.infoall {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
    }

.infoone {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 22px;
    }

.infoone:first-child{
    margin-top: 0px;
}

.info-name-box{
       height: auto;
    width: 47%;
    float: left;
    margin-left: 41px;
	}

.info-name-boxa{
        height: auto;
    width: 99.8%;
    overflow: hidden;
    margin-top: 20px;
	}
.info-name-boxa:first-child{
    margin-top: 0px;
}
	
.info-name-box:first-child{
	margin-left:0px;
	}
	
.info-name{
	height:auto;
	width:auto;
	}
	
.info-name h6{
	font-size:15px;
	letter-spacing: 1px;
	color: #a29b9b;
	}
	

.info-one{
	height: auto;
	width: 100%;
	background-color: #eff1fd;
	border-radius: 5px;
	overflow: hidden;
	/* border: 1px solid#dddddd; */
 	}

.info-one:first-child{
	margin-top:0px;}

.info-icon{
	height:auto;
	width:50px;
	float:left;
	text-align:center;
	}

.info-icon i{
	    color: #212121;
	      font-size: 20px;

	    padding: 0px 0px;
	    padding-right: 10px;
	    margin: 12px 0px;
	    border-right: 1px solid#ccc;
	}

.info-type{
	    height: auto;
    width: 82%;
    float: left;
	}
.info-type input{
	    border: none;
	    font-size: 16px;
	    padding: 14px 0px;
	    background-color:transparent;
	    letter-spacing: 2px;
	    color: #545454;
	}
	
.info-type input::-webkit-input-placeholder{
	color:#aaaaaa;
	}
 
.uplinebox {
    width: 35%;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
    }

.upline{
	height:auto;
	width:auto;
    text-align: center;
  	color:#545454;
    letter-spacing: 1px;
    line-height: 0px;
	margin-top: 2px;
	}

.captchabox {
    width: 100%;
    margin: 0 auto;
     margin-top: 30px;
    overflow: hidden;
    }
.captchaboxa {
    width: auto;
    float: left;
        margin-top: 2px;
     overflow: hidden;
    }

.codebox {
    width: 49%;
    float: left;
    }
.codebox input{
        box-shadow: 0px 0px 1px 1px #efecec;
    margin: 2px;
    border: none;
}


.codetype {
    width: 49%;
    float: left;
    background: #324667;
    border-radius: 5px;
        padding: 11px 0px;
    margin-left: 5px;
}
.codetype p{
    color: #fff;
    text-align: center;
    }
.check-text{
	    height: auto;
    width: auto;
    /* float: left; */
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
    display: table;
	}
.check-text{
	    height: auto;
    width: auto;
    /* float: left; */
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
    display: table;
	}
	
.check-box{
	height:auto;
	width:30px;
	float:left;
	}
	
.check-box input{
	height:20px;
	width:20px;
	}
	
.agree{
	    height: auto;
    width: auto;
    float: left;
    color: #545454;
    margin-top: -3px;
	}
.agree p{
    margin-bottom: 0px;
}
	
.agree p span a{
         color: #ff6600;
    font-size: 15px;
	}
.agree p span a:hover{
    color: #ff6600 !important;
}

.send_now {
    width: auto;
    overflow: hidden;
    display: table;
    margin: 0 auto;
    margin-top: 30px;
    /* margin: 0 auto; */
    }
.textarea {
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.textarea textarea {
    height: 150px;
    background: #eff1fd;
    border: none;
}


.captcha-send {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.sendnow {
    width: auto;
    float: right;
    }

.contactbox {
    width: 30%;
    height: auto;
    background: #eff1fd;
    float: right;
}

.contact_head {
    width: 100%;
    }

.contact_head p{
    font-size: 22px;
     color: #212121;
}

.contacttext{
    width:auto;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10px;
    }
.contacttext p{
    font-size: 16px;
    line-height: 30px;
    }



.contactphone {
    width: 100%;
     letter-spacing: 1px;
    margin-top: 15px;
    }
.contactphone p{
    font-size: 16px;
}
.contactphone p i{
    color: #28B463;
}


.socialmedia {
    width: 100%;
    margin-top: 20px;
    }


.loginnow_forgotpass {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
    }


.lognow {
    width: auto;
    float: left;
    }


.forgotpass {
    width: auto;
    float: right;
       margin-top: 14px;
    }
.forgotpass a{
    color: #545454;
    letter-spacing: 2px;
}
.forgotpass a:hover{
    color: #212121 !important;
     
}

.nav{
    width: 100%;
}
a{
 
    text-decoration: none;
}
 
  .nav a:hover{
    color: #191919 !important;
}
ul{
    list-style: none;
       
     margin-bottom: 0px !important;
    overflow: hidden;
}
.nava{
    width: 100%;
    background: #ffffff !important;
    min-height: 50px;
    position: relative;
    margin-bottom: 30px;
}
.nava .lefta{
    float: left;
    margin-top: 20px;
 }
.nava .lefta:first-child{
    margin-top: 0px;
}
.nava .lefta li{
       font-size: 16px;
    float: left;
    background: #eff1fd;
    margin-left: 9px;
    width: 182px;
    border-radius: 5px;
}

.nava .lefta li:first-child{
    margin-left: 0px;
}
.nava .lefta li:hover a i{
    color: #fff;
}

.nava .lefta li a{
       display: block;
    padding: 7px 0px;
    color: #5a5a5a;
    text-align: center;
    letter-spacing: 1px;
    line-height: 30px;
}
.nava .lefta li a i{
    color: #212121;
}
.nava .lefta li a:hover{
    background: #212121;
    color: #fff !important;
}

.nava .righta{
    float: right;
 }
.nava .righta li{
     font-size: 16px;
    float: left;
}
.nava .righta li a{
    display: block;
    padding: 9px 15px;
    line-height: 30px;
}
.nava .righta li a:hover{
    background: #f2f2f2;
}

.toggle-nava{
    display: none;
}

.nav-mobilea style{
    display: block;
    }


@media only screen and (max-width: 1200px){
    .nava{
    width: 100%;
    background: #e0eff4 !important;
    min-height: 50px;
         position: relative;
    z-index: 111111111111;
}
    
.nava .lefta li {
        font-size: 16px;
    float: none;
    background: #eff1fd;
    margin-left: 9px;
    width: 100%;
    border-bottom: 1px solid #e8eaf6;
    margin-left: 0px;
    border-radius: 0px;
}
    .nava{
     }   
    .nava .lefta li a{
       display: block;
    padding: 7px 15px;
    color: #797979;
    text-align: left;
    letter-spacing: 1px;
    line-height: 30px;
}
    
   .nava ul {
    background: #ffffff !important;
}
    
     .nava ul li a{
    color: #fff;
    }
    .nava ul li a:hover{
        background-color: transparent !important;]
       margin-left: 20px !important;
        color: #b06868 !important;
    }
    
   .nava .toggle-nava a{
    color: #000 !important;
        letter-spacing: 1px;
    }
    .nava .lefta li a:hover{
    background: #212121;
    color: #28B463 !important;
}
    

    .toggle-nava{
        display: block;
        padding: 10px;
        position: absolute;
        
        right: 10px;    color: #000;
        line-height: 30px;
    }
    .toggle-nava:after{
        content: ' Dashboard Menu';
    }

    .nav-mobilea{
        display: none;
         background: #000;
    }

    .style-mobilea{
        background: #ffffff;
        top : 51px;
       
             position: absolute;
        width : 100%;
    }

    .style-mobilea li{
        display: block;
        width: 100%;
    }

    .nava .righta{
        display: block;
        float: none;
        margin: 0em;
    }

    .nava .lefta{
        display: block;
        float: none;
        margin: 0em;
    }
    
    .nava .lefta li:hover a i{
    color: #28B463;
}
    
    .nava .lefta li a:hover {
           background-color: transparent !important;
       padding-left: 20px !important;
        color: #b06868 !important;
}
    .nava a:hover {
    color: #191919 !important;
}
     
}

@media only screen and (min-width: 1201px){
    .nav-mobilea {
        display:block !important;
        width: 100%;
     }
}



.deshmid {
    width: 100%;
    height: auto;
    overflow: hidden;
    }


.deshdetils {
    width: 50%;
    background: #ffffff;
    float: left;
    border-radius: 6px;
    border: 2px solid #e4e4e4;
    }



.duseri {
    width: 16%;
    float: left;
    overflow: hidden;
}


.dusertext {
    width: 76%;
    float: left;
    margin-left: 20px;
}
.dusrone {
    width: 100%;
    height: auto;
        margin-top: 12px;
    }
.dusrone:first-child{
    margin-top: 0px;
}
.dusrone p{
        letter-spacing: 2px;
    font-size: 16px;
}
.dusrone p span{
    float: right;
    color: #000;
}


.deshbtn {
       width: 17%;
    float: left;
    margin-left: 50px;
}

.btnone {
    width: 100%;
    overflow: hidden;
    }
.btnone a{
    padding: 13px 0px;
}
.btnoneb a{
    background: #28B463;
    color: #000;
    padding: 13px 0px;
}

.btnoneb {
    width: 100%;
    margin-top: 18px;
    overflow: hidden;
    }


.deshstate {
    width: 100%;
    height: auto;
    margin-top: 30px;
    overflow: hidden;
    }


.deshdown {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
    }


.accountdetails{
    width: 50%;
    background: #212121;
    float: left;
    border-radius: 2px;
    }
.account_head {
    width: 100%;
    }
.account_head p{
    font-size: 22px;
    color: #28B463;
    }

.account_head p{
    letter-spacing: 1px;
    color: #28B463;
    }


.detailsone {
        width: 100%;
    margin-top: 10px;
    overflow: hidden;
    border-bottom: 1px dotted #e6e6e6;
    }
.detailsone p span{
    float: right;
    }
.detailsone p{
  color: #ffffffcf;
    font-size: 16px;
    letter-spacing: 2px;
    }

.referbox {
    width: 45%;
    float: right;
        margin-top: 34px;
}

.refertittle {
    width: 100%;
    letter-spacing: 1px;
}

.referbanner {
    width: 100%;
    background-color: #28B463;
    border-bottom: 2px solid#212121;
    padding: 20px 0px;
    margin-top: 10px;
}
.referbanner p{
    color: #ffffff;
    padding-left: 20px;
    }

.check-in {
    height:auto;
    width: auto;
    float: left;
    
}

.check-in input[type='radio']:after {
    width: 24px;
    height: 24px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
    top: -2px;
    left: 0px;
}


.check-in input[type='radio']:checked:after {
      width: 24px;
    height: 24px;
   top: -4px;
   left: 0px;
   position: relative;
   content: '\2713';
   display: inline-block;
   visibility: visible;
   margin-top: 2px;
   color: #212121;
   font-size: 19px;
   text-align: center;
   font-weight: 600;
   line-height: 22px;
   background-color: #fff;
   }

 
.check_tittle {
    width: auto;
    float: left;
    margin-left: 23px;
    color: #28B463;
    margin-top: 7px;
    letter-spacing: 1px;
    font-size: 14px;
}

.depositbox {
    width: 50%;
    height: auto;
    margin: 0 auto;
    background: #212121;
    border-radius: 5px;
    display: table;
    margin-top: 30px;
    }
 
.deposit_title{
    width: 100%;
    text-align: left;
    padding: 15px 0px;
    padding-left: 30px;
    
    }
.deposit_title p{
    color: #fff;
    font-size: 22px;
    color: #28B463;
    letter-spacing: 1px;
     }



.deposita {
    width: 99.8%;
    background-color: #28B463;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1px;
    display: table;
    border-radius: 0px 0px 5px 5px;
}

.deposit_amount_ {
   width: 100%;
    overflow: hidden;
    height: auto;
    margin-top: 25px;
    border-radius: 4px;
}
.deposit_amount_:first-child{
    margin-top: 0px;
}

.deposit_tittle_ {
         float: left;
         width: 35%;
         padding: 9px 0px;
         color: #545454;
         line-height: 32px;
}

.deposit_tittle_ p{
    font-size: 16px;
    font-weight: 400;
    /* padding-left: 22px; */
    color: #000;
    letter-spacing: 1px;
}

.deposit_box_d_ {
        width: 65%;
        float: left;
        background-color: #ffffff;
        border-radius: 4px;
        padding: 11px 0px;
        border-radius: 5px;
        /* border-radius: 0px; */
        float: left;
        /* border-radius: 4px; */
        padding: 7px 0px;
}

 .deposit_box_type_d{
    height: auto;
    width: 92%;
    margin-left: 20px;
    float: left;
}

.deposit_box_type_d input{
      border: none;
    background-color: #fff;
    padding: 6px 0px;
    letter-spacing: 1px;
    color: #545454;
    border-radius: 4px;
    }

.spend {
      height: auto;
    width: 100%;
    overflow: hidden;
    margin-top: 16px;
     padding-top: 2px;

}

.spend:first-child{
    margin-top: 0px;
}
.spen_left {
    float: left;
    width: auto;
    margin-left: 13px;
    color: #000000;
    font-size: 16px;
        margin-top: 0px;
}

.check_payment {
    height: auto;
    width: auto;
    float: left;
}

.check_payment input[type='radio']:after {
      width: 15px;
    height: 15px;
    position: relative;
    /* background-color: #00bfff; */
    content: '';
    display: inline-block;
    visibility: visible;
        background-color: #fff;
    border-radius: 20%;
         top: -4px;
    font-size: 15px;
    left: 0px;
 }

.check_payment input[type='radio']:checked:after {
           width: 15px;
           height: 15px;
           top: -8px;
           left: 0px;
           position: relative;
           content: '\2714';
           display: inline-block;
           visibility: visible;
           color: #442653;
           font-size: 15px;
           text-align: center;
           font-weight: 600;
           line-height: 16px;
           background-color: #fff;
        }

.spendnow {
    width: auto;
    margin-top: 20px;
    }

.bgwhite {
    background-color: #fff!important;
    position: relative;
    z-index: 11;
}

.processing_down {
       width: 100%;

    /* margin-top: 13px; */
    background-color: #fff;
    overflow: hidden;
        margin-bottom: 20px;
     padding: 10px;
     }

.pro_one {
    width: 100%;
    margin-top: 15px;
    overflow: hidden;
     padding: 7px 0px;
}
.pro_one:first-child{
    margin-top: 0px;
}

.pay_one {
   width: 27%;
    float: left;
         margin-top: 2px;
}
.pay_two {
    width: 20%;
    float: left;
    margin-top: 2px;
    }
.pay_twoa {
    width: 20%;
    float: left;
    margin-top: 2px;
    }
.paycheckbox {
    height: auto;
    width: auto;
    float: left;
      }

.paycheckbox input[type='radio']:after {
      width:20px;
      height: 20px;
      position: relative;
      content: '';
      display: inline-block;
      visibility: visible;
      background-color: #fff;
      border: 2px solid#212121;
      border-radius: 50%;
      top: 0px;
        top: -3px;
      left: 0px;
}

.paycheckbox input[type='radio']:checked:after {
width: 20px;
    height: 20px;
    top: -5px;
    left: 0px;
    position: relative;
    content: '\2022';
    display: inline-block;
    visibility: visible;
    margin-top: 2px;
    color: #212121;
    font-size: 36px;
    text-align: center;
    border: 2px solid#212121;
    font-weight: 600;
    line-height: 8.5px;
    line-height: 15.5px;
}
.pay_icon {
    width: auto;
    margin-left: 20px;
    float: left;
}
.payonea {
    width: 100%;
    margin-top: 10px;
    padding: 9px 0px;
    overflow: hidden;
    /* border-bottom: 1px solid #ccc; */
}

.available {
    width: 100%;
    margin-top: 11px;
    letter-spacing: 1px;
    padding: 10px 0px;
    /* border-bottom: 1px solid #ccc; */
 }
.available:first-child{
    margin-top: 10px;
}
.available p{
    color: #6f6f6f;
    font-size: 16px;
 }

.pending {
    width:100%;
      margin-top: 10px;

}
.pending p{
    color: #545454;
}

.pay_tittle {
        width: 100%;
    margin-top: 12px;
    border-bottom: 1px solid#ccc;
    /* padding-bottom: 5px; */
    background: #212121;
    padding: 10px 0px;
 }
.pay_tittle p{
          color: #28B463;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    }
.acouuntn {
       height: auto;
    width: 100%;
        margin-top: 10px;
 }
.acouuntn p{
    color: #545454;
    }
.pay_three {
     width: 33%;
    float: left;
    margin-top: 2px;
}
.pay_icon p{
    font-size: 16px;
    letter-spacing: 0.5px;
}
.pay_icon p img{
    margin: 0px 1px 2px 0px;
}

.radiusl{
    border-radius: 15px 0px 0px 15px;
    padding-left: 20px;
}
.radiusr{
    border-radius: 0px 15px 15px 0px;
 }

.textareaa {
       width: 99%;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    }
.textareaa textarea{
    background: #fff;
    letter-spacing: 1px;
        border: none;
    height: 100px;
}

.spend_nowa {
    width: auto;
    margin-top: 20px;
    margin-left: 2.5%;
     }

.abouthead {
    width: 100%;
    height: auto;
    }
.abouthead p{
    font-size: 22px;
    color: #000;
    }

.abouttext {
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.abouttext p{
    font-size: 16px;
    line-height: 30px;
}
.textabouta p span{
    color: #000;
    font-size: 20px;
    padding-bottom: 10px;
}

.textabouta {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    border-radius: 10px;
    background-color: #eff1fd;
    margin-top: 30px;
    }


.aboutdown {
    width: 100%;
    height: auto;
    margin-top: 30px;
    overflow: hidden;
    }

.leftab {
    width: 60%;
    height: auto;
    float: left;
}
.leftab p{
    font-size: 16px;
    text-align: justify;
    color: #545454;
    line-height: 34px;
    }


.rightab {
    width: auto;
    float: right;
    }
.news_box {
    width: 100%;
    height: auto;
    margin-top: 20px;
    overflow: hidden;
    }

.newsi {
    width: auto;
    float: left;
    }
.news{
    margin-left: -30px;
    background-color: #eff1fd!important;
}
.news{
       color: #545454;
       line-height: 30px;
       text-align: justify;
       font-size: 16px;
       /* font-family: 'Roboto', sans-serif !important; */
       letter-spacing: 0.5px;
            padding: 14px 20px;
       /* border-radius: 5px; */
       background: #fff;
       /* box-shadow: 0px 0px 2px 1px #ccc; */
}
.news span{
    color: #212121;
    font-size: 20px;
    }

.news samp{
     color: #1282b5;
     font-size: 26px;
    font-weight: 500;
}

.newsi {
    width: auto;
    }


.newsone{
    margin-bottom: 29px;
    width: 100%;
}

table {
    width: 100%;
}
table tr td {
    padding: 15px;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    background: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
}
table tr:nth-child(odd) td {
    background: #fafafa;
}
table tr td:first-child {
    border-left: solid 1px #e5e5e5;
}
table tr:first-child td {
    border-top: solid 1px #e5e5e5;
}
table tr:first-child td:first-child {
    border-top-left-radius: 3px;
}
table tr:first-child td:last-child {
    border-top-right-radius: 3px;
}
table tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}
table tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}
table tr td.inheader {
    color: #fff;
    border: none;
    background: #212121;
}
table tr td.inheader_2 {
    color: #fff;
    border: none;
    background: #212121;
}
table tr td img {
    width: auto;
}

.deposit-process-wrap{
    width: 30%;
    margin-top: 34px;
    float: left;
}

.deposit-cancel-wrap{
    width: 30%;
    margin-left: 67px;
    margin-top: 34px;
    float: left;
}

.error{
    width: 100%;
    color: #fff;
    background-color: #b50303;
    padding: 15px 0px;
    overflow: hidden;
    text-align: center;
    border-radius: 33px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 15px;
    margin-bottom: 25px;
}

.success{
    width: 100%;
    color: #fff;
    background-color:green;
    padding: 15px 0px;
    overflow: hidden;
    text-align: center;
    border-radius: 33px;
    text-transform: capitalize;
    letter-spacing: 1px;
        font-size: 15px;
    margin-bottom: 25px;
}

.banner-head {
    text-align: center;
    color: #000;
}

#placeforstatus {
    color: #212121 !important;
    width: 100%;
    height: auto;
    text-align: center !important;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    background-size: 128px 128px;
}
#placeforstatus:img {
    opacity: 0.1;
}
.btc_form {
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}
.btc_form a {
    color: #000;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 20px;
    font-style: normal;
    pointer-events: none;
    cursor: default;
}

.plan_headselect {
    width: auto;
    margin: 0 auto;
    display: table;
    background-color: #212121;
    padding: 4px 23px 11px 23px;
    border-radius: 15px;
    margin-top: 25px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 1px #27272780;
    }
    
.plan_headselect p{
    font-size: 19px;
    color: #28B463;
    letter-spacing: 2px;
}

.fologo{
    
}

.fologo img{
    width: 86%;
}