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