﻿[data-animate]{opacity:0}
[data-animate].visible{opacity:1}

.animated{animation-duration:1s;animation-fill-mode:both}
.fadeInUp{animation-name:fadeInUp}
.visible{visibility:visible!important}
.fade {animation-name: fade;animation-duration: .4s;}

.fade-slow {-webkit-animation-name: fade-slow;-webkit-animation-duration: 1s;animation-name: fade;animation-duration: 1s;}

@keyframes fadeInUp{
    0%{opacity:0;transform:translate3d(0,100%,0)}
    100%{opacity:1;transform:translateZ(0)}
}

@keyframes fade-in-out{
    0%{opacity:0}
    100%{opacity:1}
}

@keyframes fade {from {opacity: .5} to {opacity: 1}}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


