#banner_rect,
#banner2_cont,
#body{
	position:relative !important;	
	z-index:0;
}
#banner_rect{
	margin-bottom:50px;
}
#banner2_cont,#body{
	z-index:1;
}
#banner2_cont{
	z-index:2;
}
#banner2 img{
	perspective			: 600px;
	-webkit-perspective	: 600px;
	-moz-perspective	: 600px;
	-o-perspective		: 600px;
	
	transform-style			: preserve-3d;
	-webkit-transform-style	: preserve-3d;
	-moz-transform-style	: preserve-3d;
	-o-transform-style		: preserve-3d;	

	transition				: all .5s ease-in-out;
	-webkit-transition		: all .5s ease-in-out;
	-moz-transition			: all .5s ease-in-out;
	-o-transition			: all .5s ease-in-out;
	
}
#banner2 img:hover{
	-webkit-transform		: rotateX(360deg);
}
#boxcont{
	transform-style			: preserve-3d;
	-webkit-transform-style	: preserve-3d;
	-moz-transform-style	: preserve-3d;
	-o-transform-style		: preserve-3d;

	transition				: all 1s ease-in-out;
	-webkit-transition		: all 1s ease-in-out;
	-moz-transition			: all 1s ease-in-out;
	-o-transition			: all 1s ease-in-out;
   
	transform				: rotateY(0deg) rotateX(20deg) translateZ(-2000px);
	-webkit-transform		: rotateY(0deg) rotateX(20deg) translateZ(-2000px);
	-moz-transform			: rotateY(0deg) rotateX(20deg) translateZ(-2000px);
	-o-transform			: rotateY(0deg) rotateX(20deg) translateZ(-2000px);
}
#boxcont2{
	perspective			: 2400px;
	-webkit-perspective	: 2400px;
	-moz-perspective	: 2400px;
	-o-perspective		: 2400px;
	
	
	width: 1200px;
	height: 300px;
	
	display:none;
	
}
#box{
	transform-style			: preserve-3d;
	-webkit-transform-style	: preserve-3d;
	-moz-transform-style	: preserve-3d;
	-o-transform-style		: preserve-3d;
	
	transition				: all 1s ease-in-out;
	-webkit-transition		: all 1s ease-in-out;
	-moz-transition			: all 1s ease-in-out;
	-o-transition			: all 1s ease-in-out;
	
	transform				: rotateY(0deg);
	-webkit-transform		: rotateY(0deg);
	-moz-transform			: rotateY(0deg);
	-o-transform			: rotateY(0deg);
}
#box > div{
	box-shadow: 0 0 20px rgba(0,0,0,1);
	position:absolute;
	background:#000;
	width: 1200px;
	height: 300px;
	/*-webkit-backface-visibility:hidden;*/
}
#box > div img{
	transition				: opacity 1s ease-in-out;
	-webkit-transition		: opacity 1s ease-in-out;
	-moz-transition			: opacity 1s ease-in-out;
	-o-transition			: opacity 1s ease-in-out;
}
#box > div:nth-child(2) img{
	opacity:0;	
}
#box > div:nth-child(1),#box > div:nth-child(2){
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

#box > div:nth-child(1){
	transform				: rotateY(0deg) translateZ(600px);
	-webkit-transform		: rotateY(0deg) translateZ(600px);
	-moz-transform			: rotateY(0deg) translateZ(600px);
	-o-transform			: rotateY(0deg) translateZ(600px);
}
#box > div:nth-child(2){
	transform				: rotateY(-270deg) translateZ(600px);
	-webkit-transform		: rotateY(-270deg) translateZ(600px);
	-moz-transform			: rotateY(-270deg) translateZ(600px);
	-o-transform			: rotateY(-270deg) translateZ(600px);
}
#box > div:nth-child(3){
	transform				: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(600px);
	-webkit-transform		: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(600px);
	-moz-transform			: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(600px);
	-o-transform			: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(600px);
	background:#000;
	height:1200px;
	/*
	-webkit-transform: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(600px);
	*/
	box-shadow: none;
}
#box > div:nth-child(4){
	transform				: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(300px);
	-webkit-transform		: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(300px);
	-moz-transform			: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(300px);
	-o-transform			: rotateY(0deg) rotateX(90deg) rotateZ(0deg) translateZ(300px);
	background:#000;
	height:1200px;
	box-shadow: none;
	
}