.slide-in {
	z-index: 1;
}

/* Background Image */
.transition-in img {
	-webkit-transition: 2s ease 1s;
	-moz-transition: 2s ease 1s;
	-o-transition: 2s ease 1s;
	transition: 2s ease 1s;
}

.slide-start img {
	opacity: 0;
	right: 20%;
}

.slide-in img {
	opacity: 1;
	right: 0%;
}

.transition-out img {
	-webkit-transition: 1s ease 3s;
	-moz-transition: 1s ease 3s;
	-o-transition: 1s ease 3s;
	transition: 1s ease 3s;
}

.slide-end img {
	opacity: 0;
}
/* End Background Image */

/* Info Panel */
.slide-start .info {
	margin-left: -20%;
	opacity: 0;
}

.slide-in .info {
	margin-left: 0%;
	opacity: 1;
}

.slide-end .info {
	margin-left: 10%;
	opacity: 0;
}

.transition-in .info {
	-webkit-transition: 1s ease 1.5s;
	-moz-transition: 1s ease 1.5s;
	-o-transition: 1s ease 1.5s;
	transition: 1s ease 1.5s;
}

.transition-out .info {
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
/* End Info Panel */

/* Info Contents */
.slide-start .info * {
	position: relative;
}

.slide-start .info * {
	opacity: 0;
	left: -20%;
}

.slide-in .info * {
	opacity: 1;
	left: 0px;
}

.transition-in .info h2 {
	-webkit-transition: 1.5s ease 2s;
	-moz-transition: 1.5s ease 2s;
	-o-transition: 1.5s ease 2s;
	transition: 1.5s ease 2s;
}

.transition-in .info h3 {
	-webkit-transition: 1.5s ease 2.2s;
	-moz-transition: 1.5s ease 2.2s;
	-o-transition: 1.5s ease 2.2s;
	transition: 1.5s ease 2.2s;
}

.transition-in .info p {
	-webkit-transition: 1s ease 2.4s;
	-moz-transition: 1s ease 2.4s;
	-o-transition: 1s ease 2.4s;
	transition: 1s ease 2.4s;
}

.transition-in .info a {
	-webkit-transition: opacity 1s ease 2.6s, left 1s ease 2.6s;
	-moz-transition: opacity 1s ease 2.6s, left 1s ease 2.6s;
	-o-transition: opacity 1s ease 2.6s, left 1s ease 2.6s;
	transition: opacity 1s ease 2.6s, left 1s ease 2.6s;
}
/* End Info Contents */