.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto }

.list_nav { padding-left: 0; margin-bottom: 0; list-style: none }
.list_nav>li { position: relative; display: block;}
.list_nav>li>a { position: relative; display: block; padding: 10px 15px; background: #444; border-bottom: 1px solid #333;}
.list_nav>li>a:focus, .list_nav>li>a:hover { text-decoration: none; background-color: #eee }
.list_nav>li.disabled>a { color: #777 }
.list_nav>li.disabled>a:focus, .list_nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent }
.list_nav .open>a, .list_nav .open>a:focus, .list_nav .open>a:hover { background-color: #eee; border-color: #337ab7 }
.list_nav .list_nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 }

.list_nav>li>ul{margin-top: 0 !important;}
.list_nav>li>ul>li{color: #777; line-height: 20px; padding: 10px 0; padding-left: 25px;}
.list_nav>li>ul>li>a{color: #999;}

.navbar { position: relative; height: 50px; margin-bottom: 5px; border: 1px solid transparent }


.navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px }
.navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-brand>img { display: block }

.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px }
.navbar-toggle:focus { outline: 0 }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px }

.navbar-nav { margin: 7.5px -15px }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px }


.navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.navbar-btn { margin-top: 8px; margin-bottom: 8px }
.navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px }
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px }

.navbar-inverse { background-color: #444;}
.navbar-inverse .navbar-brand { color: #fff }
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent }
.navbar-inverse .navbar-text { color: #9d9d9d }
.navbar-inverse .navbar-nav>li>a { color: #9d9d9d }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: transparent }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #000 }
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent }
.navbar-inverse .navbar-toggle { border-color: #444 }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #444 }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff; background-color: #444 }

.navbar-inverse .navbar-link { color: #9d9d9d }
.navbar-inverse .navbar-link:hover { color: #fff }
.navbar-inverse .btn-link { color: #9d9d9d }
.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff }
.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 }


.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 { padding: 0px }
.navbar .container .navbar-header { margin: 0; position: relative; z-index: 99; background-color: #222 }
.navbar .container>.navbar-collapse { position: fixed; z-index: 100; bottom: 0px; top: 0px; left: -50%; margin: 0; padding: 0px; width: 48%; white-space: nowrap; box-shadow: none; border-top: 0px solid white; display: block; overflow-y: auto; background-color: #333; overflow-x: hidden }
.navbar .container>.navbar-collapse.active { left: 0px }
.navbar .container ul { 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: 3px; width: 22px }
.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 }