@keyframes loader{
	0%{opacity: 1;}
   25%{opacity: 0.2;}
   50%{opacity: 1;}
   75%{opacity:0.2;}
   100%{opacity:1;}
}
#img{
animation-duration: 3.5s;
animation-name: loader;
opacity: 1;
}
#im{
animation-duration: 5s;
animation-name: loader;
opacity: 1;
animation-iteration-count: infinite; 
}

#preloader {
  position: fixed;
  z-index: 1111111111111;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #111;
}

#preloader-content {
  width: 200px;
  margin: 0 auto;
  display: block;
  text-align: center;
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-13deg);
  -ms-transform: translate(-50%, -50%) rotate(-13deg);
  transform: translate(-50%, -50%) rotate(-13deg);
}
/*#ee0979 0%, #ff6a00*/
#preloader { background: -webkit-gradient(linear, left top, right top, from(#ee0979), to(#ff6a00));
            background: linear-gradient(90deg, #d16b51 0%, #ff3300 100%); }
#preloader #preloader-area {background-color: #44ce6f;}
/*orange linear-gradient(orange,#ff8c00)*/