/** Flip cards **/
.flip {
	 position: relative;
}
.flip img{width:100%;height:100%}
 .flip > .front, .flip > .back {
	 display: block;
	 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 transition-duration: 0.5s;
	 transition-property: transform, opacity;
}
 .flip > .front {
	 transform: rotateY(0deg);
}
 .flip > .back {
	 position: absolute;
	 opacity: 0;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 100%;
	 transform: rotateY(-180deg);
}
.flipped > .front {
    transform: rotateY(180deg);
}
.flipped > .back {
    opacity: 1;
    transform: rotateY(0deg);
}
.front{overflow: hidden;border-radius: 15px;}
.flip img{
	height:394px;
	object-fit:cover;
	transform: scale(1);
    transition: .5s;
}
.flip:hover img{
    transform: scale(1.5);
    transition: .5s;
}
.flip{cursor:pointer}
 /* .flip:hover > .front {
	 transform: rotateY(180deg);
}
 .flip:hover > .back {
	 opacity: 1;
	 transform: rotateY(0deg);
} */
 .flip.flip-vertical > .back {
	 transform: rotateX(-180deg);
}
 .flip.flip-vertical:hover > .front {
	 transform: rotateX(180deg);
}
 .flip.flip-vertical:hover > .back {
	 transform: rotateX(0deg);
}
 .flip {
	 position: relative;
	 display: inline-block;
	 margin-right: 2px;
	 margin-bottom: 1em;
	 width: 100%;
}
 .flip > .front, .flip > .back {
	 display: block;
	 color: white;
	 width: inherit;
	 background-size: cover !important;
	 background-position: center !important;
	 max-height:394px;
	 min-height:394px
/* 	 padding: 1em 2em; */
	 /* border-radius: 10px; */
}
.flip > .back,
.flip > .front img{border-radius:15px;    box-shadow: 0px 10px 10px grey;}
.flip > .back{background:#ecb94e;overflow: hidden;overflow-y: auto;padding:20px}
/* .flip > .front{background:#FFF;} */
 .flip > .front p, .flip > .back p {
	 font-size: 0.9125rem;
	 line-height: 160%;
	 color: #FFF;
}