.ecw-animated-headline {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

span.ecw-static-text {
    position: relative;
    margin-right: 0px;
}

span.ecw-animated-text {
    display: inline-block;
    position: relative;
}

span.ecw-word.slide, span.ecw-word.flip {
	position: relative;
}

.ecw-word {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.ecw-word.active {
    display: inline-block;
    opacity: 1;
}

/* SLIDE animation */
.ecw-word.slide.active {
    animation: ecwSlideIn 0.5s ease forwards;
}

@keyframes ecwSlideIn {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* FLIP animation */
.ecw-word.flip.active {
    animation: ecwFlipIn 0.6s ease forwards;
}

@keyframes ecwFlipIn {
    0% {
        transform: rotateX(90deg);
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}