.animateIn { 
    opacity: 0; 
}

.animateIn.animate { 
    opacity: 1; 
    animation: animateSlideRight 1s, animateFadeIn 1s; 
}

@-webkit-keyframes animateFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes animateFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes animateFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes animateFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes animateSlideRight {
    0% {
        -webkit-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

@-moz-keyframes animateSlideRight {
    0% {
        -moz-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

@-o-keyframes animateSlideRight {
    0% {
        -o-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}

@keyframes animateSlideRight {
    0% {
        -webkit-transform: translate(100px, 0);
        -moz-transform: translate(100px, 0);
        -o-transform: translate(100px, 0);
        transform: translate(100px, 0)
    }
}