.login-holder
{
	width			: 400px;
	min-height		: 300px;
	margin			: 0px auto;
	background-color: #FFF;
	position		: fixed;
	top				: 10%;
	left			: 50%;
	transform		: translateX(-50%);
	padding-bottom	: 20px;
	z-index			: 1010;
	-moz-transition		: 0.6s;
	-o-transition		: 0.6s;
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
	border				: 1px solid #EEE;
	box-shadow			: 0px 0px 30px rgba(0,0,0, .3);
}

.login-holder h1
{
	font-family		: 'PT Sans', arial;
	font-size		: 1.2em;
	color			: #ed1b24;
	font-weight		: 300;
	margin			: 10% 10% 5% 10%;
	padding			: 5% 0;
	text-align		: center;
	border-bottom	: 1px solid #ed1b24;
}
*
{
	outline			: none;
}

.success
{
	background-size		: 300px;
	-moz-transition		: 0.6s;
	-o-transition		: 0.6s;
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
	z-index				: 1000014;
}


.overlay
{
	width			: 100%;
	height			: 100%;
	position		: fixed;
	top				: 0px;
	bottom			: 0px;
	padding-top		: 100px;
	left			: 0px;
	right			: 0px;
	z-index			: 100;
	background		: rgba(0,0,0, 0.5);
}
.preview
{
	z-index			: 1;
	padding			: 0px;
	margin			: 30px 0;
	text-align		: center;
}

.thumbs
{
	position		: relative;
	width			: 150px;
	height			: 150px;
	background		: #CCC no-repeat center center;
	background-size	: cover;
	margin			: 0px auto;
	display			: inline-block;
	margin			: 20px;
}

.remove
{
	display			: block;
	width			: 30px;
	line-height		: 30px;
	position		: absolute;
	right			: 0px;
	top				: 0px;
	background		: rgb(233,34,47)!important;
	color			: #FFFFFF!important;
	font-size		: 1em;
	text-align		: center;
	padding			: 0!important;
}


.waiting
{
	width			: 30px;
	height			: 30px;
	right			: calc(50% - 15px);
	bottom			: calc(50% - 15px);
	position		: fixed;
	display			: block;
	border-radius	: 100%;
	z-index			: 1000000;
	background 		: url(/img/waiter.gif) no-repeat center center;
	background-size	: 30px;
}
.progress
{
	width			: 300px;
	height			: 200px;
	right			: calc(50% - 150px);
	top				: 25%;
	position		: fixed;
	font-family		: "PT Sans Thin", arial;
	font-size		: 150px;
	color			: #FFF;
	text-align		: center;
	font-weight		: 300;
	text-decoration	: none;
	display			: block;
	z-index			: 1000012;
}
.progress span.sim
{
	position		: absolute;
	height			: 5px;
	background-color: rgba(0,0,0, 0.2);
	display			: block;
	bottom			: 20px;
	width			: 100%;
}
.progress span.bar
{
	position		: absolute;
	height			: 5px;
	background-color: rgb(233,34,47);
	display			: block;
	bottom			: 20px;
}



.close
{
	width			: 25px;
	line-height		: 25px;
	display			: block;
	position		: absolute;
	text-align		: center;
	top				: 10px;
	right			: 10px;
}
.close::after
{
	content			: '\2573';
	font-weight		: bold;
}
.login-block
{
	padding			: 10px 20px;
	font-family		: 'PT Sans', sans-serif;
	font-weight		: 300;
	line-height		: 20px;
	color			: #666;
	font-size		: .9em;
	margin			: 0px;
}


.login-button-style
{
	width			: 40%;
	margin			: 10px 20px;
	border			: none;
	background-color: #ed1b24;
	height			: 40px;
	font-family		: 'PT Sans', arial;
	font-size		: inherit;
	color			: #FFF;
	font-weight		: 300;
	padding			: 0px;
	display			: inline-block;
	transition		: all .2s ease;
}
.login-button-style:hover
{
	color			: #FFF;
}

.signup
{
	background-color: #FFFFFF;
	border			: 1px solid #ed1b24;
	color			: #ed1b24;
	line-height		: 40px;
	display			: inline-block;
}

.login-form-style
{
	width			: calc(100% - 60px);
	border			: none;
	border-bottom	: 1px solid #EAEAEA;
	font-family		: 'PT Sans', sans-serif;
	font-size		: .9em;
	font-weight		: 300;
	color			: #333;
	line-height		: 40px;
	padding			: 5px 10px;
	margin			: 10px 20px;
}

.login-form-style:focus
{
	border-bottom	: 1px solid #ed1b24;
}


.login-holder a
{
	color			: #ed1b24;
	text-decoration	: none;
	font-weight		: 400;
}
.forgot-pass
{
	display			: inline-block;
	text-align		: right;
	margin			: 10px 30px;
	margin-left		: 0px;
	line-height		: 40px;
}


@media only screen and (max-width: 540px)
{
	.login-holder
	{
		width			: 100%;
		min-height		: 300px;
		margin			: 0px auto;
		background-color: #FFF;
		position		: fixed;
		top				: 0%;
		left			: 50%;
		transform		: translateX(-50%);
		padding-bottom	: 20px;
		z-index			: 1010;
		-moz-transition		: 0.6s;
		-o-transition		: 0.6s;
		-webkit-transition	: 0.6s;
		transition			: 0.6s;
		border				: 1px solid #EEE;
		box-shadow			: 0px 0px 30px rgba(0,0,0, .3);
	}

}