body, html {
	margin:0;
	padding:0;
	overflow-x: hidden;
	width: 100%;
}
.breadcrumb {
	display: none!important;
}
.breadcrumb-container {
	display: none!important;
}
#main {
	margin-top: 0px!important;
}
.footer-wrapper {
	z-index: 2;
	position: relative;
}
.primary-content {
	padding-bottom: 0;
	margin-bottom: 0;
}
.MyContent a {
	outline: 0;
}
.MyContent {
	width: 100%;
	display: block;
	position: relative;
	max-width: 1250px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #000;
	text-align: center;
}

@media only screen and (max-width:1249px) {
.MyContent {
	overflow: hidden;
}
}
.MyContent * {
	-webkit-user-select: none; /* Chrome, Opera, Safari */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
.MyContent .MyBlock {
	display: block;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.MyContent .anchor-name {
	display: none;
}
.MyContent h1 {
	display: inline-block;
	font-family: ClarinsRegular, Clarins;
	font-size: 50px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 1;
}
.MyContent .HiddenText {
	display: none;
}
.MyContent h1 span {
	display: inline-block;
}

@media only screen and (max-width:761px) {
.MyContent h1 {
	font-size: 35px;
}
}
.MyContent .BtnLink {
	margin: 0;
	padding: 0;
	font-size: 0;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	/*border-bottom: 1px solid #e5e5e5;*/
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
}
.MyContent p.TextLink {

}
.MyContent p.TextLink a{
	text-decoration:none;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;
	font-size:11px;
	text-transform:uppercase;
	border-bottom:1px solid rgba(0,0,0,0.5);
	line-height:1em;

}

.MyContent .VideoLink a {
	display: inline-block;
	position: relative;
z-index: 1;
}
.MyContent .VideoLink a img {
	display: block;
	position: relative;
	max-width: 100%;
}
.MyContent .VideoLink a::after {
	content: " ";
	position: absolute;
	display: block;
	bottom: 15px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-image: url("img/video-play.png");
	background-repeat: no-repeat;
}
/*------------------------------------------------------------*/
.MyContent .Bottom {
	 margin-top:40px;
	 background-image:url(img/banner-bottom.jpg);
	 height:300px;
	 display:flex;
	 justify-content:center;
	 align-items:flex-end;
	 flex-direction:column;
	 max-width:1170px;
	 box-sizing:border-box;
	 padding-right:60px;
	 margin-left:auto;
	 margin-right:auto;
}
@media only screen and (max-width:1023px) {
	.MyContent .Bottom {
	background-image: url(img/banner-bottom-mobile.jpg);
	background-size: 100vw auto;
	height: 39vw;
	padding-right: 5vw;
}
}

.MyContent .Bottom h3{
	 /*font-size:50px;*/
	 font-size:40px; /* Custom DTW */
	 font-weight:normal;
	 margin:0;
	 padding:0;
	 color:#000;
	 font-family:ClarinsRegular,Clarins;
	 max-width:443px;
	 padding-top:80px;
	 background-image:url(img/banner-bottom-products.png);
	 background-repeat:no-repeat;
	 background-position:center top;
	 line-height:1em;
}
@media only screen and (max-width:1023px) {
	.MyContent .Bottom h3{
		/*font-size: 24px;*/ /*Custom DTW */
		background-image: none;
		width: 50vw;
		text-align: left;
		background-size: 100vw auto;
		max-width: 50vw;
		padding-top: 0;
	}
}
.MyContent .Bottom p{
	 margin:0;
	 padding:0;
	 color:#000;
	 max-width:443px;
	 text-align:center;
	 width:100%;
	 padding-top:15px;
	 line-height:1em!important;
}
@media only screen and (max-width:1023px) {
	.MyContent .Bottom p{
		width: 50vw;
		text-align: left;
		max-width: 50vw;
		 padding-top:5px;
	}
}

/*-------------------------------------------------*/
.MyContent .Sticky{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: 76px;
	border-top: #eeeeee 1px solid;
	border-bottom: #eeeeee 1px solid;
	background: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 80%, #eeeeee 100%);
	clear: both;
	display: flex;
	justify-content:center;
	align-items:center;
}
.MyContent .Sticky p{
	margin:0px;
}
.MyContent .Sticky p:nth-child(1) img{
	height:60px;
	width:auto;
	margin-left:20px;
}
.MyContent .Sticky p:nth-child(2){
	text-align:left;
	padding-left:20px;
	flex:1;
	font-size:12px;
}
.MyContent .Sticky .ProductPrice{
	margin-right:20px;
}
.MyContent .Sticky .BtnLink{
	margin-right:20px;
}

@media only screen and (max-width:761px) {
.MyContent .Sticky .BtnLink, .MyContent .Sticky .BtnLink a{
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
} 
}
@media only screen and (max-width:761px) {
.MyContent .Sticky{
	flex-wrap:wrap;
	/*height: 150px;*/
}
.MyContent .Sticky p:nth-child(1) img{
	margin-left:0px;
}
.MyContent .Sticky p:nth-child(2){
	font-size:10px;
	line-height:12px;
	padding-left:10px;
}
.MyContent .Sticky p:nth-child(3){
	flex-basis:80px;
	
}
.MyContent .Sticky div:nth-child(4){
	flex-basis:100%;
	text-align:center;
	
}
.MyContent .Sticky .product-quickshop{
	display:inline-block;
}

}
/*------------------------------------------------------------*/

@media only screen and (max-width:761px) {
.MyContent .jcarousel-pagination{
	bottom:0px;
	margin:0!important;
}
.MyContent .jcarousel{
	padding-bottom:40px;
}
}
/*------------------------------------------------------------*/
.MyContent .MyFirstScreen{
	text-align:center;
	overflow:hidden;
}
@media only screen and (min-width:1250px) {
.MyContent .MyFirstScreen{
	text-align:center;
	width:2000px;
	margin-left:-375px;
}
}

.MyContent .MyFirstScreen h1{
	display:none;
}
.MyContent .Background{
	
}
@media only screen and (max-width:1249px) {
.MyContent .Background{
	text-align:center;
    width: 2000px;
    margin-left: calc(50% - 1000px);
}
}
.MyContent .FloatingBox{
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	max-width:300px;
}
.MyContent .MyFirstScreen p{
	font-size:16px;
	font-weight:normal;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	display:block;
}
.MyContent .MyFirstScreen p.BtnLink {
	padding-top: 25px;
	margin-bottom: 50px;
}

@media only screen and (max-width:1249px) {
.MyContent .MyFirstScreen p.BtnLink {
	padding-top: 15px;

}
}
/*--------------------------------------------------------------*/
.MyContent .NavContainer {
	padding-bottom: 0px;
	z-index: 2;
	position: relative;
}

@media only screen and (max-width:761px) {
.MyContent .NavContainer {
	min-height: 72px;
	margin-top: 0px;
}
.MyContent .NavContainer h1 {
	top: 36px;
	padding: 0px;
	width: calc(100% - 140px);
	font-size: 11px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	position: absolute;
	left: 70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
}
.MyContent .NavContainer .BreadCrumb {
	text-align: center;
	display: block;
	font-size: 0px;
}

.MyContent .NavContainer .BreadCrumb .NavBullet {
	color: #be0f34;
	text-decoration: none;
	font-size: 14px;
	position: relative;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #be0f34;
	background-color: #FFF;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-left: 9px;
	margin-right: 9px;
}
.MyContent .NavContainer .BreadCrumb .NavBullet::before {
	content: " ";
	right: 100%;
	position: absolute;
	width: 10px;
	height: 1px;
	bottom: 50%;
	background-color: #be0f34;
}
.MyContent .NavContainer .BreadCrumb .NavBullet:first-child::before {
	display: none;
}
.MyContent .NavContainer .BreadCrumb .NavBullet::after {
	content: " ";
	left: 100%;
	position: absolute;
	width: 10px;
	height: 1px;
	bottom: 50%;
	background-color: #be0f34;
}
.MyContent .NavContainer .BreadCrumb .NavBullet:last-child::after {
	display: none;
}
.MyContent .NavContainer .BreadCrumb .Selected {
	color: #FFF;
	background-color: #be0f34;
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin-left: 5px;
	margin-right: 5px;
}
.MyContent .NavContainer .BreadCrumb .LipsPicto {
	-webkit-background-image: url(img/lips.png);
	background-image: url(img/lips.svg);
	background-size:22px 22px;
	background-position:center center;
	background-repeat: no-repeat;
}
.MyContent .NavContainer .BreadCrumb .LipsPicto.Selected {
	-webkit-background-image: url(img/lips-white.png);
	background-image: url(img/lips-white.svg);
	background-size:22px 22px;
	background-position:center center;
	background-repeat: no-repeat;
}
.MyContent .HomeBtn {
	display: block;
	padding:20px;
}
.MyContent .HomeBtn a{
	font-size:60px;
	font-family:ClarinsRegular, Clarins;
	color:#000;
	border-bottom:0px solid;
	line-height:1em;
	text-decoration:none;
	
}
@media only screen and (max-width:761px) {
.MyContent .HomeBtn a{
	font-size:40px;
}
}
.MyContent .HomeBtn img{
	    display: block;
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

}
.MyContent .BackBtn {
	display: none;
}
.MyContent .ScreenContainer {
	width: 100vw;
	margin-left: calc(625px - 50vw);
	background-color: #FFF;
	display: block;
	height: calc(100vh - 211px);
	min-height: 690px;
	position: relative;
	overflow: visible;
	z-index: 1;
	-webkit-backface-visibility: hidden;
}

@media only screen and (max-width:1249px) {
.MyContent .ScreenContainer {
	width: 100%;
	margin-left: 0;
	min-height: 557px;
}
}



@media only screen and (max-width:761px) {
.MyContent .ScreenContainer {
	margin-left: 0;
	min-height: 10px;
	height: auto!important;
}
}
.MyContent .ScreenBlock {
	position: absolute;
	top: 0px;
	left: calc(50% - 625px);
	width: 1250px;
	opacity: 0;
	display: block;
	-webkit-transition: left ease-in-out 1s, opacity ease-in-out 0.5s;
	transition: left ease-in-out 1s, opacity ease-in-out 0.5s;
	z-index: 2;
	overflow: hidden;
	height: 100%;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
}
.MyContent .ScreenBlock .Wrapper {
	position: absolute;
	left: calc(50% - 625px);
	max-width: 1250px;
	width: 100%;
	/*-------------------------*/
	top: 0;
}

@media only screen and (max-width:1024px) {
.MyContent .ScreenBlock .Wrapper {
	top:0;
}
}
@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .Wrapper h2+p{
	margin-left:20px;
	margin-right:20px;
}
}
.MyContent .ScreenBlock .Wrapper ul.PolaListe{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0;
	padding: 0;
	margin: 0;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom:20px;
}
@media only screen and (max-width:1249px) {
.MyContent .ScreenBlock .Wrapper ul.PolaListe {
	max-width: 100vw;
}
}
@media only screen and (max-width:1023px) {
.MyContent .ScreenBlock .Wrapper ul.PolaListe {
	max-width: 720px;
}
}
@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .Wrapper ul.PolaListe {
	max-width: 320px;
}
}

.MyContent .ScreenBlock .Wrapper ul.PolaListe li {
	display: inline-block;
	width: auto;
	vertical-align: top;
	font-size: 11px;
	position: relative;
	text-align: center;
}

.MyContent .ScreenBlock h2 {
	margin: 0;
	padding: 30px;
	font-family: ClarinsRegular, Clarins;
	font-size: 35px;
	line-height: 1em;
	font-weight: normal;
	display: block;
	text-align: center;
	padding-bottom:20px;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock h2 {
		font-size: 25px;padding: 20px;
}
}

.MyContent .ScreenBlock p {
	font-size:16px;
	line-height:1.4em;
	margin:0;
}

.MyContent .BackgroundVisual{
	width: 100vw;
	min-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 100vh;
	position: relative;
	-webkit-transform: translateZ(0) translateY(-140px);
	-webkit-backface-visibility: hidden;
	transform: translateZ(0) translateY(-140px);
	backface-visibility: hidden;
	background-position: top left, top right;
	background-image: url(img/background-left.jpg), url(img/background-right.jpg);
	background-repeat: no-repeat, no-repeat;
	background-size: auto 100%;
}

@media only screen and (max-width:1249px) {
	.MyContent .BackgroundVisual {
		margin-left: calc(50% - 625px);
	}
}

@media only screen and (max-width:761px) {
	.MyContent .BackgroundVisual {
		display:none!important;
	}
}


 @keyframes FadeIn {
 0% {
opacity:0;
}
 40% {
opacity:0;
}
 50% {
opacity:1;
}
 98% {
opacity:1;
}
 100% {
opacity:0;
}
}
.MyContent .ScreenBlock[data-selected="0"] {
	left: 100%;
	left: calc(50% - 625px);
}
 @keyframes hideFromRight {
0% {
left:calc(50% - 625px);
opacity:1;
}
99% {
left:100%;
opacity:0;
}
100% {
left:calc(50% - 625px);
opacity:0;
}
}
@keyframes hideFromLeft {
0% {
left:calc(50% - 625px);
opacity:1;
}
99% {
left:-1250px;
opacity:0;
}
100% {
left:calc(50% - 625px);
opacity:0;
}
}
.MyContent .ScreenBlock[data-selected="hideFromRight"] {
	animation: hideFromRight 0.5s ease-in-out;
}
.MyContent .ScreenBlock[data-selected="hideFromLeft"] {
	animation: hideFromLeft 0.5s ease-in-out;
}
.MyContent .ScreenBlock[data-selected="1"] {
	left: calc(50% - 625px);
	opacity: 1;
	z-index: 3;
}
.MyContent a.PolaroidBtn {
	font-size: 0px;
	background-color: #FFF;
	padding: 0px;
	display: inline-block;
	padding-bottom: 60px;
	position: relative;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
	margin: 2px;
	opacity:0;
	transform:translateX(100%);
	transition:opacity ease-in-out 0.2s, transform ease-in-out 0.8s;
		font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}

.MyContent ul li:nth-child(1) a.PolaroidBtn{transition-delay:0.4s;}
.MyContent ul li:nth-child(2) a.PolaroidBtn{transition-delay:0.8s;}
.MyContent ul li:nth-child(3) a.PolaroidBtn{transition-delay:1.2s;}
.MyContent ul li:nth-child(4) a.PolaroidBtn{transition-delay:1.6s;}
.MyContent ul li:nth-child(5) a.PolaroidBtn{transition-delay:2s;}
.MyContent ul li:nth-child(6) a.PolaroidBtn{transition-delay:2.4s;}
.MyContent ul li:nth-child(7) a.PolaroidBtn{transition-delay:2.8s;}
.MyContent ul li:nth-child(8) a.PolaroidBtn{transition-delay:3.2s;}
.MyContent ul li:nth-child(9) a.PolaroidBtn{transition-delay:3.6s;}

.MyContent ul + ul li:nth-child(1) a.PolaroidBtn{transition-delay:1.6s;}
.MyContent ul + ul li:nth-child(2) a.PolaroidBtn{transition-delay:2s;}
.MyContent ul + ul li:nth-child(3) a.PolaroidBtn{transition-delay:2.4s;}

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


}
.MyContent .ScreenBlock[data-selected="1"]  a.PolaroidBtn {
	opacity:1;
	transform:translateX(0);
}
@media only screen and (max-width:761px) {
.MyContent .ScreenBlock[data-selected="1"]  a.PolaroidBtn {
	animation-name:AnimPolaFromLeft;
	animation-duration:1s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:both;
}
.MyContent ul li:nth-child(1) a.PolaroidBtn{animation-delay:0.4s;}
.MyContent ul li:nth-child(2) a.PolaroidBtn{animation-delay:0.8s;}
.MyContent ul li:nth-child(3) a.PolaroidBtn{animation-delay:1.2s;}
.MyContent ul li:nth-child(4) a.PolaroidBtn{animation-delay:1.6s;}
.MyContent ul li:nth-child(5) a.PolaroidBtn{animation-delay:2s;}
.MyContent ul li:nth-child(6) a.PolaroidBtn{animation-delay:2.4s;}
.MyContent ul + ul li:nth-child(1) a.PolaroidBtn{animation-delay:1.6s;}
.MyContent ul + ul li:nth-child(2) a.PolaroidBtn{animation-delay:2s;}
.MyContent ul + ul li:nth-child(3) a.PolaroidBtn{animation-delay:2.4s;}
}
@keyframes AnimPolaFromLeft{
	0%{
		transform:translateX(100%);
		opacity:0;
	}100%{
		transform:translateX(0);
		opacity:1;
	}
}
@media only screen and (max-width:761px) {
.MyContent a.PolaroidBtn  {
	max-width:150px;
	transition:none;
/*padding:0;*/
}

}
.MyContent a.PolaroidBtn img {
	display: block;
	position: relative;
	max-width: 100%;
	transform:scale(1);
	transition:transform 0.5s ease-in-out;
}

.MyContent a.PolaroidBtn span {
	overflow: hidden;
	display:inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align:middle;
}
.MyContent a.PolaroidBtn:hover::before{
	content:" ";
	border:2px solid #edaf80;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:4;
	box-sizing:border-box;
}
.MyContent a.PolaroidBtn:hover img{

	transform:scale(1.05);
}
.MyContent a.PolaroidBtn span.TextPola {
	font-size: 11px;
	display: block;
	line-height: 16px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	padding: 10px;
	bottom: 30px;
	text-align: center;
	text-decoration: none;
	left: 0;
	text-transform: uppercase;
	width: calc(100% - 20px);
}

.MyContent #Texture-01 {
	width: 1600px;
	height: 773px;
	left: calc(50% - 800px);
	top:0;
}


/*///////////////////////////////////////////////////////////*/

/*----------------------- SCREEN - 02 ----------------------*/
.MyContent .Screen-02 .Wrapper ul li{
font-size:0;
}

.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn{
	padding:10px;
	margin:10px;
	text-decoration:none;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn{
	margin:5px;
}
}
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn .TextPola{
	color:#000;
	margin-top:10px;
}
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img{
	width:100%;
	max-width:188px;
}
@media only screen and (max-width:1249px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img{
	width:100%;
	max-width:15vw;
}
}
@media only screen and (max-width:1023px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img{
	width:100%;
	max-width:200px;
}
}
@media only screen and (max-width:761px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img{
	width:100%;
	max-width:120px;
}
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(1) .PolaroidBtn{
	background-color:#ffe7d9;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(1) .PolaroidBtn::before{
	border-color:#ffe7d9;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(2) .PolaroidBtn{
	background-color:#ffd6bf;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(2) .PolaroidBtn::before{
	border-color:#ffd6bf;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(3) .PolaroidBtn{
	background-color:#f1b99e;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(3) .PolaroidBtn::before{
	border-color:#f1b99e;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(4) .PolaroidBtn{
	background-color:#c5835f;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(4) .PolaroidBtn::before{
	border-color:#c5835f;
}

.MyContent .Screen-02 .Wrapper ul li:nth-child(5) .PolaroidBtn{
	background-color:#804936;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(5) .PolaroidBtn::before{
	border-color:#804936;
}
@media only screen and (max-width:1023px) {
.MyContent .Screen-02 .Wrapper ul {
	max-width: 480px;
}
}

/*----------------------- SCREEN - 03 ----------------------*/
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn{
	padding:10px;
	margin:10px;
	text-decoration:none;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn {
	margin:5px;
}
}
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn img{
	width:100%;
	max-width:208px;
}
@media only screen and (max-width:1249px) {
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn img{
	max-width:158px;
}
}
@media only screen and (max-width:1023px) {
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn img{
	max-width:138px;
}
}
@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn img{
	max-width:120px;
}
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(1) .PolaroidBtn{
	background-color:#FFF;
	color:#fcc3b2;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(2) .PolaroidBtn{
	background-color:#FFF;
	color:#f3d0b5;
}

.MyContent .Screen-03 .Wrapper ul li:nth-child(3) .PolaroidBtn{
	background-color:#FFF;
	color:#f0c493;
}

.MyContent .Screen-03 .Wrapper ul li:nth-child(4) .PolaroidBtn{
	background-color:#FFF;
	color:#e5e5e5;
}



/*----------------------- SCREEN - 04 ----------------------*/
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn{
	background-color:#FFF;
	width:311px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:20px;
	box-sizing:border-box;
	text-decoration:none;
	color:#c0c2c2;
	position:relative;
}
@media only screen and (max-width:1249px) {
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn{
	padding:12px;
}
}

@media only screen and (max-width:1023px) {
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn{
	flex-direction:column;
	height: 130px;
	max-width:200px;
}
}
@media only screen and (max-width:761px) {
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn{
	max-width:150px;
}
}
.MyContent .Screen-04 .BtnLink{
	  /*display:none;*/
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn.Disabled{
	background-color:#e8e8e6;
	color:#c0c2c2;
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn.Selected {
	background-color:#e2a882;
	color:#FFF;
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn.Selected .num {
	font-size: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #FFF;
	line-height: 1em;
}
.MyContent .Screen-04 .Wrapper ul li a.PolaroidBtn span.Pictos{
	text-decoration:none;
	width:98px;
	text-align:center;
	height:70px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:70px 70px;
}
@media only screen and (max-width:1023px) {
.MyContent .Screen-04 .Wrapper ul li a.PolaroidBtn span.Pictos{

}
}
.MyContent .Screen-04 .Wrapper ul li a.PolaroidBtn span.TextPola{
	text-align:left;
	text-decoration:none;
	width:auto;
		color:#c0c2c2;
}
@media only screen and (max-width:1023px) {
.MyContent .Screen-04 .Wrapper ul li a.PolaroidBtn span.TextPola{
		text-align:center;
}
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn.Selected span.TextPola{
	color:#FFF;
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn::before{
	border-color:#e2a882;
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(1) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R1.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(2) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R2.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(3) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R3.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(4) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R4.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(5) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R5.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(6) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R6.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(7) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R7.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(8) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R8.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(9) a.PolaroidBtn span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R9.svg);
}


.MyContent .Screen-04 .Wrapper ul li:nth-child(1) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R1-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(2) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R2-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(3) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R3-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(4) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R4-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(5) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R5-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(6) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R6-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(7) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R7-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(8) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R8-over.svg);
}
.MyContent .Screen-04 .Wrapper ul li:nth-child(9) a.PolaroidBtn.Selected span.Pictos{
	background-image:url(img/polaroids/pola-Q3-R9-over.svg);
}
.MyContent .Screen-04 ul li:nth-child(1) a.PolaroidBtn{transition-delay:0.2s;}
.MyContent .Screen-04 ul li:nth-child(2) a.PolaroidBtn{transition-delay:0.4s;}
.MyContent .Screen-04 ul li:nth-child(3) a.PolaroidBtn{transition-delay:0.6s;}
.MyContent .Screen-04 ul li:nth-child(4) a.PolaroidBtn{transition-delay:0.8s;}
.MyContent .Screen-04 ul li:nth-child(5) a.PolaroidBtn{transition-delay:1s;}
.MyContent .Screen-04 ul li:nth-child(6) a.PolaroidBtn{transition-delay:1.2s;}
.MyContent .Screen-04 ul li:nth-child(7) a.PolaroidBtn{transition-delay:1.4s;}
.MyContent .Screen-04 ul li:nth-child(8) a.PolaroidBtn{transition-delay:1.6s;}
.MyContent .Screen-04 ul li:nth-child(9) a.PolaroidBtn{transition-delay:1.8s;}
/*----------------------- SCREEN - 05 ----------------------*/
.MyContent .Screen-05 .Legende{
	display:flex;
	max-width:566px;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;
	font-size:11px;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-05 .Wrapper{
	padding:20px;
	width:calc(100% - 40px)!important;

}
.MyContent .Screen-05 .BtnLink{
	margin-top:20px;
}
}

.MyContent .Screen-05 .Legende span:first-child{
	text-align:left;
	width:50%;
	flex:1;
}
.MyContent .Screen-05 .Legende span:last-child{
	text-align:right;
	width:50%;
	flex:1;
}

.MyContent .Screen-05 .Preview{
	max-width:566px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.MyContent .Screen-05 .Preview .Layer_Background{
	position:relative;
	display:block;
}
.MyContent .Screen-05 .Preview .Layer_Full_Coverage{
	position:absolute;
	display:block;
	opacity:0;
	top:0;
	left:0;
	width:100%;
}
.MyContent .Screen-05 .Preview .Layer_Satin_Finish{
	position:absolute;
	display:block;
	opacity:0;
	top:0;
	left:0;
	width:100%;
}

.MyContent .Screen-05 .Preview img{
	max-width:100%;
	position:relative;
	display:none;
}

.MyContent .Screen-05 .DragCursor{
	padding-top:12px;
	padding-bottom:12px;
	position:relative;
	height:7px;
	display:block;
	max-width:566px;
	margin-left:auto;
	margin-right:auto;
		cursor:pointer;
}
.MyContent .Screen-05 img{
	pointer-events: none;
}
.MyContent .Screen-05 .DragCursor .Barre{
	margin:0px;
	position:relative;
	display:block;
	width:100%;
	height:7px;
	pointer-events: none;
}
.MyContent .Screen-05 .DragCursor .Cursor{
	position:absolute;
	top:2px;
	left:0px;
	z-index:2;
	pointer-events: none;

}
/*----------------------- SCREEN - 06 ----------------------*/
.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn{
	margin:10px;
	text-decoration:none;
	padding-bottom:0;
}

@media only screen and (max-width:761px) {
	.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn{
	max-width:280px;
}
.MyContent .Screen-06 .Wrapper ul li{
	display:block!important;
}	
}
.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn img{
	width:100%;
	max-width:374px;
}
@media only screen and (max-width:1249px) {
.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn img{
	max-width:30vw;
}	
}
@media only screen and (max-width:761px) {
.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn img{
	max-width:100vw;
}	
}
.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn .TextPola{
	margin:0;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	font-size:22px;
	line-height:1em;
	text-transform:uppercase;
	color:#000;
	bottom:auto;
}
.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn .TextPola em{
	display:block;
	font-size:11px;
	font-style:normal;
}
/*----------------------- SCREEN - 07 ----------------------*/

.MyContent .BackgroundVisual.AnimScreen-07{
	display:none!important;
}

/*--------------------------------------------------------*/
@media only screen and (max-width:761px) {
.MyContent .ScreenBlock {
	position: relative!important;
	top: auto!important;
	left: auto!important;
	width: 100%!important;
	display: none;
	padding-bottom: 30px;
	-webkit-transition: none;
	transition: none;
}
.MyContent .ScreenBlock[data-selected="1"] {
	top: auto!important;
	left: auto!important;
	opacity: 1;
	z-index: 3;
	display: block;
}
.MyContent .ScreenBlock .Wrapper {
	position: relative!important;
	top: auto!important;
	left: auto!important;
	-webkit-transform: none!important;
	transform: none!important;
	width: 100%;
}
}
.MyContent .Action {
	display: none;
}
/*----------------------- SCREEN - PRODUCTS ----------------------*/
.MyContent .ProductScreen[data-selected="1"]{
	height:auto;
	position:relative;
	-webkit-transform:none;
	transform:none;
	width:100%;
	left:auto;
}

.MyContent .ProductScreen[data-selected="1"] .Wrapper {
	position:relative;
	-webkit-transform:none;
	transform:none;
	margin-left:auto;
	margin-right:auto;
	left:auto;
}
.MyContent .Packshot{
	position:relative;
	display:inline-block;
	vertical-align:middle;	
}

.MyContent .Packshot img{
	position:relative;
}
@media only screen and (max-width:1023px) {
.MyContent .Packshot img{
	max-width:350px;
}
}
@media only screen and (max-width:761px) {
	.MyContent .Packshot {
margin-left: auto;
margin-right: auto;
max-width:334px;
display: block;
}
.MyContent .Packshot img{
	max-width:100%;
}
}
.MyContent .Packshot span{
	position:absolute;
	font-size:12px;
	right:0;
	top:0;
	line-height:1em;
}
@media only screen and (max-width:761px) {
.MyContent .Packshot span{
	font-size:10px;
}
}
.MyContent .ProductInfos{
	vertical-align:middle;
	position:relative;
	display:inline-block;

	max-width:407px;
	text-align:left;
	margin:20px;

}
@media only screen and (max-width:1023px) {
.MyContent .ProductInfos{
	max-width:350px;
}
}
@media only screen and (max-width:761px) {
.MyContent .ProductInfos{
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:calc(100% - 40px);
	text-align:center;
}
}
.MyContent .ProductInfos h3{
	margin:0;
	padding:0;
	font-size:30px;
	border-bottom:0px solid;
	text-transform:none;
	line-height:1em;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
}
@media only screen and (max-width:761px) {
.MyContent .ProductInfos h3{
font-size:18px;
}
}
.MyContent .ProductInfos .BtnLink{
	margin-top:20px;
	margin-bottom:20px;
}

.MyContent .ProductInfos .Text{
	margin:0px;
	padding:0px;
	padding-top:20px;
}
@media only screen and (max-width:761px) {
.MyContent .ProductInfos .Text{
font-size:14px;
}
}
.MyContent .ProductInfos .Logos {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	/*display: flex;*/  /* DTW- PH */
	/* flex-wrap: wrap; */
	justify-content: center;
}
.MyContent .ProductInfos .Logos img{
max-width:100%;
margin-right:5px;
}
.MyContent .ProductInfos .Logos img:last-child{
margin-right:0px;
}

.MyContent .ProductInfos .Mentions{
	font-size:11px;
	padding-top:5px;
	opacity:0.5;
}

.MyContent .ProductInfos .Title{
	margin:0px;
	text-transform:uppercase;
	padding-top:20px;
	padding-bottom:20px;
		font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}
.MyContent .ProductInfos ul.CheckBox{
	font-size:14px;
	color:#FFF;
	padding:20px;
	margin:0;
	list-style:none;
	box-sizing:border-box;
	padding-top:12px;
		background-color:#e5a47c;
}
@media only screen and (max-width:761px) {
.MyContent .ProductInfos ul.CheckBox{
	max-width:760px;
}
}
.MyContent .ProductInfos ul.CheckBox  li{
	display:block;
	text-align:left;
	padding-left:40px;
	background-image:url(img/checkbox.png);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:14px;
	padding-top:8px;
	margin-top:8px;
}
/**********************************/
.MyContent .Wrapper .HowToApply{
	padding:50px;
	background-position:top center;
	padding-bottom:40px;
	background-image:url(img/howtoapply/texture.jpg);
	width: 1500px;
	margin-left: -175px;
}
@media only screen and (max-width:1249px) {
.MyContent .Wrapper .HowToApply{
	margin-left: calc(50% - 800px);
}
}


.MyContent .Wrapper .HowToApply.Powder {
	background-image:url(img/howtoapply/texture-powder.jpg);
}
.MyContent .Wrapper .HowToApply.Cushion {
	background-image:url(img/howtoapply/texture-cushion.jpg);
}
.MyContent .Wrapper .HowToApply.Fluid {
	background-image:url(img/howtoapply/texture-fluid.jpg);
}
.MyContent .Wrapper .HowToApply.SkinIllusionFluid {
	background-image:url(img/howtoapply/texture-skinillusionfluid.jpg);
}
.MyContent .Wrapper .HowToApply.SkinIllusionMineral {
	background-image:url(img/howtoapply/texture-skinillusionmineral.jpg);
}
.MyContent .Wrapper .HowToApply.PoreMatite {
	background-image:url(img/howtoapply/texture-porematite.jpg);
}
.MyContent .Wrapper .HowToApply.WhitePlus {
	background-image:url(img/howtoapply/texture-whiteplus.jpg);
}

.MyContent .Wrapper .HowToApply.EverLasting {
	background-image:url(img/howtoapply/texture-everlasting.jpg);
}

@media only screen and (max-width:1023px) {
.MyContent .Wrapper .HowToApply {
	margin-left: 0;
	width: calc(100% - 40px);
	padding: 20px;
	background-color:#faf3ec;
	background-image:none!important;
}
}
.MyContent .Wrapper .HowToApply h3{
	margin:0;
	padding:0;
	font-size:35px;
	font-family:ClarinsRegular, Clarins;
	color:#000;
	border-bottom:0px solid;
	line-height:1em;
	font-weight:normal;
}
.MyContent .Wrapper .HowToApply .Title{
	text-transform:uppercase;
	color:#be0f34;
	font-size:16px;
	padding:25px;
}
.MyContent .Wrapper .HowToApply .WhiteBox{
	background-color:#fdfcfc;
	max-width:768px;
	padding:50px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}
.MyContent .Wrapper .HowToApply.SkinIllusionMineral .WhiteBox{
	background-image:url(img/box-poudrelibre.png);
	padding-left: 195px;
	text-align: left;
	padding-right: 0;
	padding-bottom: 80px;
	background-repeat:no-repeat;
}
@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply .WhiteBox{
	background-image:none!important;
	padding: 20px!important;
	margin:0px!important;
	width:auto!important;
}
}
.MyContent .Wrapper .HowToApply .WhiteBox p.Mentions{
	color:#8b8b8b;
	font-size:12px;
	padding-top:20px;
}

.MyContent .Wrapper .HowToApply.SkinIllusionMineral .Mentions{
	padding-left:60px;
}

.MyContent .Wrapper .HowToApply.EverLasting .WhiteBox p.Text::before{
    color: #e5a47c;
    font-size: 150px;
    font-family: ClarinsRegular, Clarins;
    content: "“";
    display: inline-block;
    height: 70px;
    line-height: 150px;
    vertical-align: bottom;
    overflow: hidden;
margin-top: -45px;
}


@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply .WhiteBox p.Mentions{
	padding:0px!important;
	padding-top:20px!important;
	text-align: center;
}
}
.MyContent .Wrapper .HowToApply .WhiteBox p.Text{
		font-family:ClarinsRegular, Clarins;
		padding-left:60px;
		padding-right:60px;
		font-size:20px;
		line-height:1em;
		position:relative;
		display:block;
}
@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply .WhiteBox p.Text{
	padding:0px!important;
	text-align:center;
	padding-top:50px!important;
}
}
/*.MyContent .Wrapper .HowToApply .WhiteBox p.Text::before{
	content: "“";
	color: #e5a47c;
	font-size: 150px;
	position: absolute;
	top: -30px;
	left: 0;
	line-height: 150px;
}*/
@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply .WhiteBox p.Text::before{
	top: -30px;
	left: calc(50% - 28px);
}
}
.MyContent .Wrapper .HowToApply ul{
	display:flex;
	margin:0;
	padding:0px;
	justify-content:center;
	align-items:flex-start;
	list-style:none;
}
@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply ul{
flex-direction:column;
align-items:center;
margin:20px;
}
}

.MyContent .Wrapper .HowToApply ul li{
	display:flex;
	margin:0;
	padding:0px;
	justify-content:center;
	align-items:flex-start;
	flex-direction:column;
	height:300px;
	flex-wrap:wrap;
	width:323px;
}

@media only screen and (max-width:761px) {
	.MyContent .Wrapper .HowToApply ul li{

	width:280px;
}

	.MyContent .Wrapper .HowToApply ul li:last-child {
text-align:right;
align-items: flex-end;
margin-top: -60px;
}
.MyContent .Wrapper .HowToApply ul li:last-child .Visual{
	order:2;
}
}

.MyContent .Wrapper .HowToApply ul li .Title{
	font-family:ClarinsRegular, Clarins;
	color:#000;
	font-size:18px;
	text-transform:none;
	text-align:left;
	padding:0;
	line-height:1em;
	margin:0;
}
@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply ul li .Title{
	max-width:200px;
}
.MyContent .Wrapper .HowToApply ul li:last-child .Title{
		text-align:right;
}
}
.MyContent .Wrapper .HowToApply ul li .Text{
	color:#000;
	font-size:14px;
	text-transform:none;
	text-align:left;
	padding:0;
	margin:0;
	margin-bottom:20px;
}
@media only screen and (max-width:761px) {
.MyContent .Wrapper .HowToApply ul li .Text{
	max-width:200px;
}
.MyContent .Wrapper .HowToApply ul li:last-child .Text{
		text-align:right;
}
}
/**********************************/
.MyContent .Ingredient {

	background-repeat:no-repeat;
	background-position:top center;
	max-width:768px;
	margin-left:150px;
	margin-right:auto;
	height:650px;
}

.MyContent .Ingredient.Acerola {
	background-image:url(img/ingredient/ingredient-acerola.jpg);
	margin-left:0px;
}
@media only screen and (max-width:1023px) {
.MyContent .Ingredient.Acerola {
	background-position: top 0px left 80px;
	background-size: 250px auto;
	padding-top: 70px !important;
}
}
.MyContent .Ingredient.Bambou {
	background-image:url(img/ingredient/ingredient-bambou.jpg);
	height:700px;
	max-width:980px;
	width:980px;
	margin-left:0;
}
@media only screen and (max-width:1023px) {
.MyContent .Ingredient.Bambou {
	background-size: 260px auto;
	min-height: 250px;
	background-position: top left 120px;
	width: 100% !important;
	max-width: 250px;
}
}
.MyContent .Ingredient.Quinoa {
	background-image: url(img/ingredient/ingredient-quinoa.jpg);
	max-width: 1250px;
	padding-top: 20px;
	margin-left: 0px;
	background-position: top right;
	width: 1250px;
}
@media only screen and (max-width:1023px) {
	
.MyContent .Ingredient.Quinoa {
	background-size: 500px auto;
	background-position: top -60px left -70px;
	padding-top: 60px !important;
	padding-right: 0px !important;
	width: 260px !important;
	padding-left: 60px !important;
}
}
.MyContent .Ingredient.Janie {
	background-image: url(img/ingredient/ingredient-janie.jpg);
	max-width: 600px;
	background-position: right top;
	height: 740px;
	width: 600px;
		margin-left: 0px;
}
@media only screen and (max-width:1023px) {
	.MyContent .Ingredient.Janie {
		background-size: 130px auto;
	}
}
.MyContent .Ingredient.AlgueRose {
	background-image: url(img/ingredient/ingredient-alguerose.jpg);
	max-width: 900px;
	width: 900px;
	background-position: top left 150px;
	margin-left: 0px;
}
@media only screen and (max-width:1023px) {
.MyContent .Ingredient.AlgueRose {
	background-size: 400px;
	background-position: top -20px left 100px;
	padding-top: 80px !important;
	width: 100% !important;
	padding-left: 10px !important;
	max-width: 320px;
}
}
.MyContent .Ingredient.Avoine {
	background-image: url(img/ingredient/ingredient-avoine.jpg);
	max-width: 980px;
	width: 980px;
	background-position: top right;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:1023px) {
.MyContent .Ingredient.Avoine {
	background-position: top -50px left -72px;
	background-size: 400px auto;
	padding-top: 85px !important;
}
}
.MyContent .Ingredient.Acacia {
	background-image: url(img/ingredient/ingredient-acacia.jpg);
	max-width: 620px;
	width: 620px;
	background-position: top right;
	margin-left: 0px;
}
@media only screen and (max-width:1023px) {
.MyContent .Ingredient.Acacia {
    background-size: 100px auto;
    background-position: top right;

}
}

.MyContent .Ingredient.Chicoree {
	background-image: url(img/ingredient/ingredient-chicoree.jpg);
	max-width: 800px;
	width: 800px;
	background-position: top 30px right;
	margin-left: 0px;
}

@media only screen and (max-width:1249px) {
	.MyContent .Ingredient.Chicoree {
	max-width: 1120px;
	width: 100%;
	background-position: bottom 29px left 200px;
	margin-left: 0px;
	margin-left: auto;
	margin-right: auto;
	background-size: auto 550px;
	}
}
@media only screen and (max-width:1023px) {
	.MyContent .Ingredient.Chicoree {
	background-position: top center;
	background-image: url(img/ingredient/ingredient-chicoree-mobile.jpg);
	width: 100% !important;
	min-height: 680px !important;
	background-size: auto;
	box-sizing: border-box;
	padding: 0 !important;
	}
}

.MyContent .Ingredient.Acerola-2 {
	background-image: url(img/ingredient/ingredient-acerola-2.jpg);
	margin-left: 100px;
}
.MyContent .Ingredient h3 {
	margin: 0;
	padding: 0;
	font-size: 35px;
	text-align: right;
	line-height: 1em;
	font-family: ClarinsRegular, Clarins;
	font-weight: normal;
	padding-top: 235px;
	width: 310px;
	padding-right:60px;
}
.MyContent .Ingredient.Janie h3{
	padding-top: 100px;
	padding-right: 100px;
}
.MyContent .Ingredient.Avoine h3{
	padding-top: 185px;
}
.MyContent .Ingredient.Acacia h3{
	padding-top: 135px;
}
.MyContent .Ingredient.Acerola-2 h3{
	padding-top: 305px;
	width: 280px;
}
@media only screen and (max-width:1023px) {
	.MyContent .Ingredient {
		width: 200px!important;
		padding: 0!important;
		padding-right: 120px!important;
		margin: 0!important;
		margin-left: auto!important;
		margin-right: auto!important;
		height:auto!important;

	}
}
@media only screen and (max-width:1023px) {
	.MyContent .Ingredient h3 {
		padding: 0!important;
		padding-top:30px!important;
		font-size: 25px;
		width: 160px!important;
	}
	.MyContent .Ingredient.Chicoree h3{
	width: 270px  !important;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px !important;
}
}
.MyContent .Ingredient h3 strong{
	font-size:2.8em;
	text-align:right;
	display:block;
	margin-top:-0.10em;
	line-height:1em;	
	font-weight:normal;
	margin-right:-0.61em;
	color:#be0f34;
}
.MyContent .Ingredient p.Text {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 1.4em;
	font-weight: normal;
	padding-top:0px;
	width: 270px;
	padding-left:80px;
	padding-right:20px;
	font-size:14px;
}
@media only screen and (max-width:1023px) {
	.MyContent .Ingredient p.Text {
		padding: 0!important;
		width: 200px!important;
	}
	.MyContent .Ingredient.Bambou p.Text {
		padding: 0 !important;
		width: 180px !important;
		padding-left: 10px !important;
	}

.MyContent .Ingredient.Chicoree p.Text {
    padding: 0 !important;
    width: 180px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 140px !important;
}
}
.MyContent .Ingredient.Acerola-2 p.Text {
	width: 250px;
}
/**********************************/
.MyContent .ClarinsTips {
	background-repeat: no-repeat;
	background-position: top center;
	width: 648px;
	padding-top: 130px;
	margin-top: -440px;
	margin-left: 810px;
	z-index: 2;
	position: relative;
	margin-bottom: 40px;

}

@media only screen and (max-width:1023px) {
	.MyContent .ClarinsTips {
		padding:0px!important;
		margin:0px!important;
		margin-bottom: 40px!important;
		width:auto!important;
		padding-top:220px!important;
		background-position: top center!important;
	}
}
.MyContent .ClarinsTips.BBskin {
	background-image: url(img/clarinstips/clarinstips-BBskin.jpg);
		margin-left:638px;
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.BBskin {
	background-position: top 40px center !important;
	padding-top: 140px !important;
	background-size: 400px auto;
}
}
.MyContent .ClarinsTips.Quinoa {
	background-image: url(img/clarinstips/clarinstips-quinoa.png);
	padding-bottom: 170px;
	margin-bottom: 40px;
	margin-left: 620px;
	margin-top: -480px;
}
@media only screen and (max-width:1023px) {
	.MyContent .ClarinsTips.Quinoa {
background-size: 300px auto;
    padding-top: 100px !important;
    background-position: top 20px center !important;

}
}
.MyContent .ClarinsTips.Quinoa .IngredientName{
	position: absolute;
	font-size: 12px;
	/*bottom: 20px;*/
	bottom: 35px; /* Custom DTW */
	right: 72%;
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.Quinoa .IngredientName {
	right: 50%;
	padding-right: 45px;
	text-align: right;
	bottom: auto;
	top: 10px;
}
}
.MyContent .ClarinsTips.Package {
	background-image: url(img/clarinstips/clarinstips-package.png);
	width: 950px;
	padding-top: 80px;
	padding-bottom: 120px;
	margin-left: 500px;
	margin-top: -360px;
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.Package {
	background-size: 250px;
	padding-top: 180px !important;
	background-position: top 20px center !important;
}
}
.MyContent .ClarinsTips.Formule {
	background-image: url(img/clarinstips/clarinstips-formule.jpg);
	width: 600px;
	margin-top: -600px;
	margin-bottom: 150px;
	background-position: top left;
	padding-top: 170px;
	margin-left:630px;
	padding-bottom: 40px;
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.Formule {
	padding-top: 150px !important;
	background-position: top 20px center !important;
}
}
.MyContent .ClarinsTips.Mineral {
	background-image: url(img/clarinstips/clarinstips-formulemineral.png);
	padding-top: 240px;
	margin-left: 790px;
	width: 680px;
	background-position: top center;
}
@media only screen and (max-width:1249px) {
.MyContent .ClarinsTips.Mineral {
	background-image: url(img/clarinstips/clarinstips-formulemineral.png);
	padding-top: 240px;
	margin-left: auto;
	width: 450px;
	background-position: top center;
	margin-top:-300px;
}
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.Mineral {
	background-image: url(img/clarinstips/clarinstips-formulemineral-mobile.png);
	padding-top: 180px !important;
}
}
.MyContent .ClarinsTips.Plantain {
	background-image: url(img/clarinstips/clarinstips-plantain.png);
	padding-top: 80px;
	width: 450px;
	background-position: top left;
	padding-left: 180px;
	margin-top: -280px;
	margin-left: auto;
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.Plantain {
	background-position: top 60px center !important;
}
}
.MyContent .ClarinsTips.Salicorne {
	background-image: url(img/clarinstips/clarinstips-salicorne.jpg);
	padding-top: 180px;
	width: 33%;
	background-position: bottom left;
	padding-left: 0px;
	margin-top: -480px;
	margin-left: auto;
	padding-bottom: 120px;
	margin-bottom: 0;
	padding-right: 40px;
	margin-right: 0;
}
.MyContent .ClarinsTips.Salicorne .IngredientName {
	position: absolute;
	font-size: 12px;
	top: 0px;
	right: 20px;
	width: 200px;
	text-align: right;
}
@media only screen and (max-width:1023px) {
.MyContent .ClarinsTips.Salicorne .IngredientName {
	top: 40px;
	left: 50%;
	right:auto;
	width: 120px;
	text-align: left;
	padding-left: 60px;
}
}
.MyContent .ClarinsTips.WhitePlus {
	background-image: url(img/clarinstips/clarinstips-whiteplus.jpg);
	padding-top: 0px;
	width: 450px;
	background-position: top 120px right;
	padding-left: 0px;
	margin-top: -470px;
	margin-left: 790px;
	padding-bottom: 290px;
}


.MyContent .ClarinsTips.EverLasting {
	background-repeat: no-repeat;
	background-position: top left 43px;
	background-image: url(img/clarinstips/clarinstips-everlasting-drop.jpg);
	width: 668px;
	padding-top: 365px;
	margin-top: -650px;
	margin-left: 760px;
	z-index: 2;
	position: relative;
	margin-bottom: 40px;
}
@media only screen and (max-width:1249px) {
.MyContent .ClarinsTips.EverLasting {
	width: 1024px;
	padding-top: 365px;
	margin-top: -650px;
	margin-left: auto;
	z-index: 2;
	position: relative;
	margin-bottom: 40px;
	margin-right: auto;
	background-position: top right 0px;
}
}
@media only screen and (max-width:1023px) {

.MyContent .ClarinsTips.EverLasting {
    background-image: none;
    background-size: auto 220px;
    margin-top: -466px !important;
}
}
.MyContent .ClarinsTips .WrapperTips{
	max-width:300px;
	margin-left:0;
	padding:30px;
	background-color:#e5a47c;
	color:#fff;
	text-align:center;
}
@media only screen and (max-width:1249px) {
	.MyContent .ClarinsTips .WrapperTips{
	margin-left:auto;
	margin-right:0;
}
}
@media only screen and (max-width:1023px) {
	.MyContent .ClarinsTips .WrapperTips{
	max-width:375px;
	margin-left:auto;
	margin-right:auto;
}
}
.MyContent .ClarinsTips .WrapperTips h3{
	font-size:24px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:1em;	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
}
.MyContent .ClarinsTips .WrapperTips p{
		margin:0;
	padding:0;
	padding-top:15px;
	font-size:14px;
	
}
/**********************************/
.MyContent .BeautyRoutine {
	border:12px solid #e5a47c;
	padding:40px;
	box-sizing:border-box;
	max-width:1048px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:4;
	background-color: #fff;
}
@media only screen and (max-width:1249px) {
.MyContent .BeautyRoutine {
	width:980px;
}
}
@media only screen and (max-width:1023px) {
.MyContent .BeautyRoutine {
	width:768px;
}
}
@media only screen and (max-width:761px) {
.MyContent .BeautyRoutine {
	width:100%;
	padding:20px;
}
}
.MyContent .BeautyRoutine h3{
	margin:0;
	padding:0;
	font-size:35px;
	border-bottom:0px solid;
	text-transform:none;
	line-height:1em;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
	color:#000;
	padding-bottom:30px;
}

@media only screen and (max-width:761px) {
.MyContent .BeautyRoutine h3{
	font-size:25px;
}
}
.MyContent .BeautyRoutine  h4{
	margin:0;
	font-size:16px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;
	border-bottom:0px solid;
	line-height:1em;
	font-weight:normal;
}
.MyContent .BeautyRoutine  h4 span.num{
		font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
		font-size:31px;
		display:block;
		padding-bottom:10px;
		color:#e5a47c;
		line-height:1em;
}
.MyContent .BeautyRoutine  p.Visual{
		font-size:14px;
		margin:20px;
}
.MyContent .BeautyRoutine  p.Text{
	/*min-height:40px;*/
	height: 50px; /* Custom DTW */
	padding-bottom: 10px; /* Custom DTW */
	font-family:ClarinsRegular, Clarins;
	color:#be0f34;
	font-size:18px;
	max-width: 250px;
margin: 0 auto;
}

.MyContent .BeautyRoutine ul {
	margin:0;
	padding:0;
	display:flex;
	list-style:none;
	justify-content:center;
	align-items:flex-end;
}
@media only screen and (max-width:761px) {

.MyContent .BeautyRoutine ul {
	display:block;
}	
}
.MyContent .BeautyRoutine ul li{
	margin:0;
	padding:0;	
}

/*----------------------------------------------------*/

.MyContent .Screen-04 .Wrapper ul li a.PolaroidBtn span.TextPola {
    color: #5a5151;
}

.MyContent .TextEnd {
	padding: 30px;
	text-align: center;
	margin: 0px;
	/*margin-top: 30px;*/
}
@media only screen and (max-width:1023px) {
.MyContent .TextEnd {
	margin-top:10px;
	padding-top: 10px;
}
}
@media only screen and (max-width:761px) {
.MyContent .TextEnd {
	margin-top:10px;
	padding-top: 10px;
}
}

.MyContent .TextEnd  a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	border: 2px solid #e5e5e5;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	position: relative;
	background-color: #FFF;
	padding: 11px 30px;
	display: inline-block;
	line-height: 14px;
	margin-top:10px;
}

/* Custom DTW */
@media only screen and (max-width:761px) {
	.MyContent .Bottom h3 {
		font-size: 17px;	
	}
}

@media (min-width: 762px) and (max-width:768px) {
	.MyContent .BeautyRoutine p.Text {
		height: 75px
	}
	.MyContent .ScreenBlock h2.tab-width {
		font-size: 32px;
	}
	.MyContent .ScreenBlock p.tab-width {
		font-size: 14px;
	}
	.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn .TextPola {
		font-size: 17px;
	}
	.MyContent .Screen-06 .Wrapper ul li .PolaroidBtn .TextPola em {
		font-size: 9.5px;
	}
	.MyContent .BeautyRoutine h4 {
		min-height: 73px;
	}
}

@media (min-width: 768px) and (max-width:1024px) {
	.MyContent .ScreenBlock p.tab-width {
		width:35%;
		margin-left:410px;
	}
}
@media (min-width: 1024px) and (max-width:1026px) {
	.MyContent .BeautyRoutine p.Visual img {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 761px) {
.control{
display: none;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.control{
display: none;
}
}





/*-----------------DTW PH--------------*/
img.move-top {
	margin-top: -210px;
}

.MyContent .Ingredient h3 strong {
    font-size: 2.3em;
}

.MyContent .Ingredient p.Text {
	margin-top: 20px;
	}

@media screen and (min-width:1024px) and (max-width:1112px) {
	.MyContent .Ingredient.Janie {
	    margin-left: 27px;
	}
	.MyContent .ClarinsTips.Package {
	    margin-left: 420px;
	    margin-top: -296px;
	}

	.MyContent .ClarinsTips.Package .WrapperTips {
	    margin-right: 577px;
	}
	.MyContent .Ingredient.Acerola-2 {
	    margin-left: 42px;
	}
	.MyContent .ClarinsTips.WhitePlus {
	    margin-left: 646px;
	}
	.MyContent .ClarinsTips.Formule .WrapperTips {
	    margin-right: 180px;
	}

	.MyContent .ClarinsTips.Quinoa .WrapperTips {
	    margin-right: 290px;
	}
	.MyContent .BeautyRoutine p.Visual {
	    margin-left: 40px;
	}
}


@media screen and (max-width:1111px) {	
	.MyContent .BtnLink a {	
	    margin-top: 29px;	
	}	
	.MyContent .BeautyRoutine p.Visual {	
	    margin: 0px;	
	}
	.MyContent .Ingredient.Acerola-2 {
	    background-position-y: center !important;
	}	
}

@media screen and (min-width:781px) and (max-width:1111px) {
	.MyContent .Ingredient h3 strong {
	    font-size: 1.7em;
	}
	.MyContent .Ingredient.Acerola-2 {
    	background-position: bottom -185px left -136px!important;
	}
}
@media screen and (max-width: 761px) {
	img.move-top {
		margin-top: -120px;
	}
	.MyContent .Ingredient.Quinoa h3{
		padding-bottom: 20px;
	}
	/*.MyContent .Ingredient.Acerola-2 {
    	background-position-y: center !important;
	}	*/
	.MyContent .Ingredient h3 strong {
	    font-size: 1.7em;
	}
	.MyContent .Ingredient.Bambou p.Text {
    	margin-top: 20px;
	}
	.MyContent .Ingredient.Acerola-2 {
    	background-position: bottom -185px left -136px!important;
	}
}



@media only screen
 and (max-width : 360px)
 and (max-height : 640px) {
	.MyContent .Ingredient h3 strong {
	    font-size: 1.8em;
	}

	.MyContent .Ingredient h3 {
	    padding-left: 6px !important;
	    padding-bottom: 20px;
	}
	.MyContent .Ingredient.Janie {
    	background-position: right -5px top;
    }
}