@keyframes slide-in-from-top
{
	0%, 32%
	{
		opacity: 0;
		transform: translateY(-30px);
	}

	100%
	{
		opacity: 1;
		transform: translateY(0);
	}
}

#menu-builder-header-nav #header-menu-navigation
{
	position: absolute;
	top: 40px;
	left: -110px;
	right: 0;
	display: flex;
	justify-content: space-between;
	width: 740px;
	margin: 0 auto;
}

@media screen and (max-width:1400px)
{
	#menu-builder-header-nav #header-menu-navigation
	{
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		width: 95%;
	}
}

@media screen and (max-width:768px)
{
	#menu-builder-header-nav #header-menu-navigation
	{
		top: 150px;
	}
}

@media screen and (max-width:390px)
{
	#menu-builder-header-nav #header-menu-navigation
	{
		top: 210px;
	}
}


/*#menu-builder-header-nav .sub-arrow
{
	display: none;
}*/

#header-menu-navigation > li
{
	width: 23%;
}

#header-menu-navigation > li.special-sub-nav
{
	width: 48%;
}

@media screen and (max-width:1400px)
{
	#header-menu-navigation > li,
	#header-menu-navigation > li.special-sub-nav
	{
		width: 100%;
		margin-bottom: 30px;
	}

	#header-menu-navigation > li:last-of-type
	{
		margin-bottom: 0;
	}
}

/* Top-level Menu Item */
#header-menu-navigation > li > a,
#header-menu-navigation > li > a:link,
#header-menu-navigation > li > a:active,
#header-menu-navigation > li > a:visited
{
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: flex-start;
	font-family: lato_medium;
	font-size: 13pt;
	color: #000000;
	font-weight: bold;
	margin-bottom: 45px;
	text-decoration: none;
	transition: all 150ms;
}

@media screen and (max-width: 991px)
{
	#header-menu-navigation > li > a:hover
	{
		color: #ffffff;
	}

	#header-menu-navigation > li.ww_action_button1 > a
	{
		color: #ffffff !important;
	}
}



/*#header-menu-navigation > li > a::after
{
	content: '';
	position: absolute;
	bottom: -22px;
	left: 0;
	right: 0;
	display: block;
	height: 1px;
	background-color: #c6c6c6;
}*/

/* special-sub-nav */
#header-menu-navigation > li.special-sub-nav > ul
{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

#menu-builder-header-nav.active #header-menu-navigation > li
{
	animation: 1000ms cubic-bezier(0,.82,.67,.88) slide-in-from-top;
}

#header-menu-navigation > li > a span
{
	position: relative;
	z-index: 2;
	transition: color 200ms;
}

#header-menu-navigation > li > a:hover span
{
	color: #0055A5;
}

#header-menu-navigation > li.ww_action_button1 > a:hover span
{
	color: #ffffff !important;
}

@media screen and (max-width: 1400px)
{
	#header-menu-navigation > li > a.highlighted:hover span
	{
		color: #ffffff;
	}
}

#header-menu-navigation > li > a > span::after
{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	display: block;
	height: 2px;
	width: 100%;
	background-color: #0055A5;
	transform: scaleX(0);
	transition: transform 200ms ease-out;
}

#header-menu-navigation > li.ww_action_button1 > a > span::after
{
	display: none;
}


#header-menu-navigation > li >  a > span:hover::after
{
	transform: scaleX(1);
	transform-origin: center;
}

#header-menu-navigation > li > a:hover::before
{
	opacity: 1;
}

.tap-highlight
{
	background-color: #E2E2E2;
}

/* Second-tier */
#header-menu-navigation > li.special-sub-nav > ul
{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

@media screen and (max-width:1400px)
{
	#header-menu-navigation > li.special-sub-nav > ul
	{
		justify-content: space-between;
		max-width: 80%;
	}
}

@media screen and (max-width:600px)
{
	#header-menu-navigation > li.special-sub-nav > ul
	{
		flex-flow: column nowrap;
		max-width: 100%;
	}
}

#header-menu-navigation > li > ul > li
{
	margin-bottom: 13px;
}

#header-menu-navigation > li.special-sub-nav > ul > li
{
	margin-right: 120px;
}

@media screen and (max-width:600px)
{
	#header-menu-navigation > li.special-sub-nav > ul > li
	{
		margin-bottom: 30px;
	}

	#header-menu-navigation > li.special-sub-nav > ul > li:last-of-type
	{
		margin-bottom: 0;
	}
}

@media screen and (max-width:1400px)
{
	#header-menu-navigation > li.special-sub-nav > ul > li
	{
		margin-right: 0;
	}
}

#header-menu-navigation > li.special-sub-nav > ul > li:last-of-type
{
	margin-right: 0;
}

#header-menu-navigation > li > ul > li > a
{
	position: relative;
	text-decoration: none;
}

#header-menu-navigation > li > ul > li > a > span
{
	position: relative;
}

/* #header-menu-navigation > li > ul > li > a > span::after
{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	display: block;
	height: 2px;
	width: 100%;
	background-color: #0055A5;
	transform: scaleX(0);
	transition: transform 200ms ease-out;
}


#header-menu-navigation > li > ul > li > a > span:hover::after
{
	transform: scaleX(1);
	transform-origin: center;
} */

#header-menu-navigation > li > ul > li > a > span
{
	font-family: lato_semibold, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
}

#header-menu-navigation > li > ul > li > a > span:hover
{
	color: #0055A5;
}

#header-menu-navigation > li.special-sub-nav > ul > li > a
{
	display: flex;
	margin-bottom: 20px;
}

#header-menu-navigation > li.special-sub-nav > ul > li > a > span
{
	font-family: lato;
	font-weight: bold;
	font-size: 10pt;
	color: #6b6b6b;
}

/* Third-tier */
#header-menu-navigation > li > ul > li > ul > li
{
	margin-bottom: 13px;
}

#header-menu-navigation > li > ul > li > ul > li > a
{
	position: relative;
	text-decoration: none;
}

#header-menu-navigation > li > ul > li > ul > li > a::after
{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	display: block;
	height: 2px;
	width: 100%;
	background-color: #0055A5;
	transform: scaleX(0);
	transition: transform 200ms ease-out;
}

@media screen and (max-width: 1400px)
{
	#header-menu-navigation > li > ul > li > ul > li > a::after
	{
		display: none;
	}
}

#header-menu-navigation > li > ul > li > ul > li > a:hover::after
{
	transform: scaleX(1);
	transform-origin: center;
}

#header-menu-navigation > li > ul > li > ul > li > a > span
{
	font-family: lato_regular;
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
}

#header-menu-navigation > li > ul > li > ul > li > a > span:hover
{
	font-family: lato_bold;
	font-size: 10pt;
	color: #0055A5;
}


/*
#header-menu-navigation ul a.highlighted
{
	background: #DDDDDD;
    color: #292929;
} */

@media screen and (max-width: 1400px)
{
	#menu-builder-header-nav #header-menu-navigation
	{
		position: relative;
		top: 100px;
		right: 0;
		left: 0;
	}

	#header-menu-navigation > li > a,
	#header-menu-navigation > li > a:link,
	#header-menu-navigation > li > a:active,
	#header-menu-navigation > li > a:visited
	{
		margin-bottom: auto;
	}


}