html,
body{height:100%;min-height:100%}
body.active{overflow-x:hidden;overflow-y:hidden}
.overlay{background-color:transparent;position:fixed;top:0px;bottom:0px;left:0px;width:25px;z-index:100}
.overlay.active{background-color:rgba(0, 0, 0, 0.5);-webkit-transition:background-color 0.35s;transition:background-color 0.35s;top:0px;bottom:0px;left:0px;right:0px;width:100%}
@media screen and (max-width:768px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}
.row-offcanvas-left{left:0}
.row-offcanvas-left .sidebar-offcanvas{left:-50%}
.row-offcanvas-left.active{left:50%}
.sidebar-offcanvas{position:absolute;top:0;width:50%}
.sidebar-nav .navbar .navbar-collapse{padding:0;max-height:none}
.sidebar-nav .navbar ul{float:none}
.sidebar-nav .navbar ul:not{display:block}
.sidebar-nav .navbar li{float:none;display:block}
.sidebar-nav .navbar li a{padding-top:12px;padding-bottom:12px}
}
.navbar-collapse-wrap{position:absolute}
.navbar{border:none}
.navbar .navbar-nav>.current-menu-item a{color:#fff;background-color:#080808}
.navbar .navbar-toggle:focus,
.navbar .navbar-toggle:hover{background-color:transparent}
.navbar .container .navbar-header{margin:0;position:relative;z-index:100;}
.navbar .container>.navbar-collapse{position:fixed;z-index:50;bottom:0px;top:0px;left:-300px;margin:0;padding:0px;width:300px;white-space:nowrap;box-shadow:none;border-top:0px solid white;display:block;overflow-y:auto;background-color:#222;overflow-x:hidden}
.navbar .container>.navbar-collapse.active{left:0px}
.navbar .container ul{margin:50px 0 0 0;padding:0px}
.transition{-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.navbar-toggle{border:none;margin-left:10px}
.navbar-toggle .icon-bar{-webkit-transform-origin:21px;-ms-transform-origin:21px;transform-origin:21px;-webkit-transition:-webkit-transform .2s, opacity .1s;transition:transform .2s, opacity .1s;height:4px;width:28px}
.active .navbar-toggle .icon-bar + .icon-bar{margin-top:1px;}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){opacity:0}
.navbar-nav{margin:0px}
@media (min-width:768px){.navbar .container{padding:0 15px}
.navbar .container .navbar-header{margin:0px;padding:0px}
.navbar .container ul{width:auto;background-color:transparent;padding-left:none;margin:initial}
.navbar .container>.navbar-collapse{position:initial;z-index:initial;bottom:initial;top:initial;background-color:initial;margin:initial;width:initial}
.navbar-nav{margin:initial;}
.overlay{display:none}
}
@media only screen and (max-width:767px){.navbar .container > .navbar-collapse{z-index:999;}
}
@media only screen and (max-width:450px){.navbar .container > .navbar-collapse{width:250px;left:-250px;}
.navbar .container ul {
    margin: 0px 0 0 0;
    padding: 0px;
}
}