#loading {
    display: none;
}

#loadingText {
    margin:auto;
    margin-top: 180px;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    width:60px;
    height:26px;
    border-radius:100%;
    text-shadow: 0px 0px 3px white;
}

#loadingText {
    -webkit-animation: fade 4s infinite 200ms;
    animation: fade 4s infinite 200ms
}

#loadingAnimation {
    margin:auto;
    margin-top: 150px;
    position:fixed;
    top:50px;
    bottom:0px;
    left:0px;
    right:0px;
    width:80px;
    height:80px;
    -moz-animation:spin 2s linear 0s infinite;
    -ms-animation: spin 2s linear 0s infinite;
    -o-animation: spin 2s linear 0s infinite;
    border-radius:100%;
    -webkit-animation:spin 2s linear 0s infinite;
    animation:spin 2s linear 0s infinite;
    box-shadow:0px 2px 1px #0000FF,
    0px -2px 1px #FFE000,
    -2px 0px 1px #00FF00,
    2px 0px 1px #FF0000;
}

@keyframes fade {
    50% {
        opacity: 0.2;
    }
}

@-webkit-keyframes fade {
    50% {
        opacity: 0.2;
    }
}



@keyframes spin{
    from {
        -moz-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
@-webkit-keyframes spin{
     from {
         -moz-transform:rotate(0deg);
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg);
     }
     to {
         -moz-transform:rotate(360deg);
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg);
     }
 }