.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 {
	margin-left: -100%;
}

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

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

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

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

.animation .info h2 {
	left: 100%;
	opacity: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.animation .info h3 {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	opacity: 0;
	left: 150%;
	font-style: italic;
}

.animation .info h4 {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
	opacity: 0;
	left: 200%;
}

.animation .info.show h2, .animation .info.show h3, .animation .info.show h4 {
	left: 0;
	opacity: 1;
	font-family: serif;
}

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

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

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

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

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

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

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

.transition-in .info h2 {
	-webkit-transition: all .5s ease 2.0s;
	-moz-transition: all .5s ease 2.0s;
	-o-transition: all .5s ease 2.0s;
	transition: all .5s ease 2.0s;
}

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

.transition-in .info .slide-btn {
	-webkit-transition: left 1s ease 2.6s, opacity 1s ease 2.6s, border-bottom 0.3s ease, box-shadow 0.3s ease;
	-moz-transition: left 1s ease 2.6s, opacity 1s ease 2.6s, border-bottom 0.3s ease, box-shadow 0.3s ease;
	-o-transition: left 1s ease 2.6s, opacity 1s ease 2.6s, border-bottom 0.3s ease, box-shadow 0.3s ease;
	transition: left 1s ease 2.6s, opacity 1s ease 2.6s, border-bottom 0.3s ease, box-shadow 0.3s ease;
}
/* End Info Contents */