@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');HTML, BODY {height:100%;margin:0;font-family:'Roboto', sans-serif;font-size:18px;line-height:1.3;color:#000000;background:#000f63;}a {color:#000000;text-decoration:none;}strong {font-weight:bold;}DIV.inner {min-width:320px;max-width:1400px;width:100%;box-sizing:border-box;padding:0px 15px;margin:0px auto;position:relative;overflow:hidden;}a img {border:none;display:block;}div.wrapper {overflow:hidden;}div#contact {padding:0px;position:absolute;top:0px;left:0px;width:100%;background:rgba(255,255,255,0.85);padding:10px 0px;text-align:right;}div#contact a {color:#000000;font-weight:500;font-size:16px;display:inline-block;padding:0px 10px;margin-right:0px;position:relative;vertical-align:middle;}div#header {padding:0px;position:absolute;top:43px;left:0px;width:100%;background:rgba(255,255,255,0.90);}div#header .logo {float:left;width:200px;overflow:hidden;padding:16px 0px 17px 0px;}div#header .logo img {float:left;width:65px;height:auto;display:block;}div#header .logo .text {float:left;width:calc(100% - 65px);box-sizing:border-box;padding-left:10px;font-size:26px;}div#header .logo span {display:block;clear:both;}div#header .menu {padding:0px;margin:0px;float:right;width:calc( 100% - 200px );list-style-type:none;text-align:right;padding-top:94px;}div#header .menu li {padding:0px;margin:0px;display:inline-block;list-style-type:none;text-align:center;margin-left:3px;}div#header .menu li a, div#header .menu li span {display:block;padding:10px 10px 0px 10px;font-size:20px;line-height:28px;font-weight:300;}div#header .menu li a:hover, div#header .menu li span {background:#000f63;color:#ffffff;}div#intro {padding-top:195px;padding-bottom:25px;text-align:center;background:#000f63;color:#ffffff;}div#intro h1 {font-size:40px;font-weight:200;margin:0px;}section.main {font-size:20px;font-weight:300;padding:25px 0px;background:#ffffff;}section.contactdetails {font-size:20px;font-weight:300;padding:25px 0px;background:#ffffff;}section.contactdetails .inner {padding:25px 15px;}section.contactdetails #map {position:absolute;right:0px;top:0px;height:100%;width:50%;box-sizing:border-box;}section.contactdetails .left {float:left;width:50%;box-sizing:border-box;padding-right:25px;font-size:24px;}section.contactdetails .left h2 {font-weight:100;font-size:34px;}section.contactform {font-size:20px;font-weight:300;padding:25px 0px;background:#f9f9f9;}section.contactform h2 {font-size:46px;text-align:center;font-weight:100;margin:0px 0px 25px 0px;}section.contactform p.complete {font-size:24px;text-align:center;font-weight:300;}section.contactform form {font-size:18px;max-width:700px;margin:0px auto;}section.contactform form .input-row {width:calc( 50% - 15px );box-sizing:border-box;padding:0px;margin:0px;float:left;clear:none;margin-bottom:25px;}section.contactform form .wrapper .input-row:nth-child(2n+1) {margin-right:15px;}section.contactform form .wrapper .input-row:nth-child(2n+2) {margin-left:15px;}section.contactform form .message .input-row {width:100%;float:none;clear:both;}section.contactform form .message .input-row textarea {height:auto;}section.contactform form .action-row {float:none;clear:both;margin:0px auto;display:block;width:250px;text-align:center;font-size:20px;}section.projects {padding:25px 0px;background:#f9f9f9;color:#000000;}section.projects h2 {font-size:46px;text-align:center;font-weight:100;margin:0px 0px 25px 0px;}section.projects .wrapper .project {float:left;width:calc( 100% / 3 );padding:20px;box-sizing:border-box;text-align:center;}section.projects .wrapper .project h3 {font-weight:100;font-size:26px;margin:0px 0px 15px 0px;}section.projects .wrapper .project h4 {font-weight:400;font-size:22px;color:#000f63;margin:0px 0px 15px 0px;}section.projects .wrapper .project p {font-weight:300;font-size:18px;margin:0px;}section.projects .wrapper .project:nth-child(2) {border-left:1px solid #000f63;border-right:1px solid #000f63;}section.services {padding:25px 0px 25px 0px;background:#f9f9f9;color:#000000;}section.services h2 {font-size:46px;text-align:center;font-weight:100;margin:0px 0px 0px 0px;}section.services .wrapper {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:row;}section.services .wrapper .service {display:inline-block;width:25%;padding:20px;box-sizing:border-box;text-align:center;margin-top:40px;}section.services .wrapper .service h3 {font-weight:100;font-size:26px;margin:0px;}div#footer {background:#000f63;padding:25px 0px;color:#ffffff;}div#footer dl {float:left;width:calc( 100% / 3);box-sizing:border-box;padding:0px;margin:0px;padding-right:25px;}div#footer dl dt {padding:0px;margin:0px;font-size:32px;font-weight:100;margin-bottom:20px;}div#footer dl dd {padding:0px;margin:0px;font-size:18px;font-weight:300;}div#footer dl dd ul {padding:0px;margin:0px;list-style-type:none;}div#footer dl dd ul li {padding:0px;margin:0px;list-style-type:none;display:block;}div#footer dl dd a {display:block;color:#ffffff;} @media screen and (max-width:1100px) {section.projects .wrapper .project {float:none;clear:both;width:100%;padding:20px;border:0px;margin-bottom:20px;}section.projects .wrapper .project:nth-child(2) {border-left:0px solid #000f63;border-right:0px solid #000f63;}section.contactdetails .left {float:none;clear:both;width:100%;padding-right:0px;}section.contactdetails #map {position:relative;right:auto;top:auto;height:30vh;width:100%;}} @media screen and (max-width:1000px) {div#footer dl {float:none;clear:both;width:100%;padding-right:0px;margin-bottom:40px;}section.services .wrapper .service {width:calc( 100% / 3 );}} @media screen and (max-width:800px) {section.services .wrapper .service {width:50%;}} @media screen and (max-width:750px) {div#contact {position:relative;}div#header {position:relative;top:auto;border-top:3px solid #000f63;}div#header .logo {float:none;clear:both;margin:0px auto;width:200px;}div#header .menu {float:none;clear:both;width:100%;text-align:center;padding-top:0px;}div#intro {padding-top:25px;}div#contact {text-align:center;}div#contact .inner {padding:0px;}} @media screen and (max-width:600px) {section.services .wrapper .service {width:80%;}section.contactform form .input-row {width:100%;float:none;clear:both;margin-bottom:25px;}section.contactform form .wrapper .input-row:nth-child(1n+1) {margin-left:0px;margin-right:0px;}div#header .inner {padding:0px;}div#header .menu li a, div#header .menu li span {font-size:16px;line-height:28px;padding:10px 5px 0px 5px;}} @media screen and (max-width:500px) {div#contact a {font-size:14px;font-weight:300;padding:0px 5px;}}