#main:not(.main-homepage) {
    margin-top: 0px;
}
.breadcrumb {
    display:none;
}
body, html{
	padding:0;
	margin:0;
	overflow-x:hidden;
}
.MyContent{
	display:block;
	width:100%;
	max-width:1250px;
	min-width:320px;
	margin:0 auto;
}
.MyContent button:not(.not-tabbable):active, 
.MyContent button:not(.not-tabbable):focus {
	outline:0px solid!important;
}
.MyContent .MyBlock{
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	color:#000;
	font-size:16px;
	line-height:22px;
	text-align:center;
}
/*---------------------------------*/
#AROMA-Header{
	background-color:#fff;
	display:flex;
	height:547px;
	justify-content:center;
	align-items:center;
	background-image:url(img/header.jpg);
	background-position:center top;
}
@media screen and (min-width: 1250px) {
#AROMA-Header{
    margin-left: -175px;
    width: 1600px;
}
}
@media screen and (max-width: 1023px) {
	#AROMA-Header{
		background-size: auto 400px;
    	height: 400px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Header{
		background-image:url(img/header-mobile.jpg);
		height:auto;
		padding-top: 164px;
		background-size: auto 164px;
		background-repeat: no-repeat;
	}
}
#AROMA-Header .Wrapper{
	background-color:#fff;
	padding:50px;
	max-width:620px;
	margin-left:400px;
	box-sizing:border-box;
}
@media screen and (max-width: 1023px) {
#AROMA-Header .Wrapper {
    padding: 30px;
	max-width: 600px;
    margin-left: 300px;
}
}
@media screen and (max-width: 761px) {
	#AROMA-Header .Wrapper {
		padding: 30px;
		max-width: 761px;
		margin-left: 0;
		
	}
}
#AROMA-Header h1{
	color:#be0f34;	font-family:ClarinsRegular, Clarins;
	font-size:40px;
	text-align:left;
	margin:0;
	padding:0;
	line-height:1em;
	font-weight:normal;
}
@media screen and (max-width: 1023px) {
	#AROMA-Header h1{
		font-size:30px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Header h1{
		font-size:40px;text-align: center;
	}
}
#AROMA-Header .Title{
	color:#000;	
	font-family:ClarinsRegular, Clarins;
	font-size:50px;	
	text-align:left;
	line-height:1em;
	margin:0;
}
@media screen and (max-width: 1023px) {
	#AROMA-Header .Title{
		font-size:35px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Header .Title{
		font-size:50px;	text-align: center;
	}
}
#AROMA-Header .BtnLink{
	text-align:left;
	padding-top:25px;
}
@media screen and (max-width: 761px) {
	#AROMA-Header .BtnLink{
		text-align: center;
	}
}
/*---------------------------------*/
#AROMA-TextIntro{
	padding-left:40px;
	padding-right:40px;
}
/*---------------------------------*/
#AROMA-TabLinks {
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: block;
	
	padding:30px;
	padding-top:0px;
}
@media screen and (max-width:761px){
	#AROMA-TabLinks {
		
	}
}

#AROMA-TabLinks ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0px;
	
}
@media screen and (max-width:761px){
	#AROMA-TabLinks ul {
		display:block;
	
	}
}
#AROMA-TabLinks ul li {
	flex: 1;
	border: 2px solid #e5e5e5;
	margin: 10px;
	background-color: #FFF;
}
@media screen and (max-width:761px){
	#AROMA-TabLinks ul li {
		margin-top: 0;
		margin-bottom:-2px;
	}	
}
#AROMA-TabLinks ul li.Selected {
	background-color: #FFF;
	border: 2px solid #be0f34;
}

#AROMA-TabLinks ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 47px;
	color: #000;
	text-decoration: none;
	text-align:center;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
#AROMA-TabLinks ul li.Selected a {
	color: #be0f34;
}
@media screen and (max-width:761px){
	#AROMA-TabLinks ul li.Selected {
		border: 2px solid #be0f34;
		background-color: #be0f34;
	}	
	#AROMA-TabLinks ul li.Selected a {
		color: #fff;
	}
}
/*---------------------------------*/
#AROMA-100pNaturalOrigin{
	background-image:url(img/background-1.jpg);
	height:757px;
	background-repeat:no-repeat;
	background-position:top center;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
@media screen and (min-width: 1024px) {
	#AROMA-100pNaturalOrigin{
		margin-left: calc(50% - 800px);
		width: 1600px;
	}
}
@media screen and (min-width: 1250px) {
#AROMA-100pNaturalOrigin{
    margin-left: -175px;
    width: 1600px;
}
}
@media screen and (max-width: 1023px) {
	#AROMA-100pNaturalOrigin{
		background-position: top center;
		height: auto;
		background-image:url(img/background-1-tablet.jpg);
	}
}
@media screen and (max-width: 761px) {
	#AROMA-100pNaturalOrigin{
		background-image:url(img/background-1-mobile.jpg);
	}
}
#AROMA-100pNaturalOrigin .Wrapper{
	background-color:#fff;
	max-width:750px;
	padding:30px 50px;
	margin:50px 0px;
	margin-left:500px;
	box-sizing:border-box;
	text-align:left;
}
@media screen and (max-width: 1249px) {
	#AROMA-100pNaturalOrigin .Wrapper{
		max-width: 650px;
		margin-left: 400px;
	}
}
@media screen and (max-width: 1023px) {
	#AROMA-100pNaturalOrigin .Wrapper{
		margin:0;
		margin-top: 757px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-100pNaturalOrigin .Wrapper{
		margin:0;
		margin-top: 520px;
		padding:20px;
	}
}

#AROMA-100pNaturalOrigin h2{
	color:#e3af2d;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:26px;
	line-height:1em;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	
}
#AROMA-100pNaturalOrigin h2 .Truncatepercent{
	background-image:url(img/100-percent-yellow.png);
	width:249px;
	height:72px;
	font-size:0;
	margin-bottom:10px;
	display:block;
}
#AROMA-100pNaturalOrigin .Title{
	color:#000;	
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	text-align:left;
	margin:0;
	padding:0;
	line-height:1em;
	font-weight:normal;
	margin-top:22px;
}
#AROMA-100pNaturalOrigin .Text-1{
	margin:10px 0;
	font-size:22px;
}
#AROMA-100pNaturalOrigin .Text-2{
	margin:15px 0;
	font-size:16px;
}
#AROMA-100pNaturalOrigin p.ArgText{
	color:#000;	
	text-align:left;
	margin:0;
	margin-top:15px;
	background-image:url(img/check.png);
	background-repeat:no-repeat;
	background-position:top 5px left;

	padding-left:30px;
}
#AROMA-100pNaturalOrigin p.BtnLink{
	margin-top:20px;
}
#AROMA-100pNaturalOrigin .IngredientName{
   font-size:12px;
   position:absolute; text-align:right;
   line-height:1.4em;
}
@media screen and (max-width: 1023px) {
	#AROMA-100pNaturalOrigin .IngredientName{
	transform: translateX(400px);
	width: 100px;
	}
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(1){
  right:calc(50% + 353px);
  top:90px;
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(2){
  right:calc(50% + 530px);
  top:207px;
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(3){
  right: calc(50% + 580px);
  top: 337px;
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(4){
  right: calc(50% + 510px);
  top: 630px;
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(5){
  right: calc(50% + 360px);
  top: 690px;
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(6){
  	text-align:left;
  left: calc(50% - 245px);
  top: 500px;
}
#AROMA-100pNaturalOrigin .IngredientName:nth-child(7){
	text-align:left;
  left: calc(50% - 220px);
  top: 390px;
}
@media screen and (max-width: 761px) {
	#AROMA-100pNaturalOrigin .IngredientName{
	transform: none;
	width: 100px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(1){
		right: calc(50% - 20px);
		top: 30px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(2){
		right: calc(50% + 100px);
   		top: 117px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(3){
		right: calc(50% + 100px);
    	top: 337px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(4){
		right: calc(50% + 80px);
		top: 435px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(5){
		right: calc(50% - 30px);
		top: 480px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(6){
		text-align: left;
		left: calc(50% + 115px);
		top: 335px;
	}
	#AROMA-100pNaturalOrigin .IngredientName:nth-child(7){
		text-align: left;
		left: calc(50% + 105px);
		top: 285px;
	}
}
/*---------------------------------*/
#AROMA-100pPlantsSynergy{
	background-image:url(img/background-2.jpg);
	height:644px;
	background-repeat:no-repeat;
	background-position:top center;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
@media screen and (min-width: 1250px) {
#AROMA-100pPlantsSynergy{
    margin-left: -175px;
    width: 1600px;
}
}
@media screen and (max-width: 761px) {
	#AROMA-100pPlantsSynergy{
		height:auto;
		background-image:url(img/background-2-mobile.jpg);
	}
}
#AROMA-100pPlantsSynergy .IngredientName{
   font-size:12px;
   position:absolute;
}
#AROMA-100pPlantsSynergy .IngredientName:nth-child(1){
  right:calc(50% + 504px);
  top:370px;
  text-align:right;
}
@media screen and (max-width: 761px) {
#AROMA-100pPlantsSynergy .IngredientName:nth-child(1) {
    right: auto;
    left: calc(50% + 40px);
    top: 20px;
    text-align: left;
}
}
#AROMA-100pPlantsSynergy .IngredientName:nth-child(2){
  left:calc(50% + 424px);
  top:200px;
  text-align:left;
}
@media screen and (max-width: 761px) {
	#AROMA-100pPlantsSynergy .IngredientName:nth-child(2){
		left: auto;
    right: calc(50% - 20px);
    top: 780px;
    text-align: right;
	}
}
#AROMA-100pPlantsSynergy .Wrapper{
	background-color:#fff;
	max-width:505px;
	padding:30px 50px;
	margin:50px 0px;
	box-sizing:border-box;
	text-align:left;
}
@media screen and (max-width: 761px) {
	#AROMA-100pPlantsSynergy .Wrapper{
		padding:20px;
		margin:100px 20px;
	}
}
#AROMA-100pPlantsSynergy h2{
	color:#e3af2d;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:26px;
	line-height:1em;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	
}
#AROMA-100pPlantsSynergy h2 .Truncatepercent{
	background-image:url(img/100-percent-yellow.png);
	width:249px;
	height:72px;
	font-size:0;
	margin-bottom:10px;
	display:block;
}
@media screen and (max-width: 761px) {
	#AROMA-100pPlantsSynergy h2{
		font-size:22px;
		margin-top:20px;
	}
}
/*---------------------------------*/
#AROMA-Results{
	background-image:url(img/background-3.jpg);
	height:442px;
	background-repeat:no-repeat;
	background-position:top center;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
}
@media screen and (max-width: 1023px) {
	#AROMA-Results{
		height: 300px;
    	background-size: auto 300px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Results{
		background-image:url(img/background-3-mobile.jpg);
		height:auto;
		background-size: unset;
	}
}
#AROMA-Results .Wrapper{
	background-color:#fff;
	max-width:665px;
	padding:30px 50px;
	margin:50px 0px;
	margin-left:500px;
	box-sizing:border-box;
	text-align:left;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:flex-start;
}
@media screen and (max-width: 1249px) {
	#AROMA-Results .Wrapper{
		margin-left: 400px;
	}
}
@media screen and (max-width: 1023px) {
	#AROMA-Results .Wrapper{
		padding: 30px;
		margin-left: 300px;
		margin-right: 20px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Results .Wrapper{
		padding:0 30px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 350px;
		margin-bottom: 20px;
		width: calc(100% - 40px);
		display:block;
	}
	
}
#AROMA-Results .Wrapper .StatBlock{
	color:#e3af2d;
	font-size:16px;
	text-align:center;
	padding:20px 0;
	flex-basis:33%;
}
@media screen and (max-width: 1023px) and (min-width: 762px) {
	#AROMA-Results .Wrapper .StatBlock{
		font-size:14px;
		line-height:1.2em;
		padding:15px 0;
	}
}
#AROMA-Results .Wrapper .StatBlock .Num{
	color:#e3af2d;
	font-size:58px;
	text-align:center;
	width:144px;
	height:144px;
	display:block;
	line-height:144px;
	background-repeat:no-repeat;
	vertical-align:middle;
	margin:0 auto;
}
@media screen and (max-width: 1023px) and (min-width: 762px) {
	#AROMA-Results .Wrapper .StatBlock .Num{
		font-size:30px;
		width:100px;
		height:100px;
		line-height:100px;
		background-size: 100px auto;
	}
}
/*#AROMA-Results .Wrapper .StatBlock:nth-child(1) .Num{
		background-image:url(img/stat-1.png);
}
#AROMA-Results .Wrapper .StatBlock:nth-child(2) .Num{
		background-image:url(img/stats-2.png);
}
#AROMA-Results .Wrapper .StatBlock:nth-child(3) .Num{
		background-image:url(img/stat-3.png);
}*/

#AROMA-Results .Wrapper .StatBlock:nth-child(1) .Num{
		background-image:url(img/stat-1.png);
}
#AROMA-Results .Wrapper .StatBlock-2:nth-child(1) .Num{
		background-image:url(img/stats-2.png);
}
#AROMA-Results .Wrapper .StatBlock-3:nth-child(1) .Num{
		background-image:url(img/stat-3.png);
}
#AROMA-Results .Wrapper .StatBlock .Num sup{
font-size: 0.5em;
top: auto;
line-height: 1em;
vertical-align: super;
}
/*---------------------------------*/
#AROMA-ResultsIngredients{
	padding:40px;
	
}
@media screen and (max-width: 1023px) {
	#AROMA-ResultsIngredients{
		padding-top:0px;
	}
}
#AROMA-ResultsIngredients .Mentions{
	margin:0;
	font-size:10px;
	line-height:12px;
} 
#AROMA-ResultsIngredients .SlickContent{
	position:relative;
	
	margin-bottom:30px;
} 
@media screen and (max-width: 1249px) {
	#AROMA-ResultsIngredients .SlickContent{
		
	}
}
#AROMA-ResultsIngredients .SlickContent img{
	position:relative;
	display:block;
	margin:0 auto;
	max-width:100%;
} 
#AROMA-ResultsIngredients .IngredientName{
	position:absolute;
	text-align:left;
	font-size:12px;
	line-height:14px;
	z-index:2;
} 

#IngredientName-1{
	top: 90%;
    left: 45%;
    text-align: left;
    width: 100px;
}
#IngredientName-2{
	top: 40%;
    left: 87%;
	text-align:left;
	width:100px;
} 
#IngredientName-3{
	bottom:10px;
	left:calc(50% - 25px);
	text-align:left;
	width:100px;
} 
#IngredientName-4{
	bottom: 30%;
    right: 65%;
	text-align:left;

} 
#IngredientName-5{
	top: 40%;
    right: 80%;
	text-align:right;

}  

@media screen and (max-width: 1023px) {
	#AROMA-ResultsIngredients .IngredientName{
		position:relative;
		text-align:center;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		display:block;
		width:auto;
		
	} 	
}
#AROMA-ResultsIngredients .slick-next,#AROMA-ResultsIngredients .slick-prev{
	min-width:40px;
}
/*---------------------------------*/
#AROMA-100pAroma{
	background-image:url(img/background-oils-quizz.jpg);
	min-height:260px;
	background-repeat:no-repeat;
	background-position:top center;
}
@media screen and (min-width: 1250px) {
#AROMA-100pAroma{
    margin-left: -175px;
	width: 1600px;
}
}
@media screen and (max-width: 761px) {
	#AROMA-100pAroma{
		padding-bottom: 30px;
	}
}
#AROMA-100pAroma h2{
	color:#fff;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:26px;
	line-height:1em;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;	
	text-align:center;
	padding-bottom:8px;
}
#AROMA-100pAroma h2 .Truncatepercent{
	background-image:url(img/100-percent-white.png);
	width:249px;
	height:72px;
	font-size:0;
	display:inline-block;
	margin-bottom:10px;
}
#AROMA-100pAroma .InlineBlock{
	display:inline-block;
	margin:0 20px;
	vertical-align:middle;
}
#AROMA-100pAroma .InlineBlock:nth-child(1){
	max-width:320px;
}
@media screen and (max-width: 1249px) {
	#AROMA-100pAroma .InlineBlock:nth-child(1){
		margin-right: 0;
	}
}
@media screen and (max-width: 1023px) {
	#AROMA-100pAroma .InlineBlock:nth-child(1){
		margin-right: 20px;
		margin-left: 20px;
		margin-top:20px;
		margin-bottom:0px;
	}
}
#AROMA-100pAroma .InlineBlock:nth-child(2){
	max-width:680px;
	margin-top:42px;
	margin-bottom:42px;
	text-align:left;
}
@media screen and (max-width: 1249px) {
	#AROMA-100pAroma .InlineBlock:nth-child(2){
		max-width:580px;
	}
}
@media screen and (max-width: 1023px){
	#AROMA-100pAroma .InlineBlock:nth-child(2){
		max-width:420px;
		margin-left: 0;
		margin-top:0px;
	}
}
@media screen and (max-width: 761px){
	#AROMA-100pAroma .InlineBlock:nth-child(2){
		max-width: 760px;
		margin: 20px;
		text-align: center;
	}
}
#AROMA-100pAroma .Text{
	display:block;
	color:#fff;
	margin:0;
}
#AROMA-100pAroma .Result{
    margin: 20px 0;
    display: block;
    color: #bc7e14;
    border-top: 1px solid #bc7e14;
    border-bottom: 1px solid #bc7e14;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.2em;
    max-width: 410px;
    text-align: left;
    position: relative;
    padding-left: 80px;
}
@media screen and (max-width: 761px){
	#AROMA-100pAroma .Result br{
		display:none;
	}
}
#AROMA-100pAroma .Result .Num{
	display: block;
    font-size: 45px;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 10px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	#AROMA-100pAroma .Result .Num{

    margin-top: 12px;
	} 
	#AROMA-100pAroma .Result{
	padding-left: 95px;
	} 
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Num {
	font-size: 40px!important;
	} 
	#AROMA-100pNaturalOrigin .Wrapper {
    padding-left: 0px;
    max-width: 734px;
	} 
	#AROMA-TabPhytoSoin-2 .InfosBox {
    margin-top: 0px!important;
	} 
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul {
	height: 724px!important;
	}
}

#AROMA-100pAroma .Result .Num sup{
	font-size: 0.5em;
	top: auto;
	line-height: 1em;
	vertical-align: super;
}
#AROMA-100pAroma .TextLink  {
	margin:0;
	display:block;
	font-size:0;
}
#AROMA-100pAroma .TextLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	line-height:1.2em;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	color:#000;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
#AROMA-100pAroma .TextLink a:hover {
	color:#bc7e14;
	border-bottom:1px solid #bc7e14;
}
#AROMA-100pAroma .Mentions{
	font-size:10px;
	margin:0;
	margin-top:20px;	color:#fff;
	position:absolute;
}
/*---------------------------------*/
#AROMA-100pInnovation{
	background-image:url(img/background-4.jpg);
	height:772px;
	background-repeat:no-repeat;
	background-position:top center;
}
@media screen and (max-width: 761px){
	#AROMA-100pInnovation{
		height:auto;
		background-image:url(img/background-4-mobile.jpg);
	}
}
#AROMA-100pInnovation h2{
	color:#e3af2d;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:26px;
	line-height:1em;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;	
}
#AROMA-100pInnovation h2 .Truncatepercent{
	background-image:url(img/100-percent-yellow.png);
	width:249px;
	height:72px;
	font-size:0;
	display:inline-block;
	margin-bottom:10px;
}
@media screen and (max-width: 1023px){
	#AROMA-100pInnovation h2 .Truncatepercent{
		max-width:220px;
		background-size: 220px auto;
		background-repeat: no-repeat;
		display:block;
		margin:0 auto;
	}
}
#AROMA-100pInnovation .InlineBlock{
	display:inline-block;
	max-width:325px;
	margin:0 20px;
	vertical-align:top;
}
@media screen and (max-width: 1023px){
	#AROMA-100pInnovation .InlineBlock{
		max-width:220px;
	}
}

#AROMA-100pInnovation .InlineBlock:nth-child(1){
	text-align:right;
	margin-top:218px;
}
#AROMA-100pInnovation .InlineBlock:nth-child(2){
	margin-top:130px;
}
#AROMA-100pInnovation .InlineBlock:nth-child(3){
	text-align:left;
	margin-top:100px;
}
@media screen and (max-width: 761px){
	#AROMA-100pInnovation .InlineBlock{
		max-width:760px!important;
		margin:20px!important;
		text-align:center!important;
	}
	#AROMA-100pInnovation .InlineBlock img{
		width:130px;
	}
}
/*---------------------------------*/
#AROMA-Concept{
	background-color:#fff;
	display:flex;
	height:455px;
	justify-content:center;
	align-items:center;
	background-image:url(img/background-5.jpg);
	background-position:center top;
	background-repeat: no-repeat;
}
@media screen and (max-width: 761px) {
	#AROMA-Concept{
		background-image:url(img/background-5-mobile.jpg);
		height:auto;
	}
}
@media screen and (min-width: 1250px) {
#AROMA-Concept{
    margin-left: -175px;
    width: 1600px;
}
}
#AROMA-Concept .Wrapper{
	padding:50px;
	max-width:540px;
	margin-left:480px;
	box-sizing:border-box;
}
@media screen and (max-width: 1023px) {
#AROMA-Concept .Wrapper{
	margin-left:350px;
}
}
@media screen and (max-width: 761px) {
	#AROMA-Concept .Wrapper{
		margin:0px;
		margin-top:454px;
		background-color: #FFF;
		color:#000;
		max-width:762px;
		padding:20px;
	}
	#AROMA-Concept .Wrapper *{
		color:#000!important;
	}
}
#AROMA-Concept h2{
	color:#fff;	
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	text-align:left;
	margin:0;
	padding:0;
	line-height:1em;
	font-weight:normal;
}
#AROMA-Concept p{
	color:#fff;	
	text-align:left;
	margin:0;
	margin-top:15px;
}

/*---------------------------------*/
#AROMA-TabPhytoSoin{
	background-color:#fff;
	display:flex;
	height:359px;
	justify-content:center;
	align-items:flex-end;
	background-image:url(img/background-6.jpg);
	background-position:center bottom;
	position: relative;
}
#AROMA-TabPhytoSoin::after{
	content:" ";
	transform:rotate(45deg);
	width:30px;
	height:30px;
	background-color: #e4c45f;

	bottom:-8px;
	position: absolute;
	z-index:1;

}


@media screen and (min-width: 1250px) {
#AROMA-TabPhytoSoin{
    margin-left: -175px;
	width: 1600px;
	
}
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin{
		height:auto;	
	}
}
#AROMA-TabPhytoSoin ul{
   background-image:url(img/background-oils-quizz.jpg);
	background-position:center bottom;
	background-size: auto 100%;
   padding:50px;
   max-width:970px;
   box-sizing:border-box;
   display:flex;
   margin:0 auto;
   list-style:none;
   width:100%;
   height:215px;
   position:relative;
   z-index:2;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin ul {
		padding: 40px;
		/* padding-top: 15px; */
		height: auto;
		display: block;
	}
}
#AROMA-TabPhytoSoin ul li{
   flex-basis:33%;
   padding:0;
}
#AROMA-TabPhytoSoin ul li a{
   font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
   border-radius:40px;
   border:1px solid #fff;
   padding:15px;
   box-sizing:border-box;
   display:block;
   margin:10px;
   font-size:40px;
   line-height:1em;
   text-decoration:none;
   color:#fff;
}

#AROMA-TabPhytoSoin ul li[data-select="1"] a{
	background-color:#cd9711;
	border:1px solid #cd9711;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin ul li a{
    /*border-radius: 25px;
    padding: 10px;
    margin: 5px;
	font-size: 20px;*/
	position:relative;
	}
	#AROMA-TabPhytoSoin ul li a::after{
		content:" ";
		width:30px;
		height:30px;
		position:absolute;
		right:10px;
		top:calc(50% - 15px);
		background-image:url(img/open-tab.png); 
	}
	#AROMA-TabPhytoSoin ul li[data-select="1"] a::after{
		background-image:url(img/close-tab.png); 
	}
}
#AROMA-TabPhytoSoin ul li p{
  position:absolute;
  width:100%;
  top:140px;
  left:0px;
  display:none;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin ul li p{
		top: auto;
		left:auto;
		padding: 0px;
		box-sizing: border-box;
		line-height: 1.4em;
		display:block;
		position: relative;
	}
}
#AROMA-TabPhytoSoin ul li[data-select="1"] p{
	display:block;
}

@media screen and (max-width: 761px) {
#AROMA-TabPhytoSoin{
display:none;
}
}

.TabPhytoSoinMobile{
	display:none;
}
.AnchorLink{
height:50px;
display:block;margin-top: -50px;	
}
@media screen and (max-width: 761px) {
.TabPhytoSoinMobile{
	background-image:url(img/background-oils-quizz.jpg);
	background-position:center bottom;
	background-size: auto 100%;
	max-width:970px;
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	position:relative;
	z-index:2;
	padding: 20px;
	display: block;
	
}
}
.TabPhytoSoinMobile[data-selected="1"]::after{
			content: " ";
			transform: rotate(45deg);
			width: 15px;
			height: 15px;
			background-color: #e4c45f;
			bottom: -8px;
			position: absolute;
			z-index: -1;
			left: calc(50% - 10px);
}
.TabPhytoSoinMobile a{
   font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
   border-radius:40px;
   border:1px solid #fff;
   padding:15px;
   box-sizing:border-box;
   display:block;
   margin:10px;
   font-size:40px;
   line-height:1em;
   text-decoration:none;
   color:#fff;
   position: relative;
}
.TabPhytoSoinMobile[data-selected="1"] a{
	background-color:#cd9711;
	border:1px solid #cd9711;
}
.TabPhytoSoinMobile a::after{
	content:" ";
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:calc(50% - 15px);
	background-image:url(img/open-tab.png); 
}
.TabPhytoSoinMobile[data-selected="1"] a::after{
	background-image:url(img/close-tab.png); 
}
/*---------------------------------------------*/

#AROMA-TabPhytoSoin-1{
	background-image:url(img/background-7.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:150px;
	padding-bottom:50px;
	overflow: hidden !important;
}
@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-1{
		padding-top:0px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-1{
		padding:0px;
		background-image: none;

	}
	#AROMA-TabPhytoSoin-1 img{
		max-width:100%!important;
	}
	#AROMA-TabPhytoSoin-1 *{
		text-align:center!important;
	}
}
#AROMA-TabPhytoSoin-1 .Title{
	color:#e3af2d;
	margin:0;
	line-height:1em;	
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	margin-top:40px;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-1 .Title{
		margin-top:0;
	}
}
#AROMA-TabPhytoSoin-1 .InlineBlock{
	display:inline-block;
	margin:20px;
	vertical-align:bottom;
}
#AROMA-TabPhytoSoin-1 .InlineBlock:nth-child(3){
	max-width: 290px;
	margin-left: 0;
	margin-right: 0;
}
@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-1 .InlineBlock img{
		width:300px;
	}
}
#AROMA-TabPhytoSoin-1 .InlineBlock p.Title{
	max-width:310px;
	text-align:right;
}
#AROMA-TabPhytoSoin-1 .InlineBlock p.Text{
	max-width:310px;	
	margin:0;
	text-align:right;
	font-size:16px;
	margin-top:20px;
	margin-bottom:40px;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-1 .InlineBlock p.Text{
		margin-bottom:0px;
	}
}
#AROMA-TabPhytoSoin-1 .InlineBlock p.Percent{
	text-align:left;max-width:330px;margin:0;font-size:52px;color:#e3af2d;
	line-height:1em;
}
#AROMA-TabPhytoSoin-1 .InlineBlock p.Percent sup{
	font-size:0.5em;
} 
#AROMA-TabPhytoSoin-1 .InlineBlock p.Text-2{
	text-align:left;max-width:330px;margin:0;margin-bottom:10px;
}
#AROMA-TabPhytoSoin-1 .InlineBlock p.Mentions{
	margin:0;
	text-align:left;max-width:330px;
	font-size:10px;
	line-height:1.2em;
}
#AROMA-TabPhytoSoin-1 .SlickCarousel{
	width:100%;
	overflow:hidden;
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .Content{
	position:absolute;
	bottom:0px;
	left:0;
	text-align:center;
	line-height:1.2em;
	width:100%;
	display:block;
	opacity:0;
	transition:opacity 0.5s ease-in-out;
	
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-1 .SlickCarousel .Content{
		bottom:20px;
	}
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .slick-center .Content{
	display:block;
	opacity:1;
}

#AROMA-TabPhytoSoin-1 .SlickContent img{
	margin:0 auto;
	display:block;
}
#AROMA-TabPhytoSoin-1 .slick-slide{
	position:relative;
	padding-bottom:70px;
	
}

#AROMA-TabPhytoSoin-1 .SlickCarousel .IngredientName{
	font-size:20px;
	color:#000;
	display:block;
}
#AROMA-TabPhytoSoin-1 .TitleCarousel{
		color:#e3af2d;
		font-size:20px;font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-1 .SlickCarousel .IngredientName{
		font-size:16px;
		padding:0 20px;
		max-width:200px;
		margin-left:auto;
		margin-right:auto;
	}
	#AROMA-TabPhytoSoin-1 .TitleCarousel{
		color:#e3af2d;
		font-size:20px;font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	}
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .IngredientAction{
	font-size:14px;
	color:#e3af2d;	
	display:block;
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .slick-arrow {
	font-size:0;
	border:0px solid;
	width:30px;
	height:30px;
	background-position:center center;
	background-repeat:no-repeat;
	outline:0;
	background-color:#fff;
	position:absolute;
	bottom:30px;
	top:auto;
	transform: none;
	padding:0;
	min-width:30px;
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .slick-arrow::after {
	display:none;
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .slick-prev {
	background-image:url(img/prev.png);left:calc(50% - 150px);
}
#AROMA-TabPhytoSoin-1 .SlickCarousel .slick-next {
	background-image:url(img/next.png);	right:calc(50% - 150px);
}   

@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 {
	padding-left:20px;
	padding-right:20px;
	}
}

/*---------------------------------------------*/
#AROMA-TabPhytoSoin-2 {
	position:relative;
	z-index:1;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 {
	padding-left:20px;
	padding-right:20px;
	}
}
#AROMA-TabPhytoSoin-2 .InfosBox{
	display:flex;
	max-width:970px;
	margin:40px auto;
	border:6px solid #e3af2d;
	justify-content:flex-start;
	align-items:center;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 .InfosBox{
		flex-direction:column;
	}
}
#AROMA-TabPhytoSoin-2 .IngredientScreen{
	display:block;
	/**background-image:url(ingredients.jpg);*/
	width:100%;
	background-position:top center;
}
@media screen and (max-width: 1249px) {
#AROMA-TabPhytoSoin-2 .IngredientScreen {
    transform: scale(0.9);
}
}
@media screen and (max-width: 1024px) {
#AROMA-TabPhytoSoin-2 .IngredientScreen {
   transform: scale(0.9);
margin-left: 30px;
}
}
@media screen and (max-width: 1023px) {
#AROMA-TabPhytoSoin-2 .IngredientScreen {
	transform: scale(0.7);
	margin-left: 20px;
}
}	
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 .IngredientScreen{
			transform: none;
		display:block;
		width:100%;
		background-position:top center;
	}
}

#AROMA-TabPhytoSoin-2 .IngredientScreen ul{
	margin:0;
padding:0;
	display:block;
	position:relative;
	height:858px;
	width:100%;
	list-style:none;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul{
		height:1136px;
	}
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li{
	padding:0;
	display:block;
	font-size:14px;
	color:#e3af2d;
	line-height:16px;
	text-align:left;
	left:50%;
	position:absolute;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li strong{
	padding:0;
	display:block;
	font-size:14px;
	color:#000;
	font-weight:normal;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li img{
	display:block;
	position:absolute;
	z-index:-1;

}
/*--------------------------------------------------------*/
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(1){
	top: 154px;
    margin-left: -320px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(2){
	 top:125px;
    margin-left: -38px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(3){
	top: 100px;
	left:auto;
	right:50%;
    margin-right: -318px;
	text-align:right;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(4){
 top: 318px;
    margin-left: -504px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5){
    top: 412px;
    left: auto;
    right: 50%;
    margin-right: -152px;
    text-align: right;
	z-index:2;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(6){
	top: 580px;
    margin-left: -235px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(7){
	top: 690px;
    margin-left: 55px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(8){
	top: 712px;
    margin-left: 350px;
}


@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(6){
	top: 580px;
    margin-left: -245px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(7){
	top: 690px;
    margin-left: 5px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(8){
	top: 712px;
    margin-left: 300px;
}


}

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

#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(1){
	top: 35px;
    margin-left: 30px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(2){
	top: 449px;
    margin-left: -125px;
    text-align: right;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(3){
	top: 405px;
    left: auto;
    right: 50%;
    margin-right: -160px;
    text-align: right;
    width: 100px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(4){
    top: 210px;
    margin-left: -94px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5){
	top: 705px;
    left: auto;
    right: 50%;
    margin-right: -122px;
    text-align: right;
    z-index:10;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(6){
	top: 815px;
    margin-left: -155px;z-index: 2;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(7){
	top: 1090px;
    margin-left: -15px;
    text-align: right;z-index:2;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(8){
	top: 1072px;
	margin-left: -135px;
	z-index:1;
}
}
/*--------------------------------------------------------*/
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(1) img{
	top: -210px;
    left: -208px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(2) img{
    top: -30px;
    left: -158px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(3) img{
    top: -100px;
    right: -258px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(4) img{
    top: -230px;
    left: -118px;
}

#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5) img{
     top: -250px;
    right: -205px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(6) img{
       top: -230px;
    left: -218px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(7) img{
   top: -212px;
    left: -168px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(8) img{
       top: -212px;
    left: -200px;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(1) img{
		top: -80px;
		left: -155px;
		width: 180px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(2) img{
		top: -165px;
		left: 50px;
		width: 160px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(3) img{
		top: -328px;
		right: -88px;
		width: 217px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(4) img{
		top: -150px;
		left: -90px;
		width: 95px;
	}
	
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5) img{
		top: -190px;
		right: -145px;
		width: 250px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(6) img{
		top: -280px;
		left: -68px;
		width: 220px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(7) img{
		top: -240px;
		left: 20px;
		width: 210px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(8) img{
		top: -250px;
		left: -50px;
		width: 165px;
	}

}
/*--------------------------------------------------------*/
#AROMA-TabPhytoSoin-2 .InfosBox .Content{
	text-align:left;
	padding:50px;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-2 .InfosBox .Content{
		padding:20px;
	}
	#AROMA-TabPhytoSoin-2 .InfosBox img{
		max-width:100%;
	}
}
#AROMA-TabPhytoSoin-2 .Title{
	color:#e3af2d;
	margin:0;
	line-height:1em;	
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	margin-top:40px;
}
#AROMA-TabPhytoSoin-2 .InfosBox .Content .Title{
	margin:0;
	max-width:410px;
}
#AROMA-TabPhytoSoin-2 .InfosBox .Content .Text{
	margin:0;
	margin-top:15px;
	max-width:390px;
}
#AROMA-TabPhytoSoin-2 .Text-2{
	max-width:1024px;
	margin:0 auto;
	padding:20px;
	padding-bottom:0px;
}
#AROMA-TabPhytoSoin-2 .InfosBox .Content .TextLink  {
	margin:0;
	display:block;
	padding-top:10px;
}
#AROMA-TabPhytoSoin-2 .InfosBox .Content .TextLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	line-height:1em;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	color:#000;
	border-bottom:#bfbfbf 1px solid;
}
#AROMA-TabPhytoSoin-2 .InfosBox .Content .TextLink a:hover {
	color:#bc7e14;
	border-bottom:1px solid #bc7e14;
}
/*---------------------------------------------*/
#AROMA-TabPhytoSoin-3 {
 	padding-top:20px;	
}
#AROMA-TabPhytoSoin-3 .Mosaic {
 	display: grid;
	width:1176px;
	margin:0 auto;
	margin-top:100px;
}
@media screen and (max-width: 1176px) {
	#AROMA-TabPhytoSoin-3 .Mosaic {
		transform: scale(0.83);
		transform-origin: top left;
		width: 970px;
	}
}
@media screen and (max-width: 1025px) and (min-width: 1023px) {
	#AROMA-TabPhytoSoin-3 .Mosaic {
		transform: scale(0.83);
		transform-origin: top left;
		margin:0;
		width: 1176px;   
		height: auto;
		display:block;
		position:absolute;
		top:60px;
		left:0;
	}
	#AROMA-TabPhytoSoin-3 .MosaicWrapper {
		width: 976px;
		height: 680px;
		display: block;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1023px) and (min-width: 762px) {
	#AROMA-TabPhytoSoin-3 .Mosaic {
		transform: scale(0.65);
		transform-origin: top left;
		margin:0;
		width: 1176px;   
		height: auto;
		display:block;
		overflow:hidden;
		position:absolute;
		top:0;
		left:0;
	}
	#AROMA-TabPhytoSoin-3 .MosaicWrapper {
		width: 100%;   
		height: 510px;
		display:block;
		overflow:hidden;
		position:relative;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Mosaic {
		transform: none;
		width: auto;
		height: auto;
		margin-top: 0;
		margin-bottom: 0px;
	}
}
#AROMA-TabPhytoSoin-3 .InlineBlock{
	display:inline-block;
	margin:20px;
	vertical-align:top;
	
}
@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-3 .InlineBlock img{
		max-width:300px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .InlineBlock img{
		max-width:100%;
	}
}
#AROMA-TabPhytoSoin-3 .InlineBlock p{
	max-width:350px;
	text-align:left;
	display:block;
	margin:0;
	line-height:24px;
}
#AROMA-TabPhytoSoin-3 .InlineBlock p.Date{
	font-size:26px;
	color:#e3af2d;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	margin-bottom:10px;
}
#AROMA-TabPhytoSoin-3 .Title{
	color:#e3af2d;
	margin:0;
	line-height:1em;	
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	margin-top:40px;
	font-weight:normal;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Title{
		margin-top:0px;
	}
}
#AROMA-TabPhytoSoin-3 .Text-2{
	max-width:1024px;
	margin:0 auto;
	padding:20px;
	padding-bottom:20px;
}
#AROMA-TabPhytoSoin-3 .MosaicItem{
	width:390px;
	height:390px;
	position:relative;
	color:#e3af2d;
}

@media screen and (max-width: 1024px) and (min-width: 762px) {
	#AROMA-TabPhytoSoin-3 .MosaicItem{
		float:left;
		width:390px;
		height:390px;
		position:relative;
		color:#e3af2d;
	}
}
@media screen and (max-width: 761px) {
#AROMA-TabPhytoSoin-3 .MosaicItem {
    width: 100vw;
    height: 100vw;    margin-bottom: 20px;
}
}
#AROMA-TabPhytoSoin-3 .MosaicItem span{
	padding:0;
	display:block;
	font-size:14px;
	line-height:16px;
	position:absolute;
}
#AROMA-TabPhytoSoin-3 .MosaicItem span strong{
	padding:0;
	display:block;
	font-size:14px;
	color:#000;
	font-weight:normal;
}
#AROMA-TabPhytoSoin-3 .Mosaic img{
	position:absolute;
	bottom:0;
	left:4px;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Mosaic img{
		width:100%;
	}
}
#Mosaic-1 {
	grid-column: 1; grid-row: 1;
}
#Mosaic-1 span{
	top:80.7%;
	left:79.4%;
	text-align:left;
}
@media screen and (max-width: 761px) {
	#Mosaic-1 span{
		left:65%;	top:85%;
	}
}
#Mosaic-2 {
	grid-column: 2; grid-row: 1;
}
#Mosaic-2 span{
	color:#fff;
	top:53.8%;
	left:70.5%;
	text-align:left;
}
#Mosaic-3 {
	grid-column: 3; grid-row: 1;
}
#Mosaic-3 span{
	top:2.5%;
	right:31.2%;
	text-align:right;
}
#Mosaic-4 {
	grid-column: 1; grid-row: 2;
}
#Mosaic-4 span{
	top:64.6%;
	left:70.5%;
	text-align:right;color:#fff;
}
#Mosaic-5 {
	grid-column: 2; grid-row: 2;
}
#Mosaic-5 span{
	top:2.5%;
	right:26.1%;
	text-align:right;
}
#Mosaic-6 {
	grid-column: 3; grid-row: 2;
}
#Mosaic-6 span{
	top:67.1%;
	left:75.6%;
	text-align:right;color:#fff;
}
#AROMA-TabPhytoSoin-3 .Mosaic span{
	position:absolute;
}
/*---------------------------------*/
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips{
	display:flex;
	flex-wrap: wrap;
	margin-top:40px;
	justify-content: center;
	align-items: flex-start;
}
@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips{
		display:block;
	}
}
#AROMA-TabPhytoSoin-3 .VideoLink{
	margin:0px;
	display:inline-block;
	position:relative;
}
@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-3 .VideoLink{
		margin-bottom:30px;
	}
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .slick-dots {
    display: flex;
    position: relative;
    width: 100%;
    bottom: auto;
    justify-content: flex-start;
    padding-bottom: 20px;
    padding-top: 10px;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .Title{
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height:1.2em;
	text-transform: uppercase;
	padding-bottom:15px;
	margin-top:30px;
}
@media screen and (max-width:761px){
	#AROMA-TabPhytoSoin-3 .VideoLink{
		margin: 0px;
		margin-top:20px;

	}
}
#AROMA-TabPhytoSoin-3 .VideoLink img{
	display:block;
	max-width:100%;
}
#AROMA-TabPhytoSoin-3 .VideoLink a::before{
	display:block;
	width:50px;
	height:50px;
	content:" ";
	bottom:15px;
	left:15px;
	background-image:url(img/video-play.png);
	position:absolute;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .Tips{
	border: 6px solid #e3af2d;
    padding: 0 50px;
    margin-left: 40px;
    width: 618px;
    text-align: left;
    box-sizing: border-box;
	display: inline-block;
	position:relative;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .Tips{
		margin: 20px;
		width: auto;
		padding:0 20px;
	
	}
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .Tips::after{
    content: " ";
    position: absolute;
    top: -90px;
    right: -160px;
    width: 348px;
    height: 337px;
    background-image: url(img/pipette.png);
}

@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .Tips::after{
		display:none;
	}
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .slickTips{
	width:390px;
	font-size:14px;
	line-height: 1.4em;
}
@media screen and (max-width: 761px) {
#AROMA-TabPhytoSoin-3 .Tab-3-AromaTips .slickTips{
	width:290px;
	margin-bottom:0;
}
}
/*---------------------------------*/
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults{
background-image:url(img/background-oils-quizz.jpg);
margin-top:40px;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Title{
color:#fff;
margin:0;
padding:20px;
font-weight: normal;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Mentions{
	color:#fff;
	font-size:10px;
	padding:20px;
	line-height:1.2em;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Stat{
	color:#fff;
	line-height:1.4em;
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Stat{
		padding-bottom:20px;
	}
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Num{
	color:#fff;
	font-size:58px;
	text-align:center;
	width:147px;
	height:147px;
	display:block;
	line-height:147px;
	background-repeat:no-repeat;
	vertical-align:middle;
	margin:0 auto;
	margin-bottom: 20px;
}



#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Stat:nth-child(1) .Num{
		background-image:url(img/stat-4.png);
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Stat-2:nth-child(1) .Num{
		background-image:url(img/stat-5.png);
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Stat-3:nth-child(1) .Num{
		background-image:url(img/stat-6.png);
}


#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Num{
		background-image:url(img/stat-4.png);
}

#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Num sup{
	font-size: 0.5em;
top: auto;
line-height: 1em;
vertical-align: super;
}
/*---------------------------------*/
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine{


}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine .Title{
	margin:0;
	padding:20px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size:22px;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine .RoutineBlocks{
	max-width:970px;
	margin:0 auto;

}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine .Product{
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	height:530px;
	margin:0 auto;
	padding-bottom:0;
	
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine img{
	display:block;
	max-width:100%;
	margin:0 auto;margin-bottom:20px;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine .BtnLink{

	padding:20px;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaRoutine .BtnLink a{
	background-color: #fff;
	border:2px solid #e5e5e5;
	color:#000;
	padding: 13px 30px;
}
/*---------------------------------*/
#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa{
	background-image:url(img/spa.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	max-width:970px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:flex-end;
	height:419px;
	margin:50px auto;
	

}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa{
		background-image:url(img/spa-mobile.jpg);
		margin:20px auto;
		height:auto;
	
	}
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .Wrapper{
	max-width:430px;
	padding:60px;
	text-align: left;
}
@media screen and (max-width: 1023px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .Wrapper{
		max-width:390px;
		padding:40px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .Wrapper{
		padding-top:440px;
		text-align: center;
	}
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .Wrapper .Text{
		margin:0;
		margin-top:20px;
	}
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .TextLink  {
	margin:0;
	display:block;
	padding-top:10px;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .TextLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	color:#000;
	border-bottom:1px solid rgba(0,0,0,0.3);
	line-height:1em;
}
#AROMA-TabPhytoSoin-3 .Tab-3-AromaSpa .TextLink a:hover {
	color:#bc7e14;
	border-bottom:1px solid #bc7e14;
}
/*---------------------------------*/
#AROMA-TabPhytoSoin-1[data-selected="0"],
#AROMA-TabPhytoSoin-2[data-selected="0"],
#AROMA-TabPhytoSoin-3[data-selected="0"]{
	height:1px;
	overflow-y:hidden;
	box-sizing: border-box;
	padding:0;
	opacity:0;
	margin-top:-1px;
}
/*---------------------------------*/
#AROMA-ResponsibleBeauty{
	background-color:#fff;
	display:flex;
	height:503px;
	justify-content:center;
	align-items:center;
	background-image:url(img/background-9.jpg);
	background-position:center top;
}
@media screen and (min-width: 1250px) {
#AROMA-ResponsibleBeauty{
    margin-left: -175px;
    width: 1600px;
}
}
@media screen and (max-width: 1023px) {
	#AROMA-ResponsibleBeauty{
		height: 403px;
		background-image: url(img/background-9.jpg);
		background-position: center bottom;
		background-size: 1150px auto;
		background-repeat: no-repeat;
		align-items: flex-start;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-ResponsibleBeauty{
		height: auto;
		background-image: url(img/background-9-mobile.jpg);
		background-position: center top;
		background-size:auto auto;
		display:block;
	
	}
}
#AROMA-ResponsibleBeauty .Wrapper{
	padding:50px;
	max-width:570px;
	margin-left:480px;
	box-sizing:border-box;
}
@media screen and (max-width: 1023px) {
#AROMA-ResponsibleBeauty .Wrapper {
    margin-left: 300px;
}
}
@media screen and (max-width: 761px) {
	#AROMA-ResponsibleBeauty .Wrapper {
		margin: 20px;
		padding:0;
		padding-top:340px;
	}
}
#AROMA-ResponsibleBeauty h2{
	color:#000;	
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	text-align:left;
	margin:0;
	padding:0;
	line-height:1em;
	font-weight:normal;
}
#AROMA-ResponsibleBeauty p{
	color:#000;	
	text-align:left;
	margin:0;
	margin-top:15px;
}
/*---------------------------------------------*/
#AROMA-ClarinsLovesNatureTitle h2{
	color:#e3af2d;	
	font-family:ClarinsRegular, Clarins;
	font-size:50px;
	text-align:center;
	margin:0;
	line-height:1em;
	font-weight:normal;
	padding:25px;
}
/*---------------------------------*/
#AROMA-ClarinsLovesNature{
	background-color:#fff;
	display:flex;
	height:546px;
	justify-content:center;
	align-items:center;
	background-image:url(img/background-10.jpg);
	background-position:center top;
}
@media screen and (min-width: 1250px) {
#AROMA-ClarinsLovesNature{
    margin-left: -175px;
    width: 1600px;
}
}
@media screen and (max-width: 1023px) {
	#AROMA-ClarinsLovesNature {
		background-position: left -170px top;
		background-size: auto 400px;
		height: 400px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-ClarinsLovesNature {
		background-image:url(img/background-3-mobile.jpg);
		background-size: auto auto;
		background-position:center top;
		height:auto;
	}
}

#AROMA-ClarinsLovesNature .Wrapper{
	padding:50px;
	max-width:670px;
	margin-left:480px;
	box-sizing:border-box;
	background-color:#fff;
}
@media screen and (max-width: 1250px) {
	#AROMA-ClarinsLovesNature .Wrapper {
		max-width: 600px;
		margin-left: 380px;
	}
}
@media screen and (max-width: 1023px) {
	#AROMA-ClarinsLovesNature .Wrapper {
		max-width: 450px;
		margin-left: 260px;
		padding: 40px;
		
	}
}
@media screen and (max-width: 761px) {
	#AROMA-ClarinsLovesNature .Wrapper {
		margin: 20px;
		padding:20px;
		margin-top: 370px;
		max-width: 762px;
	}
}
#AROMA-ClarinsLovesNature p.Title{
	color:#e3af2d;	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size:22px;
	text-align:center;
	margin:0;
	padding:0;
	line-height:1.2em;
	font-weight:normal;
}
#AROMA-ClarinsLovesNature p.ArgText{
	color:#000;	
	text-align:left;
	margin:0;
	margin-top:15px;
	background-image:url(img/check.png);
	background-repeat:no-repeat;
	background-position:top 5px left;

	padding-left:30px;
}
/*---------------------------------------------*/
#AROMA-Biodiversity{
	display:flex;
	margin:0 auto;
	flex-wrap:wrap;
	max-width:970px;
	padding:50px 20px;
	box-sizing:border-box;
}
@media screen and (max-width: 1250px) {
	#AROMA-Biodiversity {
		max-width: 800px;
		margin-left: 0px;
		padding-top: 20px;
	}
}

#AROMA-Biodiversity .Item{
	flex-basis:50%;
	position:relative;
	min-height:460px;box-sizing:border-box;
}
@media screen and (max-width: 1250px) {
	#AROMA-Biodiversity .Item{
		min-height:60px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Biodiversity .Item{
		flex-basis:100%;
		display:block!important;
	}
}
#AROMA-Biodiversity .Item:nth-child(3){
	order:4;
}
#AROMA-Biodiversity .Item img{
	display:block;
}
@media screen and (max-width: 1250px) {
	#AROMA-Biodiversity .Item img{
		display:block;
		max-width:100%;
	}
}
#AROMA-Biodiversity .Item:nth-child(2){
	text-align:left;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	padding:40px;
}
@media screen and (max-width: 1250px) {
	#AROMA-Biodiversity .Item:nth-child(2){
		padding:0 20px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Biodiversity .Item:nth-child(2){
		padding:20px 0px;

	}
}
#AROMA-Biodiversity .Item:nth-child(2) img{
	position:absolute;
	bottom:60px;
	left:100%;
}
@media screen and (max-width: 761px) {
	#AROMA-Biodiversity .Item:nth-child(2) img{
		display:none;
	}
}
#AROMA-Biodiversity .Item:nth-child(3) img{
	position:absolute;
	top:0px;
	left:0px;
}
@media screen and (max-width: 1250px) {
	#AROMA-Biodiversity .Item:nth-child(3) img {
		width: 630px;
		max-width: 630px;
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Biodiversity .Item:nth-child(3){
		order:3;
		height: 380px;overflow: hidden;
	
	}
}
#AROMA-Biodiversity .Item:nth-child(4){
	text-align:right;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-end;
	padding:40px;
}
@media screen and (max-width: 1250px) {
	#AROMA-Biodiversity .Item:nth-child(4){
		padding:20px;
	
	}
}
@media screen and (max-width: 761px) {
	#AROMA-Biodiversity .Item:nth-child(4){
		padding:0px;
		order:4;
		text-align: left;
	}
}
#AROMA-Biodiversity p.Title{
	color:#e3af2d;	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size:22px;
	margin:0;
	padding:0;
	line-height:1.2em;
	font-weight:normal;
}
/*---------------------------------------------*/
.MyContent .Breadcrumb{
	display:flex;
	margin:0 auto;
	padding:0;
	list-style:none;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.MyContent .Breadcrumb li{
	width:1.76em;
	height:1.76em;
	line-height:1.76em;
	border:2px solid #cd9711;
	background-color:#fff;
	border-radius:50%;
	font-size:17px;
	text-align:center;
	vertical-align:middle;
	color:#cd9711;
	margin:11px;
	position:relative;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
}
.MyContent .Breadcrumb li::before{
	position:absolute;
	content:" ";
	width:26px;
	height:2px;
	background-color:#cd9711;
	top:calc(50% - 1px);
	right:100%;
	
}
.MyContent .Breadcrumb li::after{
	position:absolute;
	content:" ";
	width:26px;
	height:2px;
	background-color:#cd9711;
	top:calc(50% - 1px);
	left:100%;
	
}
.MyContent .Breadcrumb li:first-child::before{
	display:none;
}
.MyContent .Breadcrumb li:last-child::after{
	display:none;
}
.MyContent .Breadcrumb li.Selected{
	font-size:25px;
	background-color:#cd9711;
	color:#fff;
}
.MyContent .Breadcrumb li.Selected::before{
	display:none;	
}
.MyContent .Breadcrumb li.Selected::after{
	display:none;
}
.MyContent .Breadcrumb li.Active{
	cursor:pointer;
}
.MyContent .MyQuizzRoutineScreen{
	background-position:top center;
	background-repeat:no-repeat;
	min-height:657px;
	box-sizing:border-box;
	display:none;
}
@media screen and (min-width: 1250px) {
.MyContent .MyQuizzRoutineScreen{
    margin-left: -175px;
    width: 1600px;
}
}
@media screen and (max-width: 1023px) {
.MyContent .MyQuizzRoutineScreen{
	background-size: auto 350px;
}
}
.MyContent .MyQuizzRoutineScreen[data-selected="1"]{
	display:block;
}
.MyContent .MyQuizzRoutineScreen .Wrapper{
	margin:0 auto;
	max-width:1250px;
	padding:30px;
	box-sizing:border-box;
	text-align:right;
}
@media screen and (max-width: 1023px) {
.MyContent .MyQuizzRoutineScreen .Wrapper{
		padding:10px;
}
}
.MyContent #Question-Routine-1{
	background-image:url(img/background-routine-quizz-question-1.jpg);
	background-color:#bac6c8;
}
.MyContent #Question-Routine-2{
	background-image:url(img/background-routine-quizz-question-2.jpg);
	background-color:#5c8297;
}
.MyContent #Question-Routine-3{
	background-image:url(img/background-routine-quizz-question-3.jpg);
	background-color:#faf4e6;
}

@media screen and (max-width: 761px) {
.MyContent #Question-Routine-1,
.MyContent #Question-Routine-2,
.MyContent #Question-Routine-3{
	background-image:none;
}
.MyContent #Question-Routine-2{
	background-image:url(img/background-routine-quizz-question-2-mobile.jpg);
	background-size: 100% auto;
}
}
.MyContent #Question-Routine-3 .Title{
	color:#cd9711;
}
.MyContent .Question{
	margin:0 auto;
	max-width:850px;
	
}
@media screen and (max-width: 1250px) {
.MyContent .Question{
	max-width:650px;
}
}
@media screen and (max-width: 1023px) and (min-width: 762px) {
.MyContent .Question{
	max-width:60%;
	height:220px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-right:10px;
	z-index:1;
	position:relative;
}
}
.MyContent #Question-Routine-1 .Question,
.MyContent #Question-Routine-2 .Question,
.MyContent #Question-Routine-3 .Question{
	margin-right:0;
	margin-left:auto;
}
.MyContent .Question .Title{
	font-size:35px;
	font-family:ClarinsRegular, Clarins;
	color:#fff;
	text-align:center;
	margin:0;
	
}
.MyContent .Question .Text{
	font-size:22px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	color:#000;
	text-align:center;
	margin:0;
	padding-top:8px;
	padding-bottom:8px;
	white-space: nowrap;
}
@media screen and (max-width: 1250px) {
.MyContent .Question .Text{
	font-size:20px;
	white-space: normal;
}
}
.MyContent .Reponses{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0 auto;
	padding:0;
	list-style:none;
	max-width:850px;
	justify-content:center;
	align-items:center;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	font-size:16px;
	margin-right:0;
	margin-left:auto;
}
@media screen and (max-width: 1250px) {
.MyContent .Reponses{
	max-width:650px;
	font-size:12px;
}
}
@media screen and (max-width: 1023px) {
.MyContent .Reponses{
	max-width:1023px;
	margin:0 auto
}
}
.MyContent .Reponses li{
	padding:0;
	width:calc(33.33% - 20px);
	margin:10px;
	text-align:center;
	background-image:url(img/item-background.jpg);
	overflow:hidden;
	height:190px;
	position:relative;
	display:block;
	background-size:100% auto;
	cursor:pointer;
}
@media screen and (max-width: 761px) {
.MyContent .Reponses li{
	width:calc(50% - 20px);
}
}
.MyContent .Reponses li img{
	width:100px;
	height:100px;
	/*margin:30px auto;*/
	margin:18px auto;
	display:block;
	z-index:1;
	transform:scale(1);
	transition:transform 0.2s ease-in-out ;
}
.MyContent .Reponses li:hover img{
	transform:scale(1.2);
}
.MyContent .Reponses li span{
	background-color:#cd9711;
	display:block;
	width:100%;
	color:#fff;
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	line-height:1em;
	text-align:center;
	text-transform:uppercase;
	padding:15px;
	
}

.MyContent .FaceProduct{
	
}
.MyContent .MyQuizzRoutineScreen .IngredientName{
	color:#000;
	font-size:14px;
	margin:0;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	position:absolute;
	display:inline-block;

	
}
.MyContent .BodyProduct .IngredientName{
	text-align:right;
	bottom:75%;
}
.MyContent #ROUTINE-RESULT-BODY-anti-eau .IngredientName{
	right:40%;
}
.MyContent #ROUTINE-RESULT-BODY-relax .IngredientName{
	right:62%;
}
.MyContent #ROUTINE-RESULT-BODY-tonic .IngredientName{
	right:40%;
}

.MyContent .FaceProduct .IngredientName{
	text-align:right;
	bottom:65%;
}
.MyContent #ROUTINE-RESULT-FACE-lotus .IngredientName{
	right:25%;
}
.MyContent #ROUTINE-RESULT-FACE-orchidee .IngredientName{
	right:32%;
}
.MyContent #ROUTINE-RESULT-FACE-santal .IngredientName{
	right:48%;
}
.MyContent .Product{
	text-align:center;
	display:none;
}
.MyContent .Product[data-selected="1"]{
	display:block;
}
@media screen and (min-width: 1023px) {
.MyContent .Product{
	height:459px;
	width:205px;
	display:none;
	flex-direction:column;
	justify-content:flex-end;
	position:relative;
	overflow:hidden;
	padding-bottom:80px;
}
.MyContent .Product[data-selected="1"]{
	display:flex;
}
.MyContent .FaceProduct{
	padding-left:275px;
	text-align:left;
	height:270px;
	margin-left:-50px;
	margin-right:-50px;
}
.MyContent .BodyProduct{
	padding-right:275px;
	text-align:right;
	height:350px;
	margin-left:-50px;
}
.MyContent .Product p{
	
	
}
.MyContent .FaceProduct .ProductVisual{
	position:absolute;
	display:block;
	bottom:0;
	left:-100px;
}
.MyContent .BodyProduct .ProductVisual{
	position:absolute;
	display:block;
	bottom:0;
	right:0;
}
}
.MyContent .ProductResult{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-end;
	margin-right:0;
	margin-left:auto;
	max-width: 850px;
	z-index:2;
	position:relative;
}

.MyContent .ProductVisual{
	display:inline-block;
	position:relative;
	margin:0;
	max-width:375px;
}

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

.MyContent .ProductVisual{
	display:block;
	position:relative;
	margin:0;
	width:320px;
	height:392px;
	overflow:hidden;
}
}

.MyContent .ProductVisual img{
	display:block;
	position:relative;
	max-width:100%;
}
.MyContent .ProductName{
	color:#e3af2d;
	font-size:28px;
	margin:0;
	font-family:ClarinsRegular, Clarins;
}

@media screen and (max-width: 761px) {
.MyContent .ProductVisual img{
	display:block;
	position:relative;
	margin:0;
	width:320px;
	/*margin-top:-70px;*/
	overflow:hidden;

}
}

.MyContent .ProductPrice{
	color:#000;
	font-size:16px;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1023px) and (min-width: 762px) {
.MyContent .ProductResult{
	flex-wrap:no-wrap;
}
.MyContent .MyQuizzRoutineScreen .Product{
	width:300px;
	height:auto!important;
	margin-top:-60px;
	padding-bottom:30px;
}
}
@media screen and (max-width: 761px) {
	.MyContent .ProductResult{
		padding-bottom: 50px;
	}
	.MyContent .MyQuizzRoutineScreen .Product{
		margin-top:-50px;
	}
}
.MyContent .BtnLink {
	margin:0;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
	
}
/*-------------------------------------------------------------------*/
.MyQuizzOilsScreenContainer{
	background-image:url(img/background-oils-quizz.jpg);
	background-position:top center;
	padding-top:50px;
	
}
.MyQuizzOilsScreenContainer .MyQuizzOilsScreen .Wrapper .Question{
    position: relative;
}
.MyQuizzOilsScreenContainer .MyQuizzOilsScreen .Wrapper{
	box-sizing:border-box;
	min-height:555px;
}
@media screen and (max-width: 761px) {
	.MyQuizzOilsScreenContainer .MyQuizzOilsScreen .Wrapper{
		min-height:545px;
	}
}
.MyQuizzOilsScreenContainer .Title{
	color:#fff;
	font-size:35px;
	margin:0;
	font-family:ClarinsRegular, Clarins;
	line-height:1em;
	text-align:center;
	padding-bottom:15px;
}
@media screen and (max-width: 761px) {
	.MyQuizzOilsScreenContainer .Title{
		font-size:30px;
		padding-left:20px;
		padding-right:20px;
	}
}

@media screen and (min-width: 1250px) {
.MyQuizzOilsScreenContainer{
    margin-left: -175px;
    width: 1600px;
}
}
.MyQuizzOilsScreen{
	display:none;
	overflow:hidden;
	position:relative;
}
.MyQuizzOilsScreen[data-selected="1"]{
	display:block;
}
.MyQuizzOilsScreenContainer .TrueFalseChoice{
	max-width:768px;
	margin:0 auto;
	display:flex;
	z-index:2;
	position:relative;
	margin-top:-50px;
		padding-bottom:50px;
}
@media screen and (max-width: 761px) {
	.MyQuizzOilsScreenContainer .TrueFalseChoice{
		flex-direction: column;
		padding-bottom: 0;
	}
}
.MyQuizzOilsScreenContainer .TrueBlock,
.MyQuizzOilsScreenContainer .FalseBlock{
	flex-basis:50%;
	padding:0px;
	box-sizing:border-box;
}

.MyQuizzOilsScreen[data-selected="1"] .TrueBlock,
.MyQuizzOilsScreen[data-selected="1"] .FalseBlock{
	flex-basis:100%;
}
.MyQuizzOilsScreenContainer .TrueBlock{
	background-color:#FFF;
}
.MyQuizzOilsScreenContainer .FalseBlock{
	background-color:#cd9711;
}
.MyQuizzOilsScreenContainer .TrueBlock .Title,
.MyQuizzOilsScreenContainer .FalseBlock .Title{
	font-size:50px;
	padding:50px;
	cursor:pointer;
}
.MyQuizzOilsScreenContainer .TrueBlock .Title::after,
.MyQuizzOilsScreenContainer .FalseBlock .Title::after{
	box-sizing:border-box;
	height:20px;
	width:20px;
	margin:10px auto;
	border:2px solid #cd9711;
	content:" ";
	display:block;
	background-color:#fff;
}
.MyQuizzOilsScreen .TrueBlock[data-selected="1"] .Title,
.MyQuizzOilsScreen .FalseBlock[data-selected="1"] .Title{
	padding-bottom:15px;
		cursor:default;
}
.MyQuizzOilsScreen .TrueBlock[data-selected="1"] .Title::after,
.MyQuizzOilsScreen .FalseBlock[data-selected="1"] .Title::after{
	display:none;
}
.MyQuizzOilsScreenContainer .TrueBlock .Title{
	color:#cd9711;
}
.MyQuizzOilsScreenContainer .FalseBlock .Title{
	color:#FFF;
}
.MyQuizzOilsScreenContainer .Content{
	display:none;
	padding:50px;
	padding-top:0px;
	padding-bottom:30px;
}

.MyQuizzOilsScreenContainer .TrueBlock .Content p,
.MyQuizzOilsScreenContainer .TrueBlock .Content .TextLink a{
	color:#000;
}
.MyQuizzOilsScreenContainer .FalseBlock .Content p,
.MyQuizzOilsScreenContainer .FalseBlock .Content .TextLink a{
	color:#fff;
}
.MyQuizzOilsScreenContainer .Content p{
	font-size:16px;
	line-height:22px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	margin:0;
	text-align:center;
}
.MyQuizzOilsScreenContainer .Content.AlignLeft p{
	text-align:left;
}
.MyQuizzOilsScreenContainer .Content p strong{
	
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	padding-top:18px;
	padding-bottom:5px;
	display:block;
}
.MyQuizzOilsScreenContainer .Question .Text{
	padding-bottom:100px;
}
@media screen and (max-width: 761px) {
	.MyQuizzOilsScreenContainer .Question .Text{
		font-size:16px;
		padding-left:20px;
		padding-right:20px;
	}
}
.MyQuizzOilsScreenContainer .Content .TextLink  {
	display:block;
	padding-top:10px;
	text-align:center!important;
}
.MyQuizzOilsScreenContainer .Content .TextLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
}

.MyQuizzOilsScreenContainer .Content .TextLink a {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
	padding: 10px;
	color:#fff!important;
	background-color:#e3af2d;
	border:1px solid #e3af2d;
	line-height: 1em;
	transition: all ease-in-out 0.5s;
}
.MyQuizzOilsScreenContainer .Content .TextLink a:hover {
    background-color: #fff;
	color:#e3af2d!important;
}
.MyQuizzOilsScreenContainer .Background{
	position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    bottom: 0;
}

.MyQuizzOilsScreenContainer .BackgroundMobile{
	display:none;	
}
@media screen and (max-width: 761px) {
	.MyQuizzOilsScreenContainer .Background{
		display:none;	
	}
	
	.MyQuizzOilsScreenContainer .BackgroundMobile{
		display:block;
		margin-left:calc(50% - 381px);
	}
}

.MyQuizzOilsScreenContainer .BackgroundTop{
	position:absolute;
	left:50%;
	bottom: 0;
	transform:translateX(-50%);
}



	.MyContent .slick-dots{
		display: flex;
		position: relative;
		width: 100%;
		bottom: auto;
		justify-content: center;
		padding-bottom: 20px;
	}
	.MyContent  .slick-dots li, .slick-dots li button {
		width: 10px;
		height: 10px;
		cursor: pointer;
	}

.nutrition-line{
	width: 81%;
	border-top: 2px solid #e3af2d;
	color:#e3af2d;
	padding-top: 5px;
	margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
	.nutrition-line{
		display:none;
	}
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5)::after{
	content: "+";
border: 2px solid #e3af2d;
background-color: #fff;
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
right: -30px;
top: 0;
color: #e3af2d;
text-align: center;
cursor: pointer;
line-height: 20px;
font-size: 20px;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5):hover::after{
	content:"-";
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5) .PopinNoisette {
	display:none;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5):hover .PopinNoisette {
    position: absolute;
    background-color: #fff;
    width: 250px;
    text-align: center;
    color: #000;
    padding: 20px;
    font-size: 12px;
    top: -10px;
    right: -40px;
	
    border: 1px solid;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
	display:block;
}
@media screen and (max-width: 1023px) {
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5) .PopinNoisette {
	display:none!important;
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5)[data-open="1"] .PopinNoisette {
	display:block!important;
	position: absolute;
    background-color: #fff;
    width: 250px;
    text-align: center;
    color: #000;
    padding: 20px;
    font-size: 12px;
    top: -10px;
    right: -40px;
	
    border: 1px solid;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5)[data-open="0"]::after{
	content:"+" !important;
}

#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(5)[data-open="1"]::after{
	content:"-" !important;
}
}

/***DTW EDITS***/
@media only screen and (min-width: 1024px){
	#AROMA-Results .Wrapper .StatBlock .Num{
		font-size: 50px;
	}
	/*.nutrition-line{
		width: 100%;
	}*/
	#AROMA-100pAroma .Result{
		padding-left: 95px;
	}
	#AROMA-100pAroma .Result .Num{
		top: 20px;
	}
	.MyContent .Reponses li span{
		min-height: 70px;
	}
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Num{
		font-size: 45px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	#AROMA-TabPhytoSoin ul{
		margin: 0;
	}
	#AROMA-TabPhytoSoin ul li a{
		font-size: 30px;
	}
	#AROMA-TabPhytoSoin ul{
		background-size: 100%;
	}
	#AROMA-Biodiversity{
		max-width: 995px;
	}
	#AROMA-Biodiversity :nth-child(2).Item,
	#AROMA-Biodiversity :nth-child(4).Item{
		align-items: stretch;
		padding: 0px;
	}
	#AROMA-Biodiversity :nth-child(3).Item img{
		left: 20px;
	}
}

@media only screen and (min-width: 1023px) and (max-width: 1024px){
	#AROMA-100pPlantsSynergy .IngredientName:nth-child(1){
		right: calc(50% + 260px);
    	top: 570px;
	}
	#AROMA-TabPhytoSoin-1 .InlineBlock{
		margin: 4px;
	}
	#AROMA-Biodiversity .Item{
		min-height: 320px;
	}
}

@media only screen and (max-width: 761px){
	.MyContent .Reponses{
		font-size: 10px;
	}
	#AROMA-TabPhytoSoin-3 .Title{
		font-size: 32px;
	}
	#AROMA-100pAroma .Result .Num{
		top: 20px;
		font-size: 40px;
	}
	.MyContent .ProductResult{
		padding-top: 20px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(2){
		margin-left: -185px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(2) img{
		top: -190px;
		left: 110px;
	}
	#AROMA-TabPhytoSoin-2 .IngredientScreen ul li:nth-child(6) img{
		top: -295px;
	}
	#AROMA-Results .Wrapper .StatBlock .Num{
		font-size: 50px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.MyContent #ROUTINE-RESULT-BODY-relax .IngredientName{
		right: 58%;
		bottom: 85%;
	}
}

.natural-line{
	width: 18%;
	border-top: 2px solid #e3af2d;
	color:#e3af2d;
	padding-top: 5px;
	margin-bottom: 20px;
	    margin-left: 10px;
}
@media screen and (max-width: 1023px) {
	.natural-line{
		display:none;
	}
}

/*.MyBlock.natural-line .row{
	display: flex;
}
*/
/*.slick-initialized .slick-slide{
	padding: 20px;
}*/


@media only screen and (min-width: 768px) and (max-width: 1023px){
	#AROMA-TabPhytoSoin-2 .IngredientScreen {
    	margin-top: -64px!important;
	}
}
@media only screen and (max-width: 761px) {
	#AROMA-TabPhytoSoin-3 .Tab-3-AromaResults .Num {
    	font-size: 39px;
	}
	/*.MyContent .Reponses li span
	{
		padding-bottom: 0px!important;
	}*/
}

.MyContent .Reponses li span {
    padding: -11px!important;    
/*    bottom: -8px!important;*/
}


#AROMA-Results .Wrapper .StatBlock:nth-child(1) .Num{
	background-repeat: no-repeat;
	background-size: 127px 118px!important;
}
#AROMA-Results .Wrapper .StatBlock .Num{
	font-size: 35px!important;
}
#AROMA-Results .Wrapper .StatBlock .Num{
	width: 135px!important;
}

#AROMA-Results .Wrapper .StatBlock .Num {
    line-height: 121px;
}

/*@media only screen and (max-width: 1023px){
	#AROMA-Results .Wrapper .StatBlock:nth-child(1) .Num{
		background-size: 90px 90px;
	}
}*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
	#AROMA-Results .Wrapper .StatBlock .Num {
    	line-height: 104px!important;
	}
	#AROMA-Results .Wrapper .StatBlock:nth-child(1) .Num {
    background-size: 100px!important;
	}
	#AROMA-Results .Wrapper .StatBlock .Num {
    width: 100px!important;
	}
/*	#AROMA-ResultsIngredients {
    padding-top: 10px;
}*/
}

@media only screen and (max-width: 1023px){
.MyContent .Reponses li img {
	    margin: 30px auto;
	}
}

html, body{
	overflow-x: unset;
}