@charset "utf-8";
/* ANIMATION */
.first {
 opacity: 0;
 transition: all 0.8s ease;
}
.first.short {
 transition: all 0.2s ease;
}
.first.show {
 opacity: 1;
 transform: none;
}
.move {
 opacity: 0;
 transition: 1s;
}
.move.show {
 opacity: 1;
 transform: none;
}
.move-lr {
 transform: translate(-30px, 0);
}
.move-rl {
 transform: translate(30px, 0);
}
.move-trl {
 transform: translate(30px, -20px);
}
.move-up {
 transform: translate(0, 30px);
}
.move-down {
 transform: translate(0, -30px);
}
.move-downl {
 transform: translate(0, -80px);
}
.move.move-p {
 opacity: 1;
}
.move.first.move-p {
 opacity: 1;
}
.move-p.show {
 opacity: 1;
}
.first.pop {
 opacity: 0;
 transition: all .3s ease;
 transform: scale(1.3);
}
.first.show.pop{
 opacity: 1;
 transform: none;
}
.move.pop {
 opacity: 0;
 transition: all .4s ease;
 transform: scale(1.2);
}
.move.show.pop{
 opacity: 1;
 transform: none;
}
.move-d1 {
 transition-delay: 0.8s!important;
}
.move-d2 {
 transition-delay: 1.6s!important;
}
.move-d3 {
 transition-delay: 2.4s!important;
}
.move-d4 {
 transition-delay: 3.2s!important;
}
.move-d5 {
 transition-delay: 4s!important;
}
.move-d6 {
 transition-delay: 4.8s!important;
}
.move-d7 {
 transition-delay: 5.6s!important;
}
.move-c {
 opacity: 0;
 transition: 1s;
}
.show .move-c {
 opacity: 1;
 transform: none;
}
.move-c.move-d1 {
 transition-delay: 0.6s;
}
.move-c.move-d2 {
 transition-delay:1.2s;
}
.move-c.move-d3 {
 transition-delay: 1.8s;
}
.move-c.move-d4 {
 transition-delay: 2.4s;
}
.move-c.move-d5 {
 transition-delay: 3s;
}
.move-c.move-d6 {
 transition-delay: 3.6s;
}
.move-c.move-d7 {
 transition-delay: 4.2s;
}
.show.jump {
   animation: jump 0.8s linear 1s 1;
}
.show .jump {
   animation: jump 0.8s linear 1s 1;
}
.first.hopping {
 opacity: 1;
}
.first.show.hopping {
   animation: hopping 0.8s linear 2.5s 1;
}
.show.hopping {
   animation: hopping 0.8s linear 0.8s 1;
}
.show .hopping {
   animation: hopping 0.8s linear 0.8s 1;
}
.slick-active .jump-active {
   animation: jump 0.8s linear 1s 1;
}

.ani-d1 {
 animation-delay: 0.5s!important;
}
.ani-d2 {
 animation-delay: 1s!important;
}
.ani-d3 {
 animation-delay: 1.5s!important;
}
.ani-d4 {
 animation-delay: 2s!important;
}
.ani-d5 {
 animation-delay: 2.5s!important;
}
.ani-d6 {
 animation-delay: 3s!important;
}
.ani-d7 {
 animation-delay: 3.5s!important;
}
.ani-d8 {
 animation-delay: 4s!important;
}
.ani-d9 {
 animation-delay: 4.5s!important;
}
.ani-d10 {
 animation-delay: 5s!important;
}
.ani-d11 {
 animation-delay: 5.5s!important;
}
.ani-d12 {
 animation-delay: 6s!important;
}
.ani-d13 {
 animation-delay: 6.5s!important;
}
.ani-d14 {
 animation-delay: 7s!important;
}
.ani-d15 {
 animation-delay: 7.5s!important;
}
@keyframes hopping {
  0%   { transform: scale(1.0) }
  50%   { transform: scale(1.0) }
  60%   { transform: scale(0.9) }
  75%  { transform: scale(1.1) }
  90%   { transform: scale(0.9) }
 100% { transform: scale(1.0) }
}
@keyframes jump {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.95, 0.95) translate(0%, 5%); }
  30%  { transform: scale(1.1, 0.9) translate(0%, 8%); }
  50%  { transform: scale(0.9, 1.1) translate(0%, -8%); }
  70%  { transform: scale(1.1, 0.95) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}