/*Scrollling_don'touch*/

body{
	background-color: #efefee;
}

header {
  padding: 154px 0 100px;
}

@media (min-width: 992px) {
  header {
    padding: 156px 0 100px;
  }
}


section {
  padding: 75px 0 75px 0;
}


.colFluid p,h1{
	color:#fff;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.contentVertical{
	height:100%;
	padding:50px 0;
}


.vcenter {
    
    display: flex;
    align-items: center;
    justify-content: center;
}

/*custom css*/


p, h1, h2 , h3 , h4 , h5 , h6{
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 32px;
	color: #485560;
}

p{
	font-weight: 100;
	font-size: 32px;
	
}

.nav-item a{
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 23px;
}	


h1{
	font-weight: 300;
	font-size: 45px;
	line-height: 80px;
	text-transform: uppercase;
}

h2{
	font-weight: 200;
	font-size: 45px;
	line-height: 50px;
	color:#eb375c;
	margin-bottom: 25px;
	margin-top: 25px;
	text-transform: uppercase;
}

.fontRegular{
	font-weight: 300;
}


/*Header menu*/

.bg-dark{
	background-color: #485560 !important;
}

 .navbar-collapse{
    width: 100% !important;;
    text-align: center !important;
    margin-left: 5%;
  }

 .navbar-nav {
 	margin:0 auto;
 }

.nav-item{
	font-size: 16px;
	margin-left: 20px;

}

.btn-right{
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 20px;	
	margin-left: 10px;
	border-radius:30px;
	padding: 2px 10px 5px;
}


/*banner*/


.bannerImg{
	margin:0; padding-top:55px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
	width:100%;
}

/*videoexpert*/

#videoExpert{
	background-color: #363534;
	padding:0;
}

/*contamination*/

#contamination{
	background:url('../img/contamination_bg.jpg');
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

#contamination p,h1{
	color:#fff;
}


/*maladies*/


#maladies{
	background-color: #fcc7c8;
}

#maladies li{
	color:#eb375c;
}




/*detection*/


#detection{
	background-color: #fff;
}

#detection li{
	color:#eb375c;
}





/*traitement*/

#traitement{
	background:url('../img/traitement_bg.jpg');
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

#traitement p,h1{
	color:#fff;
}

#traitement li{
	color:#eb375c;
}


.btnTraitement{
	font-size: 40px;
	color:#eb375c;
}

.btnTraitement:hover{
	font-size: 40px;
	color:#ac2442;
}





/*remarque*/

#remarque{
	background-color: #fcc7c8;
}




/*temoignage*/

#temoignage{
	background-color: #363534;
	padding:0;
}


#temoignage02{
	background-color: #363534;
}

#temoignage02 p{
	color: #fff;
}






/*modal fullscreen */



.modal-header{
	border-bottom:none;
	height:20px;
}


.modal-full{
	max-width: 100% !important;
}

.modal-content{
	background-color: #363534 !important;
	width:95%;
	height:10%;
	margin:0 auto;
}
.modal-header button{
	color:#fff;
}

#play-button{
	outline: none;
}

.imgHover:hover{
	opacity: 0.5;
}



.modal-body p{
	color:#fff;
	font-size: 22px;
	line-height: 28px;
	margin-top: 25px;
	margin-bottom: 50px;
}

.vidSection{
	margin-bottom: 25px;
	
}

.vidSection h2{
	font-size: 24px;
	line-height: 26px;
	
}

.vidSection ul li{
margin-bottom: 10px;
color:#eb375c;
	
}

.vidSection ul li p{
margin-bottom: 10px;
}

.vidSection hr{
	border-color:#edeceb;
	margin-bottom: 50px;
}








#btnMore{
	position: fixed;
	bottom:100px;
	z-index: 100;
	right: -200px;
	background-color: #3f4b55;
	border-radius:0 0 0 50px;

}

#textInfo{
	font-size: 25px !important;
	color: #fff;
	padding:10px 25px 0 50px;
	width: 200px;
	line-height: 28px;
}

#textInfo a{
	font-size: 25px !important;
}

#btnIconeMore p{
	position: absolute;
	top:0;
	left:-50px;
	color:#fff;
	background-color: #3f4b55;
	min-width: 60px;
	min-height:60px;
	text-align: center;
	border-radius: 35px 0 0 35px;
	font-size: 25px;
	padding-top: 8px;
}






/* Portrait */
@media only screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	section {
	  padding: 10px 0 10px 0;
	}
	h1,h2,h3,h4,h5,h6,p{
		font-size:150% !important;
	}
	h1,h2{
		line-height:150% !important;
	}

	.btnCertif{
		white-space: normal;
	}
	.btnCertif02{
		white-space: normal;
	}
	.ref{
		font-size:150% !important;
		line-height: 150% !important;
	}
	.btnTraitement{
		font-size:120% !important;
	}
	.bannerImg{
		margin-top: 13%;
	}
	.btn-right{
		margin-top: 3%;
	}
	.footerDesktop{
	display:block;
	}
	.footerDesktop button{
		float:right;
	}
	.footerDesktop a{
		float:right;
		margin-top: 5%;
		margin-right: 1%;
	}

}

@media only screen and (max-width: 321px){
	section {
	  padding: 10px 0 10px 0;
	}
	.bannerImg{
		margin-top: 25%;
	}
		.nav-item a{
		font-size: 120%;
	}
}