* {
	padding:0;
	margin:0;
	font-family:tahoma;
	font-size:12px;
}

@keyframes login-background {
	0% {background-position-y: 0;}
	100% {background-position-y: -300px;}
}

.login-bg {
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background-image: url(/img/grid.png);
    background-repeat: repeat;
    background-position: center center;

	animation: login-background 5s linear 2s infinite;
}

document, html, body {
	width:100%;
	height:100%;
}

img.logo {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-120px;
	opacity:0;
}

div.login {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-65px;
	/*
	height:100px;
	width:100px;
	border-radius:50px;
	*/
	background-color:#059BD8;
	transform: skewX(-10deg);
}

div.desc {
	text-align:right;
	position:fixed;
	top:60%;
	left:50%;
	margin-left:-80px;
	margin-top:80px;
	opacity:0;
	color:#c3c3c3;
}

div.c {
	/* padding:25px 50px 20px 50px; */
	padding: 1em 4em;
	overflow: auto;
}

input.login {
	border:0px solid #fff;
	background:#fff;
	padding:2px 20px 2px 20px;
	/* border-radius:20px; */
	width:240px;
	font-size:24px;
	height:40px;
	opacity:0;
}

div.submit_container {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-2000px;
	margin-top:10px;
	height:50px;
	width:50px;
}

div.submit_circle {
	position:absolute;
	height:50px;
	width:50px;
	background:#000;
	border-radius:25px;
	display: none;
}

div.triangle_left {
	position:absolute;
	top:10px;
	left:20px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 18px solid #fff;
	display: none;
}

div.submit_circle:hover, div.triangle_left:hover, div.login_text:hover {
	cursor:pointer;
	-webkit-filter: grayscale(100%) brightness(160%);
}

div.login_text {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:80px;
	margin-top: 26px;
	/*
	height:22px;
	width:60px;
	*/
	color:#fff;
	background:#000;
	/* border-radius:15px 0px 0px 15px; */
	padding: 1rem 2rem;
	font-size: 1.8rem;
	opacity:0;

	letter-spacing: 2px;
	text-transform: uppercase;
}

img.loader, img.loing_page_c {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-25px;
	display:none;
}

img.loader {
	margin-top:-35px;
	margin-left:-20px;
}

img.loing_page_c {
	margin-top:-38px;
}

.fll {
	float:left;
}

.flr {
	float:right;
}

.clar {
	clear:both;
}