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: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	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-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;
	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: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 80%, #eeeeee 100%);
	background: linear-gradient(0deg, #FFFFFF 0%, #FFFFFF 80%, #eeeeee 100%);
	clear: both;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: center;
	-ms-flex-align: 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;
	-webkit-flex-flex: 1;
	-ms-flex: 1;
	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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}

@media only screen and (max-width:761px) {
.MyContent .Sticky {
	-ms-flex-wrap: wrap;
	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) {
	-ms-flex-preferred-size: 80px;
	flex-basis: 80px;
}
.MyContent .Sticky div:nth-child(4) {
	-ms-flex-preferred-size: 100%;
	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;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 651px;
	width: 1752px;
	margin-left: -251px;
}

@media only screen and (max-width:1249px) {
.MyContent .MyFirstScreen {
	text-align: center;
	width: 1752px;
	margin-left: calc(50% - 876px);
}
}

@media only screen and (max-width:1023px) {
.MyContent .MyFirstScreen {
	text-align: center;
	width: 100%;
	margin-left: 0;
	background-image: url(../img/header-mobile.jpg);
	padding-top: 66vw;
	background-size: 100% auto;
	height: auto;
}
}
.MyContent .FloatingBox h1 {
	margin-bottom: 20px;
	font-size: 60px;
}
.MyContent .FloatingBox {
	position: absolute;
	top: 110px;
	left: 50%;
	max-width: 380px;
	background-color: #fff;
	margin: 20px;
	padding: 60px;
}

@media only screen and (max-width:1023px) {
.MyContent .FloatingBox {
	position: relative;
	top: auto;
	left: auto;
	margin: 0px;
	padding: 30px;
	max-width: 761px;
}
}
.MyContent .MyFirstScreen p {
	font-size: 14px;
	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;
}

@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/mask-products.png);
	background-image: url(../img/mask-products.svg);
	background-size: 22px 22px;
	background-position: center center;
	background-repeat: no-repeat;
}
.MyContent .NavContainer .BreadCrumb .LipsPicto.Selected {
	-webkit-background-image: url(../img/mask-products-white.png);
	background-image: url(../img/mask-products-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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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: 1023px;
	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: 600px;
}
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .Wrapper ul.PolaListe {
	max-width: 600px;
}
}
.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: 100%;
	position: relative;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	backface-visibility: hidden;
	overflow: hidden;
}
.MyContent .BackgroundVisual div {
	display: none;
}

@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;
}
}
 @-webkit-keyframes FadeIn {
 0% {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 40% {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 50% {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 98% {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 100% {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
 @keyframes FadeIn {
 0% {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 40% {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 50% {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 98% {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 100% {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.MyContent .ScreenBlock[data-selected="0"] {
	left: 100%;
	left: calc(50% - 625px);
}
 @-webkit-keyframes hideFromRight {
0% {
left:calc(50% - 625px);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
99% {
left:100%;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
100% {
left:calc(50% - 625px);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
 @keyframes hideFromRight {
0% {
left:calc(50% - 625px);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
99% {
left:100%;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
100% {
left:calc(50% - 625px);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@-webkit-keyframes hideFromLeft {
0% {
left:calc(50% - 625px);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
99% {
left:-1250px;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
100% {
left:calc(50% - 625px);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes hideFromLeft {
0% {
left:calc(50% - 625px);
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
99% {
left:-1250px;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
100% {
left:calc(50% - 625px);
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.MyContent .ScreenBlock[data-selected="hideFromRight"] {
	-webkit-animation: hideFromRight 0.5s ease-in-out;
	animation: hideFromRight 0.5s ease-in-out;
}
.MyContent .ScreenBlock[data-selected="hideFromLeft"] {
	-webkit-animation: hideFromLeft 0.5s ease-in-out;
	animation: hideFromLeft 0.5s ease-in-out;
}
.MyContent .ScreenBlock[data-selected="1"] {
	left: calc(50% - 625px);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 3;
}
.MyContent a.PolaroidBtn {
	font-size: 0px;
	background-color: #FFF;
	padding: 0px;
	display: inline-block;
	text-decoration: none;
	position: relative;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
	margin: 2px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.8s;
	transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.8s;
	transition: opacity ease-in-out 0.2s, transform ease-in-out 0.8s;
	transition: opacity ease-in-out 0.2s, transform ease-in-out 0.8s, -webkit-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 {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.MyContent ul li:nth-child(2) a.PolaroidBtn {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.MyContent ul li:nth-child(3) a.PolaroidBtn {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.MyContent ul li:nth-child(4) a.PolaroidBtn {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.MyContent ul li:nth-child(5) a.PolaroidBtn {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
.MyContent ul li:nth-child(6) a.PolaroidBtn {
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s;
}
.MyContent ul li:nth-child(7) a.PolaroidBtn {
	-webkit-transition-delay: 2.8s;
	transition-delay: 2.8s;
}
.MyContent ul li:nth-child(8) a.PolaroidBtn {
	-webkit-transition-delay: 3.2s;
	transition-delay: 3.2s;
}
.MyContent ul li:nth-child(9) a.PolaroidBtn {
	-webkit-transition-delay: 3.6s;
	transition-delay: 3.6s;
}
.MyContent ul + ul li:nth-child(1) a.PolaroidBtn {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.MyContent ul + ul li:nth-child(2) a.PolaroidBtn {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}
.MyContent ul + ul li:nth-child(3) a.PolaroidBtn {
	-webkit-transition-delay: 2.4s;
	transition-delay: 2.4s;
}

@media only screen and (max-width:761px) {
}
.MyContent .ScreenBlock[data-selected="1"] a.PolaroidBtn {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

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

@media only screen and (max-width:761px) {
.MyContent a.PolaroidBtn {
	-webkit-transition: none;
	transition: none;/*padding:0;max-width:150px;*/
}
}
.MyContent a.PolaroidBtn img {
	display: block;
	position: relative;
	max-width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-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 {
	-webkit-transform: scale(1.05);
	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;
	position: absolute;
}
.MyContent #Texture-02 {
	width: 1600px;
	height: 773px;
	left: calc(50% - 800px);
	top: 0;
	position: absolute;
}
.MyContent #Texture-03 {
	width: 1600px;
	height: 773px;
	left: calc(50% - 800px);
	top: 0;
	position: absolute;
}
/*///////////////////////////////////////////////////////////*/

/*----------------------- SCREEN - 02 ----------------------*/
.MyContent .Screen-02 .Wrapper ul li {
	font-size: 0;
}
.MyContent .AnimScreen-02 #Texture-01 {
	display: block;
}
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn {
	margin: 5px;
	text-decoration: none;
	padding: 0;
}

@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: #FFF;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	height: 68px;
	text-transform: none;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn .TextPola {
	height: 48px;
	font-size: 12px;
}
}
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img {
	width: 100%;
	max-width: 240px;
}

@media only screen and (max-width:1249px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img {
	width: 100%;
	max-width: 19.2vw;
}
}

@media only screen and (max-width:1023px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img {
	width: 100%;
	max-width: 220px;
}
}

@media only screen and (max-width:761px) {
.MyContent .Screen-02 .Wrapper ul li .PolaroidBtn img {
	width: calc(50vw - 20px);
}
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(1) .PolaroidBtn {
	background-color: #fcbb7f;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(1) .PolaroidBtn:before {
	border-color: #fcbb7f;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(2) .PolaroidBtn {
	background-color: #f198c1;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(2) .PolaroidBtn:before {
	border-color: #f198c1;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(3) .PolaroidBtn {
	background-color: #f8bc9d;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(3) .PolaroidBtn:before {
	border-color: #f8bc9d;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(4) .PolaroidBtn {
	background-color: #be0f34;
}
.MyContent .Screen-02 .Wrapper ul li:nth-child(4) .PolaroidBtn:before {
	border-color: #be0f34;
}

@media only screen and (max-width:1023px) {
.MyContent .Screen-02 .Wrapper ul {
	max-width: 480px;
}
}
/*----------------------- SCREEN - 03 ----------------------*/

.MyContent .AnimScreen-03 #Texture-02 {
	display: block;
}
.MyContent .Screen-03 .Wrapper .OpenRoll {
	display: block;
	position: absolute;
	text-align: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	color: #fff;
	border: 2px solid #fff;
	top: calc(100% + 10px);
	left: calc(50% - 20px);
	font-size: 20px;
	line-height: 40px;
	text-decoration: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.5s ease-in-out 1s;
	transition: opacity 0.5s ease-in-out 1s;
}
.MyContent .Screen-03[data-selected="1"] .Wrapper .OpenRoll {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.MyContent .Screen-03 .Wrapper .CloseRoll {
	display: none;
	position: absolute;
	text-align: center;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	color: #fff;
	top: 10px;
	right: 10px;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
}
.MyContent .Screen-03 .Wrapper ul li .TextPola {
	height: 68px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	text-decoration: none!important;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul li .TextPola {
	height: 48px;
	font-size: 11px;
	padding: 10px;
}
}
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn {
	padding: 0px;
	margin: 5px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.MyContent .Screen-03 .Wrapper ul li {
	margin-bottom: 80px;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .Wrapper ul.PolaListe li {
	z-index: 1;
	margin-bottom: 0px;
}
.MyContent .ScreenBlock .Wrapper ul.PolaListe li.Opened {
	z-index: 4;
}
.MyContent .ScreenBlock .Wrapper ul.PolaListe li.Closed {
	display: none;
}
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn {
	margin: 2px;
	width: calc(33vw - 10px);
	overflow: visible;
	-webkit-animation: none!important;
	animation: none!important;
}
.MyContent .ScreenBlock .Wrapper ul.PolaListe li.Opened .PolaroidBtn {
	width: calc(100vw - 30px);
}
.MyContent .ScreenBlock .Wrapper ul.PolaListe li.Opened img {
	display: none;
}
.MyContent .ScreenBlock .Wrapper ul.PolaListe li.Opened .TextPola {
	display: none;
}
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn span {
	overflow-x: hidden;
	display: block;
}
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn .TextPola {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
}
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn img {
	width: 100%;
	max-width: 274px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul li .PolaroidBtn img {
	width: 200px;
	max-width: 200px;
	margin-left: calc(16.5vw - 105px);
}
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(1) .PolaroidBtn, .MyContent .Screen-03 .Wrapper ul li:nth-child(1) .PolaroidBtn .Roll {
	background-color: #f4a728;
	color: #fff;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(1) .OpenRoll {
	background-color: #f4a728;
	color: #fff;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(1) .PolaroidBtn:before {
	border-color: #f4a728;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(2) .PolaroidBtn, .MyContent .Screen-03 .Wrapper ul li:nth-child(2) .PolaroidBtn .Roll {
	background-color: #39b3e6;
	color: #fff;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(2) .OpenRoll {
	background-color: #39b3e6;
	color: #fff;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(2) .PolaroidBtn:before {
	border-color: #39b3e6;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(3) .PolaroidBtn, .MyContent .Screen-03 .Wrapper ul li:nth-child(3) .PolaroidBtn .Roll {
	background-color: #76bf95;
	color: #fff;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(3) .OpenRoll {
	background-color: #76bf95;
	color: #fff;
}
.MyContent .Screen-03 .Wrapper ul li:nth-child(3) .PolaroidBtn:before {
	border-color: #76bf95;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul li .OpenRoll {
	display: block;
	position: relative;
}
.MyContent .ScreenBlock .Wrapper ul li.Opened .OpenRoll {
	display: none;
}
}
.MyContent .Screen-03 .Wrapper .Roll {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	display: block;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	box-sizing: border-box;
	padding: 20px;
	height: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper .Roll {
	width: 100%;
	max-width: 761px;
	display: none;
	z-index: 4;
	-webkit-transition: none;
	transition: none;
	left: 0px;
	position: relative;
}
}
.MyContent .Screen-03 .Wrapper .Roll p {
	font-size: 12px;
	line-height: 18px;
}
.MyContent .Screen-03 .Wrapper .Roll p:first-child {
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 8px;
}
.MyContent .Screen-03 .Wrapper .Roll p:first-child strong {
	display: block;
}
.MyContent .Screen-03 .Wrapper .Roll.Opened {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	top: 0px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul li .Roll.Opened {
	display: none;
}
.MyContent .ScreenBlock .Wrapper ul li.Opened .Roll.Opened {
	display: block;
}
}
/*----------------------- SCREEN - 04 ----------------------*/
/*----------------------- SCREEN - 05 ----------------------*/
/*----------------------- SCREEN - 06 ----------------------*/
.MyContent .AnimScreen-04 #Texture-03, .MyContent .AnimScreen-05 #Texture-03, .MyContent .AnimScreen-06 #Texture-03, .MyContent .AnimScreen-07 #Texture-03 {
	display: block;
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn img, .MyContent .Screen-05 .Wrapper ul li .PolaroidBtn img, .MyContent .Screen-06 .Wrapper ul li .PolaroidBtn img, .MyContent .Screen-07 .Wrapper ul li .PolaroidBtn img {
	width: 100%;
	max-width: 274px;
}
.MyContent .Screen-04 .Wrapper ul li .TextPola, .MyContent .Screen-05 .Wrapper ul li .TextPola, .MyContent .Screen-06 .Wrapper ul li .TextPola, .MyContent .Screen-07 .Wrapper ul li .TextPola {
	height: 68px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	text-decoration: none!important;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
}
.MyContent .Picto-1 .TextPola {
	background-color: #0fabd9;
}
.MyContent .Wrapper ul .Picto-1 .PolaroidBtn:before {
	border-color: #0fabd9;
}
.MyContent .Picto-2 .TextPola {
	background-color: #add295;
}
.MyContent .Wrapper ul .Picto-2 .PolaroidBtn:before {
	border-color: #add295;
}
.MyContent .Picto-3 .TextPola {
	background-color: #9185be;
}
.MyContent .Wrapper ul .Picto-3 .PolaroidBtn:before {
	border-color: #9185be;
}
.MyContent .Picto-4 .TextPola {
	background-color: #be0f34;
}
.MyContent .Wrapper ul .Picto-4 .PolaroidBtn:before {
	border-color: #be0f34;
}
.MyContent .Picto-5 .TextPola {
	background-color: #f09f20;
}
.MyContent .Wrapper ul .Picto-5 .PolaroidBtn:before {
	border-color: #f09f20;
}
.MyContent .Picto-6 .TextPola {
	background-color: #dccaba;
}
.MyContent .Wrapper ul .Picto-6 .PolaroidBtn:before {
	border-color: #dccaba;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn, .MyContent .Screen-05 .Wrapper ul li .PolaroidBtn, .MyContent .Screen-06 .Wrapper ul li .PolaroidBtn, .MyContent .Screen-07 .Wrapper ul li .PolaroidBtn {
	width: calc(33vw - 10px);
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn span, .MyContent .Screen-05 .Wrapper ul li .PolaroidBtn span, .MyContent .Screen-06 .Wrapper ul li .PolaroidBtn span, .MyContent .Screen-07 .Wrapper ul li .PolaroidBtn span {
	overflow: hidden;
	display: block;
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn img, .MyContent .Screen-05 .Wrapper ul li .PolaroidBtn img, .MyContent .Screen-06 .Wrapper ul li .PolaroidBtn img, .MyContent .Screen-07 .Wrapper ul li .PolaroidBtn img {
	width: 180px;
	margin-left: calc(50% - 90px);
}
.MyContent .Screen-04 .Wrapper ul li .PolaroidBtn .TextPola, .MyContent .Screen-05 .Wrapper ul li .PolaroidBtn .TextPola, .MyContent .Screen-06 .Wrapper ul li .PolaroidBtn .TextPola, .MyContent .Screen-07 .Wrapper ul li .PolaroidBtn .TextPola {
	font-size: 11px;
	padding: 10px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-transform: none;
}
}

/*--------------------------------------------------------*/
@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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	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;
	display: block;
	max-width: 380px;
}

@media only screen and (max-width:1023px) {
.MyContent .Packshot img {
	max-width: 100%;
}
}

@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: center;
	margin: 20px;
	margin-top: 0;
}

@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 .Price {
	margin: 20px;
	margin-bottom: 0;
}
.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;
	color: #be0f34;
}

@media only screen and (max-width:761px) {
.MyContent .ProductInfos h3 {
	font-size: 18px;
}
}
.MyContent .ProductInfos .BtnLink {
	margin-top: 8px;
	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: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/* flex-wrap: wrap; */
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	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;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.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 .MyProductResult {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

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

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
}
.MyContent .MyProductResult .Wrapper {
	width: 50%;
	max-width: 420px;
	margin: 20px;
}

@media only screen and (max-width:1023px) {
.MyContent .MyProductResult .Wrapper {
	width: 50%;
	max-width: 310px;
	margin: 10px;
}
}

@media only screen and (max-width:761px) {
.MyContent .MyProductResult .Wrapper {
	width: calc(100% - 40px);
}
}
.MyContent .MyProductResult .Ingredient {
	position: absolute;
	font-size: 11px;
	display: inline-block;
	margin: 0;
	line-height: 1em;
	text-align: left;
}
.MyContent .ProductDescription {
	padding: 30px;
	color: #fff;
	text-align: center;
}
.MyContent .ProductDescription p {
	margin: 0;
	margin-top: 20px;
	font-size: 14px;
}
.MyContent .ProductDescription h3 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: normal;
}
.MyContent .ProductHowToApply {
	text-align: left;
	margin-top: 30px;
}
.MyContent .ProductHowToApply p {
	margin: 0;
	text-align: left;
	line-height: 1.4em;
	font-size: 14px;
}
.MyContent .ProductHowToApply .ContentBox {
	-webkit-flex-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.MyContent .ProductHowToApply img {
	margin-right: 20px;
}
.MyContent .ProductHowToApply h3 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 15px;
	font-weight: normal;
}
.MyContent .ProductHowToApply .products-pagination.jcarousel-control-next, .MyContent .ProductHowToApply .products-pagination.jcarousel-control-prev {
	top: 40px;
	background: transparent;
	height: 50px;
}
.MyContent .ProductHowToApply .products-pagination.jcarousel-control-next span {
	background: url(../img/next.png) no-repeat;
	height: 50px;
}
.MyContent .ProductHowToApply .products-pagination.jcarousel-control-prev span {
	background: url(../img/prev.png) no-repeat;
	height: 50px;
}
/**********************************/
.MyContent .ProductTips {
	text-align: center;
	margin-bottom: 40px;
	padding: 20px;
	border: 5px solid #000;
	max-width: 830px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width:1023px) {
.MyContent .ProductTips {
	max-width: 680px;
}
}

@media only screen and (max-width:761px) {
.MyContent .ProductTips {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 260px;
	width: calc(100% - 90px);
}
}
.MyContent .ProductTips p {
	margin: 0;
	text-align: center;
	line-height: 1.4em;
	font-size: 14px;
}
.MyContent .ProductTips h3 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 15px;
	font-weight: normal;
}
/*----------------------------------*/
#Masque-Super-Restorative .Ingredient {
	left: 80%;
	top: 74%;
}
#Masque-Super-Restorative .ProductDescription {
	background-color: #be0f34;
}
#Masque-Super-Restorative .ProductDescription h3, #Masque-Super-Restorative .ProductDescription p {
	color: #FFF!important;
}
#Masque-Super-Restorative .ProductHowToApply {
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 20px;
	padding-bottom: 20px;
}
#Masque-Super-Restorative .ProductHowToApply img {
	margin: 0;
	float: none!important;
	display: block!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
#Masque-Super-Restorative .ProductHowToApply ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
#Masque-Super-Restorative .ProductHowToApply ul li {
	text-align: center;
	margin: 0;
	padding: 20px;
	border: 0px solid;
}
#Masque-Super-Restorative .ProductHowToApply ul li p {
	text-align:center;
	margin: 0;
	padding: 0;
	display:block;
	position:relative;
	width:100%;
}
#Masque-Super-Restorative .ProductHowToApply .jcarousel-pagination {
	position: relative;
	text-align: center;
	display: block;
	bottom: auto;
	left: auto;
	-webkit-transform: none;
	transform: none;
}
#Masque-Super-Restorative .ProductTips {
	border: 5px solid #be0f34;
}
/*----------------------------------*/
#Masque-Multi-Regenerant .Ingredient {
	left: 80%;
	top: 54%;
}
#Masque-Multi-Regenerant .ProductDescription {
	background-color: #a197cb;
}
#Masque-Multi-Regenerant .ProductDescription h3, #Masque-Multi-Regenerant .ProductDescription p {
	color: #FFF!important;
}
#Masque-Multi-Regenerant .ProductHowToApply {
	text-align: center;
}
#Masque-Multi-Regenerant .ProductTips {
	border: 5px solid #a197cb;
}
/*----------------------------------*/
#Masque-Lift-Affine .Ingredient {
	left: 70%;
	top: 49%;
}
#Masque-Lift-Affine .ProductDescription {
	background-color: #b29378;
}
#Masque-Lift-Affine .ProductDescription h3, #Masque-Lift-Affine .ProductDescription p {
	color: #FFF!important;
}
#Masque-Lift-Affine .ProductHowToApply {
	text-align: center;
}
#Masque-Lift-Affine .ProductTips {
	border: 5px solid #b29378;
}
/*----------------------------------*/
#SOS-Hydra-Product .Ingredient {
	left: 77%;
	top: 67%;
}
#SOS-Hydra-Product .ProductDescription {
	background-color: #34b6e4;
}
#SOS-Hydra-Product .ProductDescription h3, #SOS-Hydra-Product .ProductDescription p {
	color: #FFF!important;
}
#SOS-Hydra-Product .ProductHowToApply {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#SOS-Hydra-Product .ProductTips {
	border: 5px solid #34b6e4;
}
/*----------------------------------*/
#SOS-Pure-Product .Ingredient {
	left: 74%;
	top: 63%;
}
#SOS-Pure-Product .ProductDescription {
	background-color: #aed293;
	color: #000;
}
#SOS-Pure-Product .ProductHowToApply {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#SOS-Pure-Product .ProductTips {
	border: 5px solid #aed293;
}

@media only screen and (max-width:761px) {
/*.MyContent .MyProductResult .Wrapper {
	width: calc(100% - 40px);
}*/
.MyContent .MyProductResult .Wrapper {
	width: calc(100% - 20px);
	max-width: 355px;
}



}
/*----------------------------------*/
#SOS-Comfort-Product .Ingredient {
	left: 67%;
	top: 51%;
}
#SOS-Comfort-Product .ProductDescription {
	background-color: #ffd451;
	color: #000;
}
#SOS-Comfort-Product .ProductHowToApply {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#SOS-Comfort-Product .ProductTips {
	border: 5px solid #ffd451;
}

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


@media only screen and (max-width:1023px) {
.MyContent .ProductHowToApply {
	display: block!important;
	text-align: center!important;
	margin-bottom: 20px!important;
}
.MyContent .ProductHowToApply p {
	text-align: center!important;
}
.MyContent .ProductHowToApply img {
	margin: 0!important;
}
}
/**********************************/
.MyContent .BeautyRoutine {
	padding: 40px;
	box-sizing: border-box;
	max-width: 1048px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 4;
	padding-bottom: 0;
}

@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: 35px;
	font-family: ClarinsRegular, Clarins;
	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: inline-block;
	padding-bottom: 10px;
	color: #e5a47c;
	line-height: 1em;
}
#Masque-Super-Restorative .BeautyRoutine h4 span.num {
	color: #be0f34;
}
#Masque-Multi-Regenerant .BeautyRoutine h4 span.num {
	color: #a197cb;
}
#Masque-Lift-Affine .BeautyRoutine h4 span.num {
	color: #b29378;
}
#SOS-Hydra-Product .BeautyRoutine h4 span.num {
	color: #34b6e4;
}
#SOS-Comfort-Product .BeautyRoutine h4 span.num {
	color: #ffd451;
}
#SOS-Pure-Product .BeautyRoutine h4 span.num {
	color: #aed293;
}
.MyContent .BeautyRoutine p.Visual {
	font-size: 14px;
	margin: 20px;
}
.MyContent .BeautyRoutine p.Visual img {
	max-width: 100%;
}
.MyContent .BeautyRoutine p.Text {
	min-height: 40px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 14px;
}
.MyContent .BeautyRoutine ul {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: end;
	-ms-flex-align: end;
	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 .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;
}
}
/*----------------------------------------------------*/
.ProductFAQ {
	width: 1600px;
	margin-left: -175px;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ccc;
	position: relative;
}

@media only screen and (max-width:1599px) {
.ProductFAQ {
	width: 100%;
	margin-left: 0;
}
}
#Masque-Super-Restorative .ProductFAQ {
	background-image: url('../img/FAQ-Background_Masque-Super-Restorative.jpg');
	height: 820px;
}
#Masque-Multi-Regenerant .ProductFAQ {
	background-image: url('../img/FAQ-Background_Masque-Multi-Regenerant.jpg');
	height: 884px;
}
#Masque-Lift-Affine .ProductFAQ {
	background-image: url('../img/FAQ-Background_Masque-Lift-Affine.jpg');
	height: 884px;
}
#SOS-Hydra-Product .ProductFAQ {
	background-image: url('../img/FAQ-Background_SOS-Masque-Hydra.jpg');
	height: 884px;
}
#SOS-Comfort-Product .ProductFAQ {
	background-image: url('../img/FAQ-Background_SOS-Masque-Comfort.jpg');
	height: 884px;
}
#SOS-Pure-Product .ProductFAQ {
	background-image: url('../img/FAQ-Background_SOS-Masque-Pure.jpg');
	height: 760px;
}
@media only screen and (max-width:1024px) {
.ProductFAQ {
	overflow:hidden;
}
}
@media only screen and (max-width:761px) {
.ProductFAQ {
	height: calc(210vw + 140px)!important;
	background-size: auto 100%;
	max-height: 820px;
}
}
.ProductFAQ .ClickZone {
	content: " ";
	position: absolute;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-color: #FFF;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity ease-in-out 0.5s;
	transition: opacity ease-in-out 0.5s;
}
.ProductFAQ.Blurred .ClickZone {
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.ProductFAQ h3 {
	font-family: ClarinsRegular, Clarins;
	color: #000;
	font-size: 35px;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	padding: 35px;
	text-align: center;
	display: block;
}

@media only screen and (max-width:761px) {
.ProductFAQ h3 {
	padding: 20px;
}
}
.ProductFAQ .WrapperItems {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: calc(100% - 105px);

	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 890px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width:1023px) {
.ProductFAQ .WrapperItems {
	max-width: 720px;
}
}

@media only screen and (max-width:761px) {
.ProductFAQ .WrapperItems {
	max-width: 340px;
}
}
.ProductFAQ .ItemSeparator {
	height: 100%;
	/*-webkit-flex-flex: 1;
	-ms-flex: 1;
	flex: 1;*/
}

@media only screen and (max-width:761px) {
.ProductFAQ .ItemSeparator {
	display: none;
}
}
.ProductFAQ .Item {
	max-width: 287px;
	width: 33%;
	padding: 10px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	margin: 5px;
	text-align: left;
	padding-bottom: 5px;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width:1023px) {
.ProductFAQ .Item {
	max-width: 230px;
}
}

@media only screen and (max-width:761px) {
.ProductFAQ .Item {
	width: calc(50% - 10px);
	padding: 5px;
}
#Masque-Super-Restorative .Item:nth-child(1) {
	-webkit-flex-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
#Masque-Super-Restorative .ItemSeparator:nth-child(2) {
	-webkit-flex-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: block;
}
#Masque-Super-Restorative .Item:nth-child(3) {
	-webkit-flex-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}
#Masque-Super-Restorative .Item:nth-child(4) {
	-webkit-flex-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}
#Masque-Super-Restorative .Item:nth-child(6) {
	-webkit-flex-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#Masque-Super-Restorative .Item:nth-child(7) {
	-webkit-flex-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
}
#Masque-Lift-Affine .Item:nth-child(1) {
	-webkit-flex-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
#Masque-Lift-Affine .ItemSeparator:nth-child(2) {
	-webkit-flex-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: block;
}
#Masque-Lift-Affine .Item:nth-child(3) {
	-webkit-flex-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}
#Masque-Lift-Affine .Item:nth-child(4) {
	-webkit-flex-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}
#Masque-Lift-Affine .Item:nth-child(6) {
	-webkit-flex-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#Masque-Lift-Affine .Item:nth-child(7) {
	-webkit-flex-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
}
#Masque-Multi-Regenerant .Item:nth-child(1) {
	-webkit-flex-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
#Masque-Multi-Regenerant .ItemSeparator:nth-child(2) {
	-webkit-flex-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: block;
}
#Masque-Multi-Regenerant .Item:nth-child(3) {
	-webkit-flex-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}
#Masque-Multi-Regenerant .Item:nth-child(4) {
	-webkit-flex-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}
#Masque-Multi-Regenerant .Item:nth-child(6) {
	-webkit-flex-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#Masque-Multi-Regenerant .Item:nth-child(7) {
	-webkit-flex-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
}
#SOS-Comfort-Product .Item:nth-child(1) {
	-webkit-flex-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
#SOS-Comfort-Product .Item:nth-child(3) {
	-webkit-flex-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}
#SOS-Comfort-Product .Item:nth-child(4) {
	-webkit-flex-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}
#SOS-Comfort-Product .Item:nth-child(5) {
	-webkit-flex-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#SOS-Comfort-Product .Item:nth-child(6) {
	-webkit-flex-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}
#SOS-Pure-Product .Item:nth-child(1) {
	-webkit-flex-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
#SOS-Pure-Product .ItemSeparator:nth-child(2) {
	-webkit-flex-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	display: block;
}
#SOS-Pure-Product .Item:nth-child(3) {
	-webkit-flex-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}
#SOS-Pure-Product .Item:nth-child(4) {
	-webkit-flex-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}
#SOS-Pure-Product .Item:nth-child(5) {
	-webkit-flex-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#SOS-Pure-Product .Item:nth-child(6) {
	-webkit-flex-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
}
#SOS-Hydra-Product .Item:nth-child(1) {
	-webkit-flex-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
#SOS-Hydra-Product .Item:nth-child(3) {
	-webkit-flex-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}
#SOS-Hydra-Product .Item:nth-child(4) {
	-webkit-flex-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}
#SOS-Hydra-Product .Item:nth-child(5) {
	-webkit-flex-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}
#SOS-Hydra-Product .Item:nth-child(6) {
	-webkit-flex-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}
}
.ProductFAQ .Item img {
	max-width: 100%;
	display: block;
	position: relative;
}
.ProductFAQ .Focused {
	z-index: 10;
}
.ProductFAQ .Visual {
	cursor: pointer;
	overflow: hidden;
}
.ProductFAQ .Focused .Visual img, .ProductFAQ .Blurred .Visual img {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ProductFAQ .Item .Visual img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform ease-in-out 0.5s;
	transition: -webkit-transform ease-in-out 0.5s;
	transition: transform ease-in-out 0.5s;
	transition: transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
	float:none!important;
	display:block!important;
		
}
.ProductFAQ .Item:hover .Visual img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);

}
/*.ProductFAQ .FAQ-Popin {
	display: block;
	position: absolute;
	background-color: #FFF;
	top: 0px;
	box-sizing: border-box;
	padding: 60px 40px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border: 20px #CCC solid;
	text-align: center;
	height: 0px;
	-webkit-transition: width ease-in-out 0.5s, opacity ease-in-out 0.2s;
	transition: width ease-in-out 0.5s, opacity ease-in-out 0.2s;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}*/
.ProductFAQ .FAQ-Popin {
	display: block;
	position: absolute;
	background-color: #FFF;
	top: -115px;
	box-sizing: border-box;
	padding: 60px 40px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border: 20px #CCC solid;
	text-align: center;
	height: 0px;
	-webkit-transition: width ease-in-out 0.5s, opacity ease-in-out 0.2s;
	transition: width ease-in-out 0.5s, opacity ease-in-out 0.2s;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	/*height:auto;*/
}
#Masque-Super-Restorative .FAQ-Popin {
	border: 20px #be0f34 solid;
}
#Masque-Multi-Regenerant .FAQ-Popin {
	border: 20px #a197cb solid;
}
#Masque-Lift-Affine .FAQ-Popin {
	border: 20px #b29378 solid;
}
#SOS-Hydra-Product .FAQ-Popin {
	border: 20px #34b6e4 solid;
}
#SOS-Comfort-Product .FAQ-Popin {
	border: 20px #ffd451 solid;
}
#SOS-Pure-Product .FAQ-Popin {
	border: 20px #aed293 solid;
}

@media only screen and (max-width:761px) {
.ProductFAQ .FAQ-Popin {
	border-width: 10px!important;
	padding: 30px 20px;
}
}
.ProductFAQ .ExpandLeft .FAQ-Popin {
	right: 0px;
}
.ProductFAQ .ExpandRight .FAQ-Popin {
	left: 0px;
}
.ProductFAQ .Focused .FAQ-Popin {
	display: block;
	width: calc(200% + 10px);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	cursor: default;
}
.ProductFAQ .FAQ-Popin .Title {
	font-size: 25px;
	font-family: ClarinsRegular, Clarins;
	line-height: 1em;
	margin: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ProductFAQ .FAQ-Popin .Text {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 14px;
}
.ProductFAQ .FAQ-Popin .Title {
	font-size: 25px;
	font-family: ClarinsRegular, Clarins;
	line-height: 1em;
	margin: 0;
	margin-bottom: 10px;
	padding-top: 10px;
}
.ProductFAQ .FAQ-Popin * {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ProductFAQ .Focused .FAQ-Popin * {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity ease-in-out 0.2s 0.5s;
	transition: opacity ease-in-out 0.2s 0.5s;
}

@media only screen and (max-width:761px) {
.ProductFAQ .FAQ-Popin .Text strong {
	display: block;
}
}
.ProductFAQ .FAQ-Popin .Stats {
	color: #be0f34;
	font-size: 35px;
	line-height: 112px;
	width: 112px;
	display: block;
	margin: 0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.ProductFAQ .FAQ-Popin ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ProductFAQ .FAQ-Popin ul li {
	display: block;
	padding: 10px;
}

@media only screen and (min-width:762px) {
.ProductFAQ .FAQ-Popin ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.ProductFAQ .FAQ-Popin ul li {
	-ms-flex-preferred-size: 33%;
	flex-basis: 33%;
	box-sizing: border-box;
}
}
.ProductFAQ .FAQ-Popin .Stats[data-value="85"] {
	background-image: url(../img/stat-pourcentage-85.png);
}
.ProductFAQ .FAQ-Popin .Stats[data-value="89"] {
	background-image: url(../img/stat-pourcentage-89.png);
}
.ProductFAQ .FAQ-Popin .Stats[data-value="91"] {
	background-image: url(../img/stat-pourcentage-91.png);
}
.ProductFAQ .FAQ-Popin .Stats[data-value="93"] {
	background-image: url(../img/stat-pourcentage-93.png);
}
.ProductFAQ .FAQ-Popin .CloseBtn {
	width: 41px;
	height: 41px;
	background-image: url(../img/close.png);
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.ProductFAQ .FAQ-Popin .Mentions {
	font-size: 10px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	margin-bottom: 0;
}
.ProductFAQ .FAQ-Title {
	font-size: 14px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	flex-direction: column;
	min-height: 70px;
	position: relative;
	line-height: 16px;
	padding-left: 10px;
	cursor: pointer;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ProductFAQ .FAQ-Title {
	font-size: 14px;
	padding-top:12px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: block;
	-webkit-flex-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	flex-direction: column;
	min-height: 15px;
	position: relative;
	line-height: 16px;
	padding-left: 10px;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 20px;
}
}

@media only screen and (max-width:1023px) {
.ProductFAQ .FAQ-Title {
	font-size: 13px;
	line-height: 1.1em;
}
.ProductFAQ .FAQ-Title br {
	display: none;
}
}

@media only screen and (max-width:761px) {
.ProductFAQ .FAQ-Title {
	font-size: 12px;
	line-height: 1.1em;
}
}
.ProductFAQ .FAQ-TitleFlexWrapper {
	display: flex;
	flex-direction: column;
}
.ProductFAQ .Focused .FAQ-Title, .ProductFAQ .Blurred .FAQ-Title {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ProductFAQ .FAQ-Title:before {
	content: "“";
	color: #be0f34;
	font-size: 70px;
	font-family: ClarinsRegular, Clarins;
	line-height: 70px;
	height: 35px;
	overflow: hidden;
	display: block;
	top: -20px;
	position: absolute;
	left: 0;
}


  #ProductResultDisplayContainer{
	  display:none;
  }
  .ProductResultDisplay{
	  display:none;
  }
.product-name{
	display:none;
}
#ProductResultDisplayContainer 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:0px;
	padding-top:5px;
}
@media only screen and (max-width:1023px) {
#ProductResultDisplayContainer h2 {
	padding-bottom:20px;
}
}
@media only screen and (max-width:761px) {
#ProductResultDisplayContainer h2 {
	font-size: 25px;
	padding: 20px;
}
}



@media only screen and (max-width:761px){
	.MyContent .BeautyRoutine p.Visual{
		height: 283.05px;
	}

	.hydrateimg img{
		margin-top: 60px;
	}
}

@media only screen and (max-width:1023px){
	.MyContent .BeautyRoutine p.Text{
		min-height: 60px;
	}
}

/*---*/
.ProductFAQ .FAQ-Popin{
	top: 1px;
}


/* AR - CSS Custom */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.MyContent .MyFirstScreen *,
.MyContent .NavContainer *,
.MyContent .ScreenContainer *,
#ProductResultDisplayContainer.MyContent * { 
	font-family: Tajawal, Helvetica, Aria l, sans-serif !important;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.MyContent .FloatingBox h1,
.MyContent .ScreenBlock h2,
.MyContent .NavContainer .HomeBtn a,
#ProductResultDisplayContainer.MyContent .TextLink a,
#ProductResultDisplayContainer.MyContent h2,
#ProductResultDisplayContainer.MyContent * > h4,
#ProductResultDisplayContainer.MyContent .BtnLink a,
.MyContent .ScreenBlock ul li .TextPola {
	font-weight: 500;
}

.MyContent .MyFirstScreen * > strong, 
.MyContent .MyFirstScreen * > h3,
.MyContent .NavContainer * > strong,
.MyContent .ScreenContainer * > strong,
#ProductResultDisplayContainer.MyContent * > strong,
#ProductResultDisplayContainer.MyContent * > h3 {
	font-weight: 700;
}

.MyContent .HomeBtn,
.MyContent h1, .MyContent h2, .MyContent h3, .MyContent h4, .MyContent h5, .MyContent h6,
.MyContent p,
.MyContent a,
.MyContent ul.PolaListe,
.MyContent .WrapperItems,
.MyContent .MyProductResult,
.MyContent .NavContainer .BreadCrumb,
.MyContent .jcarousel,
.MyContent .jcarousel-pagination {
	direction: rtl;
}

.MyContent .MyFirstScreen,
.MyContent .MyFirstScreen .FloatingBox,
.MyContent .BackgroundVisual img,
.MyContent .VideoLink a img,
.MyContent #Masque-Super-Restorative .ProductHowToApply img,
.MyContent #SOS-Pure-Product .ProductHowToApply img,
.MyContent #SOS-Comfort-Product .ProductHowToApply img,
.MyContent #SOS-Hydra-Product .ProductHowToApply img,
.MyContent .ProductFAQ {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}
.MyContent #Masque-Super-Restorative .ProductHowToApply ul li img[src*='visual-06_Masque-Super-Restorative.png'] {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

.MyContent .ProductHowToApply img {
	margin-left: 20px;
	margin-right: initial;
}
.MyContent .ProductHowToApply h3,
.MyContent .ProductHowToApply p,
.ProductFAQ .FAQ-Title {
	text-align: right;
}
.MyContent #Masque-Lift-Affine .ProductHowToApply h3,
.MyContent #Masque-Multi-Regenerant .ProductHowToApply h3,
.MyContent #Masque-Super-Restorative .ProductHowToApply h3 {
	text-align: inherit;
}

.MyContent ul li a.PolaroidBtn {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	    transform: translateX(-100%);
}

.MyContent .ProductFAQ .Item:nth-child(1) .Visual img,
.MyContent .ProductFAQ .Item:nth-child(6) .Visual img,
.MyContent .ProductFAQ .Item:nth-child(7) .Visual img,
.MyContent #SOS-Pure-Product .ProductFAQ .Item:nth-child(4) .Visual img {
	-webkit-transform: scaleX(-1) scaleY(1);
	-ms-transform: scaleX(-1) scaleY(1);
	    transform: scaleX(-1) scaleY(1);
}
.MyContent .ProductFAQ .Item:hover:nth-child(1) .Visual img,
.MyContent .ProductFAQ .Item:hover:nth-child(6) .Visual img,
.MyContent .ProductFAQ .Item:hover:nth-child(7) .Visual img,
.MyContent #SOS-Pure-Product .ProductFAQ .Item:hover:nth-child(4) .Visual img {
	-webkit-transform: scaleX(-1.05) scaleY(1.05);
	-ms-transform: scaleX(-1.05) scaleY(1.05);
	    transform: scaleX(-1.05) scaleY(1.05);
}

.ProductFAQ .FAQ-Title:before {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
	right: 0;
	left: initial;
}

.MyContent .FloatingBox {
	max-width: 500px;
}

.MyContent .NavContainer .BreadCrumb .NavBullet:after {
	left: initial;
	right: 100%;
}
.MyContent .NavContainer .BreadCrumb .NavBullet:before {
	right: initial;
	left: 100%;
}

.MyContent .ProductFAQ .ClickZone,
.MyContent .ProductFAQ h3,
.MyContent .ProductFAQ .WrapperItems {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}
#main:not(.main-homepage),
.footer-wrapper footer.footer-main { 
	padding-top: 0;
	margin-top: 0; 
}

#ProductResultDisplayContainer.MyContent .fa {
	font: normal normal normal 14px/1 FontAwesome !important;
	font-size: inherit;
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}
#ProductResultDisplayContainer.MyContent .ProductFAQ .FAQ-Popin .Text strong {
	font-weight: 400;
}
#ProductResultDisplayContainer.MyContent #Masque-Super-Restorative .ProductHowToApply .jcarousel-pagination {
	position: absolute;
	bottom: 0;
}

/* .ProductResultDisplay { display: block !important; } */