@charset "UTF-8";
/* CSS Document */




#loader-bg {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	background: -moz-linear-gradient(#000, #003366);
	background: -webkit-linear-gradient(#000, #003366);
	background: linear-gradient(#000, #003366);
}

.folding-cube {
	margin: 200px auto 0 auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
}

.folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(0.3);
		-ms-transform: scale(0.3);
			transform: scale(0.3); 
}

.folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 0, .3);
	border: 10px solid #ffff00;
	-webkit-box-shadow: 0 0 5px #fff;
	-moz-box-shadow: 0 0 5px #fff;
	box-shadow: 0 0 15px #ffff00;
	
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
			animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
			transform-origin: 100% 100%;
}

.folding-cube .sk-cube2 {
	-webkit-transform: scale(0.3) rotateZ(90deg);
			transform: scale(0.3) rotateZ(90deg);
}

.folding-cube .sk-cube3 {
	-webkit-transform: scale(0.3) rotateZ(180deg);
			transform: scale(0.3) rotateZ(180deg);
}

.folding-cube .sk-cube4 {
	-webkit-transform: scale(0.3) rotateZ(270deg);
			transform: scale(0.3) rotateZ(270deg);
}

.folding-cube .sk-cube2:before {
	-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
}

.folding-cube .sk-cube3:before {
	-webkit-animation-delay: 0.6s;
			animation-delay: 0.6s; 
}

.folding-cube .sk-cube4:before {
	-webkit-animation-delay: 0.9s;
			animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
				transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	} 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
				transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	} 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
				transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	} 
}

@keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
				transform: perspective(140px) rotateX(-180deg);
		opacity: 0; 
	} 25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
				transform: perspective(140px) rotateX(0deg);
		opacity: 1; 
	} 90%, 100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
				transform: perspective(140px) rotateY(180deg);
		opacity: 0; 
	}
}


.loadingtxt {
	color: #999;
	font-size: 0.9em;
	text-align: center;
	letter-spacing: 0.8em;
	margin-right: -0.8em;
	text-transform: uppercase;
}

.loadingcommandseal {
	width: 200px;
	margin: 160px auto 0 auto;
	text-align: center;
	-webkit-animation: blink 1.5s ease-in-out infinite alternate;
	-moz-animation: blink 1.5s ease-in-out infinite alternate;
	animation: blink 1.5s ease-in-out infinite alternate;
}

.loadingcommandseal img {
	width: 100%;
}




@-webkit-keyframes blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes blink{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes blink{
	0% { opacity: 0; }
	100% { opacity: 1; }
}