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

/* Background Image */
.transition-in img.slide-bg {
	-webkit-transition: -webkit-transform 3s ease 0s, opacity 2s ease 0s;
	-moz-transition: -moz-transform 3s ease 0s, opacity 2s ease 0s;
	-o-transition: -o-transform 3s ease 0s, opacity 2s ease 0s;
	transition: transform 3s ease 0s, opacity 2s ease 0s;
}

.slide-start img.slide-bg {
	opacity: 0;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.slide-in img.slide-bg {
	opacity: 0.5;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.transition-out img.slide-bg {
	-webkit-transition: 2s ease 0s;
	-moz-transition: 2s ease 0s;
	-o-transition: 2s ease 0s;
	transition: 2s ease 0s;
}

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

/* Isolated Image */
.slide-start .slide-img {
	opacity: 0;
	-webkit-transform: translate(10%,0);
	-moz-transform: translate(10%,0);
	-o-transform: translate(10%,0);
	transform: translate(10%,0);
}

.slide-in .slide-img {
	opacity: 1;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}

.slide-end .slide-img {
	opacity: 0;
	-webkit-transform: translate(10%,0);
	-moz-transform: translate(10%,0);
	-o-transform: translate(10%,0);
	transform: translate(10%,0);
}

.transition-in .slide-img {
	-webkit-transition: 2s ease 2s;
	-moz-transition: 2s ease 2s;
	-o-transition: 2s ease 2s;
	transition: 2s ease 2s;
}

.transition-out .slide-img {
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
/* End Isolated Image */

/* Info Panel */
.slide-start .info {
	opacity: 0;
}

.slide-in .info {
	opacity: 1;
}

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

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

.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 */
div.slide-start .info * {
	position: relative;
	left: -10%;
	opacity: 0;
}

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

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

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

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

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

/* Content Tabs Animation Styles */
.content-tabs li.transition-in {
	-webkit-transition: 1.5s ease 0s;
	-moz-transition: 1.5s ease 0s;
	-o-transition: 1.5s ease 0s;
	transition: 1.5s ease 0s;
}

.content-tabs li.slide-start {
	margin-left: 100%;
}

.content-tabs li.slide-start.reverse {
	margin-left: -100%;
}

.content-tabs li.slide-in, .content-tabs li.slide-in.reverse {
	margin-left: 0;
	z-index: 1;
}

.content-tabs li.transition-out {
	-webkit-transition: 1.5s ease 0s;
	-moz-transition: 1.5s ease 0s;
	-o-transition: 1.5s ease 0s;
	transition: 1.5s ease 0s;
}

.content-tabs li.slide-end {
	margin-left: -100%;
}

.content-tabs li.slide-end.reverse {
	margin-left: 100%;
}
/* End Content Tabs Animation Styles */