/* slide */
.slideUp-t {
	display:block;
	opacity:0;
	transform: translate3d(0,-10%,0);
	-moz-transform: translate3d(0,-10%,0);
	-webkit-transform: translate3d(0,-10%,0);
	-ms-transform: translate3d(0,-10%,0);
}
.slideUp-t.on {
	opacity:1;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transition: transform 1000ms, opacity 1000ms;
	-moz-transition: transform 1000ms, opacity 1000ms;
	-webkit-transition: transform 1000ms, opacity 1000ms;
	-ms-transition: transform 1000ms, opacity 1000ms;
}

.slideDown-t {
	display:block;
	opacity:0;
	transform: translate3d(0,5%,0);
	-moz-transform: translate3d(0,5,0);
	-webkit-transform: translate3d(0,5%,0);
	-ms-transform: translate3d(0,5%,0);
}
.slideDown-t.on {
	opacity:1;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transition: transform 1000ms, opacity 1000ms;
	-moz-transition: transform 1000ms, opacity 1000ms;
	-webkit-transition: transform 1000ms, opacity 1000ms;
	-ms-transition: transform 1000ms, opacity 1000ms;
}
.slideLeft-t {
	display:block;
	opacity:0;
	transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
}
.slideLeft-t.on,
.reverseSet.on .slideLeft-t {
	opacity:1;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transition: transform 1000ms, opacity 1000ms;
	-moz-transition: transform 1000ms, opacity 1000ms;
	-webkit-transition: transform 1000ms, opacity 1000ms;
	-ms-transition: transform 1000ms, opacity 1000ms;
}

.slideRight-t {
	display:block;
	opacity:0;
	transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
}
.slideRight-t.on,
.reverseSet.on .slideRight-t {
	opacity:1;
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transition: transform 1000ms, opacity 1000ms;
	-moz-transition: transform 1000ms, opacity 1000ms;
	-webkit-transition: transform 1000ms, opacity 1000ms;
	-ms-transition: transform 1000ms, opacity 1000ms;
}

/* blind */
.blindLeft-t {
	width:0;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.blindLeft-t.on,
.reverseSet.on .blindLeft-t {
	width:100%;
	opacity:1;
	transition: width 1000ms, opacity 1000ms;
	-moz-transition:width 1000ms, opacity 1000ms;
	-webkit-transition:width 1000ms, opacity 1000ms;
	-ms-transition: width 1000ms, opacity 1000ms;
}
.blindLeft-t.on.timeX2 {
	transition: width 2000ms, opacity 2000ms;
	-moz-transition:width 2000ms, opacity 2000ms;
	-webkit-transition:width 2000ms, opacity 2000ms;
	-ms-transition: width 2000ms, opacity 2000ms;
}

.blindRight-t {
	width:0;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	opacity:0;
}
.blindRight-t.on,
.reverseSet.on .blindRight-t {
	width:100%;
	opacity:1;
	transition: width 1000ms, opacity 1000ms;
	-moz-transition:width 1000ms, opacity 1000ms;
	-webkit-transition:width 1000ms, opacity 1000ms;
	-ms-transition: width 1000ms, opacity 1000ms;
}
.blindUp-t {
	width:100%;
	height:0;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.blindUp-t.on {
	height:100%;
	opacity:1;
	transition: height 1000ms, opacity 1000ms;
	-moz-transition:height 1000ms, opacity 1000ms;
	-webkit-transition:height 1000ms, opacity 1000ms;
	-ms-transition: width 1000ms, opacity 1000ms;
}

.blindDown-t {
	width:100%;
	height:0;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
	opacity:0;
}
.blindDown-t.on {
	height:100%;
	opacity:1;
	transition: height 1000ms, opacity 1000ms;
	-moz-transition:height 1000ms, opacity 1000ms;
	-webkit-transition:height 1000ms, opacity 1000ms;
	-ms-transition: width 1000ms, opacity 1000ms;
}

/* rotate */
.rotateFadeIn {
	opacity:0;
}
.rotateFadeIn.on {
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	opacity:1;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.rotateFadeInM {
	opacity:0;
}
.rotateFadeInM.on {
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	opacity:1;
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
}
.rotateFadeIn60 {
	position:absolute;
	top:60%;
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.rotateFadeIn60.on {
	top:0;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}