@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.loader{position: fixed;width: 100%;height: 100%;top: 0;display: flex;flex-direction: column;justify-content:flex-end;align-items:center;left: 0;z-index: 100;}
.loader .logo{width: 100%;height: 100%;background-color:#fff;display: flex;align-items: flex-end;justify-content: center;}
.loader .logo img:first-child {margin-bottom: 15px;}
.loader .load{background-color:#fff;width:100%;}
.sk-cube-grid{width: 80px;height: 80px;margin: 100px auto;}
.sk-cube-grid .sk-cube{width: 33.33333333%;height: 33.33333333%;background-color: #333;float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}

.btn-custom{background-color:#f5821f;font-size:16px;color:#000;padding:20px 50px;position:relative;z-index:1;}
.btn-custom:hover{color:#f5821f;text-decoration:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.btn-custom::after{content: "";background-color: #fff;display: block;width: 0%;height: 100%;right: 0;top: 0;position: absolute;z-index: -1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.btn-custom:hover::after{width:100%;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
a.fancybox{display:inline-block;}

h1{font-family:'Heading Compressed Pro', sans-serif;font-weight: bold;font-size:5rem;text-transform: uppercase;}
h2{color: #f5821f;text-transform: uppercase;}
h3{font-family:'Heading Compressed Pro', sans-serif;font-weight: bold;font-size:6rem;text-transform:uppercase;}
.diapo{position:relative;}
.diapo img{width:100%;}
.diapo .container{position:relative;}
.diapo h1{position:absolute;bottom:41px;left:0;color:#fff;}
.diapo div{height:100%;}


.lightbox{display: none;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;z-index: 20;padding-top: 30px;box-sizing: border-box;z-index: 999999999999;}
.lightbox:before {content: "\f2d3";font: normal normal normal 14px/1 FontAwesome;display: inline-block;font-size: 46px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #f78d31;position: absolute;width: 46px;height: 39px;background: #fff;right: 25px;top: 18px;line-height: 40px;border-radius: 4px;transition: 0.3s ease all;cursor: pointer;}
.lightbox img{display: block;margin: 5% auto;max-width: 100%;}

#promotion{position: relative;background-image:url(/Files/App_002/Images/promo-bg.jpg);background-repeat:no-repeat;background-position:center right;background-size:cover;z-index:0;padding:15rem 0;}
#promotion::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.6;z-index:-1;}


#new{background-color:#f2f2f2;padding-top:8rem;padding-bottom:15rem;position:relative;z-index:0;}
#new h3{margin-left: 12.5%;margin-bottom:5%;}



@media screen and (min-width:992px){
.diapo{height: calc(100vh - 95px);overflow: hidden;}
.diapo img{width: auto;max-width: initial;min-width: 100%;height: 100%;position: absolute;}
#content-main .thumbnail{min-height: 350px;margin-bottom:10rem;border-radius: 0;}
#promotion::after{content: "";position: absolute;width: 0%;height: 45%;left: 0;top: 25%;background-color: #f5821f;z-index:-1;}
#promotion::after{-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
#promotion.revealed::after{width: 60%;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
#new::after{content: "";position: absolute;width: 0%;height: 45%;right: 0;top: 19%;background-color: #f5821f;z-index:-1;}
#new::after{-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
#new.revealed::after{width:80%;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
}
@media screen and (max-width:991px){
.loader .logo img {height: auto;}
h1{font-size:3rem;padding: 0px 15px;}
#promotion h3, #new h3{text-align:center;}
#promotion{padding: 5rem 0 0 0;background: none;}
#new{padding: 3rem 0;}
.diapo{min-height: 300px;max-height: 350px;overflow: hidden;margin-top: 100px;}
.diapo img{width: auto;min-width: 100%;height: 100%;max-width: initial;height:350px !important;}
#content-main .thumbnail{min-height: 200px;margin-bottom:30px;border-radius: 0;}
}
@media screen and (min-width:768px) and (max-width:991px){
.diapo .container {position: absolute;bottom: 41px;left: calc((100% - 750px) / 2);}
.diapo h1{/*position:relative;bottom:initial;left:initial;*/}
}
@media screen and (max-width:767px){
.diapo .container {position: absolute;bottom: 41px;left: 0;width:100%;padding:0 15px;}
.diapo h1{/* padding: 0px 15px; */}
.logo img{min-width:100px;}
}

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

.mobile-header .topbar div:last-child {
     margin-right: 0px;
}
.LangResp {
    position: absolute;
    right: 80px !important;
}
#videos iframe {
    width: 100%;
    width: 100% !important;
    height: 400px !important;
}
.fancybox-slide--iframe {
 
 
   width: 100% !important;
    height: 400px !important;
    overflow: visible;
    background: none !important;
}
}

@media screen and (max-width:991px){
.menu-nav .SearchBox_1_SearchField_CssClass {
    width: 100% !important;
}

 .topbar {
    background-color: #fff !important;
    padding: 0;
    padding: 0px !important;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}
.navbar-collapse #search-fr {
    width: 100%;
    margin-bottom: 15px;
}
.navbar-collapse #search-en{
      width: 100%;
    margin-bottom: 15px;
}
.topbar {
    justify-content: space-between !important;
}
.LangResp {
    position: absolute;
    right: 100px;
}
.mr-5  .SearchBox_1_Frame_CssClass{display:none;}
.logo img{height:100px; max-width:100px;}
.menu-nav  .navbar-collapse{right:0px !important;}
}



.header {
    clear: both;
    width: 100%;
}