@charset "UTF-8";
/*@font-face{font-family:'FontAwesome';src:url(fonts/fontawesome-webfont.eot?v=4.0.1);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.0.1) format("embedded-opentype"),url(fonts/fontawesome-webfont.woff?v=4.0.1) format("woff"),url(fonts/fontawesome-webfont.ttf?v=4.0.1) format("truetype"),url(fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular) format("svg");font-weight:400;font-style:normal}*/
@font-face {font-family: Neuropol;src: url(/fonts/neuropol.otf)}
@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:10.5pt;font-weight:300;line-height:1.75em;color:#393939}
h1{font-family:'Neuropol',sans-serif;font-weight:300}
h2{font-size:16px;font-weight:bold}
h3{font-size:16px;font-weight:400;margin:0 0 .8em}
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.2em;color:#242424;transform:scale(1,1.3)}
#logo a{display:block;text-decoration:none}
#logo h3{text-transform:uppercase;letter-spacing:4px;color:#fff;margin-top: .4em}
#logo img.logo{margin:0 .5em -.5em;height:28px;display:none}

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

#banner{position:relative;text-align:center;color:#fff;padding:1em 0;border-top:1px solid #fff;border-bottom:1px solid #2c687b;height:200px;background:#fff url(/images/banner1.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}

.main-container{background:#ddd;border-bottom: 1px solid #2c687b}
.maintext{padding:1.5em;border-bottom: 1px solid #2c687b;width:auto}
.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/greydot.png");margin-left:1.5em}
.maintext ul li{padding-left:.8em}

.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:#eee;text-align:center}
.box{margin:1em auto;padding:0 1em;max-width:500px}
.box header h2{background:#a0b3ba;font-family:'Neuropol',sans-serif;color:#242424;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:40%;text-align:center;float:right;display:none}
.sidefoto{padding:.5em;width:90%;max-width:500px}

.moretext{padding: 1.5em}

.formwrapper{margin-top:2em}
.button{background-color:#fff;color:#242424;padding:12px 24px;font-size:16px;border:1px solid #2c687b;border-radius:4px;cursor:pointer}

#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) {
.notmobile{display:none}	
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
#logo img.logo{display:inline-block}
}

/* Medium devices (but not including iPad, 767px and up) */
@media (min-width:767px) {
.sidefoto-container{display:block;margin-top:4.1em;margin-left:0;height:100%;overflow:auto}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
#header{text-align:center}
#logo h1{font-size:2.4em;transform:unset;padding-bottom:.4em}
#logo img.logo{height:56px}
#nav{position:relative;text-align:center}
#nav > ul{display: inline-block;list-style:none;margin:.6em 0 0}
.ace > li {
    float: left;
}
.ace li ul {
    display:none;
}
.ace li.active {
	font-weight:500
}
.ace li a {
    padding: 1.2em 1em .6em;
	text-decoration: none;
	text-transform: uppercase;
	color:#393939
}
.ace li a:hover{color:#aaa}
/* See also ace-responsive-menu.css */
.main-container{display:flex;flex-direction:row}
.maintext{width:100%;border-bottom:0}
.notmobile{display:block}
.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/banner1.jpg) no-repeat left bottom}
#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;
}
}