/* Main Body styles*/ 
.ekko-lightbox-nav-overlay a:focus{
  outline: 0
}

body.drainage{
  color:#578078;
}

body.fencing{
  color:#a37537;
}

body.groundworks{
  color:#504746;
}

body.surface{
  color:#96705b;
}

body.burstpipe{
  color:#284b63;
}

body.sewerage{
  color:#3B413C;
}

body{
  font-family:'Lato',sans-serif;
  min-height:700px;
  color:#361320;
}

div.container.main-body{
  margin-top:50em;
  z-index:10;
  position:relative;
  background:#fff;
  padding:20px 20px 80px 20px;
  box-shadow:3px -2px 5px 0px rgba(0,0,0,0.75);
}

.btn-primary{
  color:#e9e7eb;
  background-color:#661d1c;
  border-color:#634242;
  background-image:none!important;
  border-radius:0;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{
  color:#e9e7eb;
  background-color:#634242;
  border-color:#815355;
}

.btn-primary:hover{
  color:#e9e7eb;
  background-color:#634242;
  border-color:#815355;
}

@media (max-width:767px) {
  .custom-header{
    padding:20px 0!important;
  }
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border:none;
}

.hvr-underline-from-center{
  display:inline-block;
  vertical-align:middle;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  box-shadow:0 0 1px rgba(0, 0, 0, 0);
  backface-visibility:hidden;
  position:relative;
  overflow:hidden;
}

.drainage .hvr-underline-from-center:before{
  background-color:#578078;
}

.fencing .hvr-underline-from-center:before{
  background-color:#A37537;
}

.groundworks .hvr-underline-from-center:before{
  background-color:#504746;
}

.surface .hvr-underline-from-center:before{
  background-color:#96705B;
}

.burstpipe .hvr-underline-from-center:before{
  background-color:#284b63;
}

.sewerage .hvr-underline-from-center:before{
  background-color:#3B413C;
}

.hvr-underline-from-center:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  right:50%;
  bottom:0;
  background-color:#661d1c;
  height:4px;
  -webkit-transition-property:left, right;
  transition-property:left, right;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
  -webkit-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before{
  left:0;
  right:0;
}

ul.nav.navbar-nav.links{
  margin:6px 0;
}

.page-header h1{
  color:#361320;
}

.dropdown-menu{
  background:rgba(233, 231, 235, 0.9) none repeat scroll 0 0;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary{
  color:#e9e7eb;
  background-color:#634242;
  border-color:#815355;
}

.btn-primary:focus, .btn-primary:hover{
  background-color:#634242;
  background-position:0 -15px;
}

.form-control{
  color:#661d1c;
  background-color:#e9e7eb;
  background-image:none;
  border:1px solid #361320;
  border-radius:0;
}

.btn{
  border-radius:0;
}

.modal-content{
  background-color:#e9e7eb;
  border-radius:0;
}

.modal-header{
  border-bottom:1px solid #361320;
}

.modal-footer{
  border-top:1px solid #361320;
}

.btn-default{
  background-image:none;
}

img.logo{
  height:3.5em;
  transition:all 0.3s;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.drainage div.jumbotron .hero-heading{
  background:rgba(254,248,248,0.8);
  padding-bottom:15px;
}

div.jumbotron .hero-heading{
  background:rgba(233, 231, 235, 0.75) none repeat scroll 0 0;
  margin:0 auto;
  padding-bottom:15px;
}
.jumbotron p { min-height: 60px}
.page-header{
  margin:20px 0 20px;
}

.main-body p{
  font-size:1.2em;
}

.surface .btn:hover, .surface .btn:active, .surface .btn:focus{
  background-color:#504746;
  border-color:#96705b;
  color:#fff;
}

.burstpipe .btn:hover, .burstpipe .btn:active, .burstpipe .btn:focus{
  background-color:#353535;
  border-color:#284b63;
  color:#fff;
}

.sewerage .btn:hover, .sewerage .btn:active, .sewerage .btn:focus{
  background-color:#9db5b2;
  border-color:#3b413c;
  color:#fff;
}

.drainage .btn:hover, .drainage .btn:active, .drainage .btn:focus{
  background-color:#a3c4be;
  border-color:#c25630;
  color:#fff;
}

.fencing .btn:hover, .fencing .btn:active, .fencing .btn:focus{
  background-color:#e7bd42;
  border-color:#a37537;
  color:#fff;
}

.burstpipe .btn{
  background-color:#284b63;
  border-color:#353535;
  color:#fff;
  transition:all 0.3s;
}

.sewerage .btn{
  background-color:#3b413c;
  border-color:#9db5b2;
  color:#fff;
  transition:all 0.3s;
}

.drainage .btn{
  background-color:#c25630;
  border-color:#a3c4be;
  color:#fff;
  transition:all 0.3s;
}

.fencing .btn{
  background-color:#a37537;
  border-color:#e7bd42;
  color:#fff;
  transition:all 0.3s;
}

.surface .btn{
  background-color:#96705b;
  border-color:#504746;
  color:#fff;
  transition:all 0.3s;
}

body.burstpipe footer h3{
  color:#284b63;
}
.gallery img{
  margin:10px auto;
}
.panel-body { padding:15px 0;}
.panel-group .panel {border-radius: 0}
.panel {box-shadow: none; border:none; border-radius: 0; }
.panel-heading { border-radius: 0}
.panel-default > .panel-heading {background-image: none; background-color:rgba(233, 231, 235, 0.95)}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body{ border-top:0}
.panel-title > a{display: inline-block; height: 100%;width:100%}

/* Header styles */

.custom-header{
  background:rgba(233, 231, 235, 0.9) none repeat scroll 0 0;
  box-sizing:border-box;
  border:0;
  border-radius:0;
  display:inline-block;
  margin-bottom:0;
  padding:20px 40px;
  width:100%;
  z-index:20;
  transition:all 0.3s;
}

.sewerage .custom-header{
  background:rgba(254,248,248,0.8);
}

.fencing .custom-header{
  background:rgba(233, 231, 235, 0.75) none repeat scroll 0 0;
}

.drainage .custom-header{
  background:rgba(254,248,248,0.8);
}

.fencing .custom-header.shrink{
  background:rgba(194, 194, 194, 0.95) none repeat scroll 0 0;
}

.custom-header.shrink{
  padding:5px 40px;
  background:rgba(233,231,235,0.95);
}

.custom-header.shrink .logo{
  height:2.7em;
}

.custom-header a.navbar-brand.navbar-link{
  color:#fff;
  line-height:0.5;
  margin-right:40px;
  background:none;
  padding-bottom:0;
  padding-top:0;
  height:100%;
}

.custom-header ul.nav.navbar-nav.links li a{
  opacity:0.9;
  text-decoration:none;
  color:#361320;
  background:none;
  border:0;
}

.fencing .custom-header ul.nav.navbar-nav.links li a{
  color:#a37537;
}

.drainage .custom-header ul.nav.navbar-nav.links li a{
  color:#578078;
}

.surface .custom-header ul.nav.navbar-nav.links li a{
  color:#96705B;
}

.sewerage .custom-header ul.nav.navbar-nav.links li a{
  color:#3B413C;
}

.burstpipe .custom-header ul.nav.navbar-nav.links li a{
  color:#284b63;
}

.custom-header ul.nav.navbar-nav li a:hover{
  opacity:1;
}

.custom-header .badge{
  position:absolute;
  top:4px;
  border-radius:2px;
  font-size:11px;
  color:#fff;
  background-color:#2A6A92;
  padding:2px 4px;
  font-weight:normal;
}

.custom-header li.dropdown .dropdown-toggle:focus, .custom-header li.dropdown .dropdown-toggle:hover, .custom-header li.dropdown .dropdown-toggle:active{
  background:#3a3c3e;
  color:#fff;
}

.custom-header ul.nav.navbar-nav.navbar-right .dropdown li a{
  font:bold 13px Arial, Helvetica, sans-serif;
}

img.dropdown-image{
  border-radius:50%;
  width:32px;
  margin-left:10px;
}

.custom-header .dropdown ul{
  background:rgba(233, 231, 235, 0.9) none repeat scroll 0 0;
  border:0;
  left:-68px;
}

.custom-header .dropdown ul li{
  padding:7px;
  text-align:center;
}

.custom-header .dropdown ul li a{
  background:#3a3c3e;
  border-radius:2px;
  color:#fff;
  padding:0;
}

.custom-header .dropdown ul li a:active, .custom-header .dropdown ul li a:focus, .custom-header .dropdown ul li a:hover{
  background:#3a3c3e;
}

.custom-header .dropdown ul li.active a{
  color:#e9ac09 !important;
}

.custom-header.shrink .navbar-nav > li > a{
  padding-top:10px;
  padding-bottom:10px;
}

/* Hero styles */

@media (max-width:991px) {
  div.jumbotron.hero{
    padding-top:200px!important;
    z-index:50;
    position:relative;
  }
}

.drainage div.jumbotron.hero{
  background-image:url(../img/drainage.jpg);
}

.fencing div.jumbotron.hero{
  background-image:url(../img/fencing-2.jpg);
}

.groundworks div.jumbotron.hero{
  background-image:url(../img/ground-works-2.jpg);
}

.sewerage div.jumbotron.hero{
  background-image:url(../img/sewerage.jpg);
}

.surface div.jumbotron.hero{
  background-image:url(../img/surfacing-2.jpg);
}

.burstpipe div.jumbotron.hero{
  background-image:url(../img/Burst-Pipe-wide.jpg);
}

div.jumbotron.hero{
  text-align:center;
  background-image:url(../img/index.jpg);
  background-size:cover;
  background-position:center;
  padding-top:130px;
  padding-bottom:100px;
  position:absolute;
  width:100%;
  z-index:1;
  top:0;
}

h1.hero-title.top{
  transform:scale(1,0.7);
  font-weight:700;
}

.drainage .page-header .page-title{
  color:#a3c4be;
}

.fencing .page-header .page-title{
  color:#E7BD42;
}

.fencing .page-header .page-title{
  color:#E7BD42;
}

.sewerage .page-header .page-title{
  color:#9DB5B2;
}

.surface .page-header .page-title{
  color:#504746;
}

.burstpipe .page-header .page-title{
  color:#353535;
}

.page-header .page-title{
  color:#7b1214;
  font-family:'Source Sans Pro','Swiss 721 exvt', Helvetica, Sans Serif;
  font-weight:700;
  transform:scale(1,0.7);
}

.drainage h1.hero-title, h2.hero-title, h3.hero-title{
  color:#a3c4be;
}

.fencing h1.hero-title{
  color:#E7BD42;
}

.sewerage h1.hero-title{
  color:#9DB5B2;
}

.surface h1.hero-title{
  color:#504746;
}

.burstpipe h1.hero-title{
  color:#353535;
}

h1.hero-title, h2.hero-title, h3.hero-title{
  text-shadow:0 3px 3px rgba(0,0,0,0.4);
  color:#7b1214;
  margin:0 auto;
  padding-bottom:0px;
  font-family:'Source Sans Pro','Swiss 721 exvt', Helvetica, Sans Serif;
}

.drainage .page-header .page-title small{
  color:#C25630;
}

.fencing .page-header .page-title small{
  color:#a37537;
}

.sewerage .page-header .page-title small{
  color:#3B413C;
}

.surface .page-header .page-title small{
  color:#96705B;
}

.burstpipe .page-header .page-title small{
  color:#284b63;
}

.page-header .page-title small{
  font-weight:400;
  transform:scale(1,0.8);
  letter-spacing:0.3em;
  color:#351521;
}

h1.hero-title.bottom{
  font-weight:400;
  font-size:1.9em;
  transform:scale(1,0.8);
  margin-top:-25px;
  text-shadow:none;
  letter-spacing:0.5em;
  left:8px;
  position:relative;
  color:#351521;
}

h1.hero-title.division{
  font-weight:600;
  font-size:2.1em;
  transform:scale(1,0.8);
  text-shadow:none;
  letter-spacing:0.5em;
  left:10px;
  position:relative;
  color:#351521;
}

.drainage h1.hero-title.division{
  color:#C25630;
}

.fencing h1.hero-title.division{
  color:#a37537;
}

.sewerage h1.hero-title.division{
  color:#3B413C;
}

.surface h1.hero-title.division{
  color:#96705B;
}

.burstpipe h1.hero-title.division{
  color:#284b63;
}

.drainage h1.hero-title.bottom{
  color:#C25630;
}

.fencing h1.hero-title.bottom{
  color:#a37537;
}

.sewerage h1.hero-title.bottom{
  color:#3B413C;
}

.surface h1.hero-title.bottom{
  color:#96705B;
}

.burstpipe h1.hero-title.bottom{
  color:#284b63;
}

@media (max-width:767px) {
  h1.hero-title.bottom{
    font-size:1.2em;
    padding-top:15px;
  }
}

@media (max-width:767px) {
  h1.hero-title.division{
    font-size:1.2em;
    padding-top:15px;
  }
}

.drainage p.hero-subtitle{
  color:#C25630;
}
.sewerage p.hero-subtitle{
  color:#3B413C;
}

.groundworks p.hero-subtitle{
  color:#504746;
}

.surface p.hero-subtitle{
  color:#96705b;
}

.burstpipe p.hero-subtitle{
  color:#284b63;
}

.fencing p.hero-subtitle{
  color:#a37537;
}

p.hero-subtitle{
  max-width:700px;
  margin:50px auto;
  background:rgba(233, 231, 235, 0.75) none repeat scroll 0 0;
  font-weight: 700;
  padding:15px;
}

/* Footer styles */

footer{
  background-color:#e9e7eb;
  box-sizing:border-box;
  width:100%;
  text-align:left;
  font:bold 16px sans-serif;
  padding:55px 50px;
  bottom:0;
  color:#661d1c;
  z-index:10;
  position:relative;
}

.footer-navigation h3{
  margin:0;
  margin-bottom:20px;
}

.footer-navigation h3 a{
  text-decoration:none;
  color:#661d1c;
}

.footer-navigation h3 span{
  color:#5383d3;
}

.footer-navigation p.links a{
  color:#661d1c;
  text-decoration:none;
}

.footer-navigation p.company-name{
  color:#8f9296;
  font-size:14px;
  font-weight:normal;
  margin-top:20px;
}

@media (max-width:767px) {
  .footer-contacts{
    margin:30px 0;
  }
}

.footer-contacts p{
  display:inline-block;
  color:#ffffff;
  vertical-align:middle;
}

.footer-contacts p a{
  color:#661d1c;
  text-decoration:none;
}

.surface .fa.footer-contacts-icon{
  background-color:#96705b;
  color:#e9e7eb;
}

.sewerage .fa.footer-contacts-icon{
  background-color:#3b413c;
  color:#e9e7eb;
}

.drainage .fa.footer-contacts-icon{
  background-color:#578078;
  color:#e9e7eb;
}

.burstpipe .fa.footer-contacts-icon{
  background-color:#284b63;
  color:#e9e7eb;
}

.fencing .fa.footer-contacts-icon{
  background-color:#a37537;
  color:#e9e7eb;
}

.fa.footer-contacts-icon{
  background-color:#815355;
  color:#e9e7eb;
  font-size:18px;
  width:38px;
  height:38px;
  border-radius:50%;
  text-align:center;
  line-height:38px;
  margin:10px 15px 10px 0;
}

span.new-line-span{
  display:block;
  font-weight:normal;
  display:block;
  font-weight:normal;
  font-size:14px;
  line-height:2;
}

.footer-about h4{
  display:block;
  color:#661d1c;
  font-size:14px;
  font-weight:bold;
  margin-bottom:20px;
}

.footer-about p{
  line-height:20px;
  color:#92999f;
  font-size:13px;
  font-weight:normal;
  margin:0;
}

div.social-links{
  margin-top:20px;
  color:#fff;
}

.social-links a{
  display:inline-block;
  width:35px;
  height:35px;
  cursor:pointer;
  background-color:#634242;
  border-radius:2px;
  font-size:20px;
  color:#e9e7eb;
  text-align:center;
  line-height:35px;
  margin-right:5px;
  margin-bottom:5px;
}

.burstpipe .footer-navigation h3 a, .burstpipe .footer-navigation p.links a, .burstpipe .footer-contacts p a, .burstpipe .footer-about h4{
  color:#284b63;
}

.drainage .footer-navigation h3 a, .drainage .footer-navigation p.links a, .drainage .footer-contacts p a, .drainage .footer-about h4{
  color:#a3c4be;
}

.fencing .footer-navigation h3 a, .fencing .footer-navigation p.links a, .fencing .footer-contacts p a, .fencing .footer-about h4{
  color:#a37537;
}

.sewerage .footer-navigation h3 a, .sewerage .footer-navigation p.links a, .sewerage .footer-contacts p a, .sewerage .footer-about h4{
  color:#3b413c;
}

.surface .footer-navigation h3 a, .surface .footer-navigation p.links a, .surface .footer-contacts p a, .surface .footer-about h4{
  color:#96705b;
}

.burstpipe .social-links a{
  background:#284b63;
}

.drainage .social-links a{
  background:#a3c4be;
}

.fencing .social-links a{
  background:#a37537;
}

.sewerage .social-links a{
  background:#3b413c;
}

.surface .social-links a{
  background:#96705b;
}

.loading-image {
  background: transparent center no-repeat;
  float: left;
  margin-bottom: 10px;
}