.hippo-offcanvas-wrapper,.hippo-offcanvas-pusher,.hippo-offcanvas-contents{height:100%}.hippo-offcanvas-html-open,.hippo-offcanvas-body-open{height:100%}.hippo-offcanvas-contents,.hippo-offcanvas-contents-inner{position:relative}.hippo-offcanvas-wrapper{position:relative;overflow:hidden}.hippo-offcanvas-pusher{position:relative;left:0;z-index:99;height:100%;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-ms-transition:-ms-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s}.hippo-offcanvas-pusher::after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,0.5);content:'';opacity:0;-webkit-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;-moz-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;-o-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;z-index:999}.hippo-offcanvas-open .hippo-offcanvas-pusher::after{width:100%;height:100%;opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.hippo-offcanvas-container{position:absolute;top:0;left:0;z-index:100;visibility:hidden;width:300px;height:100%;background:#27272C;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.hippo-offcanvas-container::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.5);content:'';opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.hippo-offcanvas-open .hippo-offcanvas-container::after{width:0;height:0;opacity:0;-webkit-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;-moz-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;-o-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;transition:opacity 0.5s,width .1s 0.5s,height .1s .5s}.hippo-offcanvas-container > .offcanvas-wrap{overflow-y:scroll;overflow-x:hidden;height:100%}.hippo-offcanvas-container > div > div{visibility:visible}.hippo-offcanvas-left .hippo-offcanvas-container{left:0}
.hippo-offcanvas-left.slide-in-on-top.hippo-offcanvas-open .hippo-offcanvas-container,.hippo-offcanvas-right.slide-in-on-top.hippo-offcanvas-open .hippo-offcanvas-container{visibility:visible;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hippo-offcanvas-left.slide-in-on-top .hippo-offcanvas-container{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate(-100%,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.slide-in-on-top .hippo-offcanvas-container::after{display:none}
.hippo-offcanvas-container{background:#27272C}.hippo-offcanvas-pusher::after{z-index:1200}.offcanvas-menu{left:-1000px}.offcanvas-menu .off-canvas-header{height:auto;overflow:hidden}#off-canvas-close-btn{background:rgba(0,0,0,0.3);color:#fff;width:50px;height:50px;text-shadow:none;opacity:1}#off-canvas-close-btn:hover,#off-canvas-close-btn:focus{background:#865E33;outline:none}#offcanvasMenu li a{position:relative;display:block;padding:20px;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;box-shadow:inset 0 -1px rgba(0,0,0,0.2)}#offcanvasMenu li a .fa{position:absolute;right:20px;font-size:18px;line-height:30px}
#offcanvasMenu li a:hover,#offcanvasMenu li.active a{background:#865E33;color:#fff;text-decoration:none}#offcanvasMenu >li ul{display:none}#offcanvasMenu li.open ul{display:block}#offcanvasMenu li.open > a > i{transform:rotateZ(90deg)}