.wpcf7 form.sent .wpcf7-response-output {
    background-color: transparent !important;
}

/*** Page Not Found START ***/
.pageNotFound-button:after{
    border-bottom: solid 1px #81bc3d !important;
    transform: scaleX(0);  
    transition: transform 400ms ease-in-out;
    transform-origin:  0% 50%;
    height:5px;
    display:block;
    content: '';
}

.pageNotFound-button:hover:after{
    transform: scaleX(1);
}

/*** Page Not Found END ***/

.greyColor p {
     color: #a0a0a0 !important;
}

.wpcf7-response-output {
         color: #81bc3d !important;
         background-color: #fff !important;
}

div.wpcf7-response-output:before {
         color: #81bc3d !important;      
}

.title.has_fixed_background {
     background-attachment: scroll !important;
}

.footer_top .four_columns .column4 .column_inner>div {
     margin: 0px !important;
}

.footer_top .q_social_icon_holder:hover i.simple_social {
    color : #81bc3d !important;
}

/*** BenefitsWhite-bg Responsive START ***/
@media(max-width: 415px) {
           .benefitsWhite-bg {
                  background-color: rgba(255,255,255,0.95) !important;
            }
}
/*** BenefitsWhite-bg Responsive END ***/
/*** Display noneForDesktop View START ***/
@media(min-width: 770px) {
      .displayNone-forDesktop {
           display: none !important;
       }
}
/*** Display noneForDesktop View END ***/


/*** Display noneForIpadnMobile View START ***/
@media(max-width: 770px) {
      .displayNone-forIpadnMobile {
           display: none !important;
       }
}
/*** Display noneForIpadnMobile View END ***/


/*** Display noneForDesktop View START ***/

@media(min-width: 765px) {
      .displayNone-forDesktopnIpad {
           display: none !important;
       }
}


/*** Display noneForDesktop View END ***/

/*** Display noneForMobile View START ***/

@media(max-width: 415px) {
      .displayNone-forMobile {
           display: none !important;
       }
}

/*** Display noneForMobile View END ***/




/*** Subscription Start ***/
.get-update h3, .get-update p{
    color:white;
}

.banner-button:after {
  height:5px;
  display:block;
  content: '';
  border-bottom: solid 1px #fff;  
  transform: scaleX(0);  
  transition: transform 400ms ease-in-out;
  transform-origin:  0% 50%;
}

.banner-button:hover:after{
    transform: scaleX(1);
}

/*** Subscription End ***/


/*** Header Title START ***/
.title_subtitle_holder_inner {
       top: 135px !important;
}

.title_subtitle_holder_inner h1 {
       font-weight: bold !important;
       font-size: 28px !important;
}

@media (max-width: 415px) {
        .title_subtitle_holder_inner h1 {
             font-size: 23px !important;
         }
}

@media (max-width: 700px) {
        .title_subtitle_holder {
                top: -85px ;
        }
}

@media (min-width: 700px) and (max-width: 770px) {
               .title.title_size_medium.position_left.has_fixed_background {
                        height: 400px !important;
                        position: inherit;
               }

              .title_subtitle_holder_inner {
                        position: absolute;
              }

              .breadcrumb {
                     top: 25px !important;
                     right: inherit !important;
                     width: 500px;
              }

             .title_subtitle_holder {
                    top: 160px;
             }
}


/*** Header Title END ***/

/*** Separator START ***/
.separatorStyle {
    width: 30px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.ecoOutdoor-separator {
    width: 30px !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/*** Separator END ***/



/**** product customized header****/
.ecotab-main {
      display: flex;
    justify-content: space-evenly;
}

.ecosub-tab {
         position:relative !important;
    overflow:hidden;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ecotabImage-container {
     height: 200px ;
     position: relative;
}

.ecotabImage-container img {
       width: 350px;
       height: 200px;
}

 .ecotabImage-container:hover .ecotabOption-bg {
          top: 0px !important;
          transition:  0.8s;
}

.ecotabImage-container:hover .subTabImgText {
          top: -250px;
           transition: 0.8s;
}

.subTabImgText {
      position:absolute !important;
      width: 100%; 
      transition:  0.8s;
}


.ecotabOption-bg {
      position:absolute !important;
      background-color: rgba(129, 188, 61, 0.8); 
      width: 100%; 
      height: 200px; 
      top:250px;
      transition:  0.8s;
}

.ecoTabText  {
       padding: 70px 0px;
       text-align: center;
}

.ecoTabText2 {
       padding: 10px 15px;
       text-align: center;
}

.ecoTabText h4, .ecoTabText2 p, .ecoTabText a {
    color: #fff !important;
}

.ecoTabText2 p {
        font-size: 14px !important;
        padding-bottom: 5px;
}

.ecoTabText h4 {
     font-weight: 600;
     padding-bottom: 10px;
}

.subTabImgText {
     position:absolute !important;
     top: 0px;
     z-index: 999;
     width: 100%;
}

.tab-content-button:after{
    border-bottom: solid 1px #fff !important;
    transform: scaleX(0);  
    transition: transform 400ms ease-in-out;
    transform-origin:  0% 50%;
    height:1px;
    display:block;
    content: '';
}

.tab-content-button:hover:after{
    transform: scaleX(1);
}

@media(min-width: 1020px) and (max-width: 1200px) {
        .solutionsImageWaterManagement-container img {
                width: 300px !important;
         }

         .solutionsImageWaterManagement-container  .ecotabOption-bg {
                height: 200px !important;
          }

        .ecoTabText2 {
                  padding: 5px 10px !important;
         }

        .ecoTabText2 p {
                font-size: 13px !important;
                padding-bottom: 0px !important;
         } 

       .ecotabImage-container img {
            width: 240px !important;
            height: 185px  !important;
        }

        .ecotabImage-container {
            height: 185px  !important;
        }
 
       .ecoTabText {
             padding: 60px 5px !important;
        }

        .ecotabOption-bg {
              height: 185px !important;
        }

}


@media(min-width: 1200px) and (max-width: 1400px) {
       .ecotabImage-container img {
            width: 300px !important;
            height: 200px  !important;
        }

}


@media(max-width: 770px) {
     .ecotab-main {
          flex-wrap: wrap;
     }

     .ecosub-tab {
            margin: 10px;
      }
}

@media(max-width: 770px) {
      .product-header-top {
             width: auto !important;
      }
}

@media(max-width: 415px) {
      .product-header-top {
             flex-wrap: wrap !important;
      }

      .product-header-top a {
             width: 50% !important;
      }
}




a.tab1-focus, a.tab1-focus p  {
     color: #96B045 !important;
}




.product-header-bottom{
    width:1100px; 
    margin:0 auto;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height:100px;
    position: absolute;
    right: 0;
    left: 0;
}

.product-header-bottom.active{
    display:flex;
}

.product-header-top a:hover, .product-header-top a:hover p {
    color: #96B045 !important;
}

.product-header-bottom a.focus {
    color: #96B045 !important;
}

.product-header-bottom a:not(.tab1-focus):hover {
    color: black !important;
}

.product-header-top-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 50px 0px;
    text-align: center;
}

.product-header-top-inner img {
    width: 100%;
    height: 200px;
    /* filter: invert(50%) brightness(100%) !important;*/
    transition: all 0.3s ease;
}

.product-header-top a:hover .product-header-top-inner img, .tab1-focus .product-header-top-inner img {
    filter: opacity(1) drop-shadow(0 0 0 #96B045) !important;
}

.product-header-top a:not(.tab1-focus):hover .product-header-top-inner img{
    filter: brightness(100%) !important;
}

.product-header-top a:not(.tab1-focus):hover{
   color: black;
}

/*******/

/*** Solutions START ***/
.solutionsImage-container, .solutionsImageWaterManagement-container {
     height: 200px ;
     position: relative;
}

.solutionsImage-container img {
       width: 350px;
       height: 200px;
}

.solutionsImageWaterManagement-container img {
        width: 400px;
       height: 200px;
}

 .solutionsImage-container:hover .ecotabOption-bg, .solutionsImageWaterManagement-container:hover .ecotabOption-bg {
          top: 0px !important;
          transition:  0.8s;
}

.solutionsImage-container:hover .subTabImgText, .solutionsImageWaterManagement-container:hover .subTabImgText {
          top: -250px;
           transition: 0.8s;
}


/*** Solutions END ***/


.hidden {
  opacity: 0;
}

.megamenu-img-column {
         margin-bottom: -6.66px !important;
         padding-left: 15px !important;
}

.megamenu-img {
        border-radius: 0 10px 10px 0;
        height: 335px !important;
        object-fit: cover !important;
}

.megamenu-img-aboutUs {
          border-radius: 0 10px 10px 0;
          height: 376px !important;
          object-fit: cover !important;
}

@media (max-width: 770px) {
        .megamenu-img, .megamenu-img-aboutUs {
                 border-radius:10px !important;
        }

        .megamenu-img-column {
             padding-left: 0px !important;
       }
}



/************************************body*********************************/

body{
    background-color:white;
}

/************************************header*********************************/
#mega-menu-wrap-top-navigation #mega-menu-top-navigation li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
         cursor: default !important;
}

.mobile_menu_button i.qode_icon_font_awesome.fa.fa-bars {
       display: none;
}

.q_logo img {
    transform: scale(0.7);
}

.title.title_size_medium.position_left.has_fixed_background {
    background-position: 50%;
    background-size: cover !important;
}

.header_top.clearfix .q_social_icon_holder:hover .simple_social, .header_top.clearfix a.headerTop-mobileNemail:hover,
.header_top.clearfix .theWhatsappImg:hover, .header_top.clearfix span.q_social_icon_holder.normal_social:hover {
    opacity: 0.5;
    transition: 0.5s;
}

@media(min-width: 770px) {
      .header_top.clearfix .headerTop-mobileNemail-div {
              padding: 0px 15px;
       }
}


/*Point Hover*/
#powerTip {
       background-color: #fff;
       opacity: 0.8;
       box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
       padding: 10px 30px;
}

#powerTip.n:before {
     border-top: 10px solid #fff;
}

@media(max-width: 480px) {
         .header_bottom.clearfix {
                     padding: 0px ;
          }
}



/************************************footer*********************************/
.footer_top a p {
    margin: 20px 0;
}

.footer_top h5 {
    margin-bottom: 50px;
}

.footer_top a{
    text-decoration:none;
}



/**********************contact-form***********************/


input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Montserrat',"Montserrat Fallback"!important;
    padding: 0px !important;
    border: none !important;
    color: white !important;
    text-transform: capitalize;
    font-size: 16px !important;
    letter-spacing: 0px !important;
    line-height: 20px !important;
    height: 30px !important;
    font-weight: 500 !important;
}


input.wpcf7-form-control.wpcf7-submit:hover {
    background: none !important;
}

.newsletterName, .newsletterEmail, .newsletterOrganization, .contactUsFormInputs {
    border: none;
    border-radius: 20px !important;
    padding: 15px 40px;
    font-family: 'Montserrat',"Montserrat Fallback", sans-serif !important;
    color: #000 !important;
    font-size:14px !important;
    border-color: #dddddd !important;
    padding-left:40px !important;
    font-style: inherit !important;
}

.newsletterName::placeholder, .newsletterEmail::placeholder, .newsletterOrganization::placeholder, .contactUsFormInputs::placeholder {
    color: #b7b7b7 !important;
    font-style: italic !important;
}



/*
@media (min-width:770px) {
          .newsletterTitlePaddingTop {
                    padding-top: 50px;
          }
}
*/

@media (max-width: 770px) {
    .signUp-inputNbtn {
        flex-direction: column !important;
    }
}

@media (max-width: 415px) {
         .threeInputs {
               padding: 20px 0px;
         }
}

/***** Veva 28.09.2021 *****/
/***** Responsive menu *****/
.mobile_menu_button {
     float: right !important;
}

/***** Homepage*****/
.homepage-section3-right .attributes-info-box.back {
    opacity: 0.85  !important ;
}


/***** Green Roof Page *****/


@media (max-width: 770px) {
          .greenRoof-section4-slider rs-arrow.tp-rightarrow.tparrows.hebe_copy67.noSwipe { 
                     left: 214% !important;
                     top: 28.5% !important;
            }

            .greenRoof-section4-slider rs-arrow.tp-leftarrow.tparrows.hebe_copy67.noSwipe {
                     top: 53% !important;
                     left: 70% !important;
                     
              }
}

@media (max-width: 376px) {
            .greenRoof-section4-slider rs-arrow.tp-rightarrow.tparrows.hebe_copy67.noSwipe { 
                     left: 221% !important;
                     top: 28.5% !important;
            }

            .greenRoof-section4-slider rs-arrow.tp-leftarrow.tparrows.hebe_copy67.noSwipe {
                     top: 53.8% !important;
                     left: 70% !important;
                     
              }
}


@media (min-width: 780px) {
          .greenRoof-section4-slider rs-arrow.tp-rightarrow.tparrows.hebe_copy67.noSwipe { 
                     left: 84% !important;
                     top: 53%;
                     transform: rotate(90deg) !important;
            }

            .greenRoof-section4-slider rs-arrow.tp-leftarrow.tparrows.hebe_copy67.noSwipe {
                     top: 25% !important;
                     left: 84% !important;
                     transform: rotate(90deg) !important;
              }


}


.greenRoof-section4-slider .tp-thumb.selected  .tp-thumb-title {
     opacity: 1 !important;
}

.greenRoof-section4-slider .tp-thumb-title {
     opacity: 0.25 !important;
     color: #000 !important;
}

.greenRoof-section4-slider .tp-thumb:hover .tp-thumb-title {
      opacity: 1 !important;
}

rs-thumbs.nav-dir-vertical.nav-pos-ver-center.nav-pos-hor-right.rs-nav-element.tp-thumbs.inner.erinyen_copy107 {
     top: 42% !important;
}




.section-4-content h4 {
     padding-bottom: 10px;
}

.section-4-content {
     width: 60%;
      margin: auto;
}



.section4-carousel {
  margin: 10px auto;
  display: flex;
  overflow: hidden;
  align-items: center;
  width: 450px;
  position: relative;
  height: 100px;
  background: #fff;
  bottom: 234px;
  left: 250px;
}

.carousel-texts {
  display: flex;
  transform: translateY(0);
  transition: transform 0.5s;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.carousel-texts div {
  height: 30px;
}



/********** Arrow **********/
.arrow-up,
.arrow-up:before {
  position: absolute;
  left: 96%;
}
  

.arrow-up {
  transition: 0.3s;
  opacity: 0.25;
  cursor: pointer;
  width: 10px;
  height: 10px;
  top: 40px;
  margin: -20px 0 0 -20px;
  -webkit-transform: rotate(-135deg);
  border-left: none;
  border-top: none;
  border-right: 2px #000 solid;
  border-bottom: 2px #000 solid;
}
  
  
.arrow-up:hover {
      opacity: 0.75 ;
}
  
  
.arrow-down, .arrow-down:before {
  position: absolute;
  left: 96%;
}
  

.arrow-down {
  transition: 0.3s;
  opacity: 0.25;
  cursor: pointer;
  width: 10px;
  height: 10px;
  top: 80%;
  margin: -20px 0 0 -20px;
  -webkit-transform: rotate(45deg);
  border-left: none;
  border-top: none;
  border-right: 2px #000 solid;
  border-bottom: 2px #000 solid;
}

.arrow-down:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 770px) {
        .section-4-content p {
                width: 45%;
         }

         .greenRoof-section2, .greenRoof-section3, .waterManagement-section2,
         .waterManagement-section3, .waterManagement-section4, .greenRoof-section4 {
               padding-bottom: 20px;
          }

}



  .sticky.sticky_animate #mega-menu-wrap-top-navigation #mega-menu-top-navigation > li.mega-menu-item > a.mega-menu-link {
       color: #898989;
}

.sticky.sticky_animate #mega-menu-wrap-top-navigation #mega-menu-top-navigation > li.mega-menu-item > a.mega-menu-link:hover {
       color: #81bc3d;
}

.header_top.clearfix {
         background-color: #f0f0f0 !important;
}
  





/*# sourceURL=bridge-style-dynamic-responsive-inline-css */