#loader-wrapper { background:#fff; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 999991; }

.loader { position: absolute; left: 0; right: 0; margin: 0 auto; width: 150px; height: 150px; text-align: center; font-size: 135px; line-height: 150px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-font-smoothing: antialiased; } 


/********************************************************************/
.has-loader.floatingCirclesG{
position:relative;
width:150px;
height:150px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#2194CD;
height:25px;
width:25px;
-moz-border-radius:14px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:14px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:14px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:14px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:14px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:normal;
}

.has-loader .floatingCirclesG:after {
    content: "";
    background: url(../images/loader-ico-logo.png) no-repeat;	
    height: 50px;
	width: 50px;
	/*width: 3em;
   -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
    transform: rotate(-90deg);
    left: -1em;
	top: 1em;*/
    position: absolute;	
	left: 50px;
	top: 48px;
}

#frotateG_01{
left:0;
top:61px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#frotateG_02{
left:18px;
top:18px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#frotateG_03{
left:61px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#frotateG_04{
right:18px;
top:18px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:61px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#frotateG_06{
right:18px;
bottom:18px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#frotateG_07{
left:61px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#frotateG_08{
left:18px;
bottom:18px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#26c1f4}

100%{
background-color:#2194CD}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#26c1f4}

100%{
background-color:#2194CD}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#26c1f4}

100%{
background-color:#2194CD}

}

@-o-keyframes f_fadeG{
0%{
background-color:#26c1f4}

100%{
background-color:#2194CD}

}

@keyframes f_fadeG{
0%{
background-color:#26c1f4}

100%{
background-color:#2194CD}

}
