@-webkit-keyframes spin {
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.page-loading {
    display:none;
    position:fixed;
    z-index:100000000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.8);
}
.page-loading-animation {
    position:absolute;
    left:50%;
    top:50%;
    z-index:1;
    margin:-75px 0 0 -75px;
    border-radius:50%;
    border:16px solid #f3f3f3;
    border-top:16px solid #3498db;
    width:120px;
    height:120px;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}