/*
##########################################
LOADING SPINNER
##########################################
*/
#loading-page{position:fixed;z-index:5000;top:0px;left:0px;width:100%;height:100%;background: var(--color-primary);}
#loading-wrapper{position:absolute;top:50%;left:50%;margin-top:-4rem;margin-left:-4rem;}
#loading{display:inline-block; width: 8rem; height: 8rem;border: 0.2rem solid rgba(255,255,255,.3);border-radius: 50%;border-top-color:var(--color-white);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); }}