.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
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);
}
@keyframes animate {
 0% {
   transform: rotate(0deg)
 }
 100% {
   transform: rotate(220deg)
 }
}
.se-pre-con: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 #f7941d 0 0 0 17px;
   transform: rotate(-140deg);
 }
 50% {
   box-shadow: inset #f7941d 0 0 0 2px;
 }
 100% {
   box-shadow: inset #f7941d 0 0 0 17px;
   transform: rotate(140deg);
 }
}
