.front-bg,.back-bg{-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-container{perspective:1000px;transform-style:preserve-3d}.vertical.flip-container{position:relative}.vertical .back{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);transform:rotateX(-180deg)}.vertical.flip-container.activeFlip .back{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg)}.vertical.flip-container.activeFlip .front{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}.horizontal.activeFlip .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.horizontal.activeFlip .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.flipper{transition:.9s;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.6s;position:absolute;top:0;left:0}.front{z-index:2;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.horizontal .back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}