
/* header styles */


header {
    /* background: #b0d26d no-repeat scroll 0 0;*/
    background: #41a0fe no-repeat scroll 0 0;
    background-size: 100% 100%;
    padding: 40px 0 65px;
}
.top-info {
  padding: 4px 0;
}

.top-info fa {color:#000;}
.top-info i {color:#00823a;}

.top-info .info-box {
  display: table-cell;
  vertical-align: middle;
  padding-right: 30px;
}
.top-info .info-box:last-child {
  padding-right: 0;
}
.top-info .info-box .icon-box,
.top-info .info-box .text-box {
  display: table-cell;
  vertical-align: middle;
}



.top-info .info-box .icon-box {
  padding-right: 20px;
}
.top-info .info-box .icon-box i {
  font-size: 30px;
  color: #fff;
  position: relative;
  top: 5px;
  border-left: 0px solid #6B7261;
  padding-left: 30px;
}
 
.top-info .info-box .social-icons {
  font-size: 0;
  margin-left: -7.5px;
  margin-right: -7.5px;
  line-height: 6px;
  margin-top: 5px; 
}
.top-info .info-box .social-icons li {
  display: inline-block;
  margin-left: 7.5px;
  margin-right: 7.5px;
}
 
.top-info .info-box .social-icons li a {
  display: block;
  font-size: 15px;
  color: #fff!important;
}
.top-info .info-box .social-icons li a:hover {
  color: #000000;
}
.top-info .info-box p {
  color: #fff;
  line-height: 20px;
  margin: 0;
}
.top-info .info-box span.highlighted {
  color: #fff;
}
.white {
  color: #fff!important;
}
header .logo {
  margin: 4px 0 0;
}
 


#breadcrumb-area {
  background: rgba(0, 0, 0, 0) url("../images/breadcrumb-bg.jpg") no-repeat scroll bottom left / auto ;
  padding-bottom: 52px;
  padding-top: 67px;
  background-size: cover;
}

/* start navigation menu */
.mainmenu-navigation .container {background:#00823a;border: 0px dashed #EBEBEB; color:#fff!important; }
 div.container.mainmenu-gradient-bg {background:#00823a;border: 0px dashed #EBEBEB;  }
 div.container.mainmenu-gradient-bg ul.nav  {border:0px solid #00823a!important; }
 div.container.mainmenu-gradient-bg ul.nav li a { color:#fff!important; }
 div.container.mainmenu-gradient-bg ul.nav li a:hover { color:#b0d26d!important; }
 div.container.mainmenu-gradient-bg ul.nav li.active a  { color:#b0d26d!important; }

 
 
 .mainmenu-navigation.stricky-fixed {
  position: fixed;
  top: 35px;
  left: 0;
  width: 100%;
  z-index: 999;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
  background: #00823a; 
}


.mainmenu-navigation .container:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  display: block;
  border: 0px dashed rgba(255,255,255,.5);
}
/* end navigationmenu */

.icon-sprinkler {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  margin-top: 25px;
  width: 61px;
  height: 61px;
  background: #7FA409;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  padding-top:10px;
}
.icon-sprinkler i,
.icon-sprinkler i:before {
  font-size: 33px;
  color: #fff;
  line-height: 41px;
  margin: 20px auto 0 auto;
}



/* start promotional text */

section#promotional-text  {
    background: #b0d26d!important;
    color: #000;
	border-top:1px solid #00823a;
	border-bottom:1px solid #00823a;
} 


section#promotional-text p { 
    color: #000;
} 


/* end promotional text */




/* Start button css */
 
  
.contact-button{
    /* effect styles */
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.contact-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 5px;    
    border: 1px solid #fff;
    background: #00823a;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.contact-button  {
	background:#00823a;
  /*color: white;*/
}
.contact-button:hover, .contact-button:focus, .contact-button:active {
	background:#252525;
  /*color: white;*/
}
.contact-button:hover:before, .contact-button:focus:before, .contact-button:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}


a .gardner-button {
  display: inline-block;
  background: #252525;
  border-radius: 5px;
}
a .gardner-button p {
  border-right: 1px solid #000000;
  color: #ffffff !important;
  display: inline-block;
  float: left;
  font-family: "Open Sans",sans-serif;
  font-size: 14px !important;
  line-height: 40px !important;
  margin: 0 !important;
  padding-left: 32px;
  padding-right: 23px;
  text-transform: uppercase;
}
a .gardner-button i {
  border-left: 1px solid #404040;
  display: inline-block;
  float: left;
  line-height: 40px;
  color: #98bc24;
  font-size: 16px;
  padding-left: 14px;
  padding-right: 15px;
}
.readmore a {
  background: #00823a none repeat scroll 0 0;
  height:auto;
  border: medium none;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin:10px auto;
  padding: 5px 15px;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
		  display:inline-block;
}
.readmore a:hover {
  background: #98bc24;
}

.awesome-service-blog-single p {display:inline-block; margin: 0 auto;}

/* End button css */




/* START HOME SECTIONS */



/* start for slider */

.gardener-caption-p {
  color: #fff!important;
  font-size: 20px;
  font-style: normal!important;
  line-height: 28px;
  font-weight: normal;
  /*text-shadow: 1px 1px #b0d26d!important;*/
  background:#41a0fe;
  padding: 15px 20px;
  border: 2px solid #fff;
  float:left;
}

.rev_slider_wrapper #slider1 .gardener-caption-h1.bg-red {
  background: #00823a;
  color: #fff;
}

 

.rlc-button a {
  display:block;
  float:left;
  background: #2c2c2c none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  /* font-size: 14px; 
  font-weight: 700;*/
  margin:10px auto;
  padding: 8px 48px;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.rlc-button a:hover {
  background: #00823a!important;

}


 
/* end for slider */


#welcome-to-gardener {
    /*background: #313718;*/
  background: rgba(0, 0, 0, 0) url("../images/welcome-bg.jpg") no-repeat scroll center center / cover ;
  padding: 50px 0;
    overflow: hidden;
}


#welcome-to-gardener .col-lg-7 {
    padding: 0px 0 0 20px; 
}
#welcome-to-gardener h2 {
  color: #e2ba4b;
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  margin: 0 0 17px;
  text-transform: uppercase;
  font-family: "Roboto Slab",serif;
  color:#b0d26d!important;
}


#welcome-to-gardener .list-box  li  {color:#b0d26d!important;}

#testimonials-gardener {
    background: #000;
    position: relative;
    padding: 50px 0 0px;
	margin: 0px auto 50px auto;
}



#great-gardener-team {
    background: #98BC24 url(../images/need-help.jpg) left center no-repeat;
    overflow: hidden;
}


#great-gardener-team .has-skew {
    position: relative;
    padding: 38px 0;
    padding-left: 85px;    
}
#great-gardener-team .has-skew * {
    position: relative;
}
#great-gardener-team .has-skew:before {
    content: '';
    background: #00823a;
    width: 5000px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: skew(-38deg);
        -ms-transform: skew(-38deg);
            transform: skew(-38deg);
}

#great-gardener-team h2 {color:#b0d26d; font-size:40px;}
 
 
  
 /* start for read more toggle */
 section#our-services-gardener i {color:#666; display:inline;} 
section#our-services-gardener .service-text p {display:inline;}
  
 /* end for read more toggle */


/* END HOME SECTIONS */


/* start footer */  
footer.gardener .widget p {
  color: #fff;
}
footer.gardener .widget .popular-post li a h5,
footer.gardener .widget .contact-info li {
    color: #a6d119!important;

}
footer.gardener .widget h3{
    border-color: rgba(121, 107, 93, 0.4);
}
footer.gardener .widget a {
  color: #a6d119;
}
 

footer.gardener .quick-links li a {color:#a6d119;}
footer.gardener .quick-links li:hover a {color:#b0d26d;}
footer.gardener .quick-links li.active a {color:#b0d26d;}
  
section#footer-bg {
    background: url(../images/footer-bg.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 40px;
} 

section#footer-bg ul.contact-info li i {color:#b0d26d;}

section#footer-bg .readmore {margin: -20px auto 0 -20px;}
section#footer-bg .readmore i { color: #b0d26d;}
section#footer-bg .readmore i:hover {color: #98bc24;}

section#footer-bg .readmore a {
  background: transparent;
  height:auto; 
  color: #b0d26d;
  font-family: "Open Sans",sans-serif;
  font-size: 12px;
  font-weight: 500; 
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
		  display:inline-block;
}
section#footer-bg .readmore a:hover {
  color: #98bc24;
}

section#footer-bg #about {
  color: #fff; 
  margin: 0 auto;
}



section#bottom-bar a {color:#b0d26d!important;}
section#bottom-bar a:hover {color:#a6d119!important;}

 
#bottom-bar.gardener p {color:#fff;} 

#bottom-bar.gardener .social li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    text-align: center;
    line-height: 40px;
    color: #b0d26d;
    border: 1px solid #b0d26d;
    font-size: 17px;
    margin-right: 7px;
    -webkit-transition: all .3s ease;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
#bottom-bar.gardener .social li:hover a {
    color: #00823a!important;
	border: 1px solid #b0d26d;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
	
}
#bottom-bar.gardener .social li a:before {
    background: #b0d26d;
}

/* end footer */






/* start additional CSS */

@media (max-width: 479px)
{
	
div.container.mainmenu-gradient-bg ul.nav  { background:#00823a;color:#fff!important; }
div.container.mainmenu-gradient-bg ul.nav li a:hover { background:#7fa409;color:#fff!important; }
div.container.mainmenu-gradient-bg ul.nav li.active a  {background:#7fa409;color:#fff!important;  }

 
.white {
	color:#fff!important;
}

section#bottom-bar  .credit {margin: 0 auto; text-align:center; line-height:auto;}






#great-gardener-team {
    background: #98BC24;
    overflow: hidden;
}




#great-gardener-team .has-skew {
    position: relative;
    padding: 38px 0;
    padding-left: 85px;    
}
#great-gardener-team .has-skew * {
    position: relative;
}
#great-gardener-team .has-skew:before {
    content: '';
    background: #00823a;
    width: 5000px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
   /* -webkit-transform: skew(-38deg);
        -ms-transform: skew(-38deg);
            transform: skew(-38deg);
			*/
}


 
}





 
/* end additional CSS */