a.bdlaLogoWhite:link, a.bdlaLogoWhite:hover,
a.bdlaLogo:link, a.bdlaLogo:hover {
	display: inline-block;
	float: left;
	width: 371px;
	height: 56px;
	margin: 24px 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('../../images/bdla_logo_web.png');
	text-decoration: none;
}

a.bdlaLogoWhite:link, a.bdlaLogoWhite:hover { 
	width: 90px;
	height: 28px;
	background-image: url('../../images/bdla_logo_web_o-claim_white');
	margin: 12px 0px;
}


.desktopMenu { 
	display: inline; 
	float: right; 
	width: calc(100% - 380px); 
	margin-top: 0px; 
}
ul.navbar { 
	padding-right: 0px; 
	margin: 0px; 
}

ul.menu.navbar {
	list-style: none;
	float: right;
	display: block;
	text-align: right;
	margin-top: 5px;
}

ul.menu.navbar li {	margin-left: 24px; display: inline; float: left; }
ul.menu.navbar li:first-child { margin-left: 0px; }
ul.menu.navbar li a, ul.menu.navbar li a:link ul.menu.navbar li a:visited {	
	font-size: 22px; 
	font-weight: 600;
	line-height: 24px; 
	letter-spacing: -0.14px; 
	
	color: #212121; 
	text-decoration: none;
}
ul.menu.navbar li a:hover { color: #4A8203; }
ul.menu.navbar li a img { position: relative; top: -2px; }


nav.navbar-dark ul.menu.navbar li a, nav.navbar-dark ul.menu.navbar li a:link, nav.navbar-dark ul.menu.navbar li a:visited { color: #EFEFEF; font-weight: 400;}
nav.navbar-dark ul.menu.navbar li a:hover { color: #FFFFFF; }


ul.metamenu.navbar {
	list-style: none;
	float: right;
	display: block;
	text-align: right;
	margin-top: -5px;
}

ul.metamenu.navbar li {	margin-left: 24px; display: inline; float: left; }
ul.metamenu.navbar li:first-child { margin-left: 0px; }
ul.metamenu.navbar li a, ul.metamenu.navbar li a:link, ul.metamenu.navbar li a:visited {	
	font-size: 14px; 
	font-weight: 400;
	line-height: 16px; 
	letter-spacing: 0.4px; 
	
	color: #9E9E9E; 
	text-decoration: none;
}
ul.metamenu.navbar li a:hover { color: #4A8203; }
ul.metamenu.navbar li a img { position: relative; margin-right: 8px; top: -2px; }

ul.mobilemenu.navbar {
	list-style: none;
	float: right;
	display: block;
	text-align: right;
	margin-top: -5px;
}

ul.mobilemenu.navbar li { margin-left: 16px; display: inline; float: left; }
ul.mobilemenu.navbar li:first-child { margin-left: 0px; }
ul.mobilemenu.navbar li a, ul.mobilemenu.navbar li a:link, ul.mobilemenu.navbar li a:visited {	
	font-size: 22px; 
	font-weight: 600;
	line-height: 24px; 
	letter-spacing: -0.14px; 
	
	color: #212121; 
	text-decoration: none;
	text-transform: lowercase !important;

}

.navbar-dark ul.mobilemenu.navbar li.navbar-langSwitch a, .navbar-dark ul.mobilemenu.navbar li.navbar-langSwitch a:link, .navbar-dark ul.mobilemenu.navbar li.navbar-langSwitch a:visited {
	color: #FFFFFF;
	font-weight: 400;
	
} 	

.navbar-dark ul.mobilemenu.navbar li.navbar-langSwitch {
	margin-top: 3px;
}

.navbar-dark

ul.mobilemenu.navbar li a:hover { color: #4A8203; }
ul.mobilemenu.navbar li a img { position: relative; }

nav.navbar-dark ul.mobilemenu.navbar { margin-top: 0px; }
nav.navbar-dark ul.mobilemenu.navbar li { margin-left: 2px; }

.mobileMenu { display: none; }

#navBar.outOffScreen { margin-top: -200px; }

#navBar,
ul.metamenu,
#navBar ul.menu {
    transition: all 1s ;	
}

#navBar.resized {
	background-color: #000000;
	margin-top: -45px;
}

#navBar.resized a.bdlaLogoWhite:link, #navBar.resized a.bdlaLogoWhite:hover,
#navBar.resized a.bdlaLogo:link, #navBar.resized a.bdlaLogo:hover {
	width: 90px;
	height: 28px;
	margin-top: 65px;
	background-image: url('../../images/bdla_logo_web_o-claim_white');
}
#navBar.resized ul.metamenu { opacity: 0; }


#navBar.resized ul.menu a:link,
#navBar.resized ul.menu a:hover,
#navBar.resized ul.menu a:visited { color: #FFFFFF; }


@media (max-width: 992px) {
	
	nav.navbar .container { padding: 15px; } /* Important - align left and right to text !!! */
	a.bdlaLogo:link, a.bdlaLogo:hover {
		height: 24px;
		width: 77px;
		max-width: 77px;
		background-image: url('../../images/bdla_logo_web_o-claim.png');
		padding-left: 1rem;
	}
	nav.navbar.navbar-dark .container { padding: 0px 15px; }
	a.bdlaLogoWhite:link, a.bdlaLogoWhite:hover {  padding-left: 1rem; }
	
	.mobileMenu { display: inline; float: right; width: auto; margin-top: 0px; margin-right: 0px; }
	.desktopMenu { display: none; }
}


@media (max-width: 576px) {
	
	nav.navbar .container { padding: 0px; }
	a.bdlaLogoWhite:link, a.bdlaLogoWhite:hover { 
		width: 70px;
		height: 22px;
	}	
}