@keyframes zoomInDown 
{
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
    
}
@keyframes zoomIn
{
    0% {
        transform: scale(0.3);
    }
    50% {
        transform: scale(0.6);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes leftIn 
{
    0% {
      opacity: 0;
      transform: translate(1000px);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: translate(60px);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes rightIn 
{
    0% {
      opacity: 0;
      transform: translate(-1000px);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
      opacity: 1;
      transform: translate(-60px);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes fadeUp
{
    0% {
        opacity: 0;
        transform: translate3d(0, 100px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 50px, 0);
        animation-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    }
}
@keyframes fadeDonw
{
    0% {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -50px, 0);
        animation-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    }
}