/* https://codepen.io/signalkuppe/pen/YybXNJ */

	.menu ul {
		margin: 11px 10px 0 0;
		padding: 0;
		list-style: none;
		text-align: right;
	}

	.menu ul ul {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: right;
	}

	.menu-dropdown,
	.menu input[type=checkbox] {
		display: none;
	}

	.menu-dropdown a {
		font-size: 14px !important;
		padding: 5px 15px !important;
		border-bottom: 1px solid #fff;
	}

	.menu label:hover {
		cursor: pointer;
	}

	.menu-l1-off a:link,
	.menu-l1-off a:visited {
		font-family: arial,verdana,sans-serif;
		font-size: 16px;
		font-weight: normal;
		background: #fff;
		color: #333;
		text-decoration: none;
		display: block;
		white-space: nowrap;
		margin: 0;
		border-radius: 5px 5px 0 0;
	}

	.menu-l1-off a:hover,
	.menu-l1-off a:active,
	.menu-l1-off a:focus {
		background: #F47C20;
		color: #fff;
	}

	.menu-l1-on a:link,
	.menu-l1-on a:visited,
	.menu-l1-on a:hover,
	.menu-l1-on a:active,
	.menu-l1-on a:focus {
		font-family: arial,verdana,sans-serif;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		display: block;
		white-space: nowrap;
		margin: 0;
		background: #F47C20;
		color: #fff;
		border-radius: 5px 5px 0 0;
	}

	.menu {
		max-width: 100%;
		margin: 0 auto;
	}

	.menu > label,
	input[type=checkbox] {
		display: none;
	}

	.menu > ul > li {
		display: inline-block;
	}

	.menu-hasdropdown {
		position: relative;
	}

	.menu-hasdropdown:hover > ul, .menu-hasdropdown:focus-within > ul {
		display: block;
		-webkit-animation: grow 0.5s ease-in-out;
		animation: grow 0.5s ease-in-out;
	}

	.menu-hasdropdown > ul {
		position: absolute;
		top: 100%;
		left: 0;
		width: 200px;
		text-align: left;
	}

	.menu-hasflyout > ul {
		left: 100%;
		top: 0;
	}

	.menu-hasflyout .menu-downicon {
		display: none;
	}

@media screen and (min-width: 481px) {

	.menu a {
		padding: 8px 15px 5px 15px;
	}

	.nav-3-full {
		visibility: visible;
	}

	.nav-3-short {
		display: none;
	}

}




@media screen and (max-width: 480px) {

	.menu a {
		padding: 8px 10px 5px 10px;
	}

	.nav-3-full {
		display: none;
	}

	.nav-3-short {
		visibility: visible;
	}

}




@-webkit-keyframes grow {

	0% {
		display: none;
		opacity: 0;
	}

	50% {
		display: block;
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}

}

@keyframes grow {

	0% {
		display: none;
		opacity: 0;
	}

	50% {
		display: block;
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}

}