/*TEST*/
.container-fluid{
    max-width: none!important;
}
/*END TEST*/

.contact-header{
background-image: url(../images/contact.jpg);
background-size: cover;
}

/*MAP SECTION*/
.map-section{
height: 250px;    
}
/**/

.form-subtitle{
font-size: 2.5rem;
font-weight: 100;    
}
.form-subtitle-none{
display: none;
}
.grecaptcha-badge{
visibility: hidden;
}
.form-section{
display: none;
visibility: hidden;
}

.fullscreen-form{
height: 100vh;
background-color:#010101;;
position: fixed; 
font-family: Montserrat;
transition-duration: 300ms;
left: 0;
top: 0;
z-index: 3;
}  

.section-visible.form-section{
display: block;
visibility: visible;
z-index: 3;
position: relative;
}


.fullscreen-form input, .fullscreen-form textarea{
box-shadow: none;
background-color: unset;
border: none;
border-bottom: 1px solid #b2b2b2;
color: #fff;
width: 100%;
max-width: 100%;
}


.fullscreen-form label{
font-size: 4rem;
color: #cdcdcd;
}

.fullscreen-form input{
font-size: 4.5rem;
}
.fullscreen-form textarea{
font-size: 2.7rem;
resize: none;
box-sizing: border-box;
}


@media screen and (max-width:767px) { 
    
 .fullscreen-form label{
font-size: 2rem;
color: #cdcdcd;
}

.fullscreen-form input{
font-size: 2rem;
}
.fullscreen-form textarea{
font-size: 2rem;
}

}

.fullscreen-form input::placeholder{
color:#474747;;
}

.form-block{
visibility: hidden;
position: absolute;
left: 0;
right: 0;
top: 10rem;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);   
}

.form-current{
visibility: visible;
}

.go-fade-up{
transform: translateY(-350%);
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);       
}

.input-radio{
visibility: hidden;
display: none;
}
.fullscreen-form .section-numbdec-icon{
cursor: pointer;
filter: grayscale(100%);
width: 7rem;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);    
}

@media screen and (max-width:767px) { 
    
.fullscreen-form .section-numbdec-icon{
width: 5rem;    
}
    
}
    
.fullscreen-form .section-numbdec-icon:hover{

filter: grayscale(50%);
}
.input-radio:checked + .section-numbdec-icon{
filter: grayscale(0%);
}

.form-btns-section{
position: absolute;
bottom: 1rem;
left: 0;
right: 0;
}

.errorfield{
color: #d04b4b;
font-size: 2rem;
position: relative;
min-height: 2rem;
}

.next-btn{
padding: 1rem;
margin: 0 auto;
cursor: pointer;
}

#next-btn{
border: 2px #343434 solid;
border-radius: 10px;
transition:200ms cubic-bezier(0.77,0.2,0.05,1.0); 
}

#next-btn.next-btn-valid{
border: 2px #ffffff solid;
-webkit-box-shadow: 0px 5px 12px 0px rgb(85, 183, 243);
-moz-box-shadow: 0px 5px 12px 0px rgb(85, 183, 243);
box-shadow: 0px 5px 12px 0px rgb(85, 183, 243);
transition:200ms cubic-bezier(0.77,0.2,0.05,1.0); 
}

@media screen and (min-width:768px) {
    
.next-btn{

}
    
}
    

.fullscreen-form .validation-btn{
display: none;
width: auto;  
visibility: hidden;
font-size: 1.5rem;
color: #fff;
border-bottom: none;
transition:0.5s cubic-bezier(0.77,0.2,0.05,1.0);     
}
.validation-btn:hover{
color: #fff;
transition: 0.5s cubic-bezier(0.77,0.2,0.05,1.0); 
background-color: #1ddb9f;
}

.close-btn{

}


.regular-btn.form-access-button{
background: #1ddb9f;
color: #fff;
border: 0;
}
.regular-btn.form-access-button:hover{
background: #14639c;
}
/*resumé*/


.fullscreen-form-resume{
position: relative;
padding-top: 1rem;
background-color: #0062d1cc;
transition-duration: 300ms;
height: auto;
} 
.fullscreen-form-resume .form-block{
visibility: visible;
position: relative;
padding: 1rem 0;
top: 1rem;
}

.fullscreen-form-resume .validation-btn{
padding: 2rem;
display: block;
}
.fullscreen-form-resume .form-btns-section{
position: relative;
}

.fullscreen-form-resume .section-numbdec-icon{
width: 3.5rem;
}
.fullscreen-form .title-blue-section{
font-size: 1rem;
} 

.fullscreen-form-resume label{
font-size: 1rem;
}
.fullscreen-form-resume input{
font-size: 1.1rem;
}
.fullscreen-form-resume textarea{
font-size: .9rem;

}

.fullscreen-form-resume .next-btn{
visibility: hidden;

}
.fullscreen-form-resume .validation-btn{
visibility: visible;
}
.fullscreen-form-resume .close-btn{
display: none;
}




/*Form valid */
.fullscreen-form-valid{
transition: 0.5s cubic-bezier(0.77,0.2,0.05,1.0); 
background-color: #1ddb9f;
height: auto;
position: relative;
}
    /**/




/*desk et cv*/

.desk-section{
background-size: cover;
min-height:100vh;
position: relative;
z-index: 1;
}

.container-cv{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;    
}

.container-cv-text{
position: absolute;
    left: 0;
    right: 0;
z-index: 2;    
}

/*///// QUI SOMMMES NOUS/////*/

.qui-section{
background-image: url(../images/coffee.jpeg);
background-size: cover;
height: 100vh;
position: relative;
}
/*wash */
.wash-section{
background-image: url(../images/lavage.jpg);
background-size: cover;
min-height: 100vh;
position: relative;
background-attachment: fixed;
}

.wash-section-top{
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%;
}

.people-section{
background-image: url(https://images.pexels.com/photos/1367271/pexels-photo-1367271.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
background-size: cover;
background-position: center;
background-attachment: fixed; 
position: relative;
}
.container-transparent{
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%); 
}


.maths-addict-section{
background: url(../images/bkgpt.jpg) repeat;
}

.maths-addict-section .presentation-text{
    font-size: 1.4rem;
}

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

.maths-addict-section .presentation-text{
        font-size: 1.1rem;    
    }        
}

/*//////// Services/////*/
.services-header-section{
background-image: url(../images/lorryWeb.jpg);

background-position: center;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
min-height: 100vh;
position: relative;   
}

.backfilterlight{
background: #0000004d; 
position: absolute;
left: 0;
right: 0;
top: 0;
opacity: 0.85;
height: 100vh;
width: 100%;
}

.presentation-text-header{
    font-family: Montserrat;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 2rem;
}

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

.services-header-section{
background-size: 110%;
}
    
}

.mordu-section{
background-image: url(../images/bkgpt.jpg);
min-height: 100vh;
    
}
.tournee-section{
background-image: url(../images/tournee.jpg);   
background-size: cover;
background-attachment: fixed;
min-height: 100vh;
position: relative;
background-position: 0% bottom;
}
.tournee-ponctuelle-section{
background-image: url(../images/ponctuelle.jpg); 
}

.urgence-section{
background-color: #ffffff; 
background-image: unset;
background-size: cover;
min-height: 100vh;
position: relative;
background-position: 0% bottom;
}

.section-urgence-presentation{
z-index: 1;    
}

.moyens-section{
background-color:#348fd5; 
min-height: 100vh;
position: relative;
}

.moyens-section .moyen{
}

.overflow-urgence{
overflow: hidden;
width: 100%;
height: 100%;
bottom: 0;
position: absolute;
z-index: 0;
}
.urgence-btn-section{
position: relative;
z-index: 1;    
}
.pile-palette{
position: absolute;
left: 0;
bottom: 0;
width: 40rem;
z-index:0;
}
.pile-palette img{
width: 100%;    
}
.camion-blc{
position: absolute;
right: -50%;
bottom: -10%;
z-index: 0;
}

.urgence-section .regular-btn{
z-index: 2;
}


/*//////BLUEPRINT SECTION/////*/

.blueprint-section{
min-height: 100vh;
background-color: #283139;
}

@media screen and (min-width:768px) {
    
.blueprint-section{
padding-left: 15rem;
padding-right: 15rem;
}

}


.blueprint-icon{
color: #ec6d5f;  
font-size: 2rem;
font-weight: bolder;
border: solid;
border-radius: 50%;
width: 40px;
height: 40PX;
text-align: center;
}

.bluecascade div:nth-of-type(2) .blueprint-icon{
color: #1fa0e3;    
}
.bluecascade div:nth-of-type(3) .blueprint-icon{
color: #47bfa4;    
}

.blueprint-text-icon{
font-size: 1.2rem;
font-family: Montserrat;
line-height: 2.5;
}

.blueprint-principal{   
}
.blueprint-principal{
opacity: .8;    
}


/*Container news*/
.container-news{
background: #0a5088;
}

/*///////////////////NEW 2.0///////////////*/
/*///////////////////NEW 2.0///////////////*/

.gray-container{
background: #f8f9fa;
}
.wall-container{
background: url(../images/contactwall.jpg) 50% 50% no-repeat #14639c;     
}
.map-container{
background: url(../images/map-image.png) 50% 50% no-repeat #14639c;    
}
.round-icon-services{
width: 100%;
text-align: center;
} 

.round-icon-services img{
max-width: 7rem;
width: 100%;
margin: auto;
}
.devis-btn{
width:100%;
max-width: 32rem;
cursor: pointer;
}
.block-contact{
font-family: Montserrat;
font-size: 1.2rem;
font-weight: 100;

}
.block-contact h4{
color:#585858;
}
             
.vehicule-card-title{
text-transform: uppercase;
font-size: 1.1rem;
color: #ffffff;
}



/* Blog Card*/

.blog-card{
width: 100%; 
background-color: #ffffff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.blog-card:hover {
cursor: pointer;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.blog-img{
width: 100%;
height: auto;
}

.blog-text{
}