@charset "utf-8";
/* CSS Document */

/* ## inView ## */
.animateTarget { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.animateTarget-easeOutBack { transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); }
.animateTarget-delay125 { transition-delay: 125ms; }
.animateTarget-delay250 { transition-delay: 250ms; }
.animateTarget-delay375 { transition-delay: 375ms; }
.animateTarget-delay500 { transition-delay: 500ms; }
.animateTarget-delay625 { transition-delay: 625ms; }
.animateTarget-delay750 { transition-delay: 750ms; }
.animateTarget-delay1000 { transition-delay: 1000ms; }
.animateTarget-delay1250 { transition-delay: 1250ms; }
.animateTarget-delay1500 { transition-delay: 1500ms; }

.animation_fadeIn { opacity: 0; }
.animation_fadeIn.animated { opacity: 1; }
.animation_fadeInDown { opacity: 0; position: relative; bottom: -2rem; }
.animation_fadeInDown.animated { opacity: 1; bottom: 0rem; }
.animation_fadeInRight { opacity: 0; position: relative; right: -2rem; }
.animation_fadeInRight.animated { opacity: 1; right: 0rem; }
.animation_fadeInLeft { opacity: 0; position: relative; left: -2rem; }
.animation_fadeInLeft.animated { opacity: 1; left: 0rem; }
.animation_fadeInZoom { opacity: 0; transform:scale(0.75); }
.animation_fadeInZoom.animated { opacity: 1; transform:scale(1); }

.txtTarget { transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000); visibility: hidden;}
.txtTarget.strip{visibility: visible;}

.strip span {
  display: inline-block;
  transition: transform 0.8s cubic-bezier(0.65, 0.02, 0.23, 1);
  transform: translate(20%, 100%);
  position: relative;
  z-index: 1;
  letter-spacing: -0.03em;
}
.strip span:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-40%);
  transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
}
.strip span.row {
  overflow: hidden;
  line-height: 1;
  display: block;
  transform: none;
}
.strip span.row:before {
  display: none;
}
.strip .animate {
  transform: translate(0, 0);
}
.strip .animate:before {
  transform: translateY(100%);
}


.text_mask {
  color: transparent;
  display: block;
  overflow: hidden;
  position: relative;
  transition: color 0ms 450ms;
}
.text_mask::before {
	background-color: #FFFFFF;
	bottom: -1px;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(0, 100%);
}
 
.text_mask.animated {
  color: #fff;
}
.text_mask.animated::before {
  animation: text_mask 0.8s cubic-bezier(0.8, 0, 0.170, 1);
}
 
@keyframes text_mask {
  0% {
    transform: translate(0, 101%)
  }
  40%, 60% {
    transform: translate(0, 0%)
  }
  100% {
    transform: translate(0, -100%)
  }
}