/*================================
Start Header
================================*/

* { margin: 0; padding: 0}
#wrap-topbar {    position: fixed;     background-color: rgba(0,74,128,0.9);;     /*position: fixed;*/ /*left: 0; top: 0;*/ z-index: 999; /*display: none;*/  }

#menu-toggle.on  { background-color: #ffba00}
#wrap-topbar .menu > li { display: block; float: left}
#wrap-topbar .menu > li > a { display: block; padding: 4px 5px ; color: #ffffff;  }
#wrap-topbar .menu > li > a > i { font-size: 26px; color: #9e9e9e}
#wrap-topbar .menu > li#menu-toggle a { display: block; padding: 8px}
#wrap-topbar .menu > li#menu-toggle i { font-size: 27px  }

#header-search-box { position: relative; display: none; float: left; width: 100% }
#header-search-box .form-control { border: none; font-size: 24px; padding: 11px; height: 60px; background-color: #F7F7F7}
#header-search-box .btn { position: absolute; top: 0; right: 0; padding: 14px 12px; }
#header-search-box .btn i { font-size: 30px}


#wrap-topbar h1 { padding: 8px 0 0 8px; float: left}
#wrap-topbar h1 a { display: block; float: left; /*width: 154px;*/ line-height: 22px; margin: 6px 0 0 7px; font-size: 0.8em; color: #ffffff; }
#wrap-topbar h1 a img { width: 100%; height: auto}

#wrap-topbar .menu { position: relative;  }
#wrap-topbar .menu.right { float: right; padding: 7px 8px 0 8px}
#wrap-topbar .menu.left { float: left; /* background-color: #004a80; */   /*border-bottom-right-radius: 10px; */}
#wrap-topbar .menu.left i { color: #FFF}



#wrap-sub-menu { font-family: "Lato", Verdana, Arial, Sans-Serif ; display: none; width: 100%; position: absolute; left: 0; top: 43px; z-index:9 }
/*#wrap-sub-menu { display: none; }*/
/*#wrap-sub-menu ul { display: none; }*/
#wrap-sub-menu li { cursor: pointer}
#wrap-sub-menu li a { font-size: 14px; padding: 12px 10px; text-transform: uppercase; font-weight: bold;  display: block; color: #FFF}
#wrap-sub-menu li a:hover { color: #ccc!important; }
#wrap-sub-menu li a i { float: right; font-size: 13px; margin: 3px 0 0 0}
#wrap-sub-menu li.current {  background-color: #008bcf ; }

#wrap-topbar ul.sub-menu { width: 50%; float: left; overflow: hidden;  background-color: #004a80; /*display: none;*/}
#wrap-topbar ul.sub-menu li { width: 100%; display: table; border-bottom: 1px solid #004a80 }


#wrap-topbar ul.sub-sub-menu { width: 50%;    overflow: hidden; float: right;    background-color: #008bcf  }
#wrap-topbar ul.sub-sub-menu.active { display: block; /*display: none;*/ }
#wrap-topbar ul.sub-sub-menu.disable { display: none}
#wrap-topbar ul.sub-sub-menu li { list-style: none; border-bottom: 1px solid #004a80 }
#wrap-topbar ul.sub-sub-menu li a { color: #fff}
#wrap-topbar ul.sub-sub-menu li a:hover { color: #ccc!important;}