/* fadein **/
.animate.animate_fadein {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

/* fadein from top */
.animate.animate_fadein_top {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -moz-transform: translate3d(0em, -70px, 0px);
    -webkit-transform: translate3d(0em, -70px, 0px);
    -o-transform: translate(0em, -70px);
    -ms-transform: translate(0em, -70px);
    transform: translate3d(0em, -70px, 0px);
}


/* fadein from left */
.animate.animate_fadein_side {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -moz-transform: translate3d(-70px, 0px, 0px);
    -webkit-transform: translate3d(-70px, 0px, 0px);
    -o-transform: translate(-70px, 0px);
    -ms-transform: translate(-70px, 0px);
    transform: translate3d(-70px, 0px, 0px);
}
/* fadein from left */
.animate.animate_fadein_side.pull-right {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -moz-transform: translate3d(70px, 0px, 0px);
    -webkit-transform: translate3d(70px, 0px, 0px);
    -o-transform: translate(70px, 0px);
    -ms-transform: translate(70px, 0px);
    transform: translate3d(70px, 0px, 0px);
}
/* fadein from bottom */
.animate.animate_fadein_bottom {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -moz-transform: translate3d(0em, 50px, 0px);
    -webkit-transform: translate3d(0em, 50px, 0px);
    -o-transform: translate(0em, 50px);
    -ms-transform: translate(0em, 50px);
    transform: translate3d(0em, 50px, 0px);
}

/* zoomin */
.animate.animate_fadein_zoomin {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
}

/* zoomout */
.animate.animate_fadein_zoomout {
    opacity: 0;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -moz-transform: translate3d(0em, 50px, 0px);
    -webkit-transform: translate3d(0em, 50px, 0px);
    -o-transform: translate(0em, 50px);
    -ms-transform: translate(0em, 50px);
    transform: translate3d(0em, 50px, 0px);
}



.animate.animate_fadein.in-view, .animate.animate_fadein_side.in-view, .animate.animate_fadein_top.in-view, .animate.animate_fadein_bottom.in-view, .animate.animate_fadein_zoomin, .animate.animate_fadein_zoomout {
    opacity: 1;
    -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);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}