:root {
    --c-accent: #05a8ff;
    --c-primary: #589d46;
    --c-accent-opaque: rgba(133, 49, 0, 0.51);
    --c-yellow-opaque: #0088ff;
    --c-link-hover: #5b6f25;
    --c-link-hover-child: #87b44a;
    --c-grey-light: #ecfaf5;
    --header-height: 122px;
    --header-line-color: #f2f2f2;
}

/*****************             MOBILE              ***********************/
nav.mobile_menu {
    display: none;
    /*display: flex;
    align-items: stretch;
    justify-content: space-between;
    z-index: 1;
    position: relative*/
}
/* Menu open button */
nav.mobile_menu a.mobile_menu_trigger {cursor: pointer; position: relative; float: right; color: #333; font-size: 0; display: block; width: 26px; height: 20px; margin: 17px 20px 0 0;}
nav.mobile_menu a.mobile_menu_trigger::after {content: "f054"; display: inline-block; position: absolute; top: 0; right: 0; width: 26px; height: 4px; background: #333; -webkit-box-shadow: 0 8px 0 0 #333, 0 16px 0 0 #333; box-shadow: 0 8px 0 0 #333, 0 16px 0 0 #333;}
/**/
nav.mobile_menu .mobile_menu_fixed {display: none; background-color: #5b6f25; width: 100%; height: 38px; position: fixed; color: #fff;}
nav.mobile_menu .mobile_menu_fixed h4 {padding: 0 0 0 10px;}
nav.mobile_menu .mobile_menu_fixed a.mobile_menu_trigger {position: absolute; top: 0;right: 0; margin: 10px 20px 0 0;}
nav.mobile_menu .mobile_menu_fixed a.mobile_menu_trigger::after {background: #fff; -webkit-box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff; box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff;}
/*nav.mobile_menu .mobile_menu_fixed a.mobile_menu_trigger_fixed {cursor: pointer;  position: absolute;  top: 0; right: 0; color: #333; display: block; width: 26px; height: 20px; margin: 10px 20px 0 0;}
nav.mobile_menu .mobile_menu_fixed a.mobile_menu_trigger_fixed::after {content: "f0534"; display: inline-block; width: 26px; height: 4px; background: #fff; -webkit-box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff; box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff;}*/
/* Fade */
nav.mobile_menu .mobile_menu_blanket {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    z-index: 9;
}
/* Menu block content */
nav.mobile_menu .mobile_menu_content {
    position: fixed;
    top: 0;
    padding: 0;
    margin: 0;
    z-index: 9999999;
    max-width: 100%;
    background-color: #5b6f25;
    max-height: 100%;
    overflow-y: scroll;
}
/* Close button */
nav.mobile_menu a.mobile_menu_close_button {
    position: fixed;
    display: none;
    top: 20px;
    z-index: 99999;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    height: auto;;
    left: 10px;
}
nav.mobile_menu a.mobile_menu_close_button::after {
    content: '\ea0f';
    font-family: 'IcoMoon';
    font-size: 30px;
    margin: 10px;
    display: inline-block;
    min-width: 1.1em;
    text-align: center;
}
/* Mobile title */
nav.mobile_menu .title {
    cursor: default;
    font-family: 'Montserrat Alternates', sans-serif;
    padding: 9px 20px;
    font-size: 22px;
    font-weight: 800;
    border-bottom: 1px solid #fff;
    color: #fff;
}
/* Li Parent arrow */
nav.mobile_menu .menu li.parent span::after {
    content: '\ea1c';
    font-family: "IcoMoon";
    float: right;
}
/* Li Parent UL back button */
nav.mobile_menu .menu li.parent li.itemback label::before {
    content: '\ea1c';
    font-family: "IcoMoon";
    margin-right: 10px;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
 /* UL First level */
.ScrollBox {
    background-color: #87b44b;
    max-height: 100%;

}
.mobile_menu_content ul.menu {
   position: fixed;
    top: 50px;
    bottom: 0;
    padding: 0;
    margin: 0;
    z-index: 999;    
    background-color: #87b44b;
    list-style: none;
    max-width: 100%;
    /*
    height: 640px;*/
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* UL Second level */
.mobile_menu_content ul.menu ul {
    position: fixed;
    top: 50px;
    padding: 0;
    margin: 0;
    z-index: 999;
    background-color: #87b44b;
    list-style: none;
    height: 100%;
    width: 100%;
    /*
    height: 640px !important; */   
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
/* UL Second level */
.mobile_menu_content ul.menu ul ul {
    position: fixed;
    top: 50px;
    padding: 0;
    margin: 0;
    z-index: 999;
    background-color: #87b44b;
    list-style: none;
    height: 100%;
    max-width: 100%;
    /*
    height: 640px !important;*/   
    max-height: 100%;    
    overflow-x: hidden;
    overflow-y: scroll;
}
.mobile_menu_content .menu li a, .mobile_menu_content .menu li span, .mobile_menu_content .menu li label {
    display: block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 500;
    text-decoration: none;
}
.mobile_menu_content .menu li a.important {
    background-color: red;
}


/*********** TOP MENU ****************/
.header_inner .main_menu {/*--child-height: auto;*/}
.header_inner .main_menu_list {
    display: flex;
    height: 100%;
    align-items: stretch;
    position: relative;
}
.header_inner .main_menu_item {
	margin-left: 1em;
    margin-right: 1em;
    height: auto;
    /*position: relative;*/

}
.header_inner .main_menu_name {
    text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    z-index: 10;
    position: relative;
    box-shadow: 0 0 0 0 #5b6f25;
    box-shadow: 0 0 0 0 var(--c-link-hover);
    transition: color .3s ease-out,box-shadow .2s .1s ease-in-out;
}
.header_inner .main-menu__name[aria-current=true], 
.header_inner .main_menu_name[aria-expanded=true] {
	color: #5b6f25;
    color: var(--c-link-hover);
    box-shadow: 0 3px 0 0 #5b6f25;
    box-shadow: 0 3px 0 0 var(--c-link-hover);
}
.header_inner .main_menu_child {
    background: #fff;
    top: 100%;
	right: 0;
    left: -1px;
    border: 1px solid #efefef;
    border-top: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    /**/
    z-index: 1;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.header_inner .main_menu_childcont {
	width: 100%;
}
.header_inner .main_menu_sublist {  
    padding: 24px;
}
.header_inner .main_menu_subitem {
    margin-bottom: 8px;
}
.header_inner .main_menu_subitem a:hover {
	color: var(--c-link-hover-child);
}
.header_inner .main_menu_subitem a {
	font-weight: 400;
	text-decoration: none;
    height: 100%;
    display: flex;
    align-items: center;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    background-color: transparent;
    z-index: 1;
    position: relative;
    box-shadow: 0 0 0 0 #198b61;
    box-shadow: 0 0 0 0 var(--c-link-hover);
    transition: color .3s ease-out,box-shadow .2s .1s ease-in-out;
}