#loader{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.5);z-index:1000}
#loader .spin{display:block;position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px;border-radius:50%;border:5px solid var(--c1);border-top-color:transparent;transform:rotate(0deg);-moz-animation:spiner 1s linear infinite;-webkit-animation:spiner 1s linear infinite;animation:spiner 1s linear infinite}
@-moz-keyframes spiner{
	100%{transform:rotate(365deg)}
}
@-webkit-keyframes spiner{
	100%{transform:rotate(365deg)}
}
@keyframes spiner{
	100%{transform:rotate(365deg)}
}