nav.horizontal,
nav.horizontal ul
{
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: center;
}

nav.horizontal li
{
	display: flex;
	flex-flow: column wrap;
	position: relative;
}

nav.horizontal li:hover > ul
{
	display: flex;
}

nav.horizontal li > a,
nav.horizontal li > span
{
	padding: 10px;
	text-decoration: none;
	display: block;
	width: 100%;
}

nav.horizontal ul ul li
{
	min-width: 100%;
}

nav.horizontal li > ul
{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	z-index: 99999;
}

nav.horizontal ul ul ul
{
	top: 0;
	left: 100%;
}

.mobile-menu
{
	display: none;
}

html.mobile-device nav.horizontal
{
	position: fixed;
	z-index: 99999999999999;
	left: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	width: 75vw;
	max-width: 300px;
	background-color: #6F7072;
	display: none;
}

html.mobile-device .mobile-menu.active + nav.horizontal
{
	display: block;
}

html.mobile-device nav.horizontal ul,
html.mobile-device nav.horizontal li
{
	height: auto !important;
	display: block;
	position: static !important;
}

html.mobile-device nav.horizontal ul
{
	padding: 0 0 0 20px;
}

html.mobile-device .mobile-menu
{
	width: 40px;
	height: 40px;
	display: block;
	background-image: url(/content/media/menu.svg);
	background-size: contain;
}