#loading {
    display: inline-block;
     width: 50px;
     height: 50px;
     border: 2px solid rgba(255, 255, 255, .3);
     border-radius: 50%;
     border-top-color: red;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -50px;
     margin-top: -50px;
     animation: spin 1s ease-in-out infinite;
     -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); }
}