@charset "UTF-8";
/* CSS Document */

/* -----------------------*/
/* TRANSITION ANIMATIONS */
/* ---------------------*/

.animate {
	animation-duration: .5s;
	-webkit-animation-duration: 0.5s;
	transition-timing-function: ease-out;
	animation-fill-mode: both;
}

/* -- Fade In Up -- */
@keyframes fadeInUp {
  0% {opacity: 0;transform: translate3d(0, 5%, 0);}
  100% {opacity: 1;transform: none;}
}
.fadeinup {
animation-name: fadeInUp;
animation-delay: 0;
}

/* -- Fade In -- */
@keyframes fadein {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadein {
animation-name: fadein;
animation-delay: 0;
}

.delay-1 {animation-delay: .25s;}
.delay-2 {animation-delay: .5s;}
.delay-3 {animation-delay: .75s;}
.delay-4 {animation-delay: 1s;}

/* -- EXIT ANIMATIONS --*/
.transition.is-exiting .animate {
	-webkit-animation-direction: alternate-reverse;
  	animation-direction: alternate-reverse;
	transition-timing-function: ease-out;
}