/* --------------------------
   EXTENSION - SCROLL MAGIC
----------------------------- */

[class*="animation"] {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
[class*="animation-fade-in"] {
    opacity: 0;
}
.animation-fade-in-up {
    transform: translateY(50px);
}
.animation-fade-in-right {
    transform: translateX(100px);
}
.animation-fade-in-left {
    transform: translateX(-100px);
}

[class*="animation-fade-in"].visible {
    opacity: 1;
}
.animation-fade-in-up.visible {
    transform: translateY(0);
}
.animation-fade-in-right.visible,
.animation-fade-in-left.visible {
    transform: translateX(0);
}