#sequence {
	position: relative; /* required */
}

#sequence > .sequence-canvas { /* required */
	height: 100%; 
	width: 100%;
}

#sequence > .sequence-canvas > li { /* required */
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#sequence > .sequence-canvas li > * { /* required */
	left: 0%;
	opacity: 0;
	position: absolute;
	transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

#sequence > .sequence-canvas li.animate-in > * {
	opacity: 1;
	transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

#sequence > .sequence-canvas li.animate-out > * {
	opacity: 0;
	transition-duration: 1s;
	-moz-transition-duration: 1s;
	-ms-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}