/* Fade In Animations */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -40px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-40px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(40px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
/* Base */
.fade-in-up, .fade-in-down, .fade-in-left, .fade-in-right {
    opacity: 0;
}
.fade-in-up.show {
    animation: fadeInUp 0.8s ease-out forwards;
}
.fade-in-down.show {
    animation: fadeInDown 0.8s ease-out forwards;
}
.fade-in-left.show {
    animation: fadeInLeft 0.8s ease-out forwards;
}
.fade-in-right.show {
    animation: fadeInRight 0.8s ease-out forwards;
}
/* Optional delays */
.delay-1 { animation-delay: 0.1s !important; }
.delay-2 { animation-delay: 0.2s !important; }
.delay-3 { animation-delay: 0.3s !important; }
.delay-4 { animation-delay: 0.4s !important; }
.delay-5 { animation-delay: 0.5s !important; }
.delay-6 { animation-delay: 0.6s !important; }
.delay-7 { animation-delay: 0.7s !important; }
.delay-8 { animation-delay: 0.8s !important; }
.delay-9 { animation-delay: 0.9s !important; }
.delay-10 { animation-delay: 1s !important; }

/*======= Hanging Animation======*/
.hanging_a {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.hanging_a {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}