@charset "utf-8";
/* CSS Document */



/* WHOLE OF SITE CSS */




/* ---------------------START - THIS IS CONTROLLING THE BODY SECTION  OF ALL THE PAGES----------------------------- */




body {
	font-family: 'Lato', sans-serif;
	font-size: 1.0em;
	color: #6D767D;
}
a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
a:active {
	text-decoration: none;
	color: #fff;
}
a.exterior:link {
	color: #fff;
	text-decoration: none;
}
a.exterior:visited {
	text-decoration: none;
	color: #fff;
}
a.exterior:hover {
	text-decoration: underline;
	color: #fff;
}
a.exterior:active {
	text-decoration: none;
	color: #fff;
}
a.awexterior:link {
	color: #6D767D;
	text-decoration: none;
}
a.awexterior:visited {
	text-decoration: none;
	color: #6D767D;
}
a.awexterior:hover {
	text-decoration: none;
	color: #000;
}
a.awexterior:active {
	text-decoration: none;
	color: #6D767D;
}

a.cawexterior:link {
	color: #99C165;
	text-decoration: none;
}
a.cawexterior:visited {
	text-decoration: none;
	color: #99C165;
}
a.cawexterior:hover {
	text-decoration: none;
	color: #000;
}
a.cawexterior:active {
	text-decoration: none;
	color: #99C165;
}
/* ---------------------END - THIS IS CONTROLLING THE BODY SECTION  OF ALL THE PAGES----------------------------- */



/*START  THIS IS STYLING THE NAVIGATION BAR */

.navbar-default {
	background-color: #6B8196;
	border-color: #546577;
	font-size: 1.6em;
}
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #ffffff;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	text-decoration: underline;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #6B8196;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color: #546577;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
	background-color: #546577;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #546577;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #546577;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #ffffff;
	background-color: #546577;
}
.navbar-default .navbar-toggle {
	border-color: #546577;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #546577;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #ffffff;
}
.navbar-default .navbar-link {
	color: #ffffff;
}
.navbar-default .navbar-link:hover {
	color: #ffffff;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #ffffff;
	background-color: #9C9887;
}
}
/*START  THIS IS CENTERING THE NAVIGATION */

.navbar .navbar-nav {
	display: inline-block;
	float: none;
}
.navbar .navbar-collapse {
	text-align: center;
}
/* THIS IS REMOVING THE ROUNDED BORDERS ON THE NAVBAR */
.navbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* NICK THIS IS A CLASS OVER RIDE I USED TO MAKE THE DEFAULT NAVBAR LESS HIGH */

.navbar-nav > li > a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.navbar {
	min-height: 28px !important
}
/*END THIS IS CENTERING THE NAVIGATION */

/* NICK THIS IS A CLASS TO OVERRIDE THE STANDARD 20px MARGIN BOTTOM ON THE NAV BAR*/
.navbar {
	margin-bottom: 0;
}
/*ENDF  THIS IS STYLING THE NAVIGATION BAR */

/* ---------------------START - THIS IS CONTROLLING THE TOP SECTION  OF ALL THE PAGES----------------------------- */


/* THIS IS THE LINE HEIGHT OF THE TEXT IN THE TOP BANNER SECTION */

.textlineheight {
	line-height: 30px;
}
/* THIS IS THE BACKGROUND COLOUR - TEXT COLOUR - FONT SIZE AND PADDING OF THE TOP BANNER SECTION */

.toppercolour3 {
	background-color: #474A4B;
	color: #FFFFFF;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font-size: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
/* THIS IS CONTROLLING THE TEXT COLOUR - BACKGROUND COLOUR - PADDING OF THE BOX CONTAINING THE CONTENT - CONTACT US NOW TO BOOK A FREE ASSESSMENT */

.here {
	background-color: #FF9700;
	color: #fff;
	font-size: 1.7em;
	padding-top: 1em;
	margin-bottom: 0.2em;
	padding-bottom: 1em;
}
/* THIS IS CONTROLLING THE TEXT COLOUR - FONT-SIZE - FONT-LINK COLOUR - OF TELEPHONE NUMBER BENEATH - CONTACT US NOW TO BOOK A FREE ASSESSMENT */



a.egexterior:link {
	color: #848484;
	text-decoration: none;
	font-weight: bold;
	font-size: 3.0em;
	padding-left: 6px;
}
a.egexterior:visited {
	text-decoration: none;
	color: #848484;
	font-weight: bold;
	font-size: 3.0em;
	padding-left: 6px;
}
a.egexterior:hover {
	text-decoration: none;
	color: #6B8196;
	font-weight: bold;
	font-size: 3.0em;
	padding-left: 6px;
}
a.egexterior:active {
	text-decoration: none;
	color: #848484;
	font-weight: bold;
	font-size: 3.0em;
	padding-left: 6px;
}
a.egoexterior:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 2.5em;
}
a.egoexterior:visited {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
}
a.egoexterior:hover {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
}
a.egoexterior:active {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 2.5em;
}
/* ------------------------------END - THIS IS CONTROLLING THE TOP SECTION  OF ALL THE PAGES----------------------------------------- */



/* HOMEPAGE CSS - START */

/* HOMEPAGE CSS - END */

/* THIS IS CREATING THE STRIPE DIRECTLY BENEATH THE TOP BANNER */

.boppercolour3 {
	background-color: #90c472;
	color: #FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.5em;
}
.yopper {
	margin-bottom: 3em;
	margin-top: 2em;
}
.gopper {
	margin-bottom: 4em;
	margin-top: 2em;
}

/* NICK THIS IS A MEDIA QUERY / CLASS I USED TO MAKE RHS - the second banner in assoc with ama etc.. - HAVE SOME PADDING WHEN AT XSMALL SIZE TO STOP IT BUNCHING UP  */

@media screen and (max-width: 767px) {
.rhs {
	margin-top: 1em;
	text-align: center;
}
}
/* THIS IS STOPPING THE HORIZONTAL SCROLL BAR*/
.row {
	margin-left: 0px;
	margin-right: 0px;
}
/* START - NICK THIS IS REMOVING THE WHITESPACE BETWEEN THE SLIDER AND THE CONTENT */

.removesomemargin {
	margin-top: -145px;
}

@media screen and (max-width: 767px) {
.removesomemargin {
	margin-top: -150px;
}
}
.clearfix {
	clear: both;
	width: 100%;
	display: block;
}
.margintoleft {
	margin-left: 4em;
	padding-right: 0.1em;
}

@media screen and (max-width: 767px) {
.margintoleft {
	margin-left: 0.5em;
}
}

@media screen and (max-width: 767px) {
.margintobottom {
	margin-bottom: 2.5em;
}
}
.button {
	display: inline-block;
	padding-left: 0.7em;
	padding-right: 0.7em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-decoration: none;
	color: white;
	border: 0.15em solid #fff;
	border-radius: 10px;
}
.button2 {
	display: inline-block;
	padding-left: 1.0em;
	padding-right: 1.0em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	background-color: #6b8196;
	text-decoration: none;
	color: white;
	border: 0.15em solid #fff;
	font-size: 1.8em;
	font-weight: 500;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.hvr-sweep-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #546577;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
	color: #546577;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #546577;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
	color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

@media (min-width: 768px) and (max-width: 1199px) {
.movetheicondown {
	margin-bottom: 5em;
}
}
.themaintext {
	font-size: 1.7em;
	line-height: 38px;
}
h1 {
	font-size: 4.5em;
	font-weight: 800;
	color: #90c472;
	line-height: 62px;
	padding-top: 1em;
	padding-bottom: 1em;
}

@media screen and (max-width: 767px) {
h1 {
	font-size: 3.5em;
	line-height: 48px;
}
}
h2 {
	font-size: 3.5em;
	font-weight: 800;
	color: #848484;
	line-height: 48px;
}

@media screen and (max-width: 767px) {
h2 {
	font-size: 2.5em;
	line-height: 38px;
}
}



h3 {
	font-size: 2.0em;
	font-weight: 800;
	color: #90C472;
	line-height: 48px;
}

@media screen and (max-width: 767px) {
h3 {
	font-size: 1.5em;
	line-height: 38px;
}
}
/* NICK THIS CLASS IS CONTROLLING THE FOOTER BACKGROUND COLOUR - PLUS THE COLOUR OF THE TEXT IN IT - PLUS SOME EXTRA PADDING ON TOP AND BELOW */

.footercolour {
	background-color: #474A4B;
	color: #FFFFFF;
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	font-size: 1.0em;
}
.footercolour2 {
	background-color: #848484;
	color: #FFFFFF;
	line-height: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 1.2em;
}
.padtoppicture {
	padding-top: 30px;
}
.paddingbottomcontainer {
	padding-bottom: 5em;
}
.heretohelpyou {
	font-size: 1.4em;
	color: #9C9887;
}
.navbar-nav > li {
	padding-left: 12px;
	padding-right: 12px;
}

@media (min-width: 992px) and (max-width: 1199px) {
.navbar-nav > li {
	padding-left: 2px;
	padding-right: 2px;
}
}

/* NICK THIS IS A MEDIA QUERY / CLASS I USED TO MAKE THE NAVIGATION TOGGLE COME ON AT SMALL SCREEN SIZE RATHER THAN JUST XSMALL SCREEN SIZE  */

@media (min-width: 768px) and (max-width: 991px) {
.navbar-header {
	float: none;
}
.navbar-left, .navbar-right {
	float: none !important;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin-top: 7.5px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.collapse.in {
	display: block !important;
}
}
.shopper {
	margin-bottom: 4em;
	margin-top: 4em;
}
.hadthebottomtwo {
	padding-bottom: 2.0em;
}

@media (min-width: 992px) and (max-width: 1199px) {
.hadthebottomtwo {
	padding-bottom: 0.5em;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.hadthebottomtwo {
	padding-bottom: 0.5em;
}
}
h5 {
	font-size: 2.0em;
	font-weight: 800;
	color: #546577;
}

@media screen and (max-width: 767px) {
h5 {
	font-size: 2.4em;
	line-height: 38px;
}
}
.givemelineheight {
	line-height: 24px;
}
.givemespaceabove2 {
	background-color: #FFFFFF;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}

@media screen and (max-width: 767px) {
.homepagebottompics {
	margin-bottom: 2em;
}
}
.yellowcolour {
	color: #6B8196;
	padding-right: 0.5em;
}
.browncolour {
	color: #9C9887;
}
a.blexterior:link {
	color: #6D767D;
	text-decoration: none;
}
a.blexterior:visited {
	text-decoration: none;
	color: #6D767D;
}
a.blexterior:hover {
	text-decoration: none;
	color: #6D767D;
}
a.blexterior:active {
	text-decoration: none;
	color: #6D767D;
}
.givethetopsomemargin {
	margin-top: 5em;
	margin-bottom: 5em;
}
.givethetoppeersomemargin {
	margin-top: 2em;
}
.btn {
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}
.btn-primary {
	background: #6B8196;
	color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #63a6ad;
}
.btn-primary:active, .btn-primary.active {
	background: #6B8196;
	box-shadow: none;
}
.btn-default {
	color: #fff;
	background-color: #6B8196;
	border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
	color: #fff;
	background-color: #63a6ad;
	border-color: #8c8c8c;
}
.btn-default:hover {
	color: #fff;
	background-color: #63a6ad;
	border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #63a6ad;
	border-color: #adadad;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	color: #fff;
	background-color: #63a6ad;
	border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
	background-color: #fff;
	border-color: #ccc;
}
/***********************
  RAISED BUTTONS
************************/
.btn-primary.raised {
	box-shadow: 0 3px 0 0 #6B8196;
	-webkit-box-shadow: 0 3px 0 0 #6B8196;
}
.btn-primary.raised:active, .btn-primary.raised.active {
	background: #63a6ad;
	box-shadow: none;
	margin-bottom: -3px;
	margin-top: 3px;
}
.padthegooglemap {
	padding-top: 3em;
}
.greyback {
	background-color: #f5f5f5;
	padding-top: 2em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 2em;
	margin-bottom: 3em;
}

/*THIS MAKES THE UP AND DOWN ARROW RED AS PER LOGO*/
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h4 {
	color: #90c472;
	line-height: 3em;
}

ul.b {
    list-style-type: square;
	
	
}

.scmedia {
	
	padding-top: 4em;
	padding-bottom: 0.2em;
}

a.padexterior:link {
	color: #4F4F4F;
	text-decoration: none;
	padding-right: 1em;
}
a.padexterior:visited {
	text-decoration: none;
	color: #4F4F4F;
	padding-right: 1em;
}
a.padexterior:hover {
	text-decoration: none;
	color: #fff;
	padding-right: 1em;
}
a.padexterior:active {
	text-decoration: none;
	color: #4F4F4F;
	padding-right: 1em;
}

a.gegexterior:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	
}
a.gegexterior:visited {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	
}
a.gegexterior:hover {
	text-decoration: none;
	color: #4f4f4f;
	font-weight: bold;
	
}
a.gegexterior:active {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	
}
.orangetype {
	color: #FF9700;
}

.fa-angle-right {
	color: #90c472;
}

#outtaba {
	background-color: #474A4B;
	color: #fff;
	padding-left: 0.5em;
	margin-top: 3em;
}



#outtabb {
	background-color: #fff;
	
	clear: left;
	
}
#outtabb1 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}

#outtabb2 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}

#outtabb3 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}

#outtabb4 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}
#outtabb5 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}
#outtabb6 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}
#outtabb7 {
	background-color: #fff;
	border-bottom: 1px dotted #848484;
	clear: left;
	
}


.weds1 {
	float: left;
	width: 200px;
	height: 30px;
	margin: 1em;
	color: #90c472;
	font-weight: bold;
	
  
}

.weds2 {
	 float: left;
	width: 200px;
  height: 30px;
  margin: 1em;
	
  
}

.padshopify {
	padding-bottom: 6em;
	padding-left: 3em;
	padding-right: 3em;
	
}

.padtoppic {
	padding-top: 5em;
	
}

.purchasetext {
	color: #90c472;
	font-weight: bolder;
	
}

.padpipes {
	margin-left: 1em;
	margin-right: 1em;
}