body { padding: 0; margin: 0; font-family: 'Lato', sans-serif; font-weight: 300; }
.topper { background: url('/images/background.jpg'); }
.topper-left { float: left; width: 50%; }
.topper-right { float: right; width: 50%; text-align: right; }
.topper p { color: #ffffff; padding: 6px 0; margin: 0; }

.top { background: #ffffff; padding: 4px 0 0 0; }
.top-left { float: left; width: 25%; }
.top-right { float: right; width: 75%; text-align: right; margin: 42px 0 0 0;  }
.top-left h1 a { outline: none;}
.top-right ul { list-style: none; padding: 0; margin: 0; }
.top-right ul li { display: inline-block; margin: 0 0 0 40px; position: relative; padding: 8px 0; }
.top-right ul li a { text-transform: uppercase; color: #000000; text-decoration: none; font-size: 14px; padding: 8px 0; }
.top-right ul li a:hover { color: #046D8B; }
.top-right ul li ul { display: none; text-align: left; width: 200px; padding: 0 16px; background: #046D8B; }
.top-right ul li:hover ul { display: block; position: absolute; left: 0; top: 36px; list-style: none; margin: 0; }
.top-right ul li ul li { display: block; padding: 0; margin: 14px 0; font-size: 14px; }
.top-right ul li ul li a { color: #ffffff !important; }

.banner { background: url('/images/slide5.jpg') no-repeat center center; text-align: center; }
.inner { background: url('/images/grid.png'); padding: 200px 0; }
.banner h1 { color: #ffffff; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 54px; padding: 0; margin: 0; }
.banner h2 { color: #ffffff; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 20px; }

.content h1 { text-transform: uppercase; color: #046D8B; text-align: center; font-weight: 300; font-size: 30px; margin: 40px 0 20px 0; }
.content p { text-align: center; line-height: 30px; margin: 0 0 20px 0; color: #444444; }

.get-in-touch { text-align: center; margin: 60px 0 0 0; }
.get-in-touch h2 { text-transform: uppercase; font-weight: 300; }
.get-in-touch a { background: #046D8B; color: #ffffff; text-transform: uppercase; padding: 5px; text-decoration: none; }
.get-in-touch img { filter: grayscale(100%); transition: 0.3s; max-width: 150px; opacity: 0.5; }
.get-in-touch img:hover { filter: grayscale(0); opacity: 1; }

.footer { background: url('/images/background.jpg'); font-size: 14px; color: #ffffff; }
.footer p { line-height: 20px; }
.footer ul { list-style: square; margin: 0 0 0 16px; padding: 0; }
.footer ul li { line-height: 20px; margin: 0 0 8px 0; }
.footer ul li a { color: #ffffff; }
.footer-inner { background: rgba(0, 0, 0, 0.5); padding: 20px 0; }
.footer h3 { color: #ffffff; text-transform: uppercase; font-weight: 300; font-size: 18px !important; }
.footer .box { float: left; width: 22.75%; }
.footer .box:nth-of-type(2) { margin: 0 1.5% 0 3%; }
.footer .box:nth-of-type(3) { margin: 0 3% 0 1.5%; }

.copyright { background: #000000; padding: 3px 0; }
.copyright p { color: #f8f8f8; font-size: 14px; }

.clear { clear: both; }
.wrap { max-width: 1120px; margin: 0 auto; }