.mx-hamburger {display: inline-block;position: relative; width: fit-content; cursor: pointer; vertical-align: middle; font-size:0.5em; padding: 1em 0.1em 1em 1.5em;}
.mx-hamburger.left {left: 0;}

.mx-hamburger-title{display: inline-block;position: relative; vertical-align: middle; max-width: 85%;}
.mx-hamburger-title.left{padding-left: 0.5em;}
.mx-hamburger-title a{	text-decoration: none !important; color: #414042 !important;}
.mx-hamburger-title a:hover{	font-weight:400;}

.mx-hamburger-title-wrap{
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
	font-size:1.4rem;
	padding: 0.3em 0;
}
.mx-hamburger-title-wrap .mx-screen-share li{
	padding-left: 1em;
	font-size: 1.2em;
}
.mx-hamburger-title-wrap .mx-screen-share [data-selector-checked="yes"]:before{
	font-family: 'ElegantIcons';
	content: "\4e";
	padding-right: 1em;
}
.mx-hamburger-title-wrap .mx-screen-share [data-selector-checked="no"]:before{
	font-family: 'ElegantIcons';
	content: "\56";
	padding-right: 1em;
}
.mx-hamburger-title-wrap .mx-screen-share{
   display: inline-block;
   float: right;
   font-size: 0.7em;
	color: unset;
   position: absolute;
   top: 50%;
   transform: translateY(-40%);
}
.mx-hamburger-title-wrap .mx-screen-share:hover{
	color: white;
	background-color: #069692;
	border-radius: 5px 5px 0px 0px;
}
.mx-hamburger-title-wrap .mx-screen-share:hover ul{
	top: -1em !important;
	border-radius: 5px 0px 5px 5px !important;
	border-top: unset;
}

.mx-hamburger-bar1, .mx-hamburger-bar2, .mx-hamburger-bar3, .mx-hamburger-bar4 {
    width: 22px;
    height: 2px;
    background-color: var(--darkerTextColor);
    margin: 3px 0;
    transition: 0.4s;
}

.mx-hamburger-bar1.round, .mx-hamburger-bar2.round, .mx-hamburger-bar3.round, .mx-hamburger-bar4.round {
	display: block;
    width: 5px;
    height: 5px;
	 border-radius:5px;
    background-color: var(--darkerTextColor);
    margin: 3px 0;
    transition: 0.4s;
}
.mx-hamburger .round:nth-child(2n+1){
	left:0;
}
.mx-hamburger .round:nth-child(2n+2){
	right:10px;;	
}
.mx-hamburger-change .mx-hamburger-bar1 {
   width: 22px;
   height: 2px;
	left:unset;
	right:unset;
   -webkit-transform: rotate(-45deg) translate(-3px, 4px) scale(1.1) ;
   transform: rotate(-45deg) translate(-3px, 4px) scale(1.1);
}

.mx-hamburger-change .mx-hamburger-bar2 {opacity: 0;}

.mx-hamburger-change .mx-hamburger-bar3 {
   width: 22px;
   height: 2px;
	left:unset;
	right:unset;
	-webkit-transform: rotate(45deg) translate(-3px, -4px) scale(1.1);
   transform: rotate(45deg) translate(-3px, -4px) scale(1.1);
}
.mx-hamburger-change .mx-hamburger-bar4 {opacity: 0;}

.mx-menu {
	z-index: 5; 
	display: none; 
	position: absolute; 
	background: #069692; color: #fff;
	border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;
	max-height: calc(100vh - 200px);
	overflow-y: auto;
	width: 100%;
	background-color: transparent !important;
}
.mx-menu.with-menu {
	position: initial;
	display: block;
	background-color: var(--color-white-0) !important;
	box-shadow: var(--topNavShadow);
	padding-bottom: 1em;
	font-size: 1.1em;
	overflow: auto;
	z-index: auto;
}
@media screen and (max-width: 900px) {
	.mx-menu.with-menu {
		font-size: 1.8em;
	}
}
.mx-menu.with-menu > ul {
	width: 100%;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
}
.mx-menu.with-menu > ul > li {
	width: 30%;
   display: block;
	flex-wrap: wrap;
   padding: 1em 0em !important;
	margin: 2px !important;
   box-shadow: var(--defaultBoxShadow);
	border-radius: var(--anyBorderRadius);
	background-color: var(--bgcolor-white-0);
}
.mx-menu.with-menu > ul > li > a{
   position: initial !important;
} 
.menu-description.with-menu .the_description{
	padding: 0em;
	line-height: 1.4em;
   background-color: var(--bgcolor-white-0);
}
.mx-menu.with-menu .menu-description{
   display: block !important;
   position: inherit !important;
   transform: unset !important;
   background-color: transparent !important;
   padding: 1em !important;
   font-size: 0.8em;
	top: 0 !important;
}
.mx-menu.with-menu > ul > li.menu-fake-li .menu-description{padding-top: 0 !important; padding-bottom: 0 !important;}
.mx-menu.with-menu > ul > li.menu-fake-li > al {
	padding-top:0;
	max-height: 6em;
   font-family: var(--PlayfairFontFamily);
   color: var(--color-orange-button);
}
.mx-menu.with-menu > ul > li.has-sub > ul{
	display: list-item !important;
   flex-wrap: wrap;
	justify-content: space-evenly;
   position: relative !important;
   right: unset;
   left: unset;
	min-height: calc(100% - 8.5em);
   width: 100% !important;
	font-size: 0.8em;
   overflow-x: hidden;
	top: 0 !important;
	border-radius: var(--anyBorderRadius);
}
.mx-menu.with-menu > ul > li.menu-fake-li:after{
	content: unset !important;
	font-size: 1.8em;
}
.mx-menu.with-menu > ul > li.has-sub > ul > li{
	margin: 0 !important;
	text-align: center;
	min-width: 100%;
	border-bottom: 2px solid transparent;
}

.mx-menu.with-menu > ul > li.has-sub > ul > li > a{
/*	padding: 0.3em 1em !important; */
}
.mx-menu.with-menu > ul > li.has-sub > ul > li > a .menu-description{
	display: none !important;
}
.mx-menu.mx-mh-57 {top: 5.7em;}
.mx-menu.mx-mh-46 {top: 4.6em;}

.mx-menu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
	width: max-content;
	min-height: 70vh;
}
#topnav .mx-menu > ul {
	min-height: unset;
}

.mx-menu > ul.vscroll {
   overflow-y: auto;
   max-height: 75vh;
}

.mx-menu,
.mx-menuz > ul > li > ul > li a:hover {
	/*background-color: #069692;*/
}

.mx-menu .menu-description{
   padding-top: 1em;
   font-size: 0.7em;
   display: block;
	text-align: left;
	white-space: normal;
   line-height: normal;
	font-weight: 300;
   width: 25em;
	max-width: 100%;
}
.mx-menu .menu-description p{
/*	margin: 0.4em 0;*/
}
			
/* Submenu width */
.mx-menu > ul > li.has-sub:after {
   font-family: 'ElegantIcons' !important;
   content: "\35" !important;
   padding-left: 1em;
   position: absolute;
   top: 0.7em;
   right: 0;
	opacity: 0.7;
}
.mx-menu > ul > li.has-sub > ul{
	display: none;
   list-style: none;
   padding: 0;
   position: absolute;
   top: 0;
	z-index: 999999;
	overflow-y: auto;
	max-height: 50vh;
   left: 100%;
	margin: 0.1em 0 0.2em 0;
	border: 1px solid #fff;
}

article .mx-menu > ul > li.has-sub > ul{
	background: var(--bgcolor-white-0);
}

.mx-menu > ul > li.has-sub > ul.open{
	display: block;
}
@media screen and (hover: hover), (min-width: 1000px){
	.mx-menu > ul > li.has-sub:hover > ul{
		display: block;
	}
}
@media screen and (max-width: 400px) {
	.mx-menu > ul {
	   overflow-y: scroll;
	}
}
@media screen and (max-width: 600px) {
	.mx-menu > ul > li.has-sub:hover > ul{
		position: unset;
		margin: 0.5em 0;
		display: block;
	}
	.mx-menu > ul > li.has-sub:hover:after {
	   content: "\33" !important;
	}
	
}
@media screen and (max-width: 800px) {
	.mx-menu .menu-description{
		display: none;
	}
	.mx-menu.with-menu {
		display: none;
	}
	.mx-hamburger-title{
		font-size: 1rem;
	}
}

/* IE11 */
@media all and (-ms-high-contrast:none){
	.mx-menu > ul {
		width: 40%;
	}
	.mx-menu > ul > li.has-sub:hover > ul{
		display: block;
	}
}

.mx-menu > ul > li.has-sub > ul > li {
	list-style: inside none;
	padding: 0.2em 0em;
	border-bottom: 2px solid transparent;
	display: block;
	position: relative;
   left: 0;
/*	background: #014947; */
}
article .mx-menu > ul > li.has-sub > ul {
   box-shadow: var(--defaultBoxShadowWide);
	border-top-right-radius: var(--anyBorderRadius);
	border-bottom-right-radius: var(--anyBorderRadius);
}
article .mx-menu > ul > li.has-sub > ul > li {
	background-color: var(--bgcolor-white-0);
	color: var(--color-nav);
   box-shadow: var(--defaultBoxShadowWide);
}
.mx-menu > ul > li.has-sub > ul > li > a {
	color: #fff;
	outline: none;
	display: block;
	position: relative;
	padding: 0.6em 2em;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	border-right: 0px solid #414042;
	z-index: 110001;
	overflow:hidden;
}
article .mx-menu > ul > li.has-sub > ul > li > a {
	color: var(--color-nav);
}
.mx-menu > ul > li.has-sub > ul > li:hover {
	border-bottom: 2px dashed var(--headerNavHoverUnderline) !important;
}
article .mx-menu > ul > li.has-sub > ul > li:hover {
	border-bottom: 2px dashed transparent !important;
}
article .mx-menu > ul > li.has-sub > ul > li a {
	margin: 0.5em 0;
	padding: 0.1em 2em;
	border-bottom: 2px dashed transparent !important;
	color: var(--color-nav);
}
article .mx-menu > ul > li.has-sub > ul > li:hover a {
	border-bottom: 2px dashed var(--headerNavHoverUnderline) !important;
	color: var(--color-nav);
}

.mx-menu > ul > li {
	list-style: inside none;
	margin: 0;
	display: block;
	position: relative;
	border: 1px solid #fff;
	padding: 0.2em 0em;
}
article .mx-menu > ul > li {
	background-color: var(--bgcolor-white-0);
	color: var(--color-nav);
   box-shadow: var(--defaultBoxShadowWide);
}
article .mx-menu > ul > li:first-child {
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
}
article .mx-menu > ul > li:last-child {
	border-bottom-left-radius: var(--anyBorderRadius);
	border-bottom-right-radius: var(--anyBorderRadius);
}
.mx-menu > ul > li.has-nosub {
	display: flex;
	align-items: center;
	font-size: 0.8em;
}
.mx-menu > ul > li.has-nosub a {
	padding: 0.5em 0 !important;
	border-bottom: 2px dashed transparent;
}
article .mx-menu > ul > li.has-nosub a{
	font-size: 1.2em;
	color: var(--color-nav);
}
.mx-menu > ul > li.has-nosub:hover a {
	padding: 0.5em 0 !important;
	border-bottom: 2px dashed var(--headerNavHoverUnderline) !important;
}
article .mx-menu > ul > li.has-nosub a {
	margin: 0.5em 0;
	padding: 0.1em 2em;
	border-bottom: 2px dashed transparent !important;
	color: var(--color-nav);
}
article .mx-menu > ul > li.has-nosub:hover a {
	border-bottom: 2px dashed var(--headerNavHoverUnderline) !important;
	color: var(--color-nav);
}
article .mx-menu > ul > li.has-nosub:hover{
	color: var(--color-nav);
}
.mx-menu > ul > li > al,
.mx-menu > ul > li > a {
	outline: none;
	display: block;
	width: 100%;
	position: relative;
	padding: 0.6em 2em;
	text-align: center;
	text-decoration: none;
	border-right: 0px solid #414042;
	z-index: 110001;
	overflow:hidden;
}

.mx-menu  .mx-menu-current {
	background: #bf3e0d !important;
}
article .mx-menu  .mx-menu-current {
	background: #bf3e0d !important;
	color: var(--whiteColor) !important;
}

/* mx-menu-htabs */
.mx-menu-htabs{
   z-index: 5;
   position: relative;
   color: #fff;
	top: 0.3em;
   width: 100%;
}
.mx-menu-htabs ul{
	white-space: nowrap;
	list-style: none;
   overflow-x: hidden;
   width: calc(100% - 0.6em);
	margin: 0 0.3em;
	padding: 0;
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
   color: var(--color-nav) !important;
}
.mx-menu-htabs ul:hover{
   overflow-x: auto;
}
.mx-menu-htabs ul li{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
	border-bottom: 3px solid transparent;
   box-shadow: var(--checkboxBoxShadow);
}
.mx-menu-htabs > ul > li:hover {
	border-bottom: 3px solid var(--headerNavHoverUnderline) !important;
}
.mx-menu-htabs .mx-menu-current {
	border-bottom: 3px solid var(--headerNavHoverUnderline) !important;
}
.mx-menu-htabs ul li a,
.mx-menu-htabs ul li .mx-clickable{
	text-align: center;
	text-decoration: none;
	line-height: 2.5;
	padding: 0.3em 1em 0.6em 1em;
	color: var(--color-nav);
}
.mx-menu-htabs .menu-description{
	display: none;
}

.mx-menu-htabs .paddles{
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
}
.mx-menu-htabs .paddle{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	font-size: 1.5em;
	border: none;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.5s linear;
}
.mx-menu-htabs:hover .paddle{
   background-color: var(--headerLightGreenSolid);
   color: var(--color-dark-green-70);
   visibility: visible;
   opacity: 1;
}
.mx-menu-htabs .left-paddle {
	left: 0;
}
.mx-menu-htabs .left-paddle:before {
	font-family: ElegantIcons !important;
	content: "\34";
}
.mx-menu-htabs .right-paddle {
	right: 0;
}
.mx-menu-htabs .right-paddle:before {
	font-family: ElegantIcons !important;
	content: "\35";
}
.mx-menu-htabs .hidden {
	display: none;
}

/* mx-menu-buttons */
.mx-menu-buttons{
   z-index: 5;
   position: relative;
   color: #fff;
	top: 0.3em;
   width: 100%;
}
.mx-menu-buttons ul{
	white-space: nowrap;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	font-size: 1.2em;
	list-style: none;
   overflow-x: hidden;
   width: calc(100% - 0.6em);
	margin: 0 0.3em;
	padding: 0;
	border-radius: var(--anyBorderRadius);
   color: var(--color-nav) !important;
}
.mx-menu-buttons ul:hover{
   overflow-x: auto;
}
.mx-menu-buttons ul li{
	display: inline-block;
	margin: 1em;
	text-align: center;
	text-decoration: none;
	border-radius: var(--anyBorderRadius);
	border-bottom: 3px solid transparent;
   box-shadow: var(--checkboxBoxShadow);
}
.mx-menu-buttons > ul > li:hover {
	border-bottom: 3px solid var(--headerNavHoverUnderline) !important;
}
.mx-menu-buttons .mx-menu-current {
}
.mx-menu-buttons ul li a,
.mx-menu-buttons ul li .mx-clickable{
	text-align: center;
	text-decoration: none;
	line-height: 2.5;
	padding: 2em 1em;
	display: block;
	color: var(--color-nav);
}
.mx-menu-buttons .menu-description{
	display: none;
}

.mx-menu-buttons .paddles{
	border-top-left-radius: var(--anyBorderRadius);
	border-top-right-radius: var(--anyBorderRadius);
}
.mx-menu-buttons .paddle{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	font-size: 1.5em;
	border: none;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.5s linear;
}
.mx-menu-buttons:hover .paddle{
   background-color: var(--headerLightGreenSolid);
   color: var(--color-dark-green-70);
   visibility: visible;
   opacity: 1;
}
.mx-menu-buttons .left-paddle {
	left: 0;
}
.mx-menu-buttons .left-paddle:before {
	font-family: ElegantIcons !important;
	content: "\34";
}
.mx-menu-buttons .right-paddle {
	right: 0;
}
.mx-menu-buttons .right-paddle:before {
	font-family: ElegantIcons !important;
	content: "\35";
}
.mx-menu-buttons .hidden {
	display: none;
}