@charset "UTF-8";
/*@font-face{font-family:'FontAwesome';src:url(font/fontawesome-webfont.eot?v=4.0.1);src:url(font/fontawesome-webfont.eot?#iefix&v=4.0.1) format("embedded-opentype"),url(font/fontawesome-webfont.woff?v=4.0.1) format("woff"),url(font/fontawesome-webfont.ttf?v=4.0.1) format("truetype"),url(font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular) format("svg");font-weight:400;font-style:normal}*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap');
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,b,u,i,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,footer,header,menu,nav,output,section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
body{display:flex;flex-direction:column;min-height:100vh}
body,input,textarea,select{font-family:'Ubuntu',sans-serif;font-size:11.5pt;font-weight:300;line-height:1.75em;color:#393939}
h1,h2,h3,h4,h5,h6{font-family:'Ubuntu',sans-serif;font-weight:300}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none}
a{color:#0d638f}
b{font-weight:500}
em{font-style:italic}
p{margin:0 0 .8em}

#content{flex:1}
#header{position:relative;background:#a0b3ba;padding:.6em 1em;border-bottom:1px solid #fff;color:#fff}
#header .container{position:relative}
#logo h1{display:inline-block;font-size:1.4em;color:#fff}
#logo a{display:block;text-decoration:none}
#logo h3{text-transform:uppercase;letter-spacing:4px;color:#fff;margin-top: .4em}
#logo img{margin:0 .5em -.5em;display:none}
#logo img.logo{height:28px;display:inline-block}

.level1{cursor:pointer}

hr.yellowline{margin:1px 0;border:1px solid #ffe409}
.notmobile{display:none}

#banner{position:relative;text-align:center;color:#fff;padding:1em 0;border-bottom:1px solid #2c687b;height:200px;background:#fff url(../images/globe-mobile.jpg) no-repeat center;background-size: cover}
#banner header{position:absolute;left:5%;bottom:5%;width:85%;padding:1em;text-align:left}
#banner h2, #banner .byline{color:#fff}
#banner h2{font-size:1.2em;font-weight:bold}
#banner .tp{position:absolute;background-color:rgba(255,255,255,0.75);left:calc(5% + 1em);top:5%;height:50px;padding:0}

.main-container{background:#F9FBD4;border-bottom: 1px solid #2c687b}
.maintext{padding:1.5em;border-bottom: 1px solid #2c687b}
.maintext h1{margin:0 0 .6em;font-size:1.6em;text-transform:uppercase}
.maintext h2{margin:0 0 .6em;font-size:1.2em}
.maintext ul{list-style: disc outside url("../images/yellowdot.png");margin-left:1.5em}
.maintext ul li{padding-left:.8em}
.secondmenu{flex-grow:1;margin:1em;padding:1em 0 0;background:#fff;border:1px solid #2c687b;height:99%;text-align:center}
.secondmenu a {
  background-color: #fff;
  color: #393939;
  display: block;
  padding: 12px;
  text-decoration: none;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #242424
}
.secondmenu a:last-of-type{border:0}
.other{background:#a0b3ba;border-bottom: 1px solid #fff;text-align:center;margin-top:-1em;padding:.5em;color:#fff}
.box-container{display:flex;flex-direction:column;background:#F9FBD4;text-align:center}
.box{margin:1em auto;padding:0 1em;max-width:500px}
/*.box header h2{background:#a0b3ba;color:#ffe409;text-transform:uppercase;font-size:1.6em;padding:.6em}*/
.box-container p{text-align:left}

.sidefoto-container{margin:1em;padding:1em 0 0;background:#fff;border:1px solid #2c687b;width:30%;text-align:center;float:right;display:none}
.bottomfoto-container{display:block;text-align:center;margin:.5em 0}
.sidefoto{padding:.5em;width:90%;max-width:500px}

.moretext{padding: 1.5em}

#footer{flex-shrink:0;background:#a0b3ba;padding:1.5em 0;text-align:center;color:#fff;border-top:1px solid #fff}

#cookie-bar {background:rgba(0,0,0,0.7); height:auto; line-height:24px; color:#fff; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed;left:0;width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:1em;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; margin-left:8px;}
#cookie-bar .cb-enable, #cookie-bar .cb-policy {width:150px;background:#a0b3ba;color:#fff}
#cookie-bar .cb-policy { width:100px}
#cookie-bar .cb-enable:hover, #cookie-bar .cb-policy:hover {color:#ffe409}

.yellow{color:#ffe409}

/* Very narrow devices (some iphones, 330px and less) */
@media (max-width: 330px) {
.notminmobile{display:none}	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
#logo h3{letter-spacing:8px}	
}

/* Medium devices (but not including iPad, 767px and up) */
@media (min-width:767px) {
.sidefoto-container{display:block}
.bottomfoto-container{display:none}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
#header{text-align:center}
#logo h1{font-size:2.4em}
#logo img{display:inline-block}
#logo img.logo{height:56px}#nav{position:relative;text-align:center}
#nav > ul{display: inline-block;list-style:none;margin:.6em 0 0}
#banner .tp{left:unset;right:calc(5% - 2em);top:10px}
.ace > li {
	padding-top:.8em;
    float: left;
}
.ace li ul {
    display:none;
}
.ace li.active {
	background:url(../images/yellowdot.png) no-repeat top center
}
.ace li a {
    padding: 1.2em 1em .6em;
    text-decoration: none;
	text-transform: uppercase;
	color:#393939
}
.ace li.active a {
    background:url(../images/dots.png) repeat-x left bottom;
}
.ace li a:hover{background:url(../images/greydot.png) no-repeat top center}
/* See also ace-responsive-menu.css */
.main-container{display:flex;flex-direction:row}
.maintext{;border-bottom:0}
.secondmenu{width:100%;max-width:220px}
.notmobile{display:inline}
.box-container{flex-direction:row}
.box{flex:1;margin:1em;padding:0}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*#nav > ul > li > a,#nav > ul > li > span{padding:.6em 1em}	*/
#banner{background:#fff url(../images/globe.jpg) no-repeat left}
#banner header{background-color:rgba(255,255,255,0.25);left:60%;bottom:10px;width:35%;padding:1em;text-align:left}
#banner .tp{height:75px;left:unset;right:calc(5% - 2em);top:10px}
.ace li a {
    padding: 1.2em 2em .6em;
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#banner header{background-color:rgba(255,255,255,0.25);left:53%;bottom:10px;width:42%;padding:1em;text-align:left}	
.ace li a {
    padding: 1.2em 3em .6em;
}
}