﻿.navbar {z-index: 9999;font-family: "aller",sans-serif;background-color:#fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.navbar-light .navbar-toggler {border:0;width:50px;height:50px;}
.navbar-light .navbar-nav .nav-link {}
.navbar-light .navbar-brand:hover {color:rgba(0,0,0,1) !important;opacity:1;}
.navbar-brand {background-color:#ee7000;padding:0px;width:180px;height:90px;z-index:9999;}
.navbar {padding:0;}
.mainmenu {}
.mainmenu .nav-item {font-size:16px;line-height:20px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.mainmenu .nav-item .nav-link {padding:0;}
.mainmenu .nav-item:last-child {border-right:0;}
.mainmenu .nav-item a, .mainmenu .nav-item a:focus {color:#ee7000 !important;transition:ease-in-out 0.3s all;}
.mainmenu .nav-item a:hover {color:#333333 !important;}

.mainmenu .nav-item .dropdown-menu {margin:0;border-radius:0;padding:0px;border:0;background-color:#222;text-transform:lowercase;}
.mainmenu .nav-item .dropdown-item {font-size:16px;line-height:20px;padding:10px 20px !important;margin-left:0 !important;margin-right:0 !important;border-radius:0;border-bottom:solid 1px rgba(51,51,51,0.5);min-width:200px;color:rgba(255,255,255,0.5) !important;letter-spacing:normal;}
.mainmenu .nav-item .dropdown-item.orange {background-color:#ee7000;color:#000;}
.mainmenu .nav-item .dropdown-item:hover {color:#fff !important;background-color:rgba(51,51,51,0.5);}
.mainmenu .nav-item .dropdown-item:last-child, .dropdown-item:first-child {border-radius:0;}
.mainmenu .nav-item .dropdown-item:last-child {border-bottom:0;}

@keyframes menu_sticky {0%   {margin-top:-100px;} 50%  {margin-top: -50px;} 100% {margin-top: 0;}}
.navfixed {position:fixed;top:0px;animation-name: menu_sticky;animation-duration: 0.60s;animation-timing-function:linear;box-shadow:#000 0 0 10px;}
.navfixed .mainmenu {border-top:solid 0px #003678;}
.navfloat {position:unset;top:0px;}
.navfloat .mainmenu {border-top:solid 0px #003678;}
.navfixed .navbar-brand {padding:8px 0;}
.navfloat .navbar-brand {padding:28px 0;}

@media(min-width:1200px) {
	.mainmenu .nav-item {padding:46px 10px 24px 10px;}
	.navfixed {padding-top:0;}
	.navfixed .navbar-brand img {max-width:50px;}
}

@media(max-width:1200px) {
	.navbar-brand {margin-left:15px;}
	.navbar-light .navbar-toggler {border-left: 1px solid #f5f5f5 !important;padding-left:15px;margin-right:15px;margin-left:15px;height:90px;position:relative;}
	.navbar-light .navbar-toggler:focus {outline:none;}
	.navbar-light .navbar-toggler span:nth-child(1) {top:43px;}
	.navbar-light .navbar-toggler span:nth-child(2) {top:50px;}
	.navbar-light .navbar-toggler span:nth-child(3) {top:56px;}
	.navbar-light .navbar-toggler span {background: #333333;position: absolute;display: block;height: 1px;width:20px;opacity: 1;left:20px;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .15s ease-in-out;transition: .15s ease-in-out;}
	.navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type { transform: rotate(45deg) translate(4px, 5px);}
	.navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {opacity:0;}
	.navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type {transform:rotate(-45deg) translate(4px, -5px);}
	.navbar-collapse {}
	.mainmenu {}
	.mainmenu .nav-item {margin:0 0 0 15px;padding:10px;text-align:left;border-bottom:solid 1px #f0f0f0;}
	.mainmenu .nav-item:first-child {margin-top:60px;}
	.mainmenu .nav-item:last-child {margin-bottom:30px;}
	.mainmenu .nav-item .dropdown-menu {margin:15px 0 0 0;background-color:#fff;}
	.mainmenu .nav-item .dropdown-item {padding:10px 20px !important;border-bottom:#f0f0f0;color:#ccc !important;}
	.mainmenu .nav-item .dropdown-item:hover {color:#222 !important;background-color:#fff;}
}

@media(min-width:992px) and (max-width:1199px) {
	.navfixed .navbar-brand img {max-width:130px;}
}

@media(max-width:991px) {
}

@media(max-width:991px) {
	.navfixed .navbar-brand img {max-width:130px;}
	.nav-item {text-align:center;font-size:16px !important;line-height:20px !important;margin-bottom:16px;}
	.mainmenu {border-top:0 !important;}
	.mainmenu .nav-item a {padding:4px 0;border-bottom:0;}
	.mainmenu .nav-item a:hover {color:#888;border-bottom:solid 0px #232323;background-color:transparent;}
	.mainmenu .nav-item a.active {border-bottom:solid 0px #232323;color:#888;}
}

@media(min-width:768px) and (max-width:991px) {
}

@media(max-width:767px) {
	.mainmenu {margin-top:25px;}
}
