.flip-card{width:100%;perspective:1750px}
.flip-card>.inner{position:relative;width:100%;height:100%;transition:transform .3s;transform-style:preserve-3d}
.flip-card.flipped>.inner{transform:rotateY(-180deg);-ms-transform:none}
.flip-card>.inner>.front,.flip-card>.inner>.back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0)}
.flip-card>.inner>.back{transform:rotateX(0) rotateY(180deg)}
.flip-card.flipped>.inner>.front{-ms-transform:rotateY(180deg)}
.flip-card.flipped>.inner>.back{-ms-transform:rotateY(0)}
.flip-card>.inner>.front>.contentbox,.flip-card>.inner>.back>.contentbox{height:100%}