/*html, body{
	overflow:hidden;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}*/
*{
	border:none;
	outline:none;
}
html{
    height: 100%;
}
body{
	background-color:#18b8c9;
	position: relative;
    min-height: 100%;
	padding-bottom: 25rem;
}
.login_bg{
	width:100%;
	height:100%;
	position:fixed;
	background-image: url(../images/login_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	/*background-attachment:fixed;*/
}
.login{
	position:relative;
	width:100%;
	height:auto;
	margin:auto;
}
@media (min-width:1200px){
.login{
	width:1200px;
}
}
.login_right_box{
	width:100%;
	max-width:400px;
	height:250px;
	padding:15px 30px 35px 30px;
	position:relative;
	font-family:Titles;
	background-image: url(../images/login_box_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
	margin:auto;
}
.login .login_input{
	width:100%;
	border:none;
	border-bottom:1px solid #81d8e2;
	padding:7px;
	margin-top:15px;
	margin-bottom:10px;
	background:none;
	color:#FFF;
	box-shadow:none;
}
.login .login_input+label{
	position:absolute;
	text-align:left;
	display:block;
	margin-top:-35px;
	margin-left:7px;
	cursor:text;
	transition:all 0.4s ease;
	color:#FFF;
}
.login .login_input:focus+label,.login .login_input:valid+label{
	margin-top:-60px;
	color:#81d8e2;
}
input.login_input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px #1cbbce;
    -webkit-text-fill-color:#FFF;
}
.login_btn{
	font-size:18px;
	text-transform:uppercase;
	background-color:#085a63;
	padding:6px;
	text-align:center;
	width:100%;
	color:#FFF;
	margin-top:10px;
}
.logo{
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	background-image: url(../images/logo_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:100%;
}
.logo img{
	width:350px;
}
.bottom_bg{
	width:100%;
	height:200px;
	position:absolute;
	background-image: url(../images/login_bottom_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size:auto 95%;
	bottom:0;
}
.registration{
	font-size:12px;
	margin-top:10px;
	color:#002f34;
}
.registration a{
	color:#FFF;
	text-decoration:underline;
}
.registration a:hover{
	color:#FF0;
	text-decoration:none;
}
.left{
	text-align:center;
	float:left;
	width:55%;
	margin-top:10px;
	background-image: url(../images/banner_line.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.left img{
	width:90%;
	max-width:480px;
}
.right{
	float:right;
	width:45%;
	padding:60px 10px 0;
}

@media (min-width:1500px){
.logo{
	padding:25px;
}
.logo img{
	width:450px;
}
.bottom_bg{
	height:280px;
}
.left img{
	max-width:550px;
}

}
@media (max-width:992px){
.right{
	padding-top:50px;
}
}
@media (max-width:780px){
.right{
	padding-top:30px;
}
}
@media (max-width:700px){
.left{
	float:none;
	width:100%;
	background:none;
}
.right{
	float:none;
	width:100%;
}
}
@media (max-width:400px){
.logo img{
	width:80%;
}
}

.login_alert{
	padding:8px 35px 8px 15px;
	margin: 0 5px 5px 5px;
}

footer{
	position:absolute;
	bottom:0px;
	width:100%;
}
footer p{
	font-family:titles;
	color:#FFF;
	font-size:13px;
	text-align:center
}
footer p a{
	color:#FF0;
}