@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0);

  }

  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -5px, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@-webkit-keyframes fadeInDownSlow {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);

  }

  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes fadeInDownSlow {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}


@keyframes bubble {

  0% {
    transform:translate3d(0, -4px, 0);
  }

  100% {
    transform:translate3d(0,0,0);
  }
}


@-webkit-keyframes bubble {

  0% {
    -webkit-transform:translate3d(0, -4px, 0);
  }

  100% {
    -webkit-transform:translate3d(0,0,0);
  }
}


.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: .2s;
}

.fadeInDownSlow {
  animation-name: fadeInDownSlow;
  animation-duration: 2s;
}