
.navbar-wrap {height:68px; background:#000; border:solid 1px #555; border-width:1px 0; z-index:3; position:relative}

.navbar-box {z-index:3; position:relative; height:50px;} /* ; background:#222 * Если поставить height, то в смартфонах подменю выпадает поверх страницы. Но проблемы в Safari */
.navbar-box .container {padding-right:0;padding-left:0}
.navbar-brand {margin-left:0; padding: 17px 15px 0px;}
.navbar-brand img {width:149px}
.navbar-header > .navbar-brand {font-size:24px; line-height:0px;}/* padding-bottom:0*/   

ul.dropdown-menu {padding: 15px 0}
ul.dropdown-menu li {position:relative}

.navbar {margin:0; border:none; border-radius:0; min-height: 5px} /*For full width nav */
.navbar-inverse {font-size: 18px; background-color:transparent; background-image:none}
.navbar-inverse .navbar-nav {padding-top:11px}
.navbar-inverse .navbar-nav > li > a {color:#fff; font-size:17px; padding-left:9px; padding-right:9px}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {background-color:#000; color:#ffbb7e} /*background-color: rgba(0,0,0,0.2); color:#fff*/
.navbar-inverse > .container {position:relative}
/*.navbar-inverse > .container .navbar-collapse {padding:0}*/
.navbar-inverse .nav.navbar-nav:before {content:""} /* KLUDGE Иначе над кнопкой пункта меню появляется зазор. При float пункты меню во что-то упираются и соскакивают .navbar-inverse .navbar-nav {margin-top:-5px} на следующий день начало портить?! * Нужно ставить height в .navbar-box. Это не решает проблему, хотя в кой-то момент решало */
.navbar-toggle {float:right; margin:11px 0px 0px 7px; background:transparent; border:none; padding: 4px 10px}
.navbar-toggle:hover,
.navbar-toggle:focus {background:transparent}
.navbar-toggle .icon-bar {width:25px;height: 4px}
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus {background-color:transparent}
/*dropdown-menu custom */
.navbar .dropdown-menu > .active > a:focus {background-color:rgba(0,0,0,0.3)}
.navbar .dropdown-menu {background-color:#1f5299; border-color:transparent}
.navbar .dropdown-menu > li > a {color:#fffae5; font-size: 18px;}
.navbar .dropdown-menu > li > a:hover, 
.navbar .dropdown-menu > li > a:focus {background-color:rgba(0,0,0,0.2)}
.navbar .dropdown-menu > .active > a, 
.navbar .dropdown-menu > .active > a:hover, 
.navbar .dropdown-menu > .active > a:focus {background-color:rgba(0,0,0,0.3)}

/*extra
.navbar-header-extra {display:none; padding-right:15px}
.navbar-header-extra a {color:#fff; font-size:20px}
@media (max-width: 767px) {
.navbar-header-extra {display:block; float:right; padding-top:2px}
.navbar-header-extra button {margin-left:9px}
}
@media (max-width: 480px) {
.navbar-header-extra button {display:none}
}
*/
/***** special *****/
.special .navbar-nav > .active > a {text-decoration:underline}
.special .navbar-submenu .dropdown-menu {display:block!important; list-style: none; position:relative; float:none; border:2px dashed #000 ; box-shadow:none; text-align:center}
.special.special-color-2  .navbar-submenu .dropdown-menu {border-color:#fff}
.special .navbar-submenu .dropdown-menu > li {display: inline}
.special .navbar-submenu .dropdown-menu > li > a {display:inline-block}
.special .navbar-submenu .dropdown-menu > .active > a {text-decoration:underline}
.special .navbar-nav .dropdown-menu {display:none} /*left:-9999px*/

@media (min-width: 992px) and (max-width: 1200px) { /* Md */
.navbar-wrap {height:74px}
.navbar-brand img {width:181px}
.navbar-inverse .navbar-nav > li > a {font-size:17px; padding-left:6px; padding-right:6px}
.navbar-inverse .navbar-nav {padding-top: 13px}
.navbar-brand {margin-left: 0;padding: 16px 15px 0px}
}
@media (min-width: 992px) {
.navbar-nav {float: right}
.navbar-nav > li > a {padding-top:14px; padding-bottom:15px;}
}
@media (max-width: 991px) { /* Sm */ 
    .navbar-nav {position:relative; z-index:17; background:#00538a; margin:0 -15px; padding-bottom:20px}
    .navbar-collapse {border:none}
    .navbar-nav .open .dropdown-menu > li > a {color: #fff}
    .navbar-wrap {height:53px}
    .navbar-brand {padding-top:11px}
    .navbar-brand > img {width:123px; height: auto;}
}
@media (max-width: 414px) { /* md mobiles iphone 6,8,6+,8+; huawei */
.navbar-wrap {position:fixed; top:0; left:0; width:100%}
body {padding-top:53px}
}