/*[DMI:DONOTMINIFY]*/
/*--CUSTOM-STYLES.CSS--*/
html {
   scroll-behavior: smooth;
}

html body {
   font-family: 'Raleway', Arial, Helvetica, sans-serif;
   background-color: #fff;
   overflow-x: hidden !important;
   line-height: 100%;
}


body p {
   font-size: 17px;
	line-height: 1.8rem;
}

body ul {
   list-style-type: none;
}

body a {
   text-decoration: none;
   cursor: pointer;
}

body a:hover {
   text-decoration: none;

}
body a:focus, body a:active {
   color: inherit;
}


h1, h2, h3, h4, h5, h6, p, ul, ol {
   margin-bottom: 1rem;
}

h1 {
	font-size: 2.5rem;
}

h2 {
font-size: 1.8rem;
	font-weight: 700;
}

h3 {
font-size: 1.4rem;
	font-weight: 600;
}

h4 {
font-size: 1.25rem;
font-weight: 600;
}

h5 {
font-size: 1.18rem;
	font-weight: 500;
}



body img:not([.carousel-item > img]) {
   width: 100%;
   height: auto;
}




.global-nav {
   background: #fff !important;
   z-index: 3;
   box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, .05);
}
.globalnavcollapse {
   height: 100%;
}
.globalnavcollapse .navbar-brand {
   padding: 0;
}
.globalnavcollapse ul li a {
   height: 100%;
   padding: 20px !important;
   line-height: 35px;
}
/*NAV RETRACT */
.top-banner {
   -webkit-position: sticky;
   position: sticky;
   top: 0px;
   -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
   -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
   transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

/*-Utility Classes and BOOTSTRAPv4.2 CSS OVERRIDES-*/
.relative {
   position: relative !important;
}
.absolute {
   position: absolute !important;
}
.vertical-center {
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 2 !important;
}
.card-header {
   background-color: transparent !important;
   border-bottom: none;
}
body p.text-small {

	font-size: 14px;
line-height: 1.5rem;
}
.services .card {
   border: none !important;
}
.service-options {
   padding-top: 1rem
}
.service-options p {
   font-size: 15px;
   line-height: 1.75rem;
}


.bb {
   border-bottom: 1px solid #222;
}


/* Global border utils*/
.border-1 {border:1px solid #abe702!important;}
.border-2 {border:1px solid #678B03!important;}
.border-3 {border:1px solid #a9b7d9!important;}
.border-4 {border: 1px solid #abbad2!important;}

/* Global green utils */
.g1 {
   color: #99db4b !important;
}
.g2 {
   color: #a3f40c !important;
}
.g3 {
   color: #4d8d01 !important;
}
.ft-12 {
   font-size: 12px !important;
}
.y1 {
   color: #feffbe !important;
}
.o1 {
   color: #ffc05c !important;
}
.o2 {
   color: #fcd500 !important;
}
.w2 {
   color: #55d0f7 !important;
}
.w1 {
   color: #f3f6ff !important;
}
/*-font weight classes-*/
.fw-300 {
   font-weight: 300 !important;
}
.fw-400 {
   font-weight: 400 !important;
}
.fw-500 {
   font-weight: 500 !important;
}
.fw-600 {
   font-weight: 600 !important;
}
.fw-700 {
   font-weight: 700 !important;
}
.fw-800 {
   font-weight: 800 !important;
}
.fw-900 {
   font-weight: 900;
}
/*-max-min-width classes mx-auto-*/

.min-vh100 {
   min-height: 100vh;
}
.mb-25 {
   margin-bottom: 25px;
}
/*- Z-index Util -*/
.z-0 {
   z-index: 0;
}
.z-1 {
   z-index: 1;
}
.z-2 {
   z-index: 2;
}
.z-3 {
   z-index: 3;
}
/*-Social Media Banner-*/
.sm-wrapper {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   padding: 8px 25px;
}
.dropdown-divider i {
   display: inline-block;
   top: 0;
   left: 5px;
}
/*MODAL OVERRIDES*/


/*SOCIAL MEDIA BANNER*/
.sm-wrapper {
   font-size: 14px;
}
.sm-wrapper ul {
   margin: 0;
   padding: 0;
}
.sm-wrapper ul li {
   color: #fff;
   display: inline-block;
}
.sm-title {
   font-weight: 600;
   display: inline-block;
   color: #fff;
   padding-right: .75rem;
}
.sm-wrapper i {
   color: #111;
   font-size: 1.75rem;
   padding-right: .5rem;
}
.home .sm-wrapper a, .home .sm-wrapper i {
   color: #fff;
}
.services .fa-star-exclamation {
   color: gold !important;
}
.services .fa-star {
   color: silver !important;
}
.services .fa-fill-drip {
   color: #395402 !important;
}
.services .fa-fill {
   color: green !important;
}
.services .fa-calendar-check {
   color: #fffef3 !important;
}
.fa-tag {
   color: #fff;
}
.about .fa-lightbulb-on {
   color: #b6ff12 !important;
}
.fa-engine-warning {
   color: red !important;
}
.fa-fire-alt, .fa-flame {
   color: #ff4325 !important;
}
a.contact-inline {
   color: #94d825 !important;
}
a.contact-inline:hover {
   color: #7eaf41 !important;
   text-decoration: none;
}
a.contact-inline2 {
   color: #80ce30 !important;
}
a.contact-inline2:hover {
   color: #588e20 !important;
   text-decoration: none;
}

.mb-6 {
   margin-bottom: 60px;
}

/*--global main navigation--*/
.navbar-toggler-main {
   color: #2D2D2D !important;
   border: none;
   background: transparent !important;
}
.navbar-toggler-main:hover {
   color: #222 !important;
}
.card .navbar-light {
   padding-top: 8px !important;
   padding-bottom: 8px !important;
}
.navbar-toggler span {
   display: block;
   background-color: #222 !important;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   opacity: 1;
}
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
   position: absolute;
   top: 31px;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   transform: rotate(135deg);
   opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
   height: 19px;
   visibility: hidden;
   background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
   position: absolute;
   top: 31px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
   opacity: 0.9;
}
.navbar-toggler:focus, .navbar-toggler:active {
   outline: 0;
}
.custom-toggler.navbar-toggler {
   border-color: rgb(45, 45, 45);
}
.navbar-togglerM {
   -webkit-box-shadow: 1px 1px 10px 1px rgba(9, 9, 9, .1);
   box-shadow: 1px 1px 10px 1px rgba(9, 9, 9, .1);
   margin: 0;
   padding: 0px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background-color: #FAFFD4;
   color: #8DCE46 !important;
   width: 45px;
   height: 45px;
   border: 2px solid #aedb00 !important;
}
.navbar-togglerM i {
   display: inline-block;
   background: transparent;
   color: #8DCE46 !important;
}
.navbar-togglerM i.fa-times-circle {
   position: absolute;
   left: 70px;
   top: -15px;
   color: #222 !important;
   font-size: 20px;
}
i.paper-plane {
   color: #8DCE46;
}
.home i.fa-snowflake {
   color: aliceblue;
}
.home .fa-leaf-oak {
   color: #D45B12;
}
.home .fa-sun {
   color: #fcee21;
}


.global-nav .nav-link {
   -webkit-transition: .15s ease;
   -moz-transition: .15s ease;
   -o-transition: .15s ease;
   transition: .15s ease;
}
.global-nav .nav-link:hover {
   -webkit-transition: transform .15s ease;
   -moz-transition: transform .15s ease;
   -o-transition: transform .15s ease;
   transition: transform .15s ease;
   color: #8DCE46 !important;
}
.global-nav .nav-link {
   position: relative;
}
.b-brdr {
   border-bottom: 1.25px solid #94D81F !important;
}

.section-4 {
   display: flex;
   flex-direction: column;
   justify-content: center;

   min-height: 550px;
}

/*footer styles*/
.footer {
   background-color: #1f241f;
}
.footer .top-section {
   display: flex;
   flex-direction: column;
   justify-content: center;
      min-height: 320px;
	   border-top:2px solid #8ae52e;
    border-bottom:2px solid #8ae52e;
}
.footer h4 {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
color: #8ae52e;
padding-top: 1rem;
}
.footer a, .footer span {
   color: #fff;
}
.f-bot {
   display: block;
   padding: 1rem 1.15rem;
   background-color: #ace52e !important;
   background: url("../images/f-bot-img.png") no-repeat transparent;
   background-size: cover;
   width: 100%;
   height: 100%;
}

.f-col-wrap ul li * {
   line-height: 2rem
}
.footer .f-bot * {
   color: #222;
   font-weight: 700;
   font-size: 13px;
}
.footer .f-bot a {
   text-decoration: none;
   font-weight: 600;
}
.footer .f-bot a:hover {
   text-decoration: none;
   color: #333;
}
.f-top-abt {
   background-color: #1b1a1a !important;
}
.f-top-srv {
   background-color: #1f241f !important;
}




.flogo {
   position: relative;
   text-align: center;
}
.flogo a {
   position: relative;
   display: block;
   line-height: 130px;
}

.foot-container {
   position: relative;
}
.foot-container ul li a {
   color: #fff;
}

.address-container {
   position: relative;
}

.footer ul li a i.fa-facebook, .footer ul li a i.fa-instagram {
   color: #fff !important;
}
.footer li i.fa-facebook:hover {
   color: #afbdd4 !important;
}
.footer ul li a:hover i.fa-facebook {
   color: #4874CF !important;
}
.footer ul li a i.fa-instagram:hover {
   color: #bc2a8d !important;
}
.footer ul li a:hover i.fa-instagram {
   color: #bc2a8d !important;
}
.footer ul li a.tel:hover i.fa-phone-square {
   color: #84ff1c !important;
}
.footer ul li a.email:hover i.fa-envelope-square {
   color: #84ff1c !important;
}
.footer ul li a.mail:hover i.fa-map-marked {
   color: #84ff1c !important;
}
.footer .fa-li i {
   color: #87CC4D !important;
}

/*TOOLTIP*/
.t1:hover {
   cursor: not-allowed !important;
}
.t2 {
   font-weight: 600 !important;
}
.t2:hover {
   border-bottom: none !important;
   cursor: not-allowed !important;
}
.t2 {
      font-size: 14px;
   }
.hedge-content .modal-header {
   background-color: #f7ffc5;
}
.tooltip-inner {
   text-align: center;
   font-weight: 600 !important;
}

/*- SITE ID HOVER-EFFECT -*/
.foot-logo {
width: 100%;
height: 110px;
background: url("../images/ys-foot-b.svg") no-repeat center;
display: block;
}
.foot-logo:hover {
   background: url("../images/ys-foot-a.svg") no-repeat center;
}
ul.foot-agreement-list {
   width: 100%;
   padding: 1rem 0;
   margin-bottom: 0;
   text-align: center;
}
ul.foot-agreement-list li {
   display: inline-block;
}
ul.foot-agreement-list li a {
   color: #fff;
   font-size: 11px;
}
ul.foot-agreement-list li a i {
   color: #87cc4d !important;
   padding-right: 4px;
}
ul.foot-agreement-list li a:hover i {
   color: #84ff1c !important;
}
.li-hours i {
   color: #222 !important;
}
.w-1 {
   display: block;
   height: 60px;
   width: 100%;
   background-size: cover;
   background-image: url(../images/pattern1.1.png);
   background-repeat: repeat-y;
}
.fs-16 {
   font-size: 15px !important;
}
.about .sm-wrapper ul li a, .services .sm-wrapper ul li a, .services .sm-wrapper .sm-title, .about .sm-wrapper .sm-title {
   color: #000;
}
.global-nav .nav-item.active a {
   position: relative;
}
/*********HOMEPAGE*********/
/*INDEX CAROUSEL HEADER IMAGE STYLES*/
.header-image {
   position: relative;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   z-index: 0;
   margin-bottom: 0px;
}
.services .header-image img {
   width: 100%;
   height: auto;
}
.row {
   margin: 0;
} /*override flexbox gutters*/
#carousel-ys {
   background-color: #222 !important;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
}
.sg-header {
   display: block;
   background-image: url(../images/leaf-stems.svg);
   background-repeat: no-repeat;
   width: 100%;
   height: auto;
   background-position: 0px -100px;
}
.sg-h2 {

   color: #fff5c2;


}
.sg-row p {
   color: #fff;
   font-size: 17px;
   line-height: 2.25rem;
}
.sg-row i {
   color: #7dc944 !important;
}
.bg-overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1;
   border-bottom: 3px solid #7dc944;
   background-color: rgba(0, 0, 0, 0.5);
   height: 100%;
}
.home .carousel .carousel-item img {
   min-width: 100%;
   min-height: 100%;
}
.home .carousel .header-image img {
   filter: brightness(.9);
}
.header-image ol.carousel-indicators {
   z-index: 2;
}
.carousel-indicators .active {
   background-color: #bafd3a !important;
}
.carousel-indicators li {
   border-radius: 50%;
   width: 10px;
   height: 10px;
   margin-left: 5px;
   display: block;
   margin-right: 5px;
}
.header-text {
   z-index: 1;
   width: 100%;
}
.header-text i {
   color: #89c701;
   width: 100%;
   display: inline-block;
   font-weight: 400;
   font-size: 1.7rem;
   text-align: center;
   transition: 2s ease;
   animation-duration: 2.5s;
   animation-delay: 1s;
}
.home .header-text {
   z-index: 2;
   text-align: center;
}
.home .header-text p {
   text-shadow: 3px 2px 5px #111;
   line-height: 1.65em;
   color: #fff;
   margin-bottom: 1rem;
}
.home .header-text h1 {
   font-weight: 700;
   font-size: 2.4em;
   letter-spacing: .025em;
   color: #fff;
   margin-top: .5em;
   margin-bottom: .5em;
}
.home .header-text h1 span {
   color: #baff36;
   font-weight: 800;
}
.sg {
   font-weight: 600;
   font-size: 26px;
   padding: 8px 15px 8px 15px;
   margin: 15px auto 15px;
   color: #161616;
   text-align: center;
   text-transform: capitalize;
   border: 2px solid #222;
   background-color: #9fed3a;
}

.service-container {
   position: relative;
   margin-bottom: 2.75rem;
}
.service-container .circle {
   border-radius: 50%;
   max-width: 150px;
   height: 150px;
   display: block;
}
.service-container img {
   display: block;
   margin-bottom: 1.25rem;
   max-width: 200px;
   margin-left: auto;
   margin-right: auto;
   z-index: 1;
}
.service-container h3 {

   font-weight: 600;

}
.ge-contain {padding-top:.5rem; }
.title {
   color: #222;
   font-weight: 500;
}



.grass {
   display: block;
   width: 100%;
   height: auto;
   position: relative;
   background-color: #222;
   z-index: 0;
}
.grass:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-repeat: repeat;
   z-index: -1;
   opacity: .4;
   background-position: center center;
   background-image: url(../images/grass4M.svg);
}
.bgb {
   display: block;
   border-left: 3px solid #85ce39;
   border-right: 3px solid #85ce39;
   max-width: 700px;
   margin: 0px auto;
   width: 100%;
   padding: 0px;
   border-radius: 0px;
}
.bgd {
   background-color: rgba(13, 13, 13, 0.17);
}
.section-2 .blurb {
   position: relative;
   color: #222 !important;
}
.section-2 .blurb:after {
   content: '';
   position: absolute;
   top: -1px;
   left: 50%;
   font-size: 2rem;
   transform: translateX(-50%);
   width: 35px;
   line-height: 30px;
   height: 30px;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid #222;
}
.section-2 p {
   color: #fff;
   line-height: 2rem;
}
.section-3 p {
   line-height: 1.75rem;
	padding: 0 1.5rem;
}
.sg-container span {
   font-size: 17px;
}
.sg-last {
   background: url(../images/separator3.svg) no-repeat center bottom;
   height: 130px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: -1;
   opacity: .3;
}
.splash-section {
   position: relative;
}



.circle {
   display: inline-block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   overflow: hidden;
   z-index: -1;
   margin-bottom: 0px;
   max-width: 250px;
   max-height: 250px;
   background: rgb(250, 255, 212); /* Old browsers */
   background: -moz-radial-gradient(center, ellipse cover, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%); /* FF3.6-15 */
   background: -webkit-radial-gradient(center, ellipse cover, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: radial-gradient(ellipse at center, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faffd4', endColorstr='#fffff4', GradientType=1); /* IE6-9 fallback on horizontal gradient */
   border: 2px solid #000;
}



.winter {
   border: 2px solid #88a0c4 !important;
   background: rgb(188, 255, 255); /* Old browsers */
   background: -moz-radial-gradient(center, ellipse cover, rgba(188, 255, 255, 1) 0%, rgba(249, 255, 254, 1) 100%); /* FF3.6-15 */
   background: -webkit-radial-gradient(center, ellipse cover, rgba(188, 255, 255, 1) 0%, rgba(249, 255, 254, 1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: radial-gradient(ellipse at center, rgba(188, 255, 255, 1) 0%, rgba(249, 255, 254, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcffff', endColorstr='#f9fffe', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.season-circle {
   display: inline-block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border: 2px solid #000;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   overflow: hidden;
   z-index: -1;
   margin-bottom: 0px;
   max-width: 155px;
   max-height: 155px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background: rgb(255, 255, 255); /* Old browsers */
   background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 1%, rgba(170, 239, 91, 1) 31%, rgba(229, 199, 18, 1) 60%, rgba(212, 91, 18, 1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 1%, rgba(170, 239, 91, 1) 31%, rgba(229, 199, 18, 1) 60%, rgba(212, 91, 18, 1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(135deg, rgba(255, 255, 255, 1) 1%, rgba(170, 239, 91, 1) 31%, rgba(229, 199, 18, 1) 60%, rgba(212, 91, 18, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d45b12', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
#Services {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}



/*testimontal carousel*/
.testi-container {
   max-width: 700px;
   margin: 0 auto;
   text-align: center;
}
.testi-container .statement {
   position: relative;
   font-size: 1.65rem;
   line-height: 2.5rem;
   margin-bottom: 2.75rem;

   padding: 0 2.75rem .5rem;
 
}
.testi-container .statement:before, .testi-container .statement:after {
   font-family: 'Font Awesome 5 Pro';
   position: absolute;
   top: -.25rem;
   color: #80ce30;
   font-size: 1.35rem;
   font-weight: 100;
   font-style: normal;
}
.testi-container .statement:before {
   content: '\f10d';
   left: -5px;
}
.testi-container .statement:after {
   content: '\f10e';
   right: -5px;
}

.testi-container .customer {
 
    position: relative;
     margin: 0 auto .5rem;
   padding-bottom: .25rem;
   font-weight: 600;
       font-size: 1.3rem;
   
}
.testi-container .customer:before {
   content:'';
      position: absolute;
   top: -1.75rem;
left:50%;
   transform: translateX(-50%);
   width:55px;
   height: 1px;
   background-color: #80ce30;
   
  
}
.testi-container .city  {
      font-size: 1rem;
}


.testi-container .stars {
   margin-bottom: 1rem;
}
.testi-container .stars .fa-star {
   color: gold;
   padding: 0 .1rem;
   font-size: .95rem;
}
.slider .slick-dots {
   display: none !important;
}
.fa-phone-square {
   color: #6BC14B;
}
.fa-envelope-square {
   color: #6BC14B;
}
.controls i {
   color: #fff;
}
.controls a {
   cursor: pointer !important;
}
.wc .circle {
   top: 3px;
}
.seasons {
   background-image: url(../images/seasons-bg.png);
   background-repeat: no-repeat;
}
span.star-contain a {
   z-index: 2;
   cursor: pointer !important;
}
span.star-contain a i {
   display: inline-block;
   position: absolute;
   top: 10px;
   left: 20px;
   color: gold !important;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
.stroke {
   display: inline-block;
   width: 100%;
   height: auto;
   max-width: 400px;
   top: -10px;
   left: 20%;
   z-index: -1;
}
.btn-home-wrap {
   width: 100%;
   padding: 1rem .75rem;
}
.section-1 .header-text a, .section-3 .ge-contain a {
   padding: 1.5rem;
}
.bg3 {
   display: block;
   width: 100%;
   height: auto;
   background: #ace52e url("../images/f-bot-img.png") no-repeat;
   background-size: cover;
}
.blurb {
   color: #f0ffbe;
   font-weight: 800 !important;
   line-height: 2;
}
.full-alert {
   display: block;
   border-radius: 3px;
   background-color: #a1ff44;
   font-weight: 600;
   padding: .75rem;
   font-size: 1rem;
   text-align: center;
   margin: 0 auto;
   max-width: 320px;
}
.full-alert span {
   font-weight: 700;
}
.about h1 {
   font-weight: 600;
}
.about .sg-header .leaf-stems {
   max-width: 100%;
   height: auto;
}
/*--ABOUT US STYLES--*/
.about .header-content {
   position: relative;
}
.about .header-content p {
   font-size: 17px;
   line-height: 1.75rem;
}
.about .headerbg {
   display: block;
   z-index: -1;
   position: absolute;
   top: 0;
   left: 0;
   background-image: url("../images/about-us-bg4.png");
   background-repeat: repeat;
   background-size: cover;
   width: 100%;
   min-height: 100%;
}
p span {
   font-weight: 600;
}
.spoons, .pop {
   max-width: 450px;
}



.spoons img {
   transform: translateX(-150%);
   animation: slide-in-right 1s ease-in-out both;
   animation-delay: .25s;
}
.pop img {
   transform: translateX(150%);
   animation: slide-in-left 1s ease-in-out both;
   animation-delay: .5s;
}
@keyframes slide-in-left {
   0% {
      -webkit-transform: translateX(150%);
      transform: translateX(150%);
      opacity: 0
   }
   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1
   }
}
@keyframes slide-in-right {
   0% {
      -webkit-transform: translateX(-150%);
      transform: translateX(-150%);
      opacity: 0
   }
   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1
   }
}
.sg-header .clock {
   max-width: 120px;
   margin-top: 15px;
   position: relative;
   top: 0px;
   z-index: 1;
}
.sg-header .leaf-stems {
   position: absolute;
   padding: 5px;
   left: 0px;
   z-index: 0;
   opacity: .25;
}
.blockquote {
   text-align: center;
   color: #222;
   line-height: 1.8em;
   padding: 25px;
}
.blockquote span {
   font-weight: 600;
   letter-spacing: 0px !important;
}
.wel-logo {
   left: -2px;
}
.grass {
   display: block;
   background-repeat: repeat-y;
   max-width: 100%;
   height: auto;
   position: relative;
   background-color: #222;
}
.header-image-wrapper {
   position: relative;
   min-height: 400px;
   z-index: 0;
   width: 100%;
}
.head-style {
   color: #aeff10;
   font-weight: 700;
}
.modal-header .fa-calculator {
   display: inline-block !important;
   color: #f8f8d6;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   width: 50px;
   line-height: 50px;
   background-color: transparent;
   height: 50px;
   -webkit-box-shadow: inset 0 0 0px 2px #9ccc4e;
   box-shadow: inset 0 0 0px 2px #9ccc4e;
   border: 1px solid #9de105;
}
.head-style {
   padding: 5px 15px 5px;
}

.about .goal-title {
   display: block;
   font-size: 19px;
   font-weight: 500;
   color: #8ed42f;
   margin-bottom: 1rem;
	padding: .5rem;
}
.about .signature {font-size: 19px; font-weight: 700;}



.bgw {
		position: relative;
   display: block;
   background-size: cover;
   max-width: 700px;
   margin: 0px auto;
   width: 100%;
   border-radius: 3px;
   padding: 0px;
	 background-color: rgba(19,21,19,0.57);
}
.border-a {
	position: relative;
   border-left: 2px solid #82bb33;
   border-right: 2px solid #82bb33;
   background-position: 0px 0px;
   width: 100%;
   height: auto;
   background-size: contain;
  
}

.border-a p {
   color: #fff !important;
}

hr {
   background-color: #82bb33;
   padding-left: 15px;
   padding-right: 15px;
   max-width: 550px;
   margin-left: auto;
   margin-right: auto;
}


.sg-container span {
   font-size: 17px;
}
.headline {
	   display: inline-block;
   color: #feffbe;


	font-weight: 600;
margin-bottom: .25rem;
padding: 1rem 0;
}


.service-header {
   padding-bottom: 1rem;
}
.sg-container p {
   color: #fff;
   line-height: 1.75em;
   font-weight: 500;
   text-align: center;
}
.bgw2 {
   position: relative;
   z-index: 0;
}
a.contact-inline {
   color: #bcf75c !important;
}
a.contact-inline:hover {
   color: #7eaf41 !important;
   text-decoration: none;
}
.p-contact span {
   color: #fff;
   font-size: 17px;
   font-weight: 600;
}
.fa-mail-bulk {
   color: #222;
}

.tel2 {
   color: #fff !important;
   text-decoration: none;
}
.tel2:hover {
   text-decoration: none;
}


.phone-btn {
   text-align: center;
}
.phone-btn a.tel i {
   transition: .2s ease;
   color: #92d628;
   background-color: #1b1a1a;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   border: 1px solid #cfff43;
}

.phone-btn a.tel i:before {
   position: relative;
   top: 11px;
}


.a-collapse-btn {
   -webkit-border-radius: 50% !important;
   border-radius: 50% !important;
   background-color: #222;
}

.a-toggle-icon {
   width: 50px;
   height: 50px;
   line-height: 50px;
   -webkit-border-radius: 50% !important;
   border-radius: 50% !important;
   color: #cbff00;
}

/* SERVICES PAGE  */
.services-nav-wrap {
   display: block;
   position: relative;
   bottom: 35px;
}


.htm-head {
   text-align: center;
   display: block;
   width: 100%;
   padding: 10px;
}
.modal-body-ucalc p {
   text-align: center !important;
   color: #6c757d !important;
}
.modal-header .mh-1,
.modal-header .wh-1 {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
	min-height: 30px;
}
.tagline {
   color: #fff;

}



#Mow .p-contain i.fa-asterisk, #Waste .p-contain2 h3 i.fa-asterisk {
   font-size: 10px;
   vertical-align: text-top;
   color: #7dca3a;
}
.header-image {
   position: relative;
   top: 0;
   background-color: #c4f951;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   overflow: hidden;
   z-index: 0;
   margin-bottom: 0px;
}
.gradhl {
	display: block;
	position: absolute;
	width: 100%;


			min-height: 20%;
	bottom:0;
	left:0;
	 background: rgb(198,255,62);
background: -moz-linear-gradient(0deg, rgba(198,255,62,1) 0%, rgba(204,255,0,1) 18%, rgba(154,246,48,0.6964986678265056) 59%, rgba(210,242,107,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(198,255,62,1) 0%, rgba(204,255,0,1) 18%, rgba(154,246,48,0.6964986678265056) 59%, rgba(210,242,107,0) 100%);
background: linear-gradient(0deg, rgba(198,255,62,1) 0%, rgba(204,255,0,1) 18%, rgba(154,246,48,0.6964986678265056) 59%, rgba(210,242,107,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6ff3e",endColorstr="#d2f26b",GradientType=1); 

}
.header-text h1 {
   display: block;
   position: relative;
   color: #444;
   font-weight: 800;
   text-align: center !important;
   -webkit-transition: .3s ease;
   transition: 1s ease;
   animation: bounceInDown;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   min-width: 100%;
}



.intro-header {
   display: block;
   width: 100%;
   height: 100%;
   padding: 1rem 0 0;
	   background: #222;
}
.intro-header img {
   padding-top: .75rem;
   padding-bottom: .5rem;
}

.intro-header h2 {
   display: inline-block;
 
   font-weight: 700;
   color: #fff;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;

   margin-bottom: .5rem;
}
.intro-header .service-img {
padding-top: 1rem;
display: block;
position: relative;
text-align: center;
z-index: 0;
min-height: 155px;
margin-bottom: .35rem;
}
.intro-header .service-img .default-circle {
	border-color:#ccc;
}
.intro-header .service-img img {
   display: block;
   position: relative;
max-width: 150px;
   margin: 0 auto;
}
.service-img .sea-circle, .price-circle.sea-circle {
	 background: rgb(231,55,1);
background: -moz-linear-gradient(11deg, rgba(231,55,1,1) 0%, rgba(231,114,1,1) 25%, rgba(186,253,58,1) 56%, rgba(232,254,188,1) 100%);
background: -webkit-linear-gradient(11deg, rgba(231,55,1,1) 0%, rgba(231,114,1,1) 25%, rgba(186,253,58,1) 56%, rgba(232,254,188,1) 100%);
background: linear-gradient(11deg, rgba(231,55,1,1) 0%, rgba(231,114,1,1) 25%, rgba(186,253,58,1) 56%, rgba(232,254,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e73701",endColorstr="#e8febc",GradientType=1); 
	color:#222;
}
.service-img .ws-circle , .price-circle.ws-circle {
	 background: rgb(135,196,209);
background: -moz-linear-gradient(21deg, rgba(135,196,209,1) 0%, rgba(193,218,246,1) 61%, rgba(252,253,255,1) 99%);
background: -webkit-linear-gradient(21deg, rgba(135,196,209,1) 0%, rgba(193,218,246,1) 61%, rgba(252,253,255,1) 99%);
background: linear-gradient(21deg, rgba(135,196,209,1) 0%, rgba(193,218,246,1) 61%, rgba(252,253,255,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#87c4d1",endColorstr="#fcfdff",GradientType=1); 
	color:#137db6;
}

.s-grass {
   background-image: url(../images/s-grass.png);
   background-repeat: repeat;
   background-position: 0 0;
   width: 100%;
   height: auto;
   overflow: hidden;
}
.season {
   display: block;
   text-align: center;
   color: #b2fe0a;
   font-weight: 600;
   font-size: 15px;
   line-height: 1.75rem;
   padding: 0 0 1.5rem;
}
.season a {
   color: #9af425 !important;
}
.season a:hover {
   text-decoration: none;
}
.services .tooltip-inner {
   background-color: #94f000 !important;
   color: #222 !important;
   font-weight: 600 !important;
   font-size: 13px;
}
.season .tooltip-inner {
   background-color: #94f000 !important;
}
.clr222 {
   color: #222 !important;
}
.pln-tip-style {
   text-align: center;
   padding: 2px;
   font-weight: 600 !important;
}
.pln-tip-style i {
   padding-right: 4px !important;
}


h2.s-menu-title {
   width: 100%;
   color: #222;
   padding: 25px 0px;
   border-top: none;
   font-weight: 800;
   margin: 0;
   text-align: center;
   font-size: 22px;
   left: 0;
   z-index: 0;
   visibility: hidden;
}

/*service price*/
.price-wrapper {
   position: relative;
   width: 140px;
   z-index: 0;
   min-height: 140px;
   margin: 0 auto;
}
.price-circle {
   position: relative;
   display: block;
   margin: 0 auto;
   border-radius: 50%;
   width: 130px;
   height: 130px;
background: #222;
   z-index: -1;
	border: 2px solid #b2fe0a;
}
.price-wrapper .price {
   display: block;
   font-family: 'Futura', sans-serif;
   text-transform: uppercase;
   position: absolute;
   color: #aefb02;
   font-size: 3rem;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   font-weight: bold;
   min-height: 30px;
}
.price-wrapper .price sup {
   font-size: 1.25rem;
   top: -1em;
	font-weight: 300;
}
.price-wrapper .price sup.hour {
   font-size: .9rem;
   vertical-align: top;
   line-height: 1.2;
   text-transform: lowercase;
   font-weight: 500;
}




.price-circle.ws-circle {
	border:2px solid #abbad2;
}
.snow-top {
 
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
top: -1.65rem;
width: 149px;
height: 129px;
   background: url("../images/snow-top.png") no-repeat center / contain;
}
.snow-top .price {
   color: #137db6;
}
.manhr{

   position: absolute;
   right: 0;
   bottom: 1px;
   width: 50px;
   height: 55px;
   background: url("../images/1ManHr.png") no-repeat center / contain;
}
.snow-top .price {
   color: #137db6;
}
.cubicft{

   position: absolute;
	bottom: 10px;
   left: 50%;
   transform: translateX(-50%);

   width: 125px;
   height: 40px;
   background: url("../images/cubicft-icon.png") no-repeat center / contain;
}
.tenk-sqft {

   position: absolute;
   left: 0;
   bottom: 20px;
   width: 140px;
   height: 90px;
   background: url("../images/10K_SqFt.png") no-repeat center / contain;
}

.plus-6in,.minus-6in {
display: block;
position: absolute;
left: 10px;
bottom: 0;
width: 120px;
height: 50px;

}
.plus-6in {
	background: url("../images/plus-6in.png") no-repeat bottom / contain;
}


.minus-6in {

background: url("../images/minus-6in.png") no-repeat bottom / contain;

}

.s-copy {

   padding-bottom: 1rem;
   position: relative;
}
.s-copy2 {
   position: relative;
}
.services .bg-wrap {
   -webkit-display: flex;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   min-height: 420px;
   background: #FFFCE6;
   padding: 2rem;
}

.s-copy h3 {
   display: inline-block;
   font-weight: 700;
   width: 100%;
   max-width: 500px;
   padding: 10px 0px;
   margin-bottom: 15px;
   color: #222;
   text-align: center;
}

.ys-color {color:#b2fe0a!important;}
.sea-color {color:#d3da00!important}
.sea-color2 {color:#b82d17!important}
.sea-color3 {color:#ffc05c!important}

.ws-color {color: #137db6!important;}
.ws-color2 {color:#abbad2!important;}
.pink-color {color:#ffa7d0 !important}



.s-copy p {
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   width: 100%;
   max-width: 500px;
   margin-bottom: 15px;
   color: #222;
   padding: 5px 15px;
}


.fall-img .service-img:before {
   background: #ffe023;
}
.winter-img .service-img:before {
   background: lightcyan;
}
.service-collapse:hover {
   background: #222;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}
.service-collapse:hover .service-collapse i {
   color: #8DCE46;
}
.service-collapse i {
   color: #222;
}

.bg {
   background-color: #222 !important;
   max-width: 100%;
   display: block;
   padding: 0;
   margin: 0;
}
.grid {
   display: block;
   width: 100%;
   position: relative;
   border: 1px solid #222;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   height: 300px;
}
ul.custom {
   margin-top: 0px !important;
}
.navbar-services {
   width: 100%;
   background: rgb(198, 253, 71); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(198, 253, 71, 1) 0%, rgba(217, 255, 9, 1) 99%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, rgba(198, 253, 71, 1) 0%, rgba(217, 255, 9, 1) 99%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, rgba(198, 253, 71, 1) 0%, rgba(217, 255, 9, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6fd47', endColorstr='#d9ff09', GradientType=0); /* IE6-9 */
}
#service-Menu ul.custom li {
   position: relative;
   margin-bottom: 10px;
   z-index: 0;
   display: block;
   height: 100%;
}
#service-Menu ul.custom li a {
   display: block;
   font-weight: 600;
   position: relative;
   z-index: 0;
   width: 100%;
   color: #222;
}
#service-Menu ul.custom li a .tab-img {
   margin: auto;
   max-width: 150px;
}
#service-Menu ul.custom li a.active {
   -webkit-border-radius: 0px;
   border-radius: 0px;
   font-weight: 600;
}
.s-collapse-btn {
   -webkit-border-radius: 50% !important;
   border-radius: 50% !important;
   background-color: #222;
   z-index: 1;
}

.navbar-services {
   max-width: 1600px;
   margin: 0 auto;
}
.s-collapse-btn {
   display: inline-block; /* float:left; */ /* z-index:1; */
}
.pln-ico {
   color: red !important;
}
.s-toggle-icon {
   line-height: 50px;
   -webkit-border-radius: 50% !important;
   border-radius: 50% !important;
   font-weight: 200;
   color: #D2F46D;
}

.card {
   background-color: #cf0;
   border-radius: 0px;
   text-align: center;
}
.navbar-services .card-header {
   padding: 0px;
   width: 100%;
}
.card-body {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   padding-bottom: 15px;
   background-color: #fff !important;
}

.circle2 {
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border-radius: 50%;
   min-width: 75px;
   min-height: 75px;
   opacity: .5;
   z-index: -1;
}
.price-options img {
   display: block;
   max-width: 140px;
   margin: 0 auto;
}
.p-circle {
   display: block;
   max-width: 133px;
   margin: 15px auto;
}

.s-copy p {
   max-width: 380px;
   width: 100%;
   padding: 0px 15px;
   margin: 0px;
}
.s-copy .box {
   display: block;
   max-width: 400px;
   width: 100%;
   border: none;
}



.default-circle {
   display: inline-block;
	position: absolute;
   top: 50%;
   left: 50%;
	transform: translate(-50% , -50%);
 width: 130px;
	height: 130px;
z-index: -1;
background: rgb(250, 255, 212); /* Old browsers */
   background: -moz-radial-gradient(center, ellipse cover, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%); 
   background: radial-gradient(ellipse at center, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faffd4', endColorstr='#fffff4', GradientType=1); 
   border: 2px solid #222;
	border-radius:50%;
}


.include-icon {
   display: block;
   max-width: 140px;
   height: auto;
   margin: 0 auto 1.25rem;
}
.op-img, .msp-img {
   display: block;
   max-width: 200px;
   height: auto;
   margin: 0 auto;
}
.box {
   display: block;
   position: relative;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}


.fall-img .season:first-of-type {
   margin-bottom: 0px;
}
.s-copy2 {
   max-width: 100%;
}
p.callout {
   color: #80db45 !important;
   font-size: 14px;
   max-width: 300px;
   margin: 0 auto;
   padding-top: 15px;
}
.p-contain p {
   font-weight: 600;



}

.p-contain .price {
   max-width: 768px;
}
.p-contain .price, .p-contain2 {
   display: block;
   margin: 0 auto;
   width: 100%;
}
.p-contain .price {
   max-width: 768px;
}
.p-contain h4 {
   font-weight: 700;
   color: #80db45 !important;
}

.p-contain2 p, .p-contain3 p, .p-contain4 p {

   font-weight: 500;
   font-size: 16px;

}




.text-mute {
   font-size: 14px !important;
   color: green !important;
   letter-spacing: 0px;
   font-weight: 500;
}
.gal img {
   padding: 1rem;
}
.row-gal {
   padding: 10px;
}
.elem, .elem * {
   box-sizing: border-box;
   margin-bottom: 0 !important;
}
.cents {
   font-weight: 700;
}
.elem {
   position: relative;
   display: block;
   font-size: 0;
   background: #ddd;
   border: 4px solid #fff;
   background-clip: padding-box;
}
.elem > span {
   display: block;
   cursor: pointer;
   height: 0;
   padding-bottom: 70%;
   background-size: cover;
   background-position: center center;
}
.elem img {
   margin-bottom: 15px;
}
.s-title {
	display: block;
 color: #222;
font-weight: 600;
line-height: 2rem;
text-align: center;
font-size: 1.5rem;
		margin-top: .5rem;
	margin-bottom: 1rem;
}
.s-subtitle {	
	display: block; 
	color: #222;
	font-size: 1rem;
	font-weight: 600;	
	margin-bottom: .75rem;
}


.s-inc p {
   display: block;
   width: 100%;
   margin: 0 auto 1rem;
}



.s-main2, .s-main-s, .w-main {
   background-color: #fff !important;
}
.s-main-wrap {
   position: relative;
   display: block;
   margin-bottom: 1rem;
   text-align: center;
}
.s-main-wrap hr {
   position: absolute;
   border-color: #9af425;
   background-color: #fffac8;
   z-index: 0;
   width: 1200px;
   display: block;
   top: 50%;
   margin: 0;
   height: 2px;
   left: 50%;
   transform: translate(-50%, -50%);
}
.s-main-wrap .s-main-s hr {
   border-color: #9af425;
   background-color: #fffac8;
}
.s-main2-wrap {
   position: relative;
   padding-bottom: 2rem;
   padding-top: 2rem;
}
.s-main2-wrap hr {
   border-color: #9af425;
   background-color: #fffac8;
   z-index: 0;
   display: block;
   margin: 0;
   height: 2px;
}
.w-main-wrap hr {
   border-color: #E6FEFE;
   background-color: #C8E7FF;
}
.s-main2-wrap h3 {
   position: relative;
   z-index: 0;
   font-weight: 600;
}
.s-main2-wrap h3 span {
   display: inline-block;
   background-color: #fff;
}
.s-main2-wrap h3:before {
   content: "";
   position: absolute;
   width: 100%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 1px;
   left: 50%;
   z-index: -2;
}
.s-main2-wrap h3:after {
   content: "";
   position: absolute;
   width: 100%;
   top: 50%;
   transform: translate(-50%, -50%);
   height: 100%;
   left: 50%;
   z-index: -1;
}
.w-main-wrap .s-main-w {
   display: inline-block;
   font-size: 23px;
   color: #222;
   font-weight: 600;
}
.s-main2, .s-main, .w-main, .s-main-s {
  color: #222;
   
   text-align: center;
   font-weight: 600;
   position: relative;
   display: inline-block;
}


.s-main:before, .s-main-s:before, .s-main:after, .s-main-s:after {
   content: "";
   position: absolute;
   width: 60px;
   height: 30px;
   top: 50%;
   transform: translateY(-50%);
}
.w-main:before,.w-main:after {
	content: "";
   position: absolute;
   width: 100px;
   height: 70px;
   top: 50%;
   transform: translateY(-50%);
	
}

.s-main:before {
   background: url("../images/separator3.svg") no-repeat left;
   left: -5rem;
}
.s-main:after {
   background: url("../images/separator4.svg") no-repeat right;
   right: -5rem;
}
.s-main-s:before {
   background: url("../images/seasonal-divider2.svg") no-repeat center left;
   background-color: #fff;
}
.s-main-s:after {
   background: url("../images/seasonal-divider1.svg") no-repeat center right;
   background-color: #fff;
}

.w-main:before {
	   background: url("../images/winter-divider4.svg") no-repeat  left;
	  left: -7rem;
}
.w-main:after {
   background: url("../images/winter-divider3.svg") no-repeat  right;
	  right: -7rem;
}

#Mulch-Options p {
   margin: 0 auto 25px;
   max-width: 400px;
}

.headline-icon {
   padding-top: 10px;
   max-width: 70px;
}
.about .sg-container p {
	font-size: 17px;
}
.s-title span {
   font-size: 15px;
   font-weight: 600;
}
.s-title i {
   font-weight: 400;
}
.img-samp-wrap, .img-samp-wrap2, .img-samp-wrap3 {
   position: relative;
}
.img-samp-wrap h3 {
   position: relative;
   text-align: center;
   padding-top: 1rem;
   padding-bottom: 1rem;
}
.s-copy2 {
   position: relative;
}
.gal-wrap {
   margin-bottom: 1rem;
}
.mulch-col p {
   display: block;
   padding: 0 1rem 1rem 1rem;
   max-width: 450px;
   margin: 0 auto 1rem;
}
#service-Tabs {
   position: relative;
   margin: auto;
   max-width: 85%;
}


.ask-button {   
	display: inline-block; 

	text-decoration: none;   
	transition: .4s ease;
}
.ask-button h4 {
	color:#222;
}

.ask-button i {
	 margin: 0;
   color: #8dce46;



}
.ask-button:hover {


   transform: scale(1.085);
}
.ask-button:hover i {   
font-weight: 900;

}
.ask-button:hover h4 {
	color:#000;
}


.ms-opt-wrap {
   display: block;
   padding: 20px 15px;
}


.m-title {
font-size: 1.1rem;

}

#Mulch .op-img {
	margin-bottom: .25rem;
}

.m-title i {
   display: inline-block;
   left: 30%;
   top: 10%;
   color: #787878;
   padding-right: 4px;
}
.m-title a {
   color: #ff1717;
}
.m-title a:hover {
   color: #ff7f7f !important;
   -webkit-transition: .2s ease;
   transition: .2s ease;
   -webkit-box-shadow: 0 0 6px 10px rgba(10, 10, 10, .01);
   box-shadow: 0 0 6px 10px rgba(10, 10, 10, .01);
}


.ms-opt-wrap h4 {font-weight: 600;}


.n-bg {
   background-color: #8DCE46;
}

.en-bg {
   background-color: #FFF89D;
}
.hedge-content h5 {
   color: #222 !important;
   margin-bottom: 15px;
}
#hedgeModal h5.modal-title, #lawnCostModal h5.modal-title, #WasteHModal h5.modal-title {
   font-weight: 700;
   color: #222 !important;
   font-size: 24px !important;
   margin-top: 10px;
}

.mh-1 {
   background-color: #dff455 !important;
     padding: 1.75rem .75rem .25rem!important;
   background-image: url('../images/mh-pattern1.png');
   background-size: cover;
   background-repeat: repeat-x;
}
.mh-2 {
   background-color: #cff6ff !important;
    padding: 1.75rem .75rem .25rem!important;
   background-image: url('../images/mh-pattern2.png');
   background-size: contain;
   background-repeat: repeat-x;
}
.mh-3 {
   background-color: #202f23 !important;
    padding: 1.75rem .75rem .25rem!important;
   background-image: url('../images/mh-pattern4t.png');
}
.mh-8 {
   background-color: #202f23 !important;
   padding: 1.75rem .75rem .25rem!important;
   background-image: url('../images/mh-season.png');
   background-size: contain;
   background-repeat: repeat-x;
}

 .wh-1 {
	background-color: #137db6;
   padding: 1.75rem .75rem .25rem!important;
   background-image: url('../images/winter-divider3.svg');
   background-size: contain;
   background-repeat: repeat-x;
	
}

/* Contact Modal */



.modal-header {
position: relative;
	display: flex;
flex-direction: column;
justify-content: center;
background-color: #222;
border-radius: 0px;
padding: .5rem;



}


.modal-header .close {
   position: absolute;
   right: 25px;
   top: 25px;
   padding: 12px 15px;
   min-width: 15px;
   min-height: 15px;
   z-index: 1;
   text-shadow: none;

}

.modal-header h6 {
   font-weight: 700;
   font-size: 17px;
   letter-spacing: .5px;
}
.modal-header h5.hMtitle {
   display: block;
   width: 100%;
   font-size: 18px;
}
.modal-header h5.htm-head {
   font-size: 20px !important;
}
.modal-body h5 {
   font-size: 16px !important;
}
.modal-header i {
  color: #fff;
}

.modal-header label {
   color: #fff;
   font-size: 25px !important;
   font-weight: 600;
}
#contactModal  .modal-title {
position: relative;
	display: block;
font-size: 1.5rem;
font-weight: 600;
color: #8AEC38;
padding: 1.75rem;
	width:100%;
}



#contactModal .close {
	display: inline-block;
   position: absolute;
   right: 37px;
   top: 37px;
   padding: 0px;
   width: 40px;
   height: 40px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-shadow: inset 0 0 0px 2px #99f319;
   box-shadow: inset 0 0 0px 2px #99f319;

}

#contactModal .close i {font-weight: 100;color:#fff;}

#contactModal .close:hover i {
   color: #99db4b !important;
}
#contactModal .close:hover {
   background-color: rgba(153, 219, 75, .3);
}

#contactModal textarea {
   min-height: 150px;
}


#hedgeModal p.step {
   font-size: 15px;
   line-height: 1.65rem;
}
#hedgeModal p.mw-200 {
   display: block;
   max-width: 210px;
   margin-left: auto;
   margin-right: auto;
   font-size: 15px;
}
.cor-icon, .incor-icon {
   left: 20%;
}
.hMtitle-wrap {
   padding-top: 5px;
   padding-bottom: 5px;
   max-width: 155px;
   margin: 0 auto;
   font-weight: 600;
   font-size: 19px;
}
.b-cor {
   color: #8ac40c;
}
.b-incor {
   color: #ff0000;
}
#hedgeModal .head-style h5 {
   color: #8ac40c !important;
   line-height: 1.6em;
   font-weight: 700;
   width: 100%;
   padding: 5px 10px 0px;
   text-align: center;
   margin-bottom: 0px;
}
#hedgeModal .head-style p {
   color: #787878;
   text-align: center;
}

#CostWinterModal .modal-header {background: #d0edff;}
#CostWinterModal h5 {color:#137db6;}
#CostWinterModal .fa-calculator {
   box-shadow: inset 0 0 0px 2px #137db6;
border: none;
   color: #137db6;
   background-color: aliceblue;
}
#CostWinterModal .winter-header .close i {
   color:#062d41;
}

.stars {
   display: block;
   position: relative;
   color: #f1dc00;

   left: 0;
   font-size: 32px;
   z-index: 1;
   margin: 0 auto;
   padding-bottom: .75rem;
}


.fb-wrap {
   background-color: #fcfee2;
}
.fb-comments {
   border: 1px solid #569039;
   background-color: #fefff6;
   -webkit-box-shadow: 0 0 5px 2px rgba(13, 13, 13, .07);
   box-shadow: 0 0 5px 2px rgba(13, 13, 13, .07);
}
.sideimg-wrap img {
   background-repeat: repeat-y;
}
.tip-samp {
   font-weight: 600;
   font-size: 14px;
   color: #fff;
}
.tip-samp:hover {
   color: #ddd;
}
.leaves {
   background-repeat: repeat-y;
   opacity: .4;
}
.p-contain {
   z-index: 0 !important;
}
.promo-text {
   display: inline-block;
   font-size: 29px;
   font-weight: 700;
   color: #222;
}
.promo-text i {
   color: #3B5998;
}
.fa-thumbs-up {
   color: #5ac041 !important;
}
i.fa-award {
   color: gold;
}
.fa-thumbs-up {
   color: #A8C94C !important;
}


.nav-tabs li a.disabled:hover {
   background-color: transparent !important;
}
.gal-overlay {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
}
.elem:hover .gal-overlay {
   opacity: 1;
   transition: .4s ease;
}
.gal-overlay .icon {
   color: #fff;
   width: 60px;
   height: 60px;
   background-color: #54D302;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-shadow: 0 0 10px 10px rgba(13, 13, 13, .1);
   box-shadow: 0 0 10px 10px rgba(13, 13, 13, .1);
   opacity: 1;
}
.gal-overlay .w-icon {
   color: #fff;
   width: 60px;
   height: 60px;
   background-color: #137DB6;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-shadow: 0 0 10px 10px rgba(13, 13, 13, .1);
   box-shadow: 0 0 10px 10px rgba(13, 13, 13, .1);
   opacity: 1;
}
.gal-overlay .icon, .gal-overlay .w-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
}
.gal-overlay .w-icon i, .gal-overlay .icon i {
   line-height: 60px;
   font-size: 2.4rem;
   color: #fff;
   font-weight: 200;
}
#CostModal .close {
		top: 0;
right: 30px;
   width: 50px;
   height: 50px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background-color: rgba(13, 13, 13, 1);
   text-shadow: none;
   opacity: 1;

}
#hedgeModal .close {
   width: 50px;
   height: 50px;
   background-color: #1b211b;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   opacity: 1;
}
#hedgeModal .close i {
   color: #9de105 !important;
}
.input-field-text p {text-align: center!important; font-family: 'Raleway', sans-serif!important;}
.cc2 img {
   max-width: 150px !important;
}
/*--positioning hedge modal arrow--*/
.arrow-pos {
   right: -13px;
   top: 50%;
   font-size: 30px;
   color: #F3BC2E;
}
.w-clr-b1 {
   color: #137db6 !important;
}
.full-banner {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	color: #053c05;

background: #9af630;

background: -moz-linear-gradient(0deg, rgba(204,255,0,1) 0%, rgba(204,255,0,1) 18%, rgba(154,246,48,1) 59%, rgba(154,246,48,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(204,255,0,1) 0%, rgba(204,255,0,1) 18%, rgba(154,246,48,1) 59%, rgba(154,246,48,1) 100%);
background: linear-gradient(0deg, rgba(204,255,0,1) 0%, rgba(204,255,0,1) 18%, rgba(154,246,48,1) 59%, rgba(154,246,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccff00",endColorstr="#9af630",GradientType=1); 
text-align: center;
font-size: 1.5rem;
	min-height: 150px;
}
.full-banner span {
	display: block;   
	line-height: 2rem;
}
.full-banner span:nth-child(1) {
   color: #053c05;
font-weight: 700;


}
.full-banner span:nth-child(2) {
   font-size: 1rem;
   color: #517e05;
}
/*- accordion hide on mobile/desktop show -*/
.mod-accord .card-header {
   position: relative;
}
.mod-accord .card-header:after {
   content: '';
   position: relative;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}
.mod-accord .collapse:not(.show) {
   display: block;
}

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

BACK TO TOP FLOATING BUTTON

-------------------------------- */
.cd-top {
   display: inline-block;
   z-index: 1;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   position: fixed;
   -webkit-box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, .05);
   box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, .05);
   overflow: hidden;
   background: rgba(128, 219, 69, 0.8);
   opacity: 0;
   -webkit-transition: opacity .3s 0s, visibility 0s .3s;
   -moz-transition: opacity .3s 0s, visibility 0s .3s;
   transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
   -webkit-transition: opacity .3s 0s, visibility 0s 0s;
   -moz-transition: opacity .3s 0s, visibility 0s 0s;
   transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
   /* the button becomes visible */
   visibility: visible;
   opacity: 1;
}
.cd-top.cd-fade-out {
   /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
   opacity: .8;
}
.no-touch .cd-top:hover {
   background-color: rgba(186, 253, 58, 0.8);
   opacity: 1;
}
.cd-top .fas {
   color: #fff !important;
}
.cd-top:hover i {
   color: #222 !important;
}
.cd-top i {
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   position: absolute;
   color: #fff;
   left: 14px;
   top: 11px;
   font-size: 40px;
}

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

Style 2

-------------------------------- */
.cd-top2 {
   display: inline-block;
   z-index: 1;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   position: fixed;
   -webkit-box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, .05);
   box-shadow: 1px 1px 3px 4px rgba(0, 0, 0, .05);
   overflow: hidden;
   background: rgba(255, 215, 0, 0.8);
   opacity: 0;
   -webkit-transition: opacity .3s 0s, visibility 0s .3s;
   -moz-transition: opacity .3s 0s, visibility 0s .3s;
   transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top2.cd-is-visible, .cd-top2.cd-fade-out, .no-touch .cd-top:hover {
   -webkit-transition: opacity .3s 0s, visibility 0s 0s;
   -moz-transition: opacity .3s 0s, visibility 0s 0s;
   transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top2.cd-is-visible {
   /* the button becomes visible */
   visibility: visible;
   opacity: 1;
}
.cd-top2.cd-fade-out {
   /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
   opacity: .8;
}
.cd-top2 i:before {
   position: relative;
   top: -13px;
}
.no-touch .cd-top2:hover {
   background-color: rgba(234, 193, 34, 0.8);
   opacity: 1;
}
.cd-top2 .fas {
   color: #fff !important;
}
.cd-top2:hover i {
   color: #fff !important;
}
.cd-top2 i {
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   position: absolute;
   color: #fff;
   left: 14px;
   top: 11px;
   font-size: 40px;
}





.side-btns {
   background-color: #ace52e;
}


/*----------- CUSTOM BUTTON STYLES --------------*/


/*BTTN Options (Mulch)*/
.bttn-vc {
   display: inline-block;
   background-color: #fffac8;
  
  width: 180px;
   position: relative;
   font-weight: 600;
   opacity: 0.999;
   color: #222;
   font-size: 16px;
   padding: 1.25rem 1rem;

   border-radius: 3px;
   border: 1px solid #222;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   z-index: 2;
}
.bttn-vc.vc {
   -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -ms-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.bttn-vc.vc.layer-3:hover:before {
   -webkit-animation: toRightFromLeft 0.3s forwards;
   -moz-animation: toRightFromLeft 0.3s forwards;
   animation: toRightFromLeft 0.3s forwards;
   -ms-animation: toRightFromLeft 0.3s forwards;
   -o-animation: toRightFromLeft 0.3s forwards;
}
.bttn-vc.vc:after {
   display: none;
}
.bttn-vc.vc:hover {
   background: #a3f40c;
   color: #222;
   box-shadow: 0 0 0 5px rgba(13, 13, 13, 0.5);
   border-color: rgba(13, 13, 13, 0.5);
   cursor: pointer !important;
}
.bttn-vc.vc:hover a {
   color: #a3f40c;
   cursor: pointer !important;
   background: #fff;
}
.bttn-vc:hover {
   background-color: #93de0c;
}


@keyframes toRightFromLeft {
   49% {
	         -webkit-transform: translate(100%);
      transform: translate(100%);
   }
   50% {
      opacity: 0;
	        -webkit-transform: translate(-100%);
      transform: translate(-100%);
   }
   51% {
      opacity: 1;
   }
}





/*--DownloadContractBtn--*/
.bttn-d ,.bttn-c {
	  position: relative;
	   display:block;
	   width: 100%;
	 font-size: 18px;
	 font-weight: 600;
	   padding: 1.75rem 1.25rem;
	   color: #222;
		text-align: center;
	   border-radius: 3px;
   border: 2px solid #fff;
	 opacity: 0.999;
}

.bttn-d {

   background-color: #fffce6;
 -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   z-index: 0;
   -webkit-box-shadow: .5px .5px 10px 3px rgba(12, 12, 13, .05);
   box-shadow: .5px .5px 10px 3px rgba(12, 12, 13, .05);
}

/*--DownloadContractBtn--*/
.bttn-d.d {
   -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -ms-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.bttn-d.d:after {
   display: none;
}
.bttn-d.d:hover {
   background: #fffde7;
  color: #222;
   box-shadow: 0 0 0 5px rgba(255, 255, 140, 0.6);
   border-color: rgba(255, 255, 140, 0.6);
}
.bttn-d.d a:hover {
   color: #a3f40c;
   background: #fff;
}
.bttn-d.d.layer-3:hover:before {
   -webkit-animation: toRightFromLeft 0.3s forwards;
   -moz-animation: toRightFromLeft 0.3s forwards;
   animation: toRightFromLeft 0.3s forwards;
   -ms-animation: toRightFromLeft 0.3s forwards;
   -o-animation: toRightFromLeft 0.3s forwards;
}


/*--Contact to Hire US!--*/


.bttn-c {

   background-color: #c2ff44;
 -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   z-index: 0;
   -webkit-box-shadow: .5px .5px 10px 3px rgba(12, 12, 13, .05);
   box-shadow: .5px .5px 10px 3px rgba(12, 12, 13, .05);
}





/*--ContactBtn(SERVICE PAGE)--*/
.bttn-c.c {
   -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   -ms-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.bttn-c.c:after {
   display: none;
}
.bttn-c.c:hover {
   background: #98f730;
    color: #222;
   box-shadow: 0 0 0 5px rgba(219, 247, 65, 1);
   border-color: rgba(219, 247, 65, 1);
}
.bttn-c.c a:hover {
   color: #fff;
}
.bttn-c.c.layer-3:hover:before {
   -webkit-animation: toRightFromLeft 0.3s forwards;
   -moz-animation: toRightFromLeft 0.3s forwards;
   animation: toRightFromLeft 0.3s forwards;
   -ms-animation: toRightFromLeft 0.3s forwards;
   -o-animation: toRightFromLeft 0.3s forwards;
}


.btn-layout, .bttn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   position: relative;
   font-weight: 600;
   opacity: 0.999;
   color: #222;
   font-size: 18px !important;
   padding: 10px;
   text-align: center !important;
   border-radius: 3px;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
}


 /*******pagination*********/


.pagination-bg {
   background: #010101;
}
.pagination-wrapper .pagination-item {
   margin: .65rem;
   width: 200px;
}
.pagination-wrapper a {
   font-size: 14px;
   display: block;
   color: #98f730;
   border: 2px solid #fff;
   padding: 1rem;
   border-radius: 50px;
   transition: .4s ease;
   text-align: center;
   font-weight: 600;
   width: inherit;
   background: #000;
}
.pagination-wrapper a:hover {
   font-size: 14px;
   display: block;
   color: #232323;
   background: #98f730;
}
button.modal-dismiss {
   padding: 20px 10px;
   width: 100%;
   font-size: 17px;
   font-weight: 600;
   background-color: #BAFD3A !important;
   color: #222;
   display: block;
   text-align: center;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   -webkit-box-shadow: inset 0 0 0px 4px #9de105;
   box-shadow: inset 0 0 0px 4px #9de105;
}
button.modal-dismiss:hover {
   background-color: #cdff1b !important;
}
button.contact-dismiss {
   padding: 20px 10px;
   width: 100%;
   font-size: 17px;
   font-weight: 600;
   background-color: #e2ff00;
   color: #222;
   display: block;
   text-align: center;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   -webkit-box-shadow: inset 0 0 0px 4px #beef1f;
   box-shadow: inset 0 0 0px 4px #beef1f;
}
button.contact-dismiss:hover {
   background-color: #cdff1b !important;
}
.img-samp, .cost-samp {
   color: #222;
   font-weight: 600;
   padding-left: 5px;
   font-size: 17px;
}
.img-samp:hover {
   color: #fff;
}
.img-samp i {
   color: #fff;
}
.img-samp:hover i, .cost-samp:hover i {
   color: #cdff1b;
}
.s-cat-wrap a i:hover {
   background-color: rgba(255, 255, 255, .3);
   -webkit-transition: ease .2s;
   transition: ease .2s;
}
ul.custom3 {
   margin-bottom: 0px;
}
ul.custom3 li {
   display: inline;
}
     .est-wrap {
margin-bottom: 2rem;
   }

.est-wrap a {
   display: block;

   transition: 0.3s;


   text-align: center;
  padding: 2rem;
  background-color: #aefb02;

   border-radius: 2px;
color: #222;
font-weight: 600;
box-shadow: inset 0 0 0 4px #b6e902;
font-size: 18px;

margin: 0 auto;
	   overflow: hidden;
}


.est-wrap a:hover {
   background-color: #c0ff34;

}
.est-wrap a:hover i {
	color:inherit;
}


.w-link {
   color: #254287;
}
   .tip-samp2 {
      display: inline-block;

      padding: 1rem 1.25rem;
      background-color: #ffffc0;
      margin-bottom: 0px;
      border-radius: 2px;
      color: #222;
      border: 1px solid #222;
	   font-weight: 600;
	   font-size: 14px;
	   transition: .2s ease;
   }

.tip-samp2:hover {
	color:inherit;
	 background-color: #F7F785;
}

/*Reg layout button container*/
.ge-contain a {
   max-width: 225px;
   background-color: #FCFFE2;
   -webkit-box-shadow: inset 0 0 0px 4px #8dce46;
   box-shadow: inset 0 0 0px 4px #8dce46;
}
.ge-contain a:hover {
   background-color: #8dce46;
   -webkit-box-shadow: inset 0 0 0px 4px #9de84a;
   box-shadow: inset 0 0 0px 4px #9de84a;
   color: #fff;
}
/*Find a Service Button Container*/
.bttn-fs {
   display: inline-flex;
   background: #A3F40C;
   width: 100%;
   position: relative;
   font-weight: 600;
   opacity: 0.999;
   color: #222 !important;
   font-size: 19px !important;
   padding: 15px 10px;
   align-items: center;
   justify-content: center;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 0px 4px #e8ef2e;
   box-shadow: inset 0 0 0px 4px #e8ef2e;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
   z-index: 1;
}

/*View Reviews Button Container*/
.bttn-vr {
   display: inline-flex;
   width: 100%;
   background-color: #cdff1b;
   position: relative;
   font-weight: 600;
   opacity: 0.999;
   color: #222 !important;
   font-size: 19px !important;
   padding: 15px 10px;
   z-index: 1;
   align-items: center;
   justify-content: center;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 0 0px 4px #e8ef2e;
   box-shadow: inset 0 0 0px 4px #e8ef2e;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   overflow: hidden;
}


   /*WINTER STYLE BUTTON*/

.est-wrap .wint {
display: block;
position: relative;

opacity: 1;
color: #fff;


background-color: #a1c4e7;
box-shadow: inset 0 0 0px 4px #dce8fa;

transition: 0.3s;

}
.est-wrap .wint i {
   color:inherit;
}
.est-wrap .wint:hover,.est-wrap .wint:active,.est-wrap .wint:focus {
      background-color: #88a0c4;
      color: #fff;
    box-shadow:inherit;
   }


 /*Seasonal STYLE Button*/
   .seasons {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      font-weight: 600;
      opacity: 0.999;
      color: #222;
      font-size: 19px !important;
      padding: 10px;
      text-align: center !important;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 0 0px 4px #dea504 !important;
      box-shadow: inset 0 0 0px 4px #dea504 !important;
      border: none !important;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      overflow: hidden;
      width: 225px;
   }
   .seasons:hover {
      color: white !important;
      background-color: #ffbc26 !important;
      -webkit-box-shadow: inset 0 0 0px 4px #ef9f5b !important;
      box-shadow: inset 0 0 0px 4px #ef9f5b !important;
   }
/* CSS CAREERS.html DOC */



.careers {margin: 0px; }
.careers .spoons {max-width: 550px;position: relative; top:.75rem;}

.careers .main-title {
	   position: relative;
   display: inline-block;
   color:#67AF00;

   font-size: 2.85rem;
   font-weight: 800;
   line-height: 1;
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
   animation: heartBeat;
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}

.grass-top {

position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
  bottom: 0;
  left: 0;
	

}


.grad-t {
	display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
right: 50%;
width: 100vw;
	height: 100%;
 background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,255,255,1) 60%, rgba(232,255,255,1) 99%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,255,255,1) 60%, rgba(232,255,255,1) 99%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,255,255,1) 60%, rgba(232,255,255,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e8ffff",GradientType=1); 
	z-index: -1;
}
.grad-t-1 {
	display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
right: 50%;
width: 100vw;
	height: 100%;
 background: rgb(38,0,184);
background: -moz-linear-gradient(-180deg, rgba(38,0,184,1) 0%, rgba(255,208,123,1) 55%, rgba(251,255,9,1) 100%);
background: -webkit-linear-gradient(-180deg, rgba(38,0,184,1) 0%, rgba(255,208,123,1) 55%, rgba(251,255,9,1) 100%);
background: linear-gradient(-180deg, rgba(38,0,184,1) 0%, rgba(255,208,123,1) 55%, rgba(251,255,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2600b8",endColorstr="#fbff09",GradientType=1); 

	z-index: -1;
}
.sky-bg {
	display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
right: 50%;
width: 100vw;
height: 100%;

   background-image: url("../images/sky-bg-0.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0;
	z-index: -1;
}


.sun {
display: block;
position: absolute;
	
bottom:35%;
left: 50%;
transform: translateX(-50%) rotate(8deg);

max-width: 500px;
}


.clouds {
display: block;
position: absolute;
	
bottom: 28%;

left: 50%;
transform: translateX(-50%);

	min-width: 100%;
}
.fw-container:before {
content:'';
position: absolute;
top: 0;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
right: 50%;
width: 100vw;
			height: 100%;
 background: rgb(204,240,105);
background: -moz-linear-gradient(0deg, rgba(204,240,105,1) 0%, rgba(186,235,51,1) 22%, rgba(158,211,30,1) 60%, rgba(137,194,14,1) 88%);
background: -webkit-linear-gradient(0deg, rgba(204,240,105,1) 0%, rgba(186,235,51,1) 22%, rgba(158,211,30,1) 60%, rgba(137,194,14,1) 88%);
background: linear-gradient(0deg, rgba(204,240,105,1) 0%, rgba(186,235,51,1) 22%, rgba(158,211,30,1) 60%, rgba(137,194,14,1) 88%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccf069",endColorstr="#89c20e",GradientType=1); 

	z-index: -1;
}

	.grass-divider {
		display: block;
		width: 100%;
		height: 30px;

 background: #89c20e;
	}




.default-cc {
		display: block;
	overflow:hidden;
width: 140px;
height: 140px;

	margin-bottom: 1rem;
	border:3px solid #222;
	border-radius: 50%;
}


.blockquote-wrapper {
   margin-bottom: .75em;
}
.blockquote-wrapper .blockquote {
   margin-bottom: .75em;
   display: block;
   position: relative;
   z-index: 0;
   font-weight: 500;
}
.req-title-wrap {
   display: block;
   position: relative;
   width: 100%;
   height: 15px;
}
.req-title {
   color: #ace52e;
   font-weight: 900;
   font-size: 30px;
   position: absolute;
   top: -48px;
   left: 0;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.req-panel {
   position: relative;
   width: 100%;





}

.req-panel h3 {
	display: block;
	position: relative;


	padding-bottom: 1rem;

 font-weight: 700; 
}




.req-panel ul {
   position: relative;

}
.req-panel ul li {
   margin-bottom: 1rem;   margin-top: 1rem;
   font-weight: 700;
   background-color: #cf0;

	padding: .5rem;
   position: relative;
}

.req-panel ul li:after {
   content: '\f058';
   position: absolute;
   font-family: 'Font Awesome 5 Pro';
   left: -1rem;
   font-size: 1.25rem;
   z-index: 1;
   width: 25px;
   font-weight: 600;
   border-radius: 50%;
   line-height: 30px;
   color: #222;
   height: 25px;
   white-space: nowrap;
   top: 0;
}




.focal-img {
   display: block;
   width: 690px;
   height: 540px;
   background-image: url("../images/phil_outlined.png");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: -30px 0px;
}

.mulch-trophy:before {
	  content: '\f2eb';

}
.mulch-timer:before {
	 content: '\f017';
	

}

.mulch-trophy, .mulch-timer{
font-family: 'Font Awesome 5 Pro';
position: absolute;

line-height: 50px;
font-size: 1.5rem;
width: 50px;
height: 50px;
	color: #fff;
top:.5rem;
left: 50%;
	transform: translateX(-50%);
font-weight: 900;
text-align: center;

	border-radius: 50%;
}


.mulch-trophy {
	background: gold;
}


.mulch-timer {
	background: silver;
}


.mulch-trophy[rel="tooltip"]  {
	background: gold!important;

}
.mulch-timer[rel="tooltip"] {
		background: silver!important;
}


  .mlogo {
      width: 100%;
      height: auto;
      max-width: 50px;
   }
   .global-nav a.nav-link {
      text-transform: capitalize;
      font-size: 16px;
      font-weight: 400;
      color: #111;
   }
	
   .hire-btn {
      border-radius: 50%;
      padding: 6px;
      left: 15px;
      top: 15px;
   }
	
  
  
   .fall:hover {
      background-color: #db5205 !important;
   }
   .fall:focus, .fall:active, .wint:focus, .wint:active {
      border: none !important;
      box-shadow: none !important;
   
}



/*******RESPONSIVE********/

 
/*MIN-WIDTH*/


@media (min-width: 1200px) {
   .grass {
      background-image: url(../images/grass4.svg);
   }
}



	

@media (min-width:992px) {
	  .global-nav .navbar-brand {
      padding: 0 !important;
   }
   .navbar-brand img {
      width: 100%;
      height: auto;
      min-width: 250px;
      max-width: 250px;
      margin-left: 10px;
   }
	  .blockquote {
      font-size: 19px;
   }
	   .contact-btn:hover {
            background-color: #FCFFE2;
		   color:#8DCE46;

      }
	.global-nav .nav-item.active:after {
		content:'';
		position: absolute;
		width:100%;
		 height: 3px;
		   background:#8DCE46;
		bottom:0;
		left:0;
	}
	.global-nav .nav-item:not(.active):after {
      position: absolute;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      content: '';
      width: 0;
      bottom: 0;
      height: 3px;
   }
   .global-nav .nav-item:after {
      left: 50%;
   }
   .global-nav .nav-item:hover:after {
      width: 100%;
      left: 0;
      background: #8DCE46;
   }
   .global-nav .nav-item:hover {
      color: #8DCE46;
   }
   .global-nav .c-b:hover:after {
      background: transparent;
   }
   .address li:nth-child(2) {
      padding-left: 10px;
   }
   .lawn-award {

max-width:180px;
      border-radius: 50%;
      overflow: hidden;
   }
   .f-top .my-2-5 {
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .global-nav ul li {
      position: relative;
	       margin: 0 .25rem;
   }
   .globalnavcollapse ul li a {
      line-height: 35px;
   }
   .top-banner.hidden {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); /*! background: transparent; */
   }
	   .s-copy h2 {
      font-size: 24px;
      text-align: left !important;
   }
	   .services .header-image-wrapper {
      min-height: 280px;
   }
	 .contact-btn {
      display: block;
      position: relative;
      width: 100%;
      font-size: 17px;

      padding: 20px 25px;
  
      border: none;
      text-align: center;
      color: #222;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      height: 100%;
		 border-radius: 0;}
	
   .foot-container ul li a:hover i, .foot-container ul li span:hover i {
      -webkit-transition: ease .3s;
      transition: ease .3s;
      opacity: 1 !important;
   }

	
	  .global-nav .nav-item.active a {
      color: #8DCE46;
      font-weight: 600;
   }
	   .about .global-nav .nav-item.active a {
      color: #9de105 !important;
   }
   .about .hdrht {
      min-height: 450px
   }
	   .flogo a img {
      max-width: 320px;
      padding: 0;
      margin: 0;
      vertical-align: middle;
   }
	.f-col-wrap {padding-bottom: 1rem;}
   .circle2 {
      min-width: 100px;
      min-height: 100px;
   }
		   .foot-container {
      text-align: center;
   }
   .foot-contact {
      border-left: none !important;
   }
	.btn-layout-c {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 155px;
      position: relative;
      font-weight: 600;
      opacity: 0.999;
      background-color: #c7ff60;
      font-size: 19px !important;
      padding: 5px 0px;
      text-align: center !important;
      border-radius: 3px;
      border: 3px solid #fff9ca;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      overflow: hidden;
      -webkit-box-shadow: 1px 1px 2px 1px rgba(9, 9, 9, .05);
      box-shadow: 1px 1px 2px 1px rgba(9, 9, 9, .05);
   }
   .btn-layout-c.c1:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
      background-color: #fff9ca;
      border: 1px solid #c7ff60;
   }
   .btn-layout-c.c1:hover:after {
      width: 0%;
   }
}






@media (min-width: 768px) {
	

	

	   .s-copy h2 {
      font-size: 25px;
   }
	  .s-copy h2 {
      display: block;
   }
	  .head-style {
      padding: 5px 0px;
   }
	   .navbar {
      padding: 0 !important;
      box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .4);
   }
	 .home .header-image {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      z-index: 0;
      margin-bottom: 0px;
   }
   .home .header-image-inner {
      min-height: 600px;
   }
   .service-container:hover img {
      transform: scale(1.065);
      transition: .3s ease-in-out;
   }
   .sg-header img {
      max-width: 225px;
      height: auto;
      padding-top: 1rem;
   }
   .controls a {
      z-index: 2;
   }
   .headline {
      font-size: 24px;
   }
	  .cd-top2 {
      height: 60px;
      width: 60px;
      right: 40px;
      top: 53%;
   }
	.global-nav .nav-item {
      line-height: 80px;
      -webkit-transition: .5s ease;
      transition: .5s ease;
      text-align: center;
      display: inline-block;
   }
	   .footer h4 {
      font-size: 1.1rem;
      padding-left: 1rem;
   }
   .footer ul li, .footer a {
      font-size: .9rem;
   }
		   .modal-dialog {
      max-width: 600px;
   }
   .fa-ul {
      padding-left: 0px !important;
   }
   .p-contain h4 {
      font-size: 22px;
   }
   .p-contain2 p span:nth-child(1) {
      font-size: 22px;
   }

   .s-cat-wrap {
      position: absolute;
      bottom: 0px;
      right: 0;
      padding-top: 15px;
      padding-bottom: 15px;
   }
   ul.custom3 li a.img-samp:hover, ul.custom3 li a.cost-samp:hover {
      padding-bottom: 15px;
      border-bottom: 4px solid #c0ff34;
   }
   #CostModal .close:hover {
      background-color: #ade341;
      opacity: .9;
   }
   #hedgeModal .head-style p {
      font-size: 17px !important;
   }
   #hedgeModal .head-style h5 {
      font-size: 25px !important;
   }
   .head-style {
      font-size: 24px !important;
   }
   .x-pad {
      padding-right: 2.5rem !important;
   }
   .gal-wrap:hover {
      opacity: 0.7;
   }
   .tip-samp {
      position: absolute;
      padding: 1rem;
   }
   .tip-samp {
      bottom: 0px;
      right: 15px;
   }
   .s-main2-wrap .tip-samp {
      background: #fff;
      bottom: 15px;
   }
	.btn-layout.b8:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      color: #111;
   }
   .btn-layout.b8:hover:after {
      width: 0%;
   }
	   .footer ul li {
      margin-bottom: 7px;
   }
	   .d-block-fa {
      display: none !important;
   }
	  .a-collapse-btn:hover {
      background-color: #cbff00;
      color: #222;
   }
   .a-collapse-btn:hover .a-toggle-icon {
      color: #222;
   }
   .s-collapse-btn:hover {
      background-color: #cbff00;
      color: #222;
   }
   .s-collapse-btn:hover .s-toggle-icon {
      color: #222;
   }
	   .footer ul li a:hover i {
      color: #84ff1c !important;
   }
	 .cd-top {
      height: 60px;
      width: 60px;
      right: 40px;
      bottom: 30px;
   }
	
		.applicant-wrapper iframe {
		min-height: 800px!important;
	}
}

@media (min-width: 576px) {
	  .phone-btn a.tel {
      display: none !important;
   }
	   .a-collapse-btn {
      border: 3px solid #ccff00 !important;
   }
   .s-copy .box img {
      min-height: 65px;
      min-width: 65px;
   }
	   .a-toggle-icon {
      font-size: 25px;
   }
	   .a-collapse-btn {
      position: absolute;
      left: 15px;
      top: -27px;
   }
	   .a-collapse-btn:hover {
      border: 2px solid #222 !important;
   }
	.bttn-fs.fs {
      -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      -ms-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   }
   .bttn-fs.fs:after {
      display: none;
   }
   .bttn-fs.fs:hover {
      background-color: #c7de0c;
      color: #fff !important;
      box-shadow: 0 0 0 5px hsla(80, 0%, 100%, 0.3);
      border-color: hsla(80, 0%, 100%, 0.3);
   }
   .bttn-fs.fs.layer-3:hover:before {
      -webkit-animation: toRightFromLeft 0.3s forwards;
      -moz-animation: toRightFromLeft 0.3s forwards;
      animation: toRightFromLeft 0.3s forwards;
      -ms-animation: toRightFromLeft 0.3s forwards;
      -o-animation: toRightFromLeft 0.3s forwards;
   }
	   .s-collapse-btn:hover {
      border: 2px solid #222 !important;
   }
	 .bttn-fs {
      width: 48%;
      max-width: 340px;
   }
		   .bttn-fs:hover {
      background-color: #86c80a;
   }
  
	  .bttn-vr {
      max-width: 340px;
      width: 48%;
   }
	 .bttn-vr:hover {
      background-color: #a7d506;
   }
	  .splash {
      font-size: 18px !important;
   }
   .navbar-services {
      padding: 20px !important;
   }

   .mh-3 {
      background-size: contain;
   }
	   #contactModal .modal-title:after, #contactModal .modal-title:before {
      display: none !important;
   }

   .sm-title {
      display: block;
   }
	   .br375 {
      display: none !important;
   }
	   .xs-break {
      display: none;
   }
	   #service-Menu li {
      position: relative;
      z-index: 0;
   }
   #service-Menu ul.custom li a {
      padding: 1rem;
      background-repeat: no-repeat;
      -webkit-transition: all 0.3s ease 1s;
      transition: all 0.3s ease 1s;
   }
	#service-Menu ul.custom li a .tab-img {
		margin-bottom: .75rem;
	}
   #service-Menu ul.custom li a:hover .tab-img {
      -webkit-transition: all .5s ease 0s;
      transform: scale(1.1);
   }
   .tab-txt {
	         position: relative;
      display: block;
      z-index: 0;


   }
	
   #service-Menu ul.custom li a:before {
      content: '';
      position: absolute;
	         
      top: 40%;
	   left: 50%;
      transform: translate(-50%, -50%);
	        width: 130px;
      height: 130px;
      border-radius: 50%;

	   border:2px solid #fff;
background: rgb(250, 255, 212); /* Old browsers */
   background: -moz-radial-gradient(center, ellipse cover, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%); 
   background: radial-gradient(ellipse at center, rgba(250, 255, 212, 1) 0%, rgba(255, 255, 244, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faffd4', endColorstr='#fffff4', GradientType=1); 
 
      z-index: -1;
   }
   #service-Menu ul.custom li a:hover:before {
      background: #FFFDED;
   }
   #service-Menu ul.custom li a:hover {
      color: #444;
      width: 100%;
      cursor: pointer;
   }

 
 
	
   #service-Menu ul.custom li a:after {
      content: '';
      z-index: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
	   .s-collapse-btn {
      border: 3px solid #ccff00 !important;
      width: 55px;
      height: 55px;
   }
	.s-toggle-icon {
      font-size: 25px;
   }
	   .card .navbar-light {
      padding: 20px 10px !important;
   }
	
	   .services-nav-wrap {
      display: none !important;
   }
   .s-copy h2 {
      font-size: 21px;
      text-align: left !important;
   }
	   .s-copy h3 {
      font-size: 21px;
   }
	   h2.s-menu-title {
      display: none !important;
   }
	/*--ViewReviewButton--*/
   .bttn-vr.vr {
      -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
      -ms-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
   }
   .bttn-vr.vr:after {
      display: none;
   }
   .bttn-vr.vr:hover {
      background: #93de0c;
      color: #fff;
      box-shadow: 0 0 0 5px hsla(80, 0%, 100%, 0.3);
      border-color: hsla(80, 0%, 100%, 0.3);
   }
   .bttn-vr.vr:hover a {
      background: #fff;
      color: #222;
   }
   .bttn-vr.vr.layer-3:hover:before {
      -webkit-animation: toRightFromLeft 0.3s forwards;
      -moz-animation: toRightFromLeft 0.3s forwards;
      animation: toRightFromLeft 0.3s forwards;
      -ms-animation: toRightFromLeft 0.3s forwards;
      -o-animation: toRightFromLeft 0.3s forwards;
   }
}

/*MIN TO MAX WIDTH*/


@media (min-width: 700px) and (max-width: 1200px) {
   .grass {
      background-image: url(../images/grass4M.svg);
   }
}


@media (min-width: 768px) and (max-width: 992px) {
   .fmlogo {
      display: block;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 20px;
   }
	   .f-top {
      padding-top: 10px;
      padding-bottom: 0px !important;
   }
		   .footer ul li, .footer h4 {
      text-align: left !important;
   }
		   .footer h4 {
      padding-left: 15px;
   }
}
@media (min-width: 576px) and (max-width: 992px) {
   h1 {
      font-size: 32px !important;
   }
}
	
	
/*MAX-WIDTH*/



@media (max-width: 1200px) {
	   .header-text a {
      font-size: 14px;
   }
   .wel-logo {
      max-width: 240px;
      top: -5px;
   }

 
}

@media (max-width: 992px) {
	   .navbar-nav {
      border-top: 1px solid #c7c7c7;
      padding-top: 10px;
      padding-bottom: 10px;
      text-align: center;
   }
	   .navbar-brand {
      margin: 0;
      padding: 6px 0px;
   }
	  a.nav-link {
      padding: 5px !important;
      color: #111;
   }
 
   a.nav-link span.current {
      font-weight: 600;
	    padding: 0;
      color: #76AB01;
   }
   a.nav-link:active i {
      color: #76AB01 !important;
   }
   span.current:hover {
      color: #9de105 !important;
   }
	   .circle2 {
      min-width: 75px;
      min-height: 75px;
   }
   #service-collapse ul li a:hover {
      color: #8DCE46;
   }
	.mlogo {
      max-width: 60px;
   }

	   .lawn-award {
      margin: 0 auto;
  max-width: 160px;
      display: block;
	   padding: 1rem 0;
   }
	
	 .testi-container {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto;
   }
	
	
   .pop {
      display: none !important;
   }
   .spoons {
      max-width: 350px;
   }
	   .footer .f-bot-banner {
      background-color: #111;
   }
	 .sm-wrapper {
      display: none !important;
   }
   .globalnavcollapse ul li a {
      padding: 10px !important;
      margin-left: 10px;
      margin-right: 10px;
   }
   .global-nav .sm-wrapper {
      display: none !important;
   }
   .f-top {
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding-bottom: 0px !important;
   }
   .f-top .py-3 {
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding-bottom: 0px !important;
   }
}

@media (max-width: 768px) {
	   .nav-link {
      width: 100%;
   }
	   .f-top {
      padding-top: 20px;
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
   .footer .fa-li i {
      display: none !important;
   }
	 .d-block-fa {
      background-color: transparent !important;
      width: 100%;
      display: block;
      margin:0 auto;

      padding: 0;
    

      padding: 6px 0px;
      border-radius: 50%;
      text-align: center;

 
      color: #fff;
   }

	   .foot-container {
      border-left: none !important;
   }
	   .foot-container .fa-ul, .footer h4 {
      display: block;
      width: 100%;
      max-width: 768px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
   }
	   .s-copy p {
      text-align: center !important;
   }
   .s-copy h2 {
      width: 100% !important;
      margin-right: 0px !important;
      padding-right: 0px !important;
      text-align: center;
   }
	   .cd-top {
      height: 60px;
      width: 60px;
      right: 20px;
      bottom: 20px;
      visibility: visible;
   }
	 .navbar {
      padding: 0 .5rem !important;
   }
	.full-alert div {
      font-size: 1.2rem;
   }
   .sg-header img {
      max-width: 175px;
      height: auto;
   }
   .header-image {
      min-height: 100%;
   }
   .sg-h2 {
      font-size: 23px;
   }
   .service-container p {
      display: block;
      max-width: 305px;
      margin-left: auto;
      margin-right: auto;
   }
   ol.carousel-indicators {
      display: none !important;
   }
   .circle, .winter, .seasonal {
      max-width: 100px;
      height: auto;
   }
   .testi-header h2, .service-header h2 {
      font-size: 24px;
      margin-left: auto;
      margin-right: auto;
   }
   .service-container h3 {
      margin-top: 25px;
      padding-top: 10px;
   }
   .testi-container {
      max-width: 350px;
   }
   .testi-container .statement {
      font-size: 1.4rem;
      line-height: 2rem;
   }
   .f-bot p {
      padding-bottom: .75rem;
   }
   .headline {
      font-size: 22px;
   }
   .full-banner .copy {
      font-size: 1.2rem;
   }
 
   .grass {
      background-image: none;
   }

	  .cd-top2 {
      height: 60px;
      width: 60px;
      right: 20px;
      top: 50%;
      visibility: visible;
   }
	   .footer h4 {
      font-size: .95rem;
   }
	   .fb_iframe_widget {
      margin: 0 auto;
      display: block;
      width: 100%;
      max-width: 100px;
      overflow: auto;
   }
	   .sm-foot-col {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }
   .fa-ul {
      padding-left: 0px !important;
   }
 
	.footer .foot-icon-container {display: block; text-align: center;}
	
   .footer .foot-icon-container i {
	   position: relative;

      display: inline-block;
      text-align: center;
      padding-top: .5rem;
	    margin-bottom: .5rem;
      color: #222;
	 z-index: 0;
   }
	

	.footer .foot-icon-container i:after {
 content: '';
   position: absolute;

   left: 50%;
transform: translateX(-50%);
   z-index: -1;
   width: 35px;
	height: 35px;

   border-radius: 50%;
top: 0px;
   background: #8dce46;

	}
 
   .footer ul:last-of-type {
      margin: 0 0 2rem 0;
   }
   .footer ul li {
      text-align: center;
   }
		.season {padding-bottom: .5rem;}
	
	  .p-contain h4 {
      font-size: 20px;
   }
   .p-contain2 p, .p-contain3 p, .p-contain4 {
      padding: 15px;
   }


   .dl-panel .dl-btn {
      font-size: 18px;
   }


   .s-cat-wrap {
      padding-top: 5px;
      padding-bottom: 5px;
   }
   .s-inc p {
      padding-bottom: 25px;
      font-size: 14px;
   }
   .pb-xs {
      margin-bottom: 15px;
   }
   .msp-img {
      display: none !important;
   }
   .tip-samp {
      display: inline-block;
      padding: 5px;
      margin-bottom: 0px;
      font-size: 13px;
   }
   .tip-samp span {
      display: none !important;
   }
   .tip-samp i {
      display: inline-block;
      padding: 5px;
      font-size: 16px !important;
   }

   #hedgeModal .head-style p {
      font-size: 16px !important;
   }
   #hedgeModal .head-style h5 {
      font-size: 23px !important;
   }
   .head-style {
      font-size: 20px !important;
   }
   #service-Tabs {
      max-width: 100%;
   }
	.border-a {border:0;}
	   h2 {
      text-align: center !important;
   }
	   .tagline {
      font-size: 14px;
   }
		.careers .spoons {
		max-width: 350px;
	}
}

@media (max-width: 576px) {
	 .btn {
      font-size: 14px;
   }
	   .address-container a {
      text-align: center !important;
      width: 100%;
      display: block;
   }
	   .a-collapse-btn {
      position: absolute;
      left: 15px;
      top: 15px;
   }
   .service-collapse {
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background: transparent;
   }
	   .s-copy .box img {
      display: block;
      min-height: 55px;
      min-width: 55px;
   }
	   .a-toggle-icon {
      font-size: 20px;
   }
	  .s-collapse-btn {
      position: absolute;
      left: 15px;
      top: 15px;
      width: 50px;
      height: 50px;
   }
		  .bttn-fs {
      width: 100%;
      margin: 0px;
      margin-bottom: 10px;
   }
   .bttn-vr {
      float: right;
      margin: 0px;
      width: 100% !important;
   }
	 #carousel-ys {
      max-height: 425px;
   }
   .sg-last {
      background-position: -50px 80px;
   }

   .header-image ol.carousel-indicators {
      display: none !important;
   }

 .about  .goal-title {
      font-size: 17px;

   }
 
   .sg-header img.clock {
      width: 100px;
   }
   .side-btns {
      padding: 1rem 0;
   }
   .blockquote {
      font-size: 16px !important;
      margin-top: 0px;
   }
   .splash {
      font-size: 16px !important;
   }
  
   .sm-wrapper li, .sm-wrapper a {
      font-size: 14px;
   }

.w-main:before,.w-main:after {
   background:none;

}
	 a.contact-btn {
         width: 100%;
         text-align: center !important;
      }
	   .mod-accord .collapse:not(.show) {
      display: none;
   }
   .mod-accord .card-header:after {
      display: none;
   }
	 h1 {
      line-height: initial!important;
      font-size: 28px!important;
   }
   .services h1 span {
      color: #444 !important;
   }
   .card-header-tabs {
      padding-top: 15px !important;
      margin: auto;
   }
   #service-Menu ul.custom li a {
      font-size: 15px;
      padding: .5rem .75rem;
      display: block;
      width: 100%;
      line-height: 2.3em;
   }
   #service-Menu ul.custom li a .tab-img {
      display: none !important;
   }
   h3.jask {
      font-size: 19px !important;
      padding: 15px;
   }
   .req-title {
      white-space: nowrap;
      font-size: 23px;
      top: -42px;
   }
   .services .header-image-wrapper {
      min-height: 250px;
   }
   .navbar-services {
      background-repeat: no-repeat;
      width: 100%;
   }
   #service-Menu ul.custom {
      margin-bottom: 15px !important;
   }
   .btn-layout, .bttn, .bttn-submit, .bttn-submit, .bttn-close, .bttn-close, .wint, .fall {
      max-width: 100%;
   }
   .s-collapse-btn {
      border: none;
   }
   .gal-overlay .icon, .gal-overlay .w-icon {
      display: none !important;
   }
   .mh-3 {
      background-size: cover;
   }
	  .s-toggle-icon {
      font-size: 20px;
   }
	   .card .navbar-light {
      padding: 0px !important;
   }
	   .intro-header h2 {
      font-size: 1.6rem;
   }
   .s-copy p {
      padding: 5px;
   }
	   .s-copy h3 {
      font-size: 18px;
      width: 100%;
      text-align: center;
   }
	   .s-copy, .s-copy2, .s-copy2 h3 {
      margin-top: 0px;
      border: none !important;
      text-align: center !important;
   }

}




	
	
/***** HOVER STYLES ******/
/* Grow */
.hvr-grow {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.25s;
   transition-duration: 0.25s;
   -webkit-transition-property: transform;
   transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   background-color: rgba(235, 235, 235, .4);
   -webkit-border-radius: 50%;
   border-radius: 50%;
}