@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {font-family: 'open_sansregular', sans-serif;padding:0;border:none;margin:0; }


body {margin: 0;padding:0;}
.cc-revoke, .cc-window {font-size:14px!important;line-height:22px;!important;}
.cc-link {font-size:14px!important;line-height:22px;!important;}
.cc-compliance {margin-left:50px;}
.cc-message-text {display: table;font-size:14px!important;line-height:22px;!important;}
.cc-btn:hover {font-weight:normal!important;text-decoration: none!important;}
input.fc_button {background-color:#23a1d1!important;}
.fc_button:hover {background-color:#012e72!important;}
.container{width: 60%;margin-right:auto;margin-left:auto;}
div.fc_outer {clear:both!important;}
.clr {clear:both;}
.responsive-image{width: 100%;}


#content  {display:flex;flex-direction: row-reverse;width:100%;flex-wrap: wrap;justify-content:space-between;}
#left-column {width: 73%;overflow:hidden;margin-left:2%;}
#right-column {width: 20%;border-radius: 20px;overflow:hidden;padding:20px;margin-top:20px;border: solid 4px #23a1d1;  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.45);
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.45);
box-shadow: 2px 2px 5px rgba(0,0,0,0.45); }
#right-column { background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23d3ecf6' fill-opacity='0.35'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");}

.up {
    text-align: right;
    width: 100%;
    padding-top: 20px;
}

.news-header {
    background-color: #23a1d1;border-radius: 10px;
}


#content .content-category h2 {margin-top: 2.0em;margin-bottom: 0em;line-height: 1.8em;font-size: 1.4em;font-weight: 800;color: #626262;}
#content img {border-radius: 20px;}
#content h1 {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.8em;font-size: 1.4em;font-weight: 800;color: #626262;}
#content h2 {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.6em;font-size: 1.2em;font-weight: 600;color: #626262;}
#content .newsflash h2 {margin-top: 0em; color:#ffffff!important;}
#footer h2 {margin-top: 0;margin-bottom: 0.5em;line-height: 1.6em;font-size: 1.2em;font-weight: 400;color: #626262;}
#content h3 {margin-top: 1.0em;margin-bottom: 0em;line-height: 1.4em;font-size: 0.9em;font-weight: 400;color: #626262;}
#content p {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.4em;font-size: 0.9em;color: #626262;}
#footer p {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.4em;font-size: 0.9em;color: #626262;}
#content li {line-height: 1.4em;padding-top: 0.5em;; padding-bottom:0.5em;;padding-left:10px;color:#626262;font-size: 0.9em;}
#content ul {margin-left: 20px;}
#content ol {margin-left: 20px;}
.clr  {clear:both;}
a:link {color: #23a1d1;text-decoration: none;}
a:visited {color: #23a1d1;text-decoration: none;}
a:hover {color: #23a1d1;text-decoration: none;}
a:active {color: #23a1d1;text-decoration: none;background-color:#012e72;}
.fa-angle-double-up {border: 1px solid #23a1d1;padding:5px 10px 5px 10px;border-radius: 10px;margin-bottom:10px;}

#project-management-top {width:100%;background-color:#ffffff;overflow:hidden;}
#top-container {width: 60%;display:block;margin-left:auto;margin-right:auto;}
#project-management {width:30%;display:block;float:left;}
#top-contact  {width:60%;display:block;float:right;}
#top-contact span {float:right;margin-left:3%;margin-top:2.5em;}

.container {width:60%; margin-left:auto; margin-right: auto; }
#content #icons {display: flex;flex-direction: row;width:99%;flex-wrap: wrap;justify-content:space-around;border: solid 2px #23a1d1; border-radius: 20px; } 
.icon {order: 0; text-align:center;width:19%;overflow:hidden;}
#content .icon p {font-size:0.9em;}
.icon-header {width:100%;text-align: center;background-color:#d3ecf6;font-weight:600;padding:15px;border-top-right-radius: 20px;border-top-left-radius:20px;color:#626262;}
#content .icon h2 {text-align:center;text-transform:uppercase;font-weight:800;font-size:1.0em;}
.icon-image {width:60%;}
.space-image {margin-right:1em;}
.right-image {width: 50%;margin-left:2%;margin-right:0.3%;margin-bottom:2%;float:right;}
.left-image {width: 50%;margin-right:2%;margin-left:0.3%;margin-bottom:2%;float:left;}
.big-right-image {width: 50%;margin-left:2%;margin-right:0.3%;margin-bottom:2%;float:right;}
.small-right-image {width: 35%;margin-left:2%;margin-right:0.3%;margin-bottom:2%;float:right;}
.main-image {border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}

div#footer {width:100%;margin-left:auto;margin-right:auto;background-color:#fff;border-top: solid 3px #23a1d1;clear:both;}
div#footer ul {list-style-type: none;margin:0 auto 0 auto;display: flex;flex-direction: row;width:30%;flex-wrap: wrap;justify-content:space-between;}
div#footer li {margin:0;padding:0;order: 0; text-align:center;width:30%;overflow:hidden;font-size:0.8em;}
div#footer p {text-align: center!important;font-family: 'open_sansregular', sans-serif;font-weight:normal;font-size:12px!important;}
div#acorn p {text-align: center!important;font-family: 'open_sansregular', sans-serif;font-weight:normal;font-size:12px!important;}



#footer {background-color: #012e72;padding-top:10px;padding-bottom:10px;width:100%;overflow:hidden;position:relative;}
.footer {color: #ffffff;}
.bottom {font-size: 0.8em;text-align: center;color:#626262;}
#acorn {width:100%;clear:both;margin-bottom:100px;}

.nav-container{width: 60%;margin-right:auto;margin-left:auto;}
/* NAVIGATION BAR */
/* Background menu bar */
#navbar {background-color:#ffffff;width:100%;}
.topnav {background-color: #23a1d1;overflow: hidden;width: 60%;margin-left: auto;margin-right:auto;border-top-left-radius: 20px;border-top-right-radius: 20px;}
#navbar .topnav ul {list-style-type: none;display: flex;flex-direction: row;width:100%;flex-wrap: wrap;justify-content:space-between;}
#navbar .topnav li {margin:0;order:0;width:33.3333%;text-align:center; }
/* Links inside navigation bar */
.topnav a {display: block;color: #ffffff;text-align: center;padding:10%;text-decoration: none;font-size: 1.1em;}
/* Hover link colour */
.topnav a:hover {background-color: #012e72;color: #ffffff;}
/* Active current page */
.topnav .active {background-color: #4cb3db;color: white;}
/* Hide link to open and close the navigation on small screens */
.topnav .icon {display: none;}
/* Sticky class added to the navigation bar when it reaches its scroll position */
.sticky {position: fixed;top: 0;width: 100%;z-index:999;}
/* Top padding to the page content  */
.sticky + .content {padding-top: 60px;}


/* When the screen is less than 1600 pixels wide */
@media screen and (max-width: 1600px) {
.container{width: 75%;}
.topnav {width: 75%;}
#top-container {width: 75%;}
#top-contact span {margin-top:2.2em;}
#left-column {width: 67%;overflow:hidden;margin-left:2%;}
#right-column {width: 25%;border-radius: 20px;overflow:hidden;padding:20px;margin-top:20px;border: solid 2px #23a1d1; }
}

/* When the screen is less than 1300 pixels wide */
@media screen and (max-width: 1300px) {
.container{width: 80%;}
.topnav {width: 80%;}
#top-container {width: 80%;}
#top-contact span {margin-top:1.8em;}
.icon {width:26%;}
}


/* When the screen is less than 1200 pixels wide */
@media screen and (max-width: 1200px) {
.container{width: 90%;}
.topnav {width: 90%;}
#top-container {width: 90%;}
#project-management {width:40%;display:block;float:none;margin-left:auto;margin-right:auto;}
#top-contact  {width:100%;display:block;float:none;text-align: center;margin-left:auto;margin-right:auto;}
#top-contact span {float:right;margin-left:0;width:33%;margin-top:0.5em;margin-bottom:0.5em;}
.small-right-image {width: 50%;}
#content {flex-direction: row;}
#left-column {width: 100%;overflow:hidden;margin-left:0%;}
#right-column {width: 100%;border-radius: 20px;overflow:hidden;padding:10px;margin-top:20px;}
}	

/* When the screen is less than 800 pixels wide, hide all links. Show the hamburger */
@media screen and (max-width: 800px) {

#navbar .topnav ul {display: block;flex-wrap:nowrap;}
#navbar .topnav li {margin:0;order:0;width:100%;text-align:left; }
.topnav {width: 100%;border-top-left-radius: 0px;border-top-right-radius: 0px;}
#top-container {width: 100%}
.topnav a {display: none;padding:10px;}
.topnav a.icon {float: right;display: block;color: #ffffff!important;margin-bottom:0px;width:15px;}
.container{width: 100%margin-right:auto;margin-left:auto;}	
.nav-container{width: 100%;}
#navbar .topnav li {padding-left:15px;}
#navbar .topnav {max-height: 100vh;overflow-y: scroll;}
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {position: absolute;right: 0px;top: 0;}
.topnav.responsive a {float: none;display: block;text-align: left;}
#top-contact span {margin-left:auto;margin-right:auto;width:100%;margin-top:0.5em;margin-bottom:0.5em;}
#project-management {width:60%;}
.container{width: 100%;}
#content {width: 94%; margin-left:auto;margin-right:auto;}
.main-image {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
#content #icons {display: flex;flex-direction: row;flex-wrap: wrap;width: 99%;justify-content: space-around;}
.icon {width:34%;justify-content:space-around;}
div#footer ul {width:100%;
}