.flip-panel {
			
			
		
			position: relative;
			font-size: .8em;
			
			-webkit-perspective: 600;
		}

		.flip-panel .flip-front {
			float: none;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 900;
			width: inherit;
			height: inherit;
	
			
			-webkit-transform: rotateY(0deg);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;
 
			/* -- transition is the magic sauce for animation -- */
			transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-webkit-transition: all .4s ease-in-out;
		}
		.flip-panel.flip .flip-front {
			z-index: 900;
		
 
			-webkit-transform: rotateY(180deg);
			
			
		}
		
		.flip-panel .flip-back {
			float: none;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 800;
			width: inherit;
			height: inherit;
	
			
			-webkit-transform: rotateY(-180deg);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;
 
			/* -- transition is the magic sauce for animation -- */
			transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-webkit-transition: all .4s ease-in-out;
		}
		
		.flip-panel.flip .flip-back {
			z-index: 1000;
			
			-webkit-transform: rotateY(0deg);
		
		}