/* ms2025b55.test.cosmos.ru-nav-2026-04-07.1a.css */

.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 3040;
}

#navbar-top {
	padding-bottom:0;
	padding-top: 0;
	width: fit-content;
	z-index: 3040;
	position: absolute;
	right: 0;
	top: 0;
	background-color: var(--ms3-neptune-blue);
}

@media (min-width:960px) {
	#navbar-top {
		padding-bottom:0;
		padding-top: 0;
		width: fit-content;
		z-index: 3040;
		position: absolute;
		left: 50%;
		transform: translate(-50%);
	}
}

.nav {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

#horizontal-menu {
  display: flex;
}

#horizontal-menu, .menu--sidebar-menu {
  background-color: #aaa;
}

.horizontal-menu > li:not(:first-child) {
  padding-left: 1px;
}

.horizontal-menu > li > a,
.horizontal-menu > li > span,
nav .nav-item a,
nav .nav-item span {
 	display: inline-block;
  padding: 0.75rem;
  background-color: var(--ms3-neptune-blue);
  color: #fff;
/*
  transition: .25s;
*/
font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.horizontal-menu > li > a,
.horizontal-menu > li > span {
	white-space: nowrap;
  text-transform: uppercase;
} 

nav.tabs .nav-item a {
  padding: 0.25rem .5rem;
  text-transform: none;
}

.horizontal-menu > li ul {
  width: 15em;
  background: var(--ms3-neptune-blue);
}

.horizontal-menu > li li {
  border-top: 1px solid #e5e5e5;
}

.horizontal-menu > li li > a {
  display: block;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.2;
  color: #fff;
}

.sidebar nav .nav-link {
	width:100%;
  padding: 0.5rem;
}

.sidebar nav ul.nav {
  margin: 0;
}

.sidebar nav .nav-item {
  background: transparent;
}

.sidebar nav .nav-link {
  color: #fff;
  background: var(--ms3-neptune-blue);
  font-weight: 500;
}

.sidebar .nav-link.is-active {
  width: calc(100% + 10px);
  border-right: 10px solid #ff0000;
  color: #000;
  background-color: var(--ms3-uranus-blue);
}
/*
.sidebar .nav-item.active .nav-link.is-active {
  width: 100%;
  border-right: none;
  color: #fff;
  background: var(--ms3-neptune-blue);
}
*/

nav.menu--sidebar-menu a:hover,
.sidebar .nav-item.active .nav-link.is-active:hover {
	margin-right: -4px;
	border-right: 4px solid #ff0000;
}

.block-responsive-menu-horizontal-menu .menu-item--active-trail a,
.block-responsive-menu-horizontal-menu .menu-item--active-trail span,
.block-responsive-menu-horizontal-menu nav li.nav-item a.is-active,
.block-responsive-menu-horizontal-menu nav li.nav-item a.nav-link.btn-primary.is-active,
nav li a:hover {
  color: #000!important;
  background-color: var(--ms3-uranus-blue)!important;
}

.menu--sidebar-menu ul li:first-child {
  text-align: center;
  background: #000;
  text-transform: capitalize;
}
.menu--sidebar-menu ul li:first-child span {
  text-transform: uppercase;
  background: inherit;
  color: #fff;
  font-variation-settings: "wght" 450;
}

/*
 {
	content: '';
  position: absolute;
	width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid red;
}
*/

.navbar {
  border: none;
  -webkit-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
  padding: 0;
  line-height:1;
}

.navbar-nav .nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#collapsibleMainNavbar {
  padding: 0;
  background-color: #1b435d !important;
}

#collapsibleMainNavbar li {
  white-space: nowrap;
}

#collapsibleMainNavbar li {
  border-right: 1px solid white;
}

#collapsibleMainNavbar .btn {
  text-transform: none;
  font-size: 1em;
  font-weight: 500;
  background: transparent;
  border: none;
}

#collapsibleMainNavbar .btn:focus {
  box-shadow: 0 0 0 0;
}

#collapsibleMainNavbar .btn:hover {
  color: #fff;
  background-color: #007bb9;
}
/*
li.nav-item.menu-item--active-trail a, li.nav-item a.menu-item--active-trail, li.nav-item a.nav-link.btn-primary.menu-item--active-trail  {
  background-color: #007bb9 !important;
  color: #fff !important;
}
*/
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  forced-color-adjust: none;
  background: #fff!important;
}
.mm-listitem__text {
	text-align: right;
  white-space: normal;
}