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



.loader-wrapper { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999; background: #fff; overflow:hidden;}	

.loader-container { position:absolute;top:50%; left:50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);}

.loader-container > div { position:absolute;  font-size: 35px; color: #000; transform-origin:center; -moz-transform-origin:center; -webkit-transform-origin:center; -o-transform-origin:center; -ms-transform-origin:center;}
.loader-container img {
  animation: fadePulse 1s ease-in-out infinite;
}

@keyframes fadePulse {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

@keyframes pulse {
 	0% { -webkit-transform: scale(1);	-moz-transform: scale(1);	-o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: #036; }
 	50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background: #FFF; }
 	100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: #036; }
}

@-moz-keyframes pulse {
 	0% { -moz-transform: scale(1); transform: scale(1);background: #036; }
	50% { -moz-transform: scale(0.9); transform: scale(0.9); background: #FFF; }
	100% { -moz-transform: scale(1); transform: scale(1); background: #036; }
}

@-webkit-keyframes pulse { 
	0% { -webkit-transform: scale(1); transform: scale(1);background: #036; }
 	50% { -webkit-transform: scale(0.9); transform: scale(0.9); background: #FFF; }
	100% { -webkit-transform: scale(1); transform: scale(1); background: #036; }
}

@-ms-keyframes pulse {
 	0% { -ms-transform: scale(1); transform: scale(1);background: #036; }
	50% { -ms-transform: scale(0.9); transform: scale(0.9); background: #FFF; }
	100% { -ms-transform: scale(1); transform: scale(1); background: #036; }
}

@keyframes pulse1 {
 	0% { -webkit-transform: scale(1.1);	-moz-transform: scale(1.1);	-o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-color: transparent transparent #036 transparent; }
 	50% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-color: transparent transparent #ddd transparent; }
 	100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-color: transparent transparent #036 transparent; }
}

@-moz-keyframes pulse1 {
 	0% { -moz-transform: scale(0.9); transform: scale(0.9); border-color: transparent transparent #036 transparent; }
	50% { -moz-transform: scale(1); transform: scale(1); border-color: transparent transparent #FFF transparent; }
	100% { -moz-transform: scale(0.9); transform: scale(0.9); border-color: transparent transparent #036 transparent; }
}

@-webkit-keyframes pulse1 { 
	0% { -webkit-transform: scale(0.9); transform: scale(0.9); border-color: transparent transparent #036 transparent; }
 	50% { -webkit-transform: scale(1); transform: scale(1); border-color: transparent transparent #FFF transparent; }
	100% { -webkit-transform: scale(0.9); transform: scale(0.9); border-color: transparent transparent #036 transparent; }
}

@-ms-keyframes pulse1 {
 	0% { -ms-transform: scale(0.9); transform: scale(0.9); border-color: transparent transparent #036 transparent; }
	50% { -ms-transform: scale(1); transform: scale(1); border-color: transparent transparent #FFF transparent; }
	100% { -ms-transform: scale(0.9); transform: scale(0.9); border-color: transparent transparent #036 transparent; }
}

.spinner { font-size: 10px; height: 30px; left: 0; margin: 20px auto 0; position: absolute; right: 0; text-align: center; top: 50%; width: 100%;}

.spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -moz-animation: stretchdelay 1.2s infinite ease-in-out; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}

.spinner .rect2 { -moz-animation-delay: -1.1s; -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}

.spinner .rect3 { -moz-animation-delay: -1.0s; -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}

.spinner .rect4 { -moz-animation-delay: -0.9s; -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}

.spinner .rect5 { -moz-animation-delay: -0.8s; -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -moz-transform: scaleY(0.4); -webkit-transform: scaleY(0.4); background: #FFFFFF; }  
  20% { -moz-transform: scaleY(1.0); -webkit-transform: scaleY(1.0); background: #036; }
}

@keyframes stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); -moz-transform: scaleY(0.4);  background: #FFFFFF; }  
  20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); -moz-transform: scaleY(1.0);  background: #036; }
}