.offcanvas-container,.offcanvas-content,.offcanvas-pusher{height:100%}.offcanvas-content{overflow-y:scroll;background:#f3efe0}.offcanvas-content,.offcanvas-content-inner{position:relative}.offcanvas-container{position:relative;overflow:hidden}.offcanvas-pusher{position:relative;left:0;z-index:99;height:100%;-webkit-transition:-webkit-transform .5s;transition:transform .5s}.offcanvas-pusher:after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,.2);content:"";opacity:0;-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s}.offcanvas-menu-open .offcanvas-pusher:after{width:100%;height:100%;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.offcanvas-menu{position:absolute;top:0;left:0;z-index:100;visibility:hidden;width:300px;height:100%;background:#27272c;-webkit-transition:all .5s;transition:all .5s}.offcanvas-menu:after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.2);content:"";opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.offcanvas-menu-open .offcanvas-menu:after{width:0;height:0;opacity:0;-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s}.offcanvas-menu ul li a i{margin-right:7px}.offcanvas-menu .close{position:absolute;right:0;top:0;color:#fff;padding:20px;opacity:.5;background:rgba(0,0,0,.3);-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s}.offcanvas-menu .close:focus,.offcanvas-menu .close:hover{background:#84a499;opacity:1;color:#fff}.offcanvas-menu ul{margin:0;padding:0;list-style:none}.offcanvas-menu h2{color:#fff;background:rgba(0,0,0,.25);text-shadow:0 0 1px rgba(0,0,0,.1)}.offcanvas-menu h2,.offcanvas-menu ul li a{font-size:16px;text-transform:uppercase;font-weight:500;padding:1em 1em 1em 1.2em}.offcanvas-menu ul li a{display:block;outline:none;box-shadow:inset 0 -1px rgba(0,0,0,.2);color:#f3efe0;text-shadow:0 0 1px hsla(0,0%,100%,.1);letter-spacing:1px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.offcanvas-menu ul li li a{font-size:12px;font-weight:400}.offcanvas-menu ul li a:hover{background:rgba(0,0,0,.2);box-shadow:inset 0 -1px transparent;color:#fff}.offcanvas-effect.offcanvas-container{-webkit-perspective:1500px;perspective:1500px}.offcanvas-effect .offcanvas-pusher{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.offcanvas-effect.offcanvas-menu-open .offcanvas-pusher{-webkit-transform:translateZ(-50px);transform:translateZ(-50px)}.offcanvas-effect.offcanvas-menu{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.offcanvas-effect.offcanvas-menu-open .offcanvas-effect.offcanvas-menu{visibility:visible;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translateZ(0);transform:translateZ(0)}.offcanvas-effect.offcanvas-menu:after{display:none}