/* CUSTOM CSS Document for Midfield Plumbers One Page Website
 * v1.0.0 090319
 * Copyright 2019 Allotment Art & Design
 * Author: John Boyle, 140319, john@theallotment.ws
*/

/*
/* MIDFIELD COLORS
logo-light blue: #0b89ff;
logo-dark blue: # 1, 23, 111;

midfield gold: #bb8b00;
midfield red-brown: #7c270d;

midfield green-light: #63bb0b;
midfield green-dark(bg header & footer): #2c3945;

midfield text-grey: #545454;
text on dark bg #a2a6aa;

midfield blue-grey-dark1: #393939;
midfield grey-darkest: #242424;

#baseline {
	width: 1170px;
	height: auto;
	position: absolute;
	z-index: 500;
	top: 18px;
	left: 220px;
}*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:700,600|Open+Sans:400,400i,600,600i');
html {
	height: 100%;
	scroll-behavior: smooth;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
  line-height: 1.45;
	color: #545454;
	background-color: #edeff1;

}

/* EXTRA SMALL devices (phones, less than 480px) */
/* No media query since up to 768px is the default in Bootstrap */

/* ---  EXTRA SMALL Typography --- */

/* MIDFIELD TYPESCALES
https://type-scale.com/
Base 16px for 992 and below
Scale 1.067 Minor Second
html {font-size: 16px;}

body {
	font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
}

p {margin-bottom: 1.25em;}

h1, h2, h3, h4, h5 {
  margin: 2.75rem 0 1rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.15;
}

h1 {
  margin-top: 0;
  font-size: 1.383em;
}

h2 {font-size: 1.296em;}

h3 {font-size: 1.215em;}

h4 {font-size: 1.138em;}

h5 {font-size: 1.067em;}

small, .text_small {font-size: 0.937em;}
*/

html {font-size: 16px;}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
  line-height: 1.45;
	color: #545454;
	background-color: #edeff1;
}
h1.display {
       font-size: 1.476rem;
       font-size: 23.61px;
       text-transform: uppercase;
       font-weight: bold;
       color: #fff;
       line-height: 0.95;
       margin-bottom: 0;
       line-height: 1.15;
   }
.home h1 {
	 font-family: 'Montserrat', sans-serif;
	 font-size: 1.476rem;
	 font-size: 23.61px;
	 font-weight: 700;
	 line-height: 0.96;
	 color: #0b89ff;
	 text-shadow:
	 -1px -1px 0 rgba(255, 255, 255, 0.67),
	 1px -1px 0 rgba(255, 255, 255, 0.67),
	 -1px 1px 0 rgba(255, 255, 255, 0.67),
	 1px 1px 0 rgba(255, 255, 255, 0.67),
	 0px -2px 10px rgba(255, 255, 255, 0.67),
	 0 10px 10px rgba(0, 0, 0, 0.67);
	 margin-top: 0px;
	 border: none;
	 float: none;
	 width: 100%;
	 text-align: center;
	 margin: 0;
	 padding: 0;
 }
 .home h2 {
	 margin-top: 1px;
	 font-size: 1.125rem;
	 font-size: 20.25px;
	 color: #fff;
	 letter-spacing: 1px;
	 word-spacing: 1px;
	 text-shadow: 0 6px 6px rgba(0, 0, 0, 0.33);
 }
h1, h2, h3, h4, h5, legend {
 margin-top: 0;
 margin-bottom: 1rem;
 font-family: 'Montserrat', sans-serif;
 font-weight: 600;
 line-height: 1.15;
   }
h1 { font-size: 1.383rem;}
h2 {font-size: 1.296rem;}
.bg-stripe-light h2, .bg-stripe-blue h2   {
	 font-size: 1.215rem;
	 font-size: 19.44px;
	 color: #0b89ff;
	 text-shadow: none;
}
h3 {font-size: 1.215rem;}
h4, legend {font-size: 1.138rem;}
legend {
	color: #545454;
	border: none;
}
h5 {font-size: 1.067rem;}
p, ul {
	margin: 0;
	padding: 0;}
p, ul {
 font-size: 1rem;
 font-size: 16px;
 margin-bottom: 1.25rem;
}
p { text-wrap: balance;}
#contact-form p { font-size: 14px;}
ul { list-style: none;}
small, .text_small {font-size: 0.937rem;}
.bold { font-weight: 800;}
ul { list-style: none;}
ul.discblue { margin-left: 0px;}
ul.discblue li { padding-left: 4px;}
ul.discblue li::before {
  content: "\2022";
  color: #0b89ff;
  font-weight: bold;
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
}
.aligncenter { text-align: center;}
.alignright { text-align: right;}
.alignleft { text-align: left;}
.justify { text-align: justify;}
 .add-padleft {padding-left: 15px;}
.lightblue {color: #0b89ff;}

.tool-tip + .tooltip > .tooltip-inner, .tool-tip2 + .tooltip > .tooltip-inner {
	 background-color: #000;
	 color: #fff;
	 border: none;
	 padding: 9px;
	 font-size: 14px;
	 line-height: 1.3;
	 opacity: .8;
 }
 /* Tooltip on top */
 .tool-tip + .tooltip.top > .tooltip-arrow,  .tool-tip2 + .tooltip.top > .tooltip-arrow { border-top: 5px solid #000;}

.fa, .fas { font-weight: 900 !important;}
.fa-mobile { font-size: 20px !important;}
.fa { margin-right: 5px;}
.contact-details li:nth-of-type(3) span { margin-right: 2px;}
.footer .fa-envelope { margin-right: 10px;}
.footer .fa-mobile { margin-right: 14px;}

.footer ul.logo-box li.comp-num { 
	margin-top: 18px;
  margin-left: 169px;
	font-size: 0.772rem;
	font-size: 12.34px;
}
/* ---  END EXTRA SMALL Typography --- */

/* --- Links --- */

a { color: #a7ac73;}
.contacts-bar-1  a, .footer #footer-brand  a { color: #a2a6aa;}
.navbar-default .navbar-nav > li > a { color: #a2a6aa;}

a:hover, a:active, .contacts-bar-1  a:hover, .contacts-bar-1  a:active, .navbar-default .navbar-nav > li > a:hover {
    color: #cbd939;
    text-decoration: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #a7ac73;
    background: none;
}

.nav-tabs > li > a {
	color: #a2a6aa;
	border: none;
	background: none!important;
}
.bg-stripe-light .nav-tabs > li > a {
	color: #545454;
	border: none;
	background: none!important;
}
.nav-tabs > li a:hover {
	color: #cbd939;
	border: none;
	background: none!important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover  {
	color: #a7ac73;
	border: none;
	background: none!important;
}
.bg-stripe-light .nav-tabs > li.active > a, .bg-stripe-light .nav-tabs > li.active > a:focus {
	color: #b1c202;
	border: none;
	background: none!important;
}
.bg-stripe-light .nav-tabs > li.active > a, .bg-stripe-light .nav-tabs > li.active > a:focus, .bg-stripe-light .nav-tabs > li.active > a:hover {
	color: #b1c202;
	border: none;
	background: none!important;
}

.tabpanel-content a { color: #a2a341;}
.tabpanel-content a:hover { color: #cbd939}
.tabpanel-content a:focus, .tabpanel-content a:active {color: #a7ac73;}
.contacts-bar a { color: #a2a6aa;}
ul.subpages li a { color: #a2a6aa;}
li#credit a { color: #a2a6aa;}
/* --- END Links --- */

form label.required:after, form p.required:after
{
    color: red;
    content: " *";
}

/*  --- EXTRA SMALL Layout 320 UP --- */

section {
	position: absolute;
	width: 100%;
	height: 0;
	background: none;
	top: 0;
	left: 0;
	z-index: 2000;
}

.container-fluid { padding: 0;}
ul {padding: 0;}
.home .container, .about .container, .services .container, .gallery .container, .contact .container { position: relative;}

.bg-stripe-light {
	background-color: #edeff1;
	color: #545454;
	text-shadow: 0 1px 0px #fff;
}
.bg-stripe-blue {
	background-color: #363660;
	color: #a2a6aa;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.75);
}

#home { top: 0px;}
#accreditation-up { top: -78px;}
#about, #services, #gallery, #contact {
	padding-top: 88px;
	padding-bottom: 147px;
}

/* --- 320 UP --- Header .navbar --- */

.navbar-default .navbar-collapse {
  border: none;
  margin-top: 0px;
	padding-top: 0;
  padding-bottom: 0;
}
.navbar-collapse { -webkit-box-shadow: none; box-shadow: none;}

.navbar {
  background-color: #2c3945;
  color: #a2a6aa;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.75);
  border: none;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px -4px 36px rgba(255, 255, 255, 0.09),
										0px 1px 9px rgba(0, 5, 24, 0.6);
	        box-shadow: inset 0px -4px 36px rgba(255, 255, 255, 0.09),
										0px 1px 9px rgba(0, 5, 24, 0.6);
	height: 81px;
	z-index: 1060;
}
.navbar .container { position: relative;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

/* --- -------------------------------------- --- */

.contacts-bar { display: none;}

/* --- -------------------------------------- --- */

#navbar-brand {
	position: absolute;
	top: 0px;
	left: -3px;
	bottom: 0;
	right: 0;
	margin-left: 0;
	margin-right: 0;
	width: 130px;
}
.navbar-brand {
	position: relative;
	margin: 0 auto;
	text-align: center;
	line-height: 1.1;
	width: 130px;
}
.navbar-brand img {
	vertical-align: middle;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	width: 130px;
}
.navbar-brand span.logotext1 {
	position: absolute;
	top: 21px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	padding: 0;
	font-size: 7px;
	color: #fff;
	letter-spacing: 0px;
	word-spacing: 0px;
}
.navbar-brand span.logotext2 {
	position: absolute;
	top: 60px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
	color: #0b89ff;
	font-size: 0.772rem;
  font-size: 12.34px;
	letter-spacing: 0.2px;
	word-spacing: 0.2px;
	display: none;
}

/* --- -------------------------------------- --- */

.footer-brand span {
  font-size: 0.772rem;
  font-size: 12.34px;
}

/* --- -------------------------------------- --- */
.navbar-nav { margin: 0;}

.navbar-default .navbar-collapse {
  border: none;
  margin-top: 0px;
	padding-top: 0;
  padding-bottom: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
#nav-small {
	display: block;
	margin-top: 14px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
}
#nav-small li {
	float: left;
	margin-right: 0px;
	font-size: 14px;
	margin-left: 10px;
	margin-bottom: 12px;
}
#nav-small li a {
	padding: 0;
	padding-right: 15px;
	font-size: 16px;
}
#nav-small li:nth-of-type(1) { margin-left: 159px;}
#nav-small li:nth-of-type(3)  { margin-left: 54px;}
#nav-left, #nav-right { display: none;}
/* --- END  --- Header .navbar --- */

/* ---  #home  ---*/

.background-img img {
	width: 100%;
	height: auto;
	padding-top: 79px;
}
.page-heading {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	top: -124px;
}
/* --- -------------------------------------- --- */

#brand {
    width: 160px;
    margin: 0 auto;
    margin-bottom: 17px;
    text-align: center;
    position: relative;
    text-align: center;
    line-height: 1.1;
}
#brand .logotext1 {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 0;
		font-size: 0.678rem;
    font-size: 10.84px;
    color: #fff;
    letter-spacing: 0.2px;
    word-spacing: 0.2px;
    z-index: 1050;
}
#brand .logo-home {
    width: 160px;
    height: auto;
    vertical-align: middle;
    top: 0px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 99em;
    z-index: 1000;
    position: absolute;
}

/* --- -------------------------------------- --- */

.home h2 {
	margin-top: 1px;
	font-size: 0.678rem;
	font-size: 10.84px;
	color: #fff;
	letter-spacing: 0.5px;
	word-spacing: 0.5px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.33);
	margin-bottom: 0;
}
.home .btn-lg, .home .btn-md, .home .btn-sm {
	display: inline-block;
	float: none;
	color: #0b89ff;
	text-align: center;
	background-color: #363660;
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.33);
	        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.33);
}
.home .fa-chevron-down {
    display: block;
    text-align: center;
		margin-top: -2px;
}
.home .btn-md, .home .btn-lg { display: none;}
.home .btn-sm {
	display: inline-block;
	margin-top: 9px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 9px;
	background-color: #363660;
	border: 1px solid #0b89ff;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.33);
	        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.33);
	font-size: 13px;
}

/* --- -------------------------------------- --- */

#accreditation-up {
	position: absolute;
	width: 100%;
	height: 0;
	background: none;

	left: 0;
	z-index: 2000;
}
/* ---  END #home  ---*/

/* ---  #accreditation .bg-stripe-blue ---*/

#accreditation {
	padding-top: 6px;
	padding-bottom: 13px;
}
#accreditation h2 {
	padding-right: 9px;
	margin-bottom: 21px;
	margin-bottom: 9px;
}
#accreditation h2 i { padding-right: 9px;}

.icon-box {
	text-align: center;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 22px;
	padding-bottom: 11px;
	padding-bottom: 2px;
}
#accreditation .icon-box { padding-top: 0;}

.icon-box .icon {
	font-size: 80px;
	display: inline-block;
	line-height: normal;
	text-align: center;
	padding-bottom: 0px;
}
#accreditation .icon {
	float: left;
	padding-top: 0;
}

#gas-safe img, #snipef img {
	width: 80px;
	padding-right: 12px;
	margin-top: 6px;
}
#watersafe .icon {
	padding-top: 0;
	padding-bottom: 32px;
	padding-bottom: 11px;
	padding-bottom: 3px;
	float: none;
}
#bsac .icon {
	margin-top: -34px;
	margin-top: 0px;
}
#bsac img {
	width: 80px;
	padding-right: 12px;
	margin-top: 6px;
}
/* --- END #accreditation .bg-stripe-blue --- */

/* --- #statements .bg-stripe-light --- */

#statements {
	padding-top: 13px;
	padding-bottom: 22px;
}
#statements h2 {
margin-top: 2px;
margin-bottom: 4px;
margin-top: 0px;
}
#statements h2 i {
	padding-right: 11px;
}
#statements .icon-box .icon {
	padding-bottom: 0;
	padding-right: 12px;
	margin-top: -17px;
	margin-left: -20px;
	float: left;
}
.icon-box .icon .flaticon-ruler-and-pencil::before, .icon-box .icon .flaticon-sink::before, .icon-box .icon .flaticon-shower::before, .icon-box .icon .flaticon-wrench::before, .icon-box .icon .flaticon-worker-1::before {
	font-size: 4.11rem;
	font-size: 73.98px;
	color: #0b89ff;
	font-size: 68.98px;
}

.tool-tip2 + .tooltip > .tooltip-inner { margin-top: -60px;}

.icon-box h4 { margin-bottom: 29px;}
#statements  .icon-box h4 { margin-bottom: 0px;}
#statements .icon-box-content h4 {
	color: #545454;
 	text-transform: uppercase;
	margin-top: 0;
	margin-left: 0px;
	margin-top: 5px;
}
/* --- END  #statements .bg-stripe-light --- */

.nav-tabs {
 	margin: -63px 0 0 0;
 	border: none;
 	float: right;
 	padding-right: 0;
}
.nav-tabs .fas, .nav-tabs .far, .tabpanel-content .fas, .tabpanel-content .far { padding-right: 8px;}
.nav-tabs > li > a {
 	margin-right: 2px;
 	line-height: 1.45;
 	border: none;
 	background: none;
 	border-radius: 0;
}
.nav-tabs > li:last-of-type > a {
 	margin-right: 0;
 	padding-right: 0;
}
.tabpanel-content h4 { margin-bottom: 12px;}
.tabpanel-content h5 { margin-bottom: 11px;}
.tabpanel-content li { margin-bottom: 11px;}
.tabpanel-content a {
	text-decoration: none;
	font-size: 18px;
	font-size: 16px;
}
.tabpanel-img {
	margin-top: 5px;
	padding-left: 36px;
}

/* --- #about .bg-stripe-blue --- */

#about h2 {
	margin-bottom: 26px;
	margin-bottom: 21px;
}
#about .nav-tabs {
 margin: -63px 0 0 0;
 margin: -13px 0 9px 0;
 border: none;
 float: right;
 float: left;
 padding-right: 0;
 padding-left: 0;
}
#about .nav > li > a {
	padding: 10px 15px;
	padding: 2px 9px 12px 9px;
}
#about .nav > li:nth-of-type(1) > a, #about .nav > li:nth-of-type(2) > a {
	padding: 10px 15px;
	padding: 2px 16px 2px 9px;
	padding-left: 0;
}
#about ul.discblue { padding-left: 15px;}

#about-us .tabpanel-img {
    margin-top: 5px;
		margin-top: 0px;
    padding-left: 36px;
		margin-top: 0px;
    padding-left: 15px;

		position: absolute;
		top: 100px;
		left:0;
		bottom: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
}
#about-us .tabpanel-content h4 { margin-bottom: 242px;}
/* --- END  #about .bg-stripe-blue --- */

/* ---  #services .bg-stripe-light --- */

#services h2 {
	margin-bottom: 21px;
	color: #0b89ff;
	text-shadow: none;
	margin-bottom: 29px;
}
#services .nav-tabs {
 margin: -63px 0 0 0;
 margin: -20px 0 -1px 0;
 border: none;
 float: right;
 float: left;
 padding-right: 0;
 padding-left: 0;
}
#services .nav > li > a {
	padding: 10px 15px;
	padding: 2px 9px 12px 2px;
}
#services .nav > li:nth-of-type(1) > a, #services .nav > li:nth-of-type(3) > a {
	padding: 10px 15px;
	padding: 2px 16px 2px 9px;
	padding-left: 0;
}
#services .tabpanel-content h4 {
	margin-bottom: 241px;
}
#services #heating .tabpanel-content h4 {
	margin-bottom: 241px;
}
#services .tabpanel-content p, #services .tabpanel-content h5 {
	margin-left: -15px;
}
#services .tabpanel-content h5 {
	margin-top: 20px;
	margin-bottom: 5px;
}
#services .tabpanel-img {
  margin-top: 5px;
	margin-top: 0px;
  padding-left: 36px;
	margin-top: 0px;
  padding-left: 15px;

	position: absolute;
	top: 100px;
	left: 0px;
	bottom: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#services .tab-content {
	padding-left: 15px;
	padding-right: 15px;
}
#plumbing .col-xs-6  { padding-left: 0;}
#plumbing .bathroom-inst  {
	margin-left: 0;
	margin-top: -14px;
}
#plumbing .thumbsbox {
	margin-top: -19px;
	padding-right: 4px;
	padding-left: 0;
}
#plumbing .thumbnail {
	text-align: center;
	line-height: 1.15;
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 12px;
	}

#plumbing .thumbnail .caption {
	padding: 0;
	padding-top:  11px;
	padding-bottom: 6px;
}
#plumbing .thumbnail .caption p {
	margin:0;
	padding: 0;
	font-weight: bold;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	color: #0b89ff;
	font-size: 14px;
}
#plumbing ul.discblue {
	padding-right: 5px;
	padding-left: 15px;
	margin-top: -12px;
	font-size: 15px;
}
#heating .thumbsbox {
	margin-top: -19px;
	padding-right: 4px;
	padding-left: 0;
}
#heating .thumbnail {
	text-align: center;
	line-height: 1.15;
	background: none;
	border: none;
	padding: 0;
	}
#heating .thumbnail .caption {
	padding: 0;
	padding-top:  11px;
	padding-bottom: 6px;
}
#heating .thumbnail .caption p {
	margin:0;
	padding: 0;
	font-weight: bold;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	color: #0b89ff;
	font-size: 14px;
}
/* --- END  #services .bg-stripe-Lightbox --- */

/* --- #gallery .bg-stripe-blue --- */

#gallery .filters-container h2 {
	margin-top: 2px;
	margin-top: 0px;
	margin-bottom: 21px;
	color: #0b89ff;
	text-shadow: none;
	margin-bottom: 29px;
	padding-bottom: 0;
	padding-bottom: 7px;
}

.filter li.data-filter {
	 margin-right: 2px;
	 line-height: 1.45;
	 color: #5d8824;
}
.filter li:last-of-type > a {
	 margin-right: 0;
	 padding-right: 0;
}
.filter li.active > a, .filter li.active > a:focus, .filter li.active > a:hover {
 color: #a6ad59;
 background: none!important;
 border: none;
}
.filter li > a:hover {
	 border: none;
	 background: none!important;
	 color: #cbd939;
}

.gallery-item { margin-bottom: 16px;}
.gallery .thumbnail {
		display: block;
		padding: 0px;
		margin-bottom: 14px;
		background-color: #edeff1;
		border: 0;
		border-radius: 0;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
}
.thumbs-gallery {margin-top: 4px;}

.thumbnail a > img, .thumbnail > img {
    margin-right: 0;
    margin-left: 0;
		width: 100%;
}

.gallery img.thumb {
	cursor: pointer;
}
.gallery .caption {
	margin-top: 2px;
	margin-bottom: 0px;
}
.gallery .caption h4 {
	color: #a2a6aa;
	font-size: 1rem;
	margin-bottom: 10px;
}
.gallery .caption p {
	font-size: 16px;
	font-size: 16px;
	margin-bottom: 9px;
}
.gallery .caption .btn {
	padding: 0;
	font-size: 15px;
	background-image: none;
	background-color: #edeff1;
	border: none;
	border-radius: 0;
	margin-top: -3px;
	margin-left: 9px;
}
/* --- END  #gallery .bg-stripe-blue --- */

/* --- #contact .bg-stripe-light --- */

#contact h2 {
	margin-bottom: 26px;
	margin-bottom: 12px;
}
#contact-form h4 { margin-bottom: 14px}
#contact-form legend { margin-bottom: 14px}
.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height:0;
		margin-top: -12px;
		margin-bottom: 10px;
		border-top: 1px solid rgba(0, 0, 0, 0.33)!important;
		border-right: 1px solid rgba(255, 255, 255, 0.5);
		border-bottom: 1px solid rgba(255, 255, 255, 1);
		border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
		border: none !important;
}
.form-horizontal  { margin-top: 7px;}
.form-horizontal .form-group { margin: 0;}
.col-md-4 .form-group {
	margin-right: 27px;
	margin-right: 0px;
}
.col-md-5 .form-group { margin-top: 5px;}
textarea.form-control {max-height: 118px;}
input.d-none {display: none;}
.btn-send {
 display: inline-block;
 margin-top: 11px;
 margin-left: 0;
 margin-left: 45px;
 float: none;
 color: #0b89ff;
 text-align: center;
 padding-top: 7px;
 padding-right: 36px;
 padding-bottom: 12px;
 padding-left: 36px;
 background-color: #363660;
 border: 2px solid #0b89ff;
 -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.33);
         box-shadow: 0 6px 6px rgba(0, 0, 0, 0.33);
 font-size: 18px;
 width: 198px;
}
.rc-anchor-normal {
    height: 74px;
    width: 290px;
}
/* --- END  #contact .bg-stripe-light --- */

#topBtnMain {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 6px;
  z-index: 100;
  outline: none;
	text-align: center;
  cursor: pointer;
  border: none;
	width: 30px;
	height: 30px;
}
#topBtnMain .fa-arrow-up {
    font-size: 30px;
    color: #a7ac73;
    -webkit-transition: color .18s ease;
    -o-transition: color .18s ease;
    transition: color .18s ease;
    border: none;
}
#topBtnMain .fa-arrow-up:hover {
    color: #cbd939;
}
#topBtnPrivacy, #topBtnCookies {
  display: none;
  outline: none;
	text-align: center;
  cursor: pointer;
  border: none;
	width: 30px;
	height: 30px;
}

/* --- --- footer .footer --- --- */

.footer {
  background-color: #2c3945;
  color: #a2a6aa;
	padding-top: 4px;
}
.footer .col-sm-6 {
		border-bottom: 1px solid #545454;
		padding-bottom: 10px;
		margin-bottom: 4px;
}
.footer .col-sm-12 {
		border-bottom: 1px solid #545454;
		padding-bottom: 2px
}
.footer h5 {
	margin-top: 11px;
	margin-bottom: 9px;
}
.footer .col-sm-12:nth-of-type(3) h5 { margin-top: 255px;}
.footer ul.office { margin-bottom: 13px;}
.footer ul.icons {
  margin-top: -8px;
  font-size: 36px;
	padding-left: 0;
}
.footer ul.icons li {
  display: inline;
  margin-right: 16px;
}
.footer ul.logo-box {
  float: none;
  width: 100%;
  margin-top: 0px;
  color: #B0B0B0;
  padding: 13px 0 0 0px;
	position: relative;
}
.logo-box li.logo {
  color: #0b89ff;
  display: inline-block;
  line-height: normal;
  padding: 0 23px 0 23px;
}
.logo-box li:nth-of-type(1) {
	padding-right: 0;
	padding-left: 0;
	margin-top: -4px;
}
.logo-box li:nth-of-type(2) {
	float: right;
	padding-right: 0;
	padding-left: 0;
	margin-top: -4px;
}
.logo-box li:nth-of-type(3) {
	padding-right: 0;
	padding-left: 0;
	margin-top: 17px;
	margin-left: 56px;
	margin-right: 0;
}
.logo-box li#logo-bsac {
	position: absolute;
	top: 0px;
	left: 100px;
	bottom: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.logo-box li#logo-bsac img { width: 80px;}
.footer .logo-box li:nth-of-type(1) {
  padding-right: 0;
	padding-left: 0;
}
.sitemap {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
  -webkit-column-gap: 44px;
     -moz-column-gap: 44px;
          column-gap: 44px;
	padding-bottom: 4px;
}
.subpages li {
    font-size: 0.878rem;
    font-size: 14.05px;
}
.office li { padding-right: 2px;}

/* Footer Bottom .subfooter */
.subfooter .col-md-12  {
	text-align: center;
	padding-top: 18px;
	padding-bottom: 4px;
	position: relative;
}
.subfooter ul.pull-left {
	margin-top: 65px;
	margin-bottom: 0;
	float: none !important;
}
.subfooter ul.pull-right {
	margin-bottom: 0;
	float: none !important;
	padding-bottom: 18px;
}
.subfooter ul li {
	font-size: 0.772rem;
	font-size: 12.34px;
	display: block;
	padding-top: 0;
	padding-bottom: 3px;
}
.subfooter ul:nth-of-type(1) li:nth-of-type(1) {
	padding-left: 0;
	padding-right: 0;
}
.subfooter ul:nth-of-type(1) li:nth-of-type(2) {
	padding-left: 0px;
	padding-right: 0;
}
.subfooter ul:nth-of-type(2) li:nth-of-type(1) {
	padding-right: 0;
	padding-left: 0;
}
.subfooter ul:nth-of-type(2) li:nth-of-type(2) {
	padding-right: 0;
	padding-left: 0;
}
.subfooter #footer-brand {
	position: absolute;
	width: 220px;
	top: 14px;
	left: 0px;
	bottom: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
}
.subfooter #footer-brand a {
	color: #0b89ff;
	text-decoration: none;
}
.subfooter #footer-brand img { margin-bottom: 3px;}
/* --- END footer bottom .subfooter --- */
/* --- END footer .footer --- */
/* --- END --- EXTRA SMALL Layout 320 UP ---
--------------------------------------------
--------------------------------------------
--------------------------------------------*/

/* 480 UP EXTRA SMALL devices ((phones, greater than 480px)) */

@media screen and (min-width: 480px) {

	#about, #services, #gallery, #contact {
		padding-top: 84px;
		padding-bottom: 147px;
	}

	/* --- 480 UP --- Header .navbar --- */


	#navbar-brand {
		width: 210px;
		top: -7px;
	}
	.navbar-brand { width: 210px;}
	.navbar-brand img { width: 210px;}
	.navbar-brand span.logotext1 {
		top: 25px;
		font-size: 11px;
		letter-spacing: 0.4px;
		word-spacing: 0.4px;
	}
	.navbar-brand span.logotext2 {
		top: 49px;
		font-size: 11px;
		letter-spacing: 0.1px;
		word-spacing: 0.1px;
		display: none;
	}

	.navbar-nav li:nth-of-type(1) a {}
	.navbar-default .navbar-collapse { margin-top: 0px;}
	#nav-small {
		display: block;
		margin-top: 36px;
	}
	#nav-small li {
		float: left;
		margin-right: 0px;
		margin-bottom: 0;
		margin-left: 16px;
		padding-right: 0;
		padding-left: 0;
	}
	#nav-small li a {
		padding: 10px 15px;
	}
	#nav-small li:nth-of-type(1) { margin-left: 0;}
	#nav-small li:nth-of-type(3)  { margin-left: 16px;}
	#nav-small li:nth-of-type(5) { margin-right: 0;}
	#nav-small li:nth-of-type(5) a { padding-right: 0px;}
	#nav-small li:nth-of-type(1) a { padding-left: 0px;}
	/* --- END  --- Header .navbar --- */

	/* ---  #home  ---*/

	.page-heading {
		position: absolute;
		width: 100%;
		text-align: center;
		margin-top: 0px;
		top: -161px;
	}
	.home h1 {
    font-size: 1.913rem;
    font-size: 30.60px;
	}
	.background-img img { padding-top: 48px;}
	/* --- END  #home  ---*/

	#accreditation { padding-top: 12px;}
	/* --- #statements .bg-stripe-light   ---*/

	#statements .icon-box .icon {
    padding-bottom: 4px;
    padding-right: 16px;
    margin-top: 6px;
    margin-top: -17px;
	}
	/* --- END  #statements .bg-stripe-light   ---*/

	/* --- #about .bg-stripe-blue --- */

	#about-us .tabpanel-content h4 { margin-bottom: 350px;}
	/* --- END #about .bg-stripe-blue --- */

	/* --- #services .bg-stripe-light --- */
	#services .tab-content {
		padding-left: 0;
		padding-right: 0;
	}
	#services .col-xs-3 {
		padding-right: 15px;
		padding-left: 0;
	}
	#services .tabpanel-content h4 {
    margin-bottom: 336px;
    margin-left: 0px;
	}
	#services #heating .tabpanel-content h4 {
		margin-bottom: 336px;
		margin-left: 0px;
	}
	#services .tabpanel-content p, #services .tabpanel-content h5 {
    margin-left: 0px;
	}
	#services .tabpanel-img { left: -15px;}
	#plumbing .col-xs-6 {
    padding-left: 15px;
	}
	#plumbing .bathroom-inst  {
		margin-left: -239px;
		margin-top: 33px;
	}
	#plumbing .thumbnail .caption p { font-size: 16px;}
	#plumbing ul.discblue {
		padding-left: 15px;
		margin-top: -3px;
	}
	#services .tabpanel-img img {
    float: left!important;
		padding-left: 15px;
}
	/* --- END Section 5 #services
	/* --- END #services .bg-stripe-light --- */

	/* --- #contact .bg-stripe-light --- */

	.btn-send { margin-left: 122px;}
	/* --- END  #contact .bg-stripe-light --- */

	/* ---  footer .footer --- */
	.footer .row {
		padding-top: 0;
		padding-bottom: 16px;
		border: none
	}
	.footer h5 { margin-top: 16px;}
	.footer .col-sm-12:nth-of-type(3) h5 { margin-top: 198px;}
	.logo-box li#logo-bsac {
    position: absolute;
    top: 4px;
    left: 88px;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    padding: 0;
	}
	.logo-box li:nth-of-type(3) {
    padding-right: 0;
    padding-left: 0;
    margin-top: 0px;
    margin-left: 101px;
    margin-right: 0;
	}
	.logo-box li#logo-watersafe {
    position: absolute;
    top: 31px;
    left: 180px;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    padding: 0;
	}
	.sitemap {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 36px;
       -moz-column-gap: 36px;
            column-gap: 36px;
	}

	/* --- footer bottom .subfooter --- */

	.subfooter #footer-brand {
    position: absolute;
    width: 220px;
    top: -3px;
    left: 0px;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
	}
	.subfooter ul.pull-left { margin-top: 47px;}
	.subfooter ul.pull-right { padding-bottom: 0;}
	#topBtnMain { bottom: 63px;}
}
	/* --- END footer bottom .subfooter --- */
	/* --- END footer .footer --- */
	/* --- END --- EXTRA SMALL Layout 480 UP ---
	--------------------------------------------
	--------------------------------------------
	--------------------------------------------*/

	/* ---  768 UP SMALL devices (tablets, 768px and up) --- */

@media screen and (min-width: 768px) {
	#accreditation { padding-top: 23px;}
	#about, #services, #gallery, #contact {
		padding-top: 85px;
		padding-bottom: 147px;
	}

	/* --- 768 UP --- Header .navbar --- */

	.navbar {	height: 81px;}

	.contacts-bar {
		display: block;
		padding-top: 14px;
		float: right;

	}
	.contacts-bar p {
		margin: 0;
		padding: 0;
		padding-right: 28px;
		font-size: 15px;
		float: left;
	}
	.contacts-bar p:nth-of-type(3) {padding-right: 0;}

	#navbar-brand {
		width: 220px;
		top: 0px;
	}
	.navbar-brand { width: 220px;}
	.navbar-brand img { width: 220px;}
	.navbar-brand span.logotext1 {
		top: 27px;
		font-size: 12px;
		letter-spacing: 0.6px;
		word-spacing: 0.6px;
	}
	.navbar-brand span.logotext2 {
		display: block;
		top: 53px;
		font-size: 11px;
		letter-spacing: 0.1px;
		word-spacing: 0.1px;
	}
	.navbar-default .navbar-collapse { margin-top: 0px;}
	.navbar-nav li:nth-of-type(1) a {padding-left: 0;}
	.navbar-default .navbar-collapse { margin-top: 0px;}
	#nav-small {
		display: block;
		margin-top: 2px;
		float: right;
		padding-right: 0;
	}
	#nav-small li {
		float: left;
		margin-right: 0;
	}
	#nav-small li:nth-of-type(5) a { padding-right: 0;}
	#nav-left, #nav-right { display: none;}

	/* --- END  --- Header .navbar --- */

	/* --- 768 UP --- Section 1 .home --- */

		.background-img img { padding-top: 40px;}
		.page-heading {top: -261px;}
		#brand {
			width: 264px;
			margin-bottom: 24px;
		}
		#brand .logo-home { width: 264px;}
			#brand .logotext1 {
			top: -15px;
			font-size: 16px;
			letter-spacing: 0.2px;
		  word-spacing: 0.2px;
			z-index: 1050;
		}

		.home h1 {
			font-size: 3.247rem;
			font-size: 58.45px;
		}
		.home h2 {
			font-size: 1.125rem;
		  font-size: 20.25px;
			color: #fff;
			letter-spacing: 0.5px;
			word-spacing: 0.5px;
		}
		.home .btn-lg, .home .btn-sm { display: none;}
		.home .btn-md {
			display: inline-block;
			margin-top: 6px;
			margin-left: 0;
			padding-top: 4px;
			padding-right: 36px;
			padding-bottom: 2px;
			padding-left: 36px;
		}
		.home .fa-chevron-down {
			display: block;
			text-align: center;
		}
		/* --- END Section 1 .home --- */

		.bg-stripe-light h2, .bg-stripe-blue h2   {
		 margin-bottom: 21px;
		 font-size: 1.602rem;
		 color: #0b89ff;
		 text-shadow: none;
		}
		.bg-stripe-blue.about h2 { margin-bottom: 26px;}
		.bg-stripe-light h4, .bg-stripe-blue h4 { }

		/* ---  2 #accreditation .bg-stripe-blue --- */

		#accreditation h2 {
	    padding-right: 0;
	    margin-bottom: 24px;
		}
		#accreditation .icon { padding-right: 6px;}
  	#gas-safe.icon-box { padding-right: 44px;}
		#snipef.icon-box {
			padding-right: 13px;
			margin-left: -15px;
		}
		#bsac.icon-box {
			padding-right: 5px;
			margin-left: -15px;
		}
		#watersafe.icon-box {
			padding-right: 66px;
			margin-top: 6px;
		}
		/* --- END 2 #accreditation .bg-stripe-blue --- */

/* --- 3 #statements .bg-stripe-light --- */

		#statements h2 {
			padding-right: 0;
			margin-bottom: 19px;
		}
		#statements	.icon-box {
	    text-align: center;
	    text-align: left;
	    padding-top: 0px;
	    padding-bottom: 22px;
	    padding-bottom: 4px;
	    padding-top: 0px;
		}
		#statements	#planning.icon-box, #statements	#refurb.icon-box { padding-right: 24px;}
		#statements	#fitting.icon-box, #statements #staff.icon-box {
			padding-right: 13px;
			margin-left: -15px;
		}

		#statements .icon-box .icon {
	    padding-bottom: 60px;
	    padding-right: 16px;
	    margin-top: 6px;
	    margin-top: -23px;
		}
		#statements .icon-box h4 { margin-bottom: 10px;}
		/* --- END Section 3 #statements .bg-stripe-light --- */

		/* --- 4 #about .bg-stripe-blue --- */

		#about h2 { margin-bottom: 16px;}
		#about .nav-tabs {
	    margin: -42px 0 9px 0;
	    float: right;
		}
		#about .nav > li:nth-of-type(1) > a {
    padding: 2px 24px 2px 9px;
    padding-left: 9px;
    padding-left: 0;
		}
		#about .nav > li:nth-of-type(2) > a  { padding-right: 0;}
		#about-us .tabpanel-img {
				margin-top: 32px;
		    padding-left: 0px;
				position:static;
		}
		#about-us .tabpanel-content h4 { margin-bottom: 4px;}
		#about-us .tabpanel-content p { padding-right: 6px;}
		#about-us .tabpanel-content p:nth-of-type(4) { padding-right: 22px;}
		/* --- END Section 4 #about .bg-stripe-blue --- */

		/* --- 5 #services .bg-stripe-light --- */

		#services h2 {
			margin-top: 9px;
			margin-bottom: 16px;
		}
		#services .nav-tabs {
			margin: -41px 0 9px 0;
	    float: right;
		}
		#services .nav > li > a { padding: 2px 24px 2px 9px;}
		#services .nav > li:nth-of-type(2) > a {
	    padding-right: 0;
		}
		#services .tabpanel-content h5 {
	    margin-top: -4px;
	    margin-bottom: 5px;
		}
		#services .tabpanel-img {
				margin-top: 32px;
		    padding-left: 0px;
				position:static;
		}
		#services .tabpanel-content h4 { margin-bottom: 4px;}
		#services .tabpanel-content p { padding-right: 6px;}
		#plumbing .bathroom-inst {
	    margin-left: -187px;
	    margin-top: 25px;
		}
		#plumbing #kitchen-thumbnail {
			width: 158px;
			margin-left: -15px;
		}
		#plumbing .thumbnail .caption p { font-size: 14px;}
		#plumbing ul.discblue {
	    padding-left: 15px;
	    margin-top: -3px;
		}
		#kitcheninst-list  { margin-left: -15px;}

		#heating #heating-inst { margin-right: -15px;}
		#heating #heating-inst2 ul.discblue {
			padding-top: 0px;
			min-width: 189px;
		}
		#heating-inst2 ul.discblue li::before { margin-left: 0;}
		/* --- END Section 5 #services .bg-stripe-light --- */

		/* --- 6 #gallery .bg-stripe-blue --- */

		#gallery .filters-container { margin-bottom: 6px !important;}
		#gallery .filters-container #filter { margin-top: 1px !important;}
		.gallery .caption { margin-top: 1px;}
		/* --- END Section 6 #gallery .bg-stripe-blue --- */

		/* --- 7 #contact .bg-stripe-light --- */

		#contact h2 {
			margin-top: 9px;
			margin-bottom: 10px;
		}
		.map-responsive { margin-top: -29px;}
		.contact-details {
			margin-top: 12px;
			text-align: center;
		}
		.contact-details li { display: inline-block;}
		.contact-details li:nth-of-type(2) {
			margin-right: 45px;
			margin-left: 45px;
		}
		#contact-form h4 { margin-bottom: 12px;}
		#contact-form legend { margin-bottom: 12px;}
		#contact-form .col-sm-6:nth-of-type(2) .form-group {margin-top: 33px;}
		textarea.form-control {
	    max-height: 173px;
		}
		#contact-form .col-sm-6:nth-of-type(2) .form-group:nth-of-type(2) {margin-top: 25px;}
		.btn-send {
	    margin-left: 4px;
	    float: left;
		}
		/* --- END Section 6 #gallery .bg-stripe-blue --- */

		/* ---  footer  .footer --- */

	.footer {
		background-image: url(../images/bg-line.png);
		background-repeat: repeat-x;
		background-position: left 383px;
		padding-top: 1px;
	}
	.footer .col-sm-6 {
		  border: none;
		  padding-bottom: 12px;
	}
	.sitemap {
     -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
    -webkit-column-gap: 36px;
       -moz-column-gap: 36px;
            column-gap: 36px;
		padding-bottom: 0px;
	}
	.footer h5 {
		margin-top: 13px;
		margin-bottom: 10px;
	}
	.footer .col-sm-12 {
    border: none;
    padding-bottom: 2px;
	}
	.footer .col-sm-12:nth-of-type(3) h5 { margin-top: -4px;}
	.logo-box li:nth-of-type(1), .logo-box li:nth-of-type(2)  { margin-top: 6px;}
	.logo-box li:nth-of-type(2) {
    float: none;
    padding-right: 0;
    padding-left: 142px;
    margin-top: -4px;
	}
	.logo-box li#logo-bsac {
	    position: absolute;
	    top: 4px;
	    left: 98px;
	    bottom: 0;
	    right: 0;
	    text-align: center;
	    margin: 0 auto;
	    padding: 0;
	}
	.logo-box li#logo-bsac img { width: 100px;}
	.logo-box li:nth-of-type(3) {
	    padding-right: 0;
	    padding-left: 0;
	    margin-top: 0px;
	    margin-left: 101px;
	    margin-right: 0;
		}
	.logo-box li#logo-watersafe {
	    position: absolute;
	    top: 144px;
	    left: 0px;
	    bottom: 0;
	    right: 0;
	    text-align: center;
	    margin: 0 auto;
	    padding: 0;
	}

	/* Footer Bottom .subfooter */

	.subfooter  { padding-bottom: 20px;}
	.subfooter .col-md-12  {
		text-align: left;
		padding-top: 18px;
		padding-bottom: 4px;
		position: relative;
	}
	.subfooter ul.pull-left {
		margin-top: -14px;
		margin-bottom: 0;
		float: left!important;
	}
	.subfooter ul.pull-right {
		margin-bottom: 0;
		float: right !important;
		padding-bottom: 0px;
		margin-top: -14px;
	}
	.subfooter ul li {
		font-size: 0.772rem;
		font-size: 12.34px;
		display: block;
		padding-top: 0;
		padding-bottom: 3px;
	}
	.subfooter ul:nth-of-type(1) li:nth-of-type(1) {
		padding-left: 0;
		padding-right: 0;
	}
	.subfooter ul:nth-of-type(1) li:nth-of-type(2) {
		padding-left: 0px;
		padding-right: 0;
	}
	.subfooter ul:nth-of-type(2) li:nth-of-type(1) {
		padding-right: 0;
		padding-left: 0;
	}
	.subfooter ul:nth-of-type(2) li:nth-of-type(2) {
		float: right;
	}
	.subfooter #footer-brand {
    position: absolute;
    width: 220px;
    top: -1px;
    left: 0px;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
	}
	.subfooter #footer-brand a {
		color: #0b89ff;
		text-decoration: none;
	}
	.subfooter #footer-brand img {
		margin-bottom: 3px;
	}

	#topBtnMain { bottom: 123px;}
}
/* --- END footer bottom .subfooter --- */
/* --- END footer .footer --- */
/* --- END --- EXTRA SMALL Layout 768 UP ---
--------------------------------------------
--------------------------------------------
-------------------------------------------- */

/* --- 992 UP SMALL devices (tablets, 992px and up) --- */

@media screen and (min-width: 992px) {

	#about, #services, #gallery, #contact {
		padding-top: 89px;
		padding-bottom: 147px;
	}

	/* --- 992 UP --- Header .navbar --- */

	.navbar {	height: 90px;}

	.contacts-bar { padding-top: 19px;}
	.contacts-bar p {
		font-size: 16px;
		margin-left: 18px;
	}

	#navbar-brand {
		top: -4px;
		width: 264px;
	}
	.navbar-brand { width: 264px;}
	.navbar-brand img { width: 264px;}
	.navbar-brand span.logotext1 {
		top: 27px;
		font-size: 16px;
		letter-spacing: 0;
		word-spacing: 0;
	}
	.navbar-brand span.logotext2 {
		top: 60px;
		font-size: 13px;
		letter-spacing: 0.2px;
		word-spacing: 0.2px;
	}

	.navbar-default .navbar-collapse { margin-top: 27px;}

		.navbar-nav li:nth-of-type(1) a {padding-left: 0;}
		.navbar-default .navbar-collapse { margin-top: 0px;}
		#nav-small {
			display: block;
			margin-top: 0px;
		}
		#nav-small li {
			float: left;
			margin-right: 0;
			font-size: 17px;
		}
		#nav-small li a { padding-right: 32px;}
		#nav-small li:nth-of-type(5) a { padding-right: 0;}


	/* --- 992 UP --- Section 1 .home --- */
	.background-img img { padding-top: 71px;}
	.background-img { margin-top: -39px;}
	.page-heading {top: -377px;}
	#brand {
		width: 315px;
		margin-bottom: 65px;
	}
	#brand .logo-home {
  	width: 315px;
		top: 3px;
	  margin: 0 auto;
	}
	#brand .logotext1 {
		top: 17px;
		font-size: 21px;
	}

	.home h1 {
		font-size: 3.903rem;
		font-size: 62.46px;
		padding-bottom: 5px;
	}
	.home h2 {
		margin-top: 1px;
		font-size: 1.424rem;
		font-size: 17.07px;
		color: #fff;
		letter-spacing: 0.6px;
		word-spacing: 0.5px;
		text-shadow: 0 3px 3px rgba(0, 0, 0, 0.33);
	}
	.home .btn-md, .home .btn-sm { display: none;}
	.home .btn-lg {
		display: inline-block;
		margin-top: 13px;
		padding-top: 4px;
		padding-right: 36px;
		padding-bottom: 2px;
		padding-left: 36px;
	}
	.home .fa-chevron-down {
		display: block;
		text-align: center;
	}
	/* --- END Section 1 .home --- */
	/* --- 2 	#accreditation --- */

	#accreditation h2 { margin-bottom: 17px;}
	#accreditation .icon {
    padding-bottom: 0px;
    padding-right: 6px;
	}
	#gas-safe.icon-box {
    padding-right: 0px;
	}
	#gas-safe.icon-box, #snipef.icon-box {padding-top: 7px;}
	#snipef.icon-box {
    padding-right: 0;
    margin-left: 0;
	}
 	#watersafe.icon-box {
		padding-top: 7px;
		padding-right: 14px;
		padding-bottom: 56px;
	}
	#watersafe .icon { padding-bottom: 13px;}
	#bsac.icon-box {
    padding-right: 0px;
		margin-top: 7px;
    margin-left: 0px;
	}
	#bsac .icon { margin-top: -1px;}
	#bsac img { margin-top: 7px;}
	/* --- END Section 2 #accreditation --- */

	/* --- 3 #statements --- */

	#statements {
    padding-top: 23px;
    padding-bottom: 46px;
	}
	#statements h2 { margin-bottom: -10px;}
	#statements #planning.icon-box, #statements #refurb.icon-box { padding-right: 0;}
	#statements .icon-box {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 22px;
	}
	#statements .icon-box .icon {
    padding-right: 16px;
    margin-top: 6px;
		display: inline-block;
		line-height: normal;
		padding-bottom: 16px;
	}
		#statements .icon-box .icon {
		padding-right: 0;
		float: none;
		text-align: center;
		display: inline-block;
		line-height: normal;
		padding-bottom: 16px;
	}
	.icon-box .icon .flaticon-ruler-and-pencil::before, .icon-box .icon .flaticon-sink::before, .icon-box .icon .flaticon-shower::before, .icon-box .icon .flaticon-wrench::before {
		font-size: 4.11rem;
		font-size: 73.98px;
	}
	/* --- END Section 3 #statements --- */

	/* --- 4 #about .bg-stripe-blue --- */

	#about h2 {
		margin-top: 4px;
		margin-bottom: 26px;
	}
	#about .nav-tabs { margin: -51px 0 9px 0;}
	#about .nav > li:nth-of-type(1) > a { padding: 2px 36px 2px 9px;}
	#about-us .tabpanel-img { margin-top: 37px;}
	#about-us .tabpanel-img img { float: right;}
	#about-us .tabpanel-content h4 { margin-bottom: 10px;}
	#about-us .tabpanel-content p { padding-right: 0px;}
	#about-us .tabpanel-content p:nth-of-type(4) { padding-right: 0px;}
	#policies p.aligncenter {
		font-size: 0.878rem;
		font-size: 14.05px;
		margin-top: 16px;
		padding-bottom: 17px;
	}
	/* --- END Section 4 #about .bg-stripe-blue --- */

	/* --- 5 #services .bg-stripe-light --- */

	#services h2 {
		margin-top: 6px;
		margin-bottom: 31px;
	}
	#services .tabpanel-content h5 {
    margin-top: 0px;
    margin-bottom: 0;
	}
	#services .nav-tabs { margin: -57px 0 9px 0;}
	#services .nav > li > a { padding: 2px 36px 2px 9px;}
	#services .tabpanel-img { margin-top: 37px;}
	#services .tabpanel-content h4, #services #heating .tabpanel-content h4 { margin-bottom: 10px;}

	#services .tabpanel-content p { padding-right: 0;}
	#services #heating .tabpanel-content p { padding-right: 11px;}
	#services .col-md-2 ul.discblue { padding-left: 0;}

	#plumbing .bathroom-inst {
		margin-top: 0;
		margin-left: 0;
	}
	#plumbing .thumbnail {
		margin-top: 0px;
		text-align: left;
		margin-bottom: 20px;
	}
	#plumbing .thumbnail { width: 176px;}
	#plumbing #kitchen-thumbnail {
    width: 176px;
    margin-left: 0px;
	}
	#kitcheninst-list { margin-left: 0px;}
	#plumbing .bathroom-inst .thumbnail {width: 176px;}
	#plumbing .thumbnail .caption {
    padding-left: 0px;
    padding-right: 0px;
		letter-spacing: 0;
		word-spacing: 0;
	}
	#plumbing .thumbnail .caption {
    padding: 0;
    padding-top: 11px;
    padding-bottom: 6px;
}
	#plumbing .thumbnail .bathroom {
		letter-spacing: -0.3px;
		word-spacing: -0.2px;
	}
	#plumbing .thumbnail .caption p {
    font-size: 1.067rem;
		font-size: 17.07px;
	}

	#plumbing .bathroom-inst ul.discblue { margin-left: 0px;}

	#plumbing .tabpanel-img img { padding-left: 29px;}

	#heating .col-md-6 {padding-right: 0}
	#heating #heating-inst {
		margin-right: -15px;}
	#heating .thumbnail {
		text-align: left;
		width: 203px;
	}
	#heating .thumbnail .caption p {
		font-size: 1.067rem;
		font-size: 17.07px;
	}
	.add-padleft { padding-right: 15px; }
	/* --- END Section 5 #services .bg-stripe-light --- */

	/* --- 6 #gallery .bg-stripe-blue --- */

	#gallery .filters-container h2 {
		margin-top: 4px;
    margin-bottom: 15px;
	}
	#gallery .filters-container #filter {
    margin-top: 2px !important;
	}
	.media-boxes-filter { margin-top: -2px !important;}
	#gallery .filters-container h2 { margin-bottom: 15px;}

	#gallery .caption h4 {
    font-size: 1.138rem;
		font-size: 18.22px;
		margin-top: -4px;
    margin-bottom: 10px;

	}
	/* --- END Section 6 #gallery .bg-stripe-blue --- */

	/* --- 7 #contact .bg-stripe-light --- */

	#contact h2 {
		margin-top: 8px;
		margin-bottom: 9px;
	}
	#contact h4 { margin-bottom: 14px;}
	#contact legend { margin-bottom: 14px;}
	.contact .right {
		padding-left: 72px;
		padding-right: 0;
	}
	#map {
		margin-top: -31px;
		margin-bottom: 0;
	}
	.map-responsive {
			border-top: 2px solid rgba(0, 0, 0, 0.20)!important;
			border-right: 2px solid rgba(255, 255, 255, 0.5);
			border-bottom: 2px solid rgba(255, 255, 255, 1);
			border-left: 2px solid rgba(0, 0, 0, 0.15);
	}
	.contact-details  { margin-top: 20px; margin-bottom: 15px;}
	.contact-details li  { margin-bottom: 10px;}
	.contact-details .fa-phone { padding-right: 2px;}
	.contact-details .fa-mobile  { padding-right: 2px;}
	.contact-details .fa-envelope  { padding-right: 2px;}
 	.contact-details li:nth-of-type(3) span { padding-right: 3px !important;}
	 contact .left {margin-bottom: 4px;}
	.contact .wider { padding-right: 0;}

	.form-horizontal { margin-top: 0px;}

	.form-container {
		margin-top: 30px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.form-container .col-md-4 {
		padding-right: 72px;
	}
	.col-md-8 .form-group:first-of-type {
		margin-top: 40px;
	}
	/* --- END Section 7 #contact .bg-stripe-light --- */

/* --- 8  footer .footer bg --- */

	.footer {
		background-position: left 335px;
		padding-top: 3px;
	}
	.footer h5 {
		margin-top: 12px;
		margin-bottom: 16px;
	}
	.footer .row:first-of-type { padding-bottom: 0;}

	.footer .col-sm-6 {
			border: none;
			padding-bottom: 12px;
	}
	.footer .col-sm-6:nth-of-type(1) { border: none;}
	.footer .col-sm-6:nth-of-type(4) { border: none;}
	.footer .col-sm-6:nth-of-type(3), .footer .col-sm-6:nth-of-type(4) {
		margin-top: 0;
		margin-right: 0;
	}
	.footer .col-md-3, .footer .col-md-2  { border: none;}
	.footer .col-md-3 { padding-bottom: 0px;}
	.footer .col-md-3:nth-of-type(1) { padding-bottom: 0px;}
	.footer h5 {margin-bottom: 14px}
	.footer p, .footer ul { font-size: 16px;}
	.footer p:first-of-type { padding-right: 2px;}

	ul.office {
		margin-top: -6px;
		margin-bottom: 9px;
	}

	.footer ul.logo-box {
    float: none;
    width: 100%;
    margin-top: 0px;
    color: #B0B0B0;
    padding: 10px 0 0 0px;
	}

	.footer .col-sm-12:nth-of-type(3) h5 {
		margin-top: 12px;
		margin-bottom: 9px;
	}
	.logo-box li:nth-of-type(1), .logo-box li:nth-of-type(2)  { margin-top: 6px;}
	.logo-box li:nth-of-type(2) {
		float: none;
		padding-right: 0;
		padding-left: 142px;
		margin-top: -4px;
	}
	.logo-box li#logo-bsac {
			position: absolute;
			top: 4px;
			left: 98px;
			bottom: 0;
			right: 0;
			text-align: center;
			margin: 0 auto;
			padding: 0;
	}
	.logo-box li#logo-bsac img { width: 100px;}
	.logo-box li:nth-of-type(3) {
			padding-right: 0;
			padding-left: 0;
			margin-top: 0px;
			margin-left: 101px;
			margin-right: 0;
		}
	.logo-box li#logo-watersafe {
			position: absolute;
			top: 144px;
			left: 60px;
			bottom: 0;
			right: 0;
			text-align: center;
			margin: 0 auto;
			padding: 0;
	}

	.sitemap {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 36px;
		   -moz-column-gap: 36px;
		        column-gap: 36px;
		padding-bottom: 18px;
	}
	.sitemap .subpages {
		font-size: 14px;
	}
	.sitemap .subpages {
		margin-top: -2px;
		margin-left: 43px;
	}

	/* Footer Bottom .subfooter */

	.subfooter  { padding-bottom: 18px;}
	.subfooter .col-md-12  {
		text-align: left;
		padding-top: 18px;
		padding-bottom: 4px;
		position: relative;
	}
	.subfooter ul.pull-left {
		margin-top: -14px;
		margin-bottom: 0;
		float: left!important;
	}
	.subfooter ul.pull-right {
		margin-bottom: 0;
		float: right !important;
		padding-bottom: 0px;
		margin-top: -14px;
	}
	.subfooter ul li {
		font-size: 0.772rem;
		font-size: 12.34px;
		display: block;
		padding-top: 0;
		padding-bottom: 3px;
	}
	.subfooter ul:nth-of-type(1) li:nth-of-type(1) {
		padding-left: 0;
		padding-right: 0;
	}
	.subfooter ul:nth-of-type(1) li:nth-of-type(2) {
		padding-left: 0px;
		padding-right: 0;
	}
	.subfooter ul:nth-of-type(2) li:nth-of-type(1) {
		padding-right: 0;
		padding-left: 0;
	}
	.subfooter ul:nth-of-type(2) li:nth-of-type(2) {
		float: right;
	}
	.subfooter #footer-brand {
		position: absolute;
		width: 220px;
		top: -1px;
		left: 0px;
		bottom: 0;
		right: 0;
		text-align: center;
		margin: 0 auto;
	}
	.subfooter #footer-brand a {
		color: #0b89ff;
		text-decoration: none;
	}
	.subfooter #footer-brand img {
		margin-bottom: 3px;
	}

	#topBtnMain {
		bottom: 388px;
		right: 18px;
	}

}
/* --- END footer bottom .subfooter --- */
/* --- END footer .footer --- */
/* --- END ---   Layout 992 UP ---
--------------------------------------------
--------------------------------------------
-------------------------------------------- */

@media screen and (min-width: 1170px) {
	/* Typography
	-------------------------------------------------- */
	/* MIDFIELD TYPESCALES
	https://type-scale.com/
	Base 18px for 1170 and above
	Scale 1.125 Major Second
	*/
	html { font-size: 18px;}
	h1 { font-size: 1.802rem;}
	h2 { font-size: 1.602rem;}
	h3 { font-size: 1.424rem;}
	h4, legend { font-size: 1.266rem;}
	h5 { font-size: 1.125rem;}
	p, ul {
			 font-size: 1rem;
			 font-size: 18px;
			 margin-bottom: 19px;
	}
	ul { list-style: none;}
	.small, .text_small {font-size: 0.889rem;}
	.contacts-bar ul li:nth-of-type(2) {
		padding-right: 310px;
		padding-left: 310px;
	}
	#accreditation-up { top: -75px;}
	#about, #services, #gallery, #contact {
		padding-top: 99px;
		padding-bottom: 147px;
	}

	/* --- 1170 UP --- Header .navbar --- */

	.navbar {	height: 90px;}

	.contacts-bar { padding-top: 17px;}
	#navbar-brand { top: -7px;}
	#nav-small {
	margin-top: 4px;
	padding-left: 100px;
}
	/* --- END 1170 UP --- Header .navbar --- */

	/* --- 1170 UP --- Section 1 .home --- */
	.background-img { margin-top: 0px;}
	.background-img img { padding-top: 10px;}
	.page-heading { top: -418px;}
	#brand {
		width: 321px;
    margin-bottom: 64px;
	}
	#brand .logo-home { width: 321px;}
	.home h1 {
		font-size: 5.202rem;
		font-size: 93.63px;
	}
	.home h2 {
		margin-top: 1px;
		font-size: 1.424rem;
		font-size: 25.63px;
		color: #fff;
		letter-spacing: 1px;
		word-spacing: 1px;
		text-shadow: 0 6px 6px rgba(0, 0, 0, 0.33);
	}
	.home .btn-lg {
    margin-top: 22px;
		border: 2px solid #0b89ff;
	}
	/* --- END Section 1 .home --- */

	/* ---  2 	#accreditation --- */
	#accreditation {
    padding-top: 25px;
    padding-bottom: 36px;
	}
	.icon-box {
    text-align: center;
    padding-top: 0;
    padding-bottom: 22px;
	}
	.icon-box .icon {
		float: none;
    font-size: 80px;
    display: inline-block;
    line-height: normal;
    text-align: center;
    padding-bottom: 21px;
	}
	#accreditation .icon {
		padding-top: 0;
		padding-right: 0;
		float: none;
	}
	#gas-safe.icon-box {padding-top: 15px;}
	#gas-safe.icon-box .icon { padding-bottom: 28px;}
	#gas-safe img {
    width: 101px;
		height: 113px;
    padding-right: 0;
    margin-top: 0;
	}
	#snipef.icon-box {padding-top: 15px;}
	#snipef.icon-box .icon { padding-bottom: 28px;}
	#snipef img {
	 width: 113px;
	 height: 113px;
	 padding-right: 0;
	 margin-top: 0;
 }
 	#watersafe.icon-box {
		padding:0;
		padding-top: 45px;
	}
	#watersafe.icon-box .icon { padding-bottom: 55px}
	#bsac.icon-box {
		padding-top: 0px;
		margin-top: -6px;
	}
	#bsac.icon-box .icon {
		margin-bottom: 7px;
	}
	#bsac img {
	 width: 135px;
	 height: 155px;
	 padding-right: 0;
	 margin-top: 0;
 }
	/* --- END --- Section 2 	#accreditation --- */

	/* --- Section 3 	#statements --- */

	#statements {
    padding-top: 26px;
    padding-bottom: 43px;
	}

	#statements .icon-box .icon { padding-bottom: 13px;}
	#statements #planning .icon, #statements #fitting .icon {
		margin-top: 9px;
		padding-bottom: 10px;
	}
	/* --- END --- Section 3 	#statements --- */

	/* ---  4 	#about --- */

	#about .nav-tabs {
    margin: -55px 0 9px 0;
	}
	/* --- END --- Section 4 	#about --- */

	/* --- 5 	#services --- */

	#services .nav-tabs {
    margin: -55px 0 9px 0;
	}
	#services .tabpanel-content h5 {
    margin-top: 22px;
    margin-bottom: 11px;
	}
	#plumbing .thumbnail { text-align: left;}
	#plumbing .thumbnail .plumbing {
    letter-spacing: 0px;
    word-spacing: 0px;
	}
	#plumbing .thumbnail .caption p {
		font-size: 19.125px;
	}
	#plumbing .bathroom-inst {
    margin-top: 0px;
	}
	#services .tabpanel-img {
    margin-top: 43px;
	}
	/* --- END --- Section 5 	#services --- */

	/* --- 6 	#gallery --- */

	#gallery .filters-container #filter {
    margin-top: 6px !important;
	}
	#gallery .filters-container h2 { margin-bottom: 19px;}
	#gallery .caption h4 {
	    margin-top: 3px;
	    margin-bottom: 14px;
	}
	#gallery .caption p { margin-bottom:16px;}
	/* --- END --- Section 6 	#gallery --- */

	/* ---   7	#contact --- */

	.contact-details {
    margin-top: 27px;
    margin-bottom: 16px;
	}
	#contact legend { margin-bottom: 17px;}
	#contact-form .col-sm-6:nth-of-type(2) .form-group { margin-top: 43px;}
	.form-group label { margin-bottom: 8px;}
	#contact-form .col-sm-6:nth-of-type(2) .form-group label { margin-bottom: 9px}
	textarea.form-control {
		max-height: 178px;
		margin-bottom: 13px;
	}
	.btn-send { margin-top: 15px;}
	/* --- END --- Section 7  #contact --- */

	/* --- footer .footer --- */
	.footer {
    background-position: left 305px;
    padding-top: 6px;
	}
	.footer h5 {
		margin-top: 9px;
		margin-bottom: 20px;
	}
	.footer .col-sm-12:nth-of-type(3) h5 {
		margin-top: 9px;
		margin-bottom: 14px;
	}
	.footer ul.logo-box  { margin-top: -4px;}
	.logo-box li#logo-watersafe {
    top: 38px;
  	left: 327px;
    }
	.sitemap .subpages {
		margin-left: 69px;
		margin-top: -15px;
	}
	.footer .col-md-3, .footer .col-md-2  { border: none!important;}
	.footer .col-md-3:nth-of-type(2) { margin-right: 0;}

	.subfooter .row { padding-top: 0;}
	.subfooter #footer-brand { top: -3px;}
	.subfooter ul.pull-left {
		margin-top: -15px;
		margin-right: 274px;
	}
	.subfooter ul li { display: inline;}
	.subfooter ul:nth-of-type(1) li:nth-of-type(1) { padding-right: 18px;}
	.subfooter ul:nth-of-type(2) li:nth-of-type(2) {
		float: right;
		padding-top: 4px;
		padding-left: 18px;
	}
	.subfooter { padding-bottom: 36px;}
	#topBtnMain {
		bottom: 355px;
		right: 18px;
	}
}

/* --- END footer bottom .subfooter --- */
/* --- END footer .footer --- */
/* --- END ---  Layout 1170 UP ---
--------------------------------------------
--------------------------------------------
-------------------------------------------- */

@media screen and (min-width: 1200px) {
	#watersafe.icon-box .icon { padding-bottom: 44px}
	#plumbing .bathroom-inst {
		margin-top: 0;
		margin-left: 0;
	}
	#plumbing .thumbnail { width: 205px;}
	#plumbing #kitchen-thumbnail { width: 205px;}
	#plumbing .bathroom-inst .thumbnail {width: 205px;}
	#plumbing .bathroom-inst ul.discblue { margin-left: 0px;}
}


@media screen and (min-width: 1270px) {
	.page-heading { top: -457px;}
}
@media screen and (min-width: 1370px) {
.page-heading { top: -490px;}
}
@media screen and (min-width: 1470px) {
.page-heading { top: -523px;}
}
@media screen and (min-width: 1570px) {
.page-heading { top: -554px;}
}
@media screen and (min-width: 1670px) {
.page-heading { top: -584px;}
}
@media screen and (min-width: 1770px) {
.page-heading { top: -620px;}
}
@media screen and (min-width: 1970px) {
.page-heading { top: -685px;}
}
@media screen and (min-width: 2070px) {
	.page-heading { top: -750px;}
}
@media screen and (min-width: 2315px) {
	.page-heading { top: -815px;}
}
@media screen and (min-width: 2558px) {
	.page-heading { top: -880px;}
}