/* Structure
------------------------------------------*/
@media screen and (min-width: 960px){
	#header .safearea{
		display:flex;
		justify-content:center;
	}
	#top-menu{
		margin:0;
		width:70%;
	}
}


#hmenu .menu-item-has-children > a::after{
	content: "\2304";
    margin-left: 5px;
	bottom: 5px;
	position:relative;
}
#hmenu .sub-menu {
    opacity: 0;
    position: relative;
    background: url(../images/menu-sep.png);
    background-size: contain;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 12px 16px;
    z-index: 1;
    transition: all ease 0.4s;
}


#hmenu .menu-item-has-children {
    position: relative;
    width: 100%;
    max-width: 80px;
    margin-right: 10px;
}
#hmenu .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    display: block !important;
}
#hmenu,
#hmenu ul, #fmenu, #fmenu ul {
	list-style: none;
}
#hmenu, #fmenu {
	margin: 0 auto;
	padding: 0;
	float: left;
	font-family: 'Source Sans Pro', sans-serif;
}

#hmenu > li {
	margin: 25px 0px 0 0;
	float: left;
}
#fmenu > li {
	margin: 25px 0px 0 0;
	float: left;
	width: 25%;
}
#hmenu > li:hover, #fmenu  li:hover {
	transition: all 0.25s ease;
}
#fmenu {
	float: right;
	width: 76%;
}
#fmenu li a {
	display: block;
	padding: 8px 0;
	margin: 0px 18px 0px 18px;
	text-decoration: none;
	font-size: 0.9em;
	background: url(../images/menu-sep.png) bottom left no-repeat;
	background-size: auto 2px;
	transition: all 0.25s ease;
}
#fmenu li.redborder a, #hmenu li.redborder a {
	background: transparent;
	padding: 5px 0;
}
#fmenu li.redborder a:hover, #hmenu li.redborder a:hover {
	color: #fff;
	padding: 5px 0;
}
#hmenu li a {
	color:white;
	display: block;
	padding: 8px 0;
	margin: 0px 11px 0px 12px;
	font-size: 0.9em;
	text-decoration: none;
	background: url(../images/menu-sep.png) bottom center no-repeat;
	background-size: 100% 0px;
	transition: all 0.25s ease;
}

#hmenu li .lastli {
     border: 0;
}
#hmenu ul {
	position: relative;
	display: none;
	z-index: 9999;
}
#hmenu li:hover ul.children {
	display: block;
	padding: 0;
	margin-left: 0;
}

@media screen and (max-width: 960px) {
    #hmenu {
		font-size: 26px !important;
		line-height: 30px !important;
		margin: 0;
		float: none;
			padding: 15px 20px;
		background-color: rgba(50,50,50, 0.9);
	border-radius: 0px;
	-webkit-box-shadow: 0px 1px 15px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 15px 5px rgba(0,0,0,0.3);
box-shadow: 0px 1px 15px 5px rgba(0,0,0,0.3);
	}
	#hmenu > li, #fmenu > li {
	margin: 10px 10px 0 0;
	width: auto;
	float: none;
	}
	#fmenu {
		width: 98%;
		float: none;
	}
	#hmenu > li:last-child {

	}
	#hmenu li a {
	padding: 10px;
	}
	#hmenu > li:hover {
	color: #eee;
	transition: all 0.25s ease;
}
}

#fmenu a {
	color: #252A5F;
}
#fmenu .sub-menu{
	padding:0;
}
/* Main menu
------------------------------------------*/
#hmenu {
	width:100%;
	font-size: 1em;
	color: #fff;
}
#hmenu > li > a {
	color: #fff;
	display: block;
}
#fmenu  li > a {
	transition: all 0.25s ease;
	display: block;
}
#hmenu > li:hover > a {
	color: #fff;
	background-size: 100% 6px;
}
#fmenu  li:hover > a {
	background-size: 100% 2px;
}
@media screen and (max-width: 960px) {
#hmenu > li > a {
	color: #fff;
	display: block;
}
#hmenu > li:hover > a {
	color: #fff;

}

/* Submenu
------------------------------------------*/

	
#hmenu ul li a{ border: 0; }

#hmenu ul {
	margin: 0;
	padding: 0;
}
#hmenu ul li a {
	color: #fff;
}
#hmenu ul li:hover a {
	color: #fff;
}