#preloader{
  background-color:#000;
  width:100%;
  height:100%;
  position:fixed;
  inset:0;
  z-index:10000;
  opacity:1;
  visibility:visible;
  transition: opacity 0.5s ease;
}

#preloader .preloader-inner{
  width:100px;
  height:100px;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-50px;
  margin-left:-50px;
}

#preloader .preloader-inner > img{
  width:100%;
  animation:.4s infinite alternate perloader-pulse;
}


@keyframes perloader-pulse{
  from { transform:scale(1); opacity:1 }
  to   { transform:scale(.5); opacity:.7 }
}

@-webkit-keyframes perloader-pulse{
  from { -webkit-transform:scale(1); opacity:1 }
  to   { -webkit-transform:scale(.5); opacity:.7 }
}