.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%;
}

.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 */