@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;color: #626262; }


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 .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;}
#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;}


.max-responsive-image {max-width:50%;}
.center-image {text-align:center;}
.faded-image {opacity:0.6;}
.up {
    text-align: right;
    width: 100%;
    padding-top: 20px;
}

.container {width:60%; margin-left:auto; margin-right: auto; }
#content #icons {display: flex;flex-direction: row;width:100%;flex-wrap: wrap;justify-content:space-between; } 
.icon {order: 0; text-align:center;width:12%;overflow:hidden;}
#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;}
}

/* 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:14%;}
}


/* When the screen is less than 1200 pixels wide */
@media screen and (max-width: 1200px) {
.icon {width:19%;}
.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%;}
}	


/* 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: 100%;justify-content: space-around;}
.icon {width:34%;justify-content:space-around;}
div#footer ul {width:100%;
}