@charset "UTF-8";
/*************
* defaultCSS *
**************/
/*
Version: 1.001
*/
/* ////////////////////////////////////////////////// */
/* -===== Typography =====- */
/* Default */
html {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 145%;
    color:#2a2a2a;
}
h1, .h1, h2, .h2, h3, .h3 {}
h4, .h4, h5, .h5, h6, .h6 {}
/* Font */
.arial {font-family: 'Arial', sans-serif;}
.roboto {font-family: 'Roboto', sans-serif;}
.sansita {font-family: 'Sansita', sans-serif;}
.berkshire {font-family: 'Berkshire Swash', cursive;}
/* Sizes */
@media only screen { /* small */
	h1, .h1 {font-size: 2em; font-family: 'Berkshire Swash', cursive;}
	h2, .h2 {font-size: 1.8em; color: #fff;}t
	h3, .h3 {font-size: 1.6em;}
	h4, .h4 {font-size: 1.4em;}
	h5, .h5 {font-size: 1.2em;}
	h6, .h6 {font-size: 1em;}
	p, a {font-size: 1em; font-family: 'Roboto', sans-serif;}
}
@media only screen and (min-width: 40.063em) { /* medium */
	h1, .h1 {font-size: 2.25em; font-family: 'Berkshire Swash', cursive;}
	h2, .h2 {font-size: 2.025em; color: #fff;}
	h3, .h3 {font-size: 1.8em;}
	h4, .h4 {font-size: 1.575em;}
	h5, .h5 {font-size: 1.35em;}
	h6, .h6 {font-size: 1.125em;}
	p, a {font-size: 1em; font-family: 'Roboto', sans-serif;}
}
@media only screen and (min-width: 64.063em) { /* large */
	h1, .h1 {font-size: 2.75em; font-family: 'Berkshire Swash', cursive;}
	h2, .h2 {font-size: 2.5em; color: #fff;}
	h3, .h3 {font-size: 2em;}
	h4, .h4 {font-size: 1.75em;}
	h5, .h5 {font-size: 1.5em;}
	h6, .h6 {font-size: 1.25em;}
	p, a {font-size: 1em; font-family: 'Roboto', sans-serif;}
}

h1, .h1 {font-family: 'Roboto', sans-serif;}

/* Styles */
.bold {font-weight: 700;}
.italic {font-style: italic;}
.uc {text-transform: uppercase;}
.underline {text-decoration: underline;}
.caps {text-transform: uppercase;}
em {font-style:italic;}
sub, sup {
    font-size: .75%;
    line-height: 0;
    position: relative;
	vertical-align: baseline;
}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* ////////////////////////////////////////////////// */
/* -===== Colors =====- */
/* Default */
html {color:#333333;}
/* Text */
.white {color: #ffffff;}
.lGray, .lGrey {color: #cccccc;}
.gray, .grey {color: rgba(0,0,0,.382);}
.dGray, .dGrey {color: rgba(0,0,0,.618);}
.yellow {color:#B89144;}
.brown {color:#A84B2E;}
.dGreen {color:#456921;}
.black {color: #000000;}
/* Background */
.bgWhite {background-color: #ffffff;}
.bgWhiteTrans {background:rgba(255,255,255, 0.8);
}
.bgLGray, .bgLGrey {background-color: #cccccc;}
.bgGray, .bgGrey {background-color: #777777;}
.bgDGray, .bgDGrey {background-color: #333333;}
.bgBlack {background-color: #000000;}
.bgLGreen {background-color: #88AF32}
/* ////////////////////////////////////////////////// */
/* -===== Buttons =====- */
/* Default */
a {color:rgba(11,111,222,.8);}
a:visited {color:rgba(11,111,222,.618)}
a:hover {color:rgba(11,111,222,1);}
/* Solid */
a.btnSolidWhite {
	display: inline-block;
	color: #456921;
	background-color: #ffffff;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidWhite:hover {
	color: #ffffff;
	background-color: #88AF32;
	transition: .25s all;
}
/**/
a.btnSolidDGray, a.btnSolidDGrey {
	display: inline-block;
	color: #ffffff;
	background-color: #333333;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidDGray:hover, a.btnSolidDGrey:hover {
	color: #333333;
	background-color: #ffffff;
}
/* Ghost */
a.btnGhostWhite {
	display: inline-block;
	color: #ffffff;
	background-color: transparent;
	border: 1px solid #ffffff;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnGhostWhite:hover {
	color: #333333;
	background-color: #ffffff;
	-webkit-transition: .25s all;
	transition: .25s all;
}
/**/
a.btnGhostDGray, a.btnGhostDGrey {
	display: inline-block;
	color: #333333;
	background-color: transparent;
	border: 1px solid #333333;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnGhostDGray:hover, a.btnGhostDGrey:hover {
	color: #ffffff;
	background-color: #333333;
	-webkit-transition: .25s all;
	transition: .25s all;
}
/* leaf cta button */
a .ctaBtn {
	min-width: 200px;
	fill:#fff;
	width:20%;
}
a .ctaBtn:hover {
	fill:#456921;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a .ctaBtnGreen {
	min-width: 200px;
	fill:#456921;
	width:20%;
}
a .ctaBtnGreen:hover {
	fill:#fff;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a .ctaBtnLGreen {
	min-width: 200px;
	fill:#88AF32;
	width:20%;
}
a .ctaBtnLGreen:hover {
	fill:#fff;
	-webkit-transition: .25s all;
	transition: .25s all;
}
/* ////////////////////////////////////////////////// */
/* -===== Header =====- */
@media (min-width:1024px) {
	nav#menu.vc {
		position:relative;
		top:50%;
		transform:translate(0,-50%);
	}
}
#header {
	position: absolute;
	width:100%;
	padding: 15px 0 0 0;
	z-index:10;
}

@media (max-width:734px) {
	#header {
		padding: 15px 0 0 0 !important;
	}
}
.phoneNumber {
	padding-top: 20px;
	display: inline-block;
}
@media (max-width:1023px){
	.phoneNumber {
		text-align:center;
		display: inherit;
	}
}
.phoneLink {
	font-family: 'Roboto', sans-serif;
	color: #466A31;
	font-weight: 700;
	font-size: 1.5em;
	transition: .38s all;
}
.phoneLink:hover {
	color:#88AF32;
}
@media (max-width:1080px){
	.phoneLink {
		font-size:1.25em;
	}
}
@media (max-width:734px){
	.phoneNumber {
		padding-bottom:5px;
	}
}
/* ////////////////////////////////////////////////// */
/* -===== Slider =====- */
.slideContainer {
	position: relative;
}
.slideContainer .slideBG {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slideContainer .slideContent {
	position: relative;
	padding: 100px 0;
}

/* circle images */
.circleMask {
    border-radius: 100%;
	border: 7px solid #ffffff;
	max-width: 80%;
	min-width: 40%;
}

/* ///// title section ////// */

.berkshireTitle {
	font-family: 'Berkshire Swash';
	color:#fff;
	font-size:5.5em;
	text-shadow: 0px 0px 15px #000;
} 
@media (max-width:550px) {
	.berkshireTitle{
		font-size:4em; 
	}
}

.heroVcenter {
	height: calc(100% - 115px);
	margin-top: 145px;
}

.vCenterContainer {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
}

.vCenter {
	display: table-cell;
	vertical-align: middle;
}

.plantsBG {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	position: relative;
	padding-top:100px;
	padding-bottom:100px;
	width: 100%;
	min-height: 550px;
}
@media (max-width:767px){
	.plantsBG {
		background-attachment: inherit;
	}
}

/* //////// expert section ///////// */

.redBG{
	background-image: url(../imgs/redBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top:75px;
	padding-bottom:75px;
	width: 100%;
}

/* /////// gallery ///////// */

.galleryGrid{
	margin:0;
}
.galleryGrid .slideImage{
	width: 100%;
	padding-bottom:66.666%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width:768px){
	#gallery {display: none;}
}
	
/* //////// benefits section ///////// */
.brownBorder {
	border: 1px solid #A6492A;
	padding:25px;
}
.yellowBorder {
	border: 1px solid #B58D11;
	padding:25px;
}
.greenBorder {
	border: 1px solid #426428;
	padding:25px;
}
@media (max-width:1024px) {
	.brownBorder {
		margin-bottom: 10px;
	}
	.yellowBorder {
		margin-bottom: 10px;
	}
}
.expanded {
    height: 150px !important;
}

#readMoreBtn {
	font-weight: 700;
	cursor: pointer;
	color: #88AF32;
	margin-top: 10px;
	transition: .25s all;
}
#readMoreBtn:hover {
	color: #466A31;
}
.reveal.benefits-modal, .reveal.plants-modal {
	padding: 0;
	border: none;
	box-shadow: 0 5px 12px rgba(0,0,0,.20), 5px 0 12px rgba(0,0,0,.15);
}
.reveal {
	padding: 40px;
	outline: none;
}
.modal-hero {
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #509E5F;
	background-size: contain;
    padding: 20px;
}
.benefits-container {
	padding: 40px;
}
.descTxt {
	font-size: .8em;
	font-weight: 700;
	text-align: center;
}
/* //////// testimonials section //////////// */
.testimonialQuote {
	font-family: 'Sansita', sans-serif;
	font-weight: 500;
	font-size: 1.25em;
	color:#fff;
	margin-bottom:10px;
}
.testimonialName {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	line-height: .9em;
	color:#194106;
}
@media (max-width:790px) {
	.testimonialQuote {
		font-size: 1em;
	}
	.testimonialName {
	font-size: 1em;
	}
}
/* /////////// yellow section /////////////////////*/
.yellowBG{
	background-image: url(../imgs/yellowBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top:75px;
	padding-bottom:75px;
	width: 100%;
}
/* /////// testimonial section //////////////////////*/
.testimonialBG{
	background-image: url(../imgs/testimonialBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top:50px;
	padding-bottom:50px;
	width: 100%;
}
/* /////// contact section //////////////////////*/
.contactBG{
	background-image: url(../imgs/contactBG.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
	background-attachment: fixed;
	padding-top:50px;
	padding-bottom:50px;
	width: 100%;
}
@media (max-width:767px){
	.contactBG {
		background-attachment: inherit;
	}
}

/* ////////////form styling/////////////////// */
.formWrapper {
	max-width:50%;
	margin:0 auto;
}
@media (max-width:800px){
	.formWrapper {
		max-width:100%;
	}
}
.formInput {
	opacity: .7;
}
.formInputMsg {
	opacity: .9;
    margin-top: 38px;
}
@media (max-width:639px) {
	.formInput {
		margin-bottom: 0 !important;
	}
}
input[type="submit"] {
	display: inline-block !important;
	color: #ffffff !important;
	background-color: transparent !important;
	border: 1px solid #ffffff !important;
	margin: .25em !important;
	padding: .75em 1.5em !important;
	-webkit-transition: .25s all !important;
	transition: .25s all !important;
}
input[type="submit"]:hover {
	color: #333333 !important;
	background-color: #ffffff !important;
	-webkit-transition: .25s all !important;
	transition: .25s all !important;	
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #fff !important;}

/* ///////////////// footer //////////////////////*/
footer #copyright{
	color:#fff;
	font-size: .8em;
	font-family: 'Roboto', sans-serif;
}
footer #copyright a{
	color:#fff;
	font-size: .9em;
	font-family: 'Roboto', sans-serif;
}
footer #copyright a:hover{
	color:#88AF32;
}
.footerHeader {
	color:#fff;
	font-family: 'Sansita', sans-serif;
	font-size:1.5em;
	padding-bottom:5px;
}
.footerCopy {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
}
.footerLink {
	color:#fff !important;
	text-decoration: none;
}
.footerLink:hover {
	text-decoration:underline;
}
.socialIcons {
	display: inline-block;
}
a .footerSocial {
	fill:#fff;
	width:12%;
}
a .footerSocial:hover {
	fill:#88AF32;
	-webkit-transition: .25s all;
	transition: .25s all;
}

@media (max-width:1023px) {
	.mediumCenter{
		text-align: center;
	}
}
@media (max-width:639px) {
	.mobileCenter{
		text-align: center;
	}
}
.generalLink {
	color:#000;
	text-decoration: none;
}
.generalLink:hover {
	color:#88AF32;
}
@media (max-width:1024px) {
	.headerPadding {
		padding-top:100px;
	}
}
.wpcf7-not-valid-tip {
	background: #fff;
	margin-bottom: 20px;
	position: relative;
}
.wpcf7-not-valid-tip::before {
	content: '';
	 width: 0; 
	  height: 0; 
	  border-left: 15px solid transparent;
	  border-right: 15px solid transparent;
	  border-bottom: 15px solid #fff;
	  position: absolute;
	top: -10px;
	left: 20px;
}
div.wpcf7-validation-errors {
	background: #fff;
}