/*
font-family:'Gill Sans W01',sans-serif;
font-family:'VAG Rounded W01',sans-serif;
*/


body,html {height:100%}
.clear {clear:both}
IMG {border:0 none}
.smoothfont {-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale;-moz-osx-font-smoothing:grayscale}
.noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:moz-none;-ms-user-select:none;user-select:none}

body {
    font-family: 'Gill Sans W01',sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin:0;
    background-color:#fbfaf8;
}

#main {
    background-color:#fff;
    min-height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px; /* Set fixed footer height here if you disable javascript or the variable footer height script */
    position: relative;
}

FOOTER {bottom:0px;position:absolute;width:100%;background-color:#5f6062;border-top:5px solid #fbaf4b;color:#fff}
FOOTER H3 {margin:0;color:#fe3}
FOOTER A {color:#fff;text-decoration:none}
FOOTER A:hover {color:#fbaf4b}
FOOTER UL {text-align:center;margin:20px 10px;padding:0}
FOOTER UL > LI {display:inline-block;margin:0;padding:0}
FOOTER UL > LI::before {content:'|';margin:0 10px;color:#fbaf4b}
FOOTER UL > LI:first-child::before {content:'';margin:0}

NAV {background-color:#fff;font-size:1.3em;line-height:1em;max-width:960px;margin:auto}

/* Top right logo inside the navigation */
NAV #logo IMG {height:70px;float:right;margin:10px 10px 10px 0}

/* Mainmenu items */
NAV UL {display:block;padding:0;margin:0;line-height:2em;white-space:nowrap}
NAV .nav0 > LI {display:block;float:left;position:relative}
NAV .nav0 > LI > A {display:block;padding:31px 10px 5px;color:#5f6062;text-decoration:none}
NAV .nav0 > LI.active > A {color:#fbaf4b}
NAV .nav0 > LI:hover > A {color:#fbaf4b}

/* Submenu items */
NAV .nav0 LI:hover > UL {display:block}
NAV .nav0 UL {display:none;background-color:rgba(32,32,32,0.7);font-size:0.9em;line-height:2.2em;z-index:100;position:absolute}
NAV .nav1 UL {left:100%;top:0}
NAV .nav1 LI {display:block;position:relative}
NAV .nav1 LI > A {display:block;color:#fff;text-decoration:none;padding:0px 10px 2px}
NAV .nav1 LI.active > A {color:#fe3}
NAV .nav1 LI:hover > A {background-color:rgba(32,32,32,0.2);color:#fff68e}

/* Icons to show item has subitems  */
NAV .nav0 > LI > A:after {content:'▾';font-size:0.65em;top:-2px;position:relative;margin-left:4px}
NAV .nav0 > LI > A:only-child:after {content:'';margin-left:0px}
NAV .nav1 LI > A:after {content:'▸';font-size:0.75em;top:-2px;position:relative;margin-left:4px}
NAV .nav1 LI > A:only-child:after {content:'';margin-left:0px}

HEADER {;border-bottom:5px solid #fbaf4b}
HEADER .picture {height:200px;background-size:cover;background-position:center center;position:relative;border-top:5px solid #fbaf4b}
HEADER .picture .caption {position:absolute;bottom:0;right:0;color:#fff;padding:5px 15px;background-color:rgba(0,0,0,0.2);border-top-left-radius:10px}
HEADER .picture .caption A {text-decoration:none;color:#fe3}
HEADER .picture .caption A:hover {color:#fff}
.home HEADER .picture {height:350px}

H1,H2 {margin:0;color:#5f6062;font-family:'VAG Rounded W01',sans-serif;font-weight:normal;margin:15px 0;padding:0}

ARTICLE {margin:0 auto 15px;padding:0 10px;text-align:justify;display:block;color:#333;line-height:1.5em;box-sizing:border-box;max-width:960px}
ARTICLE DIV.columns {-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}
ARTICLE DIV.columns > P {break-inside: avoid-column;-webkit-column-break-inside: avoid;}
ARTICLE P {margin:0;padding:0 0 10px}
ARTICLE A {color:#c6b928;text-decoration:none}
ARTICLE A:hover {text-decoration:underline}

FORM LABEL {display:inline-block;margin:0 5px 2px 0}
FORM TEXTAREA,
FORM INPUT {border:1px solid #ccc;border-radius:4px;margin:3px 0;padding:2px 7px 5px;width:100%;box-sizing:border-box;font-family:inherit;font-size:inherit}
FORM TEXTAREA {resize:vertical;height:100px}
FORM TEXTAREA:focus,
FORM INPUT:focus {outline:none;background-color:#f8f8f8}
FORM INPUT[type=submit] {border:0 none;background:#716a17;color:#fff;cursor:pointer;font-weight:bold;margin-bottom:0}
FORM INPUT[type=submit]:hover {background-color:#c6b928;color:#fff}
FORM INPUT[type=checkbox] {width:auto}

FORM INPUT.error {border-color:#d99;background-color:#fee}
FORM INPUT.error:focus {background-color:#ffe2e2}

FORM UL.error {padding:0;margin:3px 0;display:block;background-color:#fee;border:1px solid #d99;border-radius:4px;color:#c33;padding:2px 5px 4px}
FORM UL.error LI {display:block}
FORM UL.success {padding:0;margin:3px 0;display:block;background-color:#efe;border:1px solid #9d9;border-radius:4px;color:#393;padding:2px 5px 4px}
FORM UL.success LI {display:block}

/* Responsive */
@media screen and (max-width: 700px) {
    NAV .nav0 > LI > A {padding-top:17px}
    NAV #logo IMG {height:50px}
    ARTICLE DIV.columns {-webkit-column-count:1;-moz-column-count:1;column-count:1}
}
@media screen and (max-height: 600px) {
    HEADER .picture {height:130px}
    .home HEADER .picture {height:230px}
}
@media screen and (max-width: 600px) {
    #menuicon,
    #menuicon:before,
    #menuicon:after {content:'';width:18px;height:3px;background-color:#000;border-radius:1px;position:absolute}
    #menuicon {cursor:pointer;border:15px solid #fff;border-bottom-width:21px;border-top-width:21px}
    #menuicon:before {margin-top:6px}
    #menuicon:after {margin-top:-6px}
    HEADER {padding-top:45px}
    NAV #logo IMG {height:35px;margin:5px 10px 5px 0}
    NAV {position:fixed;z-index:1;width:100%;top:0}
    NAV,#main,.nav0 {-webkit-transition:all .4s;transition:all .4s}
/*     NAV.menuactive {left:272px} */
/*     #main.menuactive {left:272px} */
    NAV .nav0 {position:fixed;top:45px;bottom:0;width:172px;left:-172px;z-index:0;display:block;background-color:#eee;overflow: auto}
    NAV .nav0 > LI {float:none}
    NAV .nav0 > LI > A {border-top:0 none;padding:0px 10px;margin:0}
    NAV .nav0 UL {display:block;position:relative;padding-left:15px;left:auto;top:auto}
    NAV.menuactive .nav0 {left:0}
    ARTICLE {width:100%;float:none}
    FOOTER > UL > LI {display:none}
    FOOTER > UL > LI.mobile {display:inline-block}
    FOOTER UL > LI::before {margin:0 5px}
    FOOTER UL > LI:first-child::before {margin:0}
}
@media screen and (max-width: 330px) {
    FOOTER {font-size:0.9em}
}