@charset "UTF-8";

.animated {
    animation-duration: .75s;
    animation-fill-mode: both
}



@keyframes fade {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade {animation-name: fade}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-15%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.fadeInLeft {animation-name: fadeInLeft}


@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(15%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.fadeInRight {animation-name: fadeInRight}


@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 15%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.fadeInUp {animation-name: fadeInUp}




@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -15%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
.fadeInDown {animation-name: fadeInDown}