@charset 'utf-8';
@keyframes fadeIn {
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes moveUp {
    from{transform: translateY(10%); opacity:0 ;}
    to{transform: translateY(0); opacity: 1; }
}
@keyframes moveDown {
    from{transform: translateY(-10%); opacity:0 ;}
    to{transform: translateY(0); opacity: 1; }
}
        
@keyframes motion1 {
	0% {margin-top: 0px;}
	100% {margin-top: 40px;}
}
@keyframes motion2 {
	0% {margin-top: 30px;}
	100% {margin-top: 0px;}
}
@keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
    }
}
    @keyframes zoomIn {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
    }
    50% {
    opacity: 1
    }
}