/* FadePro Animation Library */
.fade-pro-down,
.fade-pro-up,
.fade-pro-left,
.fade-pro-right {
    opacity: 0;
    transition: opacity 0.7s ease, transform 0.7s ease;
    will-change: transform, opacity;
}

/* Directions */
.fade-pro-up { transform: translateY(40px); }
.fade-pro-down { transform: translateY(-40px); }
.fade-pro-left { transform: translateX(-15px); }
.fade-pro-right { transform: translateX(15px); }

/* Active */
.fade-pro-down.active,
.fade-pro-up.active,
.fade-pro-left.active,
.fade-pro-right.active {
    opacity: 1;
    transform: translate(0,0);
}