/*
Theme Name: Kenco
Theme URI: http://imapt.co.uk
Description: Kenco Local Website
Author: John@imapt
Author URI: http://imapt.co.uk
Version: 1.0.0
*/

/*-----------------------------------------------------------------------------------*
/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
hr {
	float: left;
	width: 100%;
	clear: both;
	margin: 0.5em 0 1.5em 0;
	opacity: 0.6;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
figure img {
	max-width: 100%;
}
.screen-reader-text {
	display: none;
}
/* Block elements */
header, footer, section, article, aside, nav, video {
	display: block;
}

/*-----------------------------------------------------------------------------------*
/* = Structure
/*-----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'ChunkFive';
    src: url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	color: #4C4C4C;
	font-family: 'Open Sans', sans-serif;
	background: #EDEDE1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header {
	border-top: 12px solid #EDEDE1;
	height: 38px;
	line-height: 38px;
	text-align: left;
	position: fixed;
	z-index: 9999;
	background: #383633;
	color: #EFEFEF;
}

header, footer, nav {
	background: #383633;
	color: #EFEFEF;
}

footer {
	border: none;
}

footer .inner {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}

footer p {
	padding: 6px 0;
	height: 48px;
	line-height: 48px;
	margin: 0 !important;
}

footer img {
	float: left;
	margin-right: 1em;
}

header .inner {
	padding-top: 0;
}

#mbody header, #mbody footer {
	background-color: #C73480;
}

#dbody header, #dbody footer {
	background-color: #83A433;
}

#pbody header, #pbody footer {
	background-color: #B0815B;
}

#abody header, #abody footer {
	background-color: #2C99B0;
}

#content_wrapper {
	padding-top: 50px;
	text-align: left;
}

.inner {
	padding: 2% 4%;
}

.column .inner {
	padding: 1em 2em;
}

.wrapper {
	width: 100%;
}

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

.wrapper:after {
    clear: both;
}

.section_content {
	position: relative;
	max-width: 1020px;
	clear: both;
	margin: 0 auto;
	padding: 0 4%;
	display: table;
    table-layout: fixed;
    width: 92%;
}

.full_content {
	clear: both;
	padding: 0 2em;
}

section {
	width: 100%;
	clear: both;
	background: #EDEDE1;
	position: relative;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.column img {
	display: inline-block;
	width: 100%;
	height: auto;
}

.column img.icon {
	width: auto !important;
}

/*-----------------------------------------------------------------------------------*
/* = Header elements
/*-----------------------------------------------------------------------------------*/

header #logo {
	position: absolute;
	top: -8px;
	float: left;
	width: 200px;
	height: 55px;
	background: transparent 0 0 no-repeat url(../images/logo.png);
	text-indent: -9999px;
	margin: 0 0 0 1%;
	line-height: 1em;
	font-size: 20px;
}

nav {
	display: none;
	float: left;
	margin-left: 220px;
	border-right: 2px solid #EDEDE1;
	border-bottom: 2px solid #EDEDE1;
	border-top: 2px solid #EDEDE1;
}

nav ul li {
	width: 100%;
	list-style: none;
	float: left;
	border-left: 2px solid #EDEDE1;
}

nav ul li a, nav ul li strong {
	display: block;
	width: 92%;
	padding: 0 4%;
	text-decoration: none;
	color: #B7B7B7;
	line-height: 38px;
}

#mbody nav ul li a, #dbody nav ul li a, #abody nav ul li a, #pbody nav ul li a {
	color: #FFF;
}

#mbody nav ul li strong.current, #dbody nav ul li strong.current, #abody nav ul li strong.current, #pbody nav ul li strong.current {
	background: #383633;
	color: #B7B7B7;
}

#section13 .inner {
	position: relative;
	padding: 2% 0 0 0;
}

#section13 .inner img {
	z-index: 1;
}

#section13 .inner img#customer, #section13 .inner img#bigcustomer {
	position: absolute;
	height: auto !important;
	z-index: 2;
}

#section13 .inner img#customer {
	right: 9%;
	top: 40%;
	width: 20%;
}

#section13 .inner img#bigcustomer {
	left: 6%;
	bottom: 0;
	width: 25%;	
}

#lemon, #lemon img {
	position: relative;
	z-index: 1;
}

#post-lemon {
	position: relative;
}

#lemon img#hair {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

#lemonade, #lemonade .inner, #lemonade h2 {
	color: #FFF;
	background: #83A433;
}

#lemonade h2 {
	margin-top: 0.5em;
}

#lemonade .inner {
	position: relative;
	z-index: 2;
	clear: both;
}

/*-----------------------------------------------------------------------------------*
/* = Content elements
/*-----------------------------------------------------------------------------------*/

a {
	color: #0988A9;
}

h1, h2, h3, h4 {;
	color: #383633;
	font-weight: 300;
	margin: 0 0 0.5em 0;
	line-height: 1.1em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

strong {
	font-weight: 400;
}

em {
	font-style: italic;
}

strong em {
	font-weight: 400;
	font-style: italic;
}

h1 {
	margin-bottom: 0.25em;
	font-size: 2.7em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

p {
	margin-bottom: 0.75em;
}

p+h1, p+h2, p+h3 {
	margin-top: 0.5em;	
}

ul.bulls {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}

ul.bulls li:before { 
    content: "";
    border-color: transparent rgba(100, 100, 100, 0.8);
    border-style: solid;
    border-width: 0.4em 0 0.4em 0.5em;
    border-radius: 0.5em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.15em;
    position: relative;
}

q {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0.25em 0 0.5em 0;
	display: block;
	color: #9C9C9C;
}

#mbody q {
	color: #C73480;
}

#dbody q {
	color: #83A433;
}

#pbody q {
	color: #B0815B;
}

#abody q {
	color: #2C99B0;
}

.testimonial {
	position: relative;
	padding-top: 0.5em;
}

.testimonial q, .wow {
	line-height: 0.9em;
	font-family: "ChunkFive", Georgia, serif;
	font-size: 2em;
	text-shadow: 1px 1px 1px rgba(237,237,235,0.3);
}

.testimonial q.mega {
	margin-top: -0.5em;
}

.testimonial q.mega, .wow .mega {
	font-size: 4em;
	line-height: 0.5em;
}

.testimonial p {
	border-left: 1em solid #9C9C9C;
	padding-left: 1em;
	font-weight: 400;
	color: #3C3C3C;
}

.testimonial q, #mbody .testimonial q, #dbody .testimonial q, #pbody .testimonial q, #abody .testimonial q {
	padding-left: 0.2em;
	line-height: 1.2em;
	color: #66665e;
}

.testimonial q:before {
	content: "\201C";
	display: inline-block;
	font-size: 4em;
    position: absolute;
    left: -0.4em;
    top: -0.3em;
    color: #C4C4C4;
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv; /*IE*/
    filter: flipv; /*IE*/
}

.testimonial q.mega:before {
	top: -0.5em;
}

.wow .mega {
	display: inline-block;
	padding-bottom: 0.1em;
}

.testimonial p a {
	color: #FFF;
}

.testimonial p a:hover, .testimonial p a:focus {
	color: #C4C4C4;
}

/*-----------------------------------------------------------------------------------*
/* = Specific elements
/*-----------------------------------------------------------------------------------*/

#section1 {
	background: #FFF left top repeat url(../images/bricks.jpg);
}

#section1 .section_content {
	z-index: 1;
}

#section2 {
	background-image: url(../images/bg.jpg);
	border-top: 1px solid #252222;
	border-bottom: 1px solid #4C4C4C;
	z-index: 2;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#pipes {
	position: relative;
	display: table;
	margin-top: -5%;
	background: transparent center top no-repeat url(../images/pipes.gif);
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	min-height: 405px;
	z-index: 3;
	text-align: center;
}

#pipes .inner {
	color: #EFEFEF;
	display: table-cell;
	vertical-align: middle;
	margin-top: -120px;
	width: 60%;
	padding: 20%;
	max-height: 260px;
	overflow: hidden;
}

#pipes .inner p {
	color: #B7B7B7;
	padding-top: 40%;
}

#section2 .section_content {
	padding-bottom: 2%;
}

#bbg_caption .inner {
	background: #EDEDE1;
	border: 1px solid #000;
	position: relative;
	z-index: 1;
	margin-bottom: 2em;
}

#bbg_caption h2 {
	margin-top: 0;
	text-align: center;
	color: #050300;
}

#bbg {
	position: relative;
	width: 60%;
	margin: 0 20%;
	background: center center no-repeat url(../images/bbg.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bbg img {
	width: 100%;
	height: auto;
	margin: 0;
}

#service_links {
	width: 100%;
	float: right;
	clear: both;
	z-index: 1;
}

#service_links li {
	float: left;
	width: 32%;
	max-width: 8em;
	margin: 0 2% 0 0;
}

#service_links li:last-child {
	margin-right: 0;
}

a.webdev, a.analytics, a.marketing, a.prospects {
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.6em;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 96%;
	padding: 2%;
	color: #FFF;
	border: 1px solid #C4C4C4;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#bbg #service_links li {
	width: auto;
	margin-left: -0.5em;
}

#bbg #service_links li a {
	font-size: 0.8em;
	padding: 4% 8%;
}

#bbg_caption .inner, #bbg #service_links li a, a.marketing, a.prospects, a.analytics, a.webdev {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.1);
}

nav ul li.webdev a:hover, nav ul li.webdev a:focus, a.webdev, #dbody .cta .inner, #thankyou { background-color: #83A433; border-color: #6a8429; }

nav ul li.marketing a:hover, nav ul li.marketing a:focus, a.marketing, #mbody .cta .inner { background-color: #C73480; border-color: #A51260; }

nav ul li.analytics a:hover, nav ul li.analytics a:focus, a.analytics, #abody .cta .inner { background-color: #2C99B0; border-color: #0A77A0; }

nav ul li.prospects a:hover, nav ul li.prospects a:focus, a.prospects, #pbody .cta .inner { background-color: #B0815B; border-color: #906039; }

nav ul li a:hover, nav ul li a:focus { color: #FFF; }

a.webdev:hover, a.analytics:hover, a.marketing:hover, a.webdev:focus, a.analytics:focus, a.marketing:focus, a.prospects:hover, a.prospects:focus {
	background-color: #8c8781;
	border-color: #6b6762;
}

section#ty  {
	background-image: url(../images/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#thankyou h2, #thankyou {
	text-align: center;
	color: #FFF;
}

#thankyou { border-radius: 1em; }

#ty { padding-bottom: 2em; }

.cta {
	position: relative;
	top: 6px;
	margin-top: 0.5em;
}

.cta .inner {
	float: left;
	padding: 2% 4%;
	width: 92%;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	color: #EFEFEF;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.3em; 
}

#pricing, #pricing h2, #pricing h3 {
	color: #FFF;
	margin-bottom: 0 !important;
}

#pricing {
	background: #383633;
	padding: 0.25em 0;
	border-radius: 1em;
	border: 1px solid #000;
}

 #pricing span {
 	display: block;
 	font-size: 0.8em;
 }

.cta .inner a.webdev, .cta .inner a.prospects {
	margin: 0.25em 0;
	font-size: 0.9em !important;
}

#dbody #intro, #mbody #intro { z-index: 2; }

#section20, #section4, #section5, #post-lemon {
	z-index: 2;
	background: #EDEDE1;
}

#section7 {
	background: #383633 left bottom repeat-x url(../images/mbg.jpg);
}

#section21 .section_content { padding: 2% 0; }

#section24, #intro { width: 92%; padding: 2% 4%; }

#intro, #section21, #section21 h2, #section22, #section22 h2, #section24, #section24 h2 {
	background: #383633;
	color: #B7B7B7;
}

#section21 {
	margin-bottom: 1em;
}

section#intro .section_content, section#intro .section_content .inner {
	padding: 0 2%;
}

#intro h1 {
	color: #C7C7C7;
}

#postcaption {
	margin-top: 1.5em;
}

#revolution {
	margin-bottom: -2em
}

#revolution_caption {
	margin-top: 1em;
	margin-bottom: 2em;
	padding-top: 60px;
	background: transparent center top no-repeat url(../images/hang.png);
}

#revolution_caption .inner {
	padding: 4% 4% 0 4%;
	background: #FFF;
	border-style: solid;
	border-width: 33px 41px 45px 35px;
	-moz-border-image: url(../images/frame.jpg) 33 41 45 35 stretch;
	-webkit-border-image: url(../images/frame.jpg) 33 41 45 35 stretch;
	-o-border-image: url(../images/frame.jpg) 33 41 45 35 stretch;
	border-image: url(../images/frame.jpg) 33 41 45 35 fill stretch;
}

#revolution_caption .inner h1 {
	font-size: 2em;
}

#weedkiller {
	background: #C73480;
}

#weedkiller, #weedkiller h2 {
	color: #FFF;
}

#jp {
	max-width: 450px;
	margin: 0 auto;
}

#insightvideo {
	position: relative;
	width: 92%;
	padding: 0 4%;
}

#insightvideo video {
	width: 100%;
	height: auto;
}

#abody #content_wrapper ul.bulls li strong, .insight_features .column.half h3 {
	color: #2C99B0 !important;
}

.insight_features .column.half p, #section10 .column.half .column.half .inner {
	text-align: center;
	background: #FFF;
	border-radius: 1em;
	padding: 1em;
	margin: 0.25em 1em 1em 1em;
	border: 1px solid #C4C4C4;
	font-size: 0.9em;
}

.insight_features h2, .insight_features .column.half h3 {
	margin: 0;
}

.insight_features .column.half {
	text-align: center;
}

.insight_features .column.half .inner {
	padding-top: 0;
}

#section10 .column.half .column.half .inner {
	position: relative;
}

#section10 .column.half .column.half .inner h3 {
	position: absolute;
	left: 0;
	top: 0;
	font-family: "ChunkFive", Georgia, serif;
	font-size: 2em;
	padding: 0.5em;
	color: #FFF;
	background: #B0815B;
}

/*
.insight_features .column.half img.icon {
	margin: -0.5em 0 0.5em 0;
}
*/

#section11 {
	background: #1A80B1;
}

#section11 .testimonial q {
	color: #EFEFEF;
	text-shadow: 1px 1px 1px rgba(35, 160, 219, 0.3);
}

#section11 .testimonial p {
	color: #BDBDBD;
}

label {
	display: block;
	width: 93%;
	padding: 1%;
	line-height: 1em;
	background: #83A433;
	border: 1px solid #6a8429;
	color: #FFF;
}

label.error, h3#oops {
	background: #A0231D;
}

h3#oops {
	margin: 0;
	padding: 0.25em 0;
	border-radius: 1em;
}

#cbody h1 { text-align: center; }

input[type='text'], textarea { padding: 1% 2%; }

input[type='text'] { width: 96%; }

textarea { width: 96%; }

p#go {
	text-align: center;
}

#navtrigger { 
	float: right;
	text-transform: uppercase;
}

#cbody #intro h3 { color: #FFF; text-align: center; }

/*-----------------------------------------------------------------------------------*
/* = Responsive
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 481px) {
	#section2 {
		border-top: 2px solid #252222;
	}

	h1 {
		font-size: 2.8em;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		font-size: 1.1em;
	}

	.column, .column.twothirds, .column.half .column.half {
		float: left;
		width: 50%;
	}

	.column.half, .column.threequarters {
		width: 100%;
	}

	#bbg {
		float: left;
	}

	#bbg #service_links li {
		margin-left: 0.25em;
	}

	#bbg #service_links li a {
		font-size: 1em;
	}
}

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

	label {
		display: inline-block;
		width: 33%;
		position: relative;
		top: 1px;
		border-top-left-radius: 0.5em;
		border-bottom-left-radius: 0.5em;
	}

	label#enquirylabel {
		width: 33%;
		border-top-right-radius: 0.5em;
		border-bottom-left-radius: 0;
		border-bottom: none;
	}
	input[type='text'], textarea { padding: 1% 2%; }
	input[type='text'] { width: 61%; }
	textarea { width: 96%; }


	#section13 .inner {
		width: 80%;
		padding: 2% 10% 0 10%;
	}

	h1 {
		font-size: 3.2em;
	}

	h2 {
		font-size: 2em;
	}

	h3 {
		font-size: 1.4em;
	}

	h4 {
		font-size: 1.2em;
	}

	.column.quarter {
		width: 25%;
	}
	.column.half {
		width: 50%;
	}
	.column.threequarters {
		width: 75%;
	}
	.column.twothirds {
		width: 66%;
	}
	.column.third {
		width: 33%;
	}
	#section2 .section_content {
		padding-top: 0;
	}
	#bbg_caption {
		position: relative;
		margin-top: 2%;
		float: right;
		clear: both;
	    height: 100%;
	}
	#bbg {
		float: left;
		position: absolute;
		left: 6%;
		top: 6%;
		width: 38%;
		height: auto;
		margin: 0;
	}

	#bbg #service_links li {
		margin-left: -1em;
	}

	#bbg #service_links li a {
		font-size: 1.2em;
	}

	.column#revolution {
		z-index: 1;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	#section8 .column.half {
		width: 100%;
	}

	#amec {
		width: 100%;
	}
}

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

	nav { display: block; border-bottom: none; border-top: none; }

	#navtrigger { display: none; }

	nav ul li, nav ul li a { width: auto !important; }

	nav ul li a, nav ul li strong { padding: 0 1em; }
}

@media only screen and (min-width: 950px) {
	#bbg #service_links li {
		margin-left: 0;
	}

	#section2 {
		padding-bottom: 4%;
	}

	#section8 .column.half {
		width: 50%;
	}

	#section9 {
		position: relative;
	}

	#tripled {
		margin-bottom: 1em;
	}

	#amec, #brent {
		width: 50%;
	}

	#section9 {
		margin-bottom: 1em;
	}

	#weedkiller {
		padding-top: 1em;
		width: 25%;
		background: #C73480;
		left: 25%;
		margin-left: 2em;
	}

	#weedkiller, #weedkiller h2 {
		color: #FFF;
	}

	#weedkiller, #jp {
		position: absolute;
		bottom: 2em;
	}

	#jp {
		width: 450px;
	}
}

@media only screen and (min-width: 1030px) {
	body { font-size: 15px; }
}