.elegant-cube-box{margin:0 auto;width:100%;height:320px;position:relative;overflow:hidden}.elegant-cube-box .elegant-cube-box-content{width:100%;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.elegant-cube-box .elegant-cube-box-back,.elegant-cube-box .elegant-cube-box-front{text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s}.elegant-cube-box .elegant-cube-box-front .elegant-cube-box-front-content{background:#2196f3;display:inline-block;width:100%;height:100%;box-sizing:border-box;transition:all .5s;padding:10px 30px;position:relative;overflow:hidden}.elegant-cube-box .elegant-cube-box-front .elegant-cube-box-front-content .elegant-cube-box-content{padding-right:30px;padding-left:30px}.elegant-cube-box .elegant-cube-box-back .elegant-cube-box-back-content{background:#03a9f4;display:inline-block;position:relative;width:100%;height:100%;box-sizing:border-box;transition:all .5s;overflow:hidden}.elegant-cube-box.cube-direction-left .elegant-cube-box-front{-ms-transform:translateX(0);transform:translateX(0)}.elegant-cube-box.cube-direction-left .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateY(0) translateY(.0001%);-ms-transform-origin:right;transform-origin:right}.elegant-cube-box.cube-direction-left .elegant-cube-box-back{-ms-transform:translateX(100%);transform:translateX(100%)}.elegant-cube-box.cube-direction-left .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateY(90deg) translateY(.0001%);-ms-transform-origin:left;transform-origin:left}.elegant-cube-box.cube-direction-left.hover .elegant-cube-box-front,.elegant-cube-box.cube-direction-left:hover .elegant-cube-box-front{-ms-transform:translateX(-100%);transform:translateX(-100%)}.elegant-cube-box.cube-direction-left.hover .elegant-cube-box-front .elegant-cube-box-front-content,.elegant-cube-box.cube-direction-left:hover .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateY(-90deg) translateY(.0001%)}.elegant-cube-box.cube-direction-left.hover .elegant-cube-box-back,.elegant-cube-box.cube-direction-left:hover .elegant-cube-box-back{-ms-transform:translateX(0);transform:translateX(0)}.elegant-cube-box.cube-direction-left.hover .elegant-cube-box-back .elegant-cube-box-back-content,.elegant-cube-box.cube-direction-left:hover .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateY(0) translateY(.0001%)}.elegant-cube-box.cube-direction-right .elegant-cube-box-front{-ms-transform:translateX(0);transform:translateX(0)}.elegant-cube-box.cube-direction-right .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateY(0) translateY(.0001%);-ms-transform-origin:left;transform-origin:left}.elegant-cube-box.cube-direction-right .elegant-cube-box-back{-ms-transform:translateX(-100%);transform:translateX(-100%)}.elegant-cube-box.cube-direction-right .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateY(-90deg) translateY(.0001%);-ms-transform-origin:right;transform-origin:right}.elegant-cube-box.cube-direction-right.hover .elegant-cube-box-front,.elegant-cube-box.cube-direction-right:hover .elegant-cube-box-front{-ms-transform:translateX(100%);transform:translateX(100%)}.elegant-cube-box.cube-direction-right.hover .elegant-cube-box-front .elegant-cube-box-front-content,.elegant-cube-box.cube-direction-right:hover .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateY(90deg) translateY(.0001%)}.elegant-cube-box.cube-direction-right.hover .elegant-cube-box-back,.elegant-cube-box.cube-direction-right:hover .elegant-cube-box-back{-ms-transform:translateX(0);transform:translateX(0)}.elegant-cube-box.cube-direction-right.hover .elegant-cube-box-back .elegant-cube-box-back-content,.elegant-cube-box.cube-direction-right:hover .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateY(0) translateY(.0001%)}.elegant-cube-box.cube-direction-top .elegant-cube-box-front{-ms-transform:translateX(0);transform:translateX(0)}.elegant-cube-box.cube-direction-top .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateX(0) translateY(.0001%);-ms-transform-origin:bottom;transform-origin:bottom}.elegant-cube-box.cube-direction-top .elegant-cube-box-back{-ms-transform:translateY(100%);transform:translateY(100%)}.elegant-cube-box.cube-direction-top .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateX(-90deg) translateY(.0001%);-ms-transform-origin:top;transform-origin:top}.elegant-cube-box.cube-direction-top.hover .elegant-cube-box-front,.elegant-cube-box.cube-direction-top:hover .elegant-cube-box-front{-ms-transform:translateY(-100%);transform:translateY(-100%)}.elegant-cube-box.cube-direction-top.hover .elegant-cube-box-front .elegant-cube-box-front-content,.elegant-cube-box.cube-direction-top:hover .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateX(90deg) translateY(.0001%)}.elegant-cube-box.cube-direction-top.hover .elegant-cube-box-back,.elegant-cube-box.cube-direction-top:hover .elegant-cube-box-back{-ms-transform:translateY(0);transform:translateY(0)}.elegant-cube-box.cube-direction-top.hover .elegant-cube-box-back .elegant-cube-box-back-content,.elegant-cube-box.cube-direction-top:hover .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateX(0) translateY(.0001%)}.elegant-cube-box.cube-direction-bottom .elegant-cube-box-front{-ms-transform:translateX(0);transform:translateX(0)}.elegant-cube-box.cube-direction-bottom .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateX(0) translateY(.0001%);-ms-transform-origin:top;transform-origin:top}.elegant-cube-box.cube-direction-bottom .elegant-cube-box-back{-ms-transform:translateY(-100%);transform:translateY(-100%)}.elegant-cube-box.cube-direction-bottom .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateX(-90deg) translateY(.0001%);-ms-transform-origin:bottom;transform-origin:bottom}.elegant-cube-box.cube-direction-bottom.hover .elegant-cube-box-front,.elegant-cube-box.cube-direction-bottom:hover .elegant-cube-box-front{-ms-transform:translateY(100%);transform:translateY(100%)}.elegant-cube-box.cube-direction-bottom.hover .elegant-cube-box-front .elegant-cube-box-front-content,.elegant-cube-box.cube-direction-bottom:hover .elegant-cube-box-front .elegant-cube-box-front-content{transform:perspective(550px) rotateX(-90deg) translateY(.0001%)}.elegant-cube-box.cube-direction-bottom.hover .elegant-cube-box-back,.elegant-cube-box.cube-direction-bottom:hover .elegant-cube-box-back{-ms-transform:translateY(0);transform:translateY(0)}.elegant-cube-box.cube-direction-bottom.hover .elegant-cube-box-back .elegant-cube-box-back-content,.elegant-cube-box.cube-direction-bottom:hover .elegant-cube-box-back .elegant-cube-box-back-content{transform:perspective(550px) rotateX(0) translateY(.0001%)}