body
{
	background-color:#000;
}
input:active,input:focus 
{
 outline:0px !important;
 -webkit-appearance:none;
 box-shadow: none !important;
}
.content-middle
{
	position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	left:0; 
	z-index:999;
}
.content-middle-content 
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left:30px;
	padding-right:30px;
}
.app-login 
{
	width: 100%;
	max-width: 450px;
	padding: 30px;
	margin: auto;
	z-index: 200;
	position:relative;
	z-index:-1;
	background-color: rgba(0,0,0,0.85);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: -2px 2px 35px -8px rgba(0,0,0,0.75);
	-webkit-box-shadow: -2px 2px 35px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 35px -8px rgba(0,0,0,0.75);
}
.fading-background > figure 
{
	animation: imageAnimation 30s linear infinite 0s;
	backface-visibility: hidden;
	background-size: cover;
	background-position: center center;
	color: transparent; 
	height: 100%;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
}
.fading-background > figure:nth-child(1) {
}
.fading-background > figure:nth-child(2) {
	animation-delay: 6s;
}
.fading-background > figure:nth-child(3) {
	animation-delay: 12s;
}
.fading-background > figure:nth-child(4) {
	animation-delay: 18s;
}
.fading-background > figure:nth-child(5) {
	animation-delay: 24s;
}
.fading-background > figure:nth-child(6) {
	animation-delay: 30s;
}
@keyframes imageAnimation {
	0% {animation-timing-function: ease-in;opacity: 0;}
	8% {animation-timing-function: ease-out;opacity: 1;}
	17% {opacity: 1}
	25% {opacity: 0}
	100% {opacity: 0}
} 
.max-logo
{
	max-height:200px;
}