@import url('https://fonts.googleapis.com/css?family=Lato');

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

pre { tab-size: 8;}

.dropdown-submenu{position:relative; font-family: 'Open Sans', sans-serif;}

.dropdown-submenu>.dropdown-childmenu{top:0;left:100%;/*margin-top:-6px;*/margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}

.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

.dropdown-submenu:hover>a:after{border-left-color:#555;}

.dropdown-submenu.pull-left{float:none;}

.dropdown-submenu.pull-left>.dropdown-childmenu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}      



.dropdown-childmenu {background:#666 !important; position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; margin-top:2px; margin-left:0px; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box;

    background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0,0,0,.15); border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);    box-shadow:0 6px 12px rgba(0,0,0,.175);}

.dropdown-childmenu > li > a {display:block; padding:5px 20px; clear:both; font-weight:400; line-height:1.42857143; color:#fff; font-family: 'Open Sans', sans-serif; white-space:nowrap;}

.dropdown-childmenu > li > a:hover {background-color:#F00; text-decoration:none;}



.dropdown:hover .dropdown-menu {display:block;}

.dropdown-submenu:hover .dropdown-childmenu {display: block;}



.menu_heading{ display:none !important;}



/*------------navbar----------*/

.menu_outer{ width:100%; margin:0 auto; padding:0 0; background:#fff; /*border-bottom:solid 1px #eeeeee;*/ }

.navbar-inverse .navbar-nav > li > a {color: #999999; text-transform:uppercase; font-family: 'Open Sans', sans-serif; 

font-size:13px; font-weight:bold; line-height:34px;}

.navbar-inverse .navbar-nav > li > a:hover{ color:#FFF!important; background:#a5723d/*fb7305*/!important;}

.navbar{margin-bottom:0; background:#151606; min-height:0;}

.nav > li > a {padding:15px 10px; }

.navbar-inverse .navbar-nav > li > a:hover, .current {color:#FFF!important; background:#a5723d/*fb7305*/;  }



.navbar-inverse{width:100%; background:#fff; border:none!important;}



.dropdown-menu{background:#fff !important; border-top:solid 2px #333;}

.dropdown-menu > li > a {color: #666!important; line-height:30px; font-size:14px; font-family: 'Open Sans', sans-serif;}

.dropdown-menu > li > a:hover {background: #a5723d/*fb7305*/!important; color:#fff!important;}

.navbar-nav{float:right!important;}



.navbar-brand{padding:0; height:auto!important;}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {

    color: #999999; background-color: transparent;}



.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

    margin-left: 0!important;

}

/*------------navbar----------*/



@media screen and (max-width: 768px) {

.side-collapse-container{width:100%; position:relative; left:0; transition:left .4s;}

.side-collapse-container.out{left:237px;}

.side-collapse {top:0; bottom:0; left:0; width:237px; position:fixed; overflow:hidden; transition:width .4s; overflow:scroll; z-index:1000;}

.side-collapse.in {width:0;}



.menu_heading{text-align:center; font-weight:bold; background:#f19f0b; display:block !important;}	



.navbar-nav{/*margin: -6px -15px !important;*/}	

.navbar-nav li a:hover{/*background-color:#f19f0b !important;*/}

.navbar-inverse .navbar-nav > li{ border-bottom:solid 1px #333 !important;}



.dropdown-menu{display:block; position:static; background-color:transparent; border:0 none;	box-shadow:none; margin-top:0; position:static;	width:100%;}

.navbar-nav .dropdown-menu > li > a, 

.navbar-nav .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px;}

.navbar-nav .dropdown-menu > li > a{line-height:20px;}

.dropdown-menu{background:none !important;}

.navbar-default .navbar-nav .dropdown-menu > li > a{color:#777;}



.dropdown-childmenu{display:block; position:static; background:none !important; border:0 none; box-shadow:none; margin-top:0; position:static; width:100%;}

.dropdown-childmenu > li > a {padding: 5px 40px;}



.navbar-toggle{background:none!important;}

.navbar-inverse .navbar-toggle{border:none!important;} 

.navbar-inverse .navbar-toggle .icon-bar{background:#000;}

.side-collapse{background:#0e1d3a;}

.navbar-nav{float:left!important; width:100%; margin:0;}

.nav > li > a {padding:5px 9px; margin-top:5px;}

.navbar-inverse .navbar-nav > li > a{color:#FFF!important;}

}



@media only screen and (max-width:500px){

.menu_heading{text-align:center; font-weight:bold; background:#912878; display:block !important;}	



.navbar-nav{/*margin: -6px -15px !important;*/}	

.navbar-nav li a:hover{/*background-color:#f19f0b !important;*/}

.navbar-inverse .navbar-nav > li{ border-bottom:solid 1px #292422 !important;}



.dropdown-menu{display:block; position:static; background-color:transparent; border:0 none;	box-shadow:none; margin-top:0; position:static;	width:100%;}

.navbar-nav .dropdown-menu > li > a, 

.navbar-nav .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px;}

.navbar-nav .dropdown-menu > li > a{line-height:20px;}



.dropdown-menu{background:none !important;}

.dropdown-menu > li > a{color:#FFF!important;}

.navbar-default .navbar-nav .dropdown-menu > li > a{color:#777;}



.dropdown-childmenu{display:block; position:static; background:none !important; border:0 none; box-shadow:none; margin-top:0; position:static; width:100%;}

.dropdown-childmenu > li > a {padding: 5px 40px;}



.navbar-toggle{background:none!important;}

.navbar-inverse .navbar-toggle{border:none!important;} 

.navbar-inverse .navbar-toggle .icon-bar{background:#000;}

.side-collapse{background:#000;}

.navbar-nav{float:left!important; width:100%; margin:0;}

.nav > li > a {padding:5px 9px; margin-top:5px;}

.navbar-inverse .navbar-nav > li > a{color:#FFF!important;}

}