/*   
Theme Name: Nice Drives Ltd - New Theme
Theme URI: https://www.nicedrives.co.uk
Description: Responsive - custom template Brian Pedley 2024
Author: Brian Pedley
Author URI: https://www.pedleyonline.co.uk
Version: 1.02
*/


/*

font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;


Text Grey - b3baa8
Nice Drives Orange - #f74f18
Nice Drives Orange - hover - #d14214
Dark Orange - 922805

 */

@charset "UTF-8";
body {
	
}

html, body {
	margin: 0px;
	padding: 0px;
	}

h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, li { margin: 0; padding: 0; }

#websitemiddleLeft ul li, #mainpageHolder ul li, #topnavHolder ul li, #topSocial li, #pageIntro li, #bottomBit li, #greenBullets li, div#footerNav li, #footer li,  #sidenav li, #linknav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}


a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}

a img {
	border-width: 0px;
	border-style: none;
}

a.dark:link, a.dark:visited {
	text-decoration: none;
	color: #FFF;
}
a.dark:hover, a.dark:active {
	text-decoration: none;
	color: #94C948;
}
.gaptopbot {
	padding-top: 10px;
	padding-bottom: 10px;	
	}
.gaptop {
	padding-top: 10px;
}

#gapTop {
	padding-top: 20px;
}


img.alignright {
	float:right;
	margin:0 0 20px 20px
}
img.alignleft {
	float:left;
	margin:0 20px 20px 0
}


/* Main Structure */

/* Website Top */

#websiteHeader {
position: fixed;
z-index: 400;
	width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
 	height: 135px;
	padding-left: 0px;
	padding-right: 0px;
			background: url(_graphics/top-green-bg.png) center top no-repeat scroll;
}

#websiteTop {
	height: 100px;
	margin-left: 0;
	margin-right: 0;
}
#websiteTop #logo {
	padding-left: 0;
	padding-right: 0;
	float: left;
	height: 100px;
	width: 45%;
	background-color: #000;
}
#websiteTop #logo img {
	display: block;
	margin-left: 0;
	margin-right: auto;
	padding-top: 0px;
	height: auto;
}
#topRight {
	width: 55%;
	float: right;
	height: 60px;
}
#headerTop {
	height: 110px;
	width: 100%;
}

#topContact {
			background: url(_graphics/top-green-bit.png) left top no-repeat scroll #000;
font-family: 'Montserrat', sans-serif;
width: 40%;
	text-align: right;
	padding-top: 22px;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.4em;
	float: right;
	height: 100px;
	padding-right: 20px;
}

#topNumbers .headerTel {
	background: url(_graphics/tel-white.png) left 3px no-repeat;
	background-size: 14px;
				padding-left: 25px;
}
#topNumbers .headerMob {
	background: url(_graphics/mobile-white.png) left 2px no-repeat;
	background-size: 14px;
				padding-left: 25px;
}

#topNumbers a {
	color: #fff;
}

#footerPanel .footerTel {
	background: url(_graphics/tel-grey.png) left 4px no-repeat;
	background-size: 10px;
				padding-left: 20px;
	font-weight: bold;
}
#footerPanel .footerMob {
	background: url(_graphics/mobile-grey.png) left 4px no-repeat;
	background-size: 10px;
				padding-left: 25px;
	font-weight: bold;
}


#topSocial {
	height: 100px;
	float: left;
	width: 60%;
	background-color: #000;
} 

#topSocial ul {
	margin-left: auto;
	margin-right: 30px;
	display: block;
	width: 192px;
	height: 52px;
}
#topSocial li img {
	margin-left: 4px;
	margin-right: 0px;
	border-radius: 48px;
	background-color: #a3bd08;
transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
	width: 44px;
	float: left;
	padding: 5px;
}
#topSocial li img:hover {
	background-color: #8ba302;
}
 
span.telephone {
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}

#contactTop a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#contactTop a:hover {
	color: #a4d620;
	text-decoration: none;
}
 
span.email {
	font-size: 1em;
	color: #fff;
}
	

/* Responsive Menu */

ul#responsive-menu-pro li {
	font-weight: bold;
}

/* Top Nav */

#topnavHolder {
	margin-right: 0;
	margin-left: 0;
	height: 50px;
	font-size: 1.2em;
	margin-top: 0px;
	background-color: #424242;
	border-bottom: 5px solid #a3bd08;
}
#topnavHolder li a {
	font-family: 'Montserrat', sans-serif;
	display: block;
	text-align: center;
	color: #fff;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 12px;
	transition-property: border-bottom;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	height: 48px;
	border-bottom: 2px solid rgba(255, 255, 255, 0);
	margin-left: 15px;
}

#topnavHolder li a:hover {
	border-bottom: 2px solid rgb(255, 255, 255);
	color: #fff;
	text-decoration: none;
}
#topnavHolder .current-menu-item a,
#topnavHolder .current-menu-item a:hover {
	color: #fff;
	border-bottom: 2px solid rgb(255, 255, 255);
}

div.menu-top-menu-container, ul#menu-top-menu {
	float: right;
	margin-bottom: 0;
	padding-right: 0;
} 

/* Mega Menu */

#topnavHolder #maxmegamenu-2.widget li.mega-menu-item a.mega-menu-link {
	font: bold 1.2em 'Montserrat', sans-serif;
	transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
	height: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 11px;
}

#topnavHolder #maxmegamenu-2.widget li.mega-menu-item a.mega-menu-link:hover {
	background-color: #000;
}

#topnavHolder #maxmegamenu-2.widget li.mega-current-menu-item a.mega-menu-link {
	background-color: #a3bd08;
}
#topnavHolder #maxmegamenu-2.widget li.mega-current-menu-item a.mega-menu-link:hover {
	background-color: #a3bd08;
}

#topnavHolder #maxmegamenu-2.widget li.mega-menu-item-30 {
	margin-right: 0;
}

#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link,
#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-menu-item a.mega-menu-link {
	font: bold 1.1em 'Montserrat', sans-serif;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	background-color: #a2bd08;
}


#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-menu-item a.mega-menu-link:hover {
	background-color: #7a8e05;	
}

/* Website Middle */


#wideRow {
	margin-left: 0;
	margin-right: 0;
	padding-top: 35px;
	padding-bottom: 40px;
}

#pageContent.reviewPanel,
#pageContent.whiteAngled,
#wideRow.whiteLeft {
				background: url(_graphics/website-bg-white-left.png) center center no-repeat fixed #f1f1f1;
}

#wideBand.angledGallery.left {
			background: url(_graphics/website-bg-black-left-top.png) center center no-repeat fixed #2e2f30;
}
#wideBand.angledGallery.right {
			background: url(_graphics/website-bg-black-right-top.png) center center no-repeat fixed #2e2f30;
}

#wideHeader {

}
#pageContent.reviewPanel {
	padding-top: 50px;
}


#mainpageHolder {
	font: 1.1em/1.8em 'Open Sans', sans-serif;
	color: #000;
	padding-bottom: 0px;
margin-top: 135px;
}

#mainpageHolder h1 {
 font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 2.4em;
	padding: 20px 0 0px;
	margin-top: 0;
	margin-bottom: 20px;
	color: #000;
}
 
#mainpageHolder h2 {
 font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 20px;
	color: #0ba3cd;
	margin-bottom: 14px;
}

#subHead {
 font-family: 'Montserrat', sans-serif;
}

#mainpageHolder h2 a {
	color: #0ba3cd;
}

#mainpageHolder h2#nogapBot {
	margin-bottom: 10px;
}

#mainpageHolder #pageContent.faqs h2 {
	font-size: 1.2em;
}

#mainpageHolder #pageExtra h2#top {
	margin-top: 0;
	color: #000;
}

#mainpageHolder #pageExtra h2 a {
	color: #000;
}

#pageExtra #readMore a {
 font-family: 'Montserrat', sans-serif;
	display: block;
	padding: 10px;
	margin: 20px auto 20px 0;
	width: 150px;
	text-align: center;
	border: 1px solid #a19e9e;
	color: #000;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}

#pageExtra #readMore a:hover {
	background-color: #eeeded;
		color: #000;
}

#mainpageHolder h2#top {
	margin-top: 0;
}

#mainpageHolder h2#topMiddle {
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
}

#mainpageHolder h2.black {
	color: #000;
}

body.page-id-3 #mainpageHolder h2 {
	margin-top: 15px;
}

#mainpageHolder #wideHeader h1.strap {
	margin-bottom: 0;
}
#mainpageHolder #wideHeader h2.strap {
	color: #97b104;
	margin-top: 10px;
	font-size: 1.4em;
}

#mainpageHolder h3 {
 font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
} 

#mainpageHolder h3.blue {
	color: #14a3dd;
}

#mainpageHolder h2 a {
	color: #0ba3cd;
}
  
#mainpageHolder span.telephone {
	color: #1f2d60;
	font-weight: bold;
	font-size: 1.5em;
}

#mainpageHolder a {
	color: #000;
}

/* Top Banner */

#topBanner {
	overflow:hidden;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0px;
}
#mainpageHolder #topBanner img {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
}
#overlay #headerCaption {
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	padding-right: 30px;
	padding-left: 30px;
	width: 100%;
}
#headerCaption {
	bottom: 0px;
	color: #fff;
}

#mainpageHolder #topCaption h1 {
	line-height: 1.2em;
	font-size: 2.2em;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	border-left: 15px solid #a70711;
	margin-bottom: 0px;
	margin-top: 0;
	color: #fff;
}

/* Buttons */

#contactMobile {
font: bold 1.1em 'Montserrat', sans-serif;
	text-align: center;
	color: #0ba3cd;
	color: #fff;
	background-color: #a2bd08;
	padding: 20px;
}

#contactMobile p {
	margin-bottom: 0;
}

#mainpageHolder #contactMobile a,
#contactMobile a {
	color: #fff;
}
#mainpageHolder #contactMobile a:hover,
#contactMobile a:hover {
	color: #fff;
}

body.page-id-28 #contactMobile {
	display: none;
}

#mainpageHolder a.buttonEnq {
		background: url(_graphics/mail-icon.png) 200px 12px no-repeat;
	background-size: 28px;
	width: 240px;
	display: block;
	margin: 20px auto 10px;
	text-align: left;
	color: #fff;
	border-radius: 4px;
	padding: 10px 20px 12px;
	border: 1px solid #ffffff;
	font-weight: bold;
}
#mainpageHolder a.buttonEnq:hover {
	color: #fff;
	text-decoration: none;
}

#mainpageHolder a.readMore {
font: 1.2em 'Montserrat', sans-serif;
font-weight: bold;
padding: 15px;
display: block;
width: 180px;
margin: 25px auto 22px 0;
background-color: #fff;
text-align: center;
color: #0ba3cd;
border-radius: 5px;
transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
	border: 1px solid #0ba3cd;
}

#mainpageHolder a.readMore:hover {
	background-color: #f1f1f1;
}

#action a {
	font: 1.4em 'Montserrat', sans-serif;
	font-weight: bold;
	padding: 15px;
	display: block;
	width: 380px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: 0;
	background-color: #a3bd08;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}

#mainpageHolder #action a:hover {
	background-color: #899e0d;
	color: #ffffff;
}

#mainpageHolder a:hover {
	color: #859b0b;
	text-decoration: none;
}

/* Page Content Backgrounds */

#pageContent.pageExtra {
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #c2c2c4;
} 
   
#pageContent.noGap {
	padding-top: 0px;
} 
 
#pageContent.tarmac {
	background: url(_graphics/tarmac-bg.jpg) center top repeat fixed;
	color: #b9b7b7;
}

#mainpageHolder #pageContent.tarmac h2,
#mainpageHolder #pageContent.tarmac h3 {
	color: #fff;
}

#pageContent {
	padding-bottom: 40px;
	padding-top: 10px;
}  
  
#pageContent.regional #pageExtra {
	padding-top: 40px;
	padding-bottom: 0;
}

#pageXtra,
#pageExtra,
#pageIntro,
#pagePanels {
	margin-left: 0;
	margin-right: 0;
}

#pageXtra {
			background: url(_graphics/website-bg-white-left.png) center center no-repeat fixed #f2f3f3;
}

#pageIntro,
#pagePanels {
	margin-bottom: 0px;
}

#pageExtra {
	padding-top: 40px;
	padding-bottom: 30px;
}

#panelOne,
#panelTwo,
#panelThree {
	float: left;
	width: 33.3%;
	padding-bottom: 10px;
}
#pagePanels #panelHeader a {
	font: 1.4em 'Montserrat', sans-serif;
	display: block;
	padding: 10px;
	background-color: #086eb6;
	color: #fff;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}
#pagePanels #panelHeader a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0286e3;
}

#panelOne {
	padding-right: 10px;
}
#panelTwo {
	padding-right: 5px;
	padding-left: 5px;
}
#panelThree {
	padding-left: 10px;
}

#pageProjects {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 50px;
	margin-right: 0;
	margin-left: 0;
}

body.single-post #pageProjects {
	background: none;
	margin-left: 0;
	margin-right: 0;
}

#pageProjects ul {
	margin-top: 40px;
}

#mainpageHolder #pageProjects h2 {
	margin-top: 0;
}

#mainpageHolder #pageProjects h2 a {
	color: #000;
}

#fooGallery a.fancybox.image img,
#featureImage img,
#panelImage img {
	width: 100%;
	filter: grayscale(1%);
	transition-property: opacity;
	transition-duration: .4s;
	transition-timing-function: ease-in-out;
}

#fooGallery a.fancybox.image img:hover,
#featureImage img:hover,
#panelImage img:hover {
	opacity: 0.7;
}

#panelText {
	padding: 15px 20px 20px;
	background-color: #f5f5f6;
}

#bulletBlock {
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px;
}

#bulletsRow {
	margin-top: 10px;
}

#bulletsLeft {
	width: 50%;
	float: left;
	padding-right: 15px;
}
#bulletsRight {
	width: 50%;
	float: right;
	padding-left: 15px;
}

#introRow {
	margin-bottom: 15px;
}

#introRow #rightText {
	margin-top: 25px;
}
#textLeft {
	padding-left: 15px;
	padding-right: 15px;
}
#textRight {
	padding-right: 15px;
	padding-left: 15px;
}

#textRight.ticks {
	padding-left: 30px;
}

img#reviewImage {
	margin: 15px auto;
	width: 90%;
	display: block;
}

body.page-id-4 img#nnalLogo {
	width: 100%;
	margin-left: auto;
	margin-right: 0;
}

img#nnalLogo {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#introRow h2 {
		margin-top: 0;
	font-size: 1.8em;
}
  
#topImage {
	margin: 0;
}

#wideImage {
	overflow:hidden;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
#wideImage img {
	width: 100%;
	height: auto;
}

#homeSlider {
	padding-top: 10px;
}

#imagerightTop {
	padding-top: 20px;
	padding-bottom: 20px;
}

#rightText h2 {
	margin-top: 0;
	font-weight: bold;
	font-size: 1.8em;
}

#mainpageHolder #rightText {

}

#mainpageHolder #rightText img {
	padding-top: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Web Bullets */

#mainpageHolder #blogSingle li,
#mainpageHolder #textLeft li,
#mainpageHolder #leftRight li {
	padding-right: 0;
	list-style-type: none;
	background: url(_graphics/green-bullet.png) 2px 9px no-repeat;
	margin-left: 0px;
	padding-left: 25px;
	display: block;
}

#mainpageHolder h3 {
	font-size: 1.4em;
	margin-top: 20px;
}

#mainpageHolder ul#ticks {
	margin-bottom: 0px;
}

ul#bullets li {
background: url(_graphics/green-bullet.png) 2px 6px no-repeat;
padding-left: 25px;
padding-bottom: 5px;
font-size: 1em;
display: block;
line-height: 1.5em;	
} 

#mainpageHolder ul#whiteBullets li {
	background: url(_graphics/white-bullet.png) 2px 7px no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
	font-size: 1em;
	display: block;
	line-height: 1.5em;
}

#mainpageHolder ul#ticks li {
 font-family: 'Montserrat', sans-serif;
	background: url(_graphics/green-ticks.png) right 0 no-repeat;
	background-size: 36px;
	padding: 5px 44px 5px 0px;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	line-height: 1.6em;
	margin-bottom: 2px;
}

#mainpageHolder ul#ticks li a {
	transition-property: color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	color: #000;
}

#mainpageHolder ul#ticks li a:hover {
		color: #8ba304;
	text-decoration: none;
}

#pageHeader {
	padding-left: 15px;
	padding-right: 15px;
}

#mainpageHolder #rightText #logoLeft {
	margin-top: 20px;
	margin-left: 30px;
}

#mainpageHolder #rightText #logoLeft img {
	height: 180px;
	margin-bottom: 15px;
	float: left;
	padding-top: 0;
	margin-right: 30px;
}

/* Wide Band */

#wideBand {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-right: 0;
	margin-left: 0;
}

#wideBand.payments {
	background-color: #fff;
	font-weight: bold;
}

#wideBand.greenAngled {
		background: url(_graphics/website-bg-green-right.png) center center no-repeat fixed #6c7d03;
	color: #fff;
	padding-bottom: 35px;
}

#wideBand.blackRight {
		background: url(_graphics/website-bg-black-right.png) center center no-repeat fixed #383637;
	color: #fff;
	padding-bottom: 35px;
}

#wideBand.calltoAction {
		background: url(_graphics/website-bg-green-right.png) center center no-repeat fixed #8ba20a;
	color: #fff;
}

#wideBand.calltoAction.offer {
background: rgb(138,116,45);
background: linear-gradient(180deg, rgba(138,116,45,1) 0%, rgba(213,186,97,1) 90%);
	color: #fff;
}


#mainpageHolder #wideBand.calltoAction #readMore a {
	color: #fff;
	background-color: #a2bd08;
}

#mainpageHolder #wideBand.calltoAction #readMore a:hover {
	background-color: #8ba209;
} 

#mainpageHolder #wideBand.calltoAction a {
		color: #fff;
}

#mainpageHolder #wideBand.calltoAction.offer a {
	color: #fff;
	background-color: #a2bd08;
}
#mainpageHolder #wideBand.calltoAction.offer a:hover {
		background-color: #738607;
	
}

#wideHeader h1 {
	padding-top: 0;
}
 
#wideHeader h2 {
	padding-top: 0;
	margin-top: 30px;
	color: #000;
}

#headingMiddle {
	font: bold 1.8em 'Montserrat', sans-serif;
	text-align: center;
	margin-bottom: 20px;
}
#contentMiddle {
	text-align: center;
}

#wideBand.payments 	#contentMiddle {
	text-align: left;
}
#wideBand.payments img {
	display: block;
}

#wideBand .contactIntro {
	font: bold 1.4em 'Montserrat', sans-serif;
	display: block;
	margin-top: 15px;
}
#wideBand.offer .contactIntro {
	font: 1.4em/1.5em 'Montserrat', sans-serif;
	margin-top: 15px;
}
#wideBand .contactNumbers {
	font: bold 1.8em 'Montserrat', sans-serif;
	display: block;
	margin-top: 10px;
}

#wideBand.calltoAction #readMore a {
	font: bold 1.4em 'Montserrat', sans-serif;
	color: #fff;
	padding: 15px;
	display: block;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: 1px solid #ffffff;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}

#wideBand.calltoAction #readMore a:hover {
		background-color: #8ba209;
}

/* Page FAQs */

#pageFaqs {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 40px;
	margin-top: 40px;
}

#question {
 font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 18px;
	border-top: 1px dotted #4da1d8;
	padding-top: 20px;
}

#answer {
	background-color: #fff;
	padding: 20px 20px 25px;
}

/* Ultimate FAQ Plugin */

.ewd-ufaq-faqs h2 {
	display: none;
}

.ewd-ufaq-faqs {
	margin-top: 30px;
}

#mainpageHolder .ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span{
display: inline-block;
font-size: 20px;
margin: 4px auto 0;
}


#mainpageHolder .ewd-ufaq-faqs h3 {
	color: #000;
}

#mainpageHolder .ewd-ufaq-faq-body {
	padding-bottom: 30px;
}



/* Service Panels */


#panelIntro {
	text-align: center;
	margin-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

#panelIntro h2 {
	margin-top: 0;
	color: #000;
}

#wideBand.grey #panelIntro {
	color: #000;
}

#panels {
	
}

#panels.three #panel {
	width: 33.3%;
	float: left;
	margin-bottom: 15px;
}
#panels.three #panel.one {
	padding-right: 10px;
}
#panels.three #panel.two {
	padding-left: 5px;
	padding-right: 5px;
}
#panels.three #panel.three {
	padding-left: 10px;
}
#panelTitle a {
	background: url(_graphics/green-panel-plus.png) right 0 no-repeat #000;
	background-size: 120px;
	font: bold 1.2em 'Montserrat', sans-serif;
	text-align: left;
	display: block;
	padding: 15px 40px 17px 15px;
	color: #fff;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}
#panelTitle a:hover {
	background-color: #2f3801;
	color: #fff;	
}


/* Services */

#service {
	width: 49%;
	float: left;
	margin-left: .5%;
	margin-right: .5%;
}

#mainpageHolder #service h3 {
	margin-top: 0;
}

#mainpageHolder #service h3 a {
	color: #000;
}
#mainpageHolder #service h3 a:hover {
	color: #a70711;
}

#serviceImg {
	width: 30%;
	float: left;
}

#serviceImg a img {
border-radius:  200px;
	background-color: #a70711;
	width: 80%;
	padding: 10px;
	transition-property: padding;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	border: 8px solid #a2a3a6;
}

#serviceImg a img:hover {
	padding: 15px;
}

#serviceText {
	width: 70%;
	float: right;
	padding-right: 20px;
	height: 220px;
}

/* Services Nav */

#servicesLeft {
	padding-left: 20px;
	padding-right: 20px;
}

#servicesRight {
	margin-top: 40px;
	margin-bottom: 30px;
}

#servicesRight li a {
	float: left;
	width: 24%;
	display: block;
	margin-right: .5%;
	margin-left: .5%;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 1%;
	padding: 10px;
	text-align: center;
}


 
/* Gallery */

#galleryHeader {
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}

#mainpageHolder #wideBand.angledGallery #galleryHeader h2,
#wideBand.angledGallery #galleryHeader {
	color: #fff;
}

#wideBand.angledGallery #galleryHeader a {
	color: #fff;
}
#wideBand.angledGallery #galleryHeader a:hover {
	color: #a2bd08;
}

#mainpageHolder #galleryHeader h2 {
	margin-top: 0;
	color: #000;
	font-size: 2em;
}

#blogSingle #EnviraGallery {
	padding-top: 20px;
}

#EnviraGallery {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

/* Foo Gallery */

#fooGallery.blog {
	padding-top: 20px;
	padding-bottom: 20px;
}

#fooGallery.blog a.fancybox.image img {
	background-color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

#fooGallery {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}
 
#fooGallery .fg-default.fg-gutter-10 {
padding-left:0px;
margin-bottom:0px
}
 
#fooGallery .fg-item {
    width: 16.6%;
}
  
#fooGallery .fg-item {
    margin-right: 0;
    margin-bottom: 0;
}
  
#fooGallery a.fancybox.image img {
    padding: 5px;
    width: 100%;
    height: auto;
	background-color: #000;
} 
  
#fooGallery.three .fg-item {
    width: 33.3%;
}
#fooGallery.four .fg-item {
    width: 25%;
}
#fooGallery.five .fg-item {
    width: 20%;
}
#fooGallery.six .fg-item {
    width: 16.6%;
}

/* HomePanels */

#homePanels {
	margin-left: 0;
	margin-right: 0;
}

#homePanels img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#homeOne, #homeTwo, #homeThree, #homeFour {
	padding-left: 4px;
	padding-right: 4px;
}

#homePanels h2 {
	font: 1.6em 'Open Sans', sans-serif;
	line-height: 1.8em;
	margin-top: 0;
}

#homePanels h2 a {
	font-weight: bold;
	margin-top: 0;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #0374bb url(_graphics/plus-icon.png) no-repeat right 8px;
}

#homePanels h2 a:hover {
	color: #fff;
	background-color: #005e9a;
}

#contactUs {
	padding-bottom: 15px;
	padding-top: 5px;
}

#contactUs a {
	background-color: #68bb45;
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	display: block;
	text-align: center;
	border-radius:5px;
}

#contactUs a:hover {
	background-color: #4f9034;
	color: #fff;
}

#rightText #dshExtra {
	margin-top: 30px;
	padding: 30px;
	border: 1px dotted #0374bb;
}

/* FAQs */

#faqHolder {
	margin-bottom: 40px;
}

#faqQuestion {
	font: 1.4em 'Montserrat', sans-serif;
	margin-bottom: 10px;
} 

/* Website Testimonials */

#pageContent.reviewPanel h2 {
	margin-top: 5px;
}

#pageContent.reviewPanel h2 a {
	color: #000;
}

#testimonialImage {
	margin-top: 25px;
}

img#reviewLogo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-bottom: 15px;
}

#testimonialsHolder {
	margin-right: 0;
	margin-left: 0;
	margin-top: 10px;
}
#testimonialsLeft {
	padding-right: 10px;
	padding-left: 0px;
}

#testimonialsRight {
	padding-left: 10px;
	padding-right: 0px;
}

#testimonialPanel {
		background: url(_graphics/website-bg-white-right.png) center center no-repeat scroll #f5f5f5;
	border-radius: 10px;
	padding: 30px;
	color: #000;
}

#testimonialPanel {
	margin-bottom: 20px;
	color: #000000;
	transition-property: background-color;
	transition-duration: .5s;
	transition-timing-function: ease-out;
}

#testimonialFrom {
	background: url(_graphics/review-stars.png) right 28px no-repeat;
	background-size: 90px;
	padding-top: 22px;
	font-size: .9em;
	font-weight: bold;
	color: #96b104;
	padding-right: 100px;
}

#testimonialFrom a {
		color: #316fc8;
}
#testimonialFrom a:hover {
		color: #316fc8;
	text-decoration: underline;
}

#breadCrumb {
	width: 675px;
	float: left;
	font-size: 16px;
	color: #328eb8;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid #0e3458;
	padding-bottom: 1px;
}

div#breadCrumb a {
	color: #0e3458;
}
div#breadCrumb a:hover {
	color: #7cbc42;
}

#websiteContent {
	width: 675px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-align: left;
	padding-right: 25px;
	padding-left: 20px;
}

#editorialContent {
	width: 675px;
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	}

/* Blog Post Styling */

#archiveDesc {
	margin-left: 0;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

#blogSingle #imageTop img {
	margin-top: 5px;
	margin-bottom: 20px;
}

#blogSingle {
	padding-left: 100px;
	padding-right: 100px;
	margin-left: 0;
	margin-right: 0;
}

#bloglistHolder {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
}

#blogPost {
	margin-bottom: 0px;
	border-bottom: 1px dashed #b2b3b5;
	padding-bottom: 40px;
	float: left;
}

#headerBit {
	width: 100%;
	float: left;
	padding-top: 20px;
}
#headerLeft {
	width: 90%;
	float: left;
}
#headerRight {
	width: 10%;
	float: right;
}
#headerRight img {
	width: 38px;
	margin-right: 0;
	margin-left: auto;
	padding-top: 2px;
}

#mainpageHolder #headerLeft h1 {
	margin-top: 0px;
	font-size: 1.8em;
	margin-bottom: 20px;
	padding-top: 5px;
}

#blogPost h2 {
	font-size: 1.6em;
	color: #086eb6;
}

#blogPost img {
	margin-top: 30px;
	margin-bottom: 30px;
}

#archiveDesc {
	margin-bottom: 40px;
	margin-top: 10px;
}

#blogpostList {
	padding-left: 10px;
	padding-top: 0px;
	margin-left: 0;
	margin-right: 0;
	width: 33.33%;
	float: left;
	padding-right: 10px; 
}

#mainpageHolder #featureTitle h2 {
	margin-top: 0;
	font: 1em 'Montserrat', sans-serif;
}

#mainpageHolder #featureTitle h2 a {
	background: url(_graphics/green-panel-plus.png) right 0 no-repeat #000;
	background-size: 60px;	
	text-align: left;
	display: block;
	padding: 15px 50px 17px 15px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
}

#mainpageHolder #bloglistHolder #featureTitle h2 a,
#mainpageHolder #pageProjects #featureTitle h2 a {
	background: url(_graphics/green-panel-plus.png) right 0 no-repeat #000;
	background-size: 110px;
}

#mainpageHolder #featureTitle h2 a:hover {
	background-color: #373535;
	color: #fff;	
}

#featureImage img {
	width: 100%;
	height: auto;
}

#blogpostList #thumbImage img {
	width: 100%;
	height: auto;
}
#blogpostText {
	padding-left: 30px;
}
#blogpostList a.more-link {
	width: 45%;
	display: block;
	font-weight: bold;
	margin: 25px auto 20px 0;
	padding: 15px;
	text-align: center;
	background-color: #0489e7;
	font-size: 1.1em;
}

#blogpostList a span.readMore,
#blogpostList a.more-link {
		color: #fff;
}

#blogpostList a span.readMore:hover,
#blogpostList  a.more-link:hover {
		color: #fff;
	text-decoration: none;
		background-color: #2c6dbc;
}

/* Pagination */

.navigation {
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

#mainpageHolder .wp-paginate {
	padding: 20px 0;
	font-family: 'Montserrat', sans-serif;
	
	margin:0;
	text-align: center;
}
#mainpageHolder .wp-paginate li {display:inline; list-style:none;
}
#mainpageHolder .wp-paginate a {background:#fff; border:1px solid #14a3dd; color: #14a3dd; margin-right:5px; padding: 8px 12px; text-align:center; text-decoration:none;
	font-size: 1.2em;
}
#mainpageHolder .wp-paginate a:hover, 
#mainpageHolder.wp-paginate a:active {background: #e2ebf6; color: #5b98e3;
	}
#mainpageHolder .wp-paginate .title {color: #14a3dd; margin-right:10px;
	font-weight: bold;
}
.wp-paginate .gap {color: #14a3dd; margin-right:4px;}
#mainpageHolder .wp-paginate .current {color:#fff; background: #14a3dd; border:1px solid #5d9ae4; 	font-size: 1.2em; margin-right:5px; padding: 8px 12px;}
.wp-paginate .page {}
#mainpageHolder .wp-paginate .prev, 
#mainpageHolder .wp-paginate .next {
	display: none;
}

#errorpageHolder img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 20px;
	padding-bottom: 40px;
}

#blogpageHolder .entry {
}

#blogpostMain {
	width: 980px;
	float: left;
	}

/* Website Right */

#websiteRight {
	float: right;
	width: 320px;
	padding-right: 20px;
}
	
#rightwidgetTop {
	float: left;
	width: 320px;
}
	
div#websiteRight h2 {
	width: 300px;
	color: #fff;
	margin-bottom: 5px;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 7px;
	padding-left: 20px;
}


div#recent-posts-2.widget h2,
div#recent-posts-3.widget h2 {
	display: none;
}

/* Blog Video */

#topVideo #blogVideo {
	margin-top: 5px;
}

#blogVideo.row {
	margin-left: 0;
	margin-right: 0;
}

#blogVideo {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
}
 
#blogVideo {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

#blogVideo iframe, 
#blogVideo object, 
#blogVideo embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-left: 0px;
	padding-right: 0px;
}


/* Contact Page */

#contactDetails {
	font-family: 'Montserrat', sans-serif;
	color: #94ad08;
	padding-top: 10px;
	padding-bottom: 15px;
	font-weight: bold;
}
span.number {
	color: #1f294d;
	padding-left: 5px;
	font-size: 1.6em;
}
.email a {
		color: #000;
}
#mainpageHolder .email a:hover {
		color: #93ad06;
	text-decoration: none;
}

#addressBlock {
	margin-bottom: 20px;
	margin-top: 10px;
}

/* Quick Enquiry Form */

#quickForm {
		background: url(_graphics/website-bg-white-right.png) center center no-repeat scroll #14a3dd;
}
#quickForm h2 {
	text-align: center;
	margin-top: 0;
	color: #000;
	font-size: 1.4em;
	line-height: 1.8em;
}

#quickForm label span.gfield_required {
	color:#0ba3cd;
}

#quickForm #contactformHolder {
border: 1px solid #121212;
padding: 2% 5% 15px;
margin-bottom: 50px;
	border-radius: 5px;
	margin-top: 40px;
	background-color: #f2f3f3;
}

#quickForm input.gform_button {
font-family: 'Montserrat', sans-serif;
background-color: #14a3dd;
background-image: none;
border-style: none;
color: #fff;
padding-top: 15px;
font-size: 1.6em;
padding-bottom: 15px;
text-align: center;
-webkit-appearance: none;
border-radius: 5px;
transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
width: 200px;
font-weight: 800;
margin-right: auto;
	margin-top: 0px;
	margin-left: auto;
}

#quickForm #contactformHolder textarea {
height: 100px;
	margin-bottom: 15px;
}


/* Gravity Forms */

#contactformHolder {
border: 1px solid #121212;
padding: 5% 10% 10%;
margin-bottom: 0px;
	border-radius: 5px;
	margin-top: 30px;
	background-color: #fff;
}

#contactformHolder #gform_wrapper_1 {
color: #000;
margin-bottom: 0;
background-color: #fff;
margin-top: 0;
}
 
#contactformHolder span.gfield_required {
font-weight: normal;
font-style: normal;
	color: #121212;
}

#contactformHolder .gform_body li {
	padding-right: 0;
}

#contactformHolder textarea,
#contactformHolder .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
padding: 8px 10px;
letter-spacing:normalwidth: 1px;
width: 100%;
border: 1px solid #121212;
font-weight: bold;
font-size: 1.2em;
-webkit-appearance: none;
border-radius: 0;
margin-bottom: 10px;
}

#contactformHolder textarea {
height: 150px;
	margin-bottom: 15px;
}

#contactformHolder label {
font-size: 1em;
font-weight: normal;
font-style: normal;
margin-bottom: 0;
	color: #121212;
}

#contactformHolder .gform_footer.top_label {
margin-top: 5px;
margin-bottom: 0;
padding-top: 0;
}

#contactformHolder input#gform_submit_button_1{
font-family: 'Montserrat', sans-serif;
background-color: #a2bd08;
background-image: none;
border-style: none;
color: #fff;
padding-top: 4%;
font-size: 1.6em;
padding-bottom: 5%;
text-align: center;
-webkit-appearance: none;
border-radius: 5px;
transition-property: background-color;
transition-duration: .6s;
transition-timing-function: ease-out;
width: 100%;
font-weight: 800;
margin-right: 0;
	margin-top: 20px;
}
#quickForm input.gform_button:hover,
#contactformHolder input#gform_submit_button_1:hover {
background-color: #7b9006;
}

/* Gravity Forms – error messages */

#contactformHolder .gform_wrapper .gfield_error .gfield_label{
color: #ba0202;
background-color: #fff;
font-weight: bold;
}

#contactformHolder .gfield_description.validation_message {
color: #ba0202;
padding-top: 0;
padding-bottom: 15px;
}

#contactformHolder .gform_wrapper div.validation_error{color:#ba0202;font-size:1em;font-weight:700;margin-bottom:25px;border-top:2px solid #ba0202;border-bottom:2px solid #ba0202;padding:16px 0;clear:both;width:100%;text-align:center;

display: none;
}

/* Gravity Forms – Confirmation Screen */

#contactformHolder .gform_confirmation_message {
padding: 30px;
text-align: left;
font-size: 1.2em;
font-weight: bold;
background-color: #ffffff;
}

/* Gravity Forms – Extra CSS Styling */

#contactformHolder .tickBoxes li {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

#contactformHolder .tickBoxes li input {
	margin-right: 10px;
	vertical-align:top;
}


/* Bottom Bit */

#footerLogos {
	margin-top: 20px;
}

#footerLogos #trustLogo,
#footerLogos #nnalLogo {
	float: left;
	width: 50%;
}
#footerLogos #trustLogo img {
	width: 70%;
	margin-right: 0;
	margin-left: auto;
	padding-right: 10px;
}
#footerLogos #nnalLogo img {
	width: 70%;
	margin-right: auto;
	margin-left: 0;
	padding-left: 10px;
}
#textBit {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
}

#footerPanels {
}

/* Bottom Bit */

#barkLogo img {
	width: 280px;
	margin: 60px auto;
}

#bottomExtra {
	padding: 20px;
	margin: 10px 0 25px;
	border: 1px dotted #0374bb;
}

#bottomBit {
	margin-left: 0;
	margin-right: 0;
}

#bottomBit ul {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
 
#bottomBit li {
	float: left;
	width: 33.3%;
}

#bottomBit li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Page Bottom */


#footerLogos {
	margin-bottom: 30px;
}

#footerLogos img#checkatrade {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#footerLogos #logo.guild {
	width: 50%;
	float: left;
}
#footerLogos #logo.guild img {
	margin-right: 0;
	margin-left: auto;
	padding-right: 20px;
}
#footerLogos #logo.trusted img {
	margin-right: auto;
	margin-left: 0;
	padding-left: 20px;
}

#footerLogos #logo.trusted {
	width: 50%;
	float: left;
}

/* Website Footer */

#footer {
font-family: 'Open Sans', sans-serif;
	background: url(_graphics/website-bg-black-left.png) center center no-repeat scroll #262727;
	color: #a7a7a9;
	font-size: 1.1em;
}
#footer a {
transition-property: color;
transition-duration: .6s;
transition-timing-function: ease-out;
	color: #a7a7a9;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

#footerContact {
	margin-bottom: 20px;
}

#footerContact strong {
	color: #fff;
}

#websiteBottom {
	padding-right: 15px;
	padding-left: 15px;
}

#footerPanel {
	width: 25%;
	float: left;
}

#aboutText {
	padding-right: 30px;
	line-height: 1.8em;
}
#aboutText img {
	margin-bottom: 15px;
}

#footerPanels {
	margin: 30px 0 20px;
}

#footer #panelHolder {
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 20px;
	text-align: left;
}
#footerPanel li a {
	padding-left: 20px;
	padding-bottom: 10px;
	background: url(_graphics/green-bullet-arrow.png) left 7px no-repeat;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 15px;
}

#footerPanel li a:hover {
	color: #fff;
} 
 
#footerPanel h3 {
	margin-bottom: 5px;
	margin-top: 5px;
	color: #fff;
	font: bold 1.2em 'Montserrat', sans-serif;
	text-align: left;

}

#footerPanel h3 a {
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
	display: block;
}
 
#footer li a:hover {
	color: #fff;
	text-decoration: none;
}

/* Footer Social */

#footerBlock {
	margin-left: 0;
	margin-right: 0;
}

#footerLogo img {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#footerSocial {
	padding-top: 20px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0px;
} 

#footerSocial ul {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 192px;
}
#footerSocial li img {
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 48px;
	background-color: #a2bd08;
	transition-property: background-color;
	transition-duration: .6s;
	transition-timing-function: ease-out;
	width: 44px;
	float: left;
	padding: 4px;
}
#footerSocial li img:hover {
	background-color: #8ba209;
}

#footerBox.row {
	font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 1em;
	color: #a7a7a9;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 20px;
}



#copyright {
	text-align: center;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-left: 0;
	margin-right: 0;
	padding-right: 20px;
}

#pedleyonline {
	text-align: center;
	font-size: .8em;
} 

#bottomBar {
		background: url(_graphics/website-bg-green-right.png) center center no-repeat fixed #8ba209;
	color: #fff;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	margin-top: 30px;
	padding: 30px 20px 35px;
}

#bottomBar a {
	color: #fff;
}
	
/* Media Queries */



/* XS */

@media(max-width:767px) {


#websiteHeader
 {
	position: static;
} 

#responsive-menu-pro-header {

}

#websiteHeader {
 	background:none;
	display: none;
}

#mainpageHolder {
margin-top: 0px;
}

img#reviewLogo {
	margin-top: 10px;
	width: 60%;
	margin-bottom: 0px;
}

#pageProjects,
#pageContent.reviewPanel,
#pageContent.whiteAngled,
#wideRow.whiteLeft {
				background: none;
}
#wideBand.blackRight {
		background: none #383537;
}

#mainpageHolder h1 {
	font-size: 2em;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#mainpageHolder #topBanner #overlay h1 {
	padding-top: 10px;
} 

#mainpageHolder #topBanner.slider #overlay h1 {
	padding-top: 20px;
} 

#subHead {
	font-weight: bold;
	color: #869d03;
	margin-bottom: 0px;
	padding-left: 10px;
	font-size: 1.4em;
}

#mainpageHolder #headerLeft h1 {
	padding-right: 0px;
	padding-left: 0px;
}

#mainpageHolder h2#top {
	margin-top: 20px;
}

#mainpageHolder #wideHeader h2 {
	padding-left: 10px;
	padding-right: 10px;
}

#mainpageHolder h3 {
	font-size: 1.2em;
}

#action a,
#wideBand.calltoAction #readMore a {
	width: 100%;
	font-size: 1.2em;
		margin-bottom: 30px;
}

#panelIntro {
	padding-left: 20px;
	padding-right: 20px;
}

#panelOne,
#panelTwo,
#panelThree {
	width: 100%;
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
}
#textLeft {
	padding-left: 10px;
	padding-right: 10px;
}
#textRight {
	padding-right: 10px;
	padding-left: 10px;
}

#textRight.ticks {
	padding-left: 10px;
}

#panels.three #panel {
	width: 100%;
}
#panels.three #panel.one,
#panels.three #panel.two,
#panels.three #panel.three {
	padding-left: 10px;
	padding-right: 10px;
}



#testimonialsLeft,
#testimonialsMiddle,
#testimonialsRight {
	padding-right: 0px;
	padding-left: 0px;
}

#bulletsLeft {
	width: 100%;
	padding-right: 0px;
}
#bulletsRight {
	width: 100%;
	padding-left: 0px;
}
#pagePanels #panelHeader a {
	font-size: 1em;
} 

#package {
	width: 99%;
	margin-right: .5%;
	margin-left: .5%;
	margin-bottom: 10px;
}

#blogpostList {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
#mainpageHolder #featureTitle h2 {
	font-size: .9em;
}

#blogSingle {
	padding-left: 10px;
	padding-right: 10px;
}
#blogpostList #thumbImage img {
	margin-bottom: 30px;
	margin-left: auto;
	width: 80%;
	margin-right: auto;
	display: block;
}
#blogpostText {
	padding-left: 0px;
	padding-right: 0;
}

#mainpageHolder #blogpostText h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

img#mobileTop {
	margin-top: 30px;
}

#wideBand {
	padding-left: 10px;
	padding-right: 10px;
}

#wideBand.payments 	#contentMiddle {
	text-align: center;
}
#wideBand.payments img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 290px;
}

#footer {
	background: none #000;
}

#footerPanel {
	width: 100%;
	text-align: center;
}
#footerPanel li a {
	padding-left: 0px;
	background: none;
	padding-right: 0px;
}

#footerContact {
	margin-top: 30px;
}

#footerLogos img#checkatrade {
	width: 300px;
}

#footerLogos #trustLogo img {
	width: 100%;
}
#footerLogos #nnalLogo img {
	width: 100%;
}

 
}	

/* SM */

@media(min-width:768px){
#websiteTop {
	height: 100px;
}

#websiteTop #logo {
	width: 35%;
}
#websiteTop #logo img {
	width: 240px;
	margin-top: 20px;
}
#topRight {
	width: 65%;
	height: 100px;
}
#topContact {
width: 45%;
	padding-top: 26px;
	font-size: 1.2em;
	line-height: 1.4em;
	
}
#topSocial {
	padding-top: 25px;
	width: 55%;
}

#topnavHolder #maxmegamenu-2.widget li.mega-menu-item a.mega-menu-link {
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	font-size: .9em;
}
#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link,
#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-menu-item a.mega-menu-link {
	font-size: .9em;
	height: 40px;
}

#mainpageHolder {
margin-top: 150px;
}

#wideImage {
	width: 130%;
		height: 300px;
	}

#pageContent {
	padding-left: 0px;
	padding-right: 0px;
} 

#topBanner {
	position: relative;
	height: 360px;
}
#topBanner #overlay {
	position: absolute; 
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%);
	color: #fff;
	padding-right: 30px;
	padding-left: 30px;
	width: 100%;
	margin-top: 170px;
	height: 180px;
}
#topBanner #subHead {
	margin-bottom: 20px;
} 

#topBanner #overlay h1 {
	margin-bottom: 10px;
	padding-left: 0;
	color: #fff;
	padding-top: 50px;
}
#subHead {
	font-weight: bold;
	color: #b8d510;
	margin-bottom: 20px;
	font-size: 1.4em;
}

#topBanner.crop img {
	width: 100%;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}

#topBanner.slider #overlay {
	margin-top: 180px;
	height: 180px;
} 

#topBanner.slider img {
	 	 position: absolute;
	 	 top: 0;
}
 
#headerCaption {
color: #fff;
}

#pageProjects,
#pageContent.reviewPanel,
#pageContent.whiteAngled,
#wideRow.whiteLeft {
				background: url(_graphics/website-bg-white-left.png) center center no-repeat fixed #f1f1f1;
}

#wideBand.blackRight {
		background: url(_graphics/website-bg-black-right.png) center center no-repeat fixed #383637;
}

#mainpageHolder #headerLeft h1 {
	padding-right: 0px;
	padding-left: 0px;
}


#mainpageHolder h1 {
	line-height: 1.2em;
	font-size: 2.8em;
	padding-right: 10px;
	padding-left: 10px;
}
#mainpageHolder h3 {
	font-size: 1.2em;
	margin-top: 20px;
}
#mainpageHolder h2#top {
	margin-top: 20px;
}
#mainpageHolder #wideHeader h2 {
	padding-left: 10px;
	padding-right: 10px;
}

#action a {
	width: 380px;
	font-size: 1.4em;
	margin-bottom: 30px;
}
#wideBand.calltoAction #readMore a {
	width: 400px;
	font-size: 1.4em;
}

 
#textLeft {
	padding-left: 60px;
	padding-right: 60px;
}
#textRight {
	padding-right: 60px;
	padding-left: 60px;
}

#textRight.ticks {
	padding-left: 60px;
}

img#reviewLogo {
	width: 50%;
	margin-bottom: 15px;
	margin-top: 20px;
}

img#reviewLogo {
	margin-top: 20px;
	width: 60%;
	margin-bottom: 15px;
}
  
#testimonialsLeft,
#testimonialsMiddle,
#testimonialsRight {
	padding-right: 0px;
	padding-left: 0px;
}

#panelIntro {
	padding-left: 50px;
	padding-right: 50px;
}

#panelOne,
#panelTwo,
#panelThree {
	width: 50%;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#bulletsLeft {
	width: 50%;
	padding-right: 15px;
}
#bulletsRight {
	width: 50%;
	padding-left: 15px;
}

#panels.three #panel {
	width: 50%;
}
#panels.three #panel.one,
#panels.three #panel.two,
#panels.three #panel.three {
	padding-left: 10px;
	padding-right: 10px;
}

#pagePanels #panelHeader a {
	font-size: 1.4em;
}

#blogpostList {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
#mainpageHolder #featureTitle h2 {
	font-size: .9em;
}

img#mobileTop {
	margin-top: 30px;
}


#blogSingle {
	padding-left: 0px;
	padding-right: 0px;
}
#mainpageHolder #blogpostText h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

#wideBand {
	padding-left: 0px;
	padding-right: 0px;
}

#wideBand.payments 	#contentMiddle {
	text-align: center;
}
#wideBand.payments img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#footer {
	background: url(_graphics/website-bg-black-left.png) center center no-repeat scroll #262727;
}

#footerPanel {
	width: 50%;
	height: 200px;
	text-align: left;
}
#footerPanel li a {
	padding-left: 25px;
	background: url(_graphics/green-bullet-arrow.png) left 5px no-repeat;
	padding-right: 15px;
}

#footerLogos img#checkatrade {
	width: 400px;
}

#footerContact {
	margin-top: 0px;
}

#footerLogos #trustLogo img {
	width: 70%;
}
#footerLogos #nnalLogo img {
	width: 70%;
}

	
	}
 

/* MD */

@media(min-width:992px){

#websiteTop #logo {
	width: 50%;
}
#websiteTop #logo img {
	width: 270px;
	margin-top: 15px;
}
#topRight {
	width: 50%;
	height: 100px;
}
#topContact {
width: 50%;
	padding-top: 22px;
	font-size: 1.4em;
	line-height: 1.4em;
}
#topSocial {
	padding-top: 25px;
	width: 50%;
} 

#topnavHolder #maxmegamenu-2.widget li.mega-menu-item a.mega-menu-link {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 11px;
	font-size: 1.2em;
}
#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link,
#topnavHolder #maxmegamenu-2.widget ul.mega-sub-menu li.mega-menu-item.mega-menu-item a.mega-menu-link {
	font-size: 1.1em;
	height: 40px;
}

#mainpageHolder {
margin-top: 150px;
}

img#reviewLogo {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 80%;
	margin-right: 0;
}

#textRight.ticks {
	padding-left: 30px;
}
#mainpageHolder ul#ticks li {
	font-size: 1.1em;
	margin-bottom: 5px;
}

#action a {
	margin-bottom: 0;
}
	


#topBanner {
	height: 400px;
}
#topBanner #overlay {
	margin-top: 110px;
	height: 280px;
}
#topBanner #overlay h1 {
	margin-bottom: 10px;
	padding-top: 140px;
}
#topBanner #subHead {
	margin-bottom: 40px;
}
#topBanner.slider #overlay {
	margin-top: 120px;
	height: 300px;
} 

#subHead {
	font-size: 1.6em;
}

#wideImage {
	width: 100%;
		height: 300px;
	}

#pageContent {
	padding-left: 20px;
	padding-right: 20px;
} 
  
#mainpageHolder #wideHeader h1 {
	font-size: 2.4em;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

#mainpageHolder h1 {
	line-height: 1.2em;
	font-size: 3em;
	padding-left: 0;
	padding-right: 0;
}

#mainpageHolder #wideHeader h1#subHead {
	margin-bottom: 10px;
}

#mainpageHolder h3 {
	font-size: 1.2em;
}
#mainpageHolder h2#top {
	margin-top: 0px;
}
#mainpageHolder #wideHeader h2 {
	padding-left: 0px;
	padding-right: 0px;
}
#textLeft {
	padding-left: 0px;
	padding-right: 15px;
}
#textRight {
	padding-right: 0px;
	padding-left: 15px;
}

#panels.three #panel {
	width: 33.33%;
}
#panels.three #panel.one {
	padding-right: 10px;
	padding-left: 0;
}
#panels.three #panel.two {
	padding-left: 5px;
	padding-right: 5px;
}
#panels.three #panel.three {
	padding-left: 10px;
	padding-right: 0;
}
 
#testimonialsLeft {
	padding-right: 10px;
	padding-left: 0px;
}
#testimonialsMiddle {
	padding-left: 5px;
	padding-right: 5px;
}
#testimonialsRight {
	padding-left: 10px;
	padding-right: 0px;
}

#panelOne,
#panelTwo,
#panelThree {
	width: 33.3%;
	padding-bottom: 20px;
}
#panelOne {
	padding-right: 10px;
	padding-left: 0;
}
#panelTwo {
	padding-right: 5px;
	padding-left: 5px;
}
#panelThree {
	padding-left: 10px;
	padding-right: 0;
}
#pagePanels #panelHeader a {
	font-size: 1.1em;
}

#wideBand.payments 	#contentMiddle {
	text-align: left;
}
#wideBand.payments img {
	margin-right: 0;
	margin-left: auto;
	float: right;
	margin-top: 0;
}

img#mobileTop {
	margin-top: 0px;
}

#blogpostList {
	width: 33.33%;
	padding-left: 10px;
	padding-right: 10px;
}
#mainpageHolder #featureTitle h2 {
	font-size: .7em;
}

#blogSingle {
	padding-left: 30px;
	padding-right: 30px;
}

#footerPanel {
	width: 25%;
}


	}

/* LG */
 
@media(min-width:1200px){

#websiteHeader {
 	height: 150px;
}

#websiteTop #logo {
	width: 40%;
}
#websiteTop #logo img {
	width: 340px;
	margin-top: 10px;
}
#topRight {
	width: 60%;
	height: 100px;
}
#topContact {
width: 40%;
padding-top: 22px;
}
#topSocial {
	width: 60%;
} 


#mainpageHolder {
margin-top: 150px;
}

#topBanner {
	height: 500px;
}
#topBanner #overlay {
	margin-top: 190px;
	height: 300px;
}
#topBanner #overlay h1 {
	margin-bottom: 10px;
	padding-top: 140px;
}
#topBanner #subHead {
	margin-bottom: 40px;
} 

#topBanner.slider #overlay {
	margin-top: 210px;
	height: 300px;
}

#subHead {
	font-size: 1.8em;
}

#wideImage {
	width: 120%;
		height: 400px;
	}
	
#mainpageHolder ul#ticks li {
	font-size: 1.2em;
	margin-bottom: 0;
}	

#mainpageHolder h1 {
	line-height: 1.2em;
	font-size: 3.4em;
	padding-left: 0;
	padding-right: 0;
}

#mainpageHolder #featureTitle h2 {
	font-size: .9em;
}	

#blogSingle {
	padding-left: 100px;
	padding-right: 100px;
}
#mainpageHolder #blogpostText h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}
	
	}
	

	@media(min-width:1300px){ 
	
	
#wideImage {
	width: 130%;
	}	
	
	 
	}

	@media(min-width:1400px){
	
	
 }
	

@media(min-width:1600px){

	
	
	
		}
		
	@media(min-width:1800px){
	
	
		
			}

/* Plug-Ins */


@media screen {

* { margin: 0; padding: 0; }

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0;
	list-style-position: inside;
}

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decorati