/* REVEAL ANIMATION */

.reveal-content{
	position: relative;
	overflow: hidden;
}
.reveal-content > *{
	position: relative;
	opacity: 0;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}
.reveal-content:before{
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}
.active .reveal-content:before{
	-webkit-animation: reveal 1.6s ease forwards;
	animation: reveal 1.6s ease forwards;
}
.active .reveal-content > *{
	opacity: 1;
}
.reveal-content.delay1 > *{
	-webkit-transition-delay: .9s;
	-moz-transition-delay: .9s;
	-ms-transition-delay: .9s;
	transition-delay: .9s;
}
.active .reveal-content.delay1:before{
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-ms-animation-delay: .1s;
	animation-delay: .1s;
}
.reveal-content.delay2 > *{
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	transition-delay: 1s;
}
.active .reveal-content.delay2:before{
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	animation-delay: .2s;
}
.reveal-content.delay3 > *{
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.active .reveal-content.delay3:before{
	-webkit-animation-delay: .7s;
	-moz-animation-delay: .7s;
	-ms-animation-delay: .7s;
	animation-delay: .7s;
}

@keyframes reveal{
	
	0%{
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		
	}
	50%{
		-webkit-transform: translate3d(0%,0,0);
		-moz-transform: translate3d(0%,0,0);
		-ms-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
	}
	100%{
		-webkit-transform: translate3d(101%,0,0);
		-moz-transform: translate3d(101%,0,0);
		-ms-transform: translate3d(101%,0,0);
		transform: translate3d(101%,0,0);
	}
}

/* REVEAL CAROUSEL */

.reveal-carousel{}
.reveal-carousel .item{
    position: relative;
}
.reveal-carousel .item .caption{
    font-size: 2rem;
    display: inline-block;
    max-width: 500px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 31%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reveal-carousel .item .thumb-container{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 70%;
    opacity: 0;
    -webkit-transform: translate3d(30px,0,0);
    -moz-transform: translate3d(30px,0,0);
    -ms-transform: translate3d(30px,0,0);
    transform: translate3d(30px,0,0);
}
.reveal-carousel .item .thumb-container{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100%;
    opacity: 0;
    -webkit-transform: translate3d(70px,0,0);
    -moz-transform: translate3d(70px,0,0);
    -ms-transform: translate3d(70px,0,0);
    transform: translate3d(70px,0,0);
    -webkit-transition: all 3000ms cubic-bezier(.19,1,.22,1) .4s;
    -moz-transition: all 3000ms cubic-bezier(.19,1,.22,1) .4s;
    -ms-transition: all 3000ms cubic-bezier(.19,1,.22,1) .4s;
    transition: all 3000ms cubic-bezier(.19,1,.22,1) .4s;
}
.reveal-carousel .active .item .thumb-container{
    -webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    -ms-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);   
    opacity: 1;
}
.reveal-carousel .item .caption > *{
	position: relative;
	display: inline-block;
	margin: 0 0 0.2rem;
}
.reveal-carousel .item .caption > *:before{
	content: '';
	position: absolute;
}