.animatedMenu,
.animatedMenu * {
    -webkit-transition: transform 300ms ease-in-out;  -moz-transition: transform 300ms ease-in-out;  -o-transition: transform 300ms ease-in-out;  transition: transform 300ms ease-in-out;
    transition-property: transform, background, color;
}

nav.language ul li img {
	width: 20px;
	padding-bottom: 5px;
}

nav.primary ul {
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px; 
	/*text-align: right;*/
}

nav.primary a:hover {
	text-decoration: none;
}

nav.primary > ul > li {
	/*display: inline-block;
	padding-left: 1rem;*/
	position: relative;
	padding-left: ;
}


	nav.primary > ul li {
		position: relative;
	}

		nav.primary > ul li ul {
			position: absolute;
			left: -10000px;
			top: 0px;
			width: 150%;
			padding: 0px;
			transform: translateY(10px);
			background-color: var(--primary);
			z-index: 1;
		}

		nav.primary > ul li:hover > ul {
			left: 100%;
			transform: translateY(0px);
			padding-top: 10px;
			padding-bottom: 10px;
		}

		nav.primary > ul > li:hover > ul {
			left: 0px;
			top: 100%;
		}

		nav.primary > ul li ul > li:first-child {
			/*padding-top: 30px;*/
		}

		nav.primary > ul li ul > li a {
			color: #fff;
			text-transform: uppercase;
		}
			nav.primary > ul li ul > li:hover a {
				background-color: #fff;
				color: var(--primary);
			}

nav.primary > ul > li > a {
	font-size: 1rem;
	font-weight: 500;
	color: #000;
}

nav.primary > ul > li:hover/*,
nav.primary > ul > li.current > a,
nav.primary > ul > li.section > a*/ {
	/*background-color: #000;
	color:  #fff;*/
}

nav.primary > ul > li > a:hover,
nav.primary > ul > li.current > a,
nav.primary > ul > li.section > a {
	background-color: #000;
	color:  #fff;
}

nav.primary li li a {
	text-align: left;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

nav.primary li .current > a,
nav.primary li .section > a,
nav.primary li li:hover > a {
	background: var(--primary);
	/*color: #fff;*/
}


.hamburger {
	background-color: rgba(0, 0, 0, .5) !important;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #FFF !important;
}

#mobileMenu .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	/*background-color: var(--primary) !important;*/
}

#mobileMenu {
	/*display: none;*/
	position: fixed;
	top: 0px;
	left: -3000px;
	z-index: 1021;
	background-color: rgba(255,255,255,.95);/*rgba(53,53,53,1);*/
	
	width: 250px;
	min-width: 250px;
	bottom: 0px;
	overflow: hidden;
}
	#mobileMenu.is-active {
		left: 0px;
	}

	#mobileMenu > a {
		/*background: linear-gradient(to right,#064a3b,#9cbf22);*/
	}
	#mobileMenu ul {
		list-style: none;
	}
		#mobileMenu nav > ul {
			padding: 10px 15px;
		}

			#mobileMenu nav > ul.sideMain > li {
				position: relative;
			}
		#mobileMenu > nav > ul > li > a {
			color: #000;
			text-transform: uppercase;
			font-weight: bold;
		}

		#mobileMenu > nav > ul > li a {
			color: #000;
		}

		#mobileMenu ul a:hover,
		#mobileMenu ul .section > a,
		#mobileMenu ul .current > a {
			/*color: var(--secondary);
			text-decoration: none;
			text-decoration-color: var(--secondary);*/
		}



#mobileMenu .arrow {
	position: absolute;
	right: 0px;
	top: 10px;
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--secondary);
	border-right: 2px solid  var(--secondary);
	transform: rotate(45deg);

	-webkit-transition: all 300ms ease-in-out;  
	-moz-transition: all 300ms ease-in-out;  
	-o-transition: all 300ms ease-in-out;  
	transition: all 300ms ease-in-out;
}
	#mobileMenu .active > .arrow {
		transform: rotate(135deg);
	}

#mobileMenu .sideSub {
	/*max-height: 0px;*/
	overflow: hidden;
	padding-left: 15px;

	-webkit-transition: all 300ms ease-in-out;  
	-moz-transition: all 300ms ease-in-out;  
	-o-transition: all 300ms ease-in-out;  
	transition: all 300ms ease-in-out;
}
	#mobileMenu .active > .sideSub {
		max-height: 1000px;
	}