.navbar {font-family:'Oxygen', sans-serif;padding:0;}
.navbar-light {background-color:#0c181c;font-size:16px;line-height:20px;}
.navbar-light .navbar-toggler {border:0;width:50px;height:50px;}
.navbar-brand {padding:20px 0;}
.navfixed .navbar-brand {padding:10px 0;}
.navbar-brand img {transition:ease-in-out .30s;}

.navbar-light .nav-item .nav-link {font-weight:700;color:#fff;}
.navbar-light .nav-item .nav-link:hover, .navbar-light .nav-item.active .nav-link {border-bottom:solid 1px #fff;color:#fff;}
.navbar-light .navbar-nav .show > .nav-link { border-bottom: solid 1px #fff; color: #fff; }

.dropdown-menu { margin: 15px 0 0 0; border-radius: 0; padding: 0px; border: 0; box-shadow: #ccc 0 0 10px; }
.dropdown-item { font-size: 14px; line-height: 26px; padding: 6px 10px 6px 22px !important; margin-left: 0 !important; margin-right: 0 !important; border-radius: 0; }
	.dropdown-item:last-child, .dropdown-item:first-child { border-radius: 0; }
	.dropdown-item:hover { color: #000 !important; background-color: #eee; }

@media(min-width:1200px) {
	header.headermargin {height:250px;}
	.navbar-brand img {max-width:160px;}
	.navfixed .navbar-brand img {max-width:80px;}
}

@media(min-width:992px) and (max-width:1199px) {
	header.headermargin {height:220px;}
	.navbar-brand img {max-width:120px;}
	.navfixed .navbar-brand img {max-width:50px;}
}

@media(max-width:1199px) {
	.navbar-toggler {width:50px;height:50px;background-color:transparent;}
	.navbar-toggler span {transform:none;background-color:#fff;margin:7px auto;width:100%;height:3px;transition:all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);opacity:1;display:block;}
	.navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(0px, 8px);}
	.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {opacity:0;}
	.navbar-toggler[aria-expanded="true"] span:last-of-type {transform:rotate(-45deg) translate(6px, -14px);}

	.nav-item {text-align:center;font-size:16px !important;line-height:20px !important;margin-bottom:16px;}
	.navbar-light .nav-item .nav-link:hover, .navbar-light .nav-item.active .nav-link {border-bottom:solid 0px #fff;color:silver;}
}

@media(max-width:991px) {
	header.headermargin {height:180px;}
	.navbar-brand img {max-width:100px;margin-left:15px;}
	.navfixed .navbar-brand img {max-width:50px;}
}

@media(max-width:575px) {
	header.headermargin {height:120px;}
	.navbar-brand {padding:10px 0;}
	.navbar-brand img {max-width:90px;}
	.navfixed .navbar-brand img {max-width:50px;}
}