.trad-flip-box-front{background-color:#be7f0a;padding:20px}.trad-flip-box-back{background-color:#047c8b;padding:20px}.flip-box-media{width:auto;display:inline-flex;align-items:center;justify-content:center}.trad-3d-flip-box-container{display:flex;justify-content:center;width:100%}.trad-3d-flip-box-item{width:100%;position:relative}.trad_3dflip-box{position:relative;width:100%;transform-style:preserve-3d;perspective:1000px}.trad-flip-box-front,.trad-flip-box-back{background-size:cover;background-position:center;border-radius:8px;min-height:200px;transition:transform .7s cubic-bezier(.4,.2,.2,1);display:flex;align-items:center;justify-content:center;height:auto;backface-visibility:hidden}.trad-flip-box-front{transform:rotateY(0deg)}.trad_3dflip-box:hover .trad-flip-box-front{transform:rotateY(-180deg)}.trad-flip-box-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg)}.trad_3dflip-box:hover .trad-flip-box-back{transform:rotateY(0deg)}.trad_3dflip-box .trad-flip-inner{width:100%;text-align:center;transform:translateZ(60px) scale(.94)}.trad-flip-box-header{font-size:24px;margin-bottom:10px}.trad_3dflip-box p{font-size:16px;line-height:1.5em;margin:10px 0}.flip-box-img{margin-bottom:20px}.trad-flip-box-button{background-color:transparent;border:2px solid #fff;border-radius:2px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:8px 15px;display:inline-block}.trad-flip-right .trad-flip-box-front{transform:rotateY(0deg)}.trad-flip-right:hover .trad-flip-box-front{transform:rotateY(-180deg)}.trad-flip-right .trad-flip-box-back{transform:rotateY(180deg)}.trad-flip-right:hover .trad-flip-box-back{transform:rotateY(0deg)}.trad-flip-left .trad-flip-box-front{transform:rotateY(0deg)}.trad-flip-left:hover .trad-flip-box-front{transform:rotateY(180deg)}.trad-flip-left .trad-flip-box-back{transform:rotateY(-180deg)}.trad-flip-left:hover .trad-flip-box-back{transform:rotateY(0deg)}.trad-flip-top .trad-flip-box-front{transform:rotateX(0deg)}.trad-flip-top:hover .trad-flip-box-front{transform:rotateX(180deg)}.trad-flip-top .trad-flip-box-back{transform:rotateX(-180deg)}.trad-flip-top:hover .trad-flip-box-back{transform:rotateX(0deg)}.trad-flip-bottom .trad-flip-box-front{transform:rotateX(0deg)}.trad-flip-bottom:hover .trad-flip-box-front{transform:rotateX(-180deg)}.trad-flip-bottom .trad-flip-box-back{transform:rotateX(180deg)}.trad-flip-bottom:hover .trad-flip-box-back{transform:rotateX(0deg)}.trad-has-depth{perspective:1200px;-webkit-perspective:1200px;transform-style:preserve-3d}.trad-has-depth .trad-flip-box-front,.trad-has-depth .trad-flip-box-back{transform-style:preserve-3d}.trad-has-depth .trad-flip-inner{transform:translateZ(60px);-webkit-transform:translateZ(60px)}.trad-no-depth{perspective:none}.trad-no-depth .trad-flip-inner{transform:none}