div.fc_card-container img{
position: static !important;
} div.fc_card-container {
position: relative;
width: 200px;
height: 200px;
display: block;
padding: 0;
margin: 0;
z-index: 99998;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
-ms-perspective: 1000px;
perspective: 1000px;
} .fc_card-container .fc_card {
border: 1px solid #BFBFBF;
border-radius: 2px;
width: 100%;
height: 100%;
position: absolute;
display: inline-block;
padding: 0;
margin: 0;
-webkit-transition: -webkit-transform .7s;
-moz-transition: -moz-transform .7s;
-o-transition: -o-transform .7s;
-ms-transition: -o-transform .7s;
transition: transform .7s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
} .fc_card-container .fc_card>div{	
border-radius: 2px;
height: 100%;
width: 100%;
position: absolute;
background: #FBFBFB;
text-align: center;
padding: 20px;
margin: 0;
-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;
-webkit-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
-moz-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
-o-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
-ms-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
} .fc_card-container .fc_card[data-direction="top"] .fc_front, .fc_card-container .fc_card[data-direction="bottom"] .fc_front{
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.fc_card-container .fc_card[data-direction="right"] .fc_front, .fc_card-container .fc_card[data-direction="left"] .fc_front{
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.fc_card-container .fc_card[data-direction="top"] .fc_back, .fc_card-container .fc_card[data-direction="bottom"] .fc_back{
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.fc_card-container .fc_card[data-direction="right"] .fc_back, .fc_card-container .fc_card[data-direction="left"] .fc_back{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
} .fc_flipping-right {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.fc_flipping-left {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.fc_flipping-top {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.fc_flipping-bottom {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}  .purple div.card{
color: white;
border:0;
}
.purple div.card>div{
background: #791869;
} .red div.card{
color: white;
border:0;
}
.red div.card>div{
background:#C23B3D;
} .light-blue div.card{
color: white;
border:0;
}
.light-blue div.card>div{
background:#00AFF0;
} .green div.card{
color: white;
border:0;
}
.green div.card>div{
background:#88B500;
} .orange div.card{
color: white;
border:0;
}
.orange div.card>div{
background:#CF3F20;
} .blue div.card{
color: white;
border:0;
}
.blue div.card>div{
background:#0C5CEA;
} .yellow div.card{
color: white;
border:0;
}
.yellow div.card>div{
background: #F27A00; 
}
.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;
}