/*
 * CSS Page Transitions
 * Don't forget to add vendor prefixes!
 */

  /** Basic styles for an animated element */

.m-scene .scene_element {
  -webkit-animation-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
	
  animation-duration: 0.5s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}

.m-scene .scene_element--fadeinup {
  -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp;
}

.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;

}
.scene_element.is-exiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;

}
          

     





/*
 * Keyframes
 */



@keyframes fadeInUp {
  0% {
    opacity: 1;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: none;
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}