.animate {
    opacity: 0;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

.animating .animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.fadeInTop {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
}

.fadeInBottom {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}

.fadeInLeft {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0%, 0);
}

.fadeInRight {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
}