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



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

.loader-container { position:absolute; width:170px; height:50px; 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: #fff; transform-origin:center; -moz-transform-origin:center; -webkit-transform-origin:center; -o-transform-origin:center; -ms-transform-origin:center;}

.f {  left:0px;}

.circle {  left: 25px;  top: -3px;}

.r { left: 60px;}

.e { left: 87px;}

.triangle { left: 114px; top: -3px;}

.l { left: 150px;}

.circle { background:#fff; width: 29px; height:29px; border-radius:50%; -webkit-animation: pulse 1s linear infinite; -moz-animation: pulse 1s linear infinite; -ms-animation: pulse 1s linear infinite; animation: pulse 1s linear infinite;}

@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; }
}

.triangle {  width: 0;  height: 0;  border-style: solid;  border-width:  0 15px 26px 15px;  border-color: transparent transparent #fff transparent;  -webkit-animation: pulse1 1s linear infinite; 
-moz-animation: pulse1 1s linear infinite; -ms-animation: pulse1 1s linear infinite; animation: pulse1 1s linear infinite;}

@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; }
}