/*==============================================
kv
==============================================*/
.kv .slogan {
  animation: slogan1fadeIn 0.8s linear, upDown_animation 1s ease-in-out infinite alternate;
}
.kv .goods {
  animation: lightning 2s ease-in-out infinite alternate;
}
.smoke {
  animation: grown_animation 22s linear infinite;
}
.smoke_s {
  animation: grown_animation 5s linear infinite;
}
@media (max-width:468px) {
  .kv .slogan {
    animation: slogan1fadeIn 0.8s linear, upDown_animation_m 1s ease-in-out infinite alternate;
  }
}
/*==============================================
slogan1fadeIn
==============================================*/
@keyframes slogan1fadeIn {
  0% {
    opacity: 0;
    filter: blur(10px) brightness(150%);
    transform: scale(1);
  }
  40% {
    opacity: 0;
    filter: blur(10px) brightness(150%);
    transform: scale(1);
  }
  60% {
    opacity: 1;
    filter: blur(6px) brightness(120%);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    filter: blur(0px) brightness(100%);
    transform: scale(1);
  }
}
@-webkit-keyframes slogan1fadeIn {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px) brightness(150%);
    -webkit-transform: scale(1);
  }
  40% {
    opacity: 0;
    -webkit-filter: blur(10px) brightness(150%);
    -webkit-transform: scale(1);
  }
  60% {
    opacity: 1;
    -webkit-filter: blur(6px) brightness(120%);
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px) brightness(100%);
    -webkit-transform: scale(1);
  }
}
/*==============================================
lightning
==============================================*/
.lightning {
  -webkit-animation: lightning 2s ease-in-out infinite alternate;
  animation: lightning 2s ease-in-out infinite alternate;
}
@-webkit-keyframes lightning {
  0%, 52%, 56%, 60%, 100% {
    filter: brightness(100%);
  }
  54%, 58%, 62% {
    filter: brightness(120%);
  }
}
@keyframes lightning {
  0%, 52%, 56%, 60%, 100% {
    filter: brightness(100%);
  }
  54%, 58%, 62% {
    filter: brightness(120%);
  }
}
/*==============================================
upDown
==============================================*/
.upDown_animation {
  -webkit-animation: upDown_animation 1s ease-in-out infinite alternate;
  animation: upDown_animation 1s ease-in-out infinite alternate;
}
@-webkit-keyframes upDown_animation {
  0% {
    -webkit-transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes upDown_animation {
  0% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*==============================================
upDown_m
==============================================*/
.upDown_animation_m {
  -webkit-animation: upDown_animation 1s ease-in-out infinite alternate;
  animation: upDown_animation 1s ease-in-out infinite alternate;
}
@-webkit-keyframes upDown_animation_m {
  0% {
    -webkit-transform: translate(0, -5px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes upDown_animation_m {
  0% {
    transform: translate(0, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*==============================================
grown
==============================================*/
@-webkit-keyframes grown_animation {
  0% {
    -webkit-transform: scale(0.9);
    -webkit-opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
    -webkit-opacity:1;
  }
    to {
    -webkit-transform: scale(1.1);
    -webkit-opacity: 0;
     -webkit-filter: blur(5px);
  }
}
@keyframes grown_animation {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
to {
    transform: scale(1.1);
    opacity: 0;
    filter: blur(5px) 
  }
}
/*==============================================
swing
==============================================*/
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }
  40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  60% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg)
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
  }
  40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  60% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg)
  }
  80% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}