@charset "utf-8";


.hero-catch.inview {
  opacity: 1;
}
 
.hero-catch.inview .char {
  display: inline-block;
  animation-name: kf-animate-chars;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
 
.hero-catch.inview .char:nth-child(1)  { animation-delay: 0.07s; }
.hero-catch.inview .char:nth-child(2)  { animation-delay: 0.14s; }
.hero-catch.inview .char:nth-child(3)  { animation-delay: 0.21s; }
.hero-catch.inview .char:nth-child(4)  { animation-delay: 0.28s; }
.hero-catch.inview .char:nth-child(5)  { animation-delay: 0.35s; }
.hero-catch.inview .char:nth-child(6)  { animation-delay: 0.42s; }
.hero-catch.inview .char:nth-child(7)  { animation-delay: 0.49s; }
.hero-catch.inview .char:nth-child(8)  { animation-delay: 0.56s; }
.hero-catch.inview .char:nth-child(9)  { animation-delay: 0.63s; }
.hero-catch.inview .char:nth-child(10) { animation-delay: 0.70s; }
.hero-catch.inview .char:nth-child(11) { animation-delay: 0.77s; }
.hero-catch.inview .char:nth-child(12) { animation-delay: 0.84s; }
.hero-catch.inview .char:nth-child(13) { animation-delay: 0.91s; }
.hero-catch.inview .char:nth-child(14) { animation-delay: 0.98s; }
.hero-catch.inview .char:nth-child(15) { animation-delay: 1.05s; }
.hero-catch.inview .char:nth-child(16) { animation-delay: 1.12s; }
.hero-catch.inview .char:nth-child(17) { animation-delay: 1.19s; }
.hero-catch.inview .char:nth-child(18) { animation-delay: 1.26s; }
.hero-catch.inview .char:nth-child(19) { animation-delay: 1.33s; }
.hero-catch.inview .char:nth-child(20) { animation-delay: 1.40s; }
.hero-catch.inview .char:nth-child(21) { animation-delay: 1.47s; }
.hero-catch.inview .char:nth-child(22) { animation-delay: 1.54s; }
.hero-catch.inview .char:nth-child(23) { animation-delay: 1.61s; }
.hero-catch.inview .char:nth-child(24) { animation-delay: 1.68s; }
.hero-catch.inview .char:nth-child(25) { animation-delay: 1.75s; }
.hero-catch.inview .char:nth-child(26) { animation-delay: 1.82s; }

@keyframes kf-animate-chars {
  0%   { opacity: 0; transform: translateY(-40%); }
  100% { opacity: 1; transform: translateY(0); }
}