/*TEXT CAROUSEL*/
.textcarousel {
	position: relative;
	list-style: none;
	height:60px;
}

.textcarousel > li {
	position: absolute;
}

.textcarousel > li:not(.active) {
	display: none;
}

.textcarousel > li.next-in {
	animation: next-in 0.5s;
}

.textcarousel > li.next-out {
	animation: next-out 0.5s;
}

.textcarousel > li.prev-in {
	animation: prev-in 0.5s;
}

.textcarousel > li.prev-out {
	animation: prev-out 0.5s;
}

@keyframes next-in {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes next-out {
	0% {
		opacity: 1;
		transform: translateX(0px);
	}
	100% {
		opacity: 0;
		transform: translateX(-50px);
	}
}

@keyframes prev-in {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

@keyframes prev-out {
	0% {
		opacity: 1;
		transform: translateY(0px);
	}
	100% {
		opacity: 0;
		transform: translateY(50px);
	}
}