/*
==============================================
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);
}
}
/*
==============================================
flash
==============================================
*/
.flash_animation { -webkit-animation: flash_animation 2s ease-in-out infinite alternate; animation: flash_animation 2s ease-in-out infinite alternate; }
@-webkit-keyframes flash_animation {
 0%, 100%, 50% {
filter: brightness(95%);
}
25%, 75% {
filter: brightness(110%);
}
}
@keyframes flash_animation {
0%, 100%, 50% {
filter: brightness(95%);
}
25%, 75% {
filter: brightness(110%);
}
}

/*
==============================================
wobble-vertical
==============================================
*/
@-webkit-keyframes wobble-vertical {
 16.65% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
 33.3% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes wobble-vertical {
 16.65% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 33.3% {
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 49.95% {
 -webkit-transform: translateY(3px);
 transform: translateY(3px);
}
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
/*
==============================================
slideDown
==============================================
*/
.slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }
 @keyframes slideDown {
 0% {
 transform: translateY(-50%);
}
 50% {
 transform: translateY(-10%);
}
 100% {
 transform: translateY(0%);
}
}
 @-webkit-keyframes slideDown {
 0% {
 -webkit-transform: translateY(-50%);
}
 50% {
 -webkit-transform: translateY(-10%);
}
 100% {
 -webkit-transform: translateY(0%);
}
}
/*
==============================================
kv
==============================================
*/

.kv_slogan1 { animation: slogan1fadeIn 0.8s linear; }
.kv_slogan2 { animation: slogan1fadeIn 1s linear;}
.kv_slogan3 { animation: slogan1fadeIn 1.2s linear;}
.kv_but { animation: flash_animation 0.8s ease-in-out infinite;}
.slogan { animation: flash_animation 0.8s ease-in-out infinite;}
.kv_but_02 { animation: flash_animation 0.8s ease-in-out infinite;}
.kv_wfe{ animation: slogan1fadeIn 0.5s linear; }
 @keyframes slogan1fadeIn {
 0% {
 opacity: 0;
 filter: blur(10px) brightness(200%);
 transform: scale(1);
}
40% {
 opacity: 0;
 filter: blur(10px) brightness(180%);
 transform: scale(1);
}
60% {
 opacity: 1;
 filter: blur(6px) brightness(150%);
 transform: scale(1.1);
}
 100% {
 opacity: 1;
 filter: blur(0px) brightness(40%);
 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);
}
}