/* Global */

h3 {
	font-size: 20px;
	font-weight: 700;
}

h4,h5,h6 {
	font-size: 18px;
	font-weight: 700;
}

ol,ul {
	color: #2a3030;
	font-family: 'Nunito Sans', sans-serif;
	line-height: 1.9;
	font-weight: 300;
}

img {
	max-width: 100%;
	height: auto !important;
	}

hr {
	height: 2px;
	background: #f3f3f3;
	border: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}

blockquote {
	font-style: italic;
	margin-left: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-left: solid 4px #d7d7d7;
	padding-left: 20px;
	}
	
	
div.static-banner {
	width: 100%;
	min-height: 100px;
	z-index: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}


/* phone */

#contact-center {
	width: auto;
} 

.phonepanel p {
	margin: 0;
}


/* logo */

#logo-wrap p {
	line-height: 0;
}

.greenpanel h1 {
	margin-bottom: 0;
}


h1.greenhead {
	margin-bottom: 0;
}

.greenintro {
	margin-top: 0px;
	margin-bottom: 0;
}


/* Slideshow */

.hero {
	width: 100%;
	z-index: 0;
	background-color: #b9c440;
	overflow: hidden;
	background-image: url(../Resources/boxes.png);
}

.hero-center {
	max-width: 1400px;
	z-index: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden
}

.panelpic {
	position: relative;
	width: 75%;
	min-height: 400px;
	z-index: 0;
	float: left;
	background-position: center;
	background-size: cover;
}

.herotextbox {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px;
	z-index: 1;
	background-color: rgba(39, 39, 39, 0.5); 
}

h2.herocatname {
	color: #fff;
	margin: 0px;
	padding: 0px;
}

p.herostrap {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	letter-spacing: -0.01em;
	font-weight: 700;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.slick-slider {
	margin-bottom: 0px
}

.sidepanel {
	width: 20%;
	min-height: 340px;
	z-index: 0;
	float: left;
	padding: 40px 2.5% 20px;
	background-color: #cbd92a;
	background-image: url(../Resources/boxes.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.sidepanel h2 {
	/* padding: 0 20px; */
	font-weight: 700;
	color: #fff;
	letter-spacing: -1px;
}

.sidepanel p {
	margin: 0;
	font-size: 16px;
	color: #272727;
}

.moreBtn {

	background: #6FC81E;
	background: #149FEB;
	padding: 6px 12px;
	margin-top: 16px;
	margin-right: 10px;
	font-size: 15px;
	color: #ffffff !important;
	text-decoration: none;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;

	}

a.moreBtn:hover {
	
	background: #77D521;
	background: #24a5ea;
	color: #ffffff !important;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}


.heroBtnwrap a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 20px;
}


.hidearrow {
	display: none;
}






/* static Banner */

.static-banner {
	opacity: .7;
}


/* Green panels */



.greenpanel h1, .greenpanel h2 {
	color: #ffffff !important;
}

.greenpanel p:first-of-type {
	margin-top: 0;
}

.greenpanel p:last-of-type {
	margin-bottom: 0;
}


/* services */

ul.productlist {
	list-style-type: none;
	padding-left: 0;
	overflow: hidden;
}

li.productitle {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	overflow: hidden;
	background: #cbd92a;
}

.productlink:link {
	color: #272727;
	padding: 10px 20px;
	background: #cbd92a;
	display: block;
	font-weight: 700;
	text-decoration: none;
	background-image: url(../triangle@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
	background-position-x: 99%;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.productlink:visited {
	color: #000;
	background: #cbd92a;
	background-image: url(../triangle@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
	background-position-x: 99%;
}

a.productlink:hover {
	color: #000;
	background: #c1ce32 /*!important */;
	background-image: url(../triangle@2x.png) /*!important */;
	background-position: right center /*!important */;
	background-repeat: no-repeat /*!important */;
	background-size: 20px /*!important */;
	padding-right: 50px /*!important */;
	background-position-x: 99% /*!important */;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.productlink:active {
	color: #000;
	background: #b9c440;
	background-image: url(../triangle@2x.png) /*!important */;
	background-position: right center /*!important */;
	background-repeat: no-repeat /*!important */;
	background-size: 20px /*!important */;
	padding-right: 50px /*!important */;
	background-position-x: 99% /*!important */;
}


a.productlink.darkbar:link {
	background: #c1ce32;
	background-image: url(../triangle@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
	background-position-x: 99%;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.productlink.darkbar:visited {
	background: #c1ce32;
	background-image: url(../triangle@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
	background-position-x: 99%;
}

a.productlink.darkbar:hover {
	background: #b2be2e ;
	background-image: url(../triangle@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
	background-position-x: 99%;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.productlink.darkbar:active {
	background: #b2be2e ;
	background-image: url(../triangle@2x.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
	background-position-x: 99%;
}



/* Product page Category link */

.prodcatsintintro {
	font-size: 16px;
	font-weight: 700;
	font-style: italic;
    list-style-type: none;
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
}

li.IntroServiceCats {
    display: inline-block;
    float: left;
    margin-right: 10px;
}


a.servicecatIntoBtn:link, a.servicecatIntoBtn:visited, a.servicecatIntoBtn:hover, a.servicecatIntoBtn:active {
	
	float: left;
}


/* Category Buttons */



/* services */

ul.ProdCatlist {
	list-style-type: none;
	padding-left: 0;
	overflow: hidden;
}

li.ProdCatTag {
	/*display: block;
	width: 100%; */
}

.purpleBtnlight:link {
	color: #60625F;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.7);
	/* width: 100%; */
	display: block;
	/* float: left; */
	border-radius: 10px;
	margin-bottom: 10px; 
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.purpleBtnlight:hover {
	color: #000 !important;
	background: rgba(255, 255, 255, 1);
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.purpleBtnlight:active {
	color: #000 !important;
}

a.purpleBtnlight:visited {
	color: #60625F;
}



/* Testimonials */


.commentblock {
	font-size: 16px;
	float: left;
	padding: 20px 40px 20px 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	background: #EEF3CB;
	border-radius: 20px;
	background-image: url(../Resources/boxes.png);
	background-position: right top;
	background-repeat: no-repeat;
	
}

p.clientcomment {
	font-style: italic;
}

p.commentname {
	color: #b9c424;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}


/* contact form */

.formfield  {
	width: 93.5%;
	padding: 1.5% 2%;
	border: 0px;
	font-size: 1em;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
	outline: none;
}

#sendbutton {
	padding: 6px 20px;
	background: #CAD829;
	border: solid #CAD829 1px;
	-webkit-appearance: none;
	color: #2b3030;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	border-radius: 5px;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	font-size: 18px;
	margin: 20px 0px 0px 0px;
	cursor: pointer;
}

/*
#sendbutton, .searchwrap input {
	width: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 10px 25px;
	background: rgba(243, 222, 25, .75);
	border: 0px solid black;
	-webkit-appearance: none;
	cursor: pointer;
	color: #084e8a;
	font-size: 1em;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	border-radius: 8px;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

input#form1_q {
	border-radius: 0px;	
}

input#form1_q:focus {
    outline: none;
}

.formselect {
	height: 2em;
}

#sendbutton:hover, .searchwrap input:hover  {
	border: none;
	background: rgba(243, 222, 25, 1);
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
} */

/* more Buttons */


 a.greenBtn:active {
	color: #fff;
	background: #bbc927 !important;
	} 
	
a.greenBtn:hover {
	background: #bbc927 !important;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;  	
	} 
	
a.greenBtn:visited {
	color: #000;
	background: #CBDA2A;
	}
	
a.greenBtn:link {
	font-size: 18px;
	background: #CBDA2A;
	padding: 10px 40px;
	margin-top: 15px;
	margin-right: 10px;	
	color: #000;
	font-size: 15px;
	text-decoration: none;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	font-weight: 700;
	}
	
	
	
 /* a.greenBtnlight:link {
	 font-size: 18px;
	background: #CBDA2A;
	padding: 10px 40px;
	margin-top: 15px;
	margin-right: 10px;	
	color: #000 ;
	font-size: 15px;
	text-decoration: none;
	border-radius: 10px;
	display: inline-block;
	text-align: center;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s; 
	font-weight: 700; 
} */

/* a.greenBtnlight:visited {
	color: #fff;
	background: #CBDA2A;
	}
	
a.greenBtnlight:hover {
	background: #CBDA2A;
	} */
	



a.greenBtn.lightBtn {
	border: 4px solid #fff;
	padding: 8px 40px;
	background: rgba(255, 255, 255, 0.32) !important;
	color: #000;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

a.greenBtn.lightBtn:hover {
	border: 4px solid #fff;
	padding: 8px 40px;
	background: rgba(255, 255, 255, 0.5) !important;
	color: #000 !important;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}


a.greenBtn.lightBtn:visited {
	border: 4px solid #fff;
	padding: 8px 40px;
	background: rgba(255, 255, 255, 0.32) !important;
	color: #000 !important;
} 




/* Blog Feed */

.blog-feed-box {
	width: 29.33333%;
	float: left;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: 20px;
}

.blog-feed-image {
	float: left;
	width: 100%;
	overflow: hidden;
}

.blog-feed-text {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

.blog-feed-exerpt {
	min-height: 105px;
}

.blog-feed-text h3, .blog-feed-text p {
	margin: 0;
}



/* Search */

.searchli {
	margin-top: -3px;
}

.searchresults ul{
	list-style-type: none;
	padding-left: 0;
}

.searchresults h2 {
	color: #000
}

/* #form1_search {
	margin-top: 20px
} */

input#form1_q {	
	padding: 6px 4px;
	border: solid #d0cbd0 1px;
	background: #fff;
	font-size: 18px;
	/* font-style: italic; */
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0px;
	cursor: auto;
	outline: none;
}

.searchwrap input {
	padding: 6px 20px;
	background: #CAD829;
	border: solid #CAD829 1px;
	-webkit-appearance: none;
	color: #2b3030;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	border-radius: 5px;
	-o-transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	font-size: 18px;
	margin: 0;
	cursor: pointer;
	-webkit-appearance: none;
	}
	
input.searchBtn {
		color: #2b3030;
	}

.keyword {
	font-style: italic;
	font-size: 110%;
	font-weight: 700;
	color: #000;
}

.searchresults hr {
	margin-top: 40px;
}





/* Footer */

.footer h2 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}


.footer p {
	font-size: 16px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}



/* Lower Footer */

.lowerfooter p {
	font-size: 12px !important;
	text-align: center !important;
}