/* 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);
}

/* shake */
.shake {
    animation-name: shake;
}
@keyframes shake {
    0% { transform: translateX(0) rotate(0deg) scale(1); }
    7% { transform: translateX(-2px) rotate(-2deg) scale(1.02); }
    14% { transform: translateX(2px) rotate(2deg) scale(1.02); }
    21% { transform: translateX(-2px) rotate(-1deg) scale(1.02); }
    28% { transform: translateX(2px) rotate(1deg) scale(1.02); }
    35% { transform: translateX(0) rotate(0deg) scale(1); }
}


.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);
}