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



html, body {height:100%}

body {}



.loader {display:none;}

.loader.bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2000; background-color:gray; opacity:0.5;}

.loader.box {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2001;}

.loader>.anim {position:relative; top:40%; margin:0 auto; border:16px solid #f3f3f3; border-top:16px solid #3498db; border-radius:50%; width:120px; height:120px; animation:rotate 2s linear infinite;}