/* Common Animation */
.slide-up,
.slide-down,
.slide-left,
.slide-right,
.zoom-in{
    opacity: 0;
    transition:
        opacity 1.3s ease,
        transform 1.3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}
.zoom-in{
	transform-origin: center center;
	transition: 1.3s linear ;
}
/* Directions */
.slide-up {
    transform: translateY(50px);
}

.slide-down {
    transform: translateY(-50px);
}

.slide-left {
    transform: translateX(-50px);
}

.slide-right {
    transform: translateX(50px);
}
.zoom-in{
	transform:scale(0);
}
/* Active */
.slide-up.show,
.slide-down.show,
.slide-left.show,
.slide-right.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.zoom-in.show{
	transform:scale(1);
	opacity:1;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .slide-up,
    .slide-down,
    .slide-left,
    .slide-right{
        opacity: 1;
        transform: none;
        transition: none;
    }
}