@charset "utf-8";

/* Animate */
.animate-block { position: relative; overflow: hidden; }

/* Fade In/Out */
.animate-fade-in, .animate-fade-in-out { opacity: 0; transition-duration: .6s; transform: translateY(100px); transition-property: opacity, transform; }
.animate-fade-in-reverse, .animate-fade-in-out-reverse { opacity: 0; transition-duration: .6s; transform: translateY(-100px); transition-property: opacity, transform; }
.animate-fade-in.fade-in-viewport, .animate-fade-in-out.fade-in-out-viewport, .animate-fade-in-reverse.fade-in-viewport, .animate-fade-in-out-reverse.fade-in-out-viewport { opacity: 1; transform: translate(0); }

/* Slide In/Out */
.animate-slide-in, .animate-slide-in-out { opacity: 0; transition-duration: .6s; transition-property: opacity; }
.animate-slide-in .animate-content-left, .animate-slide-in .animate-content-right, .animate-slide-in-out .animate-content-left, .animate-slide-in-out .animate-content-right { transition-duration: .6s; transition-property: transform; }
.animate-slide-in .animate-content-left, .animate-slide-in-out .animate-content-left { transform: translateX(-110%); }
.animate-slide-in .animate-content-right, .animate-slide-in-out .animate-content-right { transform: translateX(110%); }
.animate-slide-in.slide-in-viewport, .animate-slide-in-out.slide-in-out-viewport { opacity: 1; }
.animate-slide-in.slide-in-viewport .animate-content-left, .animate-slide-in.slide-in-viewport .animate-content-right, .animate-slide-in-out.slide-in-out-viewport .animate-content-left, .animate-slide-in-out.slide-in-out-viewport .animate-content-right { transform: translate(0); }