.container.primary * { opacity: 0.01; }



.focus-area a:hover {

	text-decoration:none;

	opacity:0.8;

}


#concrete-announcement-modal {display: none !important;}

.modal-backdrop {
    display: none !important;
}

body {
    overflow: auto !important;
    padding: 0 !important;
}

.esa {

width: 106px;

  height: auto;

  position: absolute;

  top: -12px;

  right: 272px;}



body {

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

	font-size: 15px;

	color: #2b2c31;

	transition: border-top 2s;

	border-top: 10px solid #00592a;

}



.banner {

    background-color: #00592a;

    width: 100%;

    height: 350px;

    height: 440px;

}







.banner img {

    margin-top: 13px;

}



.welcome-message h2 {

    text-align: center;

    font-size: 65px;

    font-family: 'roboto';

    font-weight: 300;

    color: #00592a;

}



.welcome-message p {

    font-family: 'roboto';

    font-weight: 100;

    font-size: 65px;

    text-align: center;

    width: 75%;

    margin: 0px auto;

    color: #00592a;

    margin-top: 38px;

    line-height: 60px;

}



.welcome-message p span {

    font-size: 18px;

    display: block;

    color: #111;

    font-weight: 800;	

}



.welcome-message {

    background-color: rgba(255,255,255,0.7);

    display: block;

    width: 85%;

    margin: 0px auto;

    min-height: 300px;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 70px;

    padding: 20px 0px;

}



.focus-area h2 {

    font-family: 'roboto';

    font-weight: 700;

    font-size: 30px;

    color: #005a2a;

}



.focus-area h3 {

    font-family: 'roboto';

    font-weight: 300;

    font-size: 24px;

    color: #595959;

}



.focus-area p {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: #404040;

}



.focus-area li {

    list-style: none;

    background-image: url(images/li.png);

    background-repeat: no-repeat;

    background-position: 5px;

    padding-left: 20px;

}



hr {

  margin-top: 20px;

  margin-bottom: 0px;

  border: 0;

  border-top: 1px solid #CCC;

}



.page-header {

    background: rgb(255,255,255);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%, rgba(116,149,186,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)), color-stop(100%,rgba(116,149,186,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7495ba',GradientType=0 );

    height: 114px;

    margin: 0px;

    padding: 0px;

    position: relative;

}



.page-header #site-title {

    font-family: 'roboto';

    text-decoration: none;

    transition: all 0.2s;

    opacity: 1;

    color: #009f4b;

    display: block;

    font-size: 32px;

    font-weight: 800;

    text-transform: uppercase;

    margin-top: 23px;

}



.page-header #site-title span.green {

    font-family: 'roboto';

    text-decoration: none;

    transition: all 0.2s;

    opacity: 1;

    display: inline-block;

    font-size: 32px;

    font-weight: 700;

    text-transform: uppercase;

    color: #2f2f2f;

}



.page-header #site-title:hover {

	opacity: 0.65;

	transition: all 0.2s;

}



.page-header #site-title em {

	font-style: normal;

	color: #df8400;

}



.nav-wrap .nav li a:hover, li.nav-selected.nav-path-selected {

    color: #fff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b752+0,009f4b+100 */  background: rgb(0,183,82); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(0,183,82,1) 0%, rgba(0,159,75,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,82,1)), color-stop(100%,rgba(0,159,75,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(0,183,82,1) 0%,rgba(0,159,75,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(0,183,82,1) 0%,rgba(0,159,75,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(0,183,82,1) 0%,rgba(0,159,75,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(0,183,82,1) 0%,rgba(0,159,75,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b752', endColorstr='#009f4b',GradientType=0 ); /* IE6-9 */;

	color:#fff !important;

}



a.nav-selected.nav-path-selected {}



.page-header #site-title span.tagline {

    color: #8c8c8c;

    font-family: 'roboto';

    font-weight: 400;

    font-size: 14px;

    text-decoration: none;

    letter-spacing: 0px;

    position: relative;

    top: -25px;

    text-transform: none;

}



.nav-wrap {

  text-align: right;

  width: 525px;

  position: absolute;

  right: 0px;

}



.nav-wrap .nav {

	display: none;

}



.nav-wrap .nav li {

  float: left;

  margin: 0px 2px;

}



.nav-wrap .nav li a {

    padding: 15px 14px 20px 14px;

    text-transform: uppercase;

    color: #4a4a4a;

    font-family: 'roboto';

    font-weight: 500;

    font-size: 17px;

    display: block;

}



.nav-wrap .nav li a:hover, .nav-wrap .nav li a.nav-selected {

    color: #fff;

}



.nav-wrap .nav li a.nav-selected:hover {

	background-color: #D68400;

	transition: all 0.2s;

	

}





.page-title {

    width: 100%;

    height: 200px;

    background-color: #00592a;

    box-shadow: 0px 0px 20px rgba(0,0,0,0.6) inset;

    background-image: url(images/parallax.png);

    background-position: bottom center;

    background-repeat: no-repeat;

}



.page-title h1 {

    color: #fff;

    font-weight: 300;

    font-size: 35px;

    text-align: center;

    letter-spacing: -1px;

    margin-top: 63px;

    margin-bottom: -10px;

}



.page-title h3 {

    text-align: center;

    font-size: 14px;

    font-family: 'roboto';

    color: #00d464;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

}



.golden { color: #df8400; }



.banner-inner {

  border: 3px solid #FFF;

  margin: 25px 0;

  box-shadow: 0px 4px 15px rgba(0,0,0,0.3);

 }



.banner-inner #layerslider {



}



.main-content {

	border-right: 1px solid #CCC;	

}





.container.primary {

  padding: 30px 15px;

  min-height: 480px;

}



.container.primary .main-content p {

  line-height: 27px;	

}



.home .container.primary {

	min-height: 1px;

}







.container.primary .main-content h3 {

  font-weight: 900;

  color: #dc9600;	

}



.container.primary .main-content h4 {

  font-weight: 900;

  color: #666;

  border-bottom: 1px solid #E0E0E0;

  padding-bottom: 2px;	

}





.footer {

  width: 100%;

  background: #1d1d1d;

  color: #FFF;

  text-align: center;

  font-size: 13px;

  padding: 25px 0;

  line-height: 13px;

	margin-top: 50px;

}



.footer p {

	margin-bottom: 0px;

}



.footer p a, .footer p a:active, .footer p a:focus {

	color: #FFF;

	text-decoration: none;

	font-weight: 600;

	text-decoration: none;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;	

}



.footer p a:hover {

    color: #93BF34;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}


.contact-us fieldset {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-us fieldset .mb-3 {
    flex: 0 0 48%;
    max-width: 48%;
    margin-bottom: 15px;
}

.contact-us fieldset .mb-3:last-child {
    flex: 0 0 100%;
    max-width: 100%;
}

.contact-us fieldset input, .contact-us fieldset select, .contact-us fieldset textarea {
    width: 100%;
    border: 1px solid #CCC;
    height: 38px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all 0.2s;
    background: #fffefe;
    background: -moz-linear-gradient(top, #fffefe 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffefe), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #fffefe 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #fffefe 0%,#ebebeb 100%);
    background: -ms-linear-gradient(top, #fffefe 0%,#ebebeb 100%);
    background: linear-gradient(to bottom, #fffefe 0%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#ebebeb',GradientType=0 );
}

.contact-us fieldset input:hover, .contact-us fieldset select:hover, .contact-us fieldset textarea:hover,
.contact-us fieldset input:focus, .contact-us fieldset select:focus, .contact-us fieldset textarea:focus,
.contact-us fieldset input:active, .contact-us fieldset select:active, .contact-us fieldset textarea:active {
    border-color: rgba(209,94,17,1);
}

.contact-us button.btn.btn-primary {
    background: rgb(234, 180, 37);
    background: -moz-linear-gradient(top, rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 180, 37, 1)), color-stop(100%, rgba(209, 94, 17, 1)));
    background: -webkit-linear-gradient(top, rgba(234, 180, 37, 1) 0%, rgba(209, 94, 17, 1) 100%);
    background: -o-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);
    background: -ms-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);
    background: linear-gradient(to bottom, rgba(234, 180, 37, 1) 0%, rgba(209, 94, 17, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#d15e11',GradientType=0 );
    border: none;
    padding: 10px 40px;
    text-transform: uppercase;
    font-family: 'roboto';
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
    transition: all 0.3s;
}

.contact-us button.btn.btn-primary:hover, .contact-us button.btn.btn-primary:focus {
    filter: grayscale(1);
}



@media (min-width: 768px) {

	.mobmenu {

		display: none;

	}

	

	.nav-wrap .nav {

		display: block;	

	}

}





/*Services*/



ul.services {

	padding: 0px;

	margin: 35px 0px 0px;

}



ul.services li {

  list-style-type: none;

  margin-bottom: 20px;

  width: 46%;

  padding: 0px 10px 10px 0px;

  border-radius: 5px;

  min-height: 105px;

  padding-left: 20px;

  background-repeat: no-repeat;

  position: relative;

  display: inline-block;

  background-image: url(images/Honeycomb.png);

}



ul.services li:nth-child(2n+2) {

	margin-left:20px;

}



ul.services li h2 {

  color: #d68400;

  font-weight: 700;

  font-size: 18px;

  margin: 0px 0px 5px;

}



ul.services li p { 

line-height: 22px !important;

}



/* Testimonials */ 



.main-content blockquote {

  padding: 20px 20px 20px 50px;

  margin: 5px 0px;

  font-size: 16px;

  border-left: none;

  line-height: 17px;

  background-repeat: no-repeat;

  background-size: 27px;

  background-position: 0px 20px;

  background-image: url(images/quote.png);

  border-bottom: 1px dotted #CCC;

}



.main-content blockquote span {

  display: block;

  font-weight: 600;

  font-style: normal;

  text-align: left;

  font-size: 14px;

  margin-top: 15px;	

}



.main-content blockquote span em {

  font-style: normal;

  display: block;

  margin-top: -11px;

  font-size: 11px;

  color: #333;

}



.sidebar .googleMapCanvas {

  width: 100%;

  height: 190px;

  border: 1px solid #333;

  border-radius: 3px;

  box-shadow: 0px 3px 7px rgba(0,0,0,0.2);

  margin-bottom: 15px;

}





/* Contact Form */



.field {

	margin: 0px 0px 5px;

}



.field label {

	display: none;

}



.field input[type="text"], .field input[type="email"], .field input[type="tel"], .field select, .field textarea {

    width: 100%;

    border: 1px solid #CCC;

    height: 38px;

    border-radius: 4px;

    -o-border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    transition: all 0.2s;

    background: #fffefe;

    background: -moz-linear-gradient(top, #fffefe 0%, #ebebeb 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefe), color-stop(100%,#ebebeb));

    background: -webkit-linear-gradient(top, #fffefe 0%,#ebebeb 100%);

    background: -o-linear-gradient(top, #fffefe 0%,#ebebeb 100%);

    background: -ms-linear-gradient(top, #fffefe 0%,#ebebeb 100%);

    background: linear-gradient(to bottom, #fffefe 0%,#ebebeb 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#ebebeb',GradientType=0 );

}



textarea {

    height: 105px !important;

}



.field input:focus,

.field select:focus,

.field textarea:focus {

	outline: 0;

	border: 1px solid #D39100;

	transition: all 0.2s;

}



input.submit {

  background-color: #D39100;

  color: #FFF;

  font-weight: 900;

  text-transform: uppercase;

  font-size: 14px;

  padding: 9px 19px;

  border: 1px solid #111;

  box-shadow: 0px 0px 1px #FFF inset, 0px 2px 3px rgba(0,0,0,0.17);

  border-radius: 4px;

  text-shadow: 0px 1px 1px rgba(0,0,0,0.2);

  float: right;

  transition: all 0.2s;

  -webkit-transition: all 0.2s;

  background-image: url(images/mail.png);

  background-repeat: no-repeat;

  background-position: -50px 11px;

}



input.submit:hover {

	padding: 9px 19px 9px 50px;

	background-color: #b56600;

	background-position: 13px 11px;	

	transition: all 0.2s;

	-webkit-transition: all 0.2s;

}



input.submit:focus {

	outline: 0;	

}



.field select {

	padding: 5px 1px;	

}



/*Sidebar*/



a.raq, a.raq:focus {

  display: block;

  width: 100%;

  background-color: #D98D00;

  color: #FFF;

  text-shadow: 0px 1px 1px rgba(0,0,0,0.12);

  font-family: 'blair';

  text-transform: lowercase;

  font-size: 21px;

  text-align: center;

  padding: 25px;

  border-radius: 6px;

  border: 1px solid #b16d00;

  box-shadow: 0px 0px 1px #FFF inset, 0px 4px 7px rgba(0,0,0,0.125);

  text-decoration: none;

  transition: all 0.2s;

  position: relative;

  overflow: hidden;

}



a.raq:hover {

	background-color: #1d1d1d;

	border: 1px solid #000;

	box-shadow: 0px 0px 2px #FFF inset, 0px 6px 7px rgba(0,0,0,0.25);

	transition: all 0.4s;

	padding: 25px 25px 25px 80px;

}



a.raq span {

  text-indent: -9999em;

  display: block;

  background-image: url(images/raq.png);

  background-size: 100%;

  width: 70px;

  height: 210px;

  background-repeat: no-repeat;

  position: absolute;

  transform: rotate(-15deg);

  -o-transform: rotate(-15deg);

  -moz-transform: rotate(-15deg);

  -webkit-transform: rotate(-15deg);

  -ms-transform: rotate(-15deg);

  top: 17px;

  left: -70px;

  transition: all 1s;

}







a.raq:hover span {

	left: 5px;

	transition: all 0.5s;

	transform: rotate(-375deg);

	-o-transform: rotate(-375deg);

	-moz-transform: rotate(-375deg);

	-webkit-transform: rotate(-375deg);

	-ms-transform: rotate(-375deg);

}



.sidebarForm {

  display: none;

  opacity: 1 !important;

  padding-bottom: 10px;

  border-bottom: 1px dotted #CCC;

}

.sidebarForm * { opacity: 1 !important; }







.whyChoose {

	

}



.whyChoose h3 {

  font-size: 17px;

  text-align: center;

  color: #555;

  font-family: 'blair';

}



.whyChoose h3 span {

  color: #D68400;

  display: block;

  font-size: 23px;

}



.whyChoose ul {

  list-style: none;

  padding: 0px;

  margin: 30px 0px 0px;

  border-radius: 18px;

}



.whyChoose ul li {

  color: #1d1d1d;

  padding-bottom: 7px;

  margin-bottom: 7px;

  border-bottom: 1px dotted #CCC;

  font-size: 19px;

  padding-left: 40px;

  display: block;

  background-image: url(images/licheck.png);

  background-repeat: no-repeat;

  transition: color 0.2s;

  background-size: 26px;

}





.whyChoose ul li:nth-of-type(4) {

	border-bottom: none;

}





.footer-right {

	

	padding-top: 12px;

	

}



div#citation {

  position: absolute;

  top: 11px;

  left: 80px;

  font-size: 11px;

  text-align: left;

}



.footer-left h4 {

    font-size: 14px;

    color: #fff;

    font-family: 'roboto';

    font-weight: 300;

	    text-align: left;

}



.footer-right p {

  text-align: right;

  margin-top: 5px;

}



.contact-top {

    height: 40px;

	}

.contact-top p {

    text-align: right;

    font-family: 'Roboto Condensed';

    font-size: 29px;

    color: #555555;

    margin-top: 15px;

    margin-bottom: 0px;

    padding-right: 16px;

}

.contact-top span:nth-of-type(2) {

	  color: #D48100;

  display: block;

  font-size: 25px;

  margin-top: -2px;

}





.contact-top p span.icon-phone {

  text-shadow: 0px 1px 1px rgba(0,0,0,0.125);

  color: #FFF;

  background-color: #169c4c;

  width: 25px;

  height: 25px;

  font-size: 17px;

  border-radius: 100%;

  display: inline-block;

  text-align: center;

  padding-top: 1px;

  margin-right: 5px;

}



span.icon-phone i.fa.fa-phone {

    color: #fff !important;

}



.home-pillar h3 {

    font-size: 26px;

    color: #008840;

    text-align: center;

    text-transform: uppercase;

    font-family: 'roboto';

    font-weight: 500;

}



a.learn-more {

    text-align: center;

    display: block;

    text-transform: uppercase;

    color: #fff;

    font-family: 'roboto';

    font-weight: 700;

    text-decoration: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab425+0,d15e11+100 */  background: rgb(234,180,37); /* Old browsers */  background: -moz-linear-gradient(top,  rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,180,37,1)), color-stop(100%,rgba(209,94,17,1))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#d15e11',GradientType=0 ); /* IE6-9 */;

    width: 53%;

    margin: 0px auto;

    padding: 14px 21px;

    border-radius: 4px;

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 0px;

	-webkit-transition: all 0.2s ease-in;

	-moz-transition: all 0.2s ease-in;

	-ms-transition: all 0.2s ease-in;

	-o-transition: all 0.2s ease-in;

	transition: all 0.2s ease-in;

}



a.learn-more:hover {

    background: rgb(71,71,71);

    background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(33,33,33,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(100%,rgba(33,33,33,1)));

    background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 );

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;

	    opacity: 0.8;

}



.side-calc a:hover, input.btn.btn-primary:hover {

    background: rgb(71,71,71);

    background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(33,33,33,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(100%,rgba(33,33,33,1)));

    background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 );

	-webkit-transition: all 0.2s ease-out;

	-moz-transition: all 0.2s ease-out;

	-ms-transition: all 0.2s ease-out;

	-o-transition: all 0.2s ease-out;

	transition: all 0.2s ease-out;	

	text-decoration:none;

}



.home-cta a:hover {

	transition: all ease-in 1s;

    background: rgb(71,71,71);

    background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(33,33,33,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(100%,rgba(33,33,33,1)));

    background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 );

	color:#fff !important;

}





.home-pillar {

    position: relative;

    min-height: 255px;

    margin-top: 30px;

}



.home .primary h1 {

  font-family: 'blair';

  text-align: center;	

}



.home .primary h1 span {

  display: block;

  font-size: 19px;

  color: #8d8d8d;

}



.home .primary p {

  text-align: center;

  font-size: 18px;

  padding: 0px 100px;

}



.home .primary a {

  text-align: center;

  text-decoration: none;

  background-color: #DFA000;

  border: 1px solid #C87A00;

  color: #FFF;

  font-weight: 900;

  text-transform: uppercase;

  padding: 9px;

  display: block;

  width: 200px;

  margin: 30px auto 0px;

  border-radius: 4px;

  box-shadow: 0px 0px 2px #FFF inset, 0px 5px 5px rgba(0,0,0,0.12);

  transition: all 0.2s;

}



.home .primary a:hover {

  transition: all 0.2s;	

  background-color: #D27C00;

}



.pillar img {

    margin: 10px auto 0px;

    display: block;

    max-width: 100%;

    height: auto;

}



.home-cta img {

	max-width:100%;

	height:auto;

	display: block;

}



.pillar h2 {

  font-family: "blair";

  text-align: center;

  font-size: 21px;

}



/*Sidebar*/

.right-content {

    background-color: #e8eded;

    box-shadow: 0px 0px 106px rgba(216,220,220,0.7) inset;

    min-height: 500px;

    padding: 30px 22px;

}



.right-content h3 {

    font-family: 'roboto';

    font-weight: 300;

    text-align: left;

    letter-spacing: -1px;

    color: #404040;

    padding-left: 0px;

}



span.company-name {

    display: block;

    font-size: 37px;

    color: #005a2a;

    position: relative;

    margin-bottom: 15px;

    top: -3px;

}



ul.why-choose li {

    background-image: url(images/sli.png);

    list-style: none;

    background-position: 0px 0px;

    background-repeat: no-repeat;

    height: 45px;

    padding: 5px 40px;

    font-family: 'roboto';

    font-weight: 500;

    font-size: 18px;

    letter-spacing: -1px;

}



ul.why-choose {

    padding: 0px;

}



a.request-quote {

    text-align: right;

    display: block;

    width: 100%;

    padding: 37px 22px 32px 103px;

    text-transform: uppercase;

    color: #fff;

    font-family: 'roboto condensed';

    font-size: 27px;

    line-height: 28px;

    text-shadow: 1px 0px 0px rgba(0,0,0,0.17);

    background: rgb(234,180,37);

    background: -moz-linear-gradient(top, rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,180,37,1)), color-stop(100%,rgba(209,94,17,1)));

    background: -webkit-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -o-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -ms-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: linear-gradient(to bottom, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#D15E11',GradientType=0 );

	position: relative;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

	margin-bottom: 35px;

	border-radius: 5px;

}



span.email-icon {

    background-image: url(images/email.png);

    background-repeat: no-repeat;

    top: 35px;

    height: 58px;

    width: 77px;

    position: absolute;

    display: block;

    left: 30px;

	z-index:1;

}



a.request-quote:hover {

    background: rgb(71,71,71);

    background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(33,33,33,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(100%,rgba(33,33,33,1)));

    background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 );

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    opacity: 0.8;

    text-decoration: none;

}



a.request-quote:hover > span.email-icon {

    opacity: 0.6;

}



.side-calc {

    display: block;

    background-color: #005327;

    border-radius: 5px;

    background-image: url(images/calculator.png);

    background-position: top -19px right 110px;

    width: 100%;

    height: 215px;

    background-repeat: no-repeat;

}



.side-calc h3 {

    font-family: 'roboto';

    font-weight: 300;

    letter-spacing: -1px;

    font-size: 19px;

    color: #00ac50;

    padding-top: 23px;

    padding-left: 40px;

}



span.lawn-need {

    display: block;

    color: #fff;

    font-size: 35px;

    position: relative;

    left: -20px;

}



.side-calc a {

    float: right;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: -1px;

    font-size: 15px;

    font-weight: 400;

    display: block;

    background: rgb(234,180,37);

    background: -moz-linear-gradient(top, rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,180,37,1)), color-stop(100%,rgba(209,94,17,1)));

    background: -webkit-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -o-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -ms-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: linear-gradient(to bottom, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#d15e11',GradientType=0 );

    padding: 10px 20px;

    border-radius: 5px;

    margin-right: 40px;

    margin-top: 30px;

}



.success, .errors {

  position: fixed;

  width: 100%;

  bottom: -150px;

  left: 0px;

  color: #FFF;

  font-weight: 600;

  text-align: center;

  font-size: 13px;

  padding: 20px 0px;

  box-shadow: 0px -4px 0px #FFF;

}





.success {

  background-color: #6FBF4D;

  border-top: 1px solid #48912a;

}





.errors {

  background-color: #dc3f01;

  border-top: 1px solid #671d00;

}



.errors > .error {

	font-weight: 400;	

}



.contact .main-content p strong:before {

	color: #8C8C8C;

}



.home-cta {

    padding-top: 40px;

    padding-bottom: 40px;

    margin-top: 45px;

    background-color: #00592a;

    color: #FFF;

    box-shadow: 0px 0px 10px rgba(0,0,0,0.5) inset;

}



a.calculator {

    margin: 0px auto;

    display: block;

    left: 0px;

    right: 0px;

    width: 396px;

    text-align: center;

    margin-top: 30px;

    font-size: 18px !important;

	    font-weight: 700 !important;

}



.sod-cal {

    position: relative;

}



.home-cta p {

  margin: 0px;

  text-align: center;

  font-size: 28px;

}



.sod-cal h3 {

    font-family: 'roboto';

    font-weight: 300;

    letter-spacing: -1px;

    color: #00b254;

    text-align: left;

    margin-bottom: 0px;

}



.sod-cal h3 span {

    color: #ffffff;

    font-size: 54px;

    display: block;

    line-height: 55px;

}



.home-cta a, .home-cta a:focus {

    color: #FFF;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 15px;

    font-weight: 900;

    border-radius: 5px;

    border: 2px solid #FFF;

    padding: 10px 25px;

    position: relative;

    top: -4px;

    margin-left: 8px;

    background-color: transparent;

    transition: all 0.2s;

    background: rgb(234,180,37);

    background: -moz-linear-gradient(top, rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,180,37,1)), color-stop(100%,rgba(209,94,17,1)));

    background: -webkit-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -o-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -ms-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: linear-gradient(to bottom, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#d15e11',GradientType=0 );

    border: none;

    padding: 12px;

    overflow: hidden;

    height: 50px;

}



.home-cta span.calc {

    background-image: url(images/calc.png);

    background-repeat: no-repeat;	

    width: 74px !important;

    height: 66px !important;

    float: left;

    position: relative;

    top: -23px;

	transition: 0.2s ease;

}



.home-cta a:hover > span.calc {

    background-position: 0px 15px;

	transition: 0.2s ease;

}



.home-cta a:hover {

	background-color: #FFF;

	transition: all 0.2s;

	color: #D27C00;

}



.closeMsg {

  color: rgba(0,0,0,0.6);

  transition: all 0.2s;

  cursor: pointer;

  position: absolute;

  top: 10px;

  right: 10px;

  font-size: 19px;

  text-shadow: 0px 0px 12px rgba(255,255,255,0.21);

}



.home-main h3 {

    text-align: center;

    font-size: 34px;

    font-family: 'roboto';

    font-weight: 700;

    color: #005a2a;

    margin-bottom: -5px;

}



.home-main {

    margin-top: 30px;

    margin-bottom: 60px;

}



.home-main h4 {

    text-align: center;

    font-family: 'roboto';

    font-weight: 300;

    font-style: italic;

    color: #595959;

}



.home-main p {

    font-family: 'roboto';

    font-weight: 400;

    text-align: center;

    font-size: 16px;

    line-height: 24px;

    color: #404040;

    width: 80%;

    margin: 0px auto;

}



.home-main>a.learn-more {

    width: 150px !important;

}



.closeMsg:hover {

  color: rgba(0,0,0,0.2);

  transition: all 0.2s;

}



.pillars-intro h3 {

  text-align: center;

  font-size: 44px;

  font-weight: 300;

  margin-bottom: 0px;

  border-bottom: 1px dotted #CCC;

  padding-bottom: 20px;

}



.pillars-outro h3 {

  color: #666;

  font-weight: 300;

  text-align: center;

  padding-top: 20px;

  border-top: 1px dotted #CCC;

  margin-bottom: -20px;

}



.mobnavitems { display: none; }



@media (max-width: 1200px) {





.page-header #site-title span {

  font-size: 13px;

  top: 50px;

}



.nav-wrap .nav li a {

  padding: 7px 9px;

  font-size: 13px;

}



ul.nav {

    float: right;

}



.contact-top p {

  font-size: 13px;

}



.contact-top span:nth-of-type(2) {

  font-size: 22px;

}



.page-header {

  padding: 15px 0px 10px;

}



.contact-top {

  margin-top: -4px;

}



}





@media (max-width: 992px) {

	

	.contact-top {

	  margin-top: -6px;

	  position: relative;

	  top: 10px;

	}	

		

	.nav-wrap .nav li a {

	  padding: 7px 4px;

	  font-size: 12px;

	}	



.contact-top span:nth-of-type(2) {

  font-size: 19px;

}



.contact-top p {

  font-size: 12px;

}



.page-header #site-title {

  background-size: 55px;

  font-size: 18px;

  padding-top: 24px;

  padding-left: 62px;

}



.page-header #site-title span {

  font-size: 11px;

  top: 45px;

  left: 62px;

}



.pillar img { width: 175px; height: auto;}



.pillar h2 {

  font-size: 17px;

}

.main-content {

  border-right: none;

}



.page-title h1 {

   font-size: 30px;

  line-height: 30px;

}



}



@media (max-width: 992px) and (min-width: 768px) {

	.mnav { display: none; }

}



@media (max-width: 767px) {



.truckimg {

	width: 100%;

	height: auto;

}



ul.services { margin-top: 0px; }



.page-title h1 span {

  display: block;

  font-size: 11px;

  line-height: 12px;

  margin-top: 10px;

}

ul.services li {

  list-style-type: none;

  margin-bottom: 11px;

  width: 100%;

  padding: 0px 10px 5px 25px;

  border-radius: 5px;

  min-height: 1px;

  background-repeat: no-repeat;

  position: relative;

  display: block;

  background-image: url(images/Honeycomb.png);

}



ul.services li:nth-child(2n+2) {

  margin-left: 0px;

}



.whyChoose ul li {

  font-size: 15px;

}



.whyChoose h3 {

  font-size: 14px;

}



.whyChoose h3 span {

  font-size: 17px;

}



.slidebtn {

	transition: all 0.2s;

}



.ghostbtn:hover {

	background: #FFF !important;

	transition: all 0.2s !important;

	color: #1d1d1d !important;

}



.slidebtn:hover {

	text-decoration: none;

	transition: all 0.2s;

	background: #1d1d1d;

}



.container.primary .main-content p {

  line-height: 25px;

  font-size: 14px;

}



	.contact-top { display: none; }

	

.mobnavitems, .mobnavitems:hover, .mobnavitems:focus {

  background: #009f4b;

  color: #FFF;

  border-radius: 4px;

  -o-border-radius: 4px;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  width: 45px;

  height: 45px;

  display: block;

  float: right;

  font-size: 31px;

  text-align: center;

  margin: 20px 4px 0px;

}



.mob-phone {

	color:#fff !important;

}



.mnav ul {

  display: none;

  background-color: #CCC;

  border-left: 1px solid #8e8e8e;

  border-right: 1px solid #8e8e8e;

}



.mnav ul li {

	border-bottom: 1px solid #8e8e8e;

	display: block;

}



.mnav ul li:nth-of-type(1) {

	border-top: 1px solid #8e8e8e;	

}



.mnav ul li a {

	text-align: center;

	color: #1d1d1d;

	text-shadow: 1px 1px 1px #FFF;

}

	



.page-header #site-title {

  font-size: 23px;

  padding-top: 4px;

  height: 75px;

  background-position: top left;

}





.page-header #site-title span {

  font-size: 12px;

  top: 30px;

}



.footer-left h4 {

  width: 39px;

  height: 47px;

  margin: 0px auto -8px;

}



div#citation {

  position: relative;

  top: 0;

  left: 0;

  text-align: center;

  padding-top: 15px;

}



.footer-right p {

  text-align: center;

  margin-top: 5px;

  line-height: 9px;

  font-size: 11px;

}



.footer { 

  padding: 15px 0 25px;

}



.home .primary p {

  font-size: 14px;

  padding: 0px;

}



.home .primary h1 span {

  font-size: 16px;

}



.home .primary h1 {

  font-family: 'blair';

  text-align: center;

  font-size: 25px;

  margin-top: 0px;

}



.pillars-intro h3 {

  font-size: 26px;

}



.pillar img {

	width: 150px;

	height: auto;

}



.pillar h2 {

  font-size: 17px;

  margin-top: 0px;

}



.ccm-layout-table .ccm-layout-col {

	width: 100% !important;

	float: none !important;

}



.ccm-layout-col-spacing {

  margin: 0px !important;

}



.main-content {

  border-right: none;

  border-bottom: 1px solid #CCC;

  margin-bottom: 20px;

}



.ls-bottom-nav-wrapper,

.ls-nav-prev,

.ls-nav-next {

	display: none !important;	

}



}



@media (max-width: 640px) {

	

	.col-xxs-12 { 

		width: 100%;

	}

	

	.mnavwrap {

	  width: 106px;

	    margin: 0px auto;

	}

	

	.mnav { margin-top: 10px; }

	

	.page-header #site-title {

	  width: 381px;

	  margin: 0px auto;

	  border-bottom: 1px solid #CCC;

	}



.home-cta {

  padding-top: 30px;

  padding-bottom: 40px;

}



	.home-cta a, .home-cta a:focus {

  width: 100%;

  display: block;

  top: 12px;

  margin-left: 0px;

}

	

	.home-cta p {

  margin: 0px;

  text-align: center;

  font-size: 25px;

  line-height: 23px;

}

	

}



@media (max-width: 767px) and (min-width: 753px) {

		.home-cta a, .home-cta a:focus { display: block; width: 139px; }

}



@media (max-width: 420px) {

.page-header #site-title {

  width: 311px;

  margin: 0px auto;

  border-bottom: 1px solid #CCC;

  background-size: 44px;

  padding-left: 50px;

  padding-top: 12px;

  height: 56px;

  font-size: 19px;

}



.page-header #site-title span {

	display: none;	

}

	

a.raq, a.raq:focus {

  font-size: 17px;

  line-height: 17px;

}



}	



@media (max-width: 345px) {

.page-header #site-title {

  width: 255px;

  margin: 0px auto;

  border-bottom: 1px solid #CCC;

  background-size: 44px;

  padding-left: 53px;

  padding-top: 14px;

  height: 56px;

  font-size: 15px;

}

}



@media (max-width: 450px) {

.page-header {

  border-bottom: 1px solid #1d1d1d;

}

/*

.page-header {

  border-bottom: 1px solid #1d1d1d;

    background-image: url(images/banner-bg.png);

  background-repeat: no-repeat;

  background-size: cover;

  -o-background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

}



.mnav ul {

  display: none;

  background-color: rgba(0,0,0,0.4);

  border-left: 1px solid #FFF;

  border-right: 1px solid #FFF;

}



.mnav ul li:nth-of-type(1) {

  border-top: 1px solid #FFF;

}



.mnav ul li {

  border-bottom:1px solid #FFF;

}



.mnav ul li a { text-shadow: none; color: #FFF; }

.mnav ul li a:hover { background: rgba(0,0,0,0.5); }

.mobnavitems, .mobnavitems:hover, .mobnavitems:focus { background: none; }

.page-header #site-title em, .page-header #site-title span, .page-header #site-title span strong { color: #FFF; } 

.page-header #site-title { border-bottom: 1px solid #FFF; color: #FFF; }*/



}



@media (max-width: 992px) {

.esa {

  width: 63px;

  top: 8px;

  right: 205px;

}

}





@media (max-width: 767px) {

.esa { display: none; }

}



p.smtel {

  position: absolute;

  top: 39px;

  right: 14px;

  font-size: 10px;

}



@media (max-width: 992px) {

p.smtel {

  position: absolute;

  top: 45px;

  right: 0px;

  font-size: 9px;

}



.nav-wrap {  top: 67px;}



}





.page-header ul.social {

  position: absolute;

  top: 2px;

  left: 69px;

  padding: 0px;

  list-style: none;

  margin-bottom: 0px;

}



.page-header ul.social li {

  float: left;

  margin: 0px 2px;

}



.page-header ul.social li a {

	display: block;

	width: 32px;

	height: 32px;

	text-indent: -999em;

	background-image: url(images/social.png);

}



.page-header ul.social li a.fb {

	background-position: 0px 0px;

}



.page-header ul.social li a.tw {

	background-position: -32px 0px;	

}



.page-header ul.social li a.li {

	background-position: -64px 0px;	

}



.page-header ul.social li a.fb:hover {

	background-position: 0px -32px;

}



.page-header ul.social li a.tw:hover {

	background-position: -32px -32px;	

}



.page-header ul.social li a.li:hover {

	background-position: -64px -32px;	

}



.nav-wrap .social { display: none; }



@media (max-width: 992px) {

	.page-header ul.social {

	  transform: scale(0.8);

	  -o-transform: scale(0.8);

	  -moz-transform: scale(0.8);

	  -webkit-transform: scale(0.8);

  top: 9px;

  left: 0px;

  padding: 0px;

  list-style: none;

  margin-bottom: 0px;

}	

	

}



@media (max-width: 767px) {

	.page-header ul.social.nm { display: none; }

}



.twitterHead {

	border-top: 1px solid #CCC; 

}



.twitterHead h3 {

  background-image: url(images/hex-feed.png);

  background-position: 0px 0px;

  background-size: 22px;

  background-repeat: no-repeat;

  padding-left: 32px;

  font-size: 17px;

  color: #666;

  font-weight: 900;

  padding-bottom: 9px;

  padding-top: 4px;

}



.twitterFollow {

  float: right;

  position: relative;

  top: -39px;

  z-index: 5;

}



.twitterFeed {

  top: -17px;

  position: relative;

}



.twitterFeed .ccm-tweet-text {

	font-size: 13px;	

}



.twitterFeed .ccm-tweet-time {

  font-style: normal;

  font-size: 10px;

  font-weight: 900;

  text-align: left;

  border-top: 1px dotted #CCC;

  padding-top: 1px;

  margin-top: 3px;

  padding-bottom: 5px;

}



.intro-content {

	margin-top:25px;

}



/*Products Page*/

p.local-sod {

    text-align: center;

    color: #fff;

    font-family: 'roboto';

    font-weight: 700;

    font-size: 33px;

    padding-top: 65px;

	height:200px;

	background-image:url(images/products.png);

	background-size:contain;

}



span.fba {

    font-size: 22px;

    display: block;

    padding-top: 15px;

    font-style: italic;

    font-weight: 500;

}



.focus-area a {

color:#d66f15;

}



/*Services*/

h2#installation {

    background-image: url(images/house.png);

    background-repeat: no-repeat;

    background-position: 0px;

    padding-left: 60px;

}



h2#grading {

    background-image: url(images/pencil.png);

    background-repeat: no-repeat;

    background-position: 0px;

    padding-left: 60px;

}



h2#delivery {

    background-image: url(images/delivery.png);

    background-repeat: no-repeat;

    background-position: 0px;

    padding-left: 60px;

	

}



h2#removal {

    background-image: url(images/removal.png);

    background-repeat: no-repeat;

    background-position: 0px;

    padding-left: 60px;	

}



.services p {

    margin-bottom: 50px;

    padding-top: 5px;

}



/*Contact Page*/

.direct-contact {

	float:left;

	width:33.3%;

	position:relative;

}



.contact-us {

	float:left;

	width:66.7%;

	position:relative;

}



.thanks p {

    margin-bottom: 40px;

}



i.fa.fa-phone, i.fa.fa-envelope, .direct-contact a {

    color: #017e3c ;

}



.field {

    float: left;

    width: 46%;

    margin-right:4%

}



.form-actions {

    float: right;

}



.form-group.field.field-textarea {

    width: 100% !important;

    float: none;

}



.text-muted {

    display: none;

}



input.btn.btn-primary {

    background: rgb(234,180,37);

    background: -moz-linear-gradient(top, rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,180,37,1)), color-stop(100%,rgba(209,94,17,1)));

    background: -webkit-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -o-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -ms-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: linear-gradient(to bottom, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#d15e11',GradientType=0 );

    border: none;

    padding: 10px 40px;

    text-transform: uppercase;

    font-family: 'roboto';

    font-weight: 400;

    font-size: 15px;

	margin-top: 10px;

}



label.control-label {

    font-family: 'roboto';

    font-size: 16px;

    font-weight: 400 !important;

    color: #474747 !important;

}



/*About Page*/

ul.about-clients li {

    width: 45%;

    float: left;

    display: block;

    list-style: none;

    background-image: none;

    text-align: center;

    margin: 2%;

    padding: 40px;

    font-family: 'roboto condensed';

    font-weight: 700;

    font-size: 25px;

    color: #363636;

    background: rgb(255,255,255);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%, rgba(116,149,186,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)), color-stop(100%,rgba(116,149,186,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%,rgba(116,149,186,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7495ba',GradientType=0 );

    border: 1px solid #ccc;

    border-radius: 3px;

    box-shadow: 0px 0px 2px rgba(0,0,0,0.5) inset;

}



ul.about-clients {

	padding-left:0px;

}



#calc {

    display: none;

    background-color: #FFF;

    -o-box-shadow: 0px 0px 40px #000;

    -o-border-radius: 4px;

    -moz-box-shadow: 0px 0px 40px #000;

    -moz-border-radius: 4px;

    -webkit-box-shadow: 0px 0px 40px #000;

    -webkit-border-radius: 4px;			

    box-shadow: 0px 0px 40px #000;

    border-radius: 4px;

    width: 500px;

}



#calc .calc-header {

	position: relative;

    position: relative;

    background: #1d1d1d;

    padding: 12px;

    border-radius: 4px 4px 0 0;

	-o-border-radius: 4px 4px 0 0;

	-moz-border-radius: 4px 4px 0 0;

	-webkit-border-radius: 4px 4px 0 0;

}



#calc .calc-header h3 {

    float: left;

    margin: 0px;

    font-size: 16px;

    letter-spacing: 0px;

    font-weight: 500;

    color: #FFF;

    font-family: "Roboto", sans-serif;

    text-transform: uppercase;

}



#calc .calc-header a {

	float: right;	

	display: block;

	text-indent: -999em;

	width: 11px;

	height: 11px;

	opacity: 1;

	background-image: url(images/x.png);

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;

    margin-top: 3px;

}



#calc .calc-header a:hover {

	opacity: 0.5;

	-webkit-transition: all 0.2s;

	-o-transition: all 0.2s;

	-moz-transition: all 0.2s;

	transition: all 0.2s;	

}



#calc .calc-header:after {

	clear: both;

	content: "";

	display: block;	

}



#calc .calc-header {

    position: relative;

    background: #1d1d1d;

    padding: 12px;

    border-radius: 4px 4px 0 0;

}



#calc .calc-body {

    padding: 10px 15px;

}



#calc .cb-1,

#calc .cb-2,

#calc .cb-3 {

	display: none;

}



#calc .cb-1.show,

#calc .cb-2.show,

#calc .cb-3.show {

	display: block;

}



p.calc-error {

    background-color: red;

    color: #FFF;

    font-size: 15px;

    padding: 20px 50px;

    text-align: center;

    border-radius: 4px;

}



#calc .calc-body h4 {

    font-weight: 300;

}



#calc .calc-body form {

    margin-bottom: 15px;

}



#calc .calc-body form:after,

#calc .calc-body form .calc-section:after {

	clear: both;

	content: "";

	display: block;

}



#calc .calc-body form .calc-section {

    float: left;

    width: 50%;

    margin: 10px 0px;

}



#calc .calc-body form .calc-section label {

	display: block;

}



#calc .calc-body form .calc-section input {

	width: 48%;

	margin: 0px 0.5%;

	float: left;	

}



#calc input#calc-go {

    background: rgb(234,180,37);

    background: -moz-linear-gradient(top, rgba(234,180,37,1) 0%, rgba(209,94,17,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,180,37,1)), color-stop(100%,rgba(209,94,17,1)));

    background: -webkit-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -o-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: -ms-linear-gradient(top, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    background: linear-gradient(to bottom, rgba(234,180,37,1) 0%,rgba(209,94,17,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab425', endColorstr='#d15e11',GradientType=0 );

    border: none;

    border-radius: 4px;

    color: #FFF;

    font-weight: 900;

    font-family: "Roboto", sans-serif;

    text-transform: uppercase;

    font-size: 13px;

    padding: 10px 30px;

    text-shadow: 1px 1px rgba(0,0,0,0.1);

}



#calc input#calc-go:hover {

    background: rgb(71,71,71);

    background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(33,33,33,1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(100%,rgba(33,33,33,1)));

    background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -o-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    background: linear-gradient(to bottom, rgba(71,71,71,1) 0%,rgba(33,33,33,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#212121',GradientType=0 );

}



#calc form #calc-go {

		

}



#calc .cb-2 p,

#calc .cb-3 p  {

	text-align: center;

}



#calc .cb-2 p:nth-of-type(1) {

    margin: 20px 0px 40px;

}



#calc .cb-2 a,

#calc .cb-3 a {

    background: #00592a;

    color: #FFF;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 13px;

    padding: 7px 12px;

    border-radius: 4px;

	-o-border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

    margin-right: 3px;

	transition: all 0.2s;

	-o-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-webkit-transition: all 0.2s;

}



#calc .cb-2 a:hover,

#calc .cb-3 a:hover {

    background: #171717;

	transition: all 0.2s;

	-o-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-webkit-transition: all 0.2s;

	text-decoration: none;

}



@media (max-width: 640px) {

	

#calc { width: 80%; }	

	

}



@media (max-width:1200px) {

	.page-header #site-title {

		margin-top:15px;

	}

	.contact-top p {

		margin-top:10px;

		font-size:20px;

	}

	.nav-wrap .nav li a {

    padding: 7px 9px;

    font-size: 15px;

}

.sod-cal h3 span {

    color: #ffffff;

    font-size: 50px;

    display: block;

}

a.learn-more {

	width:80%;

}

ul.about-clients li, a.request-quote {

	font-size: 20px;

}

span.company-name {

	font-size:30px;

}

span.lawn-need {

	font-size:29px;

}

.side-calc {

	    background-position: top -20px right 70px;

}

.side-calc a {

	margin-right:20px;

}

.focus-area h2 {

    font-family: 'roboto';

    font-weight: 700;

    font-size: 25px;

    color: #005a2a;

	    line-height: 33px;

}

ul.why-choose li {

	font-size:15px;

}

.contact-us {

    width: 100%;

}

.direct-contact {

    float: none;

    width: 100%;

    position: relative;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    padding: 20px 0px;

    margin-bottom: 30px;

}

.banner {

    background-color: #00592a;

    width: 100%;

    height: 350px;

    box-shadow: inset 0px 0px 20px rgba(0,0,0,0.5);

    height: auto;

    padding-bottom: 20px;

}

.welcome-message {

	top:35px;

}

}



@media (max-width:991px) {

		.page-header #site-title {

		padding-top:4px;

		font-size:30px;

	}

	.page-header #site-title span {

		left:0px;

	}

	.nav-wrap {

    top: 50px;

}

.home-pillar {

    position: relative;

    min-height: 235px;

}

	.page-header #site-title {

		padding-left:0px;

	}

	.nav-wrap .nav li a {

    padding: 7px 4px;

    font-size: 15px;

}

.contact-top p {

	padding-right:0px;

}

.home-pillar h3 {

	font-size:20px;

}

a.learn-more {

    width: 100%;

}

.home-pillar {

    position: relative;

    min-height: 205px;

}

.home-pillar h3 {

	margin-bottom:-5px;

}

.sod-cal h3 span {

    color: #ffffff;

    font-size: 40px;

    display: block;

}

a.calculator {

    margin: 0px auto;

    display: block;

    left: 0px;

    right: 0px;

    width: 342px;

    text-align: center;

    margin-top: 30px;

    font-size: 15px !important;

    font-weight: 700 !important;

}



a.calculator:hover,

a.calculator:focus {

	width: 342px;

	margin: 0px auto;

}



.home-main > a.learn-more {

    position: inherit;

}

.home-main {

    margin-top: 30px;

    margin-bottom: 30px;

}

.right-content {

    position: relative;

    top: 50px;

    border-top: 2px solid #ccc;

	clear:both;

	    margin-bottom: 50px;

}

.welcome-message {

    background-color: rgba(255,255,255,0.7);

    display: block;

    width: 85%;

    margin: 0px auto;

    min-height: 210px;

    position: absolute;

    left: 0px;

    right: 0px;

    top: 10%;

    padding: 20px 0px;

}

.side-calc {

    max-width: 50%;

    margin: 0px auto;

}

.right-content h3 {

    text-align:center;

}



ul.why-choose li {

    background-image: url(images/sli.png);

    list-style: none;

    background-position: 5px;

    background-repeat: no-repeat;

    height: 45px;

    padding: 5px 40px;

    font-family: 'roboto';

    font-weight: 500;

    font-size: 18px;

    letter-spacing: -1px;

    display: block;

    width: 100%;

    background-color: #fff;

    margin-bottom: 8px;

    padding: 10px 40px;

	text-align: right;

}



span.lawn-need {

    left: 0px;

}

span.company-name {

	left:0px;

}

.welcome-message p {

    font-family: 'roboto';

    font-weight: 100;

    font-size: 45px;

    text-align: center;

    width: 75%;

    margin: 0px auto;

    color: #00592a;

    margin-top: 20px;

}

}



@media (max-width:767px) {

	.pillar img {

		max-width:100%;

		display:block;

		height:auto;

		width:auto;

	}

	a.learn-more {

    width: 30%;

}

.home-pillar > a.learn-more {

    position: inherit;

    margin-top: 20px;

    margin-bottom: 30px;

}

.home-cta img {

    margin: 0px auto;

}



.home-cta h3 {

    text-align: center;

    float: none;

}

.footer-left h4 {

	width:100%;    

	height: 17px;

    margin: 0px auto -8px;

	text-align:center;

}

.focus-area p {

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: #404040;

}

.focus-area h2 {

	font-size:20px;

}

p.local-sod {

    text-align: center;

    color: #fff;

    font-family: 'roboto';

    font-weight: 700;

    font-size: 30px;

    padding-top: 65px;

    height: 200px;

    background-size: cover;

}

span.fba {

	font-size:20px;

}

.welcome-message {

	top:6%;

}

}



@media (max-width:740px) {

.welcome-message p {

    font-family: 'roboto';

    font-weight: 100;

    font-size: 35px;

    text-align: center;

    width: 75%;

    margin: 0px auto;

    color: #00592a;

    margin-top: 50px;

}	

}



@media (max-width:700px) {

.welcome-message {

	display: none;

}	

}



@media (max-width:640px) {

.mnavwrap {

	width: auto;

    margin: 0px auto;

    float: right;

    position: relative;

    top: -80px;

}

.welcome-message {

    min-height: 185px;

}

}



@media (max-width:610px) {

.welcome-message {

    min-height: 155px;

}

}



@media (max-width:600px) {

span.lawn-need {

    font-size: 23px;

}	

}



@media (max-width:520px) {

.welcome-message {

    display:none;

}

}

	

@media (max-width:560px) {

	ul.about-clients li {

		width:100%;

		margin:3% 0%;

	}

}



@media (max-width:500px) {

	a.learn-more {

    width: 50%;

}

a.calculator {

    margin-top: 10px;

}

.field {

    float: left;

    width: 100%;

    margin-right: 4%;

}

.side-calc {

    max-width: 100%;

    margin: 0px auto;

}

}



@media (max-width:480px) {

	.page-header {

    padding: 0px 0px 10px;

    height: 160px;

    text-align: center;

}

.mnavwrap {

    width: 30%;

    margin: 0px auto;

    float: none;

    position: initial;

    top: 0px;

}

}



@media (max-width:420px) {

.page-header #site-title, .page-header #site-title span.green {

    padding-top: 4px;

    font-size: 22px;

}

.page-header #site-title {

    margin-top: 5px;

	height:46px;

}

.page-header {

    padding: 0px 0px 10px;

    height: 120px;

    text-align: center;

}

.mobnavitems, .mobnavitems:hover, .mobnavitems:focus {

margin-top:13px;	

}

}



@media (max-width:400px) {

	a.calculator {

    margin: 0px auto;

    display: block;

    left: 0px;

    right: 0px;

    width: 100%;

    text-align: center;

    margin-top: 30px;

    font-size: 13px !important;

    font-weight: 700 !important;

}

}



@media (max-width:385px) {

	.mnavwrap {

	width:100%;

}

.mobnavitems, .mobnavitems:hover, .mobnavitems:focus {

    float: none;

    display: inline-block;

    padding: 0px 10px;

}

p.local-sod {

	font-size:25px;	

	height:auto;

	padding-bottom:30px;

	padding-top:30px;

}

span.fba {

    font-size: 15px;

    padding-top: 5px;

}

ul.why-choose li {

    background-image: url(images/sli.png);

    list-style: none;

    background-position: 5px;

    background-repeat: no-repeat;

    height: 45px;

    padding: 5px 40px;

    font-family: 'roboto';

    font-weight: 500;

    font-size: 15px;

    letter-spacing: -1px;

    display: block;

    width: 100%;

    background-color: #fff;

    margin-bottom: 8px;

    padding: 13px 40px;

    text-align: right;

}

}



@media (max-width:322px) {

	ul.why-choose li {

		font-size:13px;

	}

}



/*Nav*/

@media (max-width:767px) {

.nav-wrap {

    text-align: center;

    position: absolute;

    background-color: #009f4b; 

    margin: 0px auto;

    z-index:1;

    display:block;

    float:left;

}



ul.nav {

    float: none;

    width: 100%;

}



.nav-wrap .nav li {

    display: block;

    width: 100%;

    z-index: 1;

}



.nav-wrap .nav li a {

    color:#fff;

    border-bottom:1px solid rgba(255,255,255,0.5)

}	

}



@media (max-width:430px) {

	.footer p a, .footer p a:active, .footer p a:focus {

		position: relative;

		top:10px;

	}

}