[data-words] {
	overflow: hidden;
}

[data-words]:after {
	display: none !important;
}

.anim-line {
	position: absolute;
	width: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	margin: 0 auto;
	background: #fff;
	-webkit-transition: opacity .3s linear, width .3s .4s;
	transition: opacity .3s linear, width .3s .4s;
}

.anim-line.line-active {
	opacity: 1;
}

.text-anim-item {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 20px;
  -webkit-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0);
  opacity: 0;
}

.text-anim-item.anim-in {
	-webkit-transform: translate3d(-50%, -200%, 0);
	transform: translate3d(-50%, -200%, 0);
	-webkit-animation: textAnimInCenter .6s .3s forwards;
	animation: textAnimInCenter .6s .3s forwards;
	opacity: 1;
}

.text-anim-item.anim-out {
	-webkit-transform: translate3d(-50%, 0%, 0);
	transform: translate3d(-50%, 0%, 0);
	-webkit-animation: textAnimOutCenter .6s  forwards;
	animation: textAnimOutCenter .6s  forwards;
	opacity: 0;
}

@-webkit-keyframes textAnimIn {
	0% {
		-webkit-transform: translate3d(0, -120%, 0);
		transform: translate3d(0, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}

@keyframes textAnimIn {
	0% {
		-webkit-transform: translate3d(0, -120%, 0);
		transform: translate3d(0, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}

@-webkit-keyframes textAnimOut {
	0% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 120%, 0);
		transform: translate3d(0, 120%, 0);
	}
}

@keyframes textAnimOut {
	0% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 120%, 0);
		transform: translate3d(0, 120%, 0);
	}
}

@-webkit-keyframes textAnimInCenter {
	0% {
		-webkit-transform: translate3d(0, -120%, 0);
		transform: translate3d(0, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
	}
}

@keyframes textAnimInCenter {
	0% {
		-webkit-transform: translate3d(0%, -120%, 0);
		transform: translate3d(0%, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(0%, 10%, 0);
		transform: translate3d(0%, 10%, 0);
	}
}

@-webkit-keyframes textAnimOutCenter {
	0% {
		-webkit-transform: translate3d(-50%, 0%, 0);
		transform: translate3d(-50%, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(-50%, -20%, 0);
		transform: translate3d(-50%, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(-50%, 120%, 0);
		transform: translate3d(-50%, 120%, 0);
	}
}

@keyframes textAnimOutCenter {
	0% {
		-webkit-transform: translate3d(-50%, 0%, 0);
		transform: translate3d(-50%, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(-50%, -20%, 0);
		transform: translate3d(-50%, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(-50%, 120%, 0);
		transform: translate3d(-50%, 120%, 0);
	}
}