
/*!
 * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
 /*
@font-face {
  font-family: 'AwesomeFree';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../Fonts/fa-regular-400.eot");
  src: url("../Fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../Fonts/fa-regular-400.woff2") format("woff2"), url("../Fonts/fa-regular-400.woff") format("woff"), url("../Fonts/fa-regular-400.ttf") format("truetype"), url("../Fonts/fa-regular-400.svg#fontawesome") format("svg"); }

*/

/* MAIN MENU */
#navi_main {
    user-select: none;
}
#navi_main ul, #navi_main li {
	text-indent:0;
	padding:0;
	list-style:none;
}

#navi_main > ul {
	z-index: 1500;
	width: 100%
	}

#navi_main > ul > li {
	display:inline-block;
	float: left;
	z-index: 1500;
	position: relative;
    padding: 0 clamp(0.313rem, -1.303rem + 2.809vw, 0.938rem);
}
#navi_main > ul > li > a {
    font-family: 'Oswald', Verdana, sans-serif;
    font-size: 22px;
    line-height: 42px;
    display: inline-block;
    height: 42px;
    color: #000;
    font-weight: normal;
    padding: 0;
    text-transform: uppercase;
}

#navi_main a {
    transition:  1s;
}
#navi_main a:hover {
    transition:  0s;
}

#navi_main > ul > li.act > a {
    color: rgb(77,116,70);
}
#navi_main > ul > li > a:hover,
#navi_main > ul > li:hover > a {
	color: rgb(100,150,91);
}
#navi_main  ul > li:hover {
}

#navi_main > ul > li b {
	display: inline-block;
	width: 100%;
	height: 28px;
	background: rgba(255,255,255,0);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
    transition: 0.1s 0.7s;
}
#navi_main > ul > li:hover b {
	height: 0;
}
/* home */
#navi_main > ul > li.menuid471 {
    padding: 0;
}
#navi_main > ul > li.menuid471 > a {
    font-family: 'Font Awesome 5 Free';
    font-size: 1px;
    color: rgb(255,255,255);
    width: 24px;
}
#navi_main > ul > li.menuid471 > a:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 900;
    color: #000;
    position: relative;
    content: "\F015";
    left: -2px;
    top: 0;
}
#navi_main > ul > li.menuid471:hover > a:before {
    color: rgb(100,150,91);
}
#navi_main li.meta {
    display: none;
}

body {
   overflow-x: hidden;
}


/* sub */
#navi_main > ul > li > ul {
    position: absolute;
    left: 0;
    text-align: left;
    opacity: 0;
    transform: scale(1,0);
    transform-origin: top center;
    /*
    transition: opacity 1s;
    transition-delay: 0.3s;
    transition-timing-function: cubic-bezier(0.3,0,0.1,1);
    */
    transition: opacity 0.3s linear 0.3s, transform 0s linear 0.6s;
    /*box-shadow: 0 0 30px rgba(255,255,255,0.2);*/
    min-width: 204px;
    padding: 30px 0;
}
#navi_main > ul > li > ul > li.sep {
    display: none;
}
@media only screen and (min-width: 819px) {

    #navi_main li li a {
        margin-bottom: 10px;
    }
    #navi_main > ul > li b {
        display: none;
    }
    #navi_main > ul > li.layout-1 {
        position: initial;
    }
    #navi_main > ul > li.layout-0 > ul > li.sep{
        padding: 0 24px;
    }
    #navi_main > ul > li > ul > li.sep{
        display: block;
        color: white;
        opacity: .15;
        position: relative;
        vertical-align: super;
        font-family: Oswald;
        font-size: 48px;
        font-style: normal;
        font-weight: 500;
        line-height: 1em;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    #navi_main > ul > li.layout-1 > ul {
        width: 100vw;
        left: -10px;
        position: absolute;
        z-index: 1002;
    }

    #navi_main > ul > li.layout-1 > ul > li {
        display: table-cell;
    }
    #navi_main > ul > li > ul > li.sep {
        display: block;
    }

    #navi_main > ul > li.layout-1 > ul > li a {
        inline-size: 270px;
    }

    #navi_main > ul > li.layout-1 > ul > li:not(:first-child) {
        border-left: 1px solid #ffffff;
    }


    :root {
        --subnav-height: 400px;
        --subnav-offset-top: 40px;
    }

    #navi_main > ul > li > ul:after {
        content: "";
        top: 0;
        background: rgb(77,116,70);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        width: 300vw;
        height: 100%;
        position: absolute;
        z-index: -1;
        transition: visibility 0.2s linear 0.2s, opacity 0.2s linear;
        transition-delay: 0.3s;
        visibility: hidden;
        opacity: 0;
        transform: translateX(-100vw);
        left: 0;
    }

    #navi_main > ul > li.sub:hover > ul:after{
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }

    #navi_main >ul > li > ul > li.sub > a {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 1276px) {
    :root {
        --subnav-offset-top: 27px;
    }
}
@media only screen and (min-width: 1024px) {

}
@media only screen and (min-width: 819px) and (max-width: 1276px) {
    #navi_main > ul > li.layout-1 > ul > li:nth-child(2n - 1) a {
        padding-left: 10px;
    }
    #navi_main > ul > li.layout-1 > ul > li a {
        inline-size: calc(50vw - 20px);
    }

    #navi_main > ul > li.layout-1 > ul > li {
        display: inline-table;
    }

    #navi_main > ul > li.layout-1 > ul > li:not(:first-child) {
        border-left: none;
    }

    #navi_main > ul > li.layout-1 > ul > li:nth-child(2n + 0) {
        border-left: 1px solid #ffffff;
    }

    #navi_main > ul > li.layout-1 > ul > li:nth-child(n + 3) {
        margin-top: 20px;
    }
}

/* last sub right-aligned */
/*
#navi_main > ul > li:last-of-type > ul {
	left: auto;
	right: 0;
}
*/
#navi_main > ul > li:hover  ul {
    opacity: 1;
    transform: scale(1,1);
    /*
	transition: opacity 0.6s;
    transition-duration: 0.6s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.3,0,0.1,1);
    */
    transition: opacity 0.2s linear 0s, transform 0s linear 0s;
	}

#navi_main >ul > li > ul > li {
    clear: left;
}


#navi_main li li a {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    display: block;
	padding: 0 24px;
	color: white;
    word-break: break-word;
}

#navi_main li li > a:hover {
    color: rgb(193,212,60);
}

#navi_main  li  li.act > a {
    color: rgb(193,212,60);
}
/* sub with sub */
#navi_main >ul > li > ul > li.sub > a {
    font-family: 'Oswald', Verdana, sans-serif;
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    text-transform: uppercase;
}


/* sub sub for editions */
/*
#navi_main li#menuid36 li li {
    float: left;
}
#navi_main li#menuid36 li li a {
    font-size: 14px;
    line-height: 20px;
    width: 51px;
    text-align: center;
    border-right: 1px solid rgb(100,150,91);
    padding: 0;
}
#navi_main li#menuid36 li li:nth-child(4n) a {
    border-right: none;
}
*/

/* no sub sub for editions */
#menuid36 ul ul {
    display: none;
}


/* CE MENUES */
.frame-type-menu_pages {
}
.frame-type-menu_pages ul, .frame-type-menu_pages li,
ul.subpages, ul.subpages li {
    text-indent:0;
    padding:0;
    margin: 0;
    list-style:none;
}
.frame-type-menu_pages li:before,
ul.subpages li:before {
    display: none;
    content: none;
}
.frame-type-menu_pages > ul {
}

.frame-type-menu_pages > ul > li {
}
.frame-type-menu_pages > ul > li > a {
}

.frame-type-menu_pages a,
ul.subpages a {
    transition:  1s;
}
.frame-type-menu_pages a:hover,
ul.subpages a:hover {
    transition:  0s;
}

.frame-type-menu_pages > ul > li.act > a {
}
.frame-type-menu_pages > ul > li > a:hover,
.frame-type-menu_pages > ul > li:hover > a {
}
.frame-type-menu_pages  ul > li:hover {
}


/* sub */
.frame-type-menu_pages > ul > li > ul {
}
/* last sub right-aligned */
/*
.frame-type-menu_pages > ul > li:last-of-type > ul {
    left: auto;
    right: 0;
}
*/

.frame-type-menu_pages li li a {
}

.frame-type-menu_pages li li > a:hover {
}

.frame-type-menu_pages  li  li.act > a {
}

.subpages {
    font-family: 'Oswald';
    font-size: 16px;
}


/* META MENU */
#navi_meta li, #navi_social li {
    display: inline-block;
    float: left;
    text-indent: 0;
}

#navi_meta li a, #navi_social li a {
    font-family: 'Oswald', Verdana, sans-serif;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0 10px;
}
#navi_meta li a {
    color: black;
}
#navi_meta li:last-of-type a {
    padding-right: 0;
}
#navi_meta li a:hover {
    color: #666;
}
#navi_social li a {
    color: white;
    background: rgb(77,116,70);
    margin-left: 17px;
}
#navi_social li a:hover {
    color: rgb(193,212,60);
}

 .menuid159 a,
 .menuid158 a,
 .menuid930 a{
    font-family: 'Font Awesome 5 Brands' !important;
    font-size: 3px !important;
    color: rgb(77,116,70) !important;
    width: 24px;
    overflow: hidden;
    display: inline-block;
}
 .menuid158 a {
    margin-left: 5px;
}
 .menuid159 a:before,
 .menuid158 a:before,
 .menuid930 a:before {
    font-family: 'Font Awesome 5 Brands';
    font-size: 18px;
    color: white;
    position: relative;
}
 .menuid159:hover a:before,
 .menuid158:hover a:before,
 .menuid930:hover a:before{
    color: rgb(193,212,60);
}
 .menuid159 a:before {
    content: "\F39E";
    left: -2px;
    top: 0;
}
 .menuid158 a:before {
    content: "\F16D";
    left: -6px;
    top: 0;
}
.menuid930 a:before {
    content: "\F08C";
    left: -6px;
    top: 0;
}
.content_foot .menuid159 a:before {
    top: 3px;
    left: 5px;
}
.content_foot .menuid158 a:before {
    top: 3px;
    left: 4px;
}
.content_foot .frame-type-menu_pages ul {
    position: relative;
}
.content_foot .menuid930 a:before {
    top: 3px;
    left: 4px;
}
.content_foot li.menuid159,
.content_foot li.menuid158,
.content_foot li.menuid930{
    position: absolute;
    bottom: 0;
    width: 24px;
    height: 24px;
}
.content_foot li.menuid159 {
    right: 20px;
}
.content_foot li.menuid158 {
    right: 0;
}
.content_foot li.menuid930 {
    right: 20px;
}
