.dropdown { position:relative}.dropdown-toggle:focus { outline:0}.dropdown-menu { position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; list-style:none; font-size:14px; background-color:#fff; 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); background-clip:padding-box}.nav>li { position:relative; display:block}.nav>li>a { position:relative; display:block; padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus { text-decoration:none; background-color:#eee}.nav>li.disabled>a { color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus { color:#999; text-decoration:none; background-color:transparent; cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus { background-color:#eee; border-color:#428bca}.nav>li>a>img { max-width:none}.navbar { position:relative; min-height:50px; margin-bottom:20px; border:1px solid transparent}@media (min-width:768px) { .navbar {  border-radius:4px }}@media (min-width:768px) { .navbar-header {  float:left }}.navbar-collapse { max-height:340px; overflow-x:visible; padding-right:15px; padding-left:15px; border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling:touch}.navbar-collapse.in {overflow-y:auto;}@media (min-width:768px) { .navbar-collapse {  width:auto;  border-top:0;  box-shadow:none } .navbar-collapse.collapse {  display:block!important;  height:auto!important;  padding-bottom:0;  overflow:visible!important } .navbar-collapse.in {  overflow-y:visible } .navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse {  padding-left:0;  padding-right:0 }}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {margin-right:-15px;margin-left:-15px;}@media (min-width:768px) { .container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse {  margin-right:0;  margin-left:0 }}.navbar-static-top { z-index:1000; border-width:0 0 1px}@media (min-width:768px) { .navbar-static-top {  border-radius:0 }}.navbar-fixed-top,.navbar-fixed-bottom { /*position:fixed;*/ right:0; left:0; z-index:1030}@media (min-width:768px) { .navbar-fixed-top,.navbar-fixed-bottom {  border-radius:0 }}.navbar-fixed-top { top:0; border-width:0 0 1px}.navbar-fixed-bottom { bottom:0; margin-bottom:0; border-width:1px 0 0}.navbar-brand { float:left; padding:15px; font-size:18px; line-height:20px; height:50px}.navbar-brand:hover,.navbar-brand:focus { text-decoration:none}@media (min-width:768px) { .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {  margin-left:-15px }}.navbar-toggle { position:relative; float:right; margin-right:15px; padding:9px 10px; margin-top:8px; 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}@media (min-width:768px) { .navbar-toggle {  display:none }}.navbar-nav {/* margin:7.5px -15px */}.navbar-nav>li>a { padding-top:10px; padding-bottom:10px; line-height:20px}@media (max-width:767px) { .navbar-nav .open .dropdown-menu {  position:static;  float:none;  width:auto;  margin-top:0;  background-color:transparent;  border:0;  box-shadow:none } .navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header {  padding:5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a {  line-height:20px } .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus {  background-image:none }}@media (min-width:768px) { .navbar-nav {  float:left;  margin:0 } .navbar-nav>li {float: none;display: inline-block; } .navbar-nav>li>a {  padding-top:15px;  padding-bottom:15px } .navbar-nav.navbar-right:last-child {  margin-right:-15px }}@media (min-width:768px) { .navbar-left {  float:left!important } .navbar-right {  float:right!important }}@media (min-width:768px) {}.navbar-nav>li>.dropdown-menu { margin-top:0; border-top-right-radius:0; border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { border-bottom-right-radius:0; border-bottom-left-radius:0}.navbar-default {background-color:#f8f8f8; border-color:#e7e7e7}.navbar-default .navbar-brand {color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text { color:#777}.navbar-default .navbar-nav>li>a {color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus { color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus { color:#555; background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus { color:#ccc; background-color:transparent}.navbar-default .navbar-toggle {border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color:#ddd}.navbar-default .navbar-toggle .icon-bar {background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus { background-color:#e7e7e7; color:#555}@media (max-width:767px) {.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color:#333; background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { color:#ccc;background-color:transparent}}.navbar-default .navbar-link {color:#777}.navbar-default .navbar-link:hover { color:#333}.navbar-inverse { background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand {color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {color:#fff;background-color:transparent}.navbar-inverse .navbar-text {color:#999}.navbar-inverse .navbar-nav>li>a {color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {color:#fff; background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus { color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {color:#444; background-color:transparent}.navbar-inverse .navbar-toggle {border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color:#333}.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:hover,.navbar-inverse .navbar-nav>.open>a:focus {background-color:#080808;color:#fff}@media (max-width:767px) {.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {color:#fff; background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { color:#444;background-color:transparent}}.navbar-inverse .navbar-link {color:#999}.navbar-inverse .navbar-link:hover {color:#fff}


.top-bar {background: #9aa4b5;padding: 13px 0 16px;margin-bottom: 15px;font-family: HelveticaNeue-Roman }
.top-bar a, .top-bar p {margin: 0}
.top-bar a, .top-bar li, .top-bar p { font-size: 13px; color: #fff; padding: 0}
.top-bar li {display: inline-block;margin: 0 0 0 30px}
.top-bar ul { margin: 0; padding: 0;float: right}
.ucsf-logo img {float: left;width: 75%; display: none}
.ucsf-logo p { font-family: montserratlight;font-size: 18.2px;margin-top: 8px}
.ucsf-logo a {color: #231f20}
.top-bar a.one { margin: 0;padding: 0; color: #fff; font-size: 13px;float: none; display: block}
span.nav-hide {display: none}
.nav-top {right: 0!important}
.nav-midd {float: right;position: absolute;right: 55px; top: 70px!important}
.hideOut {display: none!important}
.menu_fixed {position: relative!important;right: -90%; animation: downtop .25s}

.main-navigation, .nav-top { position: relative}

/************* new navigation ********************/
.logo-center-new {padding-bottom: 40px;width: 360px;margin: 25px auto 0}
.menu-contain {margin-bottom: 40px}
.cloned {background:url(images/nav-back.png) left bottom repeat-x}
.navigation-container {background: none; border:0px; min-height: auto; padding: 10px 0 0 0}
.ucsf-nav {width: 170px}
.navigation-container .navbar-nav {float: none; margin:10px 0 0 0; padding: 0;text-align: center}
.fixed-theme .navbar-container .navbar-nav{ margin:8px 0 0 0 !important; padding:0 !important}
.navigation-container .navbar-nav li a {text-transform: uppercase; font-family: montserratlight; font-size: 14px; padding: 0 22px 0; letter-spacing: 1px;  color: #9aa3b3}
.navigation-container .navbar-nav li a:hover, .navigation-container .navbar-nav li a:focus {color: #9aa3b3 !important; background: none !important}
.navigation-container .navbar-nav>li>.dropdown-menu {border:0px; box-shadow: none; padding: 20px 0 0 0}
.navigation-container .navbar-nav .dropdown-menu > li > a {text-transform: none; font-size: 12px; border:0px; padding: 10px 0; letter-spacing: 0px; color: #9aa3b3;margin: 0 20px;text-align: left}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background: none; color: #9aa3b3}
.navigation-container .navbar-nav li span {display: none}
.nav.navbar-nav li.social-icon-nav {float: right; margin:0px; padding: 0px;}
.social-icon-nav ul {margin:0px; padding: 0px}
.social-icon-nav li {display: inline-block}
.navigation-container .social-icon-nav li a {color: #000;  padding: 0px; margin-left:18px; font-size: 20px}
.navbar-toggle {z-index: 1}

li.dropdown:hover .dropdown-menu{  display: block; transition: all 0.1s ease}
.qbi-logo-new {display: none}
.cloned .qbi-logo-new {display: block; width: 120px}
.cloned .ucsf-nav {display: none}
.navbar-container { padding: 0px 15px 0px 15px}
.navbar.navbar-fixed-top.fixed-theme { background-color: #fff;box-shadow: 0px 0px 4px rgba(0,0,0,0.15)}
.navbar-container.fixed-theme { padding: 0}
.navbar-brand.fixed-theme,.navbar-container.fixed-theme,.navbar.navbar-fixed-top.fixed-theme,.navbar-brand,.navbar-container{ transition: 0.3s; -webkit-transition:  0.3s;}
.navbar-fixed-top.navigation-container {top:0px; height: auto; position: relative}
.fixed-theme.navbar-fixed-top.navigation-container {top:0px; padding: 16px 0 16px;position: fixed}
.navbar-fixed-top.navigation-container.fixed-theme .ucsf-nav {display: none}
.navbar-fixed-top.navigation-container.fixed-theme .qbi-logo-new {display: block; width: 75px}
.social-icon-nav {margin-top: 9px; }
#menuTxt { display: none !important}
.navbar-toggle-main {position: fixed;width: 26px;height: 29px;z-index: 1000;cursor: pointer}
.navbar-toggle-main span {display: block; color: #cccecf; text-transform: uppercase;font-size: 12px;margin-top: 35px}

@media screen and (max-width:767px) and (min-width: 320px){
.navbar-toggle-main {right: 12px!important}
.menu_fixed {position: fixed!important}
.nav-midd{top: 35px!important;}
}

@media screen and (max-width:1199px) and (min-width: 991px){
.navigation-container .navbar-nav .dropdown-menu > li > a{margin: 0 20px 0 15px;}
}