@charset "utf-8";
#ng{
	width: 60px;
	height:60px;
	border-radius:50%;
}
.wek{
	text-align: center;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	color:black;
	font-size: 14px;
	line-height: 25px;
	padding: 10px;
	background:lightgrey;
}
.covam{
	width: 100%;
	background-image: url("../ani/baga.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-clip: border-box;
	background-size: cover;
	
}
.para{
	padding:40px;
	font-size: 30px;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
    font-weight: bold;
    box-shadow: 0px 0px 2px 2px lightgrey;
    background:white;
}
.covanx{
	background: rgba(0, 0, 0, 0.5);
	padding: 60px;
	width:100%;
}
.hx{
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;font-size: 50px;color:white;font-weight: bold;
}
.spa{
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;font-size: 30px;color:white;
}
.testa{
	width:400px;
	
	font-size:14px;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
    color:white;

}
#butm{
	width:250px;
	background:#FF0033;
	padding:15px;
	border:0px;
	border-radius: 9px;
	color:white;
	font-size: 16px;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}
.contu{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color:white;
	justify-content: space-evenly;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
    font-size: 14px;
    line-height: 25px;
}
.lyf{
	width:50%;
	padding:10px;
}
.ryt{
	width:40%;
	padding:10px;

}
.ryt_image{
	width:100%;
	border-radius: 9px;
}
.loader{
	overflow: auto;
}
.booking{
	
}
.pim{
	height: 200px;
	width: 500px;
	margin:20px;
}
#lite{
	display: none;
}
.sms{
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.7);
}
.jk{
	width: 100%;
}
.japx{
	width: 60px;
	height: 60px;
}
#cent{
	width: 500px;
}
.serv{
	width: 400px;
	display: inline-block;
	margin:10px;
	background-color: white;
	padding-bottom: 0px;
	cursor: pointer;
	border-radius: 9px;
	height: 300px;

}
.jap{
	width: 100%;
	height: 300px;
	border-radius: 9px;

}
.voverlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width: 400px;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.serv:hover .voverlay {
  opacity: 1;
}




.voverlayx {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width: 400px;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.serv:hover .voverlayx {
  opacity: 1;
}

.voverlayxy {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width: 400px;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
 padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.serv:hover .voverlayxy {
  opacity: 1;
}

.voverlayxyb {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width: 400px;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.serv:hover .voverlayxyb {
  opacity: 1;
}

.voverlayxye {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width: 400px;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.serv:hover .voverlayxye {
  opacity: 1;
}
.serv:hover {
  animation: shake 2s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.sall,.unall{
	background-color: transparent;
	color:white;
	border:1px solid white;
	height: 30px;
	width: 100px;
	border-radius: 20px;
	margin-bottom:5px;
}
#head1{
	background:white;
}
.sallx{
	background-color: transparent;
	color:white;
	border:1px solid white;
	height: 30px;
	width: 60px;
	border-radius: 20px;
	display: none;
}
.unall{
	display: none;
}
.elig{
	width: 70%;
	color: lightgrey;
	font-size: 14px;
	line-height: 25px;
	font-family: comic sans ms;
	margin: 0 auto;
}
 .about a:link{
 	text-decoration: none;
 	color:blue;
 }

 .about a:visited{
 	text-decoration: none;
 	color:blue;
 }
 .about a:hover{
 	text-decoration: underline;
 	color:red;
 }
#paystack{
	width: 600px;
	margin-top: 10%;

}
#account,#admo{
	display: none;
}
.max{
	background-color: transparent;
	border:0px;
	color: #004080;
	font-size: 14px;
	font-family: comic sans ms;
	float: right;
	cursor: pointer;
}
.max:hover{
	color: green;
}
#transfer{
	display: none;
}
#transfer tr:nth-child(even){
	background-color:lightgrey;
	}
	#transfer tr:nth-child(odd){
	background-color:white;
	}

	#tbsa tr:nth-child(even){
	background-color:lightgrey;
	font-family: comic sans ms;
	font-size: 14px;
	}
	#tbsa tr:nth-child(odd){
	background-color:white;
	font-family: comic sans ms;
	font-size: 14px;
	}
	#transferx tr:nth-child(even){
	background-color:lightgrey;
	}
	#transferx tr:nth-child(odd){
	background-color:pink;
	}
#btc,#btcc,#btccn,#btcce,#btccne,#btccus{
	font-weight: bold;
	font-size: 14px;
	font-family: comic sans ms;
	color: grey;
}
#ngn,#ngne,#ngnus{
	color:#004080;
	font-family: comic sans ms;
	font-size:20px;
	font-weight: bold;
}
#ngnc{
	color:#004080;
	font-family: comic sans ms;
	font-size:20px;
	font-weight: bold;
}
.wal_container{
	width: 70%;
	
	margin:auto;
	margin-top:5%;
}
#wallp{
	color: #004080;
	font-size: 20px;
	font-family: comic sans ms;
}
#wall_id{
	background: white;
	width:100%;
	margin-bottom: 10px;
	padding: 0px;
}

.add_walleta{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;

}
.add_walleta>div{
	margin-top: 10%;

}

.deposit_pay{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;
}
.deposit_pay>div{
	margin-top: 10%;

}

.payama{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;
}
.payama>div{
	margin-top: 10%;

}

.buy_crypt{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;
}
.buy_crypt>div{
	margin-top: 10%;

}

.change_pass{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;
}
.change_pass>div{
	margin-top: 10%;

}
.mk_withdraw{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;
}
.mk_withdraw>div{
	margin-top: 10%;

}

.sell_crypta{

position: fixed;
top:0px;
left:0px;
bottom: 0px;
right:0px;
background: rgba(0,0,0,0.8);
z-index: 4000;
display: none;
overflow: auto;
}
.sell_crypta>div{
	margin-top: 10%;

}


.clse_btn{
width: 200px;
	padding: 18px;
	background-color: red;
	border-radius: 30px;
	border:0px;
	color: white;
	font-size: 14px;
	font-family: comic sans ms;	
	margin-top: 10px;
}
.clse_btn:hover{
	background: #004080;
	cursor: pointer;
}

.clse_btnx{
width: 200px;
	padding: 18px;
	background-color: red;
	border-radius: 30px;
	border:0px;
	color: white;
	font-size: 14px;
	font-family: comic sans ms;	
	margin-top: 10px;
}
.clse_btnx:hover{
	background: #004080;
	cursor: pointer;
}
*{
box-sizing: border-box;	
}
h3{
	color:#0066CC;
}
body{
	margin: 0px;
}
#Dashboarde{
	display: none;
}
.msg{
	width: 90%;
	border-radius: 20px;
	padding: 10px;
	text-align: center;
	color: white;
	display: none;
	margin:auto;
	margin-top: 3px;
}
.side_bar{
	display: none;

}
.loader{
	position: fixed;
	top:0px;
	left: 0px;
	right:0px;
	bottom: 0px;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 50000;

}
.m_loader{
	margin-top: 10%;
	width: 200px;
}
html{
	scroll-behavior: smooth;
	background-image:url("../pix/logon_n.png");
	background-repeat: no-repeat;
}
.reg_main{
	width: 500px;
	background:white;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin:auto;
	border-radius: 12px;
	margin-top: 5%;
	box-shadow: 0px 0px 10px 1px black;
}

.reg_maina{
	width: 700px;
	background:white;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin:auto;
	border-radius: 12px;
	margin-top: 5%;
	box-shadow: 0px 0px 10px 1px black;
}
.reg_container{
	
	width: 100%;
}
.txy{
	height: 50px;
	width: 100%;
	border:1px ridge lightgrey;
	border-radius: 20px;
	padding: 10px;
	color: midnightblue;
font-family: comic sans ms;
}
.txy:focus{
	box-shadow: 0px 0px 5px 2px #0066CC;
}

.txyzx{
	height: 80px;
	width: 100%;
	border:1px ridge lightgrey;
	border-radius: 20px;
	padding: 10px;
	color: midnightblue;
font-family: comic sans ms;
}
.txyzx:focus{
	box-shadow: 0px 0px 5px 2px #0066CC;
}
.reg_text{
	
	width: 100%;
	text-align: left;
	padding: 4px;
	border-radius: 20px;
	color:#004080;
	font-size: 11px;
	font-family: comic sans ms;
}
#load_map,#load_maps,#load_mapsx,#load_mapsy,#load_mapsxy,#load_mapsyu,#load_mapg{
	width: 60px;
	display: none;
}
.s_p{
	display: none;
}
.pass_str{
	width: 90%;
	border-radius: 20px;
	padding: 1px;

	color:white;
	margin:auto;
	margin-top: 5px;
	margin-bottom:  5px;
	text-align: center;
	display: none;
}
.reg{
	background-color: #0066CC;
	width:100%;
	text-align: center;
	padding: 20px;
	font-size: 18px;
	color: white;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	font-family: comic sans ms;
}
.submit_btn{
	width: 250px;
	padding: 18px;
	background-color:#FF0033;
	border-radius: 30px;
	border:0px;
	color: white;
	font-size: 14px;
	font-family: comic sans ms;
}

.submit_btna{
	width: 150px;
	padding: 18px;
	background-color: #004080;
	border-radius: 30px;
	border:0px;
	color: white;
	font-size: 14px;
	font-family: comic sans ms;
	margin-top: 10px;
}
.submit_btn:hover{
	background-color: #F63;
	cursor: pointer;
}

#submit_btn{
	width: 250px;
	padding: 18px;
	background-image:linear-gradient(purple,#004080,grey);
	border-radius: 30px;
	border:0px;
	color: white;
	font-size: 14px;
	font-family: comic sans ms;
}
#submit_btn:hover{
	background-image:radial-gradient(black,#004080,yellow);
	cursor: pointer;
}

.submit_btna{
	width: 150px;
	padding: 10px;
	background-color: #F63;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border:0px;
	color: white;
	font-size: 14px;
	font-family: comic sans ms;

}
.submit_btna:hover{
	background-color: #004080;
	cursor: pointer;
}
.logo,#nalogo{
	width:150px;
	
	
}
#cover{
	background: rgba(0,0,0,0.3);
	position: absolute;
	right: 0px;
	left: 0px;
	bottom: 0px;
	top:0px;

}
#text{
	float: right;
	margin-top: 0%;
	color:white;
	padding: 3px;
	/*background-color: rgba(40,20,100,0.7);*/
	width: 50%;
	font-size: 55px;
	font-family: comic sans ms;
	text-align: center;
}
#text>u{
	font-size: 12px;
	font-family: comic sans ms;
	text-align: center;
}
#social{
	width: 100%;
	background-image:url("../pix/logon_n.png");
	
}
#social>div{
	background-image:url("../pix/text_png.png");
	border-top-right-radius: 0%;
	width: 100%;
	padding: 16px;
	word-spacing: 10px;
}
#trianglejcn{
	float:right;
	margin-top: -40px;
right: 500px;
}
#social a:link{
	color:lightgrey;
	font-size: 16px;
	font-family:arial;
}

#social a:visited{
	color:lightgrey;
	font-size: 16px;
	font-family: arial;
}

#head2{
	display: none;
	background:white;
	box-shadow: 0px 0px 10px 0px black;
}
.cancel,#homei{
	display: none;
}
nav ul{
	padding: 0px;
	margin:0px;
	list-style-type: none;
}
nav ul li{
	display: inline-block;
}

nav ul li:hover{
	color:#F63;
}
nav ul li a:link{
	display: block;
	padding: 10px;
	color: black;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	font-size: 16px;
	text-decoration: none;
	
}
nav ul li a:visited{
	display: block;
	padding:10px;
	
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	font-size: 16px;
	text-decoration: none;
	color: black;
	
}
nav ul li a:hover{
	color:#F63;
}
.si{




text-align: center;
color: #FF0033;
}
.si a:link{
	color:#FF0033;
}
.si a:visited{
	color:#FF0033;
}
.welcome{
	width: 600px;
	float: left;
	margin-left: 100px;
	text-align: center;
height: 450px;
margin-top:5%;
line-height: 20px;
}
.welcome_image{
	width: 550px;
	float: right;
height: 400px
	margin-right: 0px;
	
}
.wel_img{
	width: 100%;
	height: 408px
}
.but{
	width: 250px;
	height: 50px;
	border-radius: 30px;
	border:3px outset transparent;
	margin-top: 2%;
	box-shadow: 0px 0px 3px 1px black;
	font-size: 16px;
	font-family: arial;
	color:black;
	cursor: pointer;

	
}
.but:hover{
	background-color: cyan;
	transition: 2s;
}
.trad{
	width: 80%;
	text-align: center;
	font-family: comic sans ms;
	font-size: 14px;
	color:grey;
	line-height: 30px;
	margin:0 auto;
}

.trad2{
	width: 80%;
	text-align: center;
	font-family: comic sans ms;
	font-size: 14px;
	color:grey;
	line-height: 30px;
	margin:0 auto;
}
.img_2{
	width: 100%;
	height: auto;
}
.abt{
	width: 100%;
	color: white;
	font-family:comic sans ms;
	font-size: 25px;
	padding: 80px;
	text-align: center;
	border-bottom-left-radius:50%;
	border-top-right-radius:50%;
	background-color: #004080;
	margin-bottom: 10px;
}

.abtya{
	width: 100%;
	color: grey;
	font-family:comic sans ms;
	font-size: 50px;
	padding: 40px;
	text-align: center;
	
	margin-bottom: 10px;
	background-color:lightgrey;
}

.about{
	color:grey;
	font-family: comic sans ms;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	background-color: lightgrey;
	justify-content: center;
	flex-wrap: wrap;
}
#conk{

}
#ab_img{
	width: 100%;
	height: 300px;
}
#why{
	background-image: url("../pix/why.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color:white;
	font-size: 30px;
	font-family: comic sans ms;
	text-align: center;
	width: 100%;
	padding: 60px;

}
.but_abt{
	width: 200px;
	border-radius: 50px;
height: 30px;
color:black;
border:1px solid #F63;	

}
.conta{

	width: 100%;
justify-content: center;
display: flex;
flex-wrap: wrap;
	background-color: lightgrey;
	text-align: center;
	position: relative;
margin:auto;
}
.mak{
    width:300px;
	background-color:white;
	height: 330px; 
	display: inline-block;
	margin:10px;
	box-shadow: 0px 0px 1px 1px #004080;
	border-radius: 9px;
	padding: 5px;
	font-size: 12px;
	color:grey;
	line-height: 25px;
	font-family: comic sans ms;
	opacity: 1;

}
.whi_image{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
#pa{
	color:#0066CC;
	font-size: 18px;
	font-family: comic sans ms;
	font-weight: bold;

}
.footer{
	background:white;
	width: 100%;
	text-align: left;
	justify-content: center;
	position:relative;
	flex-wrap: wrap;
	
}
.link{
	float:left;
	width: 250px;
	margin-left: 50px;


}
.link ul{
	list-style-type: none;
	margin:0px;
	padding: 0px;
}
.link li a:link{
	color:grey;
	display: block;
	padding: 6px;
	font-size: 14px;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	text-decoration: none;
}
.link li a:visited{
	color:grey;
	display: block;
	padding: 6px;
	font-size: 14px;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	text-decoration: none;
}
#copy{
	padding: 40px;
	color: grey;
	font-size: 14px;
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	background:lightgrey;
	border-top:3px solid lightgrey;
}
#p_link{
	font-family: "Nunito Sans", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
	font-size: 20px;
	color:#FF0033;
}
#head2{
	position: fixed;
	left: 0px;
	right: 0px;
	top:0px;
	z-index: 1000;
}
#navigations,#navigation{
	display: none;
}
.navx{
	background-color: #004080;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	color:white;
	cursor: pointer;
	font-family: comic sans ms;
	border-radius: 0px;
	margin-bottom:2px;
	width: 100%;
	
}
.nav_con{
	width: 280px;
	background-color: white;
	padding: 5px;
	box-shadow: 0px 0px 10px 2px black;
}
.navx:hover{
	background-color: #F63;
	transition: 3s;
}
#Transactions>div{
	display: none;
}
#setting>div{
	display: none;
}

#trans>div{
	display: none;
}
.left_con{
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	position: relative;
	margin-left: 20px;
}
.wall{
	width:198px;
	height: 100px;
	background-color: white;
	border-radius: 12px;
	box-shadow: 0px 0px 2px 1px cyan;
	display: inline-block;
	margin:20px;
	font-family: comic sans ms;
	font-size: 14px;
	font-weight: bold;
	color: #004080

}
.wall:hover{
box-shadow: 0px 0px 10px 1px #F63; 
cursor: pointer;
}
#wall_image{
	width: 100%;
	height: 100px;
	border-radius: 12px;
}
.aside{
	float:left;

}
.left_con{
	float: left;
	width: 65%;
}
#flag{
	border-radius: 50%;
	width: 80px;
	height: 80px;
	
}
.large{
	font-family: arial;
	color: lightgrey;
	font-size: 16px;
	padding: 20px;
	
}


@media screen and (max-width: 1246px){

.welcome_image{
	width: 400px;
	float: right;
height: 350px;
	margin-right: 0px;
	
}	
}
@media screen and (max-width: 1148px){

.welcome_image{
	width: 400px;
	float: right;
height: 350px;
	margin-right: 0px;
	
}	
}

@media screen and (max-width: 1098px){

.welcome_image{
	width: 350px;
	float: right;
height: 300px;
	margin-right: 0px;
	
}	
}
@media screen and (max-width: 1048px){

.welcome_image{
	width: 320px;
	float: right;
height: 300px;
	margin-right: 0px;
	
}	
}
@media screen and (max-width: 1040px){

.welcome_image{
	width: 300px;
	float: right;
height: 350px;
	margin-right: 0px;
	;
}	
}

@media screen and (max-width: 998px){

.welcome_image{
	width: 260px;
	float: right;
height: 300px;
	margin-right: 0px;
	
}
.wel_img{
	width: 100%;
	height: 300px
}	
}
@media screen and (max-width: 956px){

.welcome_image{
	width: 100%;
	float: right;
height: 100%;
	margin-right: 0px;
	
}	
.wel_img{
	width: 100%;
	height: 100%;
}	
}

@media screen and (max-width: 908px){

.welcome_image{
	width: 100%;
	float: right;
height: 100%;
	margin-right: 0px;
	
}	
.wel_img{
	width: 100%;
	height: 100%;
}	
}


@media screen and (max-width: 898px){

.welcome_image{
	width: 100%;
	float: right;
height: 100%;
	margin-right: 0px;
	
}	
.wel_img{
	width: 100%;
	height: 100%;
}	

.welcome{
	width: 100%;
	float: left;
	margin-left: 0px;
	text-align: center;
height: 430px;
margin-top:5%;
line-height: 20px;
margin-bottom: 30px;
}

}
@media screen and (max-width: 799px){

.left_con{
	width: 60%;
	
}
}
@media screen and (max-width: 722px){

.left_con{
	width: 50%;
	
}
.aboutnn{
	width: 400px;
}
.wall{
	width: 150px;
	margin: 5px;
}
}
@media screen and (max-width: 706px){

.left_con{
	width: 50%;
	
}
.wall{
	width: 150px;
	margin: 5px;
}
}
@media screen and (max-width: 647px){

.left_con{
	width: 50%;
	
}
.wall{
	width: 140px;
	margin: 7px;
}
}
@media screen and (max-width: 640px){
#paystack,#showapp{
	width: 100%;
}
.covanx{

	padding:20px;
	
}
.testa{
	width:100%;
}
#butm{
	width:120px;
}
.lyf,.ryt{
	width:100%;
}
.spa{
	font-size: 30px;
}
.voverlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width:100%;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
  padding: 20px;
  text-align: center;
}
.voverlayx,.voverlayxy,.voverlayxyb,.voverlayxye,.voverlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7); /* Black see-through */
  color: #f1f1f1; 
  width:92%;
  transition: .5s ease;
  opacity:0;

  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.pim{
	height: auto;
	width: 100%;
	margin:0px;
	margin-bottom: 10px;
}
.jap{
	width: 100%;
	height: 300px;
	border-radius: 9px;

}
	.left_con,.jk{
	width: 100%;
	
}
#lite{
	display: block;
}
.submit_btna{
	width: 250px;
	padding: 20px;
	background-color: #F63;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border:0px;
	color: white;
	font-size: 30px;
	font-family: comic sans ms;

}
#text u{
  	font-size: 20px; 
  	color:cyan;
  	font-weight:bold;
}

.serv,#cent{
	width: 90%;
}

.serv{
	height: 300px;
}
#webel{
	font-size: 24px;
}

.aboutnn{
	width: 400px;
}
.elig{
	width: 100%;
	padding: 2px;
}
.wal_container{
	width: 100%;
	
	margin:auto;
	margin-top:5%;
}
.wall{
	width: 180px;
	margin: 20px;
	margin-bottom: 20px;
}
#navigations,#navigation{
	display: block;
	color:#FF0033;
	font-size: 40px;
	cursor: pointer;
}
.side_bar{
	overflow: auto;
	z-index: 100000;
}
#Dashboarde{
	display: block;
}
#trianglej{
	
	color: red;
	font-size: 50px;
}
.aside{
	display: none;
}
.reg_main,.reg_maina{
	width: 100%;
}
.large{
	display: none;
}
#navigation:hover{
	color: white;
}
#navigations:hover{
	color: white;
}
.welcome,.welcome_image,.trad,.trad2,.about,.img_2{
	width: 100%;
	margin-left: 0px;
}
#homei,.cancel{
	display: block;
}

.wel_img{
	width: 100%;
	height: 100%;
}	
.mak{
	width: 280px;
	overflow: auto;
}
.side_bar{
	width: 290px;
	border:1px solid white;
	position: absolute;
	top:0px;
	left: 0px;
	z-index:3000;
	background:white;
	text-align: center;
	border-radius: 0px;
	box-shadow: 0px 0px 20px 2px black;
	overflow:auto;
	z-index: 100000;
	
}
.si{
background-color: #F63;
border:0px outset #F63;
border-radius: 0px;
width: 100%;
text-align: center;
margin-bottom: 5px;
border-radius: 20px;
}
.cancel:hover{
color: red;
cursor: pointer;
}
nav ul li{
	display: block;
	width: 100%;
	padding:13px;
}
}

@media screen and (max-width: 598px){
	.mak{
	width: 250px;
	overflow: auto;
}
}
@media screen and (max-width: 538px){
	.mak{
	width: 220px;
	overflow: auto;
}
}
@media screen and (max-width: 522px){
	.mak{
	width: 230px;
	overflow: auto;
}
.trad{
	margin-top: 40px;
}

}


@media screen and (max-width: 500px){
	
.trad{
	margin-top: 70px;
}

}

@media screen and (max-width: 498px){
	.mak{
	width: 200px;
	overflow: auto;
}


}

@media screen and (max-width: 490px){
	.mak{
	width: 210px;
	overflow: auto;
}


}

@media screen and (max-width: 458px){
	.mak{
	width: 200px;
	overflow: auto;
}


}
@media screen and (max-width: 438px){
	.mak{
	width: 170px;
	overflow: auto;
}
.welcome{
	width: 100%
}

}
@media screen and (max-width: 412px){
	.mak{
	width: 280px;
	overflow: auto;
}
.link{
	float:none;
	width: 200px;
	margin: 20px;
	display: inline-block;


}

.left_con{
	width: 100%;
	
}
.wall{
	width: 160px;
	margin: 10px;
}
.aboutnn{
	width: 100%;
}
}
@media screen and (max-width: 359px){
.left_con{
	width: 100%;
	
}
.wall{
	width: 140px;
	margin: 6px;
}

}

@media screen and (max-width: 306px){
.left_con{
	width: 100%;
	
}
.wall{
	width: 120px;
	margin: 6px;
}

}

@media screen and (max-width: 266px){
.left_con{
	width: 100%;
	
}
.wall{
	width: 100px;

	margin-bottom: 10px;
}

}