
.fade-fx {
    opacity:0.0 !important;
}
.anim-element{
    -webkit-transform: translate3d(0, 0,0), rotate(0deg);
    -moz-transform: translate3d(0, 0,0), rotate(0deg);
    -ms-transform: translate3d(0, 0,0), rotate(0deg);
    -o-transform: translate3d(0, 0,0), rotate(0deg);
    transform: translate3d(0, 0,0), rotate(0deg);
    transition: all 0.75s;
    transition-property: transform, opacity;
    opacity: 1.0;
}
.slide-up-fx{
    transform: translateY(100%);
    transition: all 0.75s;
    transition-property: transform, opacity;
    opacity: 0.0;
}
.slide-down-fx{
    transform: translateY(-100%);
    transition: all 0.75s;
    transition-property: transform, opacity;
    opacity: 0.0;
}
.slide-in-left{
    transform: translateX(100%);
    transition: all 0.75s;
    transition-property: transform, opacity;
    opacity: 0.0;
}

.slide-in-right{
    transform: translateX(-100%);
    transition: all 0.75s;
    transition-property: transform, opacity;
    opacity: 0.0;
}

.rot-in-left{
    transform: rotate(360deg) scale(1.0);
    transition: all 0.75s;
    transition-property: transform, opacity;
    opacity: 0.0;
    transform-origin: center;
}
