* {
	margin:0;
	padding:0;
	font:normal 13px/22px Arial, Helvetica, sans-serif;
	color:#000;
}

.the-cleaner {
	clear:both;
}
body {
	/*background-color:#eee;*/
	background:url(../../images/squares-seamless.jpg) repeat top left;
}
label {
	font-weight:700;
	color:#fff;
}
.login-box {
	width:100%;
	margin:0 auto;
	padding:2%;
	background-color:#219ef6;
	border-top:solid 5px #0e5e93;
	opacity:0;
	transition:all 2s;
     margin-top:20%;
}
.login-box-lt {
	width:100%;
	 
}
.login-box-rt {
	width:100%;
	 
}
input[type='text'] {
	width:97%;
	height:33px;
	padding-left:3%;
	background-color:#fff;
	border:none;
	border:solid 1px #219ef6;
	border-radius:4px;
	margin-bottom:10px;
}


.password {
	width:97%;
	height:33px;
	padding-left:3%;
	background-color:#fff;
	border:none;
	border:solid 1px #219ef6;
	border-radius:4px;
	margin-bottom:10px;
}
input[type='submit'] {
	width:100%;
	height:33px;
	background-color:#0e5e93;
	border:none;
	border:solid 1px #0e5e93;
	border-radius:4px;
	margin-bottom:10px;
	color:#fff;
	font-weight:700;
	cursor:pointer;
	transition:all 2s;
}
input[type='submit']:hover {
	width:100%;
	height:33px;
	background-color:#fff;
	border:none;
	border:solid 1px #fff;
	border-radius:4px;
	margin-bottom:10px;
	color:#219ef6;
	font-weight:700;
}
a {
	transition:all 2s;
	font-weight:700;
	color:#fff;
}
a:hover {
	font-weight:700;
	color:#0e5e93;
	text-shadow:0 0 10px #fff;
}


@media only screen and (max-width:479px){
.login-box {
	width:90%;
}
.login-box-lt {
	width:100%;
	float:left;
	text-align:center;
}
.login-box-rt {
	width:100%;
	float:left;
}
input[type='text'] {
	width:96%;
}
}

@media only screen and (min-width:480px) and (max-width:767px){
.login-box {
	width:90%;
}
.login-box-lt {
	width:100%;
	float:left;
	text-align:center;
}
.login-box-rt {
	width:100%;
	float:left;
}
input[type='text'] {
	width:96%;
}
}



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .login-box {
	width:90%;
    margin-top:20%;
}
.login-box-lt {
	width:100%;
	float:none;
	text-align:center;
}
.login-box-rt {
	width:100%;
	float:none;
    margin:20px 0;
}
input[type='text'] {
	width:96%;
}


    .login-box-lt img {
        height: 100px;
    }

}