@keyframes fadeIn {  from {
    opacity: 0;
   }
   to { opacity: 1; }
}
@keyframes fadeInleft {  from {
 opacity: 0;
 -webkit-transform: translatex(-30px);
 -moz-transform: translatex(-30px);
 -o-transform: translatex(-30px);
 transform: translatex(-30px);
}
to { opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); }
}
@keyframes popTop {  from {
 transform: scale(1);
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
}
   to {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
   }
}
@keyframes slideFromTop {  from {
   -webkit-transform: translatey(-20px);
   -moz-transform: translatey(-20px);
   -o-transform: translatey(-20px);
   transform: translatey(-20px);
   opacity: 0;
   -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; -o-transition: all ease-in 0.3s; transition: all ease-in 0.3s; 
  }
     to {
      -webkit-transform: translatey(0);
   -moz-transform: translatey(0);
   -o-transform: translatey(0);
   transform: translatey(0);
      opacity: 1;
      -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -ms-transition: all ease-in 0.3s; -o-transition: all ease-in 0.3s; transition: all ease-in 0.3s; 
     }
  }