/*-----------------------------------------------------------------------------------

  Template Name: Bagani Gardening and Landscaping Bootstrap4 Template.
  Template URI: #
  Description: Bagani is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  
-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. About Area
  04. Service Area
  05. Counterup Area
  06. Team Area
  07. Testimonial Area
  08. Call To Action Area
  09. Faq Area
  10. Bradcaump Area
  11. Gallery Area
  12. Blog Area
  13. Contact Area
  14. Blog Details Area
  15. Others Code
  16. Features Service
  17. Home Box Css
  
-----------------------------------------------------------------------------------*/


/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/

/*
    font-family: 'Open Sans', sans-serif;
    font-family: 'Rubik', serif;

*/


/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
 #scrollUp {
    border-radius: 2px;
    bottom: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #fff;
    font-size: 28px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 200;
    bottom: 15px;
}
#scrollUp:hover {
}

@-webkit-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@-moz-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
#scrollUp:hover i {
  animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
  height: 100%;
  left: 0;
  margin-bottom: -25px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#scrollUp i {
  color: #fff;
}
 #scrollUp {
  background: #49a010 none repeat scroll 0 0;
}
 

/*---------------------------------------
  End Scroll To Top
----------------------------------------*/

/*---------------------------------------
  03. About Area
----------------------------------------*/
.title__line {
  color: #333;
  display: inline-block;
  font-family: Rubik;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 2;
}
.section__title p {
  color: #333;
  font-size: 16px;
  line-height: 30px;
  margin: auto;
  width: 60%;
}
.about__inner h2 {
  color: #333333;
  font-family: 'Rubik', sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 15px;
  position: relative;
  text-transform: capitalize;
}
.about__dtl p + p {
    margin-top: 13px;
}
.about__btn {
    margin-top: 30px;
}
.about__btn a.btn {
    border-radius: 20px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    padding: 0 30px;
}
.about__btn a.btn:hover {
    color: #49a010;
}
.about__container {
    align-items: center;
    display: flex;
}

.about__content h2 {
    color: #555555;
    font-family: Open Sans;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.about__content + .about__content {
    margin-top: 38px;
}


/*---------------------------------------
  04. Service Area
----------------------------------------*/
.service {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
.service::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0.5;
}
.service__details {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  opacity: 0;
  padding: 32px 35px 35px;
  position: absolute;
  text-align: center;
  top: -100%;
  transform: rotate(360deg);
  transition: all 0.3s ease 0.5s;
  width: 100%;
}
.service:hover .service__details {
  opacity: 1;
  top: 0;
  transform: rotate(0deg);
}
.service__thumb h3 {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: "Rubik",sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  top: 0;
  transition: all 0.5s ease 1.4s;
  width: 100%;
  z-index: 9;
}
.service__details h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
	margin-bottom: 0px;
    text-transform: capitalize;
	position: relative;
	left: 100%;
	font-family: 'Rubik', sans-serif;
	margin-top: 0px;
	padding: 10px 20px;
    transition: all 0.4s ease 1s;
	z-index:9;
}
.service__details p {
    line-height: 24px;
	color:#fff;
	left:110%;
	transition: all 0.5s ease 1.3s;
	margin:0;
	position:relative;
	z-index:9;
}
.service:hover  .service__details h2, .service:hover .service__details p  {
  left: 0;
}
.service:hover  .service__thumb h3  {
  opacity: 0;
  visibility:hidden;
  transition: all 0.1s ease 0s;
}
.service__thumb a {
    display: block;
}
.service__thumb a img {
    width: 100%;
}
.service--page{
    margin-top: -40px;
}

/*---------------------------------------
  05. Counterup Area
----------------------------------------*/
.counterup__wrap {
    position: relative;
    z-index: 2;
}

.counterup__container {
    display: flex;
    justify-content: space-between;
    padding: 0 70px;
}
.fact__count span.count {
  color: #ffffff;
  display: inline-block;
  font-family: "Rubik",sans-serif;
  font-size: 58px;
  font-weight: 500;
  line-height: 57px;
}
.fact__title h2 {
  color: #ffffff;
  font-family: Rubik;
  font-size: 24px;
  font-weight: 500;
  margin-top: 20px;
}
.fact__details {
    text-align: center;
}
/*---------------------------------------
  06. Team Area
----------------------------------------*/

.team__thumb a {
    display: block;
    position: relative;
}
.team__thumb a::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team:hover .team__thumb a::before {
    opacity: 1;
}
.team {
  box-shadow: 0 5px 15px rgba(85, 85, 85, 0.2);
  margin-top: 30px;
  overflow: hidden;
  position: relative;
}
.team__details {
    bottom: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team__social__link {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: -6px;
    margin-right: -6px;
}
.team__social__link li {
    margin: 0 6px;
}
.team__social__link li a i {
  border: 1px solid #555555;
  border-radius: 100%;
  color: #555555;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 30px;
}
.team__social__link li a:hover i{
    background: #555555;
    color: #fff;
}
.team__details h4 {
  color: #333;
  display: inline-block;
  font-family: Open Sans;
  font-size: 20px;
  font-weight: 600;
  padding-top: 12px;
  text-transform: capitalize;
}
.team__details h6 {
  color: #333;
  font-family: Open Sans;
  font-size: 14px;
  margin-top: 5px;
}
.tm__separator {
    border: 1px solid #333333;
    display: block;
    margin: auto;
    position: relative;
    width: 220px;
}
.team:hover .team__details {
    opacity: 1;
    transform: translateY(50%);
}


/*---------------------------------------
  07. Testimonial Area
----------------------------------------*/
.testimonial-wrap .testimonial {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 0;
  box-shadow: 0 5px 10px rgba(85, 85, 85, 0.2);
  cursor: ew-resize;
  display: block;
  margin: 75px 0 15px;
  padding: 50px 60px;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
}
.testimonial-content p {
  margin-bottom: 0;
}
.testimonial-author {
  margin-top: 24px;
}
.testimonial-wrap .testimonial-author h6 {
  color: #333;
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 0;
}
.testimonial-wrap .testimonial-author p {
  color: #333;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 0;
}
.testimonial-wrap .testimonial-thumb {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  display: inline-block;
  height: 85px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 85px;
}
.testimonial-wrap .testimonial-content {
  color: #555555;
  font-size: 16px;
  margin-top: 20px;
  line-height: 26px;
}
.testimonial-thumb img {
  width: 100%;
}
/* Slider Dots Styles */
.cr-slider-dots-1 {
  position: relative; 
}
.cr-slider-dots-1.slick-dotted.slick-slider {
	margin-bottom: 45px;
}
.cr-slider-dots-1 ul.slick-dots {
	bottom: -10px;
	font-size: 0;
}
.cr-slider-dots-1 ul.slick-dots li {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  height: auto;
  width: auto;
  line-height: 15px; 
}
.cr-slider-dots-1 ul.slick-dots li:first-child {
	margin-left: 0;
}
.cr-slider-dots-1 ul.slick-dots li:last-child {
	margin-right: 0;
}
.cr-slider-dots-1 ul.slick-dots li button {
	height: 10px;
	width: 10px;
	content: "";
	background: #c9c9c9;
	opacity: 1;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	display: inline-block;
	vertical-align: middle; 
}
.cr-slider-dots-1 ul.slick-dots li button::before {
    display: none;
}
.cr-slider-dots-1 ul.slick-dots li.slick-active button, .cr-slider-dots-1 ul.slick-dots li:hover button {
	background: #49a010;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2); 
}

/*---------------------------------------
  08. Call To Action Area
----------------------------------------*/

.ht__call__wrap {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: space-between;
}
.ht__call__wrap h2 {
    color: #ffffff;
    font-family: Open Sans;
    font-size: 36px;
    text-transform: capitalize;
}
.ht__call__btn .btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 21px;
    color: #49a010;
    font-size: 18px;
    height: 43px;
    line-height: 41px;
    padding: 0 30px;
}
.ht__call__btn .btn:hover {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
}


/*---------------------------------------
  09. Faq Area
----------------------------------------*/

.faq__area{
    position: relative;
}
.faq__thumb {
    bottom: 0;
    left: 199px;
    position: absolute;
    width: 33%;
}
.faq__area .section__title p {
    width: 61%;
}
.ht--faq--panel-title a{
    position: relative;
    display: block;
    padding-left: 30px;
}
.ht--faq--panel-title a i{
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ht--faq--panel-title a i.icon-1{
    opacity: 0;
}
.ht--faq--panel-title a i.icon-2{
    opacity: 1;
}
.ht--faq--panel-title a.collapsed i.icon-1{
    opacity: 1;
}
.ht--faq--panel-title a.collapsed i.icon-2{
    opacity: 0;
}
.haq__title {
    color: #666666;
    display: inline-block;
    font-family: Open Sans;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: capitalize;
}
.ht--faq--panel-title {
    font-size: 18px;
    margin-top: 24px;
}
.ht--faq--panel-body {
    padding-left: 29px;
    padding-top: 21px;
}
.ht--faq--panel-body p {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}
.ht--faq--panel-body p + p {
    margin-top: 10px;
}

/*---------------------------------------
  10. Bradcaump Area
----------------------------------------*/


.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 400px;
    position: relative;
    z-index: 2;
}
.bradcaump__inner {
    padding-top: 67px;
}
.bradcaump__inner h2.bradcaump-title {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
}

/*---------------------------------------
  10. Bradcaump2 Area
----------------------------------------*/


.ht__bradcaump2__wrap {
    align-items: center;
    display: flex;
    height: 400px;
    position: relative;
    z-index: 2;
}
.bradcaump2__inner {
    padding-top: 67px;
}
.bradcaump2__inner h2.bradcaump2-title {
    color: #4dff4d;
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
}

/*---------------------------------------
  11. Gallery Area
----------------------------------------*/
.single-project {
  margin-bottom: 30px;
}
.image-box {
  display: block;
  position: relative;
}
.titel-venobox {
  background-color: rgba(97, 157, 9, 0.9);
  bottom: 0;
  color: #fff;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 100%;
  cursor:pointer;
}
.image-box:hover .titel-venobox {
  opacity: 1;
  visibility: visible;
}
.titel-venobox .venobox {
  left: 0;
  position: absolute;
  right: 0;
  top: 35%;
}
.titel-venobox a i {
  color: #fff;
  display: block;
  font-size: 30px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: center;
  width: 40px;
}
.titel-venobox > span {
  color: #fff;
  display: block;
  font-family: Rubik;
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  position: relative;
  top: 50%;
  transition:.4s;
}
.titel-venobox > span a{color:#fff;transition:.5s;}
.titel-venobox > span a:hover{color:#474747;}

/*---------------------------------------
  12. Blog Area
----------------------------------------*/
.blog__details h2 {
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.blog__details {
    background: #fff none repeat scroll 0 0;
    padding: 24px 30px;
}
.blog__meta {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.blog__meta li {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}
.blog__meta li a {
    color: #333;
    transition: all 0.3s ease 0s;
}
.blog__meta li a:hover {
    color: #49a010;
}
.blog{
    margin-top: 30px;
}
.blog__thumb a {
    display: block;
}
.blog__thumb a img {
    width: 100%;
}

.blog:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.blog {
    position: relative;
    transition: all 0.5s ease 0s !important;
}

/*---------------------------------------
  13. Contact Area
----------------------------------------*/


#googleMap{
  width: 100%;
  height: 450px;
}

.ht__address h2 {
    color: #333;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.contact__wrap {
    border-bottom: 1px solid #49a010;
    padding: 70px 70px 50px;
}
.ht__address__info a {
    color: #333;
    font-size: 16px;
}
.ht__address__info p {
  color: #333;
  font-size: 16px;
  line-height: 26px;
}
.ct__social__link {
    display: flex;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
}
.ht__address {
    text-align: center;
}
.ct__social__link li {
    margin: 0 5px;
}
.ct__social__link li a span {
    color: #333;
    font-size: 30px;
    transition: all 0.3s ease 0s;
}
.ct__social__link li a span:hover {
    color: #49a010;
}
.title__line.title__line--3 {
  font-family: Open Sans;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 52px;
  position: relative;
  text-transform: capitalize;
  z-index: 2;
  margin-bottom: 40px;
  font-size: 24px;
}
.title__line.title__line--3::before {
  background: rgba(0, 0, 0, 0) url("images/icons/title-3.png") repeat scroll 0 0 / cover ;
  bottom: -1px;
  content: "";
  height: 138%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 12%;
  z-index: -1;
}
.contact__area .title__line.title__line--3::before {
    height: 148%;
    width: 115%;
}
.contact-box.name_email {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.contact-box.name_email input {
    margin: 0 15px;
}
.contact-box input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #aaaaaa;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 0px;
}
.contact-box input::-moz-placeholder {
    color: #333 !important;
    opacity: 1;
    font-size: 14px !important;
}
.contact-box.message textarea::-moz-placeholder {
    color: #333 !important;
    opacity: 1 !important;
    font-size: 14px !important;
}
.single-contact-form + .single-contact-form {
    margin-top: 34px;
}
.contact-box.message textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #aaaaaa;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    min-height: 135px;
    padding-left: 0px;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #aaaaaa;
}
.contact-btn {
    margin-top: 50px;
    text-align: center;
}
.contact-btn .btn {
    border-radius: 18px;
    height: 43px;
    line-height: 41px;
    padding: 0 30px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #49a010;
	background: #49a010 none repeat scroll 0 0;
	border: 1px solid #49a010;
	color: #fff;
	cursor:pointer;
}
.contact-btn .btn:hover{
    background: transparent;
    border: 1px solid #49a010;
    color: #49a010;
}
.htc__contact__wrap {
  border-bottom: 1px solid #49a010;
  margin-left: 0;
  margin-right: 0;
  padding: 70px 7spx 50px;
}

/*---------------------------------------
  14. Blog Details Area
----------------------------------------*/

.ht__search input {
    border: 1px solid #dddddd;
    color: #333;
    font-size: 16px;
    height: 50px;
    padding: 0 20px;
    width: 100%;
}
.ht__search {
    margin-bottom: 46px;
    position: relative;
}
.ht__search a {
    background: #dddddd none repeat scroll 0 0;
    border: 1px solid #ddd;
    height: 50px;
    line-height: 51px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 50px;
}
.ht__search a i {
    color: #333;
    font-size: 20px;
    transition: all 0.3s ease 0s;
}
.title__line--4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 46px;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
}
.title__line--4::before {
    background: #49a010 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 40px;
}
.cat__list li {
  color: #333;
  font-size: 15px;
}
.cat__list li + li {
    padding-top: 10px;
}
.ht__cat {
    margin-bottom: 43px;
}
.tag__list li a {
  border: 1px solid #ddd;
  color: #333;
  display: inline-block;
  font-size: 15px;
  height: 40px;
  line-height: 36px;
  padding: 0 25px;
  transition: all 0.3s ease 0s;
}
.tag__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.tag__list li {
    margin: 0 8px 15px;
}
.tag__list li a:hover {
    background: #49a010 none repeat scroll 0 0;
    border: 1px solid #49a010;
    color: #fff;
}
.ht__tag {
    margin-bottom: 30px;
}
.single__lst__blog {
    display: flex;
}
.lst__bl__thumb {
    margin-right: 30px;
    min-width: 70px;
}
.single__lst__blog + .single__lst__blog {
    margin-top: 20px;
}
.lst__bl__details h4 {
  font-size: 16px;
  line-height: 24px;
}
.lst__bl__details span {
  color: #333;
  display: inline-block;
  font-family: "Rubik",sans-serif;
  font-size: 13px;
  margin-top: 5px;
}
.ht__search a:hover {
    background: #49a010 none repeat scroll 0 0;
    border: 1px solid #49a010;
}
.ht__search a:hover i {
    color: #fff;
}
.ht__blog__dtl h2 a {
  color: #333;
  display: block;
  font-size: 26px;
  font-weight: 500;
  padding-top: 34px;
  transition: all 0.3s ease 0s;
}
.ht__blog__dtl__inner {
    padding: 0 40px;
}
.ht__blog__list {
    border: 1px solid #ddd;
    padding-bottom: 34px;
}
.bl__meta {
    border-bottom: 2px dashed #dddddd;
    display: flex;
    padding-bottom: 25px;
    padding-top: 15px;
}
.ht__bl__dec p {
    color: #333;
    font-size: 14px;
    line-height: 30px;
}
.ht__bl__dec {
    margin-top: 24px;
}
.bl__meta li + li {
    margin-left: 28px;
}
.bl__meta li i {
  color: #49a010;
  font-size: 18px;
  padding-right: 14px;
}
.bl__meta li {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}
.bl__meta li a{
    color: #333;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}
.bl__meta li a:hover,
.ht__blog__dtl h2 a:hover{
    color: #49a010;
}

.ht__bl__btn a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.ht__bl__btn {
    margin-top: 20px;
}
.ht__bl__btn a:hover {
    color: #49a010;
}
blockquote {
    border-left: 2px solid #49a010;
    color: #333;
    font-size: 14px;
    font-style: italic;
    margin: 22px 0 24px 50px;
    padding: 0 0 0 20px;
    width: 89%;
}

.ht__bl__link {
    border-top: 2px dashed #dddddd;
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
    padding-top: 20px;
}
.bl__social__link {
    display: flex;
}
.page__btn {
    display: flex;
}
.bl__social__link li a i {
    border: 1px solid #49a010;
    border-radius: 100%;
    color: #49a010;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.bl__social__link li + li {
    margin-left: 15px;
}
.bl__social__link li a:hover i {
    background: #49a010 none repeat scroll 0 0;
    border: 1px solid #49a010;
    color: #fff;
}
.page__btn li a {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}
.page__btn li + li {
    margin-left: 11px;
    padding-left: 11px;
}
.page__btn li {
    position: relative;
}
.page__btn li + li::before {
    background: #dddddd none repeat scroll 0 0;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.page__btn li:hover a {
    color: #49a010;
}
.page__btn li a i.icofont.icofont-long-arrow-left {
    padding-right: 11px;
}
.page__btn li a i {
    font-size: 20px;
}
.page__btn li a i.icofont.icofont-long-arrow-right {
    margin-left: 11px;
}
.ht__bl__admin {
    margin-top: 30px;
}
.bl__comment {
    margin-top: 36px;
}
.ht__bl__admin span {
    color: #333;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    text-transform: capitalize;
}
.title__line--5 {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 45px;
  padding-bottom: 15px;
  position: relative;
  text-transform: capitalize;
}
.title__line--5::before {
    background: #49a010 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 40px;
}
.ht__single__comment {
    display: flex;
}
.cmt__thumb {
    margin-right: 30px;
    min-width: 100px;
}
.cmt__details h4 {
  color: #3e3e3e;
  font-family: open sans;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px;
}
.cmt__details span {
    color: #333;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
}
.cmt__details p {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 3px;
    width: 79%;
}
.replay__btn a {
    color: #333;
}
.replay__btn a i {
    color: #49a010;
    font-size: 16px;
    padding-right: 10px;
}
.ht__single__comment.replay {
    margin-bottom: 40px;
    margin-left: 100px;
    margin-top: 40px;
}
.replay__btn {
    margin-left: 200px;
}
.bl__comment__form {
    margin-top: 42px;
}
.bl__comment__form span {
  color: #333;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 40px;
}
.bl__comment__form h2.title__line--5 {
    margin-bottom: 30px;
}
.ht__single__cmnt__form.name {
    display: flex;
    margin-bottom: 35px;
    margin-left: -25px;
    margin-right: -25px;
}
.ht__single__cmnt__form.name input {
    margin: 0 25px;
}
.ht__single__cmnt__form input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #aaaaaa;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333;
    font-family: 'Rubik', sans-serif;
    padding-bottom: 15px;
    padding-left: 15px;
}
.ht__single__cmnt__form textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #aaaaaa;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333;
    font-family: 'Rubik', sans-serif;
}
.ht__single__cmnt__form textarea {
    min-height: 140px;
}
.ht__single__cmnt__form textarea::-moz-placeholder {
    color: #333 !important;
    opacity: 1 !important;
}

.ht__single__cmnt__form input::-moz-placeholder {
    color: #333 !important;
}
.ht__single__cmnt__form input:focus,
.contact-box input:focus {
    outline: none;
}
.ht__single__cmnt__form input:focus,
.ht__single__cmnt__form textarea:focus,
.contact-box input:focus{
    -webkit-border-left: none;
    -webkit-border-right: none;
    -webkit-border-top: none;
}
.cmnt__btn {
    margin-top: 50px;
}
.cmnt__btn .btn {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 44px;
    line-height: 41px;
    padding: 0 32px;
	background: #49a010 none repeat scroll 0 0;
	border: 1px solid #49a010;
	color: #fff;
}
.page__container {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.pagenation {
    display: flex;
}
.pagenation li a {
    border: 1px solid #dddddd;
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 40px;
}
.pagenation li {
    margin: 0 6px;
}
.pagenation li a:hover,
.pagenation li.active a {
    background: #49a010 none repeat scroll 0 0;
    border: 1px solid #49a010;
    color: #fff;
}
.older li a,
.new li a {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}
.older li a i {
    font-size: 22px;
    padding-right: 5px;
}
.new li a i {
    font-size: 22px;
    padding-left: 5px;
}
.older li a:hover,
.new li a:hover{
    color: #49a010;
}
/*-------------------
  15. Others Code
----------------------*/

.team--page,
.gallery--page,
.blog--list{
    margin-top: -30px
}
.team__thumb a img {
    width: 100%;
}
.ht__blog__thumb iframe {
    height: 448px;
    width: 100%;
}
.cmnt__btn a.btn:hover {
    color: #49a010;
	border-color:#49a010;
	background:transparent;
}
/*==========================
	16. Features Service
============================*/
.features-service-single {
  box-shadow: 0 5px 15px rgba(85, 85, 85, 0.2);
  display: block;
  padding: 50px 45px;
  position: relative;
  transition: all 0.4s ease 0s;
  overflow:hidden;
  overflow:hidden;
}
.features-service-single:hover .fes-ser-titel h4,.features-service-single:hover .fes-ser-titel p,.features-service-single:hover .fes-ser-titel span i {
  color:#fff;
}
.features-service-single::after {
  background: #619d09 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-25deg) scale(0);
  width: 100%;
  z-index: -9;
  transition:.4s;
  opacity:0;
  visibility:hidden;
}
.features-service-single:hover.features-service-single::after{transform: rotate(0deg) scale(1);opacity:1;visibility:visible;}
.fes-ser-titel span i {
  color: #619d09;
  font-size: 40px;
  margin-bottom: 5px;
}
.fes-ser-titel h4 {
  color: #333333;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin: 22px 0 10px;
}
.fes-ser-hover {
  background: #619d09 none repeat scroll 0 0;
  display: block;
  height: 234px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 45px 30px;
  position: absolute;
  top: -18px;
  transform: scale(0);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 389px;
  z-index: 999;
}
.features-service-single:hover .fes-ser-hover {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.hvr-icon h4 {
  color: #fff;
  margin-bottom: 15px;
  font-weight:600;
}
.hvr-icon i {
  color: #fff;
  font-size: 36px;
  margin-bottom: 20px;
}
.hvr-icon p {
  color: #fff;
  margin:0;
}

/* ============= 17. Home Box Css ============= */
.wrapper-boxed-layout {
  margin: 0 100px;
  width: calc(100% - 200px);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  overflow-x: hidden; 
}
.wrapper-boxed-layout .header-menu {
    width: calc(100% - 200px);
    left: 100px; 
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
.wrapper-boxed-layout {
	margin: 0 70px;
	width: calc(100% - 140px);
}
.wrapper-boxed-layout .header-menu {
	width: calc(100% - 140px);
	left: 70px; 
}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.wrapper-boxed-layout {
	margin: 0 50px;
	width: calc(100% - 100px); 
}
.wrapper-boxed-layout .container {
	max-width: 1100px;
}
.wrapper.wrapper-boxed-layout .header-menu {
	width: calc(100% - 100px);
	left: 50px; 
} 
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.wrapper-boxed-layout {
	margin: 0 30px;
	width: calc(100% - 60px); 
}
.wrapper-boxed-layout .header-menu {
	width: calc(100% - 60px);
	left: 30px; 
}	  
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.wrapper-boxed-layout {
	margin: 0 30px;
	width: calc(100% - 60px); 
}
.wrapper-boxed-layout .header-menu {
	width: calc(100%);
	left: 0; 
} 
}

@media only screen and (max-width: 767px) {
.wrapper-boxed-layout {
	margin: 0 15px;
	width: calc(100% - 30px);
}
.wrapper-boxed-layout .header-menu {
	width: calc(91%);
	left: 14px;
} 
}

/*-- added jeff --*/


/*
Theme Name: The Landscaper Child 01
Template: the-landscaper
Author: QreativeThemes
Description: Child 01 theme for the The Landscaper theme
Version: 1.0.5.1549396072
Updated: 2019-02-05 14:47:52

*/

label {
    font-size: 14px !important;
    color: #3f6449;
}
.btn {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    font-size: 20px;
    -moz-transition: all 100ms ease-out 0s;
    -webkit-transition: all 100ms ease-out 0s;
    -o-transition: all 100ms ease-out 0s;
    transition: all 100ms ease-out 0s;
    font-weight: bold;
    font-family: "Roboto",sans-serif;
    padding: 18px 22px;
}
.btn-outline {
    border: 3px solid rgba(50, 50, 50, 1);
    background-color: rgba(6, 6, 6, 0);
    color: rgba(255, 255, 255, 0.9);
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-select, .wpcf7-date {
    border: 1px solid rgba(83, 84, 83, 0.76);
    background-color: #ded8c7;
    color: #302f2f;
}
.wpcf7-submit {
    background-color: #f2810d !important;
    outline: medium none;
}
.wpcf7 span {
    color: #3f6449 !important;
}
span.wpcf7-list-item {
    background-color: #fff !important;
    border-bottom: 1px dashed #fff !important;
    color: #4e4e4e !important;
    -moz-transition: all 100ms ease-out 0s;
    -webkit-transition: all 100ms ease-out 0s;
    -o-transition: all 100ms ease-out 0s;
    transition: all 100ms ease-out 0s;
}
.request-quote-form .wpcf7-text, .request-quote-form .wpcf7-textarea, .request-quote-form .wpcf7-select {
    border: 1px solid rgba(83, 84, 83, 0.76) !important;
    background-color: #e0e0e0;
    -moz-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.request-quote-form .wpcf7-text, .request-quote-form .wpcf7-select {
    height: 50px;
}
.topbar .widget-icon-box:hover .fa {
    color: #66c54e !important;
}
.topbar .widget-social-icons a:hover .fa {
    color: #66c54e !important;
}
.main-navigation {
    padding-left: 30px;
	padding-right: 0;
}
.main-navigation > li > a {
    font-size: 15px;
    padding: 33px 14px 34px !important;
}
.page-header .main-title {
    font-size: 48px;
    text-shadow: 2px 2px 4px #000;
}
.page-header .sub-title {
    font-size: 22px;
    color: #999;
    color: #fff !important;
    text-shadow: 2px 2px 4px #000;
    font-weight: 600;
}
.sidebar .widget.widget_nav_menu .menu li a {
    background-color: #e0e0e0;
    color: #767575;
}
.siteorigin-panels-stretch .cta-banner .cta-banner-text .cta-banner-title {
    font-size: 20px;
}
.post-item .label-wrap {
    display: none;
}
.block-posts .widget-title a {
    color: #66c54f;
    font-family: "Roboto",sans-serif;
}
.testimonials .testimonial-person .testimonial-location {
    color: #6ec84c !important;
}
.testimonials .testimonial-control .fa {
    margin-top: 13px;
}
.client-logos img {
    border: 4px solid #fff;
    opacity: 1;
}
.client-logos img:hover {
    border-color: #fff !important;
}
.fa-check-circle-o:before {
    color: transparent;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-image: url('images/slider/bg/Landscape-Orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.fa-leaf:before {
    color: transparent;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-image: url('images/slider/bg/LawnTreatment-Orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.fa-trophy:before {
    color: transparent;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-image: url('images/slider/bg/Snow-Orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.fa-comments-o:before {
    color: transparent;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-image: url('images/slider/bg/Turf-Orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.fa-calendar-o:before {
    color: transparent;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-image: url('images/slider/bg/Golf-Orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.topbar .widget-icon-box:hover .title {
    color: #66c54e !important;
}
.topbar .widget-social-icons a .fa {
    color: #e6e6e6 !important;
}
div#gform_wrapper_5.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 1px solid rgba(83, 84, 83, 0.76) !important;
    background-color: #ded8c7 !important;
}
div#gform_wrapper_6 .ginput_container, div#gform_wrapper_5 .ginput_container {
    padding-top: 20px;
}
div#gform_wrapper_6 label.gfield_label, div#gform_wrapper_5 label.gfield_label {
    display: none;
}
li#field_4_13 {
    color: #3f6449 !important;
    font-weight: 700;
}
label.gfield_label {
    margin-top: 15px !important;
    color: #3f6449 !important;
    color: #606060 !important;
    font-weight: 700;
}
.ginput_container.ginput_container_checkbox {
    margin-top: 0 !important;
}
textarea#input_5_9 {
    border: 1px solid rgba(83, 84, 83, 0.76) !important;
    background-color: #ded8c7 !important;
    height: 20%;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}
select#input_5_4 {
    border: 1px solid rgba(83, 84, 83, 0.76) !important;
    background-color: #ded8c7 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 35px !important;
}
div#gform_wrapper_5 input#gform_submit_button_5 {
    background-color: #f2810d;
    float: right;
    padding: 10px 22px;
}
.gform_footer.top_label {
    margin: 0 !important;
}
.gform_wrapper * {
    margin-top: 0 !important;
}
input#gform_submit_button_4 {
    background-color: #f2810d;
    padding: 10px 22px;
}
li#field_5_1 {
    padding-right: 16px !important;
}
li#field_5_12 {
    padding-right: 16px !important;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important;
}
div#gform_wrapper_6.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    background-color: rgb(224, 224, 224);
    width: 100% !important;
    border-color: rgba(83, 84, 83, 0.76) !important;
    border-style: solid !important;
    border-width: 1px !important;
}
input#gform_submit_button_6 {
    background-color: rgb(242, 129, 13) !important;
    float: right !important;
    padding: 10px 22px !important;
}
select#input_6_4 {
    background-color: rgb(224, 224, 224) !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 35px !important;
    border-color: rgba(83, 84, 83, 0.76) !important;
    border-style: solid !important;
    border-width: 1px !important;
}
textarea#input_6_9 {
    background-color: rgb(224, 224, 224) !important;
    border-color: rgba(83, 84, 83, 0.76) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-image: initial !important;
}
a.class2 {
    color: #fff;
    font-weight: 600 !important;
}
a.class2:hover {
    text-decoration: none;
    color: #9eff57;
    font-weight: 600 !important;
}
h4 {
    margin-top: 0;
    line-height: 1.3;
    color: #fff !important;
    font-weight: bold;
}
.slider-button-container {
    max-width: 1140px;
    margin: 0 auto;
}
.slider-button-container .quarter {
    width: 25%;
    float: left;
}

/*-----------------------------------------------------------------------------------*/
figure.lawn-treatment-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.lawn-treatment-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.lawn-treatment-container a:hover > img {
    opacity: 0.6;
}
figure.lawn-treatment-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    
    padding: 0;
}
.lawn-treatment-button {
    margin-top: 15px;
}
.lawn-treatment-button p {
    margin-top: 10px;
    font-size: 16px;
}
.lawn-treatment-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/LawnTreatment-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.lawn-treatment-container a:hover > figcaption .lawn-treatment-button .lawn-treatment-icon {
    background-image: url('images/slider/bg/LawnTreatment-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/
figure.commercial-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.commercial-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.commercial-container a:hover > img {
    opacity: 0.6;
}
figure.commercial-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    padding: 0;
}
.commercial-button {
    margin-top: 15px;
}
.commercial-button p {
    margin-top: 10px;
    font-size: 16px;
}
.commercial-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/Commercial-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.commercial-container a:hover > figcaption .commercial-button .commercial-icon {
    background-image: url('images/slider/bg/Commercial-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/
figure.landscape-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.landscape-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.landscape-container a:hover > img {
    opacity: 0.6;
}
figure.landscape-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    padding: 0;
}
.landscape-button {
    margin-top: 15px;
}
.landscape-button p {
    margin-top: 10px;
    font-size: 16px;
}
.landscape-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/Landscape-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.landscape-container a:hover > figcaption .landscape-button .landscape-icon {
    background-image: url('images/slider/bg/Landscape-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/
figure.hardscape-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.hardscape-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.hardscape-container a:hover > img {
    opacity: 0.6;
}
figure.hardscape-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    padding: 0;
}
.hardscape-button {
    margin-top: 15px;
}
.hardscape-button p {
    margin-top: 10px;
    font-size: 16px;
}
.hardscape-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/Hardscape-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.hardscape-container a:hover > figcaption .hardscape-button .hardscape-icon {
    background-image: url('images/slider/bg/Hardscape-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/

figure.snow-removal-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.snow-removal-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.snow-removal-container a:hover > img {
    opacity: 0.6;
}
figure.snow-removal-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    
    padding: 0;
}
.snow-removal-button {
    margin-top: 15px;
}
.snow-removal-button p {
    margin-top: 10px;
    font-size: 16px;
}
.snow-removal-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/snow-removal-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.snow-removal-container a:hover > figcaption .snow-removal-button .snow-removal-icon {
    background-image: url('images/slider/bg/snow-removal-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/

figure.irrigation-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.irrigation-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.irrigation-container a:hover > img {
    opacity: 0.6;
}
figure.irrigation-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    
    padding: 0;
}
.irrigation-button {
    margin-top: 15px;
}
.irrigation-button p {
    margin-top: 10px;
    font-size: 16px;
}
.irrigation-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/Irrigation-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.irrigation-container a:hover > figcaption .irrigation-button .irrigation-icon {
    background-image: url('images/slider/bg/Irrigation-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/

figure.lighting-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.lighting-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.lighting-container a:hover > img {
    opacity: 0.6;
}
figure.lighting-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    
    padding: 0;
}
.lighting-button {
    margin-top: 15px;
}
.lighting-button p {
    margin-top: 10px;
    font-size: 16px;
}
.lighting-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/lighting-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.lighting-container a:hover > figcaption .lighting-button .lighting-icon {
    background-image: url('images/slider/bg/lighting-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/

figure.cleanup-container {
    border: 2px solid #fff;
    max-width: 285px;
    background-color: #2a5f36;
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-height: 130px;
    cursor: pointer;
    margin: 0;
}
figure.cleanup-container img {
    opacity: 0.2;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
figure.cleanup-container a:hover > img {
    opacity: 0.6;
}
figure.cleanup-container figcaption {
    top: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    height: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    
    padding: 0;
}
.cleanup-button {
    margin-top: 15px;
}
.cleanup-button p {
    margin-top: 10px;
    font-size: 16px;
}
.cleanup-icon {
    height: 65px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-image: url('images/slider/bg/cleanup-ButtonIcon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
figure.cleanup-container a:hover > figcaption .cleanup-button .cleanup-icon {
    background-image: url('images/slider/bg/cleanup-ButtonIcon-White.png') !important;
}

/*-----------------------------------------------------------------------------------*/
.slider-buttons {
    margin-top: -179px;
}
.content .icon-box.icon-big .fa {
    margin-top: -5px;
}
.content .icon-box.icon-big:hover > .fa-leaf:before {
    background-image: url('images/slider/bg/LawnTreatment-Green.png') !important;
}
.content .icon-box.icon-big:hover > .fa-check-circle-o:before {
    background-image: url('images/slider/bg/Landscape-Green.png') !important;
}
.fa-tachometer:before {
    color: transparent;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    background-image: url('images/slider/bg/Commercial-Orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.content .icon-box.icon-big:hover > .fa-tachometer:before {
    background-image: url('images/slider/bg/Commercial-Green.png') !important;
}
.content .icon-box.icon-big:hover > .fa-calendar-o:before {
    background-image: url('images/slider/bg/Golf-Green.png') !important;
}
.content .icon-box.icon-big:hover > .fa-comments-o:before {
    background-image: url('images/slider/bg/Turf-Green.png') !important;
}
.content .icon-box.icon-big:hover > .fa-trophy:before {
    background-image: url('images/slider/bg/Snow-Green.png') !important;
}
.content .icon-box .fa {
    color: #e48634 !important;
}
.content .icon-box:hover .fa {
    color: #66c54e !important;
}
.menu-item-6977 {
    text-decoration: none;
    border-bottom: 90px solid #66c54e;
    height: 0;
    line-height: 0;
    color: white;
    font-weight: bold;
    border-left: 35px solid transparent;
    padding: 0;
}
.main-navigation > li > a::before {
    content: none;
}
.more:hover {
    color: #2b5f38 !important;
}
.bottom-form .request-quote-form .wpcf7-submit {
    float: left;
}
.postid-7525 img.img-responsive.wp-post-image {
    display: none;
}
.header .navigation .navbar-brand img {
    height: 84px !important;
}
.grid figure {
    max-width: 48.5%;
    background-color: #000;
    width: 100%;
    position: relative;
    text-align: center;
    float: left;
    min-width: 48.5%;
    overflow: hidden;
    max-height: 460px;
    cursor: pointer;
    margin: 0 3% 0 0;
}
.grid figure:last-child {
    margin-right: 0;
}
figure img {
    display: block;
    max-width: 200%;
    position: relative;
    opacity: 0.8;
    min-height: 200%;
}
figure.effect-chico img {
    -moz-transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico:hover img {
    opacity: 0.3;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
figure.effect-chico figcaption {
    padding: 3em;
}
figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p {
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
figure.effect-chico figcaption::before, figure.effect-chico p {
    opacity: 0;
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    -moz-transition: opacity 0.35s, transform 0.35s;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s;
    -webkit-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico figcaption::before {
    content: '';
    border: 1px solid #fff;
    top: 10px;
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 10px;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
figure figcaption, figure figcaption > a {
    top: 0;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}
figure figcaption {
    font-size: 1.25em;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-transform: uppercase;
    padding: 2em;
}
figure.effect-chico h4 {
    font-size: 22px;
    color: #fff;
    letter-spacing: 1px;
    padding: 20% 0 5px;
}
figure h2, figure p {
    margin: 0;
}
figure.effect-chico p {
    max-width: 200px;
    font-size: 16px;
    line-height: 24px;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    text-transform: none;
    margin: 0 auto;
}
figure figcaption > a {
    font-size: 0;
    opacity: 0;
    z-index: 1000;
    white-space: nowrap;
    text-indent: 200%;
}
.page-id-9440 .hentry {
    margin-bottom: 0;
}
.percentage-number {
    font-size: 140px;
    text-align: center;
    line-height: 120px;
    color: #66c54f;
    font-weight: 900;
    margin: 0;
}
.percentage-off {
    font-size: 75px;
    text-align: center;
    line-height: 85px;
    color: #66c54f;
    font-weight: 900;
    margin: 0;
}
.percentage-text {
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0 0;
}
.percentage-text span {
    background-color: #66c54f;
    padding: 5px 20px;
}
.center-percentage-top-text {
    font-size: 30px;
    text-align: center;
    color: #2b5f38;
    font-family: "Roboto Slab", serif;
    margin: 0;
}
.center-percentage-bottom-text {
    width: 50%;
    text-align: center;
    margin: 10px auto 0;
}
.center-percentage-off {
    font-size: 90px;
    text-align: center;
    line-height: 70px;
    color: #66c54f;
    font-weight: 900;
    margin: 0;
}
.percentage-off-center-block {
    padding: 9% 0 0 !important;
}
.offers-gallery .widget_media_image {
    background-color: #2b5f38;
}
.offers-gallery .widget_media_image img {
    opacity: 0.5;
}
.offers-gallery .panel-grid-cell {
    margin-bottom: -1px !important;
}
.special-offer-text strong {
    font-size: 22px;
    line-height: 29px;
}
.fertilizer-spacer-row {
    height: 450px;
}
.weed-control-spacer-row {
    height: 375px;
}
.ongoing-lawn-treatment-spacer-row {
    height: 400px;
}
.complete-lawn-care-spacer-row {
    height: 425px;
}
.landscaping-spacer-row {
    height: 225px;
}
.sports-turf-spacer-row {
    height: 225px;
}
.ice-snow-spacer-row {
    height: 450px;
}
.homepage-project-galleries-row p {
    max-width: 500px;
    margin: 0 auto;
}
.homepage-project-galleries-row .eg-washington-element-11 {
    color: #2b5f38 !important;
}
.homepage-project-galleries-row .eg-washington-element-11:hover {
    opacity: 1 !important;
    color: #66c54f !important;
}
.tree-shrub-blurb-image {
    display: block;
    max-width: 120px;
    margin: 0 auto;
}
.tree-shrub-blurb h3 {
    font-size: 22px;
    text-align: center;
    line-height: 1.2em;
    color: #66c54f;
}
.tree-shrub-blurb h3 span {
    color: #2b5f38;
}
.tree-shrub-blurb ul {
    padding-left: 10px;
    list-style-type: none;
}
.tree-shrub-blurb ul li {
    padding-bottom: 10px;
    margin-left: 17px;
}
.tree-shrub-blurb ul li:before {
    content: "\f18e";
    display: inline-block;
    margin-right: 5px;
    margin-left: -17px;
    color: #66c54f;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
	font-family: FontAwesome !important;
}
.tree-shrub-blurb ul li strong {
    color: #2b5f38;
}
.page-id-11155 .hentry {
    margin-bottom: 0 !important;
}
.returning-customers {
    background-color: #53aa5f;
}
.new-customers {
    text-decoration: none;
    margin-right: -4px;
    border-bottom: 90px solid #53aa5f;
    height: 0;
    line-height: 0;
    color: white;
    font-weight: bold;
    border-left: 35px solid transparent;
    padding: 0;
}
.main-navigation .returning-customers a {
    padding: 33px 14px 35px 3px !important;
}
.main-navigation .new-customers a {
    padding: 33px 3px 35px !important;
}
.main-navigation .contact-main-nav a {
    padding: 33px 3px 35px 14px !important;
}
.header .container {
    width: 1280px;
}
.offers-homepage-blurb a {
    display: block;
    background-color: #2b5f38;
    width: 100%;
    padding: 35px;
}
.offers-homepage-blurb a:hover {
    background-color: #66c54f;
}
.offers-homepage-blurb a h2 {
    margin-bottom: 0;
    font-size: 48px;
    color: #fff !important;
}
.offers-homepage-blurb a p {
    margin-bottom: 5px;
    font-size: 24px;
    color: #fff !important;
}
.panel-grid-cell .cta-fix.panel-cell-style {
    height: auto;
}
.content .sidebar .widget-title {
    margin-bottom: 0 !important;
}
.bermuda-grass-header, .centipede-grass-header, .zoysia-grass-header, .st-augustine-grass-header, .tall-fescue-grass-header, .fescue-bluegrass-mix-grass-header {
    background-color: #2b5f38;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.9);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px 60px;
}
.bermuda-grass-header {
    background-image: url('/wp-content/uploads/2019/01/Barefoot-Associates-Bermuda-Grass.jpg');
}
.centipede-grass-header {
    background-image: url('/wp-content/uploads/2019/01/Barefoot-Associates-Centipede-Grass.jpg');
}
.zoysia-grass-header {
    background-image: url('/wp-content/uploads/2019/01/Barefoot-Associates-Zoysia-Grass.jpg');
}
.st-augustine-grass-header {
    background-image: url('/wp-content/uploads/2019/01/Barefoot-Associates-St-Augustine-Grass.jpg');
}
.tall-fescue-grass-header {
    background-image: url('/wp-content/uploads/2019/01/Barefoot-Associates-Tall-Fescue-Grass.jpg');
}
.fescue-bluegrass-mix-grass-header {
    background-image: url('/wp-content/uploads/2019/01/Barefoot-Associates-Fescue-Bluegrass-Mix-Grass.jpg');
}
.download-application-button .cta-button {
    width: 30%;
}
.download-btn {
    background-color: rgb(242, 129, 13);
    width: fit-content;
    padding: 10px 22px;
}
.download-btn a {
    color: #fff;
}
@media screen and (max-width: 1700px) {
.percentage-off-center-block {
    padding: 7% 0 0 !important;
}
}
@media screen and (max-width: 1500px) {
.percentage-off-center-block {
    padding: 5% 0 0 !important;
}
.center-percentage-bottom-text {
    width: 90%;
}
}
@media (max-width: 1300px) {
.header .container {
    width: 100%;
}
.main-navigation > li > a {
    font-size: 13px;
    padding: 33px 14px 37px !important;
}
.main-navigation .returning-customers a {
    padding: 33px 14px 40px 3px !important;
}
.main-navigation .new-customers a {
    padding: 33px 3px 40px !important;
}
.main-navigation .contact-main-nav a {
    padding: 33px 3px 40px 14px !important;
}
}
@media screen and (max-width: 1300px) {
.percentage-off-center-block {
    padding: 5% 0 0 !important;
}
}
@media (max-width: 1200px) {
.main-navigation > li > a {
    font-size: 12px;
    padding: 32px 14px 38px !important;
}
.main-navigation .returning-customers a {
    padding: 33px 14px 40px 3px !important;
}
.main-navigation .new-customers a {
    padding: 33px 3px 40px !important;
}
.main-navigation .contact-main-nav a {
    padding: 33px 3px 40px 14px !important;
}
.navbar-brand {
    padding: 10px 15px;
}
.header .navigation .navbar-brand img {
    margin-top: 0;
    height: 70px !important;
}
}
@media screen and (max-width: 1200px) {
.download-application-button .cta-button {
    width: 40%;
}
.percentage-off-center-block {
    padding: 4% 0 0 !important;
}
.center-percentage-top-text {
    font-size: 24px;
}
.center-percentage-off {
    font-size: 70px;
    line-height: 50px;
}
.grid figure {
    max-height: 580px;
}
figure img {
    max-width: 300%;
    min-height: 300%;
}
}
@media screen and (max-width: 1199px) {
.fertilizer-spacer-row {
    height: 300px;
}
.weed-control-spacer-row {
    height: 225px;
}
.ongoing-lawn-treatment-spacer-row {
    height: 300px;
}
.complete-lawn-care-spacer-row {
    height: 325px;
}
.landscaping-spacer-row {
    height: 175px;
}
.sports-turf-spacer-row {
    height: 175px;
}
.ice-snow-spacer-row {
    height: 350px;
}
.slider-buttons {
    margin-top: -158px;
}
.lawn-treatment-icon, .commercial-icon, .landscape-icon, .hardscape-icon, .snow-removal-icon, .irrigation-icon, .lighting-icon {
    height: 45px;
}
figure.lawn-treatment-container, figure.commercial-container, figure.landscape-container, figure.hardscape-container, figure.snow-removal-container, figure.irrigation-container, figure.lighting-container {
    max-height: 109px;
}
}
@media (max-width: 1080px) and (min-width: 993px) {
.navbar-header {
    width: 100%;
}
.main-navigation {
    top: 90px;
    padding-left: 0;
    width: 100%;
    text-align: center;
}
.navbar-brand {
    width: auto;
    float: none;
}
.header .navigation .navbar-brand img {
    margin: 0 auto;
}
.main-navigation::before {
    display: none;
}
.menu-item-6977:after {
    content: "";
    top: 0;
    position: absolute;
    right: -40px;
    border-color: transparent transparent transparent #66c54e;
    border-style: solid;
    border-width: 0 0 90px 40px;
}
.main-navigation .returning-customers a {
    padding: 33px 3px 40px 10px !important;
}
.main-navigation .new-customers a {
    padding: 33px 10px 40px !important;
}
.main-navigation .contact-main-nav a {
    padding: 33px 10px 40px 14px !important;
}
}
@media (max-width: 992px) {
.main-navigation > li > a {
    font-size: 14px;
    padding: 20px 14px !important;
}
.main-navigation .sub-menu > li > a {
    font-size: 14px;
    padding: 10px 14px 10px 34px !important;
}
.main-navigation .sub-menu > li:first-child > a {
    padding: 16px 14px 10px 34px !important;
}
.main-navigation .sub-menu > li:last-child > a {
    padding: 10px 14px 16px 34px !important;
}
.main-navigation .returning-customers a {
    padding: 20px 14px !important;
}
.main-navigation .new-customers a {
    padding: 20px 14px !important;
}
.main-navigation .contact-main-nav a {
    padding: 20px 14px !important;
}
.topbar .widget {
    width: 50%;
    float: left;
}
.new-customers {
    border-bottom: none;
    height: auto;
    border-left: none;
}
.returning-customers {
    background-color: transparent;
    border-bottom: none;
    height: auto;
    border-left: none;
}
.lawn-treatment-icon, .commercial-icon, .landscape-icon, .hardscape-icon, .snow-removal-icon, .irrigation-ico, .lighting-iconn {
    height: 35px;
}
.slider-buttons {
    margin-top: 0;
}
.lawn-treatment-button, .commercial-button, .landscape-button, .hardscape-button, .snow-removal-button, .irrigation-button, .lighting-button {
    margin-top: 8px;
}
.lawn-treatment-button p, .commercial-button p, .landscape-button p, .hardscape-button p, .snow-removal-button p, .irrigation-button p, .lighting-button p {
    font-size: 14px;
}
figure.lawn-treatment-container, figure.commercial-container, figure.landscape-container, figure.hardscape-container, figure.snow-removal-container, figure.irrigation-container, figure.lighting-container {
    max-height: 85px;
}
}
@media screen and (max-width: 992px) {
.download-application-button .cta-button {
    width: 50%;
}
}
@media screen and (max-width: 991px) {
.fertilizer-spacer-row, .weed-control-spacer-row, .ongoing-lawn-treatment-spacer-row, .complete-lawn-care-spacer-row, .landscaping-spacer-row, .sports-turf-spacer-row, .ice-snow-spacer-row {
    height: 15px;
}
}





@media screen and (max-width: 990px) {
.offers-homepage-blurb a h2 {
    font-size: 36px;
}
.offers-homepage-blurb a p {
    font-size: 20px;
}
.percentage-off-center-block {
    padding: 4% 0 0 !important;
}
.center-percentage-off {
    font-size: 60px;
    line-height: 40px;
}
.special-offer-text strong {
    font-size: 20px;
    line-height: 27px;
}
.grid figure {
    max-width: 48.5%;
    min-width: 48.5%;
    max-height: 420px;
    margin: 0 3% 3% 0;
}
.grid figure:nth-child(even) {
    margin-right: 0;
}
figure img {
    max-width: 150%;
    min-height: 150%;
}
figure.effect-chico p {
    max-width: 100%;
}
}
@media screen and (max-width: 900px) {
.percentage-off-center-block {
    padding: 5% 0 !important;
}
.center-percentage-off {
    font-size: 40px;
    line-height: 30px;
}
.offers-gallery .panel-grid-cell {
    width: 100% !important;
    margin-bottom: 0 !important;
}
.offers-gallery .panel-grid-cell:first-child, .offers-gallery .panel-grid-cell:last-child {
    display: none;
}
}
@media screen and (max-width: 768px) {
.bermuda-grass-header, .centipede-grass-header, .zoysia-grass-header, .st-augustine-grass-header, .tall-fescue-grass-header, .fescue-bluegrass-mix-grass-header {
    padding: 50px;
}
.offers-homepage-blurb a h2 {
    font-size: 28px;
}
.offers-homepage-blurb a p {
    margin-bottom: 0;
    font-size: 18px;
}
}
@media (max-width: 700px) {
.slider-button-container .quarter {
    width: 50%;
    float: left;
}
figure.lawn-treatment-container, figure.commercial-container, figure.landscape-container, figure.hardscape-container, figure.snow-removal-container, figure.irrigation-container, figure.lighting-container{
    max-height: 130px;
    margin: 0 auto;
}
.lawn-treatment-button, .commercial-button, .landscape-button, .hardscape-button, .snow-removal-button, .irrigation-button, .lighting-button{
    margin-top: 15px;
}
.lawn-treatment-icon, .commercial-icon, .landscape-icon, .hardscape-icon, .snow-removal-icon, .irrigation-icon, .lighting-icon {
    height: 55px;
}
.lawn-treatment-button p, .commercial-button p, .landscape-button p, .hardscape-button p, .snow-removal-button p, .irrigation-button p, .lighting-button p {
    font-size: 16px;
}
}
@media screen and (max-width: 660px) {
.download-application-button .cta-button {
    width: 60%;
}
.offers-homepage-blurb a h2 {
    margin-bottom: 5px;
    font-size: 24px;
}
.offers-homepage-blurb a p {
    font-size: 16px;
}
}
@media screen and (max-width: 630px) {
.grid figure {
    max-width: 48.5%;
    min-width: 48.5%;
    max-height: 540px;
    margin: 0 3% 3% 0;
}
}
@media screen and (max-width: 580px) {
.grid figure {
    max-width: 100%;
    min-width: 100%;
    max-height: 320px;
    margin: 0 0 3%;
}
figure img {
    max-width: 100%;
    min-height: 100%;
}
figure.effect-chico h4 {
    padding: 10% 0 5px;
}
}
@media screen and (max-width: 560px) {
.download-application-button .cta-button {
    width: 100%;
}
}
@media (max-width: 560px) {
.topbar .widget:first-child {
    width: 100%;
    float: left;
}
.topbar .widget:nth-child(3) {
    text-align: right;
}
.topbar .widget:nth-child(4), .topbar .widget:nth-child(5), .topbar .widget:nth-child(6) {
    display: none;
}
}
@media (max-width: 500px) {
.slider-button-container .quarter {
    width: 100%;
    float: left;
}
}
@media (max-width: 480px) {
.navbar-toggle {
    margin: 23px 0 22px;
}
}
@media screen and (max-width: 430px) {
.grid figure {
    max-width: 100%;
    min-width: 100%;
    max-height: 460px;
    margin: 0 0 3%;
}
figure.effect-chico h4 {
    padding: 5% 0 5px;
}
}
@media only screen and (min-width: 641px) {
.gform_wrapper .top_label li.gfield.gf_left_half {
    width: 49% !important;
    margin-right: 2%;
}
.gform_wrapper .top_label li.gfield.gf_right_half {
    width: 49% !important;
    margin-right: 0;
}
}
@media (min-width: 992px) {
.main-navigation > li > a {
    padding: 34px 10px !important;
}
.jumbotron.carousel .carousel-text.left {
    top: 40% !important;
}
}
@media (min-width: 1200px) {
.main-navigation > li > a {
    padding: 32px 15px !important;
}
}


/* SEASONAL GRASS INNER PAGE STYLING */
@media (min-width: 992px) {
	.bermuda-grass-spacer-row, .centipede-grass-spacer-row {
		height: 150px;
	}
	.zoysia-grass-spacer-row, .tall-fescue-grass-spacer-row {
		height: 100px;
	}
	.st-augustine-grass-spacer-row {
		height: 200px;
	}
}


/* CAREERS PAGE STYLING */
#accordions-12465 .accordions-head {
	margin-bottom: 5px !important;
}
#accordions-12465 .accordions-head-title {
	font-family: "Roboto Slab", serif;
    font-weight: bold;
}
#accordions-12465 .accordion-content h5 {
	font-size: 17px;
	padding-top: 15px;
}
#accordions-12465 .accordion-content h5:first-child {
	padding-top: 0;
}
#accordions-12465 .accordion-content p {
	font-size: 14px;
	line-height: 1.6;
}
#accordions-12465 .accordion-content li {
	font-size: 14px;
	padding-bottom: 10px;
}
#accordions-12465 .accordion-content p:last-child {
	padding-bottom: 35px;
}
#accordions-12465 .accordion-content a {
	color: #66c54e;
}
#accordions-12465 .accordion-content a:hover {
	color: #2b5f38;
}
.careers-page-form .gform_wrapper {
	margin: 0;
}
.careers-page-form .gform_wrapper .gsection {
	margin-bottom: 3%;
	margin-top: 25px !important;
	margin-right: 0;
	float: left !important;
	clear: both !important;
	width: 100%;
}
.careers-page-form .gform_wrapper li.gfield.field_description_below+li.gsection {
	margin-bottom: 3%;
	margin-top: 35px !important;
	float: left !important;
	clear: both !important;
	width: 100%;
}
.careers-page-form .gform_wrapper li.gsection.form-section-no-text {
	margin-top: -5px !important;
}
.careers-page-form .gform_wrapper .gsection h2 {
	font-size: 20px !important;
}
.careers-page-form .gform_wrapper label.gfield_label {
	margin-top: 0 !important;
}
.careers-page-form .gform_wrapper .ginput_container.ginput_container_consent input {
	display: inline;
	margin-right: 5px;
}
.careers-page-form .gform_wrapper .ginput_container.ginput_container_consent label {
	display: inline;
}
.careers-page-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100%;
}
.careers-page-form .gform_wrapper ul.gfield_checkbox {
	margin: 10px 0 0 15px !important;
}
.careers-page-form .gform_wrapper ul.gfield_checkbox li {
	margin-bottom: 10px !important;
}
.careers-page-form .gform_wrapper ul.gfield_checkbox li:last-child {
	margin-bottom: 0 !important;
}
.careers-page-form .gform_wrapper ul.gfield_checkbox li label {
	color: #606060;
	font-size: 14px !important;
	font-weight: 400;
}
.careers-page-form .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {
	margin-right: 3px;
}
.careers-page-form .gform_wrapper .gform_footer input[type=submit] {
	margin: 0;
	padding: 10px 25px;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_full_width {
	width: 100% !important;
	margin: 0 0 3% 0 !important;
	clear: both !important;
	float: left !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_left_half {
	width: 49% !important;
	margin: 0 2% 3% 0 !important;
	float: left !important;
	clear: both !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_right_half {
	width: 49% !important;
	margin: 0 0 3% 0 !important;
	float: left !important;
	clear: none !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_first_third {
	width: 32% !important;
	margin: 0 2% 3% 0 !important;
	float: left !important;
	clear: both !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_middle_third {
	width: 32% !important;
	margin: 0 2% 3% 0 !important;
	float: left !important;
	clear: none !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_last_third {
	width: 32% !important;
	margin: 0 0 3% 0 !important;
	float: left !important;
	clear: none !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_first_quarter {
	width: 23.5% !important;
	margin: 0 2% 3% 0 !important;
	float: left !important;
	clear: both !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_second_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_third_quarter {
	width: 23.5% !important;
	margin: 0 2% 3% 0 !important;
	float: left !important;
	clear: none !important;
}
.careers-page-form .gform_wrapper ul li.gfield.gf_last_quarter {
	width: 23.5% !important;
	margin: 0 0 3% 0 !important;
	float: left !important;
	clear: none !important;
}
.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox {
	margin-left: 0 !important;
}
.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox li {
	margin-right: 25px;
	width: auto;
	float: left;
}
@media screen and (max-width: 1200px) {
	.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox .gchoice_8_41_14 {
		clear: both;
	}
}
@media screen and (max-width: 992px) {
	.careers-page-form .gform_wrapper ul li.gfield.gf_full_width, .careers-page-form .gform_wrapper ul li.gfield.gf_left_half, .careers-page-form .gform_wrapper ul li.gfield.gf_right_half, .careers-page-form .gform_wrapper ul li.gfield.gf_first_third, .careers-page-form .gform_wrapper ul li.gfield.gf_middle_third, .careers-page-form .gform_wrapper ul li.gfield.gf_last_third, .careers-page-form .gform_wrapper ul li.gfield.gf_first_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_second_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_third_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_last_quarter {
		width: 100% !important;
		margin: 0 0 4% 0 !important;
		clear: both !important;
		float: left !important;
	}
}
@media screen and (max-width: 680px) {
	.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox li {
		margin-right: 0;
		width: 20%;
		float: left;
		clear: none !important;
	}
	.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox li:nth-child(5n+6) {
		clear: both !important;
	}
}
@media screen and (max-width: 642px) {
	.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox li {
		width: 50%;
		clear: none !important;
	}
	.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox li:nth-child(5n+6) {
		clear: none !important;
	}
	.careers-page-form .gform_wrapper .short-options ul.gfield_checkbox li:nth-child(odd) {
		clear: both !important;
	}
}
@media screen and (max-width: 600px) {
	.careers-page-form .gform_wrapper ul li.gfield.gf_full_width, .careers-page-form .gform_wrapper ul li.gfield.gf_left_half, .careers-page-form .gform_wrapper ul li.gfield.gf_right_half, .careers-page-form .gform_wrapper ul li.gfield.gf_first_third, .careers-page-form .gform_wrapper ul li.gfield.gf_middle_third, .careers-page-form .gform_wrapper ul li.gfield.gf_last_third, .careers-page-form .gform_wrapper ul li.gfield.gf_first_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_second_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_third_quarter, .careers-page-form .gform_wrapper ul li.gfield.gf_last_quarter {
		margin: 0 0 35px 0 !important;
	}
}