.my-turnover{position:relative;border-style:solid}.my-turnover .front,.my-turnover .behind{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;display:table;background-position:center center;background-repeat:no-repeat}.my-turnover .front{-webkit-transform:rotateX(0) rotateY(0);-moz-transform:rotateX(0) rotateY(0);-ms-transform:rotateX(0) rotateY(0);-o-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}.my-turnover .front.hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.my-turnover .behind{-webkit-transform:rotateX(0) rotateY(180deg);-moz-transform:rotateX(0) rotateY(180deg);-ms-transform:rotateX(0) rotateY(180deg);-o-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg);display:none\9}.my-turnover .behind.hover{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}.my-turnover .txtbox{display:table-cell;vertical-align:middle;text-align:center}.my-turnover .txtbox span{display:block;padding:1rem 0}