/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

:hover{transition: all .2s;}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}


.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}


.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}


@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
footer{background-color:#106534; min-height:465px; display: block;

width: 100%;}
main {
    font-size: 16px;
    color: #000;
    font-family: Poppins;
   font-weight:300;
    margin-top: 85px;
  text-align:center
}
.features {max-width:1170px ; overflow: hidden;
margin: 40px auto;}
.features figure{float:left; width:33%; margin:0}
.features figure img{margin:0 auto}
.features figure figcaption {
    color: #146525;
    font-size: 28px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight:300; margin:20px 0
}

.features figure figcaption span{
    color: #146525;
    font-size: 12px;
    font-family: Poppins;
	font-weight:700;
    text-decoration: none;
    padding-left: 20px;
    background: url(../img/ch-rm-bg.png) center left no-repeat;
    transition: all .2s;
    text-transform: uppercase; display:block; width: 70px;
margin: 10px auto 0;
}
.breadcrumb {width:1170px; margin:20px auto; color:#106534;font-weight:700 }
.breadcrumb a:link,.breadcrumb a:visited,.breadcrumb a:hover,.breadcrumb a:visited:hover{text-decoration:none; font-size:12px; color:#6aaf3e; text-transform:uppercase; }

.caphover p{margin:0 5%;}

.features figure figcaption span:hover{
    background: url(../img/ch-rm-bg.png) 10px center no-repeat;
    transition: all .2s;
}
.services figure figcaption{background:rgba(0,86,36,0.9); display:block; position:absolute; bottom:0; width:100%; padding:20px ; text-align:left; font-size:24px; color:#fff; text-transform:uppercase;font-weight:300}
.services figure{margin:0; padding:0; overflow:hidden; position:relative}
.caphover{display:none; width:100%; height: 100%; box-sizing: border-box;position:absolute; color:#fff}
.services figure:hover .caphover{background:rgba(0,86,36,0.9); display: block;
 }
.services figure:hover figcaption{display:none}
.pd70 {padding-top:70%; }
.pd65 {padding-top:65%; }
.pd60 {padding-top:60%; }
.pd55 {padding-top:55%; }
.pd50 {padding-top:50%; }
.pd45 {padding-top:45%; }
.pd40 {padding-top:40%; }
.pd30px {padding-top:30px; }
.pd40px {padding-top:40px!important; }
.pd60px {padding-top:60px!important; }
.pd80px {padding-top:80px!important; }
.pd35 {padding-top:35%; }
.pd25 {padding-top:25%; }
.pd20 {padding-top:20%; }
.pd15 {padding-top:15%; }
.pd10 {padding-top:10%; }
.pd5 {padding-top:5%; }
.pdb70 {padding-bottom:70%; }
.pdb65 {padding-bottom:65%; }
.pdb60 {padding-bottom:60%; }
.pdb55 {padding-bottom:55%; }
.pdb50 {padding-bottom:50%; }
.pdb45 {padding-bottom:45%; }
.pdb40 {padding-bottom:40%!important; }
.pdb40px {padding-bottom:40px!important; }
.pdb35 {padding-bottom:35%; }
.pdb25 {padding-bottom:25%; }

.pdb20px {padding-bottom:20px!important; }
.pdb15px {padding-bottom:15px!important; }


.pdb20 {padding-bottom:20%; }
.pdb15 {padding-bottom:15%; }
.pdb10 {padding-bottom:10%; }
.pdb5 {padding-bottom:5%; }
.pdb5px {padding-bottom:5px; }.pdb10px {padding-bottom:10px; }.pdb15px {padding-bottom:15px; }.pdb20px {padding-bottom:20px; }.pdb30px {padding-bottom:30px; }
.mrt0 {margin-top:0px!important}
.mrt20 {margin-top:20px!important}
.mrb20 {margin-bottom:20px}
.mrb0 {margin-bottom:0px!important}
.mrb10 {margin-bottom:10px}
.mrt40 {margin-top:40px!important}
.mrt50 {margin-top:50px!important}
.mrt60 {margin-top:60px!important}
.mrt80 {margin-top:80px!important}
.mrb40 {margin-bottom:40px!important}
.mrb60 {margin-bottom:60px!important}
.mrb80 {margin-bottom:80px!important}
.mrb100 {margin-bottom:100px!important}
.fltlft{float:left}


.faqs{text-align:left; display:block}
.faqs p {padding:20px; background:#fafaf9; border:2px solid #fafaf9}
.faqs p:hover{background:rgba(130, 194,65,0.1 ); border:2px solid #78ba40}

.faqs p strong {color:#106534; font-weight:600; letter-spacing:1px; background:url(../img/resquest-bg-lft.png) 0 9px no-repeat; padding-left:25px; font-size:18px; 
}
.blk{display:block}
.clrb{clear:both}

.blk{display:block}
.caphover span:hover{background:rgba(130, 194,65,0.8 )}
.caphover span
 {    line-height: 36px;
    text-align: center;

    font-size: 14px;
    display: block;
    text-decoration: none;
    border: 2px solid #fff;

    text-transform: capitalize;width: 122px;
height: 36px;
line-height: 36px;
text-align: center; margin:20px auto
}
.caphover strong{font-size:24px; text-transform:uppercase; font-weight:400; letter-spacing:-1px; }
.caphover strong:after {
  content : "";
clear:both; display:block;
  height  :5px;
  width   : 50px;  /* or 100px */
   border-bottom:2px solid #fff; margin:10px auto
}
.services figure img{width:100%; height:100%; }
.twobtwo {width:50%; height:585px; background:green;overflow:hidden }
.twobe    {width:50%; height:292.5px; background:green; display:block; float:left; overflow:hidden}
.onebe   {width:25%; height:292.5px; background:green; display:block; float:left; overflow:hidden}
.onebtwo{width:25%; height:585px; background:green; display:block; float:left; overflow:hidden}
.stmp strong{display:block; font-size:1em; text-transform:uppercase; font-weight:500; letter-spacing:0.2em}

.stmp strong:after {
  content: "";
  clear: both;
  display: block;
  height: 5px;
  width: 20px;
  border-bottom: 3px solid #82c241;
  margin: 5px 0 25px;
}
.stmp a:link, .stmp a:visited{display:block; text-decoration:none; padding:0 0 0 10px; margin:10px 0; color:#4d4d4d}
.stmp a:hover{color:#6aaf3e}
.stmp {text-align:left; width:1080px; margin:0 auto}
.stmp a:before{content:"\2515"; display: block; float:left; margin: 0 8px 0 0;}


.stmp div {float:left; width:28%; margin:40px 1%}


.gly-container {width:1170px; margin:0 auto}

.twobtwo, .twobe ,.onebe ,.onebtwo, .onebtwo1,.twobe1,.onebe1 {display:block; float:left; overflow:hidden; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   
    border: 8px solid #f9f9f9;
   
   }
   
   .rightbox {width:50%; height:585px; float:right; display:block;}
   .leftbox {width:50%; height:585px; float:left; display:block;}
.onebtwo1{width:50%; height:585px; background:green; display:block; float:left; overflow:hidden}
.twobe1    {width:100%; height:292.5px; background:green; display:block; float:left; overflow:hidden}
.onebe1   {width:50%; height:292.5px; background:green; display:block; float:left; overflow:hidden}
.services{overflow:hidden; margin:20px auto 0; background:#f9f9f9; padding:20px 0 100px}
.services2{overflow:hidden; margin:20px auto 0; background:#f9f9f9; padding:20px 0 100px}

.service-wrapper{width:1170px; overflow:hidden; margin:0 auto}
.call-section, .call-section a {
    color: #fff;
    text-transform: uppercase;
}
aside { width: 100%; background: url(../img/testimonial.png) center bottom no-repeat; display:block; overflow:hidden; min-height:400px}
.testimonials {
    width: 100%;
    margin: 30px 0 0 0;
overflow: hidden;
}


.call-section a {
	 background: url(../img/call-@.png) left 17px no-repeat;
    padding: 10px 0 10px 80px;

    font-size: 52px;
    text-decoration: none;
    line-height: 190px;
}
.call-section {
    background-color: #106534;
    width: 100%;
    background-image: url(../img/call-bg.png);
    
  
    height: auto;
    min-height: 179px;
    line-height: 180px;
    text-align: center;
    font-size: 32px;
    
}
.call-section-margin{margin-top: 80px; margin-bottom:40px}

.call-section-margin-below-only{margin-bottom:40px}

.about-greenlife .choose-link {
    margin-bottom: 10px;
}
.choose-link:hover {
background: url(../img/ch-rm-bg.png) 10px center  no-repeat;
    transition: all .2s;
}
.choose-link {
    color: #146525;
    font-size: 12px;
    font-family: Poppins;
	font-weight:600;
    text-decoration: none;
    padding: 20px;
    background: url(../img/ch-rm-bg.png) center left no-repeat;
    transition: all .2s;
    text-transform: uppercase;
}

main p {max-width:1080px; margin:40px auto; line-height:32px}
.clients {width:1170px ; text-align:center; margin:40px auto}
.clients img{width:auto; margin:0 2px}
.clients p{ margin: 20px auto 0; line-height: 32px; text-transform:normal; font-size:16px}

.clients p:first-of-type{ margin: 20px auto 40px; line-height: 24px; text-transform:uppercase; font-size:12px; font-weight:600; color:#868686}

.request-survey  {
	font-family: Poppins;
	font-weight:600; text-decoration:none;
    width: 100%;
    max-width: 580px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 63px;
    border: 4px solid #78ba40;
    box-sizing: border-box;
    position: relative;
	font-size:18px;
    color: #106534; display:block; margin:40px auto; 
	background: url(../img/resquest-bg-lft.png) 3% 28px no-repeat, url(../img/resquest-bg-rt.png) 97% 28px no-repeat;
padding:0 20px;
left: 15px;
transition: all .2s;
}
.request-survey:hover{background: url(../img/resquest-bg-lft.png) 4% 28px no-repeat, url(../img/resquest-bg-rt.png) 96% 28px no-repeat, #96c778;}

.about,.clients,.services,.whyus,.about{overflow:hidden}
h4{
    color: #000;font-size: 34px;
       text-transform: uppercase;
    font-family: Poppins;
    font-weight: 400;
    text-align: center; margin:40px auto
}
h4 span{color:#146525}
h4:after {
  content : "";
clear:both; display:block;
  height  :5px;
  width   : 100px;  /* or 100px */
   border-bottom:3px solid #82c241; margin:10px auto
}


.txtal {text-align:left}

.testimonials h4{color:#fff}
.tm {
    font-size: 22px;
    color: #fff;
    font-family: Poppins;
    font-weight: 100;
    font-style: italic;
    padding-bottom: 20px; display: block;
}

.tm-name {
    font-size: 18px;
    color: #fff;
    font-family: Poppins;
	   font-weight: 400; display: block; clear:both
}

.tm-design {
    font-size: 14px;
    color: #fff;
	   font-weight: 300;
    font-family: Poppins;
    display: block;
}
 .swiper-container {
        width: 1170px;
        height: 100%;
      }
	  
	  .mn1{background:url(../img/slide-1.jpg) center top no-repeat; background-size:cover}
	  .mn2{background:url(../img/slide-2.jpg) center top no-repeat; background-size:cover}
	  .mn3{background:url(../img/slide-3.jpg) center top no-repeat; background-size:cover}
	  .mn4{background:url(../img/slide-4.jpg) center top no-repeat; background-size:cover}
	  .mn5{background:url(../img/slide-5.jpg) center top no-repeat; background-size:cover}
	  .slider{position:relative}
	   .swiper-container2 {
        width: 100%;
        height: 575px; overflow:hidden
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
     

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
	  .left-arrow {
    background: url(../img/slide-lt-btn.png) no-repeat;
        background-size: auto;
    background-size: cover;
    float:left; position:relative
}
	  
	  .right-arrow {
    background: url(../img/slide-rt-btn.png) no-repeat;
        background-size: auto;
    background-size: cover;
    float:right; position:relative
}

.arrowsc{position: absolute; top: 55%; z-index:999; width:100%}
.arrows {
     
     width:1170px; margin:0 auto
}


.left-arrow, .right-arrow {
    width: 62px !important;
    height: 62px;
   
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
	  
	  
	  .item {
    width: 80%;
    margin: 0 auto;
}
.containerdiv{background:url(../img/slider-caption.png) center center no-repeat; width:672px; height:318px; color:#fff}

.containerdiv strong{margin:125px 0 0 0; padding:0; font-size:28px; font-family:Raleway;  font-weight:700; display:block}
.containerdiv p{margin:5px auto 25px auto; padding:0; font-size:20px;  font-weight:300}
.containerdiv a{font-weight:600;  width: 266px !important;
    height: 47px;
    line-height: 47px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;

    text-decoration: none;
    display: block;
    border: 4px solid #6aaf3e; margin:0 auto}

.containerdiv a:hover{background:#6aaf3e}
   




.quote-icon {
    position: absolute;
    width: 100%;
}

.tm-lt-quote {
    background: url(../img/tm-lt-quote.png);
    left: 0;
}
.tm-lt-quote, .tm-rt-quote {
    width: 54px;
    height: 45px;
    position: absolute;
}

.tm-rt-quote {
    background: url(../img/tm-rt-quote.png);
    right: 0;
}
.tm-lt-quote, .tm-rt-quote {
    width: 54px;
    height: 45px;
    position: absolute;
}
aside h5{
    color: #fff;font-size: 34px;
       text-transform: uppercase;
    font-family: Poppins;
    font-weight: 400;
    text-align: center; margin:40px auto
}

aside h5:after {
  content : "";
clear:both; display:block;
  height  :5px;
  width   : 100px;  /* or 100px */
   border-bottom:3px solid #82c241; margin:10px auto
}

.footer-nav {width:1170px; margin: 0 auto; display:block; color:#fff; min-height:50px; font-size:14px; padding:80px 0 40px; overflow:hidden}

footer h5{ font-size:18px; margin:20px 0; font-family: Poppins,sans-serif;font-weight: 600; color:#fff; min-height:50px; text-transform:uppercase;}

footer h5:after {
  content : "";
clear:both; display:block;
  height  :5px;
  width   : 20%;  /* or 100px */
   border-bottom:3px solid #82c241; margin-top:10px
}

footer h6{ font-size:14px; margin:20px 0; font-family: Poppins,sans-serif;font-weight: 600; color:#fff; text-transform:uppercase; clear:both}


.info{width:38%; float:left}
.info-links{ width:15%;float:left; display:block; min-height:200px; font-size:14px}
.services-links{width:46%;float:left; display:block; min-height:200px; font-size:14px}
.product-links{width:22%;float:left; display:block; min-height:200px; font-size:14px}

.help-links{width:5%;float:left; display:block; min-height:200px; font-size:14px}
.endnav{width: 100%;
display: block;
float: left;
clear: both; margin:0}
.site-info-links a:link{color:#fff; text-decoration:none; font-family: Poppins,sans-serif;font-weight: 400; font-size:12px; letter-spacing:1px; margin:0 10px}
.site-info-links p {float:right; margin:0; font-family: Poppins,sans-serif;font-weight:200; color:#fff; font-size:11px;  letter-spacing:1px; text-transform:uppercase}.site-info-links p img {margin:0 2px}
.endseperator {text-align:center}
.endseperator::before {
  content : "";
float:left;
  height  :5px;
  width   : 40%;  /* or 100px */
   border-bottom:2px solid #82c241; margin-top:60px
}
.endseperator::after {
  content : "";
float:right;
  height  :5px;
  width   : 40%;  /* or 100px */
   border-bottom:2px solid #82c241; margin-top:60px
}
.site-info-links{clear:both; display:block; color:#82c241}
.info-links a:link ,.help-links a:link,.product-links a:link,.services-links a:link
{color:#fff; text-decoration:none; font-family: Poppins,sans-serif;font-weight: 400; display:block; margin:0 0 5px 0; overflow:hidden; clear: both;
float: left;}

.services-links a:link {width:50%; clear:none}
.info a:hover,.info-links a:hover ,.site-info-links a:hover,.help-links a:hover,.product-links a:hover,.services-links a:hover,
.info a:visited:hover,.info-links a:visited:hover ,.site-info-links a:visited:hover,.help-links a:visited:hover,.product-links a:visited:hover,.services-links a:visited:hover
{color:#82c241}
.info p{font-family: Poppins,sans-serif;font-weight: 400; background:url(../img/icon-home.png) left 5px no-repeat; padding-left: 40px;  margin:0 0 10px  0}
.nphone {background:url(../img/icon-phone-white.png) left 8px no-repeat}
.nemail{background:url(../img/icon-email-white.png) left 8px no-repeat}
.nbrochure{background:url(../img/icon-download.png) left 8px no-repeat}
.nmap{background:url(../img/icon-map-white.png) left 8px no-repeat}
.nphone,.nemail,.nbrochure, .nmap{color:#fff; text-decoration:none; font-family: Poppins,sans-serif;font-weight: 400; padding-left: 40px; min-height:40px; line-height:40px; width:35%; float:left; margin:0 0 10px  0}
.nphone:hover,.nemail:hover,.nbrochure:hover, .nmap:hover{color:#82c241}

.info a:visited,.info-links a:visited ,.site-info-links a:visited,.help-links a:visited,.product-links a:visited,.services-links a:visited{color:#fff;}

header{max-width: 1170px; margin:0 auto; z-index:9999; position:relative}
 /* Add a black background color to the top navigation */
.topnav {
 position:relative;

}
.start {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    color: #000;
    font-weight: 300;
    text-decoration: none;
    line-height: 29px;  
    background: url(../img/icon-map.png) 0 43px no-repeat;
    display: inline-block;
    width:38%; border-bottom:1px solid #c0e0a0; padding:42px 0 26px 3%; margin:0

}
.icon-phone
{
    background: url(../img/icon-phone.png) center left no-repeat;     display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    color: #000;
    font-weight: 300;
    text-decoration: none;
    line-height: 29px; margin-left: 10px;
padding-left: 35px;
}

.icon-fb
{
    background: url(../img/socials.png) center left no-repeat;     display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    color: #000;
    font-weight: 300;
    text-decoration: none;
    line-height: 29px; margin-left: 10px;
padding-left: 35px;
}
.quickc {float:right; margin:14px 0 0 0; width:41%; text-align:right; border-bottom:1px solid #c0e0a0; padding:42px 0 26px; margin:0}
.icon-email {
    background: url(../img/icon-email.png) center left no-repeat;     display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: Poppins,sans-serif;
    color: #000;
    font-weight: 300;
    text-decoration: none;
    line-height: 29px; margin-left: 10px;
padding-left: 35px;
}

.rightmenu{float:right; }
.logo {
    width: 191px;
    height: 108px;
    position: absolute;
    left: 0;
    right: 0;
    margin: -69px auto 0;
    padding: 0 15px;
   
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;

  text-decoration: none;
  font-size: 16px; font-family: 'Poppins', sans-serif; font-weight:500; text-transform:uppercase;
  
  
  padding:15px 29px 16px;
margin: 13px 10px 5px;
border-bottom: 12px solid transparent;



}

/* Add an active class to highlight the current page */


/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none; 
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;

}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #000;
  cursor:pointer;
  background-color: inherit;
font-family: 'Poppins', sans-serif; font-weight:500; text-transform:uppercase;
  
  padding: 20px 29px 28px;
margin: 10px 10px 0 0;

}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  border-top: 7px solid #82c241;
  display: none;
  position: absolute;
  background: rgba(0,86,36,.95);
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 0;
  margin: 0 auto;
  left: 0;

}

/* Style the links inside the dropdown */
.dropdown-content a {   font-size: 14px;
  float: none;
  color: black;
  padding: 10px 0 10px 30px;
  width: 30.4%;
  text-decoration: none;
  display: inline-block;
  text-align: left;
  margin: 0;
  border-bottom: solid 1px #82c241;
  border-left: solid 1px #82c241;
  color: #fff; letter-spacing:1.5px
}


/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover {

  color: black; border-bottom:solid 6px #82c241;  
   

}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  
  color: black;
  background:rgba(130,194,65,.8); border-bottom:solid 1px #82c241;  
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content, .dropdown:active .dropdown-content {
  display: block;
}




/* Sub styles */

.about-banner {
    
    background:url(../img/greenland.jpg) no-repeat center center #106534;
	background-color:#106534;
background-size:cover;
    height: auto;
    height: 180px;
   line-height:180px
}

.about-banner h2 {
    text-align: center;
    font-size: 38px;
    font-family: Poppins;
    font-weight: 500;
  
   padding:0; text-transform:uppercase; color:#fff;
    margin: 0 auto; 
}

.about-banner h2:after {
  content : "";
clear:both; display:block;
  height  :5px;
  width   : 50px;  /* or 100px */
   border-bottom:2px solid #fff; margin:-60px auto
}
.about {width:1170px; margin:0 auto 40px}
.about figure{width:26%; text-align:center; float:left}
.about figure:nth-child(4){margin-left:20%}

.about figure strong {
    color: #08371c;
    margin-top: 20px;
display:block;
    font-size: 14px; 
}
.about figure p{margin:10px 0}

.about .features  figure  figcaption p {
    font-size: 14px;
    color: #000;
    font-family: Poppins;
    
    margin-top: 40px;
    margin-bottom: 30px; text-transform:none
}
.about .features  figure  figcaption {width:50%; float:left; margin:0}
.about .features  figure {width:100%; margin:40px 0}

.fltr{float:right!important}
.fltlft {float:left!important}
.about .features  figure  figcaption img {display:block; margin:0 auto 10px}
.about .features figure:nth-child(4) {width:100%; margin:40px 0}
.about .features  figure  figcaption p {
    font-size: 14px;
    color: #000;
    font-family: Poppins;
   margin:0 8%; font-weight:400

}
.about .features  figure  figcaption strong{
    color: #146525;
    font-size: 28px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 300; margin:10px 0
}
.residential{background: url(../img/residential.jpg) no-repeat; background-size:cover}
.pools{background: url(../img/coolpool.jpg) bottom center no-repeat; background-size:cover}
.mante{background: url(../img/mante.png) bottom center no-repeat; background-size:cover}
.commercial{background: url(../img/commercial-banner1.jpg) bottom center no-repeat; background-size:cover}
.contact{background: url(../img/download.jpg)  center -150px no-repeat; background-size:cover}
.architecture{background: url(../img/architecture.jpg) no-repeat; background-size:cover}
.consultancy{background: url(../img/consultancy.jpg) no-repeat; background-size:cover}
.planning{background: url(../img/urban-planning.jpg) no-repeat; background-size:cover}
.lighting{background: url(../img/lighting.jpg) no-repeat; background-size:cover}
.greenwall{background: url(../img/greenwall.jpg) no-repeat; background-size:cover}
 .dancing-fountains{background: url(../img/dancing-fountains.jpg) no-repeat; background-size:cover}
 .sprinkler{background: url(../img/sprinkler.jpg) no-repeat; background-size:cover}
 .gazebo{background: url(../img/gazebo.jpg) no-repeat; background-size:cover}
 .drip{background: url(../img/drip.jpg) no-repeat; background-size:cover}
 .grass{background: url(../img/grass-sod.jpg) no-repeat; background-size:cover}
 .trees{background: url(../img/trees.jpg) no-repeat; background-size:cover}
 .trees2{background: url(../img/trees.png) no-repeat; background-size:cover}
 .strees2{background: url(../img/shadetrees.png) no-repeat; background-size:cover}
 .ftrees{background: url(../img/fruit.png) no-repeat; background-size:cover}
 .waterfallimage{background: url(../img/waterfall-image.png) no-repeat; background-size:cover} 
 .wfeatures{background: url(../img/water-feature-bg.png) no-repeat; background-size:cover}
 .streamsbg{background: url(../img/streamsbg.png) no-repeat; background-size:cover}
 .bwallbg{background: url(../img/bwallbg.png) no-repeat; background-size:cover}
 .rooftop{background: url(../img/rooftop.png) no-repeat; background-size:cover}
 .gazebos{background: url(../img/gazebos.png) no-repeat; background-size:cover}
 .spray{background: url(../img/spray.png) no-repeat; background-size:cover}
 .drip-bg{background: url(../img/drip-bg.png) no-repeat; background-size:cover} 
 .blowout-bg{background: url(../img/sprinklerblowout.png) no-repeat; background-size:cover} 
 .pergola-bg{background: url(../img/pergola.png) no-repeat; background-size:cover}
 .clay{background: url(../img/clay-bg.png) no-repeat; background-size:cover}
 
  .vermiculite{background: url(../img/vermiculite-bg.png) no-repeat; background-size:cover}
   .perlite{background: url(../img/perlite-bg.png) no-repeat; background-size:cover}
    .deck-bg{background: url(../img/deck-bg.png) no-repeat; background-size:cover}
	 .fire-pit-bg{background: url(../img/fire-pit-bg.png) no-repeat; background-size:cover}
	  .fireplaces-bg{background: url(../img/fireplaces-bg.png) no-repeat; background-size:cover}
	   .flagstone-bg{background: url(../img/flagstone-bg.png) no-repeat; background-size:cover}
	    .flower-bulbs{background: url(../img/flower-bulbs.png) no-repeat; background-size:cover} 
		.flowering-shrubs-bg{background: url(../img/flowering-shrubs-bg.png) no-repeat; background-size:cover}
		 .herb-garden-trees{background: url(../img/herb-garden-trees.png) no-repeat; background-size:cover}
		 
		 
		 	 .hot-tubs-bg{background: url(../img/hot-tubs-bg.png) no-repeat; background-size:cover}
	  .xeriscaping{background: url(../img/xeriscaping.png) no-repeat; background-size:cover}
	   .ornamental-planting{background: url(../img/ornamental-planting.png) no-repeat; background-size:cover}
	    .outdoor-kitchens{background: url(../img/outdoor-kitchens.png) no-repeat; background-size:cover} 
		.patios-bg{background: url(../img/patios-bg.png) no-repeat; background-size:cover}
		 .pavers-bg{background: url(../img/pavers-bg.png) no-repeat; background-size:cover} 
		 
		 
		 .perennial-beds-bg{background: url(../img/perennial-beds-bg.png) no-repeat; background-size:cover}
	  .terraces{background: url(../img/terraces.png) no-repeat; background-size:cover}
	   .walkways-bg{background: url(../img/walkways-bg.png) no-repeat; background-size:cover}
	    .walls{background: url(../img/walls.png) no-repeat; background-size:cover} 

 
 
.leftform{width:45%; margin-right:5%; float:left }
.rightform{width:50%; float:left; margin-bottom:20px }


.cforms{max-width:1080px; margin:0 auto; display:block; overflow:hidden}
.cinfo {float:left}
.cinfo figure{float:left; margin:0; 
width: 50%;
height: 180px;
text-align: center; 
border: 1px dotted #fff; 
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-top:25px
    
}

.cinfo figure p{
	font-size: 12px;
    color: #222;
    font-family: Poppins;
    text-transform: uppercase;
    margin: 10px 0 5px;
	font-weight:700}

	
.cinfo figure figcaption {
    font-size: 14px;font-weight:400;
    color: #888;
    font-family: Poppins;
    text-decoration: none; margin:0 10px
}

.cinfo figure figcaption a:link{ color: #888; text-decoration:none; display:block}

.cinfo figure:first-of-type{border-right:1px dotted #ccc; border-bottom: 1px dotted #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}


.cinfo figure:nth-child(2){border-bottom: 1px dotted #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.cinfo figure:nth-child(3){border-right:1px dotted #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.cforms h4 {
    font-size: 20px;
    color: #111;
    font-family: Poppins;
    text-align: center;
    margin-bottom: 30px; font-weight:500; float:left; width:100%
}

.fname, .lname {
    width: 50%;
    height: 58px;
    border: 1px solid #e3e3e3;
    color: #bbb;
    font-size: 10px;
    font-family: Poppins;
    margin: 0;
    padding-top: 10px;
    float: left; text-align:left; font-weight:500
}


.conttextarea, .fname, .lname {
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: capitalize;
    box-sizing: border-box;
}

.conttextarea textarea {
    height: 180px;
    resize: none; display:block;     border: none;
    outline: 0;
    display: block;
    color: #111;    font-size: 12px;
  
    width: 100%;
}

.pripolicy {
  max-width: 1080px;
  margin: 40px auto;
line-height: 32px; text-align:left}

.pripolicy li{background: url('../img/ch-rm-bg.png') 0px 12px  no-repeat; list-style:none; padding-left:20px}

.conttextarea{font-size: 12px; width:100%;  border: 1px solid #e3e3e3; color: #bbb; font-family: Poppins; font-weight:500;  color: #bbb; margin: -1px 0; padding-top: 15px; overflow:hidden; padding-bottom: 15px;}
	
.register button
{transition: all .2s;
    width: 100%;
    height: 76px;
    text-align: center;
    background: #82c241;
    border: 0 !important;
    line-height: 69px;
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
	cursor:pointer;
}



	/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */

		/* hide no more entries button */
		.media-boxes-no-more-entries{
			display: none;
		}

		/* make your own style of the filter */
		.filters-container{
			margin-bottom: 20px;
		}
		.custom-filter{
			padding: 0;
			text-align: right;
		}
		.custom-filter li{
			list-style: none;
			display: inline-block;
			margin-left: 18px;
			font-size: 12px;
		}
		.custom-filter li a{
			color: #999;
			text-decoration: none;
		}
		.custom-filter li a:hover{
			color: #333;
		}
		.custom-filter li a.selected{
			color: #D1474C !important;
		}

		/* Set the style of the thumbnail overlay items */
		.media-box-title{
			color: #fff;
			font-size: 11px;
			margin-bottom: 5px;
			text-transform: uppercase;
		    letter-spacing: 2px;
		    line-height: 28px;
		}
		.media-box-date{
			color: #F2F2F2;
			font-size: 10px;
		}

		/* Remove box shadow and border-radius from the media boxes */
		.media-box-container{
			  -webkit-border-radius: 0px;
			  	 -moz-border-radius: 0px;
			  		  border-radius: 0px;

			  -webkit-box-shadow: none;
			  	 -moz-box-shadow: none;
			  	   -o-box-shadow: none;
			      -ms-box-shadow: none;
			  		  box-shadow: none;
		}

		/* thumbnail overlay background */
		.thumbnail-overlay{
    		background-color: rgba(0,0,0, .40);

    		-webkit-transition: background-color 0.2s ease-out;
		       -moz-transition: background-color 0.2s ease-out;
		         -o-transition: background-color 0.2s ease-out;
		            transition: background-color 0.2s ease-out;
		}

		/* hover effect on the thumbnail-overlay */
		.thumbnail-overlay:hover{
    		background-color: rgba(0,0,0, .20) !important;
		}
		
		/* hover effect on the image */
		.media-box-image img{
		    -webkit-transition: transform 0.6s ease-in-out;
		       -moz-transition: transform 0.6s ease-in-out;
		         -o-transition: transform 0.6s ease-in-out;
		        -ms-transition: transform 0.6s ease-in-out;
		            transition: transform 0.6s ease-in-out;

		    -webkit-transform-origin: bottom left;
		       -moz-transform-origin: bottom left;
		         -o-transform-origin: bottom left;
		        -ms-transform-origin: bottom left;
		            transform-origin: bottom left;
		}
		.media-box-image:hover img{
		    -webkit-transform: scale(1.2) translate(-20px);
		       -moz-transform: scale(1.2) translate(-20px);
		         -o-transform: scale(1.2) translate(-20px);
		        -ms-transform: scale(1.2) translate(-20px);
		            transform: scale(1.2) translate(-20px);
		}

		/* Change alignment in grid 2 */
		#grid2 .thumbnail-overlay>div.aligment>div.aligment{
			vertical-align: bottom;
			padding-bottom: 40px;
		}

		.thumbnail-overlay .media-box-title{
			font-size: 16px;
		}

		.thumbnail-overlay .media-box-date{
			font-style: italic;
			font-size: 12px;
		}
.register button:hover{background: rgba(106,175,62,.7); letter-spacing:1px}


.register input{
    border: none;
    outline: 0;
    display: block;
    color: #111; width:95%;  padding: 5px 0;
font-size: 12px;
}

.cforms form{float:right; overflow:hidden}


.cforms h4::after{display:none}

.commercial .res-banner-box h3 
{
    font-size: 34px;
    margin-top: 20px;
}
.services-pg{
    width: 100%;
    height: 360px;
    overflow: hidden;
}.res-banner-box
{
    width: 790px;
    height: inherit;
    margin: 0 auto;
    background: rgba(16,101,52,.8);
    border-left: 3px solid #82bb42;
    border-right: 3px solid #82bb42;
}

.res-banner-boxs
{
    width: 790px;
    height: inherit;
    margin: 0 auto;
    background: rgba(16,101,52,.8);
    border-left: 3px solid #82bb42;
    border-right: 3px solid #82bb42;
}

.res-banner-box h2 {padding-top: 40px;

text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
font-family: Poppins; margin:0 auto}


.res-banner-box  h2:after {
  content : "";
clear:both; display:block;
  height  :5px;
  width   : 50px;  /* or 100px */
   border-bottom:2px solid #fff; margin:10px auto 0
}


.res-banner-box h3 {font-size: 34px;
    font-family: Raleway;
    margin: 20px auto 0;
text-align: center;
color: #fff;
text-transform: uppercase;
 font-weight: 400;}
 
 
.res-banner-box p {
    font-size: 18px;
    font-family: Poppins;
    margin-top: 18px;
    font-weight: 300;
    text-align: center;
    color: #fff;
font-weight: 500; text-transform:uppercase
}

.res-banner-box  a:link, .res-banner-box  a:visited
 {
    font-weight: 600;
    width: 266px !important;
    height: 47px;
    line-height: 47px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: block;
    border: 4px solid #6aaf3e;
    margin: 0 auto;
}

 .res-banner-box   a:hover{background:#6aaf3e}


.services2 figure{
    margin: 20px 1%;
    text-align: left;
    width: 31%;
    height: auto; float:left;  min-height: 420px;
}
.services2 figure strong{display:block;

    font-size: 18px;
    color: #106534;
    font-family: Poppins;
    text-transform: uppercase;
    margin: 10px 0;
	font-weight:600


}

.services2 figure p{min-height:100px;
    padding-left: 0; margin:0 0 0 -15px ;display:block
}
.services2 figure a:link,.services2 figure a:visited,.services2 figure a:visited:hover
{
    background: url(../img/li-bullet.png) center left no-repeat;
    padding-left: 16px;
    margin-left: 15px;
    line-height: 24px; display: inline-block; 
font-size: 14px;
color: #4d4d4d;
font-family: Poppins;
text-decoration: none;
text-transform: capitalize;
font-weight:400; opacity:1
}
.services2 figure a:hover {opacity:0.6}


.greytile{width:100%; background:#fafaf9; padding:40px 0 60px 0; display:block;}

.raise {margin:-206px 0 0 0}

.raise-padding{margin:206px 0 0 0}
.ovh{overflow: hidden;}

.advantage{
  width:1170px;
  display: block;
  margin: 0 auto 0; overflow:hidden
}
.advantage strong {display:block; font-family:Poppins; font-weight:300; font-size:28px}
.advantage ul{width:40%; float:left; margin:0 0 0 30px; display:block}
.advantage li{list-style:none; background: url(../img/tick.png) center left no-repeat; padding: 0 0 0 33px; margin:20px 0; text-align:left; text-transform:uppercase; font-size: 14px;
font-weight: 300; }



.advantageu{
  width:1170px;
  display: block;
  margin: 0 auto 0; overflow:hidden
}
.advantageu strong {display:block; font-family:Poppins; font-weight:300; font-size:28px}
.advantageu li{list-style:none; background: url(../img/tick.png) center left no-repeat; padding: 0 0 0 33px; margin:10px 0; text-align:left; float:left; text-transform:uppercase;width:40%; font-size: 14px;
font-weight: 300; }

.advantageu ul {
  width: 50%;
  float: left;
  margin: 0 0 0 30px;
  display: block;
}





.pln{
  width:1170px;
  display: block;
  margin: 0 auto 0; overflow:hidden
}
.pln strong {display:block; font-family:Poppins; font-weight:300; font-size:28px}
.pln ul{width:40%; float:left; margin:0 0 0 30px; display:block}
.pln li{list-style:none; background: url(../img/tick.png) center left no-repeat; padding: 0 0 0 33px; margin:20px 0; text-align:left; text-transform:uppercase; font-size: 14px;
font-weight: 300; }


.plntage {margin:20px 0}
.plntagep {float:left; width:45%;display:block; text-align:left; margin:20px 20px 0 0}
.plntagep2 {float:left; width:100%;display:block; text-align:left; margin:40px 20px 0 0}


.plnfig p{padding-left:137px; text-align:left; font-size:14px; font-weight:300; line-height:24px; margin:25px auto 50px}
.plnfig figcaption{text-align:left; padding-left:137px; font-size:14px; font-weight:600; text-transform:uppercase}

.plnfig:first-child{background: url(../img/ua-1.png) top left no-repeat}
.plnfig:nth-child(2){background: url(../img/ua-2.png) top left no-repeat}
.plnfig:nth-child(3){background: url(../img/ua-3.png) top left no-repeat}

.plndiv {width:50%; float:right; margin-top:20px }

.grs .plnfig{background:url(../img/dcr.png) left 0px no-repeat, url(../img/dcr-bg.png) left center repeat-y; line-height: 16px;}
.gras .plntage {margin:-10px 0 -10px -18px}
.gras .fbx img {margin:10px 0 20px 30px; scale:1; text-align:center;}


.grs .plnfig figcaption {padding-left:37px;}
.grs .plnfig p{padding-left:37px; margin: 15px auto 30px;}

.gras .plndiv {width: 40%;}

.gras .plntagep{width: 55%;}

.gras .plntagep2 {margin: 0 20px 0 0;}

.gss .cs figcaption{margin: 10px 40px 20px;}
.gss .cs em{font-size:12px; margin: 40px 0 0;  font-weight: 600;

  color: #146525;
  text-transform: uppercase; letter-spacing:3px; font-style: normal;}

  .gss .cs strong{margin-top:20px}


.fltr{float:right}

.w45p{width:45%!important;}


.tage {margin:20px 0}
.tagepl {float:left; width:45%;display:block; text-align:left; margin:0 0 0 20px}

.tagep {float:right; width:45%;display:block; text-align:left; margin:0 20px 0 0}

.rooft li:first-child{background:none; padding:10px 0; font-size:24px; font-weight:400; letter-spacing:1px; color:#106534; text-transform:uppercase}

.rooft li{ font-size:16px; font-weight:100; letter-spacing:1px; text-transform:none; padding-bottom:15px; background: url(../img/tick.png) top left no-repeat;}

.hiw {width:30%; height:200px; float:left; overflow:hidden; margin:0; padding:40px 1.65% 0}

.hiw2  {
  width: 32%;
  height: auto;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 40px 0.5% 0;
  line-height: 28px;
  font-size: 14px;
}
.hiw2 figcaption{margin:20px 30px}
.hiw figcaption{margin:30px 40px}

.hiw-div{width:1100px; margin:0 auto}
.trs figure{min-height: 580px;}
.drp figure{min-height: 590px;}
.lgt figure{min-height: 580px;}
.ldc figure{min-height: 620px;}
.pls figure{min-height: 530px;}
.wtr figure{min-height: 530px;}

.wht{background:#fff; padding-bottom:0}

.gms strong {order:1}
.gms figcaption {order:2}
.gms ul {order:3}
.cs{ display:flex;
  flex-flow: column; width:31%; float:left; margin:0 auto; overflow:hidden; background:#fafaf9; min-height: 640px;}

  .lservices figure {display:flex;
    flex-flow: column;}

  
    .lservices figure caption {order:1}
    .lservices figure p {order:2; margin:0; line-height:normal}
.pdr{margin-right:3%;}
.cs strong {order:1; font-size: 1em; font-weight:600; margin:40px 40px 0px; color:#146525; text-transform:uppercase}
.cs figcaption {margin:20px 30px; font-size:14px; line-height:28px; order:2}
.cs a{order:3;}
.cs span {
  margin: 20px;
  font-size: 14px;
}
.cs strong:after {
  content: "";
  clear: both;
  display: block;
  height: 5px;
  width: 30px;
  border-bottom: 3px solid #82c241;
  margin: 20px auto 0;
}


.cs a {
  font-family: Poppins;
  font-weight: 600;
  text-decoration: none;
  width: auto;
  text-transform:uppercase;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 28px;
   position: relative;
  font-size: 12px;
  color: #106534;
  display: block;
  margin: 0 auto;
  background: url(../img/ch-rm-bg.png) 33% 10px no-repeat;
  padding: 0;
  width: 100%;
  transition: all .2s;
}

.cs a:hover {
  background: url(../img/ch-rm-bg.png) 37% 9.5px no-repeat;
  transition: all .2s;
}
.rightarrow {background: url(../img/hiw-arrow.png)  right 65px no-repeat; }


.lservices a:link,.lservices a:visited{float:left; font-size:14px; text-decoration:none; color:#4d4d4d; margin:10px 15px 0 0; font-weight:400}
.lservices a:hover{text-decoration:underline}


.lservices a::before{
       content: '';
       display: inline-block;
       width: 7px;
       height: 7px;
       -moz-border-radius: 3.5px;
       -webkit-border-radius: 3.5px;
       border-radius: 3.5px;
       background-color: #82c241; margin:0 6px 1px 0;
    }
	
.lservices figure{
  width: 32%;
  float: left;
  min-height: 450px;
  text-align: left;
  margin: 0 2% 40px 0;
}
.lservices figure:nth-child(3),.lservices figure:nth-child(6){ margin: 0}

.lservices figcaption{font-size:18px; color:#106534; font-weight:500; text-transform:uppercase; margin:15px 0 5px 0 }

.gss li {width: 80%;}

.tree-boxes div {margin:0 0 60px 0; width:47%; float:left; min-height:249px; text-align:left; background: url(../img/tree-pixel.png)  0 61px repeat-x; }

.tree-boxes {width:65%; margin:60px auto 0}
.tree-boxes div:nth-child(odd){margin-right:5% }

.tree-boxes div img {float:left; position:relative}

.tree-boxes div h3{margin:20px 0 40px 30px; float:left; width:58%; text-transform:uppercase  }


.tree-boxes div p {margin:0 20px 0 30px; float:left; width:52%; font-size:14px; line-height:24px}

.mts .cs {width:47.5%;margin-bottom:60px}

.mts .cs strong {padding: 40px 40px 20px; ;margin:0; background:#106534; color:#fff; font-size: 24px;
font-weight: 400;
letter-spacing: 5px;}

.mts .cs strong::after{border-bottom: 3px solid #fff; margin: 10px auto 10px;}

.mts .cs:first-child,.mts .cs:nth-child(2){min-height:730px}
.mts .cs:nth-child(3),.mts .cs:nth-child(4){min-height:590px; margin-bottom:20px}


.mts .cs:first-child strong{background: url(../img/tree-maintenance.png) center center no-repeat, #106534; background-size:cover }
.mts .cs:nth-child(2) strong{background: url(../img/plants.png) center center no-repeat, #106534; background-size:cover }
.mts .cs:nth-child(3) strong{background: url(../img/grass.png) center center no-repeat, #106534; background-size:cover }
.mts .cs:nth-child(4) strong{background: url(../img/hedging.png) center center no-repeat, #106534; background-size:cover }

.mts .cs:nth-child(odd){margin-right:5%}

.mts .cs:nth-child(even){margin-right:0%}
	.mts p{margin: 40px;
line-height: 24px;}
.mts ul{width: 75%;
margin: 0 auto;
float: none;
padding: 0;}

.mts li {text-transform: none;
font-size: 12px;
font-weight: 300;
letter-spacing: 1px;}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1200px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  
   .rightmenu a {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  
  
  
  
  
  
  
  
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
  top: -13px;
  }.rightmenu{float:left; }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left; clear: both; width:auto
}
  
  .topnav.responsive .dropdown {float: left;
    width: 100%;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  
  .rightmenu > a {float:left;}
  
    .rightmenu > .dropdown {margin-bottom:10px}
  
  .topnav a:hover {

  color: black; border-bottom:solid 6px #fff;  
   

}

.topnav a, .dropdown a, .dropdown .dropbtn {padding:0 5%; }
  .dropdown .dropbtn {margin: 13px 10px 15px;}
.start{padding:2.5% 0; width:100%; text-align:center; background:none; font-size:0.8em}
.quickc {padding:2.5% 0; width:100%; text-align:center; background:none; margin:10px 0 0 0}
.quickc a {margin-left:0; scale:90% }
.dropdown-content a {padding:2% 5%; }

.logo {position:relative; text-align:center; margin: 10px auto 0; width:auto; height:auto}

nav {overflow:hidden; float:left; width:100%}


header {

  overflow: hidden;
}
  
  
  body, html { overflow-x:hidden; }
  
  .arrows{display:none}
  
  .containerdiv {background:rgba(16,101,52,0.8); width: 100%;
   height: 100%;}
	
	
	.containerdiv p {
   
    font-size: 18px;  margin: 10px 30px ;
   
}
	
	
	.containerdiv strong {
    margin: 45px 30px 0 ;
  
}

.swiper-container2 {
  
    height: 325px;

}
  
  
  .containerdiv a {

    margin: 0 auto 20px; background:#82c241 ; position: absolute;
    bottom: 35px;
   right: -50%;
    left: -50%;
}
  main {
 
  margin-top: 0;

}

.clients,.breadcrumb {width:auto}
.clients {margin: 20px 10px 40px;}
h4 {
  font-size: 1.7em;
  margin: 50px auto 40px;     padding: 0 10%;
}
  .clients img{width:auto; margin:0 2px; scale:90% }
  .clients p{ margin: 10px auto 0; line-height: 18px; text-transform:uppercase; font-size:12px}
  
  .greytile {
   
    padding: 40px 0 10px 0;
   
}

.pln {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
}

.gras .plntagep {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
.gras .plndiv {
    width: 100%;
}.grs .plnfig figcaption {
    padding-left: 0;    padding: 0 0 0 30px;
    text-align: left;
}


.grs .plnfig p {
    padding-left: 0;
    margin: 15px auto 40px 30px;
    text-align: left; letter-spacing: 0;
}
.gras .plntagep2 {
    margin: 0 auto;
}.gras .plntage {
    margin: -10px 0 -10px -18px;
    width: 100%;
}
.grs .plnfig:first-child, .grs .plnfig:nth-child(2), .grs .plnfig:nth-child(3) {
    background: url(../img/dcr.png) left 0px no-repeat, url(../img/dcr-bg.png) left center repeat-y;
    line-height: 16px;
}
.gras .fbx img {
    width: 100%; margin: 10px 0
}
.plntagep {
    float: none;
    width: 80%;
    display: block;
    text-align: center;
    margin: 0 20px 0 0;
    padding:0 10%;
}

.plndiv {
    width: 100%;
    float: none;
    margin-top: 20px;
}

.plnfig:first-child {
    background: url(../img/ua-1.png) top center no-repeat; margin-top:60px
}

.plnfig:nth-child(2) {
    background: url(../img/ua-2.png) top center no-repeat;
}

.plnfig:nth-child(3) {
    background: url(../img/ua-3.png) top center no-repeat;
}

.plnfig figcaption {
    text-align: center;
    padding-left: 0;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 100px;
}

.plnfig p {
    padding-left: 0;
    text-align: center;
    font-size: 0.9em; letter-spacing:0.2em;
    font-weight: 300;
    line-height: 24px;
    margin: 25px auto 50px;
}

.advantageu {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
}

.advantageu strong {
    display: block;
    font-family: Poppins;
    font-weight: 300;
    font-size: 1.5em;
	
	width: 80%;
    margin: 0 auto;
}



.plntagep img {margin:0 0 40px -15%;}


.plntagep2 {
    float: none;
    width: 80%;
    display: block;
    text-align: center;
    margin: 40px auto 0;
}

.pln {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
}

.hiw {
    width: 100%;
    height: 200px;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 40px 1.65% 30px;
}
  .twobe {
    width: AUTO;
    height: AUTO;
  }
  
  .onebe {
    width: 50%;
  height:AUTO;}
  
  .twobtwo {
    width: 100%; 
  height: AUTO;}
  
  .service-wrapper {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.rightbox {
    width: 100%;
    height: AUTO;

}

.onebtwo1 {
    width: 100%;
    height: 409px;

}

.leftbox {
    width: 100%;
    height: AUTO

}

.services figure figcaption {

    font-size: 18px;

    font-weight: 600; text-align: center;
}

.services figure figcaption {    padding: 20px 0;}
.services {
      padding: 20px 0 10px;
}

.whyus {
      padding: 0;
}


.breadcrumb {
   
    margin: 20px auto 0;
    
}

.whyus  p, .about p {
    
    margin: 40px;
    line-height: 24px;
}

.features a {width:100%}

.features figure {width:100%}

.call-section {

    width: 90%;

    height: auto;

    line-height: normal;
   
    font-size: 32px;

       padding: 40px 5%;
    margin-top: 0;
margin-bottom: 0px;
}


.pdr {
    margin-right: 0%;
}
.cs {
    width: 80%;
    float: none;
    margin: 20px auto; 
    overflow: hidden;
    background: #fafaf9;
    min-height: 550px;
}




.call-section a{
   
    padding: 14px 0 10px 70px;
    font-size: 44px;
   
    scale: 0.7;
    line-height: normal;
    display: block;
}

.about {width:100%; margin: 0 auto;}

.request-survey {
    font-size: 1em;
    position: unset;
    width: 80%;
    overflow: hidden;
}
.advantage {
width: 100%;}


.tagep {width: 80%; padding:0 10%; margin:0; text-align: center;}

.tage {
    margin: 20px 0 40px -20%;
    width: 140%;
}

.hiw-div {
    width: 100%;
    margin: 0 auto;
}

.hiw2 {
width: 100%;padding: 40px 0.5% 50px;}

.rightarrow {
    background: url(../img/hiw-arrow2.png) center bottom no-repeat ; 
}

.advantage ul, .advantageu ul{margin:0; width: 80%; padding:0 10%}

.w45p{width:80%!important;}

.tagepl {
    float: none;
    width: 80%;
    display: block;
    text-align: center;
    margin: 0 50px;
}
.advantageu p {
    margin: 20px 40px 0;
}

.commercial .res-banner-box h3 {
    font-size: 1.6em;
    margin-top: 20px;
}

.services2 figure, .lservices figure {
    margin: 20px 0;
    text-align: left;
    width: 100%;
    height: auto;
    float: left;
    min-height: 420px;
}

.lservices figure {
    margin: 20px auto 60px;
    text-align: center;
    width: 80%;
    height: auto;
    float: none;
    min-height: auto;
    overflow: hidden;
}

.lservices a:link, .lservices a:visited {
    float: none;
    font-size: 14px;
    text-decoration: none;
    color: #4d4d4d;
    margin: 10px 15px 0 0;
    font-weight: 400;
    display: inline-block;
}

.lservices figure:nth-child(3), .lservices figure:nth-child(6) {
    margin: 20px auto 60px;
    text-align: center;
    width: 80%;
    height: auto;
    float: none;
    min-height: auto;
    overflow: hidden;
}

.services2 figure img, .lservices figure img {width:100%}

.services2 figure strong, .lservices figcaption{
    display: block;
    font-size: 1.5em;
    color: #106534;
    font-family: Poppins;
    text-transform: uppercase;
    margin: 30px 0;
    font-weight: 600;
    text-align: center;
}

.services2 figure p, .lservices figure p{
    min-height: 100px;
    padding-left: 0;
    margin: 0 0 0 0px;
    display: block; width: 90%; text-align:center
}
.advantageu li {
    list-style: none;
    background: url(../img/tick.png) center left no-repeat;
    padding: 0 0 0 33px;
    margin: 20px auto;
    text-align: left;
    float: none;
    text-transform: uppercase;
    width: 90%;
    font-size: 14px;
    font-weight: 300;
    display: block;
    clear: both;
}

.tree-boxes div {
    margin: 0 0 60px 0;
    width: 100%;
    float: none;
    min-height: 249px;
    text-align: center;
    background: url(../img/tree-pixel.png) 0 61px repeat-x; overflow: hidden;
}.tree-boxes div img {
    float: none;
    position: relative;
}.tree-boxes div h3 {
    margin: 20px 0;
    float: none;
    width: 100%;
    text-transform: uppercase;
    padding: 0;
}

.tree-boxes div p {
    margin: 0 auto 20px;
     float: none;
    width: 80%;
    font-size: 14px;
    line-height: 24px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
aside {
  
    padding: 0 0 40px;
}

.testimonials {
 
    margin: 0;
 
}
.quote-icon {display:none}

.tm {
font-size: 18px;}

.footer-nav {width:90%; padding:10% 5% 5%}
.nphone, .nemail, .nbrochure, .nmap {font-size:12px}

.info-links,.services-links,.product-links,.help-links{width:100%; text-align:center}
.help-links a:link, .product-links a:link, .services-links a:link {float:none}

.info-links a:link{width:50%; float:left; clear: unset; margin:5px 0}
.endseperator::after{display:none}

.site-info-links p {
    float: none;
    margin: 20px;
    font-family: Poppins,sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
   
    text-align: center;
    display: block;
}
.endseperator::before {
   
    width: 100%;
    border-bottom: 6px double #82c241;
    margin-top: 40px;
    margin-bottom: 50px;
}

footer h5 {
 
    text-align: center;
}

footer h5:after {
 
    width: 100%;

}
.site-info-links { text-align: center; width: auto;
    padding: 40px 0 0;}

.info {
    width: 100%;
} 

.services-links a:link {
    width: 100%;
    clear: none; margin:15px 0
}


.abouts {
  margin: 20px 10px 0;
  padding: 0;
}

.abouts p {margin:20px 40px 40px}

.about .features figure  {
  width: 100%;
  margin: 0 0 40px;
}

.about figure  {
  width:auto;
  margin: 14px 40px;
}




.about figure:nth-child(4) {
   
    width: auto;
    margin: 14px 40px;

}


.res-banner-box {
    width: 100%; padding-bottom: 40px;
   
}
.res-banner-box h3 {
font-size: 1.5em; padding: 0 11%;}


.architecture .res-banner-box h3 {
    font-size: 1.5em;
    padding: 0 21%;
}

.services-pg {
    width: 100%;
    min-height: 360px; height:auto;
    overflow: hidden;
}

.architecture .res-banner-box p{

    padding: 0 9%;   margin: 20px 40px 20px;
}
.consultancy .res-banner-box p{

    padding: 0 9%;   margin: 20px 40px 20px;
} 
.rooftop .res-banner-box p{

    padding: 0 9%; 
    margin: 20px 40px 20px;

}

.drip-bg .res-banner-box p{

    padding: 0 5%; 
    margin: 20px 40px 20px;

}

.advantage strong {
    width:90%; margin:0 auto
}.mts .cs {
    width: 80%;
    margin: 0 auto; padding:0
}

.mts .cs:nth-child(odd), .mts .cs:nth-child(even){
    margin: 10% auto;
}
.pd60px {padding:0!important; margin:0!important}
.cs strong {
   
    font-size: 1.2em; margin:40px auto 0
}
.res-banner-box h2 {
font-size: 0.9em;}

.res-banner-box p{
font-size: 1em; padding: 0 9%; 
    margin: 20px 40px 20px;}
	
	.leftform h4, .rightform h4  {   padding: 0;}


.about .features figure figcaption {width: auto;     margin-top: 0!important;}

.about .features figure figcaption strong {
    color: #146525;
    font-size: 28px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 300;
    margin: 10px auto;
    width: 80%;
}

.about .features figure:nth-child(4) {
    width: 100%;
    margin: 0;
}
.features {
  max-width: 1170px;
  overflow: hidden;
  margin: 10px auto;
}

.features figure img {
  margin: 40px auto 0;
}

main p {
  margin: 20px 40px 40px;
}

.rbt40 { margin-bottom: 60px; display: block;}

.rightmenu a {margin:13px 25px 5px; padding: 0 5%}


.contact {
  background: url(../img/download.jpg) center center no-repeat;
    background-size: auto;
  background-size: cover;
}

.leftform {
  width: auto;
  margin-right: 0;
  float: left;
}

.rightform {
  width: auto;
  float: left;
  margin: 20px;
}

}













@media only screen and (min-width: 601px) and (max-width: 1200px) {
	
	
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
  top: -13px;
  }.rightmenu{float:left; }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left; clear: both; width:auto
}
  
  .topnav.responsive .dropdown {float: left;
    width: 100%;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  
  .rightmenu > a {float:left;}
  
    .rightmenu > .dropdown {margin-bottom:10px}
  
  .topnav a:hover {

  color: black; border-bottom:solid 6px #fff;  
   

}

.topnav a, .dropdown a, .dropdown .dropbtn {padding:0 2.2% }
  .dropdown .dropbtn {margin: 13px 10px 15px;}
.start{padding:2.5% 0; width:100%; text-align:center; background:none; font-size:0.8em}
.quickc {padding:2.5% 0; width:100%; text-align:center; background:none; margin:10px 0 0 0}
.quickc a {margin-left:0; scale:90% }
.dropdown-content a {padding:2% 5%; }

.logo {position:relative; text-align:center; margin: 10px auto 0; width:auto; height:auto}

nav {overflow:hidden; float:left; width:100%}


header {

  overflow: hidden;
}
  
  
  body, html { overflow-x:hidden; }
  
  .arrows{display:none}
  
  .containerdiv {background:rgba(16,101,52,0.8); width: 100%;
   height: 100%;}
	
	
	.containerdiv p {
   
    font-size: 18px;  margin: 10px 30px ;
   
}
	
	
	.containerdiv strong {
    margin: 45px 30px 0 ;
  
}

.swiper-container2 {
  
    height: 325px;

}
  
  
  .containerdiv a {

    margin: 0 auto 20px; background:#82c241 ; position: absolute;
    bottom: 35px;
   right: -50%;
    left: -50%;
}
  main {
 
  margin-top: 0;

}

.clients,.breadcrumb {width:auto}
.clients {margin: 20px 10px 40px;}
h4 {
  font-size: 1.7em;
  margin: 50px auto 40px;     padding: 0 10%;
}

.cforms h4 {padding: 0;}
  .clients img{width:auto; margin:0 2%; scale:90% }
  .clients p{ margin: 10px auto 0; line-height: 18px; text-transform:uppercase; font-size:12px}
  
  .greytile {
   
    padding: 20px 0 10px 0;
   
}

.pln {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
}

.gras .plntagep {
    width: 47%;
}
.gras .plntagep2 {
    margin: 0 auto;
    width: 90%;
    float: none;
    display: block;
    clear: both;
}



.advantageu {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
}

.advantageu strong {
    display: block;
    font-family: Poppins;
    font-weight: 300;
    font-size: 1.5em;
	
	width: 100%;
    margin: 0 auto;
}


.plntage {width:100%}

.plntagep {
    float: left;
    width: 43%;
    display: block;
    text-align: left;
    margin: 20px 20px 0 5%;
}

.plntagep2 {
   
    margin: 40px 5%; width:90%
}

.plnfig {padding:0; margin:0}

.pln {
    width: 100%;
    display: block;
    margin: 0 auto 0;
    overflow: hidden;
}


.plndiv {
    width: 43%;
    float: right;
    margin: 20px 2% 0 0;
}

.plnfig figcaption {
    text-align: left;
    padding-left: 110px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.plnfig p {
    padding-left: 110px;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin: 25px auto 50px;
}

.hiw-div {
    width: 90%;
    margin: 0 auto;
}

.hiw {
    width: 30%;
    min-height: 200px;
	height: auto;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 40px 1.65% 0;
}
  .twobe {
    width: AUTO;
    height: AUTO;
  }
  
  .onebe {
    width: 50%;
  height:AUTO;}
  
  .twobtwo {
    width: 100%; 
  height: AUTO;}
  
  .service-wrapper {
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
}

.rightbox {
    width: 100%;
    height: AUTO;

}

.onebtwo1 {
    width: 100%;
    height: 409px;

}

.leftbox {
    width: 100%;
    height: AUTO

}

.services figure figcaption {

    font-size: 18px;

    font-weight: 600; text-align: center;
}

.services figure figcaption {    padding: 20px 0;}
.services {
      padding: 20px 0 10px;
}

.whyus {
      padding: 0;
}


.breadcrumb {
   
    margin: 20px auto 0;
    
}

.whyus  p, .about p {
    
    margin: 40px;
    line-height: 24px;
}

.features a {width:100%}

.features figure {width:100%}

.call-section {

    width: 100%;

    height: auto;

    line-height: normal;
   
    font-size: 32px;

       padding: 40px 0 0;
    margin-top: 0;
margin-bottom: 0px;
}

.hiw-div .cs:first-child{margin-left:0.5%}
.ldc figure{min-height: 680px;}
.cs {
  
    min-height: 620px;
}

.call-section a{
   
    padding: 14px 0 10px 70px;
    font-size: 44px;
   
    scale: 0.7;
    line-height: normal;
   display: inline-block;
    width: auto;
}

.about {width:100%; margin: 0 auto;}

.request-survey {
    font-size: 1em;
    position: unset;
    width: 80%;
    overflow: hidden;
}
.advantage {
width: 100%;}


.tagep .tagep {
    width: 45%;
    padding: 0 0 5% 0;
    margin: 0;
    text-align: left;
}






.advantageu p {
       margin: 40px;
    
    float: left;
}

.commercial .res-banner-box h3 {
    font-size: 1.6em;
    margin-top: 20px;
}

.services2 figure{
   margin: 20px 1%;
    text-align: left;
    width: 31%;
    height: auto;
    float: left;
    min-height: 480px;
}

.services2 figure img{width:100%}

.services2 figure strong{
    display: block;
    
    color: #106534;
    font-family: Poppins;
    text-transform: uppercase;
    margin: 20px 0;
   
}


.mrb80, .mrt80 {margin:40px auto!important}

.lservices figure {
    width: 31%;
    float: left;
    min-height: 410px;
    text-align: left;
    margin: 0 0 0 0; padding:0 0 0 2%
}
.lservices img {width:100%; margin: 0 0 0 -3%}
.lservices figure:nth-child(3),.lservices figure:nth-child(6) {margin: 0 0 0 0;}
.lservices figure:nth-child(6),.lservices figure:nth-child(5),.lservices figure:nth-child(4) { min-height: 210px;}
.services2 figure p{
    min-height: 100px;
    padding-left: 0;
    margin: 0 0 0 0px;
    display: block; width: 90%; 
}

.advantageu  img {float:right; width:42%}



.clrb br{display:none}

.tgfx {
   margin: 20px -20% 0 0;
    width: 52%!important;    display: inline;
}

.tree-boxes div h3 {
  margin: 20px 0 40px 30px;
  float: left;
  width: 45%;
  text-transform: uppercase;
}

.tree-boxes div p {
    margin: 0 0 0 30px;
    float: left;
    width: 45%;
    font-size: 12px;
    line-height: 24px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
aside {
  
    padding: 0 0 40px;min-height: 200px;
}
.mrt40, .mrt60, .mrb100 {margin-top:0!important; }

.mrb100 {
    margin-bottom: 60px!important;
}
.testimonials {
 
    margin: 0;
 
}


.quote-icon {display:none}

.tm {
font-size: 18px;}

.footer-nav {width:90%; padding:10% 5% 5%}
.nphone, .nemail, .nbrochure, .nmap {font-size:12px}
.services-links a {float:left; width:33.33%!important}
.info-links,.product-links,.help-links{width:50%; text-align:center}
.services-links {width:100%; text-align:center}


.help-links a:link, .product-links a:link {float:none}

.info-links > a:link, .info-links > a:visited{width:50%; float:left; clear: unset; margin:10px 0}
.endseperator::after{display:none}

.site-info-links p {
    float: none;
    margin: 20px;
    font-family: Poppins,sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
   
    text-align: center;
    display: block;
}
.endseperator::before {
   
    width: 100%;
    border-bottom: 6px double #82c241;
    margin-top: 40px;
    margin-bottom: 50px;
}



footer h5:after {
 
    width: 100%;

}
.site-info-links { text-align: center; width: auto;
    padding: 40px 0 0;}

.info {
    width: 50%;
} 

.services-links a:link {
    width: 100%;
    clear: none; margin:15px 0
}


.abouts {
  margin: 20px 10px 0;
  padding: 0;
}

.abouts p {margin:20px 40px 40px}

.about .features figure  {
  width: 100%;
  margin: 0 0 40px;
}

.about figure  {
  width:auto;
  margin: 14px 40px;
}




.about figure:nth-child(4) {
   
    width: auto;
    margin: 14px 40px;

}


.res-banner-box {
    width: 100%; padding-bottom: 40px;
   
}
.res-banner-box h3 {
font-size: 1.5em; padding: 0 11%;}


.architecture .res-banner-box h3 {
    font-size: 1.5em;
    padding: 0 21%;
}

.services-pg {
    width: 100%;
    min-height: 280px; height:auto;
    overflow: hidden;
}

.architecture .res-banner-box p{

    padding: 0 9%;   margin: 20px 40px 20px;
}
.consultancy .res-banner-box p{

    padding: 0 9%;   margin: 20px 40px 20px;
} 
.rooftop .res-banner-box p{

    padding: 0 9%; 
    margin: 20px 40px 20px;

}

.drip-bg .res-banner-box p{

    padding: 0 5%; 
    margin: 20px 40px 20px;

}

.advantage strong {
    width:90%; margin:0 auto
}.mts .cs {
  width: 47.5%;
  margin-bottom: 60px;
}

.mts .cs:nth-child(2n+1) {
  margin-right: 4%;
}
.mts .cs:first-child, .mts .cs:nth-child(2) {
     min-height: 830px;
}

.mts .cs:nth-child(2n) {
  margin-right: 0%;
}

.mts .cs:nth-child(3), .mts .cs:nth-child(4) {
 min-height: 680px;
  margin-bottom: 20px;
}

.pd60px {padding:0!important; margin:0!important}
.cs strong {
   
    font-size: 1em; margin:40px auto 0
}
.res-banner-box h2 {
font-size: 0.9em;}

.res-banner-box p{
font-size: 1em; padding: 0 9%; 
    margin: 20px 40px 20px;}
	
	.leftform h4, .rightform h4  {   padding: 0;}


.about .features figure figcaption {width: auto;     margin-top: 0!important;}

.about .features figure figcaption strong {
    color: #146525;
    font-size: 28px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: 300;
    margin: 10px auto;
    width: 80%;
}

.about .features figure:nth-child(4) {
    width: 100%;
    margin: 0;
}
.features {
  max-width: 1170px;
  overflow: hidden;
  margin: 10px auto;
}

.features figure img {
  margin: 40px auto 0;
}

main p {
  margin: 20px 40px 40px;
}

.rbt40 { margin-bottom: 60px; display: block;}

.rightmenu a {margin:13px 25px 5px; padding: 0 5%}


.contact {
  background: url(../img/download.jpg) center center no-repeat;
    background-size: auto;
  background-size: cover;
}

.leftform {
  width: auto;
  margin-right: 0;
  float: left;
}

.rightform {
  width: auto;
  float: left;
  margin: 20px;
}

}