.loader-body{width:100%;height:100vh;background-color:#F0F0F0;position:fixed;z-index:2;visibility:visible;top:0;left:0;text-align:center;justify-content:center; opacity: 0.5;
    filter: alpha(opacity=50); align-content:center;transition:.5s all}
.loader{width:150px;height:150px;border:32px solid #fff;border-radius:50%;position:absolute;
	/*change color of border*/ border-top-color:green;transform:translate(-50%,-50%);top:50%;
	left:50%;-webkit-animation:1s spin infinite linear;-o-animation:1s spin infinite linear;animation:1s spin infinite linear}
	.loader-body.done{visibility:hidden;opacity:0}@keyframes spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}