@charset "utf-8";
/* CSS Document */

.flip-menu{
margin: 20px 0 0;
height:auto;
}
.flip-item-wrap{
width: 25%;
height: auto;
float: left;
position:relative;
-webkit-perspective:800px;
   -moz-perspective:800px;
	-ms-perspective:800px;
	 -o-perspective:800px;
		perspective:800px;
}
.flip-item-wrap2{
width: 33.3%;
height: auto;
float: left;
position:relative;
margin-bottom:10px;
-webkit-perspective:800px;
   -moz-perspective:800px;
	-ms-perspective:800px;
	 -o-perspective:800px;
		perspective:800px;
}
.flip-item-wrapExtra{
width: 33.3%;
height: auto;
float: left;
position:relative;
margin-bottom:10px;
height:60px;
-webkit-perspective:800px;
   -moz-perspective:800px;
	-ms-perspective:800px;
	 -o-perspective:800px;
		perspective:800px;
}
@media screen and (min-width: 1280px) {
	.flip-item-wrap{
	width: 33.3%;
	}
	.flip-item-wrap2{
	width: 33.3%;
	}			
}
@media screen and (max-width: 979px) {
	.flip-item-wrap{
	width: 50%;
	}
	.flip-item-wrap2{
	width: 50%;
	}
h4.flip-item-title {
font-size: 0.8em;
margin: 0.5em 0 0.3em;
}
.flip-item-desc p {
	font-size:0.9em
}			
}
@media screen and (max-width: 639px) {
	.flip-item-wrap{
	width: 100%;
	}
	.flip-item-wrap2{
	width: 80%;margin-left:10%;
	}	
h4.flip-item-title{
font-size: 0.9em;
margin: 0.4em 0 0.2em;
}
.flip-item-desc p {
	font-size:0.8em
}		
}
@media screen and (max-width: 379px) {
	.flip-item-wrap{
	width: 100%;
	}
	.flip-item-wrap2{
	width: 80%;margin-left:10%;
	}	
h4.flip-item-title {
font-size: 0.8em;
margin: 0.4em 0 0.2em;
}	
.flip-item-desc p {
	font-size:.8em;
}		
}
.flip-item-wrap img, .flip-item-wrap2 img{
width:100%;
height:auto;
display:block;
margin:0;
}
.flip-item-wrap input, .flip-item-wrap2 input {
display: none;
}
.flip-item-wrap .fake-image{
visibility: hidden;
}
.flip-item-wrap2 .fake-image{
visibility: hidden;
}
.flip-item{
display: block;
width:100%;
height:100%;
float:left;
position:absolute;
top:0;
left:0;
cursor:pointer;
color:#fff;
-webkit-transform-style:preserve-3d;
   -moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	 -o-transform-style:preserve-3d;
		transform-style:preserve-3d;
-webkit-transition:-webkit-transform 1s;
   -moz-transition:   -moz-transform 1s;
	 -o-transition:     -o-transform 1s;
		transition:        transform 1s;

}
.flip-item figure{
display:block;
position:absolute;
width:96%;
height:96%;
margin:2%;
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	 -o-backface-visibility:hidden;
		backface-visibility:hidden;
}
.flip-item .back{
width:96%;
display:block;
margin:2%;
-webkit-transform:rotateY( 180deg );
   -moz-transform:rotateY( 180deg );
	-ms-transform:rotateY( 180deg );
	 -o-transform:rotateY( 180deg );
		transform:rotateY( 180deg );
}
.flipper:checked + .flip-item{
-webkit-transform:rotateY( 180deg );
   -moz-transform:rotateY( 180deg );
	-ms-transform:rotateY( 180deg );
	 -o-transform:rotateY( 180deg );
		transform:rotateY( 180deg );
}
.flip-item-desc{
background: rgba(0,0,0,0.2);
width:100%;
height:100%;
paddingt:0;
position:absolute;
top: 0;
left: 0;
/*
text-shadow:1px 2px 1px rgba(0,0,0,0.9);
*/
overflow:hidden;
}
.flip-item-desc p {
	font-size:2em;
	text-align:center
}
.flip-item-title{
font-size: 1.0em;
margin: 0.8em 0 0.3em;
}