/* 20260205155408 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #666666;
}

.gui a {
  color: #000000;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #000000;
  box-shadow: 0 0 2px #000000;
}

.gui-select.gui-focus .gui-handle {
  border-color: #000000;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #000000;
  background-color: #ffffff;
}

.gui-content-title {
  color: #000000;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #000000;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #000000;
}

/* custom */
.list-big.wide li.wide figure:first-child:nth-last-child(2) {
    height: 500px;
}

@media only screen and (min-width: 62.5em) {
.custom-hero-banners { 
  margin-top: -190px;
}

.module-featured .overlay figure:before {
    opacity: 0.7;
  background: #000000;
}

.module-featured .hero-1 h2 {
  font-size: 24px;
  margin-bottom: -12px;
}

.module-featured .hero-1 p {
  font-size: 42px;
  max-width: 800px;
}

.list-collection.triple li {
    padding: 40px;
    border-left: none;
  	margin: 0px;
   	transition: .3s ease;
}

.list-collection.triple li:hover {
    background: #E7E7E7;
  	color: #000;
}

.list-collection.triple {
  margin-left: 24px;
}
  
  .list-collection.triple h4 {
  font-size: 32px;
  margin: 20px 0 0px;
  font-weight: 900;
}

.list-collection .img.home-custom-banners {
    min-height: 375px;
}

.custom-hero-banners {
  margin-bottom: -10px!important;
}

.module-aside img {
    min-height: 375px;
    height: 375px!important;
}
 .index-page .module-aside {
   padding-top: 80px;
   Padding-bottom: 80px;
   padding-left: calc( 60% + 560px)!important;
   padding-right: 60%!important;
   margin-left: -60%;
   margin-right: -60%;
   background: #E7E7E7;
}
  .custom-banner-grid {
    height: 800px;
    margin: 0 0 40px -25px
  }
  .list-big.cols figure:first-child:last-child, .list-big.cols figure:first-child:nth-last-child(2) {
    height: 375px;
}
  .custom-banner-grid .grid-2, .custom-banner-grid .grid-4 {
    border-left: 40px solid var(--blank);
  }
  .custom-banner-grid li {
    margin-bottom: 40px;
  }
  .index-page  .list-brands li {
    width: 24.666667%;
    padding: 10px 10px;
  }
  .home-brands h4 {
		font-size: 32px;
  }
   .home-brands .link-btn, .home-brands .list-brands {
		 margin-bottom: 0px!important;
  }
  .home-brands  {
		 margin-bottom: 80px!important;
  }
  .home-brands m55 {
		 margin-bottom: 65px!important;
  }
  .module-featured article {
    min-height: 375px;
  }
  
  .new #top > form input {
    border: 1px solid #9A9A9A;
    background: #000;
    color: #fff;
}
  .new #top .bar:before {
		border-bottom: 2px solid #9A9A9A;
  }
  		#nav  .bold-link {
    font-family: var(--headings);
    font-weight: 800;
    font-size: 16px;
    text-transform: none;
  }

  .content-margin-top {
      margin-top: 70px;
    }

    #nav.dropdown-color > ul > li > div h3 a {
      color: #333333;
      font-weight: 800;
    }


    #logo img {
        object-fit: contain;
    }

    .new #top #logo {
        bottom: 77px;
    }

    .new #top {
        height: 246px;
    }

    .new .static.scroll-to-fixed-fixed #logo {
        bottom: 67px!important;
    }

    .new .static.scroll-to-fixed-fixed {
        height: 226px!important;
    }
  
     .has-bar.not-top .static.scroll-to-fixed-fixed {
        height: 281px!important;
    }
  

    .new #top > form {
        bottom: 102px;
    }

    .new .scroll-to-fixed-fixed form {
        bottom: 92px!important;
    }

    .new #top #nav .login, .new #top #nav .fav, .new #top #nav .cart {
      padding: 0 0 43px;
    }

    .new .scroll-to-fixed-fixed #nav .login, .new .scroll-to-fixed-fixed #nav .fav, .new .scroll-to-fixed-fixed #nav .cart {
      padding: 0 0 33px!important;
    }

    .has-bar #root {
        padding-top: 301px!important;
    }
  
    .closed-bar #root {
        padding-top: 246px;
    }
 
  .new #top > form button {
    color: #9A9A9A;
  }
  #nav > ul + ul > li > a span {
    color: #fff;
}
  #nav > ul > li > a:after {
    background: #42977f;
  }
  
  #nav.dropdown-color > ul > li > div li a:hover {
    color: #333333;
    font-weight: 600;
  }
  
  .home-text {
    background: #42977f;
    padding: 40px;
    padding-bottom: 28px;
}
  
  .home-text h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
		.brand-menu .brand-div-2 { 
			width: 100%!important;
    	border-left: none!important; 
}
  
  .brand-menu .brand-div-1 {
    left: unset!important;
   	right: unset!important;
    margin: -1px -37px 0!important;
    padding: 23px 37px 7px!important;
    width: 274px;
}
  
  .brand-menu .brand-div-1 strong a {
  font-weight: 800!important;
  color: #333333;
  }
  
   .cols-a.service aside {
    float: left;
    width: 450px;
    margin: 0px 0 0 -500px;
}
  
   .cols-a.service {
    padding-left: 500px;
}
  
}



@media only screen and (max-width: 62.5em) {      
      .new #top .bar:before {
      border-bottom: 2px solid #9A9A9A;
      }
      .new #top {
        height: 120px;
    }
      #top:before {
        margin-bottom: -15px;
    }
  
  .home-text {
    background: #42977f;
    padding: 40px;
    padding-bottom: 28px;
    margin-bottom: 80px!important;
}
  
  .home-text h2 {
    color: #fff;
    text-align: center!important;
    font-weight: 600;
}
    .home-brands m55 {
		 margin-bottom: 65px!important;
  }
   .brand-div-2 ul  {
		display: block!important;
  }
  #mobile ul .login {
  Display: none;
  }
  #mobile a ~ a.toggle {
    left: auto;
    width: 50px;
    background: #333333;
    color: #fff;
    font-size: 16px;
}
}


@media only screen and (max-width: 47.5em) {
  
  .custom-hero-banners {
     	padding: 0px 0px!important;
    }
  
      #root .module-aside > figure {
    margin-left: 0px;
    margin-right: 0px;
	}
  
 	.module-featured article {
    min-height: 600px;
  }
  
  .list-collection .img.home-custom-banners {
    display: none;
  }
  
   .custom-hero-banners .list-collection h4 {
    color: #fff;
    background: rgb(51 51 51 / 70%);
    padding: 20px;
    text-align-last: center!important;
    margin: 0 5vh;
    border: 1px solid #fff;
  }
     .custom-hero-banners .list-collection li {
       margin-bottom: 0px;
  }
    .custom-hero-banners {
    margin-top: calc( -315px + -5vh );
}
  .list-big.wide li.wide figure:first-child:nth-last-child(2) {
    height: 500px;
}
}

@media only screen and (min-width: 62.5em) {
.custom-hero-banners { 
  margin-top: -190px;
}

.module-featured .overlay figure:before {
    opacity: 0.7;
  background: #000000;
}

.module-featured .hero-1 h2 {
  font-size: 24px;
  margin-bottom: -12px;
}

.module-featured .hero-1 p {
  font-size: 42px;
  max-width: 800px;
}

.list-collection.triple li {
    padding: 40px;
    border-left: none;
  	margin: 0px;
   	transition: .3s ease;
}

.list-collection.triple li:hover {
    background: #E7E7E7;
  	color: #000;
}

.list-collection.triple {
  margin-left: 24px;
}
  
  .list-collection.triple h4 {
  font-size: 32px;
  margin: 20px 0 0px;
  font-weight: 900;
}

.list-collection .img.home-custom-banners {
    min-height: 375px;
}

.custom-hero-banners {
  margin-bottom: -10px!important;
}

.module-aside img {
    min-height: 375px;
    height: 375px!important;
}
 .index-page .module-aside {
   padding-top: 80px;
   Padding-bottom: 80px;
   padding-left: calc( 50% + 560px)!important;
   padding-right: 50%!important;
   margin-left: -50%;
   margin-right: -50%;
   background: #E7E7E7;
}
  .custom-banner-grid {
    height: 800px;
    margin: 0 0 40px -25px
  }
  .list-big.cols figure:first-child:last-child, .list-big.cols figure:first-child:nth-last-child(2) {
    height: 375px;
}
  .custom-banner-grid .grid-2, .custom-banner-grid .grid-4 {
    border-left: 40px solid var(--blank);
  }
  .custom-banner-grid li {
    margin-bottom: 40px;
  }
  .index-page  .list-brands li {
    width: 24.666667%;
    padding: 10px 10px;
  }
  .home-brands h4 {
		font-size: 32px;
  }
   .home-brands .link-btn, .home-brands .list-brands {
		 margin-bottom: 0px!important;
  }
  .home-brands  {
		 margin-bottom: 80px!important;
  }
  .home-brands m55 {
		 margin-bottom: 65px!important;
  }
  .module-featured article {
    min-height: 375px;
  }
  
  .new #top > form input {
    border: 1px solid #9A9A9A;
    background: #000;
    color: #fff;
}
  .new #top .bar:before {
		border-bottom: 2px solid #9A9A9A;
  }
  		#nav  .bold-link {
    font-family: var(--headings);
    font-weight: 800;
    font-size: 16px;
    text-transform: none;
  }

  .content-margin-top {
      margin-top: 70px;
    }

    #nav.dropdown-color > ul > li > div h3 a {
      color: #333333;
      font-weight: 800;
    }


    #logo img {
        object-fit: contain;
    }

    .new #top #logo {
        bottom: 77px;
    }

    .new #top {
        height: 246px;
    }

    .new .scroll-to-fixed-fixed #logo {
        bottom: 67px!important;
    }

    .new .static.scroll-to-fixed-fixed {
        height: 226px!important;
    }

    .new #top > form {
        bottom: 102px;
    }

    .new .scroll-to-fixed-fixed form {
        bottom: 92px!important;
    }

    .new #top #nav .login, .new #top #nav .fav, .new #top #nav .cart {
      padding: 0 0 43px;
    }

    .new .scroll-to-fixed-fixed #nav .login, .new .scroll-to-fixed-fixed #nav .fav, .new .scroll-to-fixed-fixed #nav .cart {
      padding: 0 0 33px!important;
    }

    .has-bar #root {
        padding-top: 301px!important;
    }
  
    .not-top #root {
        padding-top: 246px!important;
    }
  
  
  
  .new #top > form button {
    color: #9A9A9A;
  }
  #nav > ul + ul > li > a span {
    color: #fff;
}
  #nav > ul > li > a:after {
    background: #42977f;
  }
  
  #nav.dropdown-color > ul > li > div li a:hover {
    color: #333333;
    font-weight: 600;
  }
  
  .home-text {
    background: #42977f;
    padding: 40px;
    padding-bottom: 28px;
}
  
  .home-text h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

  
}

@media only screen and (max-width: 62.5em) {      
      .new #top .bar:before {
      border-bottom: 2px solid #9A9A9A;
      }
      .new #top {
        height: 120px;
    }
      #top:before {
        margin-bottom: -15px;
    }
  
  .home-text {
    background: #42977f;
    padding: 40px;
    padding-bottom: 28px;
    margin-bottom: 80px!important;
}
  
  .home-text h2 {
    color: #fff;
    text-align: center!important;
    font-weight: 600;
}
    .home-brands m55 {
		 margin-bottom: 65px!important;
  }
  .index-page .module-aside {
   padding-top: 80px;
   Padding-bottom: 50px;
   padding-left: 50%!important;
   padding-right: 50%!important;
   margin-left: -50%;
   margin-right: -50%;
   background: #E7E7E7;
  margin-bottom: 80px;
}
}


@media only screen and (max-width: 47.5em) {
  
  .custom-hero-banners {
     	padding: 0px 0px!important;
    }
  
      #root .module-aside > figure {
    margin-left: 0px;
    margin-right: 0px;
	}
  
 	.module-featured article {
    min-height: 600px;
  }
  
  .list-collection .img.home-custom-banners {
    display: none;
  }
  
   .custom-hero-banners .list-collection h4 {
    color: #fff;
    background: rgb(51 51 51 / 70%);
    padding: 20px;
    text-align-last: center!important;
    margin: 0 5vh;
    border: 1px solid #fff;
  }
     .custom-hero-banners .list-collection li {
       margin-bottom: 0px;
  }
    .custom-hero-banners {
    margin-top: calc( -315px + -5vh );
}
#content {
    padding-top: 80px;
}
   #footer .list-social {
		display: flex!important;
  }
  #root .list-big li {
    margin-bottom: 40px;
  }
  .home-brands .heading-mobile {
    background: #e7e7e7;
    margin-left: -50%;
    margin-right: -50%;
    padding-left: 50%;
    padding-right: 50%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
    .home-brands .heading-mobile h4 {
		margin-bottom: 0px;
  	font-size: 24px;
    padding: 0px 10px;
  }
}

@media only screen and (max-width: 25em) {
#logo img {
    width: 95px;
}
}


    @media only screen and (max-width: 85em) {
    .list-collection.triple li {
        padding: 20px;   
      }
    }




@media only screen and (max-width: 62.5em) {
		.custom-hero-banners .list-collection li {
    width: 100%;
    text-align: center;
}
}
  
  @media only screen and (min-width: 150em) {
  .custom-hero-banners {
     	padding: 0px 500px!important;
    }
  }  

  @media only screen and (min-width: 125em) and (max-width: 150em ) {
  .custom-hero-banners {
     	padding: 0px 300px!important;
    }
  }  

  @media only screen and (min-width: 105em) and (max-width: 125em ) {
  .custom-hero-banners {
     	padding: 0px 145px!important;
    }
  }
  

  @media only screen and (min-width: 95em) and (max-width: 105em ) {
  .custom-hero-banners {
     	padding: 0px 75px!important;
    }
  }
  

  @media only screen and (max-width: 95em ) and (min-width: 47.5em) {
  .custom-hero-banners {
     	padding: 0px 65px!important;
    }
  }

.new #top .bar .list-usp a {
		color: #fff;
    text-decoration: none;
}

.new #top .bar .list-usp a:hover {
    text-decoration: underline;
}
  

.module-aside .list-inline li i, .contact-footer li i {
  margin-right: 10px;
}



 .index-page .form-newsletter,.module-wide {
   margin-bottom: 0px!important;
}

.product-order-background {
  background: #F6F6F6;
  padding-top: 36px;
  padding-left: 36px;
  padding-right: 36px;
  padding-bottom: 9px;
}


.openingstijden {
  display: flex;
}

.openingstijden ul {
  width: 50%;
}

 #footer .list-social {
    -webkit-justify-content: left;
    justify-content: left;
   margin-left: -15px;
}
 
#content {
    padding-top: 80px;
}
   #footer .list-social {
		display: flex!important;
  }
}

@media only screen and (max-width: 25em) {
#logo img {
    width: 95px;
}
}


    @media only screen and (max-width: 85em) {
    .list-collection.triple li {
        padding: 20px;   
      }
    }




@media only screen and (max-width: 62.5em) {
		.custom-hero-banners .list-collection li {
    width: 100%;
    text-align: center;
}
}
  
  @media only screen and (min-width: 150em) {
  .custom-hero-banners {
     	padding: 0px 500px!important;
    }
  }  

  @media only screen and (min-width: 125em) and (max-width: 150em ) {
  .custom-hero-banners {
     	padding: 0px 300px!important;
    }
  }  

  @media only screen and (min-width: 105em) and (max-width: 125em ) {
  .custom-hero-banners {
     	padding: 0px 145px!important;
    }
  }
  

  @media only screen and (min-width: 95em) and (max-width: 105em ) {
  .custom-hero-banners {
     	padding: 0px 75px!important;
    }
  }
  

  @media only screen and (max-width: 95em ) and (min-width: 47.5em) {
  .custom-hero-banners {
     	padding: 0px 65px!important;
    }
  }

  @media only screen and (min-width: 75em) {
.new #nav > ul > li.menu-uppercase.sub.has-div {
  	margin-right: 32px;
  }
}

  @media only screen and (max-width: 75em) {
.new #nav > ul > li.menu-uppercase.sub.has-div {
  	margin-right: 22px;
  }
}


.new #top .bar .list-usp a {
		color: #fff;
    text-decoration: none;
}

.new #top .bar .list-usp a:hover {
    text-decoration: underline;
}
  

.module-aside .list-inline li i {
  margin-right: 10px;
}

 .index-page .form-newsletter,.module-wide {
   margin-bottom: 0px!important;
}

.product-order-background {
  background: #F6F6F6;
  padding-top: 36px;
  padding-left: 36px;
  padding-right: 36px;
  padding-bottom: 9px;
}


.openingstijden {
  display: flex;
}

.openingstijden ul {
  width: 50%;
}

 #footer .list-social {
    -webkit-justify-content: left;
    justify-content: left;
   margin-left: -15px;
}

.list-brands a img {
  -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#footer .a:hover: {
 	text-decoration: underline;
}

.openingstijden ul {
      list-style: none;
    padding-left: 0px;
}

   .cols-a.service aside a {
    color: #333333;
    padding-left: 10px;
    text-decoration: none;
    font-weight: 600;
}

   .cols-a.service aside a:hover {
    text-decoration: underline;
}

   .cols-a.service aside {
  background: #E7E7E7;
  }

   .cols-a.service aside {
    padding: 40px;
}

.heading-wide {
    min-height: 400px;
}


.new #top #logo.text-center ~ form {
    width: 250px;
}

@media only screen and (max-width: 75em) {
.new #top #logo.text-center ~ form {
    width: 250px;
  }
}

.d-none-filter #filter_form > ul > li:nth-child(5) {
  display: none;
}


@media only screen and (min-width: 62.5em){
  .small-brands li {
    width: 20%;
  }
}

@media only screen and (min-width: 47.5em) {
.small-brands li {
    padding: 55px 55px;
}
}

@media only screen and (max-width: 47.5em) {
.small-brands li {
   padding: 25px 20px 25px 40px;
}
.index-page .list-brands li {
    padding: 25px 20px 25px 40px;
}

}

#nav > ul > li > a.overlay-g, #mobile > ul > li > a.overlay-g > span {
  background: none!important;
  padding: 0px!important;
}

@media only screen and (max-width: 47.5em) {
  #nav > ul > li > a.overlay-g, #mobile > ul > li > a.overlay-g > span {
    color: #000000;
  }
}
.growww-logo svg { 
  transition: fill .4s ease;
  width: 120px;
}
@media (max-width: 576px) {
  .growww-logo svg {
    width: 60px;
    height: 25px;
  }
}
.growww-logo svg:hover {
	fill: #FFF;
}
#footer nav h3, #footer nav a, #footer p.copyright, #footer p.copyright a, #footer nav .contact-footer li {
	color: #FFF !important;
  
  
  
  
  <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/8f1436e9baab0a4ecc47342f7/afc8649f9286564e75e78ccc6.js");</script>v