.loading #loader
{
    display: block;
}

#loader
{
    position: fixed;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    display: none;
    z-index: 1000;
}

#loader:before
{
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    left: 0px;
    top: 0px;
}

#floatingCirclesG
{
    position: relative;
    width:64px;
    height:64px;
    -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:#FFFFFF;
    height:12px;
    width:12px;
    -moz-border-radius:6px;
    -moz-animation-name:f_fadeG;
    -moz-animation-duration:0.48s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:6px;
    -webkit-animation-name:f_fadeG;
    -webkit-animation-duration:0.48s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:6px;
    -ms-animation-name:f_fadeG;
    -ms-animation-duration:0.48s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:6px;
    -o-animation-name:f_fadeG;
    -o-animation-duration:0.48s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:6px;
    animation-name:f_fadeG;
    animation-duration:0.48s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

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

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

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

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

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

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

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

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

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

100%{
background-color:#FFFFFF}

}

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

100%{
background-color:#FFFFFF}

}

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

100%{
background-color:#FFFFFF}

}

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

100%{
background-color:#FFFFFF}

}

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

100%{
background-color:#FFFFFF}

}