/*BODY*/

body{  
font-size: 1rem;
line-height: 1rem;
}

a{
outline: none;
}
@media screen and (min-width:768px) {
    html{
    scrollbar-width: none;    
    }
    ::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
    }
    ::-webkit-scrollbar-thumb {
    background: #FF0000;
   }
}
    
.h1-none{
opacity: 0;
height: 0;
font-size: 0;
margin: 0;
}

h2{
font-size: 4rem;
font-weight: 500;
letter-spacing: -5px;  
line-height: 4rem;
    padding-top: 3rem;
    color: #2c2c2c;
font-family: Montserrat;
}

h3{
font-size: 3rem;
font-weight: 400;
letter-spacing: -4px;  
line-height: 2rem;
padding-top: 2rem;
color: #2c2c2c;
font-family: Montserrat;
}

.text-justify-center{
text-align: justify;
-moz-text-align-last: center;
text-align-last: center;    
}
/* XSmall devices (tablets, 767px max) */
@media screen and (max-width:767px) { 
    
 html{
        font-size: 10px;
        line-height: 16px;
    }
 body{
        font-size: 1.2rem;
        line-height: 1.4;
    }
    
    h2{
        letter-spacing: -3px;
    }
    h3{
        letter-spacing: -2px;
    }

}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width:768px) {
    
    html{
        font-size: 12px;
        line-height: 24px;
    }
    body {

    font-size: 1rem;
    line-height: 1.4;
    }
    

}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {

    html{
        font-size: 12px;
        line-height: 32px;
    }
    
     h2{
        letter-spacing: -4px;
    }
    h3{
        letter-spacing: -3px;
    }
    
    body {
    font-size: 1rem;
    line-height: 1.4;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) { 

}


/*Général*/

.section{
    height: 100vh;
    max-height: 100vh;
    padding: 5rem 0;
}

p{
font-family: Montserrat;
}

.presentation-text p{
font-size: 1.4rem;    
}


em, strong{
    font-style: normal;
    font-weight: unset;
}

.presentation-text{
    font-family: Montserrat;
    font-weight: 300;
    color: #636363;
    font-size: 1.1rem;
    line-height: 2rem;
}

.presentation-text-entete{
    font-family: Montserrat;
    font-weight: 400;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.major-section{
min-height: 100vh;    
}
.text-major-container{
background:url(../images/bkgpt.jpg) repeat;  
}
.text-major{
font-family: Montserrat;
font-weight: 300;
color:#5e5e5e;
font-size: 1.3rem;
line-height: 3rem;
}

.regular-btn{
    text-align: center;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.4rem;
    width: 20rem;
    padding: 1rem 1.5rem;
    /*border: solid 1px #999999;*/
    border-radius: 5px;
    background-color: #183867;
    color: #348fd5;
    transition-duration: 200ms;
}

.regular-btn:hover{
cursor: pointer;
color:#fff;
background-color: #348fd5;
/*border: solid 1px #14639c;*/
transition-duration: 200ms;
}

.regular-btn-most{
    text-align: center;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.2rem;
    width: 20rem;
    padding: 1.5rem .7rem;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    
    box-shadow: 0px 0px 0px 0px rgb(85, 183, 243);
    
background: rgb(13,48,88);
background: -moz-linear-gradient(left, rgb(13,48,88) 0%, rgb(10,79,136) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgb(13,48,88)), color-stop(100%, rgb(10,79,136)));
background: -webkit-linear-gradient(left, rgb(13,48,88) 0%, rgb(10,79,136) 100%);
background: -o-linear-gradient(left, rgb(13,48,88) 0%, rgb(10,79,136) 100%);
background: -ms-linear-gradient(left, rgb(13,48,88) 0%, rgb(10,79,136) 100%);
background: linear-gradient(to right, rgb(13,48,88) 0%, rgb(10,79,136) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3058', endColorstr='#0a4f88', GradientType=1 );

    color: #fff;
    
    -webkit-animation: glowing 5s linear alternate infinite;
    -moz-animation: glowing 5s linear alternate infinite;
    animation: glowing 5s linear alternate infinite;
    transition-duration: 200ms;
}

.regular-btn-most-bottom{
    height: 2px;
    width:100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 20%, rgba(102,200,225,1) 40%, rgba(255,255,255,1) 50%, rgba(102,200,225,1) 60%, rgba(0,0,0,0) 80%);
    background: -webkit-gradient(left top, right top, color-stop(20%, rgba(0,0,0,0)), color-stop(40%, rgba(102,200,225,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(60%, rgba(102,200,225,1)), color-stop(80%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 20%, rgba(102,200,225,1) 40%, rgba(255,255,255,1) 50%, rgba(102,200,225,1) 60%, rgba(0,0,0,0) 80%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 20%, rgba(102,200,225,1) 40%, rgba(255,255,255,1) 50%, rgba(102,200,225,1) 60%, rgba(0,0,0,0) 80%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 20%, rgba(102,200,225,1) 40%, rgba(255,255,255,1) 50%, rgba(102,200,225,1) 60%, rgba(0,0,0,0) 80%);
    background: linear-gradient(to right, rgba(0,0,0,0) 20%, rgba(102,200,225,1) 40%, rgba(255,255,255,1) 50%, rgba(102,200,225,1) 60%, rgba(0,0,0,0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

    background-size: 200% 200%;
    -webkit-animation: movingline 5s linear infinite;
    -moz-animation: movingline 5s linear infinite;
    animation: movingline 5s linear infinite;
}

@-webkit-keyframes movingline {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%; box-shadow: 4px 2px 10px 2px rgb(85, 183, 243);}
    100%{background-position:0% 50%; box-shadow: -4px 2px 10px 2px rgb(85, 183, 243);}
}
@-moz-keyframes movingline {
    0%{background-position:0% 50%; box-shadow: -4px 2px 10px 2px rgb(85, 183, 243);}
    50%{background-position:100% 50%; box-shadow: 4px 2px 10px 2px rgb(85, 183, 243);}
    100%{background-position:0% 50%; box-shadow: -4px 2px 10px 2px rgb(85, 183, 243);}
}
@keyframes movingline {
   0%{background-position:0% 50%; box-shadow: -4px 2px 10px 2px rgb(85, 183, 243);}
   50%{background-position:100% 50%; box-shadow: 4px 2px 10px 2px rgb(85, 183, 243);}
   100%{background-position:0% 50%; box-shadow: -4px 2px 10px 2px rgb(85, 183, 243);}
}
        
        


@-webkit-keyframes glowing{
  0%{box-shadow: 4px 2px 8px 1px rgb(85, 183, 243);}
  50%{box-shadow: -4px 2px 8px 1px rgb(85, 183, 243);}
  100%{box-shadow: 4px 2px 8px 1px rgb(85, 183, 243);}
}


.regular-btn-most:hover{

}

.regular-btn:hover{
cursor: pointer;
color:#fff;
background-color: #348fd5;
/*border: solid 1px #14639c;*/
transition-duration: 200ms;
}

.regular-btn-white{
color:#fff;
border: solid 1px #fff;
}
/*Texte Blanc*/

.h2-white, .h3-white{
color: #fff;
}

.text-upper{
text-transform: uppercase;
}


/*//////////////////////////////// NAVBAR /////////////////////////////*/
/*//////////////////////////////// NAVBAR /////////////////////////////*/


.navbar-logo{
max-width: 5rem;    
}

.navbar-typo{
visibility: hidden;
 transition: filter 0.5s cubic-bezier(0.77,0.2,0.05,1.0) 0.5s;
}

.navbar-typo-visible{
visibility: visible;
 transition: filter 0.5s cubic-bezier(0.77,0.2,0.05,1.0) 0.5s; 
}

#navb{
z-index: 101;
}


.navbar-menu{
position: fixed;
}
    
#menuLogo img{
  transition: filter 0.5s cubic-bezier(0.77,0.2,0.05,1.0) 0.3s; 
}

.menuLogo-white img{
filter: brightness(5) grayscale(100%);    
}
.menuLogo-white .navbar-typo{
visibility: visible;    
}

#menuToggle
{
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 3.2px;
  border-radius: 23%;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2; 
  -webkit-touch-callout: none;
}


#menuToggle span
{
  display: block;
  width: 2.5rem;
  height: 3px;
  border-radius: 23%;
  margin-bottom: 0.58rem;
  position: relative;
  background: #E5342A;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
    
#menuToggle .center{
    width: 2rem;
    height: 3.2px;  
}    
    
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #348fd5;;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-44deg) translate(3px, -4px);
}  

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

  #menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-44deg) translate(0px, -2px);
} 
    
}
 


    /*New 2.0*/
    .navbar-lg{
        position: fixed;
        width: 100%;
        z-index: 98;
        transition-duration: 300ms;
        
    }
    .navbar-lg-background{
        background-color: #212529;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.41);
        transition-duration: 300ms;
    }
    
    .navbar-lg-title{
        z-index: 101; 
        color: #fff;
        transition-duration: 300ms;
        text-transform: uppercase;
    }
    
    .navbar-lg-link:hover{
        color: #348fd5;
        transition-duration: 300ms;
        
    }
    
    .navbar-lg-img{
        filter: grayscale(0) brightness(1.1);
        transition-duration: 300ms;
        max-height: 8rem;
    }
    .navbar-lg-img-down{
        filter: grayscale(0) brightness(1);
        max-height: 6rem;
        transition-duration: 300ms;
    }
    .navbar-lg-img:hover{
        filter:  grayscale(100) brightness(4);
        transition-duration: 300ms;
    }
    
    .navbar-lg-link{
        padding: 1.5rem 0;
        color: #ffffffd9;
        transition-duration: 300ms;
    }
    
    .navbar-lg-in{
        
        width: 2.3em;
        margin: 0 0.5em;
        filter: grayscale(100) brightness(4);
        transition-duration: 300ms;
        
    }
    .navbar-lg-in:hover{
        filter: grayscale(0) brightness(1);
        transition-duration: 300ms;
        
    }
    
    .menu-lg-active, .nav-link-active{
        color:#14639c !important;
    }
    
    .nav-btn-most-bottom{
        height: 2.2px;
        width:0%;
        position: absolute;
        bottom: -9px;
        left: 0;
        background: rgba(0,0,0,0);
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 10%, #14639c 40%, rgba(255,255,255,1) 50%, #14639c 60%, rgba(0,0,0,0) 90%);
        background: -webkit-gradient(left top, right top, color-stop(10%, rgba(0,0,0,0)), color-stop(40%, #14639c), color-stop(50%, rgba(255,255,255,1)), color-stop(60%, #14639c), color-stop(90%, rgba(0,0,0,0)));
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 10%, #14639c 40%, rgba(255,255,255,1) 50%, #14639c 60%, rgba(0,0,0,0) 90%);
        background: -o-linear-gradient(left, rgba(0,0,0,0) 10%, #14639c 40%, rgba(255,255,255,1) 50%, #14639c 60%, rgba(0,0,0,0) 90%);
        background: -ms-linear-gradient(left, rgba(0,0,0,0) 10%, #14639c 40%, rgba(255,255,255,1) 50%, #14639c 60%, rgba(0,0,0,0) 90%);
        background: linear-gradient(to right, rgba(0,0,0,0) 10%, #14639c 40%, rgba(255,255,255,1) 50%, #14639c 60%, rgba(0,0,0,0) 90%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
        
        transition:500ms;
    }
    
    .nav-link-active .nav-btn-most-bottom{
        width:100% !important;
        transition:500ms;
    }
/************************************ END NAVBAR ************************************/

/*Fullscreen Menu*/
.page-blur{
filter: grayscale(100) blur(2px);  
    -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.menu-fullscreen{
position: fixed;
height: 100vh;
background: #1F1F1F;
background-image: url(../images/menubackg.png);
background-size: cover;
z-index: 100;
font-family: Montserrat;
font-size: 2.5rem;
letter-spacing: -2px;
-webkit-user-select: none;
user-select: none;
-webkit-font-smoothing: antialiased;
transform: translate(-100%, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
backdrop-filter: blur(10px) grayscale(80%);
-webkit-backdrop-filter: blur(10px) grayscale(80%);
}

.menu-fullscreen-visible{
transform: translate(0, 0);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);    
}



.menu-link-icon{
opacity: 0;
transition: linear 200ms;
}
.menu-link-icon img{
width:100%;
max-width: 3.5rem;
transition: linear 200ms;
}

.menu-link:hover .menu-titre-link{
color:#E5342A !important;
transition: linear 200ms;
}
.menu-link:hover .menu-link-icon{
opacity: 1;

transition: linear 200ms;
}

.menu-link-active div.menu-titre-link{
cursor:text;
color: #14639c !important;   
}

.menu-link-active:hover div.menu-titre-link{
cursor:text;
color: #14639c !important;   
}
.menu-link-active:hover .menu-link-icon{
opacity: 0; 
}


.titre-social{
font-size: 1.5rem;
color: #686868;
text-transform: uppercase;
font-weight: 500;
}
.titre-social:hover{
color: #ffffff;
}
/**/

/*Heading Blue*/

.blue-section{
position: relative;
}

.container-blue{
background-image: url(../images/pattern.jpg);
background-size: cover;
background-color: #348fd5;  
 
}
.container-green{
background: url(../images/green-pattern.jpg) repeat;
background-color: #47e2a3;  
 
}
.container-blue-pattern{
background: url(../images/quotes.png) no-repeat #14639c;
}

.title-blue-section{
    color: #348fd5;
    font-size: 1.6rem;
    font-family: Montserrat;
    letter-spacing: -1px;
}

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

.title-blue-section{
    font-size: 2.5rem;
} 
    
}
/**/

/*header*/

.header-section{
    font-family: "Montserrat";
    height: auto;
    min-height: 100vh;
}

.header-image-container{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh; 
overflow: hidden;
}

.header-image{
width: 100%;
height: 100%;
background-image: url(../images/test.jpg);
background-color: #000000;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
background-attachment: fixed; 
transition: all 36s ease-out;    
}

.zooom{
-webkit-animation: zooom 35s linear alternate infinite;
        animation: zooom 35s linear alternate infinite;
}

@-webkit-keyframes zooom{
  0%{
    transform: scale(1.1);
    filter: grayscale(100);
    }
    30%{
    filter: grayscale(20);    
    }
    100%{
    filter: grayscale(0); 
    transform: scale(1);
  }
}

@keyframes zooom{
  0%{
    transform: scale(1.1);
    filter: grayscale(100);
    }
    30%{
    filter: grayscale(20);    
    }
    100%{
    filter: grayscale(0); 
    transform: scale(1);
  }
}

.headSent{
    font-size: 3rem;
    color: #fff;
    line-height: 1.1em;
    font-weight: 700;
    
}

.head-text{
    font-size: .9em;
    color: #fff;
    
}
.fourth {
    font-weight: 700;
    color: #14639c;
        
}
.btnHead{
    background-color: transparent;
    font-size: .5em;
    font-weight: 200;
    text-align: center;
    border: #fff solid 1px;
    border-radius: 5px;
    text-transform: uppercase;
    padding: .5em;
    float: right;
    color: #fff;
}

.btnHead:hover{
    background: #ffffff80;
    transition-duration: 200ms;
}
        
.blink {
	-webkit-animation: blink 5s linear infinite both;
	        animation: blink 5s linear infinite both;
}


/*
 * ----------------------------------------
 * animation blink-1
 * ----------------------------------------
 */
@-webkit-keyframes blink{
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes blink{
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}


.zoom {
	-webkit-animation: zoom 200s linear infinite ;
	        animation: zoom 200s linear infinite ;
}

@-webkit-keyframes zoom{
  0%,
  50%,
  100% {
    background-size:auto 120%; 
    background-position: center;
  }
  25%,
  75% {
    background-size:auto 140%; 
    background-position: center;
  }
}
@keyframes zoom{
 0%,
  50%,
  100% {
    background-size: auto 120%; 
    background-position: center;
  }
  25%,
  75% {
    background-size: auto 140%; 
    background-position: center;
  }
}



h3.info-title{
    font-family: Montserrat;
    font-weight: 500;
    color: #14639c;
}

p.info-content{
    margin:0;
    font-family: Montserrat;
    font-weight: 200;
}
.info-block{
    margin: 2em 0;
}

.headSent-contact{
    
color: #7f7f7f;
}


.header-icon{
    width: 4.5rem;
}
.header-text-scroll{
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
}

.btn-mail{
    padding: .5em;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    background-color: #0b191b;
    font-weight: 500;
    font-family: Montserrat;
    text-align: center;
    
}
.btn-mail:hover{
    color: #14639c;
    transition: 200ms;
}
/* Skills*/

.skills-section{
background: #fff;    
}

.skills-section .section-numbdec-icon{
    width: 7.5em;
}

/* Footer*/

.footer-section{
position: relative;
}

@media screen and (min-width: 1200px) { 
.footer-section{
min-height: 100vh;
}
}

.footer-img{
    background-color: #0b191b;
    z-index: 99;
    position: relative;
}

.footer-img img{
    width: 100%;
}
.footer-logo{
    max-width: 6em;
}

.block-footer-section{
font-family: Montserrat;
color: #a6a6a6;
}

.block-footer-section a{
color: #a6a6a6;
}



/* Number secion*/

.nombre-section{
background: url("../images/bkgpt.jpg") repeat;    
}
.number-section{
    background-color: #183867;
    padding: 1.5rem;
    font-family: Montserrat;
}
.number-section-label{
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.number-section-number{
display: block;
font-size: 50px;
color: #348fd5;
}

/*client section*/

.title-section{
    font-family: Montserrat;
    color: #1e3336e6;
    font-size: 3em;
    padding: .5em;
    text-transform: uppercase;
}

.text-section{
    text-align: center;
font-family: Montserrat;
font-weight: 200;
}

.client-img{
width: 100%;
}

.client-section{
    background-image: url(../images/handshake1.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.client-nom{
font-size: 1.5rem;
color: #686868;
text-transform: uppercase;
font-weight: 500;
}
.client-nom:hover{
color: #ffffff;
}


/* End Projet*/

.container-projet{
    background-color: #0b191b;
}

.img-projet{
    width: 100%;
}

.container-projet .title-section{
    color: #fff;
}

.btn-go{
    border: solid #fff 2px;
    text-transform: uppercase;
    color: #fff;
}

/* section presentation */

.container-presentation{
    background-image: url(../images/locaux.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.container-presentation .title-section{
    color: #fff;
}

/*section question*/

.question-viewbox{
height: auto;
    max-height: 100vh;
    overflow: hidden;
}
.question-section, .presentation-section, .client-section{
    padding: 0;
    font-family: Montserrat;
    background-color: #0b191b;
    color: #fff;
}

@media screen and (min-width:768px) {
    
.question-section, .presentation-section, .client-section{
    min-height: 100vh;
    height: auto;
}
}

.white-section{
    background-color: unset;
}

.question-section-qanda{
    
}


.item, .question-item{
    height: 100%;
    min-height: 100vh;
}

.question-one:before{
content: "";
position: fixed;
height: 100%;
width: 100%;
background-size: cover;
background-image: url(../images/qual.jpg);
filter: opacity(.4);
background-position: center;
}
.question-two:before{
content: "";
position: fixed;
height: 100%;
width: 100%;
background-size: cover;
background-image: url(../images/city.jpeg);    
filter: opacity(.4);
background-position: center;
}
.question-tree:before{
content: "";
position: fixed;
height: 100%;
width: 100%;
background-size: cover;
background-image: url(../images/profit.jpeg);     
filter: opacity(.4);
background-position: center;
}



.question-question, .question-reponse{
    color:#fff;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: Montserrat;
    font-weight: 200;
    width: 100%;
    
}

.question-question{
display: block;
}

.question-info{
    font-size: 1.1rem;
    margin-top: 5rem;
    cursor: pointer;
    margin-bottom: 3rem;
}

.question-reponse{
    display: none;
}
.question-visible{
    
}
.question-visible .question-reponse{
    display: block;
}
.question-visible .question-question{
    display: none;
}

/*section fact chiffres */
.fact-section{
    padding: 3em 0;
}
.section-numbdec-icon{
    width:100%;
    max-width: 7.5em;
}

/* Section Poids lourd*/

.moyen{
max-width:10rem;
}

/*Vehicule*/

.vehicule-viewbox{
height: auto;
    max-height: 80vh;
    overflow: hidden;
}

.vehicule-title{
z-index: 2;    
}

.vehicule-one:before{
content: "";
position: fixed;
height: 100%;
width: 100%;
background-size: cover;
background-image: url(https://www.dafbbi.com/~/media/images/daf%20trucks/online%20truck%20configurator/background/backgroundvisual.jpg);     
filter: opacity(.7);
background-position: center;   
}

.vehicule-two:before{
content: "";
position: fixed;
height: 100%;
width: 100%;
background-size: cover;
background-image: url(https://wallpapercave.com/wp/wp3279463.jpg);     
filter: opacity(.7);
background-position: center;   
}


.vehicule-info-item{
border-right: solid 1px #ffffff;
}

.vehicule-image{
max-width: 9rem;
height: 5rem;
}

.btn-vehicule{
width: 80%;
text-align: center;
border-radius: 10px;
border: solid 2px;
padding: .5rem 0;
max-width: 17rem;
}

.vehicule-item{
    height: 100%;
    min-height: 80vh;
    position: relative;
}

.vehicule-subtitle{
position: absolute;
left: 0;
right: 0;
top: 50%;
    
}

/* correction */

.container{
overflow: hidden;    
}

.owl-carousel{
z-index: 0;    
}
.owl-carousel .owl-item, .owl-carousel.wide-slider, .owl-carousel.wide-slider .owl-stage, .owl-carousel.wide-slider .owl-stage-outer{
max-height: 100%; 
height: 100%;
min-height: 100vh;
  -ms-touch-action: auto;
        touch-action: auto;
}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}

.backfilter{

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.16) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.16) 80%,rgba(0,0,0,0) 100%);
height: 100%;
width: 100%;

}

.backfilterblack{

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background:#0009;;
opacity: 0.85;
height: 100%;
width: 100%;

}
.backfilterlogo{
background-image: url(../images/Logo/typo.svg);
width: 100%;
height: 100%;
max-height: 10rem;
background-repeat: no-repeat;
background-position: center;
filter: grayscale(100) brightness(5);
}


/*////////// QUICK SOLUTION SECTION//////*/

.quick-solution-section{
position: relative;
min-height: 100vh;    
}
.quick-solution-back{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/interior.jpeg);
background-size: cover;
background-position: center;
filter: blur(4px);
}
.quick-items{
background-color: #1229394d;
transition: ease-in 200ms;
}
.quick-items:hover{
cursor: pointer;
background-color: #14639c;
transition: ease-in 200ms;

}

.quick-item-text{
opacity: 0;
transform: scale(0);
transition: ease-in 200ms;
}

.quick-item-text-visible{
opacity: 1;
transform: scale(1);
transition: ease-in 200ms;    
}

.quick-item-swap{
transform: translateY(0) !important;
transition: ease-in 200ms !important;  
}

.quick-items .title-blue-section, .quick-items .section-numbdec-icon{
transform: translateY(4rem) ;
transition: ease-in 200ms ;
}

.quick-close-btn{
height: 37px;
width: 37px;
border: 1px solid #ffffff;
border-radius: 20px;
text-align: center;
line-height: 32px;
margin: auto;
transition: ease-in 200ms;  
}

.quick-close-btn:hover{
cursor: pointer;
background-color: #ffffff80;
transition: ease-in 200ms;  
}


/*//////Footer Square///*/

        .square{
            padding: 0;
            position: relative;
        }
        .square-section{
            padding: 0;
        }
        .square-bg{
            background: url(../images/lorryWeb.jpg);
            background-size: cover;
            background-position: center;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
        .square:nth-of-type(2) .square-bg{
            background: url(../images/contact.jpg);
            background-size: cover;
        }
        .square-color{
        background: #183867; 
        transition: ease-in 200ms;
        width: 100%;
        height:auto;
        position: relative;
        }

        

        
        
        .square-inner{
        background:#183867;
        height: 250px;
        width: 250px;
        
        }
        

        @media screen and (min-width:767px) { 
            .square-color{
            height:100%;
            }
            
            .square-section{
            min-height: 100vh;
            }
            
        .square-color:hover .square-inner{
        background:#283139; 
        height: 200px;
        width: 200px;
        transition: 300ms ease-in-out 100ms;
        }
           
        .square-color:hover{
        cursor: pointer;
        background: transparent; 
        transition: ease-in 200ms; 
        }
        }
        


/*404 Page*/
.error-section.menu-fullscreen{
transform: translate(0, 0);
}
.menu-titre-red{
color:#E5342A;
}

.error-section .presentation-text{
font-size: 1.3rem;
letter-spacing: 0px;  
color: #c5c5c5;
}

.error-section .text-white{
color:#474747 !important;    
}