/* Loader */

.ldr
{

	left       : 0;
	top        : 0;
	height     : 100%;
	width      : 100%;
	z-index    : 1000;
	background : rgba(0, 0, 0, 0.75);
}

.loader
{
	position : fixed;
	left     : 0%;
	top      : 40%;
	z-index  : 100;
	width    : inherit;
}

.circle
{
	background-color  : rgba(0, 0, 0, 0);
	border            : 5px solid rgba(255, 255, 255, 0.9);
	opacity           : .9;
	border-right      : 5px solid rgba(0, 0, 0, 0);
	border-left       : 5px solid rgba(0, 0, 0, 0);
	border-radius     : 50px;
	width             : 50px;
	height            : 50px;
	margin            : 0 auto;
	animation         : spinPulse 1s infinite linear;
	-moz-animation    : spinPulse 1s infinite linear;
	-webkit-animation : spinPulse 1s infinite linear;
}

.circle1
{
	background-color  : rgba(0, 0, 0, 0);
	border            : 5px solid rgba(255, 255, 255, 0.9);
	opacity           : .9;
	border-left       : 5px solid rgba(0, 0, 0, 0);
	border-right      : 5px solid rgba(0, 0, 0, 0);
	border-radius     : 50px;
	width             : 30px;
	height            : 30px;
	margin            : 0 auto;
	position          : relative;
	top               : -40px;
	animation         : spinoffPulse 1s infinite linear;
	-moz-animation    : spinoffPulse 1s infinite linear;
	-webkit-animation : spinoffPulse 1s infinite linear;
}

@keyframes spinPulse
{
	0%
	{
		transform  : rotate(0deg);
		opacity    : 0;
	}

	50%
	{
		transform : rotate(-180deg);
		opacity   : 1;
	}

	100%
	{
		transform : rotate(-360deg);
		opacity   : 0;
	}
}

@keyframes spinoffPulse
{
	0%
	{
		transform : rotate(0deg);
	}

	100%
	{
		transform : rotate(360deg);
	}
}

@-moz-keyframes spinPulse
{
	0%
	{
		-moz-transform : rotate(0deg);
		opacity        : 0;
	}

	50%
	{
		-moz-transform : rotate(-180deg);
		opacity        : 1;
	}

	100%
	{
		-moz-transform : rotate(-360deg);
		opacity        : 0;
	}
}

@-moz-keyframes spinoffPulse
{
	0%
	{
		-moz-transform : rotate(0deg);
	}

	100%
	{
		-moz-transform : rotate(360deg);
	}
}

@-webkit-keyframes spinPulse
{
	0%
	{
		-webkit-transform : rotate(0deg);
		opacity           : 0;
	}

	50%
	{
		-webkit-transform : rotate(-180deg);
		opacity           : 1;
	}

	100%
	{
		-webkit-transform : rotate(-360deg);
		opacity           : 0;
	}
}

@-webkit-keyframes spinoffPulse
{
	0%
	{
		-webkit-transform : rotate(0deg);
	}

	100%
	{
		-webkit-transform : rotate(360deg);
	}
}