@font-face {
	font-family: 'CGB';
	src: url("../fonts/CopperplateGothicBold.eot");
	src: local("☺"), url("../fonts/CopperplateGothicBold.woff") format("woff"), url("../fonts/CopperplateGothicBold.ttf") format("truetype"), url("../fonts/CopperplateGothicBold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@charset "UTF-8";
chtml, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

strong {
  font-weight: bold; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background: #fff; }

.content {
  width: 980px;
  margin: 0 auto; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

div {
  transition: all 0.2s ease-in-out; }

p, a {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif;
  text-decoration: none;
  color: #676767; }

b {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif; }

li {
  list-style-type: none;
  font-family: 'Open Sans', Helvetica, sans-serif;
  color: #676767; }

h1 {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif; }

h2 {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif;
  font-size: 30px; }

h3 {
  font-family: "Open Sans", Helvetica, Sans-serif, Helvetica, sans-serif;
  font-size: 24px;
  color: #484848; }

/* Misc
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#page-title {
  height: 130px;
  background: #6da1ac;
  margin-top: 137px;
  width: 100%; }

#page-title h1 {
  color: #fff;
  font-size: 30px;
  margin-top: 48px;
  text-transform: uppercase;
  float: left; }

#page-title .contact {
  float: right;
  font-size: 20px;
  border: 2px solid #fff;
  padding: 10px;
  margin-top: 41px;
  transition: all 0.2s ease-in-out; }

#page-title .contact:hover {
  border: 2px solid #6ebec4;
  color: #6ebec4; }

::selection {
  color: #fff;
  background: #589d90; }

::-moz-selection {
  color: #fff;
  background: #589d90; }

.contactNone {
  display: none !important; }

.contactNone.show {
  display: inherit !important; }

::-webkit-input-placeholder {
  color: #898989; }

:-ms-input-placeholder {
  color: #898989; }

::-moz-placeholder {
  color: #898989; }

:-moz-placeholder {
  color: #898989; }

/* Header
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.header {
  background-color: #282623; }

#logo {
  display: block;
  width: 420px;
  transition: all 0.45s ease-in-out;
  z-index: 9999 !important;
  margin: 0 auto; }

#logoimg {
  width: 100%;
  display: block;
  margin: 0 auto;
  opacity: 1 !important;
  transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out; }

/* Burger Menu
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.navbar {
  display: none;
  visibility: hidden;
  margin-bottom: 5%; }

.navbar .sb-toggle-left {
  padding: 6px 6px 4px 6px;
  background: rgba(243, 245, 247, 0.1);
  margin: 0 auto;
  border-radius: 5px; }

.navicon-line {
  width: 24px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 3px;
  background-color: #044b65; }

.sb-menu {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.sb-menu li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(110, 190, 196, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.sb-menu > li:first-child {
  border-top: none; }

.sb-menu > li:last-child {
  border-bottom: none; }

.sb-menu li a {
  width: 100%;
  display: inline-block;
  padding: 1em;
  color: #8f8e8e;b4181c
  text-transform: uppercase; }

.sb-menu li a:hover {
  text-decoration: none;
  background-color: rgba(225, 194, 124, 0.05); }

.sb-left .sb-menu li a {
  border-left: 3px solid transparent; }

.sb-left .sb-menu li a:hover, .sb-left .sb-menu li#selected a {
  border-left: 3px solid #044b65;
  color: #044b65; }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background: #505d62;
  overflow: hidden; }
  
  
/* Misc
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.underline {font-size: 17px;
    color: #0b4b64;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #b4181c;
    text-align: center;
    font-family: CGB;
    letter-spacing: 0.2px;}
    
.comm {margin-top: 2.5rem;}

.comm a {color: #676767;}
.comm a:hover {color: #b61814;}


/* Header
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#logo {float: left; width: 259px; margin-top: 25.5px;}
nav {float: right;}
.header ul {margin-bottom: 0;}
.header ul li {display: inline-block; line-height: 142px; margin-bottom: 0; padding-left: 35px;}
.header ul li:first-child {padding-left: 0;}
.header {background-color: #fff;}
.header ul li a {color: #0b4b64; font-size: 15px; font-family: 'CGB';}
.header ul li#selected a, .header ul li a:hover {color: #b4181c;}

/* Strapline
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.strapContent {float: left;}
.strapImages {float: right;}
.strapline {background-color: #f5f5f5; padding: 2rem; 0;}
.strapline img {max-height: 63px; padding-left: 13px;}
.strapline h2 {font-size: 24px; color: #0b4b64; margin-bottom: 1%; font-weight: 600; padding-bottom: 1%; font-family: 'CGB'; border-bottom: 2px solid #b4181c;}

.strapline p {font-size: 14px; margin-bottom: 0; color: #0b4b64;}

/* Contact Strapline
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.contactStrapline {background-color: #0b4b64; padding: 2rem 0;}
.contactStrapline h2 {font-size: 27px; color: #fff; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 0.4rem;}
.contactStrapline p {font-size: 17px; color: #fff; font-weight: 300; margin-bottom: 0;}
.emergency {float: left;}
.telButton p {color: #0b4b64; font-family: 'CGB'; padding: 5px 12px; background-color: #fff; display: inline-block; margin-left: 7rem; margin-top: 1.3rem;}
.telButton a {color: #b4181c; font-family: 'CGB'}
.telButton a:hover {color: #b4181c; }

/* Home
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#banner {background: url(../images/banner.jpg) no-repeat; background-size: cover; height: 36.016vw; position: relative; background-position: center center;}
#home .four.columns img {width: 100%; margin-bottom: 2rem;}
#home .four.columns p {font-size: 14px; text-align: center;}
#home .four.columns a {color: #b4181c;}
#home .four.columns li {font-size: 13px; list-style-type: disc; margin-bottom: 0.5rem; padding-left: 1.3rem;}
#home .four.columns:nth-child(2) p {margin-bottom: 0.5rem; }
#home .four.columns .tel {font-size: 17px; margin-bottom: 0.5rem;}
#home .four.columns .tel:before {content: '\f095'; font-family: FontAwesome; font-size: 17px; padding-right: 1.5rem; color: #0b4b64;}
#home .four.columns .email {font-size: 17px; color: #555;}
#home .four.columns .email:before {content: '\f0e0'; font-family: FontAwesome; font-size: 17px; padding-right: 1.3rem; color: #0b4b64;}

/* BannerText
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#banner .bannerText {display: block; margin: 0 auto; position: relative; background-color: rgba(255, 255, 255, 0.8); text-align: center; width: 50%; top: 20%; padding: 20px 0;}
.bannerText h1 {font-size: 31px; font-family: 'CGB'; color: #0b4b64; letter-spacing: 0.5px; margin-bottom: 2rem; display: inline-block; border-bottom: 2px solid #b4181c;}
.bannerText p {font-size: 17px; width: 72%; margin: 0 auto; color: #0b4b64; font-weight: 600; letter-spacing: 1px; margin-bottom: 2rem;}
.bannerText a {font-family: 'CGB'; font-size: 18px; color: #fff; padding: 10px 30px;}
.bannerText a:hover {color: #fff;}
.left {background-color: #0b4b64; float: left; margin-left: 19%;}
.right {background-color: #b4181c; float: right; margin-right: 19%;}
.bannerButtons {margin-bottom: 6rem;}

/* Footer
––––––––––––––––––––––––––––––––––––––––––––––––––  */
footer {background-color: #f2f1f1; padding: 6rem 0;}
footer h2 {font-family: 'CGB'; color: #0b4b64; font-size: 18px; display: inline-block; padding-bottom: 2%; border-bottom: 2px solid #b4181c; letter-spacing: 0.5px;}
footer li {color: #6f6f6f; font-size: 14px;}
footer li a {color: #6f6f6f;}
footer li a:hover {color: #b4181c;}
footer p {color: #6f6f6f; font-size: 14px; margin-bottom: 0;}
footer a {color: #6f6f6f; font-size: 14px;}
footer a:hover {color: #b4181c;}
footer .telno {font-size: 22px; font-weight: 600; color: #0b4b64; margin-bottom: 12%;}
footer img {width: 100%; margin-bottom: 13%;}

  /* testimonials
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#banner-test {background: url(../images/banner-4.jpg) no-repeat; background-size: cover; height: 20.016vw; position: relative; background-position: center center;}
#testimonials .eight h1 {text-align: left; font-size: 22px;}
#testimonials .eight {padding-right: 20px;}
.testimonial {font-style: italic; margin-bottom: 3px;}
.name {text-align: right; font-weight: bold; margin-bottom: 45px}
.enquire {background-color: #0b4b64; padding: 20px;}
.enquire p {color: #fff;}
.quote {font-size: 14px; margin-bottom: -6px; }
.call {font-size: 28px; margin-bottom: -4px; margin-top: -4px;}
.points {margin-bottom: 10px; font-size: 16px;}
.fa-chevron-right {color: #044b65; font-size: 16px; padding-right: 10px;}
#testimonials .four h1 {text-align: left; font-size: 22px;}

  /* about
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#banner-about {background: url(../images/banner-5.jpg) no-repeat; background-size: cover; height: 20.016vw; position: relative; background-position: center center;}
#about .eight h3 {text-align: left; font-size: 22px; color: #044b65; font-weight: bold; font-family: CGB;}
#about .eight h1 {text-align: left; font-size: 22px;}
#about .eight {padding-right: 20px;}
#about .four h1 {text-align: left; font-size: 22px;}
.about {font-style: italic; margin-bottom: 3px;}
.fa-chevron-right {color: #044b65; font-size: 16px; padding-right: 10px;}
.points {margin-bottom: 10px; font-size: 16px;}

  /* services
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#banner-services {background: url(../images/banner-2-2.jpg) no-repeat; background-size: cover; height: 20.016vw; position: relative; background-position: center center;}
#services .six h3 {text-align: left; font-size: 22px; color: #044b65; font-weight: bold; font-family: CGB;}
#services .twelve h1 {text-align: left; font-size: 22px;}
#services .six {padding-right: 20px;}
#services .four h1 {text-align: left; font-size: 22px;}
.services {font-style: italic; margin-bottom: 3px;}
.fa-chevron-right {color: #044b65; font-size: 16px; padding-right: 10px;}
.points {margin-bottom: 10px; font-size: 16px;}
#services a {color: #b61814}

  /* contact
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#banner-contact {background: url(../images/banner-6-1.jpg) no-repeat; background-size: cover; height: 20.016vw; position: relative; background-position: center center;}
#contact .six h3 {text-align: left; font-size: 22px; color: #044b65; font-weight: bold; font-family: CGB;}
#contact .twelve h1 {text-align: left; font-size: 22px;}
#contact .six {padding-right: 20px;}
#contact .four h1 {text-align: left; font-size: 22px;}
.input {width: 100%;}
.submitButton {width: 100%;}
#contact .eight {padding-right: 35px;}
#contact .four h3 {text-align: left; font-size: 22px; color: #044b65; font-weight: bold; font-family: CGB;}
.fa-phone {color: #044b65; font-size: 16px; padding-right: 10px;} 
.fa-envelope {color: #044b65; font-size: 16px; padding-right: 10px;} 
#contact p.quote {margin-bottom: 20px;}
#contact p.email:hover {color: #b61814}
#contact p.tel {font-size: 18px}

  /* gallery
––––––––––––––––––––––––––––––––––––––––––––––––––  */
#gallery .six h3 {text-align: left; font-size: 22px; color: #044b65; font-weight: bold; font-family: CGB;}
#gallery .twelve h1 {text-align: left; font-size: 22px;}
#gallery .six {padding-right: 20px;}
#gallery .four h1 {text-align: left; font-size: 22px;}
#banner-gallery {background: url(../images/banner-3.1.jpg) no-repeat; background-size: cover; height: 20.016vw; position: relative; background-position: center center;}
#gallery img {width: 100%; margin-bottom: 2rem;}

/* Location Pages
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.locations p, .locations a {font-size: 11px; text-align: center; margin-top: 2rem;}

/* Social
––––––––––––––––––––––––––––––––––––––––––––––––––  */
.social i {font-size: 25px; margin-top: 1.8rem;}