.navbar .logo {
    max-width: 260px;
    margin: 15px 0px;
}

.navbar .logo img {
    width: 100%;
}

.navbar {
    border: none;
    border-radius: 0px;
    margin-bottom: 0px;
}

.main-header nav {
  	background-color: #fff;
}

.navbar-toggler {
    padding: 14px 11px 7px;
    margin: 13px 0px;
    background-color: #1284a3;
    border: none;
    /** hamburgers **/
    font: inherit;
    overflow: visible;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
}

.navbar-toggler:focus { 
	box-shadow: none; 
}

.navbar-collapse {
  	padding: 20px 0px;
}

/** hamburgers **/

.hamburger-box {
    width: 28px;
    height: 23px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 28px;
    height: 2px;
}

.hamburger-inner:before {
    top: -8px;
}

.hamburger-inner:after {
    bottom: -8px;
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
    background-color: #fff;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #fff;
    border: #fff;
}

.navbar-toggler .icon-bar {
    background-color: #fff;
    border: #fff;
}

/** navi **/

.navbar-nav li a,
.navbar-nav li .separator {
    color: #333;
  	transition: background-color 0.5s;
}

.navbar-nav .active a,
.navbar-nav .active .separator {
    background-color: #f9c124;
    color: #fff;
}

.navbar-nav li a,
.navbar-nav .active a,
.navbar-nav li .separator,
.navbar-nav .active .separator,
.navbar-nav .nav-link {
	padding: 14px 14px;
  	display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.8px;
}

.navbar-nav li a:hover {
  	background-color: #1284a3;
    color: #fff;
  	transition: background-color 0.5s;
}

/** dropdown-menu **/

.navbar .dropdown-toggle::after {
   transition: transform 0.15s linear;
   transform: translateY(3px);
}

.navbar .dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  animation: fadeIn 0.3s alternate;
}

.navbar .dropdown-menu {
    min-width: 220px;
  	padding: 0px;
    box-shadow: 1px 7px 13px 2px rgb(0 0 0 / 50%);
    border: none;
	border-radius: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  	margin-right: 0px;
}

.dropend .dropdown-menu[data-bs-popper] {
  	margin-left: 0px;
}

.navbar .dropdown-menu .active a,
.navbar .dropdown-menu .active a:focus,
.navbar .dropdown-menu .active a:hover,
.navbar .dropdown-menu .active .separator,
.navbar .dropdown-menu .active .separator:focus,
.navbar .dropdown-menu .active .separator:hover {
    background-color: #0459b1;
    color: #fff;
}

.navbar .dropdown-menu li a:focus,
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li .separator:focus,
.navbar .dropdown-menu li .separator:hover {
    background-color: #0459b1;
    color: #fff;
}

.navbar .dropdown-menu li a,
.navbar .dropdown-menu li .separator {
    color: #0459b1;
    padding: 10px 20px;
}

.navbar-nav .open .dropdown-menu .dropdown-header, 
.navbar-nav .open .dropdown-menu li a {
	padding: 10px 20px;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover,
.navbar .dropdown-item.active, .navbar .dropdown-item:active {
  	background-color:transparent;
	color: #0459b1;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (max-width: 991px) {
    .navbar .wide + .nav-col {
        height: 200px;
        overflow-y: scroll;
    }
    .navbar-nav li a,
    .navbar-nav .active a,
    .navbar-nav li .separator,
    .navbar-nav .active .separator,
    .navbar-nav .nav-link {
        padding: 10px 20px;
    }
    .navbar .dropdown-menu {
		box-shadow: none;
      	padding-left: 20px;
    }
    .navbar .dropstart .dropdown-toggle::before {
		transform: rotate(180deg);
    }
    .navbar .dropstart .show::before {
		transform: rotate(-90deg);
    }
}

@media (min-width: 992px) {
    .navbar .wide + .nav-col {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}