#cboxOverlay {
    opacity: 0.98;
    visibility: visible;
    background-color: #161616;
} 

.siteCookies__form {
    background-color: #7cb44d;
}

@media (min-width: 768px) {
    .one-column-body .welcome-wrapper .welcome {
        width: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {

    .welcome-wrapper {
        padding: 16px 8px;
    }
    
    
    .navigation-in a.menu-image {
        display: inline-flex;
    }
    
    .menu-level-2 img {
    height: 30px;
    width: auto;
    }
    
    .menu-level-2 .menu-image {
    padding-right: 0px;
    }
    
    .menu-level-2 div a {
    padding-left: 5px;
		}
    
    .menu-level-2 [class^="menu-item-"] {
    display: flex;
    align-items: center;
    padding-left: 20px;
    }
    
    .navigation-in ul.menu-level-2 li a {
        padding-left: 10px;
    }

}

@media (min-width: 768px) {
    .navigation-in>ul>li.ext>ul>li>a img {
        max-height: 80px;
        max-width: 80px;
    }
    
     .navigation-in>ul>li.ext>ul>li>a.menu-image {
        width: 100px;
    }
    
    .navigation-in>ul>li.ext>ul>li>div {
        padding-left: 0px;
    }

}

a.social-icon {
    background-color: #7DB44C;
}

.container.navigation-wrapper .site-name {
    flex-basis: 130px;
}

.navigation-in {
    font-size: 26px;
}

.navigation-in ul li a b {
    font-weight: 600;
    text-transform: none;
}

#header .header-top {
    height: 60px;
}

#header > div.header-bottom {
    padding-bottom: 0px;
    padding-top: 7px;
}

.banner-wrapper {
    position: relative;
    padding: 0px 25px;
    margin-top: -125px;
    
}

.next-to-carousel-banners .banner-wrapper {
        position: relative;
        padding: 0px 15px;
        margin-top: 50px;
        max-width: 30vw;
    }

@media (min-width: 768px) and (max-width: 1199px) {
    .next-to-carousel-banners .banner-wrapper {
        position: relative;
        padding: 0px 15px;
        margin-top: 50px;
        max-width: 30vw;
    }
}


#footer, .footer-rows .rate-wrapper {
    background-color: #7db44c !important;
}

.footer-bottom, .footer-bottom-full-width {
    background-color: #7db44c;
}

.footer-rows .custom-footer {
    flex-direction: row;
    padding-bottom: 10px;
}

#footer h4,
#footer a {
    color: #fff;
}

#footer .footer-bottom, #footer .footer-bottom a {
    color: #fff;
}

.navigation-in .has-third-level div>ul a, .navigation-in>ul>li>a, .navigation-in>ul>li>a:hover {
    color: #fff;
}

.navigation-buttons a, .navigation-buttons a[data-target=cart], .navigation-buttons a[data-target=search], .navigation-in>ul>li>a {
    color: #ffffff;
}

.navigation-buttons a[data-target=login], .navigation-buttons a[data-target=search], .navigation-buttons a[data-target=search]:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.navigation-in>ul>li.exp>a:hover, .navigation-in>ul>li>a:hover {
    background-color: #fff;
}

.navigation-in>ul>li.exp>a:hover b, .navigation-in>ul>li>a:hover b {
    color: #000;
}

.menu-level-2 {
    list-style: none;
    padding: 0;
    margin: 0;
}


.navigation-in>ul>li a {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
 

@media (max-width: 768px) {
    .navigation-buttons a,
    .navigation-buttons a[data-target=cart],
    .navigation-buttons a[data-target=search],
    .navigation-in>ul>li>a {
        color: #000000;
    }
}

.product-slider-holder {
    padding: 32px 0px 52px 0px;
    margin-bottom: 20px;
}

.banner-category, .homepage-banners-full-width, .homepage-latest-contribution-full-width, .store-rating-full-width {
    background-color: #ffffff;
}

#content > div.full-width.homepage-banners-full-width.middle-banners > div > div > img {
		border-radius: 20px;
}

#content > div.full-width.benefit-banners-full-width > div {
		margin-top: 30px;
}

#content > div.full-width.homepage-banners-full-width.middle-banners > div > div {
		padding: 0px 0px;
}


@media (min-width: 1440px) {
    .banner-category>span, .homepage-banners-full-width .banner-wrapper>span {
        max-width: 100%;
    }
}

.banner-category>span, .homepage-banners-full-width .banner-wrapper>span {
    padding: 0px;
}

@media (min-width: 992px) {
    .banner-category>span, .homepage-banners-full-width .banner-wrapper>span {
        max-width: 100%;
        padding: 0px;
    }
}

#content > div.full-width.homepage-banners-full-width.middle-banners > div > div > span > div > div.banner-left > div > h1 {
		color: #ffffff; 
}

#content > div.full-width.homepage-banners-full-width.middle-banners > div > div > span > div > div.banner-left > div > a {
		color: #ffffff; 
}

.banners-content.body-banners .banner-wrapper {
    margin-top: 0px;
}

.menu-level-2 li {
    margin: 0px 0; 
}
  
@media (min-width: 768px) {
    #navigation {
        height: 55px;
    }
}  

@media (max-width: 768px) {
    .banner-category, 
    .homepage-banners-full-width, 
    .homepage-latest-contribution-full-width, 
    .store-rating-full-width {
        margin: 0px -8px 0px -8px;
    }
}

@media (max-width: 768px) {
    .benefitBanner {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 20px !important;
        margin: 0px auto 0px auto;
    }

    .benefitBanner__item {
        flex: 0 0 calc(50% - 10px) !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin-bottom: 0px !important;
    }
    
    .product-slider-holder {
    		padding: 32px 0px 2px 0px;
    		margin-bottom: 0px;
		}
    
    #content > div.full-width.homepage-banners-full-width.middle-banners {
    		margin: 70px -8px 0px -8px;
    }
    
    .navigation-buttons a[data-target=navigation], .navigation-buttons a[data-target=navigation]:hover {
    color: #ffff;
		}
    
    
    .navigation-buttons a, .navigation-buttons a[data-target=cart], .navigation-buttons a[data-target=search] {
        color: #fff;
    }
    
    .benefitBanner .benefitBanner__content {
    padding: 0 0px;
    }
    
    .benefitBanner .benefitBanner__picture img {
    max-height: 75%;
    }
    
    .benefitBanner .benefitBanner__picture {
    flex: 0 0 64px;
    height: 50px;
    margin: 5px;
    }
    
    #content > div.welcome-wrapper > div h1 {
    text-align: center;
		}

		#content > div.welcome-wrapper > div p {
    text-align: justify;
		}
    
    .navigation-in ul li a b {
    font-size: 0.8em;
		}
    
    
    .navigation-in>ul>li .menu-level-2 a {
        font-size: 0.8em;
    }
    
    .navigation-in>ul>li>a>b, .navigation-in>ul>li>a>span {
        font-size: 0.8em;
    }
    
    #navigation > div > ul.menu-level-1 > li.menu-item-705.ext.exp > ul{
    background: white;
		}
    
    .menu-level-2 {
    background-color: #fff;
    }
    
    .navigation-in .exp {
        background-color: #fff;
    }
    
    .navigation-in>ul>li>a:hover {
    color: #7cb44d;
		}
    
    .navigation-in>ul>li:first-child {
        border-top-style: none;
    }
    
    .navigation-in>ul>li {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-style: solid;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-left-width: 0px;
    }
    
    #navigation > div > ul.navigationActions > li {
    border-style: none; !important
    }
    
    .navigation-in>ul>li a .submenu-arrow {
        color: #7CB44D;
    }

}

.siteCookies__form {
    background-color: #7CB44D;
}

.siteCookies--bottom.siteCookies--scrolled {
        background-color: #7CB44D;

}