/* MENU W/ ANIMATED BURGER */

#cssmenu {position: relative; z-index: 999; width: 100%; margin: 0 auto; margin-top: 15px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {border: 0; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box;}
#cssmenu:after, #cssmenu > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
#cssmenu > ul {margin:0 0 0 0;}
#cssmenu > ul > li {display: inline-block;}
#cssmenu > ul > li > a {font-size: 12.5px; color: #000; font-family: 'Julius Sans One', sans-serif; line-height: 20px; padding: 10px 15px; transition: all .3s ease;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li:focus > a,#cssmenu ul li.active a {color: #9b9a9a;}


#cssmenu ul ul {position: absolute; left: -9999px;}
#cssmenu ul ul li {height: 0; background: #f3f3f3; transition: all .25s ease;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul ul ul {margin-left: 100%; top: 0;}
#cssmenu ul ul li a {padding: 10px 15px; font-size: 13px; width: 222px; color: #000; text-align: left;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #9b9a9a;}


#navigation-mobile {display: none; width: 100%;}
#navigation-mobile .mobile-bar {position: relative;}
#navigation-mobile .level-indicator {position: absolute; right: 15px;}
#mobile-panel {display: none; border-top: 1px solid #e7e7e7; padding-top: 15px;}


@media screen and (max-width: 1000px){
	#navcontain {display: none;}
	#navigation-mobile {display: block;}
	#navigation-mobile button.c-hamburger {cursor: pointer;}
	#mobile-panel a {display: flex; flex-direction: column; text-align: center; font-size: 12.5px; color: #000; padding: 5px 15px; transition: all .3s ease;}
	#mobile-panel a:hover {color: #9a9a9a;}
}