.aslant-two{
    margin-top: 100px;

}

.button{text-decoration:none;}




.orange .white-button,.white-button{text-decoration:none;color:#fff!important;  background-color:#107527!important;padding: 16px 35px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 800; }

.white-button:hover{background-color:#efcfd3!important; color:#f2f2f2!important; }

.aslant--box.white{
    background-color:#fff;
    color:#666;
    
    
    }

    .aslant-two::before {
  
        height: 110px;
    }


.aslant--box.white:after{
    background-color:#fff;}


    .aslant--box.white:before{
        background-color:#fff;
    }
    

    .remove_-margin-bottom{
        margin-bottom: -100px;
    }
    .cards--boxes {
        z-index: 5;
        position: relative;
    }

    .change--header--title{text-align:center;}
 

    .change--header--title .header--title-link{
        display: inherit;
        margin: 0 auto;
        width:auto;
    }
    .change--header--title .button{-webkit-appearance:none;font-size:34px;line-height:38px;padding: 16px 25px;margin-top:30px;}


    .change--header--title .header--title-txt span {
        font-size: 80px;
        line-height: 90px;
    }
 


    .change--header--title .button:hover{background-color:#666;}

    .change--header--title .button::after{
       content: '\f061';
       padding-left:20px;
       display:inline;
 
vertical-align: middle;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
    
    }




    .change--header--title .header--title-txt p {
        color: #fff!important;
    }


    .change--header--title  .header--title-content {
        padding-bottom: 10%;
    }



    @media only screen and (max-width: 1500px) {

        .change--header--title .header--title-content {
            padding-bottom: 5%;
        }

    }

    @media only screen and (min-width: 2000px) {
        .change--header--title .header--title-content {
            padding-bottom: 20px;
        }

    }

    @media only screen and (min-width: 2000px) {
      .change--header--title .header--title-content {
        padding-bottom: 2;
    }

}


    @media only screen and (max-width: 1250px) {

        .change--header--title .header--title-content {
            padding-bottom: 5%;
        }

        .change--header--title .header--title-txt span {
            font-size: 50px;
            line-height: 60px;

        }

        .change--header--title .header--title-link,.change--header--title .header--title-txt {
            display: block!important;
            vertical-align: bottom;
        }

    }


    @media only screen and (max-width: 990px) {
      .change--header--title .header--title-txt .bigtitle{
      font-size:20px!important;
      
  }
}


    @media only screen and (max-width: 990px) {
        .change--header--title .header--title-txt span {
            font-size: 50px;
            line-height: 60px;

        }

        .change--header--title .button{font-size:24px;padding: 16px 25px 13px;margin-top:30px;}


    }


    @media only screen and (max-width: 990px) {


        .change--header--title .header--title-content {
            width: 100%;
            display: block;
            margin-top: 20px;
            padding-bottom: 50px;
        }

    }


    @media only screen and (max-width: 966px) {
        .change--header--title .header--title-txt span {
            font-size: 30px;
            line-height: 35px;
        }


        .change--header--title .header--title-content {
            padding-bottom: 2%;
        }

        .change--header--title .button {
            font-size: 16px;
            padding: 10px 19px 7px;
            margin-top: 30px;
          }

    }
    @media only screen and (max-width: 900px) {

    .change--header--title .header--title-txt p {
        color: #666;
    }

    .change--header--title .header--title-txt span {

        color:#666;
    }
}


/*DARK MODE*/
body,.card{background-color:#fff;color: #333;}

.card p{color: #fff;}

.white li, 
.white p, 
.white a, 
.white,
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6 {color:#666;}

.orange p, a, li{color:#666!important;}

.aslant--box.white {
    background-color: #333;
    color: #fff;
  }

  .aslant--box.white::before {
    background-color: #333;
  }

  .aslant--box.white::after {
    background-color: #333;
  }


  .header--title-txt {width:100%!important;display:block;}

  .header--title-img-100 {
    margin-bottom: -110px;
  }


  @media only screen and (max-width: 900px){
  .change--header--title .header--title-txt span,.change--header--title .header--title-txt p {
    color: #666;
    text-shadow:none;
  }

  .change--header--title .header--title-txt p {
    color: #666!important;
}

}

.firefox-browser .cart--icon{    padding: 40px 0 30px;}

.cart--icon {

    padding: 20px 0 40px;

}

.aslant--box.orange p{color:#fff;}

h1,h2,h3,h4,h5,h6,.img-round--txt p,.img-round--txt li,.img-round--txt h1,.img-round--txt h2,.img-round--txt h3,
.img-round--txt h4,.img-round--txt h5,.img-round--txt h6{color:#666666;}

.white .sub--title,.sub--title{color:#107527;}

.cta--background.grey {
    padding-left: 30px;
    padding-right: 30px;
  }

  .yform--mw label {
    color: #666;
  }


  .yform--mw a:hover {
    text-decoration:underline;
  }


  @media only screen and (min-width: 900px){
  .darkHeader #logo{width:180px;margin-top:0px;}

  .darkHeader .grid-container{margin-top.=px;}
  .darkHeader #topinformations {

    width: calc(100% - 225px);
  }

}



#main--navigation {z-index:-10000;background-color:#f2f2f2;}

#main--navigation .drilldown .is-drilldown-submenu{background-color:#f2f2f2;}

#main--navigation .navigation--navigation .close--nav{color:#107527!important;}

#main--navigation .navigation--navigation .close--nav:hover{color:#cd1719!important;opacity:1!important;}

#main--navigation .navigation--navigation .close--nav:hover {
  text-decoration: none;
  color: #cd1719 !important;
}

#main--navigation li a,#main--navigation .drilldown a {color:#666!important;}

#main--navigation li.active a,#main--navigation .drilldown a:hover {
  color: #107527 !important;
}


#main--navigation.show--it{z-index:10000;}


.img--vid-hover:hover .header--title-txt span {
    color: #efcfd3;
    transition: .25s ease-out,color .25s ease-out;
  }

  .img--vid-hover .button {
    background-color:#f2f2f2;
  }

  .orange a {
    color: #666!important;
  }




  @media only screen and (min-width: 2000px){
    .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
      margin-bottom: 40%;
    }}
    @media only screen and (min-width: 2400px){
        .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
          margin-bottom: 40%;
        }}
      
        @media only screen and (min-width: 2500px){
            .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
              margin-bottom: 40%;
            }}
          
          
            @media only screen and (min-width: 2600px){
                .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
                  margin-bottom: 45%;
                }}
              
              
         
    @media only screen and (min-width: 2750px){
        .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
          margin-bottom: 55%;
        }}
      
           
               

        @media only screen and (min-width: 2850px){
            .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
              margin-bottom: 55%;
            }}
          
          

            @media only screen and (min-width: 2900px){
                .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
                  margin-bottom: 45%;
                }}
              
              
              





                @media only screen and (min-width: 3050px){
                    .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
                      margin-bottom: 65%;
                    }
                    }
                  
                  

                    @media only screen and (min-width: 3250px){
                        .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
                          margin-bottom: 85%;
                        }
                        }
                      
                      
    
 #header::after,.aslant--box.aslant-two.orange::before,.aslant--box.aslant-two.orange::after,.aslant--box.grey::after,.aslant--box.grey::before   {
background-size:100%;
}

.aslant-one::before, .aslant-two::before {

    margin-top: -110px!important;

}

.aslant-one::after, .aslant-two::after {

    margin-top: 14px !important;

}

.aslant--box.orange::before,.aslant--box.orange::after {
    background-image: url(/assets/img/bg-bottom-g.png);
    background-size: 100%;
  }



  @media only screen and (max-width: 1800px){

    .aslant-one::before, .aslant-two::before {

        margin-top: -108px!important;
    
    }
    
    .aslant-one::after, .aslant-two::after {
    
        margin-top: 10px !important;
    
    }

  }
  @media only screen and (max-width: 1500px){
  .aslant--box.orange{
    position:relative;
  }
}


.aslant--box.orange::before, .aslant--box.orange::after,.aslant--box.aslant-two.orange::before, .aslant--box.aslant-two.orange::after, .aslant--box.grey::after, .aslant--box.grey::before {
    background-size: cover;
    background-position: center;
  }

#header{padding-bottom:20px;
}

#header::after{
  display:none;
}



.orange .white-button:hover, .white-button:hover {
  background-color:#f2f2f2!important;
  color:#fff!important;
}


.cart--icon {
  background: #f2f2f2;
  color: #fff;
}


.header--title-txt span {

  color: #107527;

}

.img--vid-hover:hover .header--title-txt span { 
  color: #107527;

}

.img--vid-hover .button {
  background-color: #107527;
}


.button:hover,.img--vid-hover:hover .button {
  background: #666 !important;
  opacity: 1 !important;
  color: #fff !important;
}



.aslant--box.orange::before, .aslant--box.orange::after {
  background-image: url(/assets/img/bg-bottom-g-1.png);

}

.aslant--box.orange h1,.aslant--box.orange h2,.aslant--box.orange h3,.aslant--box.orange h4,.aslant--box.orange h5,.aslant--box.orange h6,.aslant--box.orange p,.aslant--box.orange a{
  color:#fff!important;
}

.aslant--box.grey::before, .aslant--box.grey::after {
  background-image: url(/assets/img/bg-bottom-g-2.png);

}

.aslant--box.grey h1,.aslant--box.grey h2,.aslant--box.grey h3,.aslant--box.grey h4,.aslant--box.grey h5,.aslant--box.grey h6,.aslant--box.grey p,.aslant--box.grey a{
  color:#fff!important;
}

.aslant--box.white::before, .aslant--box.white::after {
  background-image: url(/assets/img/bg-bottom-g-3.png);

}

.aslant--box.white{
background-color:#f2f2f2!important;
}
.aslant--box.white h1,.aslant--box.white h2,.aslant--box.white h3,.aslant--box.white h4,.aslant--box.white h5,.aslant--box.white h6,.aslant--box.white p,.aslant--box.white a{
 color:#666!important;
}

.white .sub--title, .sub--title {
  color: #fff;
}

.cta--background.orange,
.cta--background.orange p,
.cta--background.orange li,
.cta--background.orange h1,
.cta--background.orange h2,
.cta--background.orange h3,
.cta--background.orange h4,
.cta--background.orange h5,
.cta--background.orange h6 {color:#fff!important;}

.cart--icon {
  background: #f2f2f2;
  color: #107527;
}

.cke--mw a{text-decoration:underline;}
.cke--mw a.button{text-decoration:none;}

.cke--mw a:hover{text-decoration:none;}

.the--link:hover{opacity:0.5;}


.txt--txt.white .sub--title {
  color: #107527;
}

.cke--mw a:not(.button) {
  color:#107527!important;
}

.cke--mw h1,.cke--mw h2,.cke--mw h3,.cke--mw h4,.cke--mw h5,.cke--mw h6{margin-bottom:20px!important;}

.video--box video{width:100%;}

.change--header--title .header--title-txt .bigtitle {
  font-size: 80px;
  line-height: 90px;
}
.change--header--title .header--title-txt .bigtitle {
  /*text-shadow: 2px 5px 21px #666;*/
  text-shadow: none;
}
.header--title-txt .bigtitle {
  /*color: #107527;*/
  color:#fff;
}
.header--title-txt .bigtitle {
  font-family: fira-sans, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 111px;
  text-transform: uppercase;
  line-height: 110px;
}

@media only screen and (max-width: 900px){
.change--header--title .header--title-txt .bigtitle {
  font-size: 40px;
  line-height: 50px;
  text-shadow:none;
}
.header--title-img-100 {
  margin-top: 105px;
}
.header--title-txt .bigtitle {
  color: #666;

}
}



@media only screen and (max-width: 1100px){

.change--header--title .header--title-txt .bigtitle {
  font-size: 40px!important;
  line-height: 50px;
  display:block;
}

}

@media only screen and (max-width: 1200px) {
  .change--header--title .header--title-content {
    padding-bottom: 0%;
  }
}


@media only screen and (min-width: 1925px) {
  .change--header--title .header--title-content {
    padding-bottom: 0%;
  }

  .header--title-img-100 .header--title-content, .header--title-vid-100 .header--title-content {
    margin-bottom: 20%;
  }
  .header--title-img {
    max-height: 100%!important;
  }
}

.video--box video[poster]{
  object-fit: cover;
}


#main--navigation .is-drilldown-submenu li:not(.js-drilldown-back) a:not(.close--nav)::before,
#main--navigation .is-drilldown-submenu .is-submenu-item a::before
{
  color: #666 !important;
  content: "\f138"!important;
  margin-right: 10px!important;
  font-weight: 700!important;
  font-family: 'Font Awesome 6 Free';


}
@media only screen and (max-width: 700px) {
#main--navigation .drilldown .is-drilldown-submenu-parent > a::after {

  left: 60%;

}}

@media only screen and (max-width: 350px) {
  #main--navigation .drilldown .is-drilldown-submenu-parent > a::after {
  
    left: 70%;
  
  }}




      @media only screen and (min-width: 1023px) {

        .fifty--fifty .cell{
          width:45%!important;
          
        }
 .fifty--fifty .large-offset-1 {
    margin-left:10%!important;
 
        }
    }