.fade-in {
	        animation: fade-in2 4s ease both;
}
.fade-in-03 {
    animation: fade-in 0.8s linear both 0.3s;
}
.fade-in-06 {
    animation: fade-in 0.8s linear both 0.7s;
}
.fade-in-09 {
    animation: fade-in 0.8s linear both 1.1s;
}
.fade-in2 {
    animation: fade-in 1s linear both;
}
@keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}
@keyframes fade-in2 {
    0% {
      opacity: 0;
    }
    70% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
      opacity: 0;
    }
}
/*  */

.slide-in-fwd-center0 {
	animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-fwd-center03 {
	animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.3s;
}
.slide-in-fwd-center08 {
	animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.8s;
}
.slide-in-fwd-center-btn {
	animation: slide-in-fwd-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.6s;
}
@keyframes slide-in-fwd-center {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
} 
/*  */
.fade-in-top {
	animation: fade-in-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in-top {
    0% {
      transform: translateY(-500px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}
/*  */
.swing-in-top-bck {
	animation: swing-in-top-bck 1.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@keyframes swing-in-top-bck {
    0% {
      transform: rotateX(70deg);
      transform-origin: top;
      opacity: 0;
    }
    100% {
      transform: rotateX(0deg);
      transform-origin: top;
      opacity: 1;
    }
}
/*  */
.swing-in-right-fwd {
	animation: swing-in-right-fwd 1.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@keyframes swing-in-right-fwd {
    0% {
      transform: rotateY(-100deg);
      transform-origin: right;
      opacity: 0;
    }
    100% {
      transform: rotateY(0);
      transform-origin: right;
      opacity: 1;
    }
}
/*  */
.swing-in-bottom-fwd {
	animation: swing-in-bottom-fwd 1.3s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@keyframes swing-in-bottom-fwd {
    0% {
      transform: rotateX(100deg);
      transform-origin: bottom;
      opacity: 0;
    }
    100% {
      transform: rotateX(0);
      transform-origin: bottom;
      opacity: 1;
    }
}
/*  */
.puff-in-center {
	animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both 1s;
}
@keyframes puff-in-center {
    0% {
      transform: scale(2);
      filter: blur(4px);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      filter: blur(0px);
      opacity: 1;
    }
}
/*  */
.heartbeat {
	animation: heartbeat 2s ease-in-out infinite both;
}
@keyframes heartbeat {
    from {
      transform: scale(1, 1);
      transform-origin: center center;
      animation-timing-function: ease-out;
    }
    20% {
        transform: scale(1.1, 1.1);
        animation-timing-function: ease-in;
      }    
    30% {
      transform: scale(0.91, 0.95);
      animation-timing-function: ease-in;
    }
    35% {
      transform: scale(0.98, 0.9);
      animation-timing-function: ease-out;
    }
    40% {
      transform: scale(0.87, 0.3);
      animation-timing-function: ease-in;
    }
    45% {
      transform: scale(1, 1);
      animation-timing-function: ease-out;
    }
  }
/*  */
.rustle-left {
	animation: rustle-left 7s ease-in-out infinite both;
}
@keyframes rustle-left {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    20% {
        transform: translate(-1%, -1%) rotate(2deg);
    }
    50% {
        transform: translate(0, 0) rotate(0);
    }
    80% {
        transform: translate(1%, 1%) rotate(-2deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
    }
}
/*  */
.rustle-x-right {
	animation: rustle-x-right 8s ease-in-out infinite both;
}
@keyframes rustle-x-right {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    20% {
        transform: translate(4px, -4px) rotate(-3deg);
    }
    50% {
        transform: translate(0, 0) rotate(0);
    }
    80% {
        transform: translate(4px, 4px) rotate(3deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
    }
}
/*  */
.rustle-x-left {
	animation: rustle-x-left 8s ease-in-out infinite both;
}
@keyframes rustle-x-left {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    20% {
        transform: translate(4px, 4px) rotate(-3deg);
    }
    50% {
        transform: translate(0, 0) rotate(0);
    }
    80% {
        transform: translate(4px, -4px) rotate(3deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
    }
}
/*  */
.rustle-x-left2 {
	animation: rustle-x-left2 8s ease-in-out infinite both;
}
@keyframes rustle-x-left2 {
    0% {
        transform: translate(0, 0) rotate(112deg);
    }
    20% {
        transform: translate(-4px, 4px) rotate(108deg);
    }
    50% {
        transform: translate(0, 0) rotate(112deg);
    }
    80% {
        transform: translate(-4px, -4px) rotate(116deg);
    }
    100% {
        transform: translate(0, 0) rotate(112deg);
    }
}
/*  */
.flicker {
	animation: flicker 5s ease-in-out infinite both;
}
@keyframes flicker {
    0% {
        opacity: 0.16;
    }
    15% {
        opacity: 0.26;
    }
    35% {
        opacity: 0.16;
    }
    55% {
        opacity: 0.26;
    }
    85% {
        opacity: 0.16;
    }
    100% {
        opacity: 0.16;
    }
}
/*  */
.flicker2 {
	animation: flicker2 5s ease-in-out infinite both;
}
@keyframes flicker2 {
    0% {
        opacity: 1;
    }
    15% {
        opacity: 0.6;
    }
    35% {
        opacity: 1;
    }
    55% {
        opacity: 0.6;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}