*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	background:#000044;
}

@font-face {
    font-family: "Adera Display";
    src: url("fonts/AderaDisplay.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
.pusher{
	width:100%;
	height:10vh;
}
.bigbox{
	position:fixed;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.logobox span{
	font-family: "Adera Display";
	font-size:80px;
	position:relative;
	left:-0.6%;
	color:snow;
	text-shadow: 0px 2px 4px snow;
}

.logobox hr{
	position:relative;
	top:-8px;
	background:rgba(255,255,255,0.50);
	height:6px;
	max-width:30%;
	border-radius:4px;
	margin:0px auto;
	outline:none;
}

.logobox h4{
	font-family: "Adera Display";
	font-size:40px;
	color:snow;
	letter-spacing:4px;
	text-shadow: 0px 1px 2px snow;
}

.loginbox form p input{
	padding:8px 24px;
	width:30%;
	text-align:center;
	margin:4px auto;
	outline:none;
	border:none;
	border-radius:4px;
	color:snow;
	background:rgba(255,255,255, 0.30);
	font-weight:bolder;
	letter-spacing:2px;
}
.loginbox form p input::placeholder{
	color:grey;
	font-weight:bold;
}

.loginbox form p button{
	padding:8px 24px;
	width:20%;
	text-align:center;
	margin:4px auto;
	cursor:pointer;
	border-radius:4px;
	color:snow;
	background:rgba(255,255,255, 0.50);
	outline:none;
	border:none;
	font-weight:bolder;
	letter-spacing:6px;
}

/* .logo{
	margin:0px auto;
	max-width:600px;
}

.logo img{
	width:100%;
} */
.navbar{
	display:flex;
	align-content:center;
	align-items:center;
	padding-right:12px;
	padding-left:12px;
	height:15vh;
	
}

.navbar nav{
	flex:1;
	text-align:right;
	
}

.navbar nav ul,li{
	display:inline-block;
	list-style-type :none;
	margin-right:8px;
	
}

.navbar nav ul li a{
	text-decoration:none;
	color:#000044;
	padding:4px 12px;
	border:1px solid snow;
	border-radius:4px;
	background:snow;
	font-weight:600;
}

.mainbox form{
	text-align:center;
	margin:10px auto;
}

.mainbox form input{
	width:80%;
	text-align:center;
	font-weight:600;
	padding:6px 36px;
	margin: 6px auto;
}

.mainbox form button{
	padding:6px 36px;
	width:50%;
	cursor:pointer;
}

/* .gdmenu{
	position:fixed;
	border:1px solid black;
	top:30%;
	left:4%;
	transform:translateY(-50%);
}

.gdmenu p{
	margin: 12px auto;
}

.gdmenu p button{
	padding:9px 24px;
	border:none;
	font-weight:800;
	cursor:pointer;
} */
/* Profile Information Styling */
/* .mainboxadmin{
	margin: 0px auto;
	max-width:60%;
	
}

.mainboxadmin > .selbox select{
	padding:8px 24px;
	width:48%;
	margin-right:2%;
	text-align:center;
	font-size:1.2rem;
}

.mainboxadmin > form > .proinfo{
	display:flex;
	margin: 6px auto;
}

.mainboxadmin > form > .proinfo input{
	padding:8px 24px;
	width:48%;
	margin-right:2%;
	text-align:center;
}

.mainboxadmin > form > .proinfo .pro input{
	padding:4px 16px;
	width:12%;
	margin-right:2%;
	text-align:left;
}

.mainboxadmin > form >  .wndref span{
	padding:8px 24px;
	width:48%;
	margin-right:2%;
	text-align:center;
}

.mainboxadmin > form >  .wndref input{
	padding:8px 24px;
	width:98%;
	margin-right:2%;
	text-align:center;
}

.mainboxadmin > form > .proinfo select{
	padding:8px 24px;
	width:48%;
	margin-right:2%;
	text-align:center;
}

.mainboxadmin > form > .wndref select{
	padding:8px 24px;
	width:98%;
	margin-right:2%;
	text-align:center;
}

.mainboxadmin > form > button{
	padding:8px 24px;
	width:98%;
	text-align:center;
	cursor:pointer;
}

.mainboxadmin > nav{
	text-align:center;
	flex:1;
}

.mainboxadmin > nav ul,li{
	display:inline-block;
	list-style-type:none;
}

.mainboxadmin > nav ul li{
	margin:3%;
}

.mainboxadmin > nav ul li img{
	width:150px;
	height:150px;
}

.mainboxadmin > nav ul li span{
	border:1px solid black;
	cursor:pointer;
	padding:6px 18px;
}

.mainboxadmin > .riderpassport input[type="file"]{
	font-family:verdana;
	padding:8px;
	cursor:pointer;
}

.mainboxadmin > .riderpassport button{
	padding:6px 24px;
	cursor:pointer;
}

.mainboxadmin > .profilepic{
	
}

.mainboxadmin > .profilepic img{
	width:100px;
	height:100px;
}

.mainboxadmin .dynamicbtn{
	float:right;
	border:2px solid red;
	padding:6px;
	font-weight:800;
	font-size:18px;
	cursor:pointer;
	border-radius:4px;
}

.mainboxadmin .ex{
	margin-right:6px;
	border-radius:18px;
	font-size:16px;
}

.mainboxadmin .expdiv{
	position:fixed;
	top:60%;
	left:50%;
	transform:translate(-50%,-50%);
	width:40%;
	height:60%;
}




.mainboxadmin .expdiv > form > .proinfo{
	display:flex;
	margin: 6px auto;
}

.mainboxadmin .expdiv > form > .proinfo > select{
	padding:8px 24px;
	width:98%;
	text-align:center;
	font-weight:600;
}

.mainboxadmin .expdiv > form > .proinfo input{
	padding:8px 24px;
	width:48%;
	margin-right:2%;
	text-align:center;
	font-weight:600;
}

.mainboxadmin .expdiv > form > .proinfo .pro input{
	padding:4px 16px;
	width:12%;
	margin-right:2%;
	text-align:left;
	font-weight:600;
}

.mainboxadmin .expdiv > form > button{
	padding:8px 24px;
	width:98%;
	text-align:center;
	cursor:pointer;
	font-weight:600;
}

.mainboxadmin .prodtls > .creditform{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border:none;

}

.mainboxadmin .prodtls > .creditform > form > input{
	font-size:2.6rem;
	font-weight:600;
	letter-spacing: 10px;
	text-align:center;
	border:1px solid black;
	outline:none;
	height:160px;
	width:260px;
}

.mainboxadmin .prodtls > .creditform > form > button{
	border:2px solid red;
	font-weight:600;
	letter-spacing: 8px;
	text-align:center;
	border-radius: 2px;
	padding:10px 20px;
	cursor:pointer;
}

.mainboxadmin > .riderslist > .paybox{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:none;
	padding:10px;
	background:rgba(0,0,0,0.80);
	border-radius:8px;
}

.mainboxadmin > .riderslist > .paybox p{
	font-weight:bolder;
	color:red;
	padding:5px;
	border-radius:10%;
}

.mainboxadmin > .riderslist > .paybox h3{
	color:white;
	
}
.mainboxadmin > .riderslist > .paybox p img{
	width:80px;
	height:80px;
	border-radius:50%;
}

.mainboxadmin > .riderslist > .paybox form {
	padding:5px;
}

.mainboxadmin > .riderslist > .paybox form input{
	margin:8px auto;
	height:40px;
	width:100%;
	background:transparent;
	text-align:center;
	font-weight:bolder;
	color:white;
	border:1px solid red;
}

.mainboxadmin > .riderslist > .paybox form button{
	margin:8px auto;
	height:40px;
	width:40%;
	background:transparent;
	text-align:center;
	font-weight:bolder;
	color:white;
	border:1px solid red;
	cursor:pointer;
}
.mainboxadmin > .riderslist > .paybox form span{
	color:white;
	
}

.mainboxadmin > .riderslist > .paybox form .pymtdate{
	width:70%;
} */



@media only screen and (max-width: 470px){
	.row{

		padding:0px;
	
	}
	
	.logobox span{
		
		font-size:60px;
	}
	
	.logobox hr{
		top:-6px;
		max-width:50%;
	}
	
	.logobox h4{
		font-size:20px;
		
	}
	
	.pusher{
		height:25vh;
	}
	
	.loginbox form p input{
		width:90%;
	}
	
	.loginbox form p button{
		width:50%;
	}
}