*,html{color:#303030; font-size: 18px;}
    div.container{max-width: 988px;}
    .green, .green strong{color:#3a5c09;}
    .green-darker{color:#2c4807;}
    .white, .white strong{color:#fff;}
    h2{text-align: center; text-transform: uppercase; font-size: 35px;}
    a{color:#9fc42d;}
    p small{font-size: 0.7em;}
    p small a{font-size: 1em;}
    /*div#first-container{padding-top:780px;}*/
    img.img-full{width:100%; max-width:100% !important;  min-height:780px; object-fit: cover;}
    .block-produit{text-align: center; margin-bottom: 4em;}
    img.bordered, .block-produit a .imghover{border:1px solid #325108; background:white;}
    .block-produit h3{color:#3a5c09; text-transform: uppercase; font-size: 18px; padding:20px 0;}
    .block-video{margin-bottom: 2em;}
    .block-video img{border:1px solid #325108;}
    .block-video h3{color:#fff; text-transform: uppercase; font-size: 18px; padding:20px 0;}

/*    div#cbp-fwslider{position:absolute; top:0; left:0; padding-top:0;}*/
    div.cbp-fwdots{display:none;}

    a.nav-link{color:white !important; text-transform: uppercase; margin-right: 10px; font-family: 'Open Sans', sans-serif; font-size:15px;}
    a.nav-link:hover, a.active{border-bottom:4px solid #9fc42d;}
    a.nav-link-black{color:black !important;}
    
    
    ul#menu-selection{margin-top: 50px; margin-bottom: 0;}
    ul#menu-selection li.nav-item a.nav-link{ color:#3a5c09 !important; margin-bottom: 29px; border-bottom:2px solid #779225; margin-left:0; margin-right:0; font-size: 18px; text-transform: initial;}
    ul#menu-selection li.nav-item a.nav-link:hover, ul#menu-selection li.nav-item a.active{ background: #9fc42d; color:white !important;}

    a.btn-forever, button.btn-forever, input.btn-forever{background:#9fc42d; color:white; padding:13px 24px; border-radius:5px; font-weight: bold; font-size: 16px; text-decoration: none;}
    button.btn-forever:hover,a.btn-forever:hover{background:#2c4807;}
    a.btn-forever-reverse{color:white; background:#2c4807; padding:13px 24px; border-radius:5px; font-weight: bold; font-size: 16px; text-decoration: none;}
    a.btn-forever-reverse:hover{color:white; background:#9fc42d;}
    
    button.btn-forever, input.btn-forever{border:0}
    a.btn-slider{width:300px; position:absolute; bottom:50px;; left:50%; margin-left:-150px;}

    /*section#introduction{ padding-top: 120px; padding-bottom:67px;} */
    section#introduction{ padding-top: 50px; padding-bottom:67px;}

    section#aloe{background: url('../images/bg_aloe.jpg') top center no-repeat; background-size: cover; margin-bottom:0 !important;}
    section#selection{padding:40px 0;}
    section#last-videos{ background-color: rgba(90, 122, 26, 0.54); padding:40px 0;}
    section#commander{padding:40px 0; background: #e5dfcf;}
    #footer{padding:1em 0; }
    #footer div, #footer div a{font-size: 11px; text-transform: uppercase; color:#0c4455;}

    .cbp-fwslider nav span, .cbp-fwslider nav span:hover{background:none;}
    .cbp-fwslider nav span.cbp-fwprev {
        left: 100px;
    }
    .cbp-fwslider nav span.cbp-fwnext {
        right: 100px;
    }




#parent .imghover:before
{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.3);
    opacity: 0;
    transition: 0.5s ease;
    z-index: 1;
}
#parent .imghover
{
    overflow: hidden;
    position: relative;
    height:400px;
}

#parent .imghover img
{
    transform: scale(1);
    max-width: 100%;
    transition: 0.5s ease;
}
#parent a:hover .imghover:before
{
    opacity: 1;
}
#parent a:hover .imghover  img
{
    transform: rotate(5deg) scale(1.2);
}


.form-check {
    padding-left: 1.7em !important;
    padding-right: 1em !important;
}

    @media(max-width:992px){
        .px-5{
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .navbar-toggler{
        background-color: #9fc42d !important;
        border-color: #2c4807;
        color:#2c4807;         
        }
        #navbarCollapse{
        background-color: #9fc42d !important;
        border-color: #2c4807;
        color:#2c4807;
        font-size: 1.5em;
        width:100%;
        padding:1em 2em;
        }
        a.nav-link{margin-right: 0;}
        a.nav-link:hover, a.active{border-bottom:none; color:#2c4807 !important;}
        #footer{text-align: center; line-height:20px;}

        .navbar-brand{background: none !important; position: relative; top:-50px; left:65px; z-index:1;  margin-bottom:-50px; }
        .navbar-brand img { width: 80%; }
    }