.flip-card {
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
	border: 2px solid #f4f4ef;
	
}

.flip-card:hover {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	backface-visibility: hidden;
	border: 2px solid #ebebeb;
}


.flip-front {
	position:absolute;
	width: 100% !important;
  transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 2;
}

.flip-back {
	position:absolute;
	width: 100% !important;
  -webkit-transform: rotateY( 180deg );
   -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
 -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
  transition: transform .5s linear 0s;
  border: 1px solid #f3f3f3;
  background-color: #ffffff;
  z-index: 3;
}