/* -------------------------
   Animation
------------------------- */
.fade-in {opacity:0; transition:opacity 0.75s ease-out; transition-delay:0.3s !important;}
.fade-in.animate {opacity:1;}

.fade-up {opacity:0; transform:translateY(2rem); transition:opacity 0.5s ease-out, transform 0.75s ease-out; transition-delay:0.3s !important;}
.fade-up.animate {opacity:1; transform:translateY(0);}

.fade-in-left {opacity:0; transform:translateX(-2rem); transition:opacity 1.2s ease-out, transform 1.2s ease-out; transition-delay:0.3s !important;}
.fade-in-left.animate {opacity:1; transform:translateX(0);}

.fade-in-right {opacity:0; transform:translateX(2rem); transition:opacity 1.2s ease-out, transform 1.2s ease-out; transition-delay:0.3s !important;}
.fade-in-right.animate {opacity:1; transform:translateX(0);}

.move-up {transform:translateY(6rem); transition:transform 1.5s ease-out; transition-delay:0s !important;}
.move-up.animate {transform:translateY(0);}


@media (max-width:1023px) {
    .fade-up-mobile {opacity:0; transform:translateY(6rem) translateX(0) !important;}
    .fade-up-mobile.animate {transform:translateY(0) translateX(0) !important;}
}