.hb-flipbox-container{perspective:2000px;text-align:center;width:100%;display:grid;position:relative}.hb-flipbox-container.flip-horizontal .hb-flipbox-front{transform:rotateY(0)}.hb-flipbox-container.flip-horizontal .hb-flipbox-back{transform:rotateY(-180deg)}.hb-flipbox-container.flip-horizontal:hover .hb-flipbox-back{transform:rotateY(0)}.hb-flipbox-container.flip-horizontal:hover .hb-flipbox-front{transform:rotateY(180deg)}.hb-flipbox-container.flip-vertical .hb-flipbox-front{transform:rotateX(0)}.hb-flipbox-container.flip-vertical .hb-flipbox-back{transform:rotateX(180deg)}.hb-flipbox-container.flip-vertical .hb-flipbox-flipper{transform-origin:100% 213.5px}.hb-flipbox-container.flip-vertical:hover .hb-flipbox-back{transform:rotateX(0)}.hb-flipbox-container.flip-vertical:hover .hb-flipbox-front{transform:rotateX(-180deg)}.hb-flipbox-flipper{transition:color var(--hb-duration-slower) var(--hb-ease-in-out), background-color var(--hb-duration-slower) var(--hb-ease-in-out), border-color var(--hb-duration-slower) var(--hb-ease-in-out), outline-color var(--hb-duration-slower) var(--hb-ease-in-out), text-decoration-color var(--hb-duration-slower) var(--hb-ease-in-out), fill var(--hb-duration-slower) var(--hb-ease-in-out), stroke var(--hb-duration-slower) var(--hb-ease-in-out), opacity var(--hb-duration-slower) var(--hb-ease-in-out), box-shadow var(--hb-duration-slower) var(--hb-ease-in-out), transform var(--hb-duration-slower) var(--hb-ease-in-out);perspective:2000px;transform-style:preserve-3d;display:grid;position:relative}.hb-flipbox-flipper>.clearboth{display:none}.hb-flipbox-back,.hb-flipbox-front{backface-visibility:hidden;transition:color var(--hb-duration-slower) var(--hb-ease-in-out), background-color var(--hb-duration-slower) var(--hb-ease-in-out), border-color var(--hb-duration-slower) var(--hb-ease-in-out), outline-color var(--hb-duration-slower) var(--hb-ease-in-out), text-decoration-color var(--hb-duration-slower) var(--hb-ease-in-out), fill var(--hb-duration-slower) var(--hb-ease-in-out), stroke var(--hb-duration-slower) var(--hb-ease-in-out), opacity var(--hb-duration-slower) var(--hb-ease-in-out), box-shadow var(--hb-duration-slower) var(--hb-ease-in-out), transform var(--hb-duration-slower) var(--hb-ease-in-out);transform-style:preserve-3d;table-layout:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;grid-area:1/1;width:100%;display:block;position:relative}.hb-flipbox-back:before,.hb-flipbox-front:before{content:"";vertical-align:middle;height:100%;margin-right:-.25em;display:inline-block}.hb-flipbox-back .back-desc,.hb-flipbox-front .front-desc{padding:var(--hb-space-2_5) 10% var(--hb-space-5) 10%;line-height:1.35em}.hb-flipbox-back .back-desc:empty,.hb-flipbox-front .front-desc:empty{display:none}.hb-flipbox-content{vertical-align:middle;text-align:center;width:100%;display:inline-block}.hb-flipbox-content .back-button{padding:var(--hb-space-2_5) var(--hb-space-5);margin-top:var(--hb-space-5);backface-visibility:inherit;display:inline-block}.hb-flipbox-content .front-icon{padding:var(--hb-space-5);max-width:100%}.hb-flipbox-content h4.modern{margin-bottom:0;padding-bottom:0;line-height:1em}.hb-flipbox-content .hb-button{margin-right:0;margin-top:var(--hb-space-2_5)}.hb-flipbox-content .front-desc,.hb-flipbox-content h4.modern,.hb-flipbox-content .front-icon{padding-top:var(--hb-space-2_5);padding-bottom:var(--hb-space-2_5)}.hb-flipbox-content [class^=icon-]{line-height:1em}