/* CSS Document */

body {background-color: #000000;}

h4 {color: #006633; }
p {text-align:justify }
 
.man-img{ 
	width: 100%;
	height:auto;
	margin:10px;
	}

.man-ca{ 
	width: 100%;
	height:auto;
	}
		 
		
@media (max-width: 780px) {
	.man-img {
	width: 100%;
	max-height:250px;
	}
	
	.man-ca {
	width: 100%;
	max-height:250px;
	}
}





.caption {color:#FFFFFF; }

#more {display: none;}


		 
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	font-size: 3.5rem;
	}
	}
    
.content{
	border: solid;
	background-color: #000000;
	border-color: #000000;
	border-width:1px;
	border-radius: 15px;
	padding:15px;
	font-size:14px;
	color: #FFFFFF;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.content-singin{
	border: solid;
	background-color: #333333;
	border-color: #000000;
	border-width:1px;
	border-radius: 15px;
	padding:15px;
	font-size:14px;
	color: #FFFFFF;
	width:100%;
	margin:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.content-featured-title{
	background-color: #FFFFFF;
	border-width:1px;
	border-radius: 8px;
	padding:10px;
	margin:5px;
	color: #666666;
	width: 100%;
	height: auto;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
@media(max-width:370px) { 
	.content-featured-title { 
	font-size:14px; 
	} 
	} 
	
	
.content-featured-img{
	border-width:1px;
	border-radius: 50%;
	width: 30px;
	height: auto;
	font-size:13px;
	margin-right:3px;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.content-featured-video{
	border-width:1px;
	border-radius:10px;
	width: 100%;
	height: auto;
	background-color:#000000;
	}
	
	
.content-featured-titlex{
	background-color: #FFFFFF;
	border-width:1px;
	border-radius: 8px;
	padding:10px;
	margin:5px;
	color: #666666;
	width: 100%;
	height: auto;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
@media(max-width:370px) { 
.content-featured-titlex{
	font-size:10px; 
	}
	}
	
.content-featured-biz{
	background-color: #333333;
	border-width:1px;
	border-radius: 8px;
	padding:10px;
	margin:25px;
	color: #666666;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
	
.content-featured{
	border: solid;
	background-color: #333333;
	border-color: #000000;
	border-width:1px;
	border-radius: 15px;
	padding:15px;
	font-size:14px;
	color: #FFFFFF;
	width:100%;
	margin:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
	
.boxed-singin { 
	border-top:solid;
	border-left:solid;
	border-top-color:#70BC07;
	border-left-color:#70BC07;
	border-left-width:2px;
	border-top-width:5px;
	padding:15px;
	width:400px; 
	} 
	
.boxed-fgames { 
	border-top:solid;
	border-left:solid;
	border-top-color:#70BC07;
	border-left-color:#70BC07;
	border-left-width:2px;
	border-top-width:5px;
	padding:15px;
	width:100%; 
	} 
	
.boxed-fgames:hover { 
	border-top:solid;
	border-left:solid;
	border-top-color: #FF6600;
	border-left-color:#FF6600;
	border-left-width:2px;
	border-top-width:5px;
	padding:15px;
	width:100%; 
	} 
	
.boxed-fbiz { 
	border-top:solid;
	border-left:solid;
	border-top-color: #FF0000;
	border-left-color:#FF0000;
	border-left-width:2px;
	border-top-width:5px;
	padding:15px;
	width:100%; 
	} 
	
.boxed-fbiz:hover { 
	border-top:solid;
	border-left:solid;
	border-top-color: #99CC00;
	border-left-color:#99CC00;
	border-left-width:2px;
	border-top-width:5px;
	padding:15px;
	width:100%; 
	} 
		
.boxed-babage { 
	background-color: #68A910; 
	}
	
.boxed-modal-close { 
	background-color: #FF0000;
	color: #FFFFFF; 
	padding:5px;
	border-radius:5px; 
	 
	}
	
.boxed-table { 
	background-color: #CC0000;
	color:#FFFFFF;
	font-size:12px; 
	padding:5px;
	width: auto;
	border-radius:8px; 
	margin:3px;
	}
	
.boxed-table:hover { 
	background-color: #000000; 
	color:#FFFFFF;
	border:solid;
	border-width:1px;
	border-color:#FF6600; 
	}
	
	
@media(max-width:370px) { 
	.boxed-table { 
	font-size:9px; 
	} 
	} 
	
@media(max-width:370px) { 
.content-featured-titlex{
	font-size:10px; 
	}
	}
	
	
.boxed-features { 
	background-color: #333333;
	color:#FFFFFF;
	font-size:12px; 
	padding:5px;
	width: auto;
	border-radius:8px; 
	margin:3px;
	}
	
@media(max-width:370px) { 
	.boxed-features { 
	font-size:9px; 
	} 
	} 
	
.boxed-features:hover { 
	background-color:#009933; 
	color:#FFFFFF; 
	}
	
	
.content-add-1{
	background-color: #000000;
	border-width:1px;
	border-radius: 4px;
	padding:15px;
	margin:5px;
	font-size:12px;
	color: #FFFFFF;
	width: 80%;
	height: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}

.content-quiz-img{
	background-color: #FFFFFF;
	border-width:1px;
	border-radius: 15px;
	margin:5px;
	width: 100%;
	height: auto;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.content-biz-img{
	border-radius: 15px;
	margin:5px;
	width: 80%;
	height: auto;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.imgbox { border-radius:5px;
	border:solid; 
	border-width:1px;
	border-top-color: #336699;
	border-top-width:2px;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.dropdown-item:hover {background-color:#6666FF; color:#FFFFFF; }
.nav-item:hover {background-color:#FF0000; color:#FFFFFF; }

img:hover {opacity:0.7; }

.imgbox:hover {opacity:0.7; }

.smedia { padding:10px; margin-left:10px; margin-bottom:4px; }



/* -------------------- Button Definiton --------------------------- */

.btns-box-1{ 
	border:solid;
	border-width:1px;
	border-radius:30px;
	background-color:darkolivegreen;
	color:white;
	padding: 10px;
	margin: 10px;
	width: 140px;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}

	.btns-box-1:hover{ 
	background-color:orangered;
	color:white;
	}


	
.btns-up{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:30px;
	background-color: #70BC07;
	color: #FFFFFF;
	margin-bottom:10px;
	height:50px;
	width:45%;
	font-size:16px; font-weight:600;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.btns-up:hover{
	background-color:#77A956; 
	}
	
	
.btns-suc{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:30px;
	background-color: #FFFFFF;
	color: #002D59;
	margin-bottom:10px;
	height:40px;
	width:180px;
	font-size:12px; font-weight:600;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.btns-suc:hover{ background-color: #006633; color: #FFFFFF; border-color: #006600;}

.btns-suc-close{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:30px;
	background-color: #FF0000;
	color: #FFFFFF;
	margin-bottom:10px;
	height:40px;
	width:120px;
	font-size:12px; font-weight:600;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
.btns-suc-close:hover{ background-color: #000000; color: #FFFFFF; border-color: #FF6600;}

	
.btnss{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:30px;
	background-color: #FFFFFF;
	color: #002D59;
	margin-bottom:10px;
	height:50px;
	width:95%;
	font-size:16px; font-weight:600;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.btns-close{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:30px;
	background-color: #CC3300;
	color: #FFFFFF;
	margin-bottom:10px;
	widows:160px;
	height:50px;
	width:40%;
	font-size:16px; font-weight:600;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
.btns-close:hover{ background-color: #000000; color: #FFFFFF; border-color: #FF6600;}
	
	
.btns-closes{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:30px;
	background-color: #FFFFFF;
	color: #002D59;
	margin-bottom:10px;
	widows:160px;
	height:50px;
	width:70%;
	font-size:16px; font-weight:600;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}
	
.theme-color {color:#FFFFFF; }

.btns:hover{ background-color: #006633; color: #FFFFFF; border-color: #006600;}


	
.btns-wallet{ 
	border:solid;
	border-width:1px;
	border-color:#003366; 
	border-radius:7px;
	background-color: #009933;
	color: #FFFFFF;
	margin-bottom:10px;
	font-size:16px; 
	font-weight:600;
	margin:10px;
	width:200px;
	padding:10px;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}

.error {color:#FF6600; padding:10px; } 


input[type=number] {
  background-image: url(../ico/nairaico.png); 
  background-position: 10px 15px;
  background-repeat: no-repeat;
  padding-left: 40px;
  height:50px;
  border-radius:15px;
  background-color: #FFFFFF;
}

input[type=number]:hover {
  background-color: #FFFFFF;
  -o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
  -moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
}



input[type=text] {
  background-color: white;
  height:50px;
  border-radius:12px;
}

input[type=password] {
  background-color: white;
  height:50px;
  border-radius:12px;
}


.selects {
  width: 100%;
  padding: 16px 20px;
  border-radius: 15px;
  height:50px;
  background-color: #F2FFFF;
}

.selects:focus {
  background-color: #F4F4F4;
}

.selects:hover {
	border:solid; 
	border-width:1px;
	border-color:#0099FF;
	background-color: #DFDFFF;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
  	
}




/*----------------------Paystack Buttons -----------------------*/ 

.btns-psk-pay{ 
	border:solid;
	border-width:1px;
	border-color:#68A910;
	border-radius:7px;
	background-color:#68A910;
	color: #FFFFFF;
	margin-bottom:10px;
	font-size:16px; 
	font-weight:600;
	margin:10px;
	width:250px;
	padding:10px;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}

	.btn-psk-pay:hover{ background-color:darkcyan; color: #FFFFFF; border-color: #006600;}
	
	.btns-psk-save{ 
		border:solid;
		border-width:1px;
		border-color:lightblue; 
		border-radius:7px;
		background-color:rgb(99, 191, 247);
		color: #FFFFFF;
		margin-bottom:10px;
		font-size:16px; 
		font-weight:600;
		margin:10px;
		width:300px;
		padding:10px;
		-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		}
	
	.btn-psk-save:hover{ background-color:dodgerblue; color: #FFFFFF; border-color: #006600;}

	.btns-psk-close{ 
		border:solid;
		border-width:1px;
		border-color:bisque; 
		border-radius:7px;
		background-color:#FF0000;
		color: #FFFFFF;
		margin-bottom:10px;
		font-size:16px; 
		font-weight:600;
		margin:10px;
		width:300px;
		padding:10px;
		-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		}
	
		.btn-psk-close:hover{ background-color:#CC0000; color: #FFFFFF; border-color: #006600;}


		.btns-psk-cancel{ 
			border:solid;
			border-width:1px;
			border-color:bisque; 
			border-radius:7px;
			background-color:gainsboro;
			color:#666666;
			margin-bottom:10px;
			font-size:16px; 
			font-weight:600;
			margin:10px;
			width:100px;
			padding:10px;
			-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
			-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
			-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
			}
		
			.btn-psk-cancel:hover{ background-color:#333333; color: #FFFFFF; border-color:#666666;}
			
			


/*----------------------Paystack Buttons -----------------------*/ 

.btns-psk-pay{ 
	border:solid;
	border-width:1px;
	border-color:#68A910;
	border-radius:7px;
	background-color:#68A910;
	color: #FFFFFF;
	margin-bottom:10px;
	font-size:16px; 
	font-weight:600;
	margin:10px;
	width:250px;
	padding:10px;
	-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
	}

	.btn-psk-pay:hover{ background-color:darkcyan; color: #FFFFFF; border-color: #006600;}
	
	.btns-psk-save{ 
		border:solid;
		border-width:1px;
		border-color:lightblue; 
		border-radius:7px;
		background-color:rgb(99, 191, 247);
		color: #FFFFFF;
		margin-bottom:10px;
		font-size:16px; 
		font-weight:600;
		margin:10px;
		width:300px;
		padding:10px;
		-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		}
	
	.btn-psk-save:hover{ background-color:dodgerblue; color: #FFFFFF; border-color: #006600;}

	.btns-psk-close{ 
		border:solid;
		border-width:1px;
		border-color:bisque; 
		border-radius:7px;
		background-color:#FF0000;
		color: #FFFFFF;
		margin-bottom:10px;
		font-size:16px; 
		font-weight:600;
		margin:10px;
		width:300px;
		padding:10px;
		-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
		}
	
		.btn-psk-close:hover{ background-color:#CC0000; color: #FFFFFF; border-color: #006600;}


		.btns-psk-cancel{ 
			border:solid;
			border-width:1px;
			border-color:bisque; 
			border-radius:7px;
			background-color:gainsboro;
			color:#666666;
			margin-bottom:10px;
			font-size:16px; 
			font-weight:600;
			margin:10px;
			width:100px;
			padding:10px;
			-o-box-shadow: 0 3px 4px rgba(0,0,0,.5);
			-moz-box-shadow: 0 3px 4px rgba(0,0,0,.5);
			-webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5);
			}
		
			.btn-psk-cancel:hover{ background-color:#333333; color: #FFFFFF; border-color:#666666;}