/* Common settings for animations */
.animated {
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.6s ease-in-out;
}

/* Default hidden state */
.fade-in,
.slide-in-left,
.slide-in-right,
.zoom-in,
.rotate-in,
.flip-in {
    opacity: 0;
    visibility: hidden;
    /*transform: translateY(20px);*/
}

/* Fade In */
.animated.fade-in {
    /*transform: translateY(0);*/
}

/* Slide In from Left */
.slide-in-left {
    transform: translateX(-100px);
}
.animated.slide-in-left {
    transform: translateX(0);
}

/* Slide In from Right */
.slide-in-right {
    transform: translateX(100px);
}
.animated.slide-in-right {
    transform: translateX(0);
}

/* Zoom In */
.zoom-in {
    transform: scale(0.5);
}
.animated.zoom-in {
    transform: scale(1);
}

/* Rotate In */
.rotate-in {
    transform: rotate(-180deg);
}
.animated.rotate-in {
    transform: rotate(0);
}

/* Flip In */
.flip-in {
    transform: rotateY(180deg);
}
.animated.flip-in {
    transform: rotateY(0);
}