.offcanvas-stop-scrolling{height:100%;overflow:hidden}
.navbar-default .navbar-offcanvas{background-color:#f8f8f8}
.navbar-inverse .navbar-offcanvas{background-color:#222}
.navbar-offcanvas{position:fixed;width:100%;max-width:288px;height:100% !important;left:-288px;top:0;/*padding-left:15px;padding-right:15px;*/z-index:9999999999;overflow:auto;-webkit-overflow-scrolling:touch;transition:all .15s ease-in; background: #fff;}
.navbar-offcanvas.in{box-shadow:0 0 20px rgba(0,0,0,0.3)}
.navbar-offcanvas.navbar-offcanvas-fade{opacity:0}
.navbar-offcanvas.navbar-offcanvas-fade.in{opacity:1}
.navbar-offcanvas.offcanvas-transform.in{-webkit-transform:translateX(288px);transform:translateX(288px)}
.navbar-offcanvas.offcanvas-position.in{left:0}
.navbar-offcanvas.navbar-offcanvas-right{left:auto;right:-288px}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{-webkit-transform:translateX(-288px);transform:translateX(-288px)}
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{left:auto;right:0}
.navbar-offcanvas .dropdown.open .caret{border-top:0;border-bottom:4px solid}
.navbar-offcanvas .dropdown-menu{position:relative;width:100%;border:inherit;box-shadow:none;transition:height .15s ease-in}
.navbar-offcanvas .dropdown-menu.shown{display:block;margin-bottom:10px}
.offcanvas-toggle .icon-bar{background:#000;transition:all .25s ease-in-out}
.offcanvas-toggle.is-open .icon-bar:nth-child(1){-webkit-transform:rotate(45deg) translate(5px, 4px);transform:rotate(45deg) translate(5px, 4px)}
.offcanvas-toggle.is-open .icon-bar:nth-child(2){opacity:0}
.offcanvas-toggle.is-open .icon-bar:nth-child(3){-webkit-transform:rotate(-45deg) translate(4px, -4px);transform:rotate(-45deg) translate(4px, -4px)}