/* #Basic Styles
================================================== */
body {
	/*overflow:hidden;*/
    overflow: auto;
	font-family: 'Lato', sans-serif;
	font:normal 16px/1.5;
	color:#111820;
	-webkit-font-smoothing:antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust:100%;
    
}
input {padding:10px 15px;outline:0;border:0;box-sizing:border-box;}
a, a:visited { color: #333; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #0076bb;}

body.login-form {
	/*background: url('../images/middle_banner_opt.jpg') no-repeat top center;
	background-size: cover;
    background-repeat: repeat-y;*/
    background-color:  #002A46;
}


/* #Content Styles
================================================== */    
/*content*/
#content{width:100%;}
.container{width:960px;margin:0 auto;text-align:center;}
/*log in Register*/
#login{
	max-width: 400px;
	position: absolute;
	top: 40%;
	left: 50%;
	background: #d2d2d2;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	padding: 30px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 80%;
    border-radius: 20px;
}
#login_content{
	padding-top: 20px;
	width: 90%;
	margin: 0 auto;
}
.icon-home{font-size:30px;position:relative;top:3px;}

#login_content input{width:100%;background:#ffffff;color:#111820; line-height: 22px;font-size: 16px;}
#login_content span{position:relative;display:block;margin-bottom:20px;}
#login_content span:nth-child(2){margin-bottom:0px;}
#forgot_link{
	padding: 10px 0;
	text-align: right;
	font-style: italic;
	font-size: 14px;
}

#login_btn{
	outline: 0;
	border: none;
	color: white;
	font-size: 16px;
	background: #0076bb;
	cursor: pointer;
	text-transform: uppercase;
	padding: 8px 18px;
	letter-spacing: 2px;
	font-weight: 700;
	transition: ease 0.5s;
	font-family: 'Lato', sans-serif!important;
}
#login_btn:hover{
	background: #111820;
}
.ing{width:100%;height:5px;position:absolute;bottom:60px;}
a#register_link{
	position: absolute;
	bottom: 10px;
	left: 15px;
	font-size: 24px;
	font-style: italic;
}

	
	
	
	
/*==================================================
Responsive Medias
================================================== */	

@media ( max-width: 1024px )	{
	body.login-form{ background-size:unset}
    #login{
	max-width: 400px;
	position: absolute;
	top: 70%;
	left: 50%;
}
    
    
    
}	
@media ( max-width: 480px )	{

	#login_content{width: 100%;}
	
}