#load-pgloading {}

#load-pgloading:after {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
}
#load-pgloading .load-loadingwrap {position:absolute;top:45%;bottom:45%;left:25%;right:25%;}
#load-pgloading .load-snappla {
		font-size: 115px;
		width: 1em;
		height: 1em;
		position: relative;
		margin: 0 auto;
		list-style: none;
		padding:0;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#load-pgloading .load-snappla li {
		position: absolute;
		width: .3em;
		height: .3em;
		border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

#load-pgloading .load-snappla li:nth-child(1) {
		left: 50%;
		top: 0;
		margin: 0 0 0 -.1em;
		background: rgb(105,197,228);
		transform-origin: 50% 250%;
		-o-transform-origin: 50% 250%;
		-ms-transform-origin: 50% 250%;
		-webkit-transform-origin: 50% 250%;
		-moz-transform-origin: 50% 250%;
		animation: 
				load-rota 1.3s linear infinite,
				load-opa 4.22s ease-in-out infinite alternate;
		-o-animation: 
				load-rota 1.3s linear infinite,
				load-opa 4.22s ease-in-out infinite alternate;
		-ms-animation: 
				load-rota 1.3s linear infinite,
				load-opa 4.22s ease-in-out infinite alternate;
		-webkit-animation: 
				load-rota 1.3s linear infinite,
				load-opa 4.22s ease-in-out infinite alternate;
		-moz-animation: 
				load-rota 1.3s linear infinite,
				load-opa 4.22s ease-in-out infinite alternate;
}

#load-pgloading .load-snappla li:nth-child(2) {
		top: 50%; 
		right: 0;
		margin: -.1em 0 0 0;
		background: rgb(105,197,228);
		transform-origin: -150% 50%;
		-o-transform-origin: -150% 50%;
		-ms-transform-origin: -150% 50%;
		-webkit-transform-origin: -150% 50%;
		-moz-transform-origin: -150% 50%;
		animation: 
				load-rota 2.14s linear infinite,
				load-opa 4.93s ease-in-out infinite alternate;
		-o-animation: 
				load-rota 2.14s linear infinite,
				load-opa 4.93s ease-in-out infinite alternate;
		-ms-animation: 
				load-rota 2.14s linear infinite,
				load-opa 4.93s ease-in-out infinite alternate;
		-webkit-animation: 
				load-rota 2.14s linear infinite,
				load-opa 4.93s ease-in-out infinite alternate;
		-moz-animation: 
				load-rota 2.14s linear infinite,
				load-opa 4.93s ease-in-out infinite alternate;
}

#load-pgloading .load-snappla li:nth-child(3) {
		left: 50%; 
		bottom: 0;
		margin: 0 0 0 -.1em;
		background: rgb(105,197,228);
		transform-origin: 50% -150%;
		-o-transform-origin: 50% -150%;
		-ms-transform-origin: 50% -150%;
		-webkit-transform-origin: 50% -150%;
		-moz-transform-origin: 50% -150%;
		animation: 
				load-rota 1.67s linear infinite,
				load-opa 5.89s ease-in-out infinite alternate;
		-o-animation: 
				load-rota 1.67s linear infinite,
				load-opa 5.89s ease-in-out infinite alternate;
		-ms-animation: 
				load-rota 1.67s linear infinite,
				load-opa 5.89s ease-in-out infinite alternate;
		-webkit-animation: 
				load-rota 1.67s linear infinite,
				load-opa 5.89s ease-in-out infinite alternate;
		-moz-animation: 
				load-rota 1.67s linear infinite,
				load-opa 5.89s ease-in-out infinite alternate;
}

#load-pgloading .load-snappla li:nth-child(4) {
		top: 50%; 
		left: 0;
		margin: -.1em 0 0 0;
		background: rgb(105,197,228);
		transform-origin: 250% 50%;
		-o-transform-origin: 250% 50%;
		-ms-transform-origin: 250% 50%;
		-webkit-transform-origin: 250% 50%;
		-moz-transform-origin: 250% 50%;
		animation: 
				load-rota 1.98s linear infinite,
				load-opa 6.04s ease-in-out infinite alternate;
		-o-animation: 
				load-rota 1.98s linear infinite,
				load-opa 6.04s ease-in-out infinite alternate;
		-ms-animation: 
				load-rota 1.98s linear infinite,
				load-opa 6.04s ease-in-out infinite alternate;
		-webkit-animation: 
				load-rota 1.98s linear infinite,
				load-opa 6.04s ease-in-out infinite alternate;
		-moz-animation: 
				load-rota 1.98s linear infinite,
				load-opa 6.04s ease-in-out infinite alternate;
}

@keyframes load-rota {
		from { }
		to { transform: rotate(360deg); }
}

@-o-keyframes load-rota {
		from { }
		to { -o-transform: rotate(360deg); }
}

@-ms-keyframes load-rota {
		from { }
		to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes load-rota {
		from { }
		to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes load-rota {
		from { }
		to { -moz-transform: rotate(360deg); }
}

@keyframes load-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-o-keyframes load-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-ms-keyframes load-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-webkit-keyframes load-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

@-moz-keyframes load-opa {
		0% { }
		12.0% { opacity: 0.80; }
		19.5% { opacity: 0.88; }
		37.2% { opacity: 0.64; }
		40.5% { opacity: 0.52; }
		52.7% { opacity: 0.69; }
		60.2% { opacity: 0.60; }
		66.6% { opacity: 0.52; }
		70.0% { opacity: 0.63; }
		79.9% { opacity: 0.60; }
		84.2% { opacity: 0.75; }
		91.0% { opacity: 0.87; }
}

/* MEDIA QUERIES - 520PX */
@media screen and (max-width: 520px) { 

#load-pgloading .load-snappla {
		font-size: 95px;
}

}