span.rotate{overflow:hidden;position:relative;display:inline-block;margin-bottom:-10px;text-align:left;padding:0;background-color:rgba(255,255,255,.3);min-width:320px;padding-left:5px}@media (max-width: 740px){span.rotate{text-align:center}}.rotate span{font-weight:bold}span.front,span.back{border-bottom:1px solid white;min-width:320px}.rotating{display:inline-block;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);-moz-transform:rotateX(0) rotateY(0) rotateZ(0);-ms-transform:rotateX(0) rotateY(0) rotateZ(0);-o-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0);-webkit-transition:0.75s;-moz-transition:0.75s;-ms-transition:0.75s;-o-transition:0.75s;transition:0.75s;-webkit-transform-origin-x:50%}.rotating.flip{position:relative}.rotating .front,.rotating .back{left:0;top:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.rotating .front{position:absolute;display:inline-block;-webkit-transform:translate3d(0,0,1px);-moz-transform:translate3d(0,0,1px);-ms-transform:translate3d(0,0,1px);-o-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px)}.rotating.flip .front{z-index:1}.rotating .back{display:block;opacity:0}.rotating.spin{-webkit-transform:rotate(360deg) scale(0);-moz-transform:rotate(360deg) scale(0);-ms-transform:rotate(360deg) scale(0);-o-transform:rotate(360deg) scale(0);transform:rotate(360deg) scale(0)}.rotating.flip .back{z-index:2;display:block;opacity:1;-webkit-transform:rotateY(180deg) translate3d(0,0,0);-moz-transform:rotateY(180deg) translate3d(0,0,0);-ms-transform:rotateY(180deg) translate3d(0,0,0);-o-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translate3d(0,0,0)}.rotating.flip.cube .front{-webkit-transform:translate3d(0,0,20px);-moz-transform:translate3d(0,0,25px);-ms-transform:translate3d(0,0,25px);-o-transform:translate3d(0,0,25px);transform:translate3d(0,0,25px)}.rotating.flip.cube .back{-webkit-transform:rotateY(180deg) translate3d(0,0,20px) scale(0.9,0.9);-moz-transform:rotateY(180deg) translate3d(0,0,20px) scale(0.85,0.85);-ms-transform:rotateY(180deg) translate3d(0,0,20px) scale(0.85,0.85);-o-transform:rotateY(180deg) translate3d(0,0,20px) scale(0.85,0.85);transform:rotateY(180deg) translate3d(0,0,20px) scale(0.85,0.85)}.rotating.flip.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,0);-moz-transform:rotateX(180deg) translate3d(0,0,0);-ms-transform:rotateX(180deg) translate3d(0,0,0);-o-transform:rotateX(180deg) translate3d(0,0,0);transform:rotateX(180deg) translate3d(0,0,0)}.rotating.flip.cube.up .back{-webkit-transform:rotateX(180deg) translate3d(0,0,30px);-moz-transform:rotateX(180deg) translate3d(0,0,30px);-ms-transform:rotateX(180deg) translate3d(0,0,30px);-o-transform:rotateX(180deg) translate3d(0,0,30px);transform:rotateX(180deg) translate3d(0,0,30px)}.btn-flip{opacity:1;outline:0;color:#fff;line-height:40px;position:relative;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;font-family:'Open Sans';text-transform:uppercase}.btn-flip:hover:after{opacity:1;transform:translateY(0) rotateX(0)}.btn-flip:hover:before{opacity:0;transform:translateY(50%) rotateX(90deg)}.btn-flip:after{top:0;left:0;opacity:0;width:100%;color:#323237;display:block;transition:.5s;position:absolute;background:#adadaf;content:attr(data-back);transform:translateY(-50%) rotateX(90deg);border-bottom:5px solid #040056}.btn-flip:before{top:0;left:0;opacity:1;color:blue;display:block;padding:0 30px;line-height:40px;transition:.5s;position:relative;background:rgba(255,255,255,1);content:attr(data-front);transform:translateY(0) rotateX(0)}