div.loader
{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 999;
}

	div.loader div.circle-1
	{
		width: 1000px;
		height: 1000px;
		
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 995;
		
		transform: translate(-50%, -50%);
		
		background-color: #f9f9f9;
		border-radius: 1000px;
	}
	
	div.loader div.circle-2
	{
		width: 1000px;
		height: 1000px;
		
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 990;
		
		transform: translate(-50%, -50%);
		
		background-color: #d20000;
		border-radius: 1000px;
	}
	
div.load-animation
{
	width: 30px;
	height: 100px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	
	transform: translate(-50%, -50%);
	
	background-color: #f9f9f9;
}

	div.load-animation div
	{
		width: 100%;
		height: 33.33%;
		
		opacity: 0;
		
		animation: signup-response 0.5s 1;
		-webkit-animation: signup-response 0.5s 1;
		animation-fill-mode: forwards;
	}
	div.load-animation div.blue
	{
		background-color: #d60000;
		
		animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-webkit-animation-fill-mode: forwards;
	}
	div.load-animation div.yellow
	{
		background-color: #c30000;
		
		animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
		-webkit-animation-fill-mode: forwards;
	}
	div.load-animation div.red
	{
		background-color: #a90000;
		
		animation-delay: 0.4s;
		-webkit-animation-delay: 0.4s;
		-webkit-animation-fill-mode: forwards;
	}
	
	@keyframes signup-response
	{
		from 
		{
			opacity: 0;
		}
		to 
		{
			opacity: 1;
		}
	}
	
	@-webkit-keyframes signup-response
	{
		from 
		{
			opacity: 0;
		}
		to 
		{
			opacity: 1;
		}
	}