*{
	box-sizing: border-box;
}
body 
{
	margin:0 ;
	padding :0 ;
	overflow-x :hidden ;
	background:#eee;
}
.loginSignupFade
{
  display: none; 
  /* position: fixed;  */
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  /* background-color: rgba(0,0,0,0.4);  */
  z-index :-1;
  background:transparent ;
	position :relative ;
	padding:0;
}
.staticBox
{
	position : fixed ;
    z-index: 1; 
	top : 50%;
	left : 50%;
	transform : translate(-50%,-50%) ;
	background:#fff;
	box-shadow : 0  15px  25px  rgba(0,0,0,.5) ;
	border-radius :  10px;
	padding-top:15px;
}
.box 
{
	padding-top:15px;
	width : 320px;
	max-height:390px;
	padding :25px;
	overflow-y:auto ;
	background:#fff;
	border-radius :  10px;

}
.signupBox
{
	background:#fff;
	border-radius :  10px;
	margin-bottom:130px;

}
.staticBox img
{
	height:110px ;
	width:110px ;
	border-radius :45px;
	position :relative ;
	top: 0;
	left:50%;
	transform: translate(-50%, 0);
} 
.staticBox h3
{
	float :top;
	margin: 0;
	padding : 0;
	margin-left :20px ; 
	margin-top :10px ; 
	color :#737373;
	font-size :17px;
	font-family: 'Varela Round', sans-serif;
} 
.staticBox .closeModal 
{
	position :relative ;
	top:0px;
	right:20px;
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	padding : 0;
}
.box  .inputbox
{
	position : relative;
	margin-bottom: 5px;
}
.inputbox input, .inputbox select
{
	width : 100%;
	padding : 10px;
	padding-right :35px;
	font-size :14px;
	color : #454545;
	margin-bottom : 20px;
	border-radius:5px;
	background :#f7f4f4;
	outline :none ;
	border :none ;
	box-sizing:border-box;
	font-weight :500 ;
	font-family:'Exo', sans-serif ;
}

.signupFade .box
{
	max-height:1000px ;
	position: relative;
	top:80px;
	left:50%;
	transform:translate(-50%, 0);
	margin-bottom:130px;
	padding-top:50px;
}
.sidenavbar{
	height:100%;
}
.inputbox .togglePassword
{
	top:18px;
}
.signupFade .box h3
{
	position: relative;
	top:-35px;
	margin: 0;
	padding : 0;
	margin-left :20px ; 
	margin-top :10px ; 
	color :#737373;
	font-size :17px;
	font-family: 'Varela Round', sans-serif;
} 
.signupFade .box .closeModal 
{
	position :relative ;
	top:-35px;
	right:20px;
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	padding : 0;
}
.phonebox
{
	margin-bottom:20px;
} 
.phonebox input 
{
	margin-bottom:5px;
} 
.inputbox p
{
	color :#656565;
	font-size :13px ;
	font-family :'Exo', sans-serif ;
	margin :0;
	padding :2px;
} 
.phonebox p 
{
	display:none ;
	color :#CF003E;
} 

.inputbox select
{
	padding:5px;
	font-size :15px;
	color : #707070;
	font-family:'Exo', sans-serif ;
	-moz-appearance:none;
	-webkit-appearance: none; 
	appearance: none;
}
.inputbox select::-ms-expand {
    display: none;
}
.inputbox label
{
	position : absolute;
	top : -2px;
	left : 10px;
	letter-spacing : 1px;
	padding :10px 0;
	font-size :15px;
	color : #707070;
	pointer-events : none;
	transition : 1s;
	font-family:'Exo', sans-serif ;
}
.inputbox .valid
{
	position :absolute;
	top:-20px;
	left:0;
	margin :0;
	padding :0;
	font-size : 12px;
	color:#9F000B;
	font-family:'Exo', sans-serif ;
}
.inputbox .togglePassword
{
	position : absolute; 
	top:10px;
	right:10px;
	font-size :16px;
	color : #707070;
	transition : 1s;
}
.inputbox input:focus ~ label,
.inputbox  input:Valid ~ label
{
	top : -28px;
	left : 0px;
	font-size : 11px;
	color:#9F000B;
}
.box button
{
	border : none;
	outline : none;
	color : #fff;
	background : #B70600;
	padding : 10px  20px;
	cursor : pointer;
	border-radius : 5px;
	font-weight:bold;
	width:100%;
	box-sizing:border-box;
	text-align:center ;
	font-size :12px ;
	margin :15px 0;
}
.inputbox .learnMore {
	position :absolute ;
	top:-20px;
	right :0;
	color :cornflowerblue;
	font-size :0.8em;
	font-weight :600;
	font-family :'Poppins', sans-serif ;
	display :none ;
	text-decoration :none ;
} 
.box button:hover
{
	background : #851410;
}  
.forgotVerify
{
	margin-top : 1px;
}
.forgotVerify a
{
	color :cornflowerblue ;
	text-decoration :none ;
	font-size :11px;
	margin-left :5px;
	font-family:'Varela Round', sans-serif ;
	font-weight :600 ; 
}  
.forgotVerify .forgotPassword
{
	float:left ;
}
.forgotVerify .verifyEmail
{
	float:right ;
}
.box .closeModal:hover, .box .closeModal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.affiliatebox
{
	display:none ;
	margin :-5px;
	padding :0;
}
.affiliatebox p
{
	color :#656565;
	font-size :14px ;
	font-family :'Exo', sans-serif ;
	margin :0;
	padding :2px;
}
.emailText {
	color :brown ;
	font-size :13px;
	font-family:'Exo', sans-serif ;
	margin-top :-20px;
	margin-bottom :20px;
} 
.gateWayBox{
	display: none;
}

.box::-webkit-scrollbar{
	width: 10px;
}
.box::-webkit-scrollbar-track{
	background-color: #4d0000;
	border-radius: 0 10px 10px 0;
}
.box::-webkit-scrollbar-track:hover{
	background-color: rgb(172, 0, 0);
}
.box::-webkit-scrollbar-thumb{
	background: #770101;
	border-radius: 10px;

}

@media screen and (min-width:758px){
	.box{
		width: 30em !important;
	}
	.inputbox input, .inputbox select{
		padding: 15px;
		font-size: 0.9em;
	}
	.inputbox label{
		top: 5px;
	}
}