@charset "UTF-8";

#coolclear_wrap .anm {
  -webkit-transition: 1s;
  transition: 1s;
}

#coolclear_wrap .anm.fading {
  opacity: 0;
}

#coolclear_wrap .anm.to-up {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

#coolclear_wrap .anm.to-down {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

#coolclear_wrap .anm.to-right {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

#coolclear_wrap .anm.to-left {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

#coolclear_wrap .anm.to-left-zoomin {
  -webkit-transform: translateX(10px) scale(0.9);
  transform: translateX(10px) scale(0.9);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}

#coolclear_wrap .anm.blur {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

#coolclear_wrap .anm.ease-back {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

#coolclear_wrap .anm.ease-back.to-up {
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}

#coolclear_wrap .anm.is-show.fading {
  opacity: 1;
}

#coolclear_wrap .anm.is-show.to-up {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

#coolclear_wrap .anm.is-show.to-down {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

#coolclear_wrap .anm.is-show.to-right {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#coolclear_wrap .anm.is-show.to-left {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#coolclear_wrap .anm.is-show.to-left-zoomin {
  -webkit-transition: 2s 0.4s;
  transition: 2s 0.4s;
  -webkit-transform: translateX(0px) scale(1);
  transform: translateX(0px) scale(1);
}

#coolclear_wrap .anm.is-show.blur {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  -webkit-filter: blur(0px);
  filter: blur(0px);
}

#coolclear_wrap .anm.is-show.delay1 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#coolclear_wrap .anm.is-show.delay2 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#coolclear_wrap .anm.is-show.ease-back {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -webkit-transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

#coolclear_wrap .anm.is-show.ease-back.to-up {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/*#coolclear_wrap .cvanim {
  -webkit-animation: anim 2s ease-in-out infinite;
  animation: anim 2s ease-in-out infinite;
}*/


/* ===================================================================

keyframes

=================================================================== */
@-webkit-keyframes spinner1_1 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spinner1_1 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes spinner_loading_text {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spinner_loading_text {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes shakeIco {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  20% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  30% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  60% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes shakeIco {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  20% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  30% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  60% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes moreIco {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
}

@keyframes moreIco {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }
}

@-webkit-keyframes bounceIco2 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  20% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  40% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  60% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  80% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes bounceIco2 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  20% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  40% {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  60% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  80% {
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes bounceIco {
  0% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  15% {
    -webkit-transform: scaleY(0.8) translateY(0px);
    transform: scaleY(0.8) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  30% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  37.5% {
    -webkit-transform: scaleY(1.1) translateY(-10px);
    transform: scaleY(1.1) translateY(-10px);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  45% {
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  70% {
    -webkit-transform: scaleY(0.95) translateY(0px);
    transform: scaleY(0.95) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes bounceIco {
  0% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  15% {
    -webkit-transform: scaleY(0.8) translateY(0px);
    transform: scaleY(0.8) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  30% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  37.5% {
    -webkit-transform: scaleY(1.1) translateY(-10px);
    transform: scaleY(1.1) translateY(-10px);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  45% {
    -webkit-transform: scaleY(1) translateY(-10px);
    transform: scaleY(1) translateY(-10px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  70% {
    -webkit-transform: scaleY(0.95) translateY(0px);
    transform: scaleY(0.95) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: scaleY(1) translateY(0px);
    transform: scaleY(1) translateY(0px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes liFadeIn {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes liFadeIn {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anim {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes anim {
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1, 0.9) translate(0px, 20px);
    transform: scale(1.1, 0.9) translate(0px, 20px);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  85% {
    -webkit-transform: scale(0.9, 1.2) translate(0px, -7px);
    transform: scale(0.9, 1.2) translate(0px, -7px);
  }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(0.95, 1.1) translate(0px, -3px);
    transform: scale(0.95, 1.1) translate(0px, -3px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}