.row {
	margin-right: 0px;
    margin-left	: 0px;
	}
	
	.mouse-navigation {
		background: rgb(227,222,216);
		background: linear-gradient(180deg, rgba(227,222,216,1) 0%, rgba(227,222,216,1) 32%, rgba(255,255,255,1) 54%);
	}
	
	.landing-page .landing-bloc-carrousel-visuels {margin-top: -20px!important}

	.product_select {background-color:#fff}

	/*.body {
		background: #e3ded8;
	}*/

	.landing-page {
		background: rgb(227,222,216);
		background: linear-gradient(180deg, rgba(227,222,216,1) 0%, rgba(227,222,216,1) 32%, rgba(255,255,255,1) 54%);
	}

	/*footer {
		background-color: #e3ded8;
	}*/

	a:hover{text-decoration:none!important;}

	.lp-primers {
		max-width:75rem;
		margin: auto;
		margin-top: 20px

	}

	.title-primers {
		font-family: Muli;
		color: #000;
		font-style: italic;
		font-size: 40pt;
		text-transform: uppercase;
		line-height: 40pt;
		font-weight: 900;
	}

	.subtitle-primers {
		font-size: 17pt;
		margin: 25px 0;
	}

	.title-banner {
		font-family: Muli;
		color: #000;
		font-style: italic;
		font-size: 75pt;
		text-transform: uppercase;
		line-height: 65pt;
		font-weight: 900;
		padding-top: 12%;
	}

	.subtitle-banner {
		font-family: Futura-Com-Book;
		color: #fff;
		font-style: italic;
		font-size: 45px;
		text-transform: uppercase;
		margin-left: 3.5%;
		text-align: left;
		margin-top: -47px;
	}
	
	.subtitle-banner-2 {
		font-family: Futura-Com-Book;
		color: #fff;
		font-style: italic;
		font-size: 28px;
		text-transform: uppercase;
		margin-left: 8%;
		text-align: left;
		margin-top: -21px;
		line-height: 1;
	}

	.btn-hdskin {
		text-transform: uppercase;
		color: #000;
		background-color: transparent;
		width: 220px;
		height: 55px;
		font-size: 15pt;
		cursor: pointer;
		font-weight: 300;
		border: solid 1px #000;

	}

	.btn-hdskin:hover {
		background-color: #fff;
		color: #000;
		border: solid 1px #000;
		transition: all 0.2s ease-out;
		-webkit-transition: all 0.2s ease-in;

	}
	
	.content-banner {
		width: 100%;
		cursor: default;
		position: absolute;
		z-index: 10;
		top: 70%;
		left: 50%;
		transform: translate(-50% , -50%);
	}
	
	.content-banner-2 {
		text-align: center;
		width: 100%;
		cursor: default;
		position: absolute;
		z-index: 10;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.content-banner-3 {
		position:absolute;
		width: 35%;
		top: 10%;
		left: 5%;
	}

	.all-primers {
		font-family: Muli;
		color: #000;
		font-style: italic;
		font-size: 30pt;
		text-transform: uppercase;
		line-height: 30pt;
		font-weight: 900;
		margin-top:30px;
	}

	.img-top {
		width: 100%;
		padding: 0 0 30px 20px; 
		
	}

	.landing-bloc-product {display:none}
	.landing-bloc-product-benefices {display:none}
	.landing-bloc-product-application {display:none}


	@media screen and (min-width: 62rem) {
	.home-main {display: none;}
	}

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

	.lp-primers {
		max-width:90%;
	}
	}

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

	.lp-primers {
		max-width:90%;
	}

	.img-top {
		width: 100%;
		padding: 0px 0px 30px 0px; 
	}

	}

	@media (max-width: 768px) {

	.lp-primers {
		max-width:90%;
		margin: auto;
		margin-top : 20px
	}
	.img-top { 
		display:none;
	}

	.title-banner {
		font-size: 50pt;
		line-height: 50pt;
		padding-top:30%;
	}

	.subtitle-banner {
		font-size: 17pt;
		line-height: 20pt;
		margin: 10px 35px 30px 35px;
	}
	
	.subtitle-banner-2 {
		font-size: 17pt;
		line-height: 20pt;
		margin: 10px 35px 30px 35px;
	}

	}

	.logo-watertone {
			text-align: left;
			margin-left : 3.5%;
			width : 46%;
		}
		
		.title-new {
			font-size: 45px;
			color: #fff;
			text-transform: uppercase;
			font-family: Futura-Com-Book;
			font-style: italic;
			text-align: left;
			margin-left: 3.5%;
		}
		
		.title-watertone {
			font-size: 105px;
			color: #fff;
			text-transform: uppercase;
			font-family: Futura-Com-Book;
			font-style: italic;
			text-align: left;
			margin-left: 3%;
			margin-top: -53px;
		}
		
		.title-fearless {
			font-size: 73px;
			color: #fff;
			text-transform: uppercase;
			font-family: Futura-Com-Book;
			font-style: italic;
			text-align: left;
			margin-left: 8%;
			margin-top: -40px;
		}
		
		.subtitle-hdskin {
			font-size: 2.5vw;
			color: #000;
			text-transform: uppercase;
			font-family: Futura-Com-Book;
			font-style: oblique;
			text-align: left;
			line-height: 1.3;
		}

		.subtitle-hdskin-center{
			text-align: left;
		}

		.subsubtitle-hdskin {
			font-size: 33px;
			line-height: 1;
			margin-top: -10px;
		}
		
		.shades {
			position:absolute;
			margin-left:3.5%;
			margin-top: 6%;
			font-size: 80px;
			line-height: 80px;
		}
		
		.shade-finder{
			color : #000;
		}
		
		#description-watertone {
			font-size: 1.2vw;
			color: #000;
			text-transform: initial;
			font-family: Futura-Com-Book;
			font-style: normal;
			font-weight: 300;
			text-align: left;
			margin-top: 30px;
			line-height: 1.5;
		}
		
		#description-watertone ul {
			padding-left: 6%;
			list-style: disc;
			line-height: 90px;
		}
		
		#formula {
			font-size: 20px;
			padding-right: 5%;
			line-height: 1.5;
			height: 170px;
			display: table;
			color: #fff;
		}
		
		#formula span {
			vertical-align:middle;
			display: table-cell;
		}
		
		
		#description-fearless {
			font-size: 45px;
			color: #fff;
			text-transform: uppercase;
			font-family: Futura-Com-Book;
			font-style: normal;
			font-weight: 300;
			text-align: left;
			margin: 0px 33% 0px 3.5%;
			padding-bottom: 40px;
			line-height: 45px;
		}
		
		.btn-viewmore {
			text-transform: uppercase;
			color: #fff;
			background-color: transparent;
			border: 1px white solid;
			width: 270px;
			height: 55px;
			font-size: 12pt;
			cursor: pointer;
			font-weight: 400;
			margin-top: 40px;
		}
		
		.btn-viewmore:hover {
			background-color: #fff;
			color: #000;
			transition: all 0.2s ease-out;
			-webkit-transition: all 0.2s ease-in;
		}
		
		#description-tools {
			font-size: 45px;
			color: #fff;
			text-transform: uppercase;
			font-family: Futura-Com-Book;
			font-style: normal;
			font-weight: 300;
			text-align: left;
			margin: 20px 33% 0px 6%;
			padding-bottom: 40px;
			line-height: 45px;
		}
		
		.no-padding {padding:0}
		
		.bloc-left {
			height:100%;
			padding: 10%;
		}
		
		.bloc-right {
			height:100%;
			padding: 5vw 5vw 5vw 5vw;
		}
		
		.btn-shadefinder {
			text-transform: uppercase;
			color: #000;
			background-color: transparent;
			border: none;
			width: 220px;
			height: 55px;
			font-size: 15pt;
			cursor: pointer;
			font-weight: 300;
			border: solid 1px #000;

		}

		.btn-shadefinder:hover {
			background-color: #000;
			color : #fff;
			transition: all 0.2s ease-out;
			-webkit-transition: all 0.2s ease-in;
		}
		
		.btn-shopnow {
			text-transform: uppercase;
			color: #000;
			background-color: transparent;
			width: 200px;
			height: 45px;
			font-size: 17px;
			cursor: pointer;
			font-weight: 300;
			border: solid 1px #000;
		}

		.btn-shopnow:hover {
			background-color: #000;
			color : #fff;
			border: solid 1px #000;
			transition: all 0.2s ease-out;
			-webkit-transition: all 0.2s ease-in;
		}
		
		.btn-shopnow-black {
			position: absolute;
			text-transform: uppercase;
			color: #000;
			background-color: transparent;
			border: none;
			width: 220px;
			height: 55px;
			font-size: 15pt;
			cursor: pointer;
			font-weight: 300;
			border: solid 1px #000;
			transform: translate(-50%, -50%);
			top: 90%;
			left: 50%;

		}

		.btn-shopnow-black:hover {
			background-color: #fff;
			color : #975c42;
			border: solid 1px #fff;
			transition: all 0.2s ease-out;
			-webkit-transition: all 0.2s ease-in;
		}
		
		.btn-shopnow-2 {
			position: absolute;
			text-transform: uppercase;
			color: #fff;
			background-color: transparent;
			border: none;
			width: 200px;
			height: 45px;
			font-size: 17px;
			cursor: pointer;
			font-weight: 300;
			border: solid 1px #fff;
			transform: translate(-50%, -50%);
			top: 50%;
			left: 80%;

		}

		.btn-shopnow-2:hover {
			background-color: #fff;
			color : #975c42;
			border: solid 1px #fff;
			transition: all 0.2s ease-out;
			-webkit-transition: all 0.2s ease-in;
		}
		
		.img-our-pro {
			background-image: url('../images/LP-hd-skin/img-3.jpg?$staticlink$');
			background-size: cover;
			background-position:center;
		}
		
		.img-focus-onme {
			background-image: url('../images/LP-hd-skin/img-2.jpg');
			background-size: cover;
			background-position:center;
			height : 1000px;
		}
		
		.img-formula {
			background-image: url('../images/LP-watertone/img-1b.jpg?$staticlink$');
			background-size: cover;
			background-position:center;
		}
		
		.img-shade-finder {
			position: relative;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 60%;
		}
		
		.img-tools {
			background-image: url('../images/LP-watertone/img-8b.jpg?$staticlink$');
			background-size: cover;
			background-position:center;
			height : 1000px;
		}
		
		.img-slider-1 {
			background-image: url('../images/LP-hd-skin/carrousel-1.jpg?$staticlink$');
			background-size: cover;
			background-position:center;
			height : 1000px;
		}
		
		.img-slider-2 {
			background-image: url('../images/LP-hd-skin/carrousel-2.jpg?$staticlink$');
			background-size: cover;
			background-position:center;
			height : 1000px;
		}
		
		.img-slider-3 {
			background-image: url('../images/LP-hd-skin/carrousel-3.jpg?$staticlink$');
			background-size: cover;
			background-position:center;
			height : 1000px;
		}
		
		.container-video {
			background: #eee;
			height: 100%;
			overflow: hidden;
			padding: 0;
			position: relative;
		}
		
		.container-video-2 {
			background: #eee;
			height: 100%;
			overflow: hidden;
			padding: 0;
			position: relative;
		}
		
		.bloc-shade {margin:70px;}
		
		.mobile-only {display:none}
		
		.margin-left {margin-left: 3.5%;}

		.sentence-pro {
			margin: 30px 0 10px 0;
 			font-size: 20px;
			color: #000;
			font-family: 'Futura-Com-Book';
		}

		.img-profil-pro {
			float: left;
			width: 50px;
			margin: 0 10px 0 0;

		}

		.name-pro {
			font-size: 17px;
		    color: #000;
    		font-family: 'Futura-Com-Book';
		}
		.insta-pro {
			font-size: 17px;
			text-decoration: underline;
			color: #000;
			font-family: 'Futura-Com-Book';
		}
		
@media screen and (min-width: 1920px) and (max-width: 5000px) {		

	.subtitle-hdskin {font-size: 48px;}

	.bloc-right {
		height: 100%;
		padding: 100px 290px 100px 100px;
	}

	#description-watertone {font-size: 23px;}

	.sentence-pro {font-size: 23px;}
	.btn-shopnow {font-size:17px}
	.img-shade-finder {width:36%}
}

@media screen and (min-width: 1441px) and (max-width: 1919px) {		

	.subtitle-hdskin {
		font-size: 2.5vw;
	}

	.subsubtitle-hdskin {
		font-size: 1.7vw;
	}
	
	#description-watertone {
		font-size: 1.2vw;
	}
	.sentence-pro {font-size: 1.2vw;}
	.btn-shopnow {font-size:0.9vw}

	.img-shade-finder {width:36%}

}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
	
		.bloc-left {
			padding: 10%;
		}

		#description-watertone {
			font-size: 20px;
			margin-top: 30px;
		}
		
		#description-watertone ul {
			line-height: 80px;
		}
		
		#description-fearless {
			font-size: 35px;
		}
		
		#description-tools {
			font-size: 35px;
			margin-top: -20px;
		}
		
		.subtitle-hdskin {
			font-size: 2.5vw;
			line-height: 1.1;
			text-align: left;
		}

		.subsubtitle-hdskin {
			font-size: 1.7vw;
			margin-top: 0px;
		}
		
		
		#formula {
			font-size: 20px;
			line-height: 1.5;
			padding-right: 5%;
			height: 160px
		}
		
		.btn-shopnow-2 {
			width: 200px;
			left: 75%;
		}
		
		.mobile-only {display:none}

		.img-focus-onme {height : 700px;}
		.img-tools {height : 700px;}
		.img-slider-1 {height : 400px;}
		.img-slider-2 {height : 400px;}
		.img-slider-3 {height : 400px;}

		.img-shade-finder {width:46%}
}
		
@media screen and (min-width: 769px) and (max-width: 1200px) {

		.title-new {
			font-size: 35px;
		}
		
		.title-watertone {
			font-size: 65px;
			margin-top: -32px;
		}
		
		.title-fearless {
			font-size: 50px;
			margin-top: -32px;
		}
		
		.subtitle-banner {
		    font-size: 35px;
			margin-top: -25px;
		}
		
		.subtitle-banner-2 {
			font-size: 25px;
			margin-top: -12px;
			margin-left: 8%;
		}

		.content-banner {
			
		}
		
		.content-banner-2 {
		}
		
		.content-banner-3 {
			width: 35%;
		}
		
		.subtitle-hdskin {
			font-size: 2.5vw;
			line-height: 1.3;
		}

		.subsubtitle-hdskin {
			font-size: 1.8vw;
			margin-top : 0px;
		}

		#description-watertone {
			font-size: 1.6vw;
			margin-top: 30px;
		}
		
		#description-watertone ul {
			line-height: 50px;
		}
		
		#description-fearless {
			font-size: 25px;
			line-height: 30px;
		}
		
		#description-tools {
			font-size: 25px;
			margin-top: -20px;
			line-height: 30px;
		}
		
		#formula {
			font-size: 20px;
			line-height: 1.5;
			height: 160px;
			padding-right: 5%;
		}	
		
		.picto {
			width : 80%;
		}
		
		.btn-shopnow {
			width: 180px;
			height: 45px;
			font-size: 1.4vw;
		}
		
		.btn-shopnow-2 {
			width: 150px;
			height: 45px;
			font-size: 1.6vw;
			left:76%;
		}
		
		.btn-shopnow-black {
			width: 180px;
			height: 45px;
			font-size: 1.6vw;
		}
		
		.mobile-only {display:none}
		
		.img-focus-onme 	 {height : 400px;}
		.img-tools 		 {height : 400px;}
		.img-shade-finder {width:230px}
		.img-slider-1 	 {height : 400px;}
		.img-slider-2	 {height : 400px;}
		.img-slider-3	 {height : 400px;}

		.sentence-pro {font-size: 1.6vw;}
		.name-pro {font-size: 1.7vw;}
		.insta-pro {font-size: 1.7vw;}
}


@media screen and (min-width: 769px) and (max-width: 899px) {

		.subtitle-hdskin {
			font-size: 2.5vw;
			line-height: 1.3;
		}
		
		#description-watertone ul {
			line-height: 40px;
		}
		
		#formula {
			font-size: 20px;
			padding-right: 5%;
		}
		
		.mobile-only {display:none}
		
}


@media screen and (min-width: 200px) and (max-width: 768px) {

		.logo-watertone {
			text-align: center;
			width: 90%;
			margin: 40px 30px;
		}
		
		.title-new {
			font-size: 4.7vw;
		}
		
		.title-watertone {
			font-size: 10.7vw;
			margin-top: -21px;
		}
		
		.title-fearless {
			font-size: 9vw;
			margin-top: -25px;
			margin-left: 8%;
		}
		
		.subtitle-banner {
		    font-size: 4.2vw;
			margin-top: -14px;
			margin-left: 4%;
			line-height: 20px;
		}
		
		.subtitle-banner-2 {
			font-size: 4vw;
			margin-top: -6px;
			margin-left: 8%;
			margin-bottom: 21px;
			line-height: 1.2;
		}

		.content-banner {
			
		}
		
		.content-banner-2 {
			bottom: 0%;
			transform: translateY(0%);
			top: auto;
		}

		.content-banner-3 {
			width: 90%;
			margin: 30px 0px;
			padding-bottom: 10px;
			text-align: center;
			top: 0;
		}	
		
		.subtitle-hdskin {
			font-size: 9.3vw;
			line-height: 1.3;
		}
		
		.subtitle-hdskin-center {
			font-size: 7vw;
			line-height: 1.3;
			text-align: center !important;
		}
		
		.bloc-left {padding-top: 5%;}
		.bloc-right {padding: 5%;}
		.btn-viewmore {margin-top: 0px}
		
		
		#description-watertone {
			font-size: 3.8vw;
			margin-top: 30px;
			text-align: center;
		}
		
		#description-watertone ul {
			line-height: 40px;
		}
		
		#description-fearless {
			font-size: 25px;
			line-height: 30px;
		}
		
		#description-tools {
			font-size: 25px;
			margin-top: -20px;
			line-height: 30px;
		}
		
		#formula {
			font-size: 20px;
			line-height: 1.5;
			height: 160px;
			padding-right: 0;
		}	
		
		.picto {
			width : 80%;
		}
		
		.btn-shopnow {
			width: 180px;
			height: 45px;
			font-size: 3.8vw;
		}
		
		.btn-shopnow-2 {
			width: 150px;
			height: 45px;
			font-size: 3.8vw;
			left:76%;
		}
		
		.btn-shopnow-black {
			width: 180px;
			height: 45px;
			font-size: 3.8vw;
		}
		
		.container-video {
			width: 100%;
			height: 125vw;
		}
		
		.container-video-2 {
			width: 100%;
			padding-bottom: 177.7777%;
			margin: auto;
		}
		
		.img-formula {height: 700px;}
		
		
		#formula {
			font-size: 18px;
			line-height: 1.5;
			height : 150px;
		}
		
		.bloc-shade {
			margin:0px;
			padding-bottom: 30px;
			text-align: center;
		}
		
		.mobile-only {display:block;}
		.no-mobile {display:none}

		.margin-mobile-only {
			padding-top: 20px;
			margin-bottom:-20px
		}
		
		.margin-left {margin-left: 5%;}
		
		.shades {
			position: absolute;
			margin-left: 5%;
			margin-top: 5%;
			font-size: 7vw;
			line-height: 50px;
		}

		.description-shade {
			padding : 0px 9vw;
		}

		.subsubtitle-hdskin {
			font-size: 4.5vw;
			margin-top: 5px;
		}

		#description-fearless {
			margin-left: 6%;
		}
		
		#description-tools {width:90%}
		
		.img-tools {height: 530px;}
		.img-shade-finder {width:40%}
		.img-our-pro {height: 310px;}
		.img-slider-1 {height: 140vw;} 
		.img-slider-2 {height: 140vw;} 
		.img-slider-3 {height: 140vw;} 
		.btn-shadefinder {
			width: 190px;
			font-size: 13pt;
		}

		.quotation-pro {
			margin:20px 0
		}
		

		.sentence-pro {
			text-align: center;
			font-size: 3.8vw;
		}

		.name-pro {
			font-size: 3.6vw;
		}

		.profil-pro {
			margin: 10px auto;
    		width: 310px;
		}

		.img-profil-pro {
			float: left;
		    width: 50px;
    		margin: 0 20px 0 0;
		}

		.insta-pro {
			text-decoration: underline;
			font-size: 3.6vw;
		}
}

@media screen and (min-width: 10px) and (max-width: 600px) {

		.img-slider-1 {background-image: url('/images/LP-hd-skin/carrousel-1-mob.jpg?$staticlink$');}
		.img-slider-2 {background-image: url('/images/LP-hd-skin/carrousel-2-mob.jpg?$staticlink$');}
		.img-slider-3 {background-image: url('/images/LP-hd-skin/carrousel-3-mob.jpg?$staticlink$');}

}

@media screen and (min-width: 200px) and (max-width: 430px) {
		.img-focus-onme {
			height : 530px;
			background-image: url('../images/LP-hd-skin/img-2-mob.jpg?$staticlink$');
			background-position-x: 70%;
		}
		
		.img-tools {
			height : 530px;
			background-image: url('/images/LP-hd-skin/img-2-mob.jpg?$staticlink$');
		}
		
		.img-shade-finder {
			width :40%;
			margin : 0px auto;
			transform: inherit;
			top: auto;
			left: auto;
			margin-bottom: -30px;
		}
		
		.shades {font-size: 9.5vw; line-height: 0.9;}
		.subsubtitle-hdskin {font-size: 6.5vw; margin-top:5px;}
		
	}

@media screen and (min-width: 431px) and (max-width: 550px) {

			.img-focus-onme {
				height : 700px;
				background-image: url('../images/LP-hd-skin/img-2-mob.jpg?$staticlink$');
				background-position-x: 75%;
			}
			
			.img-tools {
				height : 700px;
				background-image: url('/images/LP-hd-skin/img-2-mob.jpg?$staticlink$');
			}
			
			.img-shade-finder {
				width :60%;
				margin : 0px auto;
				transform: inherit;
				top: auto;
  				left: auto;
			}
		
}
	
@media screen and (min-width: 451px) and (max-width: 768px) {

			.img-focus-onme {
				height : 830px;
				background-image: url('../images/LP-hd-skin/img-2-mob.jpg?$staticlink$');
				background-position-x: 80%;
			}
			
			.img-tools {
				height : 830px;
				background-image: url('/images/LP-hd-skin/img-2-mob.jpg?$staticlink$');
			}
			
			.img-shade-finder {
				width :50%;
				margin : 0px auto;
				transform: inherit;
				top: auto;
  				left: auto;
				margin-bottom: -20px;
			}
						
}