.jello-horizontal {
  -webkit-animation: jello-horizontal 4.9s infinite both;
  animation: jello-horizontal 4.9s infinite both;
}

.blur-in {
	-webkit-animation: blur-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: blur-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fade-in-top {
	-webkit-animation: fade-in-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
} 
.fade-in {
	-webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
	        animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}

/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes jello-horizontal {
  0%    { -webkit-transform: scale3d(1, 1, 1);       transform: scale3d(1, 1, 1); }
  5%    { -webkit-transform: scale3d(1.05, 0.96, 1); transform: scale3d(1.05, 0.96, 1); }
  7%    { -webkit-transform: scale3d(0.96, 1.05, 1); transform: scale3d(0.96, 1.05, 1); }
  9%    { -webkit-transform: scale3d(1.03, 0.98, 1); transform: scale3d(1.03, 0.98, 1); }
  11%   { -webkit-transform: scale3d(0.99, 1.01, 1); transform: scale3d(0.99, 1.01, 1); }
  13%   { -webkit-transform: scale3d(1.01, 0.99, 1); transform: scale3d(1.01, 0.99, 1); }
  15%   { -webkit-transform: scale3d(1, 1, 1);       transform: scale3d(1, 1, 1); }
  100%  { -webkit-transform: scale3d(1, 1, 1);       transform: scale3d(1, 1, 1); }
}

@keyframes jello-horizontal {
  0%    { transform: scale3d(1, 1, 1); }
  5%    { transform: scale3d(1.05, 0.96, 1); }
  7%    { transform: scale3d(0.96, 1.05, 1); }
  9%    { transform: scale3d(1.03, 0.98, 1); }
  11%   { transform: scale3d(0.99, 1.01, 1); }
  13%   { transform: scale3d(1.01, 0.99, 1); }
  15%   { transform: scale3d(1, 1, 1); }
  100%  { transform: scale3d(1, 1, 1); }
}

/**
 * ----------------------------------------
 * animation blur-in
 * ----------------------------------------
 */
@-webkit-keyframes blur-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0.4;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@keyframes blur-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0.4;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}