.nav-menu {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	margin-top: 0;
}

.nav-menu .sub-menu-block {
	height: 100%;
	padding: 1rem 2rem;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: stretch;
	/*max-width:60%;*/
}

.nav-menu .sub-menu-block::after {
	content: '';
	display: inline-flex;
	background-image: url('/assets/images/green-link-arrow.svg');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 12px;
	width: 12px;
	transform-box: fill-box;
	transform-origin: center;
}

.nav-menu a.view-all-link .sub-menu-block::after {
	display:none;
}

/*.nav-menu .sub-menu-block:last-child::after {
	display: none;
}*/

.nav-menu a, .nav-menu a:hover {
	box-shadow: none;
}

.nav-menu a:hover > div {
	background-color: #c7e94f;
	transition:background-color ease 200ms;
}

/*.nav-menu a > div .sub-menu-title-only,
.nav-menu a > div .sub-menu-title-with-text,
.nav-menu a > div .sub-menu-text {
	transition:background-color ease 200ms;
}*/

.nav-menu a:hover > div .sub-menu-title-only,
.nav-menu a:hover > div .sub-menu-title-with-text,
.nav-menu a:hover > div .sub-menu-text {
	background-color: #c7e94f;
	color: #1c3a47;
}

.nav-menu a > div .sub-menu-title-only,
.nav-menu a > div .sub-menu-title-with-text {
	font: normal normal bold 18px/25px Muli;
	letter-spacing:0px;
	margin-bottom:5px;
	/*color:#c7e94f;*/
}

.nav-menu a > div .sub-menu-text {
	font-weight:normal;
	font-size:15px;
	letter-spacing: 0.8px;
}

.nav-menu .sub-menu-title-with-text,
.nav-menu .sub-menu-title-image-block {
	color: #ffffff;
}

.nav-menu .sub-menu-text,
.nav-menu .sub-menu-text-image-block {
	color: #ffffff;
}

.nav-menu .sub-menu-title-only {
	color: #000;
	margin-left: 2.3rem;
}

.nav-menu-background {
	z-index: 800;
	background-color: #1c3a47;
	position: static !important;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	border-bottom: 1px solid #333;
	flex-wrap:wrap;
}

.nav-menu .sub-menu-image-container,
.nav-menu .sub-menu-image-text-container,
.nav-menu .sub-menu-arrow-container,
.nav-menu .sub-menu-text-container {
	display: inline-block;
	vertical-align: top;
	flex: 1;
}

.nav-menu .sub-menu-text-container {
	padding-right: 9rem;
}

.nav-menu .sub-menu-image-container {
	flex: 0 0 auto;
}

.nav-menu a:hover  {
	background-color:#c7e94f;
}

.nav-menu .sub-menu-arrow-container {
	margin-right: 0.5rem;
	flex: 0 0 auto;
}

.full-width-menu {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	justify-content: space-between;
	align-items:center;
	background-color: #1c3a47;
	min-height:110px;
}

.full-width-menu > .sub-menu-container {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding-left: 25px;
}

.full-width-menu.active > .sub-menu-container {
	height: 100vh;
	pointer-events: none;
	padding-left: 25px;
}

.full-width-menu.active > .sub-menu-container > .nav-menu-background {
	height: 100%;
}

.full-width-menu > .menu-container a.menu-link.sub-menu-link,
.full-width-menu > .menu-container a {
	color: #FFFFFF;
	text-decoration: none;
	box-shadow: none;
}

.full-width-menu > .sub-menu-container > .nav-menu {
	visibility: hidden;
	transform: translateX(100%);
	transition: transform .2s ease-in-out, height 3s, visibility 3s, -webkit-transform .2s ease-in-out;
}

.full-width-menu.active > .sub-menu-container > .nav-menu.active {
	transform: translateX(0);
	transition: transform .2s ease-in-out, height 0s, visibility 0s, -webkit-transform .2s ease-in-out;
	visibility: visible;
}

.full-width-menu.active > .sub-menu-container > .nav-menu.active > .nav-menu-background {
	flex-direction: column;
	height: 100%;
	pointer-events: all;
}

/*.full-width-menu > .sub-menu-container > .nav-menu {
	display:none;
}*/

.full-width-menu.active > .sub-menu-container > .nav-menu.active {
	display: block;
	height:100%;
}

.full-width-menu > a {
	box-shadow: none;
}

.full-width-menu > a > img.logo {
	height: auto;
	padding: 33px 0 33px 25px;
}

.full-width-menu > a > .menu-button {
	display:block;
	margin-right:15px;
}

.full-width-menu > .menu-container {
	display: none;
	background-color: #1c3a47;
}


.full-width-menu.active > .menu-container {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-evenly;
	padding: 0;
	align-items: start;
	flex-wrap: nowrap;
	color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position:absolute;
	top:100%;
}

.full-width-menu.active > .menu-container > .navigation-right {
	align-items: start;
	flex-direction: column-reverse;
	width:100%;
}

.full-width-menu > .menu-container > .navigation-right > .navigation-top-right {
	background-color: #23474d;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 11px 11px;
	clip-path: initial;
	width: 100%;
	clip-path: polygon(0% 0%, 100% 0%,79% 100%, 0% 100%);
	font-size: 15px;
	font-weight: 600;
	letter-spacing:0px;
}

.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px 10px;
	clip-path: initial;
}

.full-width-menu.active > .menu-container > .navigation-right > .navigation-top-right > a {
	font-size: 19px;
	padding: 10px 0;
	margin-left: 25px;
}

.full-width-menu.active > .menu-container > .navigation-right > .navigation-bottom-right > a {
	font: normal normal bold 19px/24px Muli;
	padding: 10px 0;
	margin-left: 25px;
}

a.view-all-link > .sub-menu-block,
a.view-all-link:hover > .sub-menu-block,
.nav-menu > div a.view-all-link > div.sub-menu-block > div.sub-menu-title-only {
	background-color: #1c3a47;
	color: #c7e94f;
}

a.view-all-link > .sub-menu-block > .sub-menu-title-only {
	color: #c7e94f;
	text-decoration: underline;
	font-weight:600;
	font-size:15px;
	align-self:end;
	margin-right:auto;
	margin-left:0;
	letter-spacing:1.5px;
}

.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div {
	margin-left: 0;
	/*padding: 10px 0;*/
}

.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact,
.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact:hover {
	/*do not display on small screens*/
	display:none;
	background-color: #1c3a47;
	font-weight: 500;
	font-size: 19px;
	border: none;
	text-transform: inherit;
	padding: 0;
	margin-left: 25px;
	box-shadow:none;
	color: #ffffff;
	/*required to override a display: none set on smaller screens*/
	/*display:inline;*/
}

.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a.contact,
.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a.contact:hover {
	border:none;
	background-color: transparent;
	box-shadow :none;
}

.full-width-menu span.back-button,
.full-width-menu span.current-subject {
	display: none;
	display: none;
}

.full-width-menu.active.back-button-shown span.back-button {
	display: block;
	margin-left: 1.25rem;
	margin-right: auto;
	color: #c7e94f;
	height: 100%;
	padding: 33px 0 33px 0;
}

.full-width-menu.active.back-button-shown span.current-subject {
	display:block;
	margin:auto auto;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
}

.full-width-menu.active.back-button-shown img.logo {
	display: none;
}

.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right a.sub-menu-link::after {
	content: '';
	display: inline-flex;
	background-image: url('/assets/images/Chevron.svg');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 12px;
	width: 12px;
	transform: rotate(0deg) translateX(-25%);
	transform-box: fill-box;
	transform-origin: center;
	margin-left: 1.5rem;
}

/*.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right a.sub-menu-link:last-child::after {
	display:none;
}*/
	/*Laptop & Above*/
@media only screen and (min-width:991px) {

	.nav-menu a > div .sub-menu-title-only,
	.nav-menu a > div .sub-menu-title-with-text {
		margin-bottom: 10px;
	}

	.full-width-menu > a.logo-container {
		padding-bottom: 24px;
	}

	/*Hide contact link on larger screens.*/
	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a.contact {
		display:none;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact,
	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact:hover {
		display: inline;
	}

	.full-width-menu {
		align-items: end;
	}

	.full-width-menu > .sub-menu-container > .nav-menu {
		display:none;
		visibility:visible;
		transform:translateX(0);
		transition:none;
	}

	.nav-menu a:hover > div .sub-menu-text-container {
		box-shadow: inset 1px 0 0 0 #1c3a47;
	}

	.nav-menu .sub-menu-block:after {
		display:none;
	}

	.nav-menu .sub-menu-text-container {
		margin-left: -0.5rem;
		padding-left: 1rem;
		padding-right:1rem;
		box-shadow: inset 1px 0 0 0 #c7e94f;
		transition: box-shadow ease 200ms;
		max-width: 90%;
	}

	.full-width-menu > a > img.logo {
		height: auto;
		padding: 0 0 0 55px;
	}

	.full-width-menu > .menu-container a.menu-link.sub-menu-link {
		margin-left: 0.6rem;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact::after {
		display:none;
	}

	.back-button, .current-subject {
		display: none;
	}

	.nav-menu .sub-menu-title-only {
		align-self:center;
	}

	.full-width-menu > a > .menu-button {
		display: none;
	}

	.full-width-menu > .menu-container,
	.full-width-menu.active > .menu-container {
		display: flex;
		flex-direction: row;
		background-color: #1c3a47;
		justify-content: end;
		padding: 0;
		color: #ffffff;
		margin-left: auto;
		position: relative;
		top: auto;
	}

	.full-width-menu > .menu-container > .navigation-right,
	.full-width-menu.active > .menu-container > .navigation-right {
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: end;
		width: auto;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right,
	.full-width-menu.active > .menu-container > .navigation-right > .navigation-top-right {
		background-color: #23474d;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		padding: 0.5rem 0;
		clip-path: polygon(0% 100%, 0 100%, 100% 100%, 100% 0, 5% 0);
		max-width:80%;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a,
	.full-width-menu.active > .menu-container > .navigation-right > .navigation-top-right > a {
		margin-right: 32px;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a:nth-last-child(2) {
		margin-right: 75px;
		text-decoration:underline;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a:nth-last-child(2):hover {
		color:#c7e94f;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right {
		margin: auto 0;
		flex-direction: row;
		padding-top:35px;
		padding-bottom:16px;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > a {
		font-weight:bold;
	}

	.full-width-menu > .sub-menu-container {
		height: auto;
		padding-left: 55px;
	}

	.full-width-menu > .sub-menu-container > .nav-menu.active,
	.full-width-menu.active > .sub-menu-container > .nav-menu.active {
		display: block;
		background-color: #1c3a47;
	}

	.full-width-menu.active > .sub-menu-container > .nav-menu.active > .nav-menu-background,
	.full-width-menu > .sub-menu-container > .nav-menu.active > .nav-menu-background {
		flex-direction: row;
	}

	.nav-menu .sub-menu-block {
		padding: 1rem 0 2rem 4rem;
		max-width:100%;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right a.sub-menu-link::after {
		transform: rotate(90deg) translateX(-25%);
		margin-left: 1rem;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a:nth-last-child(2)::after {
		content: '';
		display: inline-flex;
		background-image: url('/assets/images/green-link-arrow.svg');
		background-position: 100% 100%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 12px;
		width: 17px;
		transform: translateY(1px) rotate(-45deg);
		transform-box: fill-box;
		transform-origin: center;
		margin-left:7px;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right a.sub-menu-link.w--current {
		color: #c7e94f;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right a.sub-menu-link.w--current::after {
		transform:rotate(-90deg);
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div {
		margin-top:auto;
		margin-bottom:auto;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div:last-child {
		margin-right:40px;
		/*transform:translateY(-25%);*/
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact {
		font-weight: bold;
		font-size: 16px;
		line-height:20px;
		border: #c7e94f 2px solid;
		background-color: #1c3a47;
		text-transform: uppercase;
		padding: 6px 6px;
		margin-left: 0;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact:hover {
		box-shadow: inset 0 0 0 1.5rem #c7e94f;
		color: #1c3a47;
		font-weight: bold;
		font-size: 16px;
		line-height:20px;
		border: #c7e94f 2px solid;
		background-color: #1c3a47;
		text-transform: uppercase;
		padding: 12px 24px;
		margin-left: 0;
	}

	.nav-menu a {
		flex-basis: 33%;
	}
}

@media only screen and (min-width:1007px) {
	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact {
		padding: 12px 24px;
	}
}

@media only screen and (min-width:1101px) {
	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a,
	.full-width-menu.active > .menu-container > .navigation-right > .navigation-top-right > a {
		margin-right: 40px;
	}

	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > a {
		margin-right:35px;
	}
}

@media only screen and (min-width:1230px) {
	.full-width-menu > .menu-container > .navigation-right > .navigation-top-right > a,
	.full-width-menu.active > .menu-container > .navigation-right > .navigation-top-right > a {
		margin-right: 45px;
	}
}

@media only screen and (min-width:2600px) {
	.full-width-menu > .menu-container > .navigation-right > .navigation-bottom-right > div > a.nav-link.contact:hover {
		box-shadow: inset 0 0 0 5rem #c7e94f;
	}
}

@media only screen and (max-width:798px) {
	.quiz-link {
		display:none;
	}

	.navigation-top-right > .quiz-link {
		display:block;
	}
}

@media only screen and (min-width:799px) {
	.quiz-link {
		display:block;
	}

	.navigation-top-right > .quiz-link {
		display:none;
	}
}