/* -------------------------------------------------------------------------------- Navigation */
#ed-menu nav {
    margin-right:10px;
    position:absolute;
    top:0;
    right:0;
}
.responsive_nav {display:none;}

#navigation, 
#navigation ul {
    list-style:none;
    padding:0;
    margin:0;
    zoom:1;
}

#navigation:after {clear:both;}

#navigation {
    display:block;
    position:relative;
    z-index:202;
}

#navigation li {
    display:block;
    position:relative;
    z-index:203;
}

#navigation > li {
    float:left;
    margin-left:20px;
    position:relative;
}

#navigation > li:hover {z-index:10000;}

#navigation a {
    text-decoration:none;
    display:block;
    position:relative;
    z-index:204;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#navigation > li > a {
    text-align:center;
    width:120px;
    font-size:14px;
    margin-top:-8px;
    z-index:205;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#navigation > li > a:before {
    content:'';
    border-bottom:8px solid transparent;
    border-left:0 solid transparent;
    border-right:0 solid transparent;
    display:block;
    width:100%;
    position:absolute;
    left:-9px;
    top:0;
}

html.csstransitions .js_firefox #navigation > li > a:before {
    -webkit-transition:border .2s ease-in-out;
    -moz-transition:border .2s ease-in-out;
    -ms-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out;
}

#navigation > li > a:hover:before,
#navigation > li:hover > a:before,
#navigation > li.current_page_item > a:before,
#navigation > li.current_page_ancestor > a:before,
#navigation > li.current-menu-ancestor > a:before {
    border-bottom-color:#483601; 
    border-left-width:9px; 
    border-right-width:9px;
}

#navigation > li > a:after, 
#navigation > li > a > span:after {
    content:'';
    border-top:8px solid #ffc404;
    border-right:70px solid transparent;
    position:absolute;
    left:0;
    bottom:100%;
}

#navigation > li > a:after {
    border-right:0;
    border-left:70px solid transparent;
    left:auto;
    right:0;
}

#navigation > li > a:hover:after,
#navigation > li:hover > a:after,
#navigation > li.current_page_item > a:after,
#navigation > li.current_page_ancestor > a:after,
#navigation > li.current-menu-ancestor > a:after, 
#navigation > li > a:hover > span:after,
#navigation > li:hover > a > span:after,
#navigation > li.current_page_item > a > span:after,
#navigation > li.current_page_ancestor > a > span:after,
#navigation > li.current-menu-ancestor > a > span:after {bottom:-8px;}

#navigation > li > a > span {
    display:block;
    padding:46px 0 3px;
    position:relative;
}

html.csstransitions .js_firefox #navigation > li > a > span {
    -webkit-transition:padding .3s ease-in-out;
    -moz-transition:padding .3s ease-in-out;
    -ms-transition:padding .3s ease-in-out;
    -o-transition:padding .3s ease-in-out;
    transition:padding .3s ease-in-out;
}

#navigation > li.dropdown > a:hover > span,
#navigation > li.dropdown:hover > a > span,
#navigation > li.dropdown.current_page_item > a:hover > span,
#navigation > li.dropdown.current_page_ancestor > a:hover > span,
#navigation > li.dropdown.current-menu-ancestor > a:hover > span {padding-bottom:20px;}

#navigation > li > a > span:before,
#navigation > li > a > span > span:before {
    content:'';
  
    background-repeat:repeat-x;
    background-position:0 8px;
    background-color:#ffc404;
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%);
}

html.csstransitions #navigation > li > a {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}

html.csstransitions .js_firefox #navigation > li > a {
    -webkit-transition:color .3s ease-in-out;
    -moz-transition:color .3s ease-in-out;
    -ms-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
}

html.csstransitions .js_firefox #navigation > li > a > span:before,
html.csstransitions .js_firefox #navigation > li > a > span > span:before,
html.csstransitions .js_firefox #navigation > li > a:after,
html.csstransitions .js_firefox #navigation > li > a > span:after {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

#navigation > li > a:hover > span:before,
#navigation > li:hover > a > span:before,
#navigation > li.current_page_item > a > span:before,
#navigation > li.current_page_ancestor > a > span:before,
#navigation > li.current-menu-ancestor > a > span:before, 
#navigation > li > a:hover > span > span:before,
#navigation > li:hover > a > span > span:before,
#navigation > li.current_page_item > a > span > span:before,
#navigation > li.current_page_ancestor > a > span > span:before,
#navigation > li.current-menu-ancestor > a > span > span:before {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}

#navigation > li > a > span > span {
    display:inline-block;
    width:100%;
    padding:17px 5px;
    position:relative;
    z-index:1;
    word-wrap:break-word;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
html.csstransitions #navigation ul {
    -webkit-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    -ms-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    transition: opacity 1.3s ease-in-out, margin 1.3s ease-in-out;
}
#navigation > li > a > span > span:before {
  
    z-index:-1;
    -webkit-transform:translateY(-200%);
    -moz-transform:translateY(-200%);
    -ms-transform:translateY(-200%);
    -o-transform:translateY(-200%);
    transform:translateY(-200%);
}

#navigation ul {
    background-color:#2f2927;
    margin:20px 0 0;
    padding:30px 0 25px;
    visibility:hidden;
    position:absolute;
    left:-5px;
    top:100%;
    opacity:0;
    filter:alpha(opaciy=0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

html.csstransitions #navigation ul {
    -webkit-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    -ms-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out, margin .3s ease-in-out;
    transition:opacity .3s ease-in-out, margin .3s ease-in-out;
}

#navigation li:hover > ul {
    margin:-8px 0 0;
    visibility:visible;
    opacity:1;
}

#navigation ul ul {
    margin:-15px 0 0 20px;
    padding-top:15px;
    left:100%;
    top:0;
}

#navigation ul ul:before {
    content:'';
    display:block;
    width:1px;
    height:100%;
    position:absolute;
    left:-1px;
    top:0;
}

#navigation ul li:hover > ul {margin:-15px 0 0 1px;}

#navigation ul li {
    float:none;
    margin:0;
}

#navigation ul li a {
    text-align:center;
    display:block;
    width:130px;
    padding:2px 5px;
    border: 0.1em solid white;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


html.csstransitions #navigation ul li a {
    -webkit-transition:color .3s ease-in-out;
    -moz-transition:color .3s ease-in-out;
    -ms-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
}
/* ====> Navigation <==== */

#navigation > li > a {
    color:#483601;
}

#navigation li.current_page_item > a,
#navigation li.current_page_ancestor > a,
#navigation li.current-menu-ancestor > a,
#navigation li:hover > a:hover,
#navigation li:hover > a {
    color:#ffffff;
     -webkit-transition:color .3s ease-in-out;
    -moz-transition:color .3s ease-in-out;
    -ms-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .1s ease-in-out;
    background-color: white;
}

#navigation ul li > a,
#navigation > li.dropdown > a:hover {

    color:#ffffff;
}

#navigation li li.current_page_item > a,
#navigation li li.current_page_ancestor > a,
#navigation li li.current-menu-ancestor > a,
#navigation li li:hover > a:hover,
#navigation ul li:hover > a {
    color:black;
}