/* Loading Screen */
/* Galaxy */
#loadingScreen {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:120;
	background-color:#000;
	opacity:1;
	transition:all 2.5s;
	pointer-events:none;
}
#loadingScreen.loaded {
	opacity:0;
}
img.loading {
	position:fixed;
	width:300px;
	height:auto;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-220px;
	opacity:1;
}
img.galaxyLoadingImage {
	animation: galaxyLoading .2s step-start 0s infinite;
	-webkit-animation: galaxyLoading .2s step-start 0s infinite;
	transition:all .6s;
}
.galaxyLoadingImage.loaded {
	animation: none;
	-webkit-animation: none;
	visibility:visible;
	opacity:0;
	width:3000px;
	margin-left:-1500px;
	margin-top:-2400px;
}
@keyframes galaxyLoading {  
	0% {visibility:visible;}
	50% {visibility:hidden;}
	100% {visibility:visible;}
}
@-webkit-keyframes galaxyLoading {
	0% {visibility:visible;}
	50% {visibility:hidden;}
	100% {visibility:visible;}
}
/* Ocean */
body.ocean #loadingScreen {
	background-color:rgba(0,0,200,1);
	transition:all 1s;
}
img.oceanLoadingImage {
	animation: oceanLoading 2s infinite;
	-webkit-animation: oceanLoading 2s infinite;
}
@keyframes oceanLoading {  
	0% {margin-top:-220px;}
	50% {margin-top:-260px;}
	100% {margin-top:-220px;}
}
@-webkit-keyframes oceanLoading {
	0% {margin-top:-220px;}
	50% {margin-top:-240px;}
	100% {margin-top:-220px;}
}
/* Clouds */
body.clouds #loadingScreen {
	background-color:rgba(80,80,80,1);
	transition:all 1s;
}
img.cloudsLoadingImage {
	animation: cloudsLoading 1s infinite;
	-webkit-animation: cloudsLoading 1s infinite;
}
@keyframes cloudsLoading {  
	0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes cloudsLoading {
	0% {transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}