.cf:before,.cf:after{display: table;content: "";line-height: 0}.cf:after{clear: both}html,body{height: 100%}html.no-scroll{width: 100%;overflow-y: scroll;position: fixed}#jm-allpage{-webkit-transition: 300ms ease all;transition: 300ms ease all}.off-canvas-right.off-canvas #jm-allpage{margin-left: -300px;margin-right: 300px}.off-canvas-left.off-canvas #jm-allpage{margin-right: -300px;margin-left: 300px}#jm-offcanvas{width: 300px;height: 100%;position: fixed;z-index: 9999;background: #2a2a2a;top: 0;-webkit-transition: 300ms ease all;transition: 300ms ease all}.off-canvas-right #jm-offcanvas{right: -300px}.off-canvas-right.off-canvas #jm-offcanvas{right: 0;overflow-y: auto}.off-canvas-left #jm-offcanvas{left: -300px}.off-canvas-left.off-canvas #jm-offcanvas{left: 0;overflow-y: auto}#jm-offcanvas-toolbar{background: #222;height: 40px;line-height: 40px;padding: 0 15px}#jm-offcanvas-content{padding: 15px;color: #c2c2c2}#jm-offcanvas-content .jm-title{color: #fff}.toggle-nav{cursor: pointer}.toggle-nav [class^="icon-"],.toggle-nav [class*=" icon-"]{font-size: 20px}.toggle-nav.menu{display: inline-block;color: #8c8c8c;text-align: center;vertical-align: top}.toggle-nav.menu:hover{color: #b7853d}.toggle-nav.close-menu{color: #fff}.off-canvas-left #jm-offcanvas-toolbar{text-align: right}html[dir='rtl'] .off-canvas-right #jm-offcanvas-toolbar{text-align: left}#jm-top-bar .toggle-nav.menu{color: #999;height: 40px}#jm-top-bar .toggle-nav.menu:hover{color: #b7853d}#jm-top-bar .toggle-nav.menu [class^="icon-"],#jm-top-bar .toggle-nav.menu [class*=" icon-"]{top: 0}#jm-djmenu .toggle-nav.menu{color: #999}#jm-djmenu .toggle-nav.menu:hover{color: #b7853d}#jm-djmenu .toggle-nav.menu [class^="icon-"],#jm-djmenu .toggle-nav.menu [class*=" icon-"]{top: -5px}#jm-offcanvas h1,#jm-offcanvas h2,#jm-offcanvas h3,#jm-offcanvas h4,#jm-offcanvas h5,#jm-offcanvas h6{color: #fff}#jm-offcanvas h1 a:hover,#jm-offcanvas h2 a:hover,#jm-offcanvas h3 a:hover,#jm-offcanvas h4 a:hover,#jm-offcanvas h5 a:hover,#jm-offcanvas h6 a:hover{color: #b7853d}