.meganav-module{
	background:#fff;
	padding:0 5rem;
	box-shadow: 0px 3px 6px #0000000F;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index:10;
}
.nav-height{
	width:100%;
}
.nav-overlay{
	visibility:hidden;
	opacity:0;
	z-index:-1;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(36, 39, 42, .86);
	z-index:9;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.nav-open{
	overflow:hidden;
}
.nav-open .nav-overlay{
	visibility:visible;
	opacity:1;
	z-index:9;
}
.meganav-module .nav-wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.meganav-module .nav-logo{
	max-width:11rem;
}
.meganav-module .nav-logo img{
	max-width:100%;
}
.meganav-module nav ul{
	padding:0;
	margin:0;
	list-style:none;
}
.meganav-module nav a{
	text-decoration:none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.meganav-module .nav-ul.level-2 a{
	display: flex;
	align-items: center;
}
.meganav-module .meganav .nav-ul.level-2 a{
    width: max-content;
}
.meganav-module .nav-li.level-2{
	margin-top:1.7rem;
}
.meganav-module .nav-li.level-2.has-children > a{
	margin-bottom:1rem;
}
.meganav-module .nav-li.level-2:hover .nav-a.level-2{
	color: #B81D41;
}
.meganav-module .meganav .nav-a.level-2{
	width: max-content;
}
.meganav-module .nav-ul.level-2 img{
	width:3rem;
	height:3rem;
	max-width:100%;
	max-height:100%;
	margin-right:1rem;
}
.meganav-module .nav-ul.level-3{
	padding-left: 4rem;
}
.meganav-module .nav-ul.level-1{
	display:flex;
	align-items:center;
}
.meganav-module .nav-li.level-1{
	padding:0rem;
	position:relative;
}
.meganav-module .nav-div.level-2{
	position:absolute;
	z-index:-1;
	visibility:hidden;
	opacity:0;
	box-shadow: 0px 3px 6px #0000000F;
	width:max-content;
	max-width: 35rem;
}
.meganav-module .nav-div .title p{
	margin:0;
	font-size:1.6rem;
	letter-spacing:-0.024rem;
	font-weight:bold;
	border-bottom:1px solid #B81D41;
	padding-bottom:1rem;
	margin-bottom:1rem;
}
.meganav-module .nav-a.level-2{
	font-size:1.6rem;
	letter-spacing:-0.024rem;
	font-weight:bold;
	color:#24272A;
}
.meganav-module .nav-ul a:hover{
	color: #b8193f;
}
.meganav-module .nav-a.level-3{
	font-size:1.6rem;
	letter-spacing:-0.024rem;
	color:#24272A;
	margin-bottom:1rem;
}
.meganav-module .nav-li.level-1:hover .nav-div.level-2,
.meganav-module .nav-li.level-1.active .nav-div.level-2{
	z-index:9;
	visibility:visible;
	opacity:1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.meganav-module .nav-div.meganav{
	display: flex;
	left: 50%;
	transform: translate(-50%, 0);
	bottom:auto !important;
}
.meganav-module .nav-div.meganav .small{
	width: 30rem;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 3rem 5rem;
}
.meganav-module .nav-div.meganav .nav-ul.level-2{
	min-width: 22.8rem;
}
.meganav-module .nav-div.meganav .large{
	display: flex;
	flex-direction: column;
	background: #F7F5F8;
	padding: 3rem 5rem;
}
.meganav-module .nav-div.meganav .nav{
	display:flex;
}
.meganav-module .simple .nav-li.level-2{
	display:flex;
	align-items:center;
}
.meganav-module .nav-a.level-1{
	    color: #24272a;
	font-size:1.6rem;
	padding:3.2rem 2rem;
	font-weight:bold;
	display:inline-block;
	line-height:1;
}
.meganav-module .nav-li.level-1:hover .nav-a.level-1{
	color:#B81D41;
}
.meganav-module .simple .nav-a.level-2{
	width:100%;
	padding:0 3rem;
}
.meganav-module .simple {
	background:#fff;
	padding:2.4rem 0;
}
.meganav-module .simple .nav-ul.level-2 .nav-li.level-2:first-child{
	margin-top:0;
}
.meganav-module .simple .nav-ul.level-2 .nav-li.level-2:hover .nav-a.level-2{
	color: #B81D41;
}
.meganav-module .simple .nav-ul.level-3{
	position: absolute;
	padding: 2.4rem 3rem;
	background: #fff;
	box-shadow: 0px 3px 6px #0000000F;
	left: 100%;
	opacity:0;
	visibility:hidden;
	z-index:-1;
}
.meganav-module .simple .nav-ul.level-3.left{
	left:auto;
	right:100%;
}
.meganav-module .simple .nav-ul.level-3 .nav-a.level-3{
	display:flex;
	white-space: nowrap;
	width:100%;
	font-weight:bold;
}
.meganav-module .simple .nav-ul.level-3 .nav-a.level-3:hover{
	color: #B81D41;
}
.meganav-module .simple .nav-li.level-2:hover .nav-ul.level-3{
	opacity:1;
	visibility:visible;
	z-index:9;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.meganav-module .large .cta{
	margin-top: 4rem;
	margin-bottom: 2rem;
	display:flex;
}
.meganav-module .btn-cta-nav{
	color:#B81D41;
	font-size:1.6rem;
	display:flex;
	align-items: center;
	font-weight:bold;
	line-height:1;
	background:#fff;
	box-shadow: 0px 3px 6px #00000029;
	padding: 1.5rem 1.5rem;
	white-space: nowrap;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.meganav-module .btn-cta-nav img{
	margin-left: 0.5rem;
}
.meganav-module a.btn-cta-nav:hover{
	color:#fff; 
	background:#B81D41;
}
.meganav-module .btn-cta-nav:hover img{
	filter: brightness(0) invert(1);
}
.mobile-extras{
	display:none;
}



@media screen and (max-width: 1366px) {
	.meganav-module {
		padding: 0rem 2rem;
	}

}


@media screen and (max-width: 1066px) {
	.meganav-module .nav-a.level-1 {
		padding: 2rem 2rem 2rem 5rem;
		color:#24272A;
	}
	.meganav-module .main-nav{
		position: absolute;
		top: 11.4rem;
		right: -100%;
		width: 60%;
		height: calc(100vh - 11.4rem);
		background: #fff;
	}
	.nav-open .meganav-module .main-nav{
		right:0;
	}
	.meganav-module {
		padding: 3.6rem 3rem;
	}
	#humb,
	#humb span {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#humb span {
		background: #B81D41;
		border-radius: 9px;
		display: block;
		height: 3px;
		left: 0;
		opacity: 1;
		position: absolute;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		width: 100%;
	}
	#humb {
		cursor: pointer;
		height: 2.4rem;
		margin: 0 auto;
		position: relative;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		width: 2.4rem;
	}
	#humb span:first-child {
		top: 0;
	}
	#humb span:nth-child(2),
	#humb span:nth-child(3) {
		top: .8rem;
	}
	#humb span:nth-child(4) {
		top: 1.6rem;
	}
	.nav-open #humb span:first-child {
		left: 50%;
		top: 18px;
		width: 0;
	}
	.nav-open #humb span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.nav-open #humb span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.nav-open #humb span:nth-child(4) {
		left: 50%;
		top: 18px;
		width: 0;
	}
	.mobile-extras{
		display:block;
	}
	.meganav-module .nav-ul.level-1 {
		align-items: flex-start;
		flex-direction: column;
/* 	Mobile Browsers behavour adds the browser search bar in the page and when the nav overflows, it does not show the last link, extra padding at the bottom, will make
	the box taller but ensures will show the last item	 */
		padding-bottom:8rem;
	}
	.meganav-module .nav-li.level-1{
		width:100%;
	}
	.meganav-module .nav-li.level-1.has-children .nav-a.level-1:before{
		content:'';
		background:url('//3111642.fs1.hubspotusercontent-na1.net/hubfs/3111642/Polygon%201.svg');
		background-size:1.4rem 1.4rem;
		background-repeat:no-repeat;
		height:1.4rem;
		width:1.4rem;
		position: absolute;
		left: 3rem;
		top: 2.5rem;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.meganav-module .nav-li.level-1.has-children.active-open .nav-a.level-1:before,
	.meganav-module .nav-div.meganav .clm.active-open .title:before{
		transform: rotate(90deg);
	}
	.meganav-module .nav-div.level-2,
	.meganav-module .simple .nav-ul.level-3{
		position:static;
		max-width:100%;
		visibility: visible; 
		opacity: 1;
		flex-direction: column;
		width:100%;
	}
	.meganav-module .nav-div.meganav{
		transform: translate(0, 0);
	}

	.meganav-module .nav-div.meganav .clm{
		width:100%;
		padding-top:0;
		padding-bottom:0;
		background:#fff;
	}
	.meganav-module .main-nav{
		overflow:auto;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.meganav-module .nav-div.meganav .clm .title{
		position:relative;
		padding-left: 2rem;
		margin-bottom:1rem;
	}
	.meganav-module .nav-div.meganav .clm .title p{
		margin:0;
		padding:0;
		border:none;
		color:#B81D41;
		font-size:1.6rem;
	}
	.meganav-module .nav-a.level-1{
		font-size:1.8rem;
		    line-height: 1.5;
	}
	.meganav-module .nav-div.meganav .clm .title:before{
		content:'';
		background:url('//3111642.fs1.hubspotusercontent-na1.net/hubfs/3111642/Polygon%201.svg');
		background-size:1.4rem 1.4rem;
		background-repeat:no-repeat;
		height:1.4rem;
		width:1.4rem;
		position: absolute;
		left: 0;
		top: 0.2rem;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.meganav-module .nav-ul.level-2 img{
		display:none;
	}
	.meganav-module .nav-div.meganav .nav-ul.level-2{
		min-width:0;
	}
	.meganav-module .nav-div.meganav .nav {
		padding-left: 2rem;
		display:none;
	}
	.meganav-module .nav-ul.level-3{
		padding-left:0;
		margin-bottom:0;
	}
	.meganav-module .nav-div.meganav .nav {
		flex-direction: column;
		margin-bottom:1rem;
	}
	.meganav-module .nav-div.level-2{
		box-shadow:none;
	}
	.meganav-module .large .cta{
		margin-top:1rem;
		margin-bottom:2rem;
	}
	.meganav-module .btn-cta-nav{
		color:#7B7B7B;
		background:transparent;
		padding:0;
		border:none;
		box-shadow:none;
		font-size:1.6rem;
		white-space: normal;
		    line-height: 1.5;
	}
	.meganav-module a.btn-cta-nav:hover{
		background:transparent;
		color:#B81D41;
	}
	.meganav-module .btn-cta-nav img{
		display:none;
	}
	.meganav-module .nav-li.level-2{
		margin-top:0;
	}
	.meganav-module .meganav .nav-li.level-2{
		margin-bottom:1rem;
	}
	.meganav-module .simple{
		padding:0;
	}
	.meganav-module .nav-ul.level-2{
		padding-left:2rem;
	}
	.meganav-module .simple .nav-li.level-2 {
		flex-direction: column;
		margin-bottom:1rem;
	}
	.meganav-module .simple .nav-ul.level-3{
		z-index:0;
		box-shadow:none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.meganav-module .simple .nav-ul.level-3 .nav-a.level-3{
		font-weight:normal;
		    white-space: normal;
	}
	.meganav-module .nav-div.level-2{
		display:none;
	}
	.meganav-module .nav-li.level-1:hover .nav-div.level-2,
	.meganav-module .nav-li.level-1.active .nav-div.level-2 {
		-webkit-transition: all 0s; 
		-o-transition: all 0s;
		transition: all 0s; 
	}
	.meganav-module .nav-li.level-1.active-open > a,
	.meganav-module .nav-li.level-1:hover .nav-a.level-1{
		color:#24272A;
	}
	.meganav-module .nav-a.level-1 {
		width: 100%;
	}
	.meganav-module .nav-ul.level-2{
		padding-left: 0;
	}
	.meganav-module .meganav .nav-ul.level-2 a{
		margin:0;
	}
	.meganav-module .meganav a.nav-a.level-3{
		margin-top: 1rem;
	}
	.meganav-module .meganav .nav-ul.level-2 .nav-li.level-2:last-child{
		margin-bottom:0;
	}
	.meganav-module .simple .nav-ul.level-2{
		padding-left:2rem;
	}
	.meganav-module .simple .nav-a.level-2{
		color:#B81D41;
	}
	.meganav-module .nav-a.level-2,
	.meganav-module .meganav a.nav-a.level-3{
		font-size:1.6rem;
	}
	.meganav-module .meganav .nav-ul.level-2 a{
    width: auto;
}
}


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

}


@media screen and (max-width: 600px) {
.meganav-module .main-nav {
    width: 80%;
}
}

@media screen and (max-width: 500px) {
.meganav-module .main-nav {
    width: 90%;
}
}