#SitePreloader {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f1f1f1;
    color: #524D48;
}
#pre-loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(rgba(175, 55, 67, 1) -40%,rgba(159, 63, 73, 0.3) 60%);
  animation:rotate-right 1.8s linear infinite;
}

#pre-loader #spinner {
  padding:5px;
  animation:rotate-left .6s linear infinite;
}
#spinner:after {
  content:"";
  display:block;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#f1f1f1;
}

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