/* Flip Cards
http://www.davidbo.dreamhosters.com/plugins/flippingCards/
-----------------------------*/

.flip-card-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	padding: 0;
	margin: 0;
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	     -o-perspective: 1000px;
	    -ms-perspective: 1000px;
	        perspective: 1000px;
}

.flip-card-container .flip-card {
	width: 100%;
	height: 100%;
	position: absolute;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.5s;
	 -moz-transition: -moz-transform 0.5s;
	   -o-transition: -o-transform 0.5s;
	  -ms-transition: -o-transform 0.5s;
	      transition: transform 0.5s;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.flip-click:hover { cursor: pointer; }

.flip-card-container .flip-card > div {	
	height: 100%;
	width: 100%;
	position: absolute;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	        box-sizing:border-box;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.flip-card-container .flip-card[data-direction="top"] .flip-front,
.flip-card-container .flip-card[data-direction="bottom"] .flip-front {
    -webkit-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
         -o-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
}
.flip-card-container .flip-card[data-direction="right"] .flip-front,
.flip-card-container .flip-card[data-direction="left"] .flip-front {
    -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
       -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.flip-card-container .flip-card[data-direction="top"] .flip-back,
.flip-card-container .flip-card[data-direction="bottom"] .flip-back {
	-webkit-transform: rotateX(180deg);
	   -moz-transform: rotateX(180deg);
	     -o-transform: rotateX(180deg);
	    -ms-transform: rotateX(180deg);
	        transform: rotateX(180deg);
}
.flip-card-container .flip-card[data-direction="right"] .flip-back,
.flip-card-container .flip-card[data-direction="left"] .flip-back {
	-webkit-transform: rotateY(180deg);
	 -moz-transform: rotateY(180deg);
	   -o-transform: rotateY(180deg);
	  -ms-transform: rotateY(180deg);
	      transform: rotateY(180deg);
}
.flipping-right {
	-webkit-transform: rotateY(180deg);
	 -moz-transform: rotateY(180deg);
	   -o-transform: rotateY(180deg);
	  -ms-transform: rotateY(180deg);
	      transform: rotateY(180deg);
}
.flipping-left {
	-webkit-transform: rotateY(-180deg);
	 -moz-transform: rotateY(-180deg);
	   -o-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	      transform: rotateY(-180deg);
}
.flipping-top {
	-webkit-transform: rotateX(180deg);
	 -moz-transform: rotateX(180deg);
	   -o-transform: rotateX(180deg);
	  -ms-transform: rotateX(180deg);
	      transform: rotateX(180deg);
}
.flipping-bottom {
	-webkit-transform: rotateX(-180deg);
	 -moz-transform: rotateX(-180deg);
	   -o-transform: rotateX(-180deg);
	  -ms-transform: rotateX(-180deg);
	      transform: rotateX(-180deg);
}
.noCSS3Container {
	-webkit-perspective: none !important;
	   -moz-perspective: none !important;
		 -o-perspective: none !important;
	    -ms-perspective: none !important;
			perspective: none !important; 
}
.noCSS3Card {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	     -o-transition: none !important;
	    -ms-transition: none !important;
		    transition: none !important;

	-webkit-transform-style: none !important;
	   -moz-transform-style: none !important;
	     -o-transform-style: none !important;
	    -ms-transform-style: none !important;
		transform-style: none !important;
}
.noCSS3Sides {
	-webkit-backface-visibility: visible !important;
	   -moz-backface-visibility: visible !important;
	     -o-backface-visibility: visible !important;
	    -ms-backface-visibility: visible !important;
		backface-visibility: visible !important;

	-webkit-transform: none !important;
	   -moz-transform: none !important;
	     -o-transform: none !important;
	    -ms-transform: none !important;
		transform: none !important;
}