.animation.done { transition-delay: 0s !important; }
.animation.slow {
	-moz-transition-duration: 600ms;
	-webkit-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	transition-duration: 600ms;
}
.animation.medium {
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	transition-duration: 400ms;
}
.animation.fast {
	-moz-transition-duration: 100ms;
	-webkit-transition-duration: 100ms;
	-o-transition-duration: 100ms;
	transition-duration: 100ms;
}
.animation.fade-in { opacity: 0; }
.animation.fade-in.in-view { opacity: 1; }
.animation.fade-out { opacity: 1; }
.animation.fade-out.in-view { opacity: 0; }
.animation.slide-up {
	-moz-transform: translate3d(0px, 100px, 0px);
	-webkit-transform: translate3d(0px, 100px, 0px);
	-o-transform: translate(0px, 100px);
	-ms-transform: translate(0px, 100px);
	transform: translate3d(0px, 100px, 0px);
}
.animation.slide-up.in-view {
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.animation.slide-down {
	-moz-transform: translate3d(0px, -100px, 0px);
	-webkit-transform: translate3d(0px, -100px, 0px);
	-o-transform: translate(0px, -100px);
	-ms-transform: translate(0px, -100px);
	transform: translate3d(0px, -100px, 0px);
}
.animation.slide-down.in-view {
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.animation.slide-left {
	-moz-transform: translate3d(-100px, 0px, 0px);
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-o-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate3d(-100px, 0px, 0px);
}
.animation.slide-left.in-view {
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.animation.slide-right {
	-moz-transform: translate3d(100px, 0px, 0px);
	-webkit-transform: translate3d(100px, 0px, 0px);
	-o-transform: translate(100px, 0px);
	-ms-transform: translate(100px, 0px);
	transform: translate3d(100px, 0px, 0px);
}
.animation.slide-right.in-view {
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

.animation.mask-up { height: 100%; }
.animation.mask-up.in-view { height: 0% !important; }
.animation.mask-down { height: 100%; top: 0; }
.animation.mask-down.in-view { height: 0% !important; top: 100%; }
.animation.mask-right { width: 100%; left: 0px; -moz-transition-duration: 1200ms; -webkit-transition-duration: 1800ms; -o-transition-duration: 1800ms; transition-duration: 1800ms; }
.animation.mask-right.in-view { width: 0% !important; left: 100%; }
.animation.mask-left { width: 100%; right: 0px; -moz-transition-duration: 1200ms; -webkit-transition-duration: 1800ms; -o-transition-duration: 1800ms; transition-duration: 1800ms; }
.animation.mask-left.in-view { width: 0% !important; right: 100%; }