.preloader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999999; background: #fff;}
#loader { animation: animate 1.5s linear infinite; clip: rect(0, 80px, 80px, 40px); height: 80px; width: 80px; position: absolute; left: calc(50% - 40px);top: calc(50% - 40px);}
.logo_loader{ position:absolute; width:30px; height:28px; left: calc(50% - 15px);top: calc(50% - 14px);}
@keyframes animate {
  0% { 
    transform: rotate(0deg)
  }
  100% { 
    transform: rotate(220deg)
  }
}
#loader:after {
  animation: animate2 1.5s ease-in-out infinite; clip: rect(0, 80px, 80px, 40px);  content:'';  border-radius: 50%;   height: 80px;  width: 80px;  position: absolute; } 
@keyframes animate2 {
  0% {
    box-shadow: inset #f8b321 0 0 0 17px;
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #f8b321 0 0 0 2px;
  }
  100% {
    box-shadow: inset #f8b321 0 0 0 17px;
    transform: rotate(140deg);
  }
}