/*=== Animation ===*/
/* Mobile fade in */
.fade-in-mobile {
    opacity: 0;
}
.fade-in-mobile.active {
    opacity: 1;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    transition: opacity 2s ease;
}



/*=== Animation ===*/
    /* Mobile fade-in */
    .fade-in-mobile {
        opacity: 1;
    }

    /* Directional fade in */
    .fade-in,
    .fade-in-left,
    .fade-in-right,
    .fade-in-bottom,
    .fade-in-top {
        opacity: 0;
    }
    .fade-in-left {
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .fade-in-right {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    .fade-in-bottom {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
    }
    .fade-in-top {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    /* Active */
    .fade-in.active {
        opacity: 1;
        -webkit-transition: opacity 2s ease;
        -moz-transition: opacity 2s ease;
        -o-transition: opacity 2s ease;
        transition: opacity 2s ease;
    }
    .fade-in-left.active,
    .fade-in-right.active,
    .fade-in-bottom.active,
    .fade-in-top.active {
        opacity: 1;
        -webkit-transform: translate(0%);
        -moz-transform: translate(0%);
        -ms-transform: translate(0%);
        -o-transform: translate(0%);
        transform: translate(0%);
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
    }