@charset "UTF-8";





@-webkit-keyframes space_fly {
 from, 0% {
    -webkit-transform: rotate3d(1, 1, 1, -15deg) translate3d(0, 0px, 200px);
    transform: rotate3d(1, 1, 1, -15deg) translate3d(0, 0px, 0);
  }

  100% {
    -webkit-transform: rotate3d(1, 1, 1, 25deg) translate3d(-400px, 800px, 200px);
    transform: rotate3d(1, 1, 1, 25deg) translate3d(-400px, 800px, 0);
  }
}

@keyframes space_fly {
   0% {
    -webkit-transform: rotate3d(1, 1, 1, -15deg) translate3d(0, 0px, 200px);
    transform: rotate3d(1, 1, 1, -15deg) translate3d(0, 0px, 0);
  }

  to, 100% {
    -webkit-transform: rotate3d(1, 1, 1, 25deg) translate3d(-400px, 800px, 200px);
    transform: rotate3d(1, 1, 1, 25deg) translate3d(-400px, 800px, 0);
  }
}

.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; 
}
.animated.moon_rotation {
   transform-origin: 50% 100%;
  -webkit-animation-name: moon_rotation;
  -webkit-animation-timing-function: linear; 
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 20s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 
  
  animation-name: moon_rotation;
  animation-timing-function: linear; 
  animation-delay: 0s;
  animation-duration: 20s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: running; 
}

@-webkit-keyframes moon_rotation {
   0% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg) ;
    transform: rotate3d(0, 0, 1, 5deg);
  }
}
@keyframes moon_rotation {
   0% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg) ;
    transform: rotate3d(0, 0, 1, 5deg);
  }
}
.animated.up_and_down{
   -webkit-animation-name: up_and_down;
  -webkit-animation-timing-function: linear; 
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 3s;
  -webkit-animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 
  
  animation-name: up_and_down;
  animation-timing-function: linear; 
  animation-delay: 0s;
  animation-duration: 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: running;
}
.delay_1{
    
      -webkit-animation-delay: 1s !important;
       animation-delay: 1s !important;
}
.delay_2{
    -webkit-animation-delay: 3s !important; 
     animation-delay: 3s !important; 
}
@keyframes up_and_down {
   0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes up_and_down {
   0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fish_move_speed_1{
     -webkit-animation-duration: 65s !important;
     animation-duration: 65s !important;
     -webkit-animation-delay: 0s !important;
     animation-delay: 0s !important;
}
.fish_move_speed_2{
    -webkit-animation-duration: 40s !important;
     animation-duration: 40s !important;
     -webkit-animation-delay: 2s !important;
     animation-delay: 2s !important;
}
.fish_move_speed_3{
    -webkit-animation-duration: 55s !important;
     animation-duration: 55s !important;
     -webkit-animation-delay: 5s !important;
     animation-delay: 5s !important;
}
.animated.fish_move_left{
   -webkit-animation-name: fish_move_left;
  -webkit-animation-timing-function: ease-in; 
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 10s;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 
  
  animation-name: fish_move_left;
  animation-timing-function: ease-in; 
  animation-delay: 0s;
  animation-duration: 10s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: running; 
}
@keyframes fish_move_left {
   from, 0% {
-webkit-transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
  }
  48% {
-webkit-transform: translate3d(-2200px, 0px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(-2200px, 0px, 0) rotate3d(0,1,0,0deg);
  }
  50% {
-webkit-transform: translate3d(-2300px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(-2300px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  98% {
-webkit-transform: translate3d(-10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(-10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  100% {
-webkit-transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
    transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
  }
}

@-webkit-keyframes fish_move_left {
   from, 0% {
-webkit-transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
  }
  48% {
-webkit-transform: translate3d(-2200px, 0px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(-2200px, 0px, 0) rotate3d(0,1,0,0deg);
  }
  50% {
-webkit-transform: translate3d(-2300px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(-2300px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  98% {
-webkit-transform: translate3d(-10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(-10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  100% {
-webkit-transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
    transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
  }
}

.animated.fish_move_right{
   -webkit-animation-name: fish_move_right;
  -webkit-animation-timing-function: ease-in; 
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 10s;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 
  
  animation-name: fish_move_right;
  animation-timing-function: ease-in; 
  animation-delay: 0s;
  animation-duration: 10s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: running; 
}
@keyframes fish_move_right {
   from, 0% {
-webkit-transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
  }
  48% {
-webkit-transform: translate3d(2200px, 50px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(2200px, 50px, 0) rotate3d(0,1,0,0deg);
  }
  50% {
-webkit-transform: translate3d(2210px, 50px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(2210px, 50px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  98% {
-webkit-transform: translate3d(10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  100% {
-webkit-transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
    transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
  }
}

@-webkit-keyframes fish_move_right {
   from, 0% {
-webkit-transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(0, 0px, 0) rotate3d(0,1,0,0deg);
  }
  48% {
-webkit-transform: translate3d(2200px, 50px, 0) rotate3d(0,1,0,0deg);
    transform: translate3d(2200px, 50px, 0) rotate3d(0,1,0,0deg);
  }
  50% {
-webkit-transform: translate3d(2210px, 50px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(2210px, 50px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  98% {
-webkit-transform: translate3d(10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
    transform: translate3d(10px, 0px, 0) rotate3d(0,1,0,180deg) scale(0.9);
  }
  100% {
-webkit-transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
    transform: translate3d(0px, 0px, 0) rotate3d(0,1,0,0deg) scale(1);
  }
}

.animated.hunter_move_right{
  -webkit-animation-name: hunter_move_right;
  -webkit-animation-timing-function: ease-in; 
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 15s;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 

  animation-name: hunter_move_right;
  animation-timing-function: ease-in; 
  animation-delay: 0s;
  animation-duration: 15s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: running; 
}

@keyframes hunter_move_right {
     from, 0% {
-webkit-transform: translate3d(0, 0px, 0) ;
    transform: translate3d(0, 0px, 0) ;
  }
 
  100% {
-webkit-transform: translate3d(600px, 60px, 0) ;
    transform: translate3d(600px, 60px, 0) ;
  }
}

@-webkit-keyframes hunter_move_right {
     from, 0% {
-webkit-transform: translate3d(0, 0px, 0) ;
    transform: translate3d(0, 0px, 0) ;
  }
 
  100% {
-webkit-transform: translate3d(600px, 60px, 0) ;
    transform: translate3d(600px, 60px, 0) ;
  }
}


.animated.circles_move_left{
  -webkit-animation-name: circles_move_left;
  -webkit-animation-timing-function: ease-out; 
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 3s;
  -webkit-animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: running; 
  
  animation-name: circles_move_left;
  animation-timing-function: ease-out; 
  animation-delay: 0s;
  animation-duration: 3s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-fill-mode: both;
  animation-play-state: running; 
}

@keyframes circles_move_left {
     from, 0% {
-webkit-transform: translate3d(0, 200px, 0) scale(0.2);
    transform: translate3d(0, 200px, 0) scale(0.2);
    right: -100%;
    opacity: 0.4;
  }
 
  100% {
-webkit-transform: translate3d(0px, 0, 0) scale(1);
    transform: translate3d(0px, 0, 0) scale(1);
    right: 0%;
    opacity: 1;
  }
}

@-webkit-keyframes circles_move_left {
     from, 0% {
-webkit-transform: translate3d(0, 200px, 0) scale(0.2);
    transform: translate3d(0, 200px, 0) scale(0.2);
    right: -100%;
    opacity: 0.4;
  }
 
  100% {
-webkit-transform: translate3d(0px, 0, 0) scale(1);
    transform: translate3d(0px, 0, 0) scale(1);
    right: 0%;
    opacity: 1;
  }
}



@-webkit-keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

animated.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}