HTML, BODY { height: 100%; }

#loading-mask {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background:#373C42;
	 z-index: 91000;
	 overflow: hidden;
}
#loading {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width:100px;
	 height:100px;
	 margin-top:-50px;
	 margin-left:-50px;	 
	 z-index: 91001;
	 color:white;
	 text-align:center;
}
#loading-img {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 width:48px;
	 height:48px;
	 margin-top:-24px;
	 margin-left:-24px;	 
/*	 margin-top: 40px;
	 margin-left: -61px;*/
	 z-index: 91001;
	 color:white;
	 background: url('images/loading_e.png') no-repeat; /*left center;*/
}
#loading SPAN{
	 padding: 5px 25px;
	 display: block;
	 font-family: Helvetica, Arial, sans-serif;
	 font-size:22px;
/*	 letter-spacing: 1px;*/
	 font-weight:300;
	 color:white;
/*	 color:#DDDDDD;*/
}

.ext-ie #loading SPAN
{
	letter-spacing:inherit;
}

#nojs  {
	margin:5% auto;
	text-align:center;
	z-index: 91001;
}

#nojs  IMG
{
	display: block;
	margin:0 auto;
}

#nojs  SPAN{
	margin:0 10%;
	display: block;
	color:white;
	font-family: Helvetica, Arial, sans-serif;
}


.loader{
	position: relative;
	margin: 0 auto;
 }
 
 .spinner {
	position: absolute;
	top: 27.5%;
	left: 27.5%;
	width: 45%;
	height: 45%;
 }
 
 .spinnerCircle {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
	border: 0 solid #0094a2;
	border-radius: 40%;
	opacity: 1;
	box-sizing: border-box;
 }
 
 .spinnerCircle:last-child {
	animation-name: spinner-reverse;
	border-radius: 50%;
	transform: scale(0.33);
	opacity: 0;
 }
 
 .logo{
	position: absolute;
	top: 17%;
	left: 17%;
	color: #0094a2;
	width: 66%;
	height: 66%;
	animation: logo-fade 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
 }
 
 @keyframes spinner {
	50% {
		border-radius: 50%;
		opacity: 0;
		transform: scale(0.33);
	}
	100% {
		border-radius: 40%;
		opacity: 1;
		transform: scale(1);
	}
 }
 
 @keyframes spinner-reverse {
	50% {
		border-radius: 40%;
		transform: scale(1);
		opacity: 0.25;
	}
	100% {
		border-radius: 50%;
		transform: scale(0.33);
		opacity: 0;
	}
 }
 
 @keyframes logo-fade {
	50% {
		opacity: 0.25;
	}
	100% {
		opacity: 1;
	}
 }