.block-word-rotation {
	color: #004684;
}

.h4 {
	font-size: 1.5rem;
	color: #004684;
	font-style: italic;
	font-weight: 375;
}

.h4 i {
	font-style: italic;
}
.words-wrapper {
	display: inline-block;
	position: relative;
}

.rwo-container .rotate-words {
	font-size: 25px;
	font-style: italic;
}

span.rotate {
	font-weight: 500;
	color:#004684;
}

span.rotate::after {
	content: ".";
}

.words-wrapper i {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0;
}

.words-wrapper i.is-visible {
	position: relative;
	text-transform:capitalize;
	font-weight: 500;
}

.headline.slide span {
	display: inline-block;
	margin:auto;
}

.headline.slide .words-wrapper, .words-wrapper {
	overflow: hidden;
	vertical-align: top;
}

.headline.slide i {
	opacity: 0;
	top: .2em;
}

.headline.slide i.is-visible {
	top: 0;
	opacity: 1;
	padding-right:.02em;
	transition: color 2s ease;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}


.headline.slide i.is-visible::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #E68D00;
	animation: slide-in 2s forwards;
}

@keyframes slide-in {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

.headline.slide i.is-hidden {
	color: #0d66c2;
}