
/* transition */

/* text split */
.text-split{ }
.text-split {opacity:0;}
.text-split.js-text {opacity:1;}
.text-split span {opacity:0;transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;transform:translateX(50px);}
.page-active .text-split span {opacity:1;transform:translateX(0px);}

/* text slide-up */
.text-slideup{
	opacity:0;
	transition:all 1s ease-out;
	transform:translateY(100px);
}
.text-slideup + .text-slideup{
	transition-delay: 0.5s;
}
.page-active .text-slideup{
	opacity:1;
	transform:translateY(0px);
}

/* text opacity */
.text-opacity{
	opacity:0;
	transition:all 1s ease;
}
.page-active .text-opacity{
	opacity:1;
}

/* text mask */
.text-mask:after{
	content:'';
	display:block;
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background-color:#000;
	transition:all 1s ease;
}
.page-active .text-mask:after{
	top:100%;
}


/* bg-scale */
.bg-scale{
	transform:scale(1.1);
	transition:all 4s ease;
}
.page-active .bg-scale{
	transform:scale(1);
}

/* bg-scale-hover */
.bg.bg-scale-hover{
	transform:scale(1.05);
	transition:all 1.5s ease;
}
.bg.bg-scale-hover:hover{
	transform:scale(1);
}

/* bg-slide left */
.bg.bg-slide-left,
.bg-slide-left{
	transform:translateX(50px);
	left:-50px;
	transition:all 8s ease;
}
.page-active .bg.bg-slide-left,
.page-active .bg-slide-left{
	transform:translateX(0);
}

/* bg-slide right */
.bg.bg-slide-right,
.bg-slide-right{
	transform:translateX(-50px);
	right:-50px;
	transition:all 8s ease;
}
.page-active .bg.bg-slide-right,
.page-active .bg-slide-right{
	transform:translateX(0);
}

/* bg-slide top */
.bg.bg-slide-top,
.bg-slide-top{
	transform:translateY(0);
	bottom:-50px;
	transition:transform 3.5s ease;
}
.page-active .bg.bg-slide-top,
.page-active .bg-slide-top{
	transform:translateY(-50px)
}


/* bg mask  */
.bg-mask:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:1;
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	transition:opacity 3s ease;
}
.page-active .bg-mask:before{
	opacity:0;
}


/* brand */

.brand .page-1 .content .text {opacity:0.2;transition:transform 3.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transform:perspective(485px) rotateX(0deg) translateZ(100px);}
.brand .page-1 .content .text + .text {transition-delay: 1s;}
.brand .page-1.page-active .content .text {opacity:1;transform:perspective(240px) rotateX(0deg) translateZ(0);}


/*.brand .page-8 .content p, .brand .page-9 .content p {color:#3d3d3d;} */
