/*loading principal*/

#floatingBarsG{
    position:fixed;
    width:50px;
    height:62px;
    top: 45%;
    left: 50%;
    z-index: 999;
    display: none;
}

.blockG{
    position:absolute;
    background-color:#545555;
    width:8px;
    height:19px;
    -moz-border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
    -webkit-transform:scale(0.4);
    -webkit-animation-name:fadeG;
    -webkit-animation-duration:0.8s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -moz-transform:scale(0.4);
    -moz-animation-name:fadeG;
    -moz-animation-duration:0.8s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    border-radius:7px 7px 0 0;
    -o-transform:scale(0.4);
    -o-animation-name:fadeG;
    -o-animation-duration:0.8s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -ms-transform:scale(0.4);
    -ms-animation-name:fadeG;
    -ms-animation-duration:0.8s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
}

#rotateG_01{
    left:0;
    top:23px;
    -webkit-animation-delay:0.3s;
    -webkit-transform:rotate(-90deg);
    -moz-animation-delay:0.3s;
    -moz-transform:rotate(-90deg);
    -o-animation-delay:0.3s;
    -o-transform:rotate(-90deg);
    -ms-animation-delay:0.3s;
    -ms-transform:rotate(-90deg);
}

#rotateG_02{
    left:6px;
    top:8px;
    -webkit-animation-delay:0.4s;
    -webkit-transform:rotate(-45deg);
    -moz-animation-delay:0.4s;
    -moz-transform:rotate(-45deg);
    -o-animation-delay:0.4s;
    -o-transform:rotate(-45deg);
    -ms-animation-delay:0.4s;
    -ms-transform:rotate(-45deg);
}

#rotateG_03{
    left:21px;
    top:2px;
    -webkit-animation-delay:0.5s;
    -webkit-transform:rotate(0deg);
    -moz-animation-delay:0.5s;
    -moz-transform:rotate(0deg);
    -o-animation-delay:0.5s;
    -o-transform:rotate(0deg);
    -ms-animation-delay:0.5s;
    -ms-transform:rotate(0deg);
}

#rotateG_04{
    right:6px;
    top:8px;
    -webkit-animation-delay:0.6s;
    -webkit-transform:rotate(45deg);
    -moz-animation-delay:0.6s;
    -moz-transform:rotate(45deg);
    -o-animation-delay:0.6s;
    -o-transform:rotate(45deg);
    -ms-animation-delay:0.6s;
    -ms-transform:rotate(45deg);
}

#rotateG_05{
    right:0;
    top:23px;
    -webkit-animation-delay:0.7s;
    -webkit-transform:rotate(90deg);
    -moz-animation-delay:0.7s;
    -moz-transform:rotate(90deg);
    -o-animation-delay:0.7s;
    -o-transform:rotate(90deg);
    -ms-animation-delay:0.7s;
    -ms-transform:rotate(90deg);
}

#rotateG_06{
    right:6px;
    bottom:6px;
    -webkit-animation-delay:0.8s;
    -webkit-transform:rotate(135deg);
    -moz-animation-delay:0.8s;
    -moz-transform:rotate(135deg);
    -o-animation-delay:0.8s;
    -o-transform:rotate(135deg);
    -ms-animation-delay:0.8s;
    -ms-transform:rotate(135deg);
}

#rotateG_07{
    bottom:0;
    left:21px;
    -webkit-animation-delay:0.9s;
    -webkit-transform:rotate(180deg);
    -moz-animation-delay:0.9s;
    -moz-transform:rotate(180deg);
    -o-animation-delay:0.9s;
    -o-transform:rotate(180deg);
    -ms-animation-delay:0.9s;
    -ms-transform:rotate(180deg);
}

#rotateG_08{
    left:6px;
    bottom:6px;
    -webkit-animation-delay:1s;
    -webkit-transform:rotate(-135deg);
    -moz-animation-delay:1s;
    -moz-transform:rotate(-135deg);
    -o-animation-delay:1s;
    -o-transform:rotate(-135deg);
    -ms-animation-delay:1s;
    -ms-transform:rotate(-135deg);
}

@-webkit-keyframes fadeG{
    0%{
        background-color:#cccccc}

    100%{
        background-color:#545555}

}

@-moz-keyframes fadeG{
    0%{
        background-color:#cccccc}

    100%{
        background-color:#545555}

}

@-o-keyframes fadeG{
    0%{
        background-color:#cccccc}

    100%{
        background-color:#545555}

}

@-ms-keyframes fadeG{
    0%{
        background-color:#cccccc}

    100%{
        background-color:#545555}

}
/*fin loading principal*/