﻿
.full-one-inside {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.full-one-all .full-one-inside {
	transform: perspective(100px) rotateX(-10deg) translateY(100%);
	-ms-transform: perspective(100px) rotateX(-10deg) translateY(100%); 	
	-moz-transform: perspective(100px) rotateX(-10deg) translateY(100%); 	
	-webkit-transform: perspective(100px) rotateX(-10deg) translateY(100%); 
	-o-transform: perspective(100px) rotateX(-10deg) translateY(100%); 	
	opacity: 0;
	visibility: hidden;
	-o-transition: all 3s linear;
	-moz-transition: all 3s linear;
	transition: all 3s linear;
	/*z-index: -1;*/
	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
}
.full-one-all.active .full-one-inside {
	transform: perspective(100px) rotateX(0deg) translateY(0);
	-ms-transform: perspective(100px) rotateX(0deg) translateY(0); 	
	-moz-transform: perspective(100px) rotateX(0deg) translateY(0); 	
	-webkit-transform: perspective(100px) rotateX(0deg) translateY(0); 
	-o-transform: perspective(100px) rotateX(0deg) translateY(0); 
	opacity: 1;
	visibility: visible;
	/*transition: rotateX,background 0s,1s linear,linear;*/
	/*transition: rotateX 0s linear, background 1s linear;*/
	-o-transition: all 0s ;
	-moz-transition: all 0s ;
	transition: all 0s ;
	z-index: 2;
	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}
.keep {
	transform:rotateX(0deg);
	-ms-transform: rotateX(0deg); 	
	-moz-transform: rotateX(0deg); 	
	-webkit-transform: rotateX(0deg); 
	-o-transform: rotateX(0deg);  
	-o-transition: all 0s;  
	-moz-transition: all 0s;  
	transition: all 0s; 
	opacity: 1; 
	visibility: visible;
}
.full-one-all.active + .full-one-all .full-one-inside {
	transform: perspective(100px) rotateX(10deg) translateY(-100%);
	-ms-transform: perspective(100px) rotateX(10deg) translateY(-100%); 	
	-moz-transform: perspective(100px) rotateX(10deg) translateY(-100%); 	
	-webkit-transform: perspective(100px) rotateX(10deg) translateY(-100%); 
	-o-transform: perspective(100px) rotateX(10deg) translateY(-100%); 
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
}
