/* 
    Created on : 15.08.2015, 21:28:22
    Author     : Евгений
*/


@-webkit-keyframes space_fly {
 from, 0% {
    -webkit-transform: rotate3d(0.01, 0, 1, -150deg);
    transform: rotate3d(0.01, 0, 1, -150deg);
  }
  95% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(0.01, 0, 1, 250deg);
    transform: rotate3d(0.01, 0, 1, 250deg);
    opacity: 0;
    top: 120%;
  }
}

@keyframes space_fly {
  from, 0% {
    -webkit-transform: rotate3d(0.01, 0, 1, -150deg);
    transform: rotate3d(0.01, 0, 1, -150deg);
  }
  95% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate3d(0.01, 0, 1, 250deg);
    transform: rotate3d(0.01, 0, 1, 250deg);
    opacity: 0;
    top: 120%;
  }
}

.animated.space_fly {
    /* @keyframes name | duration | timing-function | delay | 
   iteration-count | direction | fill-mode | play-state */
    /* separate for safari */
  -webkit-animation-name: space_fly;
  -webkit-animation-timing-function: linear; 
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 20s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 
  
  animation-name: space_fly;
  animation-timing-function: linear; 
  animation-delay: 0.2s;
  animation-duration: 20s;
  animation-direction: alternate;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: running; 
}