[data-animate]{opacity:0}
[data-animate].visible{opacity:1}
/*.require-fade-slow{opacity:0}*/

.animated{animation-duration:1s;animation-fill-mode:both}
.fadeInUp{animation-name:fadeInUp}
.fadeInTop{animation-name:fadeInTop}
.fadeInLeft{animation-name:fadeInLeft}
.fadeInLeftAndZoomOut{animation-name:fadeInLeftAndZoomOut}
.fadeInRightAndZoomOut{animation-name:fadeInRightAndZoomOut}
.fadeInRight{animation-name:fadeInRight}
.visible{visibility:visible!important}
.fade {animation-name: fade;animation-duration: .5s;}
.fadeOut{animation-name: fadeOut;animation-duration: 1s;}
.fadeInZoomScale{animation-name:fadeInZoomScale;animation-duration:.5s}

.fade-slow {-webkit-animation-name: fade-slow;-webkit-animation-duration: 1s;animation-name: fade-slow;animation-duration: 1.4s;opacity:1}

@keyframes fadeInUp{
    0%{opacity:0;transform:translate3d(0,50%,0)}
    100%{opacity:1;transform:translateZ(0)}
}

@keyframes fadeInTop{
    0%{opacity:0;transform:translate3d(0,-100%,0)}
    100%{opacity:1;transform:translateZ(0)}
}

@keyframes fadeInLeft{
    0%{opacity:0;transform:translateX(-5%)}
    100%{opacity:1;transform:translateX(0)}
}

@keyframes fadeInLeftAndZoomOut{
    0%{transform:scale(1.2) translateX(-10%)}
    100%{transform:scale(1) translateX(0)}
}

@keyframes fadeInRightAndZoomOut{
    0%{transform:scale(1.2) translateX(10%)}
    100%{transform:scale(1) translateX(0)}
}

@keyframes fadeInRight{
    0%{opacity:0;transform:translateX(15%)}
    100%{opacity:1;transform:translateX(0)}
}

@keyframes fadeInZoomScale{
    0%{opacity:0;transform:scale(1.5)}
    100%{opacity:1;transform:scale(1)}
}

@keyframes fade-in-out{
    0%{opacity:0}
    100%{opacity:1}
}

@keyframes fadeOut{
    0%{opacity:1}
    100%{opacity:0}
}

@keyframes fade {from {opacity: .5} to {opacity: 1}}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-webkit-keyframes fade-slow {from {opacity: 0} to {opacity: 1}}
@keyframes fade-slow {from {opacity: 0} to {opacity: 1}}