body {margin: 0px;padding: 0px;}
.sub_navabr {float: left;width: 100%;padding: 4px 0;background: #222222;}
.sbnav_ul{padding: 9px 0;margin: 0px;list-style: none;display: block;float: left;}
.sbnav_ul li{color: #c1c1c1;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;float: left;transition: all 500ms ease;line-height: 15px;font-size: 13px;font-family: 'Open Sans',sans-serif;}
.sbnav_ul li i{position: relative;top: 1px;padding-right: 10px;font-size: 14px;}
.sbnav_span{padding-left: 25px;padding-right: 25px;}
.subnav_social .btn{color: #c1c1c1;font-size: 13px;width: 35px;height: 35px;line-height: 24px;}
.subnav_social .btn:hover{color: #006BCE;}

/****************************** main_nabr ******************************/
.main_nabr{float: left;width: 100%;padding: 0px 0;background: transparent;position: absolute;z-index: 999}
.main_nabr .navbar-default{background-color: transparent;border-color: transparent}
.mainu_boxe{
    position: relative;
    padding: 0 20px 0px!important;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 77px;
    background: #ffffff;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
    /*border-radius: 0px 0px 5px 5px;*/
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease}
.logo_mxw {max-width: 300px;}
.main_nabr .navbar-brand{
    float: left;
    height: 50px;
    padding: 3px 20px;
    font-size: 18px;
    line-height: 20px;
}
.main-icon.fa.fa-user
{
    font-size: 28px;
    margin-top: -5px;
}
/*.main_nabr .navbar-brand img{
    width: 68%;
}*/
.main_nabr .navbar-brand img
{
    height: 60;
    /* width: 68%; */
    height: 57px;
    float: left;
    padding: 0px 55px;
    margin: 5px auto;
}


.getquotesBtn{
    background: #039836!important;
    padding: 10px 15px!important;
    font-size: 16px!important;
    text-transform: capitalize!important;
    margin-top: 21px;
    color: #fff!important;
    border-radius: 20px 0px 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    cursor: pointer;
}
/****************************** default ******************************/
 .affix {
      top: 0;
      width: 100%;
      z-index: 999 !important;background: #fff !important;
	  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }
/****************************** default ******************************/
.main_bannner {float: left;width: 100%;padding: 0;}


/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel{position: relative;}
.fade-carousel .carousel-inner .item{}
.fade-carousel .carousel-indicators > li{margin: 0 2px;background-color: #7D7D7D;border-color: #7D7D7D;border-radius: 0px;opacity: .5}
.fade-carousel .carousel-indicators > li.active{width: 10px;height: 10px;opacity: 1}
 .hiring-img{
    position: fixed;
    bottom: 15px;
    left: 3px;
    z-index: 999;
    width:120px;
 }
.phonecall {
    background: #2cb742;
    font-size: 26px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 30px;
    width: 30px;
    padding: 5px 5px;
    bottom: 3%;
    position: fixed;
    right: 1%;
    color: #ffffff;
    border: 2px solid #48c930;
    border-radius: 53px;
    text-align: center;
    box-shadow: -5px 6px 5px rgb(0 0 0 / 60%);
    -moz-box-shadow: -5px 6px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: -5px 6px 5px rgb(0 0 0 / 60%);
    -o-box-shadow: -5px 6px 5px rgba(0,0,0,0.6);
    line-height: 30px;
    z-index: 9999;
}
  
/********************************/
/*          Hero Headers        */
/********************************/
.hero{width: 80% !important;position: absolute;top: 50%;left: 50%;z-index: 3;color: #fff;text-align: center;-webkit-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);-ms-transform: translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0)}
.hero_h1{line-height: 70px;border-width: 0px;margin: 0px;letter-spacing: 2px;font-weight: 900;font-size: 60px;font-family: 'Titillium Web', sans-serif;padding: 10px 10px !important; color: #fff}
.hero_h1 span{line-height: 70px;border-width: 0px;margin: 20px 0px 0px;padding: 0px;letter-spacing: 2px;font-weight: 400;font-size: 60px; color: #fff;font-family: 'Titillium Web', sans-serif !Important}
.hero_h3{line-height: 19px;border-width: 0px;margin: 10px 0px 0px;padding: 5px 10px;letter-spacing: 2px;font-weight: 700;font-size: 18px; color: #fff;font-family: 'Open Sans', sans-serif}
.hero_btn{padding: 12px 30px 10px;letter-spacing: 1px;line-height: 26px;font-size: 13px !important;display: inline-block;border: 2px solid #141414 !important;text-align: center;color: #181818 !important;font-weight: 700;background: transparent; font-family: 'Poppins', sans-serif;cursor: pointer;margin: 30px 0px 0px;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;transition: all 500ms ease}
.hero_btn:hover{
    border: 2px solid #006c25!important;
    text-align: center;
    color: #ffffff !important;
    background: #006c25;
}
.fade-carousel .carousel-inner .item .hero{opacity: 0;-webkit-transition: 2s all ease-in-out .1s;-moz-transition: 2s all ease-in-out .1s;-ms-transition: 2s all ease-in-out .1s;-o-transition: 2s all ease-in-out .1s;transition: 2s all ease-in-out .1s}
.fade-carousel .carousel-inner .item.active .hero{opacity: 1;-webkit-transition: 2s all ease-in-out .1s;-moz-transition: 2s all ease-in-out .1s;-ms-transition: 2s all ease-in-out .1s;-o-transition: 2s all ease-in-out .1s;transition: 2s all ease-in-out .1s}

/********************************/
/*          Custom Buttons      */
/********************************/
.hero_btn{padding: 12px 30px 10px;letter-spacing: 1px;line-height: 26px;font-size: 13px !important;display: inline-block;    border: 2px solid #039836 !important;
    text-align: center;
    color: #ffffff !important;font-weight: 700;background: transparent; font-family: 'Poppins', sans-serif;cursor: pointer;margin: 30px 0px 0px;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;transition: all 500ms ease}

/********************************/
/*       Slides backgrounds background-position: center center;    */
/********************************/
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3{height: 95vh;background-size: cover;background-repeat: no-repeat}
.fade-carousel .slides .slide-1{background-image: linear-gradient(#00000000,#00000000),url(../images/ght/slider11.jpeg)}
.fade-carousel .slides .slide-2{background-image: linear-gradient(#00000000,#00000000),url(../images/ght/slider12.jpeg)}
.fade-carousel .slides .slide-3{background-image: linear-gradient(#00000000,#00000000),url(../images/ght/slider13.jpeg)}
/*.fade-carousel .slides .slide-2{background-image: linear-gradient(#000000c7,#000000c7),url(http://dgagreens.com/wp-content/uploads/2018/02/artifitial-grass.jpg)}*/
/*.fade-carousel .slides .slide-3{background-image: linear-gradient(#000000c7,#000000c7),url(https://dkep3zto9r41f.cloudfront.net/static/img/artificial-grass-cover.jpg)}*/

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){.hero { width: 980px; }}
@media screen and (max-width: 640px){}

/****************************** feature_seq ******************************/
.feature_seq {float: left;
    width: 100%;
    padding: 35px 0;}
.feature_subhd{color: #006BCE;font-size: 12px;font-family: Bitter; font-weight: 600;line-height: 1.1;text-align: center;display: none;}
.feature_head{font-family: 'Titillium Web', sans-serif;font-size: 30px !important;font-weight: 700;margin-top: 15px;margin-bottom: 10px;line-height: 1.1;text-align: center;color: #222}
.text_brdr{background: #006BCE;width: 20px;height: 2px;display: block;overflow: hidden;margin: 0px auto;text-align: center}
.feature_para{font-size: 14px;color: #494949;font-family: 'Poppins', sans-serif;margin: 0 auto;max-width: 90%;line-height: 27px;font-weight: 500;padding-top: 15px;text-align: center}
.feature_part {float: left;width: 100%;padding: 60px 0 0;}
.single_about {float: left;width: 100%;}
.single_icon{float: left;width: 75px;height: 100%}
.single_img{background: #222;width: 75px;height: 75px;color: #fff;display: block;position:relative;border-radius: 100%;padding-left: 3px;padding-top: 14%;margin-top: 22px}
.single_img img{max-height: 25px;max-width: 25px;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto}
.single_text{position: relative;display: block;float: left;padding: 0 20px;width: 285px}
.single_head{font-size: 18px;font-family: 'Poppins', sans-serif;font-weight: 600;text-transform: capitalize;margin-top: 10px;margin-bottom: 10px;line-height: 1.1;text-align: left;color: #222}
.single_para{color: #666;font-size: 13px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0 0 10px;text-align: left;}
.red_button{text-decoration: none;color: #000;font-weight: 900;font-size: 12px;font-family: 'Poppins', sans-serif;font-weight: 600;transition: all .3s ease;outline: none;line-height: 1.428571429}
.red_button:hover {text-decoration: none;color: #006BCE;}

/****************************** default ******************************/
.snip1561{border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;display: inline-block;overflow: hidden;margin: 0px;width: 100%;background: #700877;background: -moz-linear-gradient(90deg, #700877 0%, #006BCE 100%, #006BCE 100%);background: -webkit-linear-gradient(90deg, #700877 0%, #006BCE 100%, #006BCE 100%);background: linear-gradient(90deg, #700877 0%, #006BCE 100%, #006BCE 100%)}
.snip1561 img,.snip1561:before,.snip1561:after{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.4s ease;transition: all 0.4s ease}
.snip1561 img{max-width: 100%;backface-visibility: hidden;vertical-align: top;    height: 225px;289px; object-fit: cover;}
.snip1561:before,.snip1561:after{content: '';background-color: #fff;position: absolute;z-index: 1;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.snip1561:before{width: 60px;height: 1px;left: 100%}
.snip1561:after{height: 60px;width: 1px;top: 0%}
.snip1561 a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1}
.snip1561:hover img,.snip1561.hover img{zoom: 1;filter: alpha(opacity=50);-webkit-opacity: 0.5;opacity: 0.5}
.snip1561:hover:before,.snip1561.hover:before,.snip1561:hover:after,.snip1561.hover:after{opacity: 1;top: 50%;left: 50%}
.service_text{float: left;width: 100%; margin-top:20px;}
.service_subhd{color: #222;font-size: 12px;font-family: Bitter; font-weight: 600;line-height: 1.1;text-align: left;margin-top: 18px;margin-bottom: 10px}
.service_brdr{background: #006BCE;width: 20px;height: 2px;display: block;overflow: hidden;margin: 0px auto;float: left}
.service_head{font-size: 20px;color: #000;font-weight: 600;font-family: 'Poppins', sans-serif;margin-top: 30px;margin-bottom: 10px;line-height: 1.1;text-align: left}
.service_para{color: #666;font-size: 13px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0 0 10px;text-align: left;}

/****************************** default ******************************/
.why_choose {float: left;width: 100%;padding: 0px 0;background: #222;}
.coln_md_6 {float: left;width: 50%;padding: 0px 0;}
.colm_md_6 {float: left;width: 50%;padding: 60px 40px 0px 60px ;}
.whychs_mhead{font-size: 28px;color: #fff;font-weight: 600;margin-top: 0px;margin-bottom: 10px;line-height: 1.1;font-family: 'Poppins', sans-serif}
.whychs_shead{font-size: 24px;color: #fff;font-family: 'Poppins', sans-serif;font-weight: 500;margin-top: 13px;margin-bottom: 10px;line-height: 1.1}
.whychs_brdr{background: #fff;width: 20px;height: 2px;display: block;overflow: hidden;margin: 0px auto;float: left}
.whychs_para{color: #666;font-size: 13px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0 0 10px;text-align: left;}
.whyhcs_ul {padding: 0px 0 0 50px;margin: 40px 0 0;list-style: none;display: block;}
.whyhcs_ul li {color: #8b8b8b;font-size: 13px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 35px 0 0;text-align: left;}
.whyhcs_ul li span {position: absolute;    margin: 7px 0 0 -50px;}
.whycs_img {max-width: 30px;}

/****************************** default ******************************/
.gealler_seq {
    float: left;
    width: 100%;
    padding: 30px 0 15px;
    background: linear-gradient(to right, #e8ffd7, #dff1f0);
}

.feature1_part {float: left;width: 100%;padding: 30px 0 0;}
.coln_md_3 {float: left;width: 25%;padding: 10px;background: transparent;}
.snip1504{font-family: 'Source Sans Pro', sans-serif;position: relative;float: left;overflow: hidden;margin: 0%;width: 100%;color: #000000;text-align: left;font-size: 16px;background-color: #fff}
.snip1504 *{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.45s ease;transition: all 0.45s ease}
.snip1504 img {
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden;
    height: 200px;
    width: 100%;
    object-fit: cover;
    background-color: #0000;
    border-radius: 8px;
}
.snip1504 figcaption{position: absolute;top: 0;left: 0;right: 0;z-index: 1;align-items: center;bottom: 0;display: flex;flex-direction: column;justify-content: center}
.snip1504 h3,.snip1504 h5{margin: 0;opacity: 0;letter-spacing: 1px}.snip1504 h3{-webkit-transform: translateY(-100%);transform: translateY(-100%); font-weight: bold; font-size:18px;}
.snip1504 h5{font-weight: normal;font-style: italic;color: #888;-webkit-transform: translateY(100%);transform: translateY(100%)}
.snip1504 a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1}
.snip1504:hover > img,.snip1504.hover > img{opacity: 0.1}
.snip1504:hover h3,.snip1504.hover h3,.snip1504:hover h5,.snip1504.hover h5{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1}

/****************************** commercl ******************************/
.commercl {
    float: left;
    width: 100%;
    padding: 20px 0 35px;
    background: linear-gradient(#040404c2,#040404c2),url(../images/ght/serviceBG.jpg) center no-repeat;
    background-size: 100%;
}
.image-box
{
     width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px solid #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
   
}
.commerc_head{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.1;
    text-align: center;
    text-transform: capitalize;
}
.commerc_mhead{font-family: 'Titillium Web', sans-serif;font-size: 30px !important;font-weight: 700;margin-top: 15px;margin-bottom: 10px;line-height: 1.1;text-align: center;color: #f5f5f5;}
.commerc_para{color: #d1d1d1;font-size: 13px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0 0 10px;text-align: center;}
.redn_button{text-decoration: none;color: #006BCE;font-weight: 900;font-size: 12px;font-family: 'Poppins', sans-serif;font-weight: 600;transition: all .3s ease;outline: none;line-height: 1.428571429}
.redn_button:hover {text-decoration: none;color: #fff;}
.feature_head{font-family: 'Titillium Web', sans-serif;font-size: 30px !important;font-weight: 700;margin-top: 0px;margin-bottom: 10px;line-height: 1.1;text-align: center;color: #222;}
.imgicon_mxw {max-width: 40px;margin-top:10px;padding-top:5px;}

/****************************** default ******************************/
.testminal_seq {
    float: left;
    width: 100%;
    padding: 30px 0 20px;
    background: #f1f1f1;
}

.backgroundWhite{
    background:#fff;
}

.mt10{
    margin-top: 10px;

}

.grass-image
{
    width:100%;
    height:250px;
    display:block;
      box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    object-fit: cover;
}
.futer_head{font-size: 18px;color: #fff;font-family: Poppins;text-transform: capitalize;margin-top: 20px;margin-bottom: 10px;font-weight: 500;line-height: 1.1}
.testminal_p{font-size: 14px;color: #494949;font-family: 'Poppins', sans-serif;margin: 0 auto;line-height: 27px;font-weight: 500;padding-bottom: 0px;text-align: left}
.testminal2_p{font-size: 14px;color: #494949;font-family: 'Poppins', sans-serif;margin: 0 auto;line-height: 27px;font-weight: 500;padding-top: 15px;text-align: left}
.testminal3_p{color: #666;font-size: 13px;line-height: 25px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin: 0 0 10px;text-align: left;}
.testminal_seq .item {padding: 10px;}
.quote{float: left;padding: 20px;background: #f1f1f1;margin-bottom: 25px;border-radius: 5px}
.name {padding-left: 15px;}
.quote:before{content: '';width: 20px;height: 20px;position: absolute;left: 26px;bottom: 58px;border-bottom: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid #f1f1f1;border-top: 10px solid #f1f1f1}

/****************************** default ******************************/
.footes_seq {
    float: left;
    width: 100%;
    padding: 0 0 0px;
    background: url(../images/footer_bg.jpg) center no-repeat;
    background-size: cover;
    background: #221e20;
}
.futer_logomw {max-width: 250px;margin-bottom: 15px;}
.futer_para{color: #b9b9b9;font-family: poppins;font-size: 12px;line-height: 25px;font-weight: 500;margin: 0 0 10px;}
.futer_head{font-size: 18px;color: #fff;font-family: Poppins;text-transform: capitalize;margin-top: 20px;margin-bottom: 10px;font-weight: 500;line-height: 1.1}
.footes_socil .btn {color: #b9b9b9;}
.footes_socil .btn:hover {color: #006BCE;}
.text2_brdrs{background: #006BCE;width: 20px;height: 2px;display: block;overflow: hidden;margin: 0px 0;text-align: center}
.contct_foter {float: left;width: 100%;padding: 0px;margin: 20px 0 0;list-style: none;}
.contct_foter li {padding: 1px 0;}
.contct_foter li a {color: #b9b9b9;font-family: poppins;font-size: 12px;line-height: 30px;font-weight: 500;margin: 0 0 10px;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease}
.contct_foter li a:hover {color: #006BCE;text-decoration: none;}
.contct_foter li a i {margin-right: 10px;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease}
.contct_foter li a:hover i {margin-right: 12px;}
.contct2_foter {float: left;width: 100%;padding: 0 0 0 25px;margin: 20px 0 0;list-style: none;}
.contct2_foter li {padding: 1px 0;color: #b9b9b9;font-family: poppins;font-size: 12px;line-height: 27px;font-weight: 500;margin: 0 0 7px;}
.contct2_foter li i {margin-right: 10px;position: absolute;left: 15px;margin-top: 8px;}
.foter_gerlry {float: left;width: 100%;padding: 20px 0 ;}
.pdng5nn {padding: 5px !important;}

/****************************** copyrgt_seq ******************************/
.copyrgt_seq {
    float: left;
    width: 100%;
    padding: 10px 0 10px;
    margin-top: 20px;
    border-top: 1px solid #474747;
}
.copyrgt_p {color: #b9b9b9;font-family: poppins;font-size: 12px;line-height: 15px;font-weight: 500;margin: 0 0 0px;}
.copyrgt_p a {color: #E9E9E9;font-family: poppins;font-size: 12px;line-height: 15px;font-weight: 500;margin: 0 0 0px;}
.copyrgt_p a:hover {color: #006BCE;text-decoration: none;}

/****************************** about_para ******************************/
.main2_bannner {
    float: left;
    width: 100%;
    padding: 0;
    background: url(https://www.tlcflooring.co.za/wp-content/uploads/2015/11/Duraturf_before_after_website_banner_v25-DURATURF-SYNTHETIC-ARTIFICIAL-GRASS-CAPE-TOWN.jpg) no-repeat center;
    background-size: 100%;
    background-image: linear-gradient( 90.6deg, rgba(26,109,85,1) -0.1%, rgba(49,227,125,1) 105.9% );
}
.page_detal {
    float: left;
    width: 100%;
    padding: 80px 0 20px;
}
.sub_navab {padding: 0px;margin: 0px;list-style: none;text-align: center;}
.sub_navab li a{color: #f9e9c8;text-decoration: none;outline: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 16px}
.sub_navab li{color: #fff;text-decoration: none;outline: none;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 16px;display: inline-block;margin: 0 3px}
.colrs {color: #f9e9c8 !important;font-weight: 700;}
.about_para{font-size: 14px;color: #777;font-family: 'Poppins', sans-serif;margin: 0 auto;max-width: 85%;line-height: 28px;font-weight: normal;padding-top: 4px;text-align: center}
.about_head{font-family: 'Titillium Web', sans-serif;font-size: 30px !important;font-weight: 700;margin-top: 15px;margin-bottom: 10px;line-height: 1.1;text-align: center;color: #222}
.text2_brdr{background: #006BCE;width: 20px;height: 2px;display: block;overflow: hidden;margin: 0px auto 20px;text-align: center}
/****************************** default ******************************/
.page2_detal {
    float: left;
    width: 100%;
    padding: 80px 0 20px;
}
.about_bhead{font-family: 'Titillium Web', sans-serif;font-size: 30px !important;font-weight: 700;margin-top: 30px;margin-bottom: 10px;line-height: 1.1;text-align: center;color: #fff}
/****************************** default ******************************/
.blinds_mnseq {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.blinds_seq {float: left;width: 100%;padding: 0 0 0px;}
.blns_pb {padding-bottom: 65px !important;margin-bottom: 65px;border-bottom: 1px solid #f1f1f1;}
.pdngbl {padding-left: 0px !important;}
.pdngbr {padding-right: 0px !important;}
.service_one{position: relative}
.service_one h2 {
    color: #e9e9e9;
    font-family: Poppins;
    font-size: 55px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 1.1;
}
.service_title{position: absolute;top: 12px}
.service_title h2{font-family: Poppins;font-size: 24px;margin-top: 10px;line-height: 1.1;font-weight: 600;color: #000000;margin-bottom: 0px}
.blinds_para{font-size:14px;color:#777;font-family: 'Poppins', sans-serif;margin:0 auto;line-height:28px;font-weight: normal;padding-top:8px;text-align:left}
.blinds_btn{padding: 9px 19px 5px;letter-spacing: 1px;line-height: 23px;font-size: 11px !important;display: inline-block;border: 2px solid #141414 !important;text-align: center;color: #181818 !important;font-weight: 600;background: transparent; font-family: 'Poppins', sans-serif;cursor: pointer;margin: 15px 0px 0px;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;transition: all 500ms ease;}
.blinds_btn:hover{border: 2px solid #006BCE !important;background: #006BCE !important;color: #fff !important;}
/****************************** default ******************************/
.outer #contact{padding:10px 0 10px}
.outer .contact-text{margin:45px auto}
.outer .mail-message-area{width:100%;padding:0 15px}
.outer .mail-message{width: 100%;background:rgba(255,255,255, 0.8) !important;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;transition: all 0.7s;margin:0 auto;border-radius: 0}
.outer .not-visible-message{height:0px;opacity: 0}
.outer .visible-message{height:auto;opacity: 1;margin:25px auto 0}
.outer .form{width: 100%;padding: 12px 12px 10px;background:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.075);margin-bottom: 15px;font-family: 'Poppins', sans-serif;color:#727272 !important;font-size:12px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s}
.outer .form:hover{border:1px solid #006BCE}
.outer .form:focus{color: white;outline: none;border:1px solid #006BCE}
.outer .textarea{height: 150px;max-height: 150px;max-width: 100%}
.outer .button{padding:8px 12px;background:#0A5175;display: block;width:120px;margin:10px 0 0px 0;border-radius:3px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;text-align:center;font-size:0.8em;box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10)}
.outer .button:hover{background:#006BCE;color:white}
.outer .form-btn{width:160px;display: block;height: auto;padding:15px;color:#fff;background:#006BCE;border:none;border-radius:3px;outline: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;margin:auto;box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);font-family: 'Open Sans', sans-serif;}
.outer .form-btn:hover{background:#111;color: white;border:none}
.outer .form-btn:active{opacity: 0.9}
.outer select{padding:6px;width:100%;font-size:12px;border-radius: 0px;margin-bottom: 15px;color: #999;border: 0px solid #98d0f1;font-family: 'Poppins', sans-serif;background:#f8f8f8;padding: 9px 10px;border:1px solid rgba(0, 0, 0, 0.075)}
/****************************** default ******************************/
.contct2_frm {float: left;width: 100%;padding: 0 0 0 80px;margin: 0px 0 0;list-style: none;}
.contct2_frm li {font-size: 14px;
    color: #777;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
    line-height: 28px;
    font-weight: normal;
    padding-top: 0px;    margin-bottom: 40px;
    text-align: left;}
.contct2_frm li i {position: absolute;
    left: 12px;
    margin-top: 0px;
    display: block;
    width: 40px;
    height: 40px;
    background: #006BCE;
    text-align: center;
    line-height: 43px;
    color: #fff;
    font-size: 20px;}
.mrgn_btm {margin-bottom: 15px !important;}
.gogle_map {width: 100%;height: 350px;}
.bdplbrnn {display: none !important;}
/****************************** default ******************************/
.mxw_vicwoes {width: 100%;height: 150px;margin-top: 20px;}
/****************************** default ******************************/
/* fonts

font-family: 'Bitter', serif;

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

font-family: 'Titillium Web', sans-serif;

font-family: 'Poppins', sans-serif;

 */
 
 /****************************** default ******************************/
 .pdngnn {padding-left: 0px !important;padding-right: 0px !important;}
 .mt50 {margin-top: 50px;}
 .mt30 {margin-top: 30px;}
 
 /*call button styles*/


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

 .phone-call{
    display:block;
    background: #2cb742;
    font-size: 26px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 30px;
    width: 30px;
    padding: 5px 5px;
    bottom: 3%;
    position: fixed;
    left: 1%;
    color: #ffffff;
    border: 2px solid #48c930;
    border-radius: 53px;
    text-align: center;
    box-shadow: -5px 6px 5px rgb(0 0 0 / 60%);
    -moz-box-shadow: -5px 6px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: -5px 6px 5px rgb(0 0 0 / 60%);
    -o-box-shadow: -5px 6px 5px rgba(0,0,0,0.6);
    line-height: 30px;
    z-index: 9999;
}
.phone-call i
{
    color:#fff;
}

 
/*-60px 70px 0;*/
 .home_about{
    color: #fff;
    margin: -60px 70px 0;
    width: 90%;
    display: block;
    /*z-index: 9999;*/
    position: relative;
    border-radius: 10px;
    padding: 24px 34px 63px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    background: #00b09b;
    /*background: -webkit-linear-gradient(to right, #96c93d, #00b09b);*/
    /*background: linear-gradient(to right, #96c93d, #00b09b);*/
        background: linear-gradient(to right, #96c93dd9, #00b09be0);
    text-align: center;
 }
 .feature_top
 {
    width: 100%;
    float: left;
 }

 .home_about .feature_head{
    color: #fff;
    margin-bottom: 5px;
 }

 .home_about .text_brdr {
    background: #ffffff;
    width: 30px;
 }

 .home_about .feature_para {
    font-size: 14px;
    color: #ffffff;
    line-height: 27px;
    padding-top: 10px;
    letter-spacing: 2px;
}

.home_about  .readmoreBtn{
    margin-top: 12px;
    background: #fff0;
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    font-weight: 600;
    z-index: 9999;
    position: relative;
    background: #fff;
    color: #006c25;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.home_about  .readmoreBtn:focus{
    background: #fff;
    color: #006c25;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    outline: 0;
}

.product_types{
padding: 50px 0;
background-color: #f9f9fe;
}
.product_prodtypes
{
    padding: 50px 0px 0px 0px;
}
.product_prodtypes .text_brdr {
    margin-bottom: 40px;
}
.feature_icon {
    float: left;
    width: 100%;
    padding: 25px 0;}

.product_types .feature_part{
padding:0;
}

.product_types .feature_head{
    margin-bottom: 5px;
}

.product_types  .text_brdr{
    margin-bottom: 40px;
}

.product_types .type_item{
    width: 32%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin-right: 15px;
    padding-bottom: 10px;
 /*   max-height: 429px;*/
 border-radius: 5px;
 background-color: #e5f8e5;
    min-height: 400px;
    padding: 0;
}

.product_types .type_item figure img{
width: 100%;
}

.product_types .service_text {
    padding: 0 10px;
}


.product_types .type_item .service_text h3{
    margin-top: 5px;
}

.uasvg-grass-separator{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 10px;
}

.gealler_seq .feature1_part {
    padding: 10px 0 0;
}

.viewMoreBtn , .viewMoreBtn:focus{
    margin-top: 20px;
    padding: 8px 25px;
    background: #166f01;
    border: 0;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 48px;
    outline: 0;
}

.footes_seq:before{
    content: "";
    display: block;
    top: 0px;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 72px;
    background: #ffffff url(../images/ght/footer_bg.png) repeat-x 0 100%;
    position: relative;
}

.ght_products .products{
    padding-bottom: 10px!important;
    margin-bottom: 20px;
}

.ght_products .products .pro_info table tr td {
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    font-family: Poppins;
    font-size: 14px;
}

.ght_products .products .pro_info table tr:last-child td{
    border: 0;
}

.ght_products .products .pro_info table tr td:first-child{
    width: 25%;
    font-weight: 600;
    color: #000;
}

.ght_products .products .pro_info table{
    margin-right: 20px;
    width: auto;
}


.ght_products .products .pro_img{
    margin-top: 35px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 10px;
}

.ght_products{
    padding-bottom: 0px;
}

.ght_products .products:last-child{
    padding-bottom: 5px!important;
    margin-bottom: 10px;
    border: 0;
}

.phone_code {
    height: 32px;
    padding: 9px 0!important;
    background: #006c25!important;
    border: 0!important;
    color: #fff!important;
}

.g-recaptcha div:nth-child(1){
        height: auto!important;
}

.icons_sec{
    margin: 17px 0 7px;
}
.commercl .text_brdr
{
    margin-bottom: 25px;
}

.getquotesBtnMbl{
    display:none!important;
}
.shopby-category .background-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 270px;
    position: relative;
    border-radius: 5px;
    /*margin-bottom: 20px;*/
}
.shopby-category .background-image-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: auto;
    height: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
      border-radius: 5px;
    background: -o-linear-gradient(top,rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 10%,rgba(34,34,34,0.95) 100%);
    background: -ms-linear-gradient(top,rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 10%,rgba(34,34,34,0.95) 100%);
    background: linear-gradient(to bottom,rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 10%,rgba(34,34,34,0.95) 100%);

}
.offer-tag {
    background: #fff;#454545;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: inline-block;
    color: #000;
    font-size: 13px;
    text-align: center;
    padding-top: 12px;
    line-height: 1;
    font-weight: 600;

    margin-left: 7px;
}
.shopby-category .background-image-content a {
    /* background: black; */
    padding: 8px 20px 8px 20px;
    /*text-shadow: 2px 1px #000;*/
    color: white;
    text-decoration: none;
    position: absolute;
    top:105px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    text-transform: uppercase;
    font-size: 18px;
    font-weight:500;
}
.shopby-category .background-image-content a.bottom-tag
{
    font-size:25px;
}
.img-bottom
{
    width:110px;
    float:right;
}
.text-white {
    color: #fff!important;
}
.service-icon img {
    width: 100%;
    margin: 0 auto;
}
.service-icon .img-fluid {
    max-width: 100%;
    height: auto;
}
.service-icon
{
    background: #f5f5f5;
    /*margin-top: 50px;*/
}
.service-icon p {
    font-size: 15px;
    font-weight: 500;
    color: #2F4858;
    margin: 0;
    padding: 10px;
}
.service-icon h3 {
    font-size: 70px;
    font-weight: 600;
    color: #cccccc;
    margin: 0;

    /*padding: 10px;*/
}

.service-icon .col-md-3.col-lg-3
{
       transition: all 0.5s ease; 
}
.service-icon .col-md-3.col-lg-3:hover h3 {
    color: #90ca5c;#006c25;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.service-icon .row
{
    margin-right: 0px;
    /*margin-left: 0px;*/
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
/* DROPDOWN EXTENSION */
nav.navbar li.dropdown.custom-dropdown ul.dropdown-menu{
    top: 87%;
    width: 170px;
    }

    ul.dropdown-menu > li:hover > a,
ul.dropdown-menu > li.focus > a {
  color: #90ca5c;
}
.nav-dropdown {
  min-width: 180px;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  list-style: none;
  z-index: 98;
  white-space: nowrap;
      top: 77px;
    /*margin-right: -44px;*/
}

.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #fff #fff transparent;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
}
.navigation-portrait .nav-dropdown {
  width: 100%;
  position: static;
  left: 0;
}

.nav-dropdown .nav-dropdown {
  left: 100%;
}

.nav-menu > li > .nav-dropdown {
  border-top: solid 1px #f0f0f0;
}

.nav-dropdown > li {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  text-align: left;
}

.nav-dropdown > li > a {
  width: 100%;
  padding: 16px 20px;
  display: inline-block;
  text-decoration: none;
  float: left;
  font-size: 13px;
  color: #70798b;
  background-color: #fdfdfd;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {
  color: #FF404C;
}

.nav-dropdown.nav-dropdown-left {
  right: 0;
}

.nav-dropdown > li > .nav-dropdown-left {
  left: auto;
  right: 100%;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
  text-align: right;
}

.navigation-portrait .nav-dropdown > li > a {
  padding: 12px 20px 12px 30px;
}

.navigation-portrait .nav-dropdown > li > ul > li > a {
  padding-left: 50px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
  padding-left: 70px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
  padding-left: 90px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 110px;
}

.nav-dropdown .submenu-indicator {
  right: 15px;
  top: 16px;
  position: absolute;
}

.navigation-portrait .nav-dropdown .submenu-indicator {
  right: 0;
  top: 0;
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron {
  border-color: transparent #FF404C #FF404C transparent;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
  left: 10px;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mobile-cart
{
    display:none;
}
.icons_sec img{
        width: 9%;
    display: inline;
    margin: 0 4px;
    border: 2px dashed #039836a6;
    height: 120px;
    object-fit: cover;
    border-radius: 11px;
    /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

@media (min-width: 320px) and (max-width: 480px) {
    .product_types .type_item{
        width: 100%;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        margin-right: 0;
    }
 .phone-call{
     display:block;
     background: #006bce;
    position: fixed;
    bottom: 62px;
    right: 7px;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-top: 4px;
    color: #fff;
    font-size: 33px;
    border-radius: 27px;
    z-index: 999;
        box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.47), 0 4px 20px 0 rgba(0, 0, 0, 0.54);
 }
 
 .phone-call a , .phone-call a:focus, .phone-call a:hover{
     color:#fff;
 }
  
  
}