html,body{max-width:100%;overflow-x:hidden}#page-wrap{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;transition:all 400ms ease}#offcanvas-sidebar{width:250px;height:100%;position:fixed;top:0;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;transition:all 400ms ease}#offcanvas-navicon{position:absolute;top:8px;right:0;z-index:102;height:36px;width:36px;padding:10px 6px;transition:all 400ms ease}#offcanvas-navicon:after,#offcanvas-navicon:before,#offcanvas-navicon span{display:block;content:'';display:block;height:4px;margin:4px 0;border-radius:2px;background:#000;transition:all 400ms ease}#offcanvas-navicon:hover{cursor:pointer}.offcanvas-open #offcanvas-navicon:before{transform:translate3d(0, 8px, 0) rotate(135deg)}.offcanvas-open #offcanvas-navicon:after{transform:translate3d(0, -8px, 0) rotate(-135deg)}.offcanvas-open #offcanvas-navicon span{transform:scale(0)}#offcanvas-overlay{display:block;position:fixed;top:0;bottom:0;width:100%;z-index:-1;background:#000;opacity:0;transition:all 400ms ease}.offcanvas-open #offcanvas-overlay{z-index:100;opacity:.1}.offcanvas-open #offcanvas-overlay:hover{cursor:pointer}#offcanvas-sidebar{background:#fff;padding-top:50px}#offcanvas-sidebar h4{margin:16px 16px 12px 16px}#offcanvas-sidebar ul{width:250px;margin:0;border-top:1px solid #eee;list-style-type:none;padding:0}#offcanvas-sidebar a{display:block;border-bottom:1px solid #eee;padding:5px 16px;color:#aaa;text-decoration:none}#offcanvas-sidebar a:hover{color:#888;background:#fafafa}#offcanvas-sidebar ul ul{display:none;position:absolute;float:right;margin-top:-41px;margin-left:250px}#offcanvas-sidebar div{transition:all 400ms ease}#offcanvas-sidebar.offcanvas-child-open>div{margin-left:-250px}#offcanvas-sidebar.offcanvas-child-open>div .offcanvas-child-visible{display:block}.offcanvas-child-link{position:absolute;display:inline-block;width:36px;margin-top:-40px;margin-left:214px;border-left:1px solid #eee;padding:5px 12px;font-size:18px;color:#aaa;background:#fff}.offcanvas-child-link:hover{cursor:pointer;color:#888;background:#fafafa}.offcanvas-child-back-link{position:absolute;display:block;width:100%;margin-top:-41px;border-top:1px solid #eee;padding:5px 10px;color:#aaa}.offcanvas-child-back-link:hover{cursor:pointer;color:#888;background:#fafafa}body #offcanvas-navicon{right:16px}body #offcanvas-sidebar{right:0;z-index:101;transform:translate3d(250px, 0, 0)}body.offcanvas-open #offcanvas-sidebar{box-shadow:0 0 5px #000;transform:translate3d(0, 0, 0)}