.olapic #olapic-slider-widget.olapic-slider-widget{
margin: 0px auto!important;
}
.olapic #olapic-slider-widget .olapic-slider-header{
padding-bottom:0px!important;
}
.olapic #olapic-slider-widget .olapic-header-column h3{
font-size:35px!important;
}
.olapic #olapic-slider-widget .olapic-header-column p {
   font-size:16px!important;
    margin: 0 auto!important;
 }
 .olapic #olapic-slider-widget .olapic-carousel li {
    width: 172px!important;
    height: 172px!important;
 }
 .olapic #olapic-slider-widget .olapic-header-column{
 	padding:0!important;
	width: 100% !important;
 }
 .olapic #olapic-slider-widget .olapic-header-buttons {
	   padding: 20px!important;
 }
 .olapic #olapic-slider-widget .olapic-footer-buttons {
   padding: 20px!important;
}
.MyPopinTutoMobile {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(img/PopinTuto-Left.png), url(img/PopinTuto.png) ;/*, url(img/PopinTuto-Right.png)*/
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: top 110px left 10px ,top 110px left 120px, top 110px right 10px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	z-index: 11;
	background-size: 110px auto, calc(100% - 220px) 303px, 110px auto;
}

.MyPopinTutoMobile .BtnLeft {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 202px;
	left: 110px;
	text-align: left;
	font-size: 16px;
	transform: translateY(-50%);
}
.MyPopinTutoMobile .BtnRight {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 300px;
	right: 110px;
	text-align: right;
	font-size: 16px;
	transform: translateY(-50%);
}
.MyPopinTutoMobile .TextLink {
	margin: 0;
	padding: 0;
	width:300px;
	position: absolute;
	top: 360px;
	left: calc(50% - 150px);
	text-align: center;
	font-size: 11px;
}
.MyPopinTutoMobile .TextLink a{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;
	text-transform:uppercase;
	
}
body, html {
	overflow-x: hidden;
	width: 100%;
}

.breadcrumb {
	display: none!important;
}
.breadcrumb-container {
	display:  none!important;
}
#main {
	margin-top: 0px;
}
.footer-wrapper {
	z-index: 2;
	position: relative;
}
.primary-content {
	padding-bottom: 0;
	margin-bottom: 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: 37px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 1;
}
.MyContent h1 span {
	display: inline-block;
}

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

@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 .MyFirstScreen {
	width: 50vw;
	padding-left: 50vw;
	margin-left: calc(625px - 50vw);
	background-color: #fcf0f2;
	/*background: linear-gradient(to bottom, #f3ebed, #fbf4f5);*/
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	min-height: 807px;
}

@media only screen and (max-width:1249px) {
.MyContent .MyFirstScreen {
	width: 50%;
	padding-left: 50%;
	margin-left: 0px;
}
}

@media only screen and (max-width:761px) {
.MyContent .MyFirstScreen {
	width: calc(100% - 20px);
	padding: 10px;
	margin-left: 0px;
	padding-bottom: 30px;
}
}
.MyContent .MyFirstScreen .InlineBlock {
	max-width: 500px;
	display: block;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

@media only screen and (max-width:761px) {
.MyContent .MyFirstScreen .InlineBlock {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
}
#FirstScreenTitle h1 {
	text-align: left;
	padding-top: 40px;
}

@media only screen and (max-width:761px) {
#FirstScreenTitle h1 {
	text-align: center;
	padding-top: 0px;
}
}
#FirstScreenTitle p {
	padding-top: 15px;
	margin: 0;
	font-size: 20px;
	font-family: ClarinsRegular, Clarins;
	max-width: 315px;
	padding-bottom: 30px;
	line-height: 24px;
}

@media only screen and (max-width:761px) {
#FirstScreenTitle p {
	max-width: 761px;
}
}
#FirstScreenWhiteBox {
	background-color: #FFF;
	padding: 30px;
	text-align: center;
	max-width: 320px;
}

@media only screen and (max-width:761px) {
#FirstScreenWhiteBox {
	margin-left: auto;
	margin-right: auto;
}
}
#FirstScreenWhiteBox ul.CheckBoxList {
	margin: 0;
	padding: 0px;
	text-align: left;
	list-style: none;
	margin-bottom: 30px;
}
#FirstScreenWhiteBox ul.CheckBoxList li {
	font-size: 14px;
	padding-left: 40px;
	min-height: 30px;
	display: block;
	padding-top: 10px;
	background-image: url(img/checkbox.png);
	background-repeat: no-repeat;
	background-position: top 2px left 0px;
}
#FirstScreenPackshot {
	left: auto;
	right: calc(50% + 20px);
	position: absolute;
	top: 0;
}

@media only screen and (max-width:761px) {
#FirstScreenPackshot {
	left: auto;
	right: auto;
	position: relative;
	top: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 200px;
}
}
#FirstScreenPackshot .Ingredient {
	position: absolute;
	font-size: 12px;
	left: 5%;
	top: 15%;
	margin: 0;
	padding: 0;
}
#FirstScreenPackshot .Visual {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#FirstScreenPackshot .Visual a.LinkProduct-Day {
	position: absolute;
	width: 65%;
	height: 28%;
	left: 8%;
	top: 38%;
}
#FirstScreenPackshot .Visual a.LinkProduct-Night {
	position: absolute;
	width: 65%;
	height: 28%;
	left: 26%;
	top: 65%;
}
#FirstScreenPackshot img {
	max-width:406px;
	width:100%;
}
#FirstScreenPackshot .BtnLink {
	padding: 0px;
	margin: 0px;
	text-align: center;
	display: block;
}
#FirstScreenTestimonies {
	margin-top: 45px;
	text-align: center;
	max-width: 380px;
	position: relative;
}
#FirstScreenTestimonies .jcarousel-pagination {
	position: relative;
	bottom: auto;
	margin-bottom: 10px;
}
#FirstScreenTestimonies::after {
	content: "“";
	color: #be0f34;
	font-family: ClarinsRegular, Clarins;
	font-size: 130px;
	position: absolute;
	top: -38px;
	left: calc(50% - 30px);
	width: 60px;
	z-index: 2;
	height: 60px;
	line-height: 130px;
	text-align: center;
	background-color: #fcf0f2;
	overflow: hidden;
}
#FirstScreenTestimonies::before {
	content: " ";
	border-top: 2px solid #FFF;
	display: block;
	height: 10px;
}
#FirstScreenTestimonies::before {
	content: " ";
	border-top: 2px solid #FFF;
	display: block;
	height: 10px;
}
#FirstScreenTestimonies ul {
	margin: 0;
	padding: 0;
	/*max-width: 380px;*/
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 4px;
	margin-top: 20px;
}
#FirstScreenTestimonies ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	white-space: normal;
	border: 1px solid #fcf0f2;
}
#FirstScreenTestimonies .BtnLink a {
	background-color: #FFF;
	color: #000;
	border: 2px solid #e6e6e6;
	padding: 16px 28px;
	margin-bottom: 40px;
}

#FirstScreenPackshot .BtnLink a {
	background-color: #FFF;
	color: #000;
	border: 2px solid #e6e6e6;
	padding: 16px 28px;
}

#FirstScreenTestimonies ul li p {
	margin: 0px;
	max-width: 380px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	margin-top: 10px;
}
#FirstScreenTestimonies ul li p .Author {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 80px;
	position: relative;
	display: inline-block;
}
#FirstScreenTestimonies ul li p .Author::before {
	content: "★★★★★";
	font-size: 20px;
	left: calc(100% + 5px);
	position: absolute;
	opacity: 0.5;
	top: -2px;
}
#FirstScreenTestimonies ul li p .Author::after {
	content: "★";
	font-size: 20px;
	left: calc(100% + 5px);
	position: absolute;
	z-index: 2;
	top: -2px;
}
#FirstScreenTestimonies ul li p .Author[data-stars="1"]::after {
	content: "★";
}
#FirstScreenTestimonies ul li p .Author[data-stars="2"]::after {
	content: "★★";
}
#FirstScreenTestimonies ul li p .Author[data-stars="3"]::after {
	content: "★★★";
}
#FirstScreenTestimonies ul li p .Author[data-stars="4"]::after {
	content: "★★★★";
}
#FirstScreenTestimonies ul li p .Author[data-stars="5"]::after {
	content: "★★★★★";
}
.MyContent .NavContainer {
	padding-bottom: 0px;
	margin-top: 15px;
	z-index: 2;
	position: relative;
}

@media only screen and (max-width:761px) {
.MyContent .NavContainer {
	min-height: 72px;
	margin-top: 0px;
	border-top: 2px solid #CCC;
}
.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 {
	padding: 20px;
	text-align: center;
	display: block;
	font-size: 14px;
}

@media only screen and (max-width:761px) {
.MyContent .NavContainer .BreadCrumb {
	display: none;
}
}
.MyContent .NavContainer .BreadCrumb a {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	position: relative;
	display: inline-block;
	padding-right: 15px;
}
.MyContent .NavContainer .BreadCrumb a::after {
	content: " ";
	right: 2px;
	position: absolute;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	width: 10px;
	height: 10px;
	bottom: 4px;
	opacity: 0.75;
}
.MyContent .NavContainer .BreadCrumb span {
	color: #ecb494;
	text-decoration: none;
	font-size: 11px;
}
.MyContent .SamplesBtn a, .MyContent .HomeBtn a {
	display: inline-block;
	border: 2px solid #cccccc;
	line-height: 50px;
	padding-left: 50px;
	padding-right: 30px;
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	position: relative;
	text-align: left;
}
.MyContent .HomeBtn {
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 0;
}

@media only screen and (max-width:1249px) {
.MyContent .HomeBtn {
	left: 10px;
	top: 8px;
}
}

@media only screen and (max-width:761px) {
.MyContent .HomeBtn a {
	font-size: 0;
	padding-right: 0px;
	padding-left: 0px;
	width: 50px;
	height: 50px;
}
}
.MyContent .HomeBtn a::before {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(img/HomeBtn.svg);
	background-size: 100% auto;
	vertical-align: middle;
	position: absolute;
	top: 10px;
	left: 15px;
}

@media only screen and (max-width:761px) {
.MyContent .HomeBtn a::before {
	top: 10px;
	left: 10px;
}
}
.MyContent .SamplesBtn {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 0;
}

@media only screen and (max-width:1249px) {
.MyContent .SamplesBtn {
	right: 10px;
	top: 8px;
}
}
.MyContent .SamplesBtn a::before {
	content: " ";
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(img/SamplesBtn.svg);
	background-size: 100% auto;
	vertical-align: middle;
	position: absolute;
	top: 10px;
	left: 15px;
}

@media only screen and (max-width:761px) {
.MyContent .SamplesBtn a {
	font-size: 0;
	padding-right: 0px;
}
.MyContent .SamplesBtn a::before {
	top: 10px;
	left: 10px;
}
}
.MyContent .BackBtn {
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

@media only screen and (max-width:1024px) {
.MyContent .BackBtn {
	display: none;
}
}
.MyContent .BackBtn a {
	display: inline-block;
	position: relative;
}
.MyContent .BackBtn a::before {
	content: " ";
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	font-size: 0px;
	border-radius: 50%;
	background-color: #faf3f4;
	display: block;
	text-transform: uppercase;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border: 2px solid #dacfc4;
	color: #ecb494;
	-webkit-transition: background-color ease-in-out 0.8s, border-color ease-in-out 0.5s;
	transition: background-color ease-in-out 0.8s, border-color ease-in-out 0.5s;
	cursor: pointer;
	z-index: 1;
}
.MyContent .BackBtn a:hover::before {
	background-color: #FFF;
	border: 2px solid #ecb494;
}
.MyContent .BackBtn a::after {
	content: " ";
	position: absolute;
	top: calc(50% - 13px);
	left: calc(50% - 5px);
	border-left: 2px solid #ecb494;
	border-top: 2px solid #ecb494;
	transform: rotate(-45deg);
	width: 26px;
	height: 26px;
	z-index: 2;
	cursor: pointer;
}
.MyContent .ScreenContainer {
	width: 100vw;
	margin-left: calc(625px - 50vw);
	background-color: #faf3f4;
	display: block;
	height: calc(90vh - 150px);
	min-height: 690px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-backface-visibility: hidden;
}

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

@media only screen and (max-width:1024px) {
.MyContent .ScreenContainer {
	min-height: 10px;
}
}

@media only screen and (max-width:761px) {
.MyContent .ScreenContainer {
	/*	width: 1250px;*/
	margin-left: 0;
	min-height: 10px;
	height: auto;
}
}
.MyContent .ScreenBlock {
	position: absolute;
	top: 0px;
	left: calc(50% - 625px);
	width: 1250px;
	opacity: 0;
	display: block;
	-webkit-transition: left ease-in-out 0.5s, opacity ease-in-out 0.2s;
	transition: left ease-in-out 0.5s, opacity ease-in-out 0.2s;
	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;
	top: 140px;
	left: 0;
	/*-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0);
	transform:translateX(-50%) translateY(-50%) translateZ(0);*/
	max-width: 1250px;
	width: 100%;
}

@media only screen and (max-width:1024px) {
.MyContent .ScreenBlock .Wrapper {
	top: 60px;
}
}
.MyContent .ScreenBlock .Wrapper h3 {
	font-family: ClarinsRegular, Clarins;
	font-size: 35px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .Wrapper h3 {
	font-size: 30px;
	padding: 20px;
	line-height: 1em;
	padding-bottom: 0;
}
}
.MyContent .ScreenBlock .Wrapper p {
	margin: 0;
	font-size: 16px;
	padding: 30px;
	line-height: 21px;
	display: inline-block;
	max-width: 550px;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .Wrapper p {
	margin: 0;
	font-size: 14px;
	padding: 20px;
	line-height: 17px;
}
}
.MyContent .ScreenBlock .Wrapper ul {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0;
	padding: 0;
	margin: 0;
	max-width: 996px;
	margin-left: auto;
	margin-right: auto;
}
.MyContent .ScreenBlock .Wrapper ul li {
	display: inline-block;
	max-width: 250px;
	width: 25%;
	vertical-align: top;
	font-size: 11px;
	position: relative;
	text-align: center;
}
.MyContent .ScreenBlock .WrapperVideoBtn {
	position: absolute;
	right: 50%;
	width: 50%;
	top: calc(50% - 25px);
	max-width: 480px;
	text-align: center;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperVideoBtn {
	width: auto;
	position: relative;
	top: auto;
	display: block;
	padding: 20px;
	right: auto;
	max-width: 761px;
	margin-top: 60px;
}
}
.MyContent .ScreenBlock .WrapperVideoBtn a {
	font-size: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	background-image: url(img/VideoPlayBtn.png);
}
.MyContent .ScreenBlock .WrapperShopLink {
	position: absolute;
	bottom: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
	transform: translateX(-50%) translateY(-50%) translateZ(0);
	display: inline-block;
}

@media only screen and (max-width:1024px) {
.MyContent .ScreenBlock .WrapperShopLink {
	-webkit-transform: translateX(-50%) translateZ(0);
	transform: translateX(-50%) translateZ(0);
	bottom: 20px;
}
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperShopLink {
	width: auto;
	position: relative;
	bottom: auto;
	-webkit-transform: none;
	transform: none;
	display: block;
	padding: 20px;
	left: auto;
}
}
/*.MyContent .ScreenBlock .WrapperShopLink .BtnLink:first-child a {
	background-color: #FFF;
	color: #000;
	margin-left: -170px;
	margin-right: 30px;
	border: 2px #ecb494 solid;
}*/
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:first-child a {
	background-color: #FFF;
	color: #000;
	margin-left: 20px;
	margin-right: 30px;
	border: 2px #ecb494 solid;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(2) a {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
}
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(2) {
	position: absolute;
	left: 100%;
	top: 0;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(2) {
	position: relative;
	left: auto;
	top: auto;
}
}
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(2) a {
	margin-left: 50px;
}
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(2) a::before {
	content: " ";
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(img/MiniPackshot.png);
	background-position: top left;
	background-size: 50px;
	position: absolute;
	left: -50px;
	top: 0;
}

.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(3) {
	position: absolute;
	right: 100%;
	top: 0;
	white-space: nowrap;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(3) {
	position: relative;
	right: auto;
	top: auto;
}
}
.MyContent .ScreenBlock .WrapperShopLink .BtnLink:nth-child(3) a {
	background-color: #FFF;
	color: #000;
	border: 2px #ecb494 solid;
}


.MyContent .ScreenBlock .WrapperWhiteBlock {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateZ(0);
	transform: translateY(-50%) translateZ(0);
	max-width: 400px;
	padding: 40px;
	width: 50%;
	background-color: #FFFFFF;
}

@media only screen and (max-width:1024px) {
.MyContent .ScreenBlock .WrapperWhiteBlock {
	top: calc(50% - 40px);
}
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperWhiteBlock {
	position: relative;
	top: auto;
	left: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	width: calc(100% - 40px);
	right: auto;
	-webkit-transform: none;
	transform: none;
		margin-bottom:20px;
}
}
.MyContent .ScreenBlock .WrapperWhiteBlock h3 {
	font-family: ClarinsRegular, Clarins;
	font-size: 35px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1em;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperWhiteBlock h3 {
	font-size: 30px;
	line-height: 1em;
}
}
.MyContent .ScreenBlock .WrapperWhiteBlock p {
	margin: 0;
	font-size: 18px;
	line-height: 21px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.MyContent .ScreenBlock .WrapperWhiteBlock p.Stats {
	display: inline-block;
	width: 180px;
	vertical-align: top;
	margin: 10px;
	font-size: 14px;
	line-height: 17px;
}
.MyContent .ScreenBlock .WrapperWhiteBlock p.Stats span {
	display: block;
}
.MyContent .ScreenBlock .WrapperWhiteBlock p.Stats span.num {
	font-size: 24px;
	height: 110px;
	line-height: 110px;
	width: 115px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.MyContent .ScreenBlock .WrapperWhiteBlock ul.Routine {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 450px;
}
.MyContent .ScreenBlock .WrapperWhiteBlock ul.Routine li {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.MyContent .ScreenBlock .WrapperWhiteBlock ul.Routine li h4 {
	margin: 0;
	padding: 0;
	display: block;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	color: #ecb494;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
}
.MyContent  .ProductRoutine {
	padding: 0;
	display: inline-block;
	width: 131px;
	vertical-align: top;
	margin: 5px;
}


.MyContent .ScreenBlock .WrapperWhiteBlock p.ProductRoutine {
 padding: 0;
	display: inline-block;
	width: 131px;
	vertical-align: top;
	margin: 5px;
}

	
.MyContent  .ProductRoutine .Packshot {
	margin: 0;
	padding: 0;
	display: block;
	width: 131px;
}
.MyContent .ProductRoutine .ProductName {
	margin: 0;
	padding: 0;
	display: block;
	width: 145px;
	font-family: ClarinsRegular, Clarins;
	font-size: 14px;
	line-height: 1em;
	margin-left: -7px;
}
.MyContent .ProductRoutine .Price {
	margin: 0;
	padding: 0;
	display: block;
	width: 131px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 2px;
}
.MyContent .ProductRoutine .BtnShopLink {
	margin: 0;
	padding: 0;
	display: block;
	width: 131px;
}
.MyContent .ProductRoutine .BtnShopLink a {
	display: block;
	background-color: #000;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 18px;
	padding-bottom: 18px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 20px;
}
.MyContent .ProductRoutine .BtnShopLink a {
	background-color: #FFF;
	color: #000;
	border: 2px #e6e6e6 solid;
}

.MyContent .ScreenBlock .WrapperWhiteBlock p.Mentions {
	margin: 0;
	font-size: 11px;
	opacity: 0.5;
	line-height: 12px;
}

@media only screen and (max-width:761px) {
.MyContent .ScreenBlock .WrapperWhiteBlock p.Mentions {
	padding-bottom: 10px;
}
}
.MyContent .ScreenBlock h2 {
	display: none;
}
.MyContent .BackgroundVisual {
	width: 100%;
	width: 1250px;
	max-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;
}

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

@media only screen and (max-width:761px) {
.MyContent .BackgroundVisual {
	display: block;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	position: absolute;
	margin: 0;
}
}
.MyContent .BackgroundVisual div {
	position: absolute;
	left: calc(50% - 625px);
	top: 0px;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
	height: 100%;
	width: 1250px;
}

@media only screen and (max-width:1023px) {
.MyContent .BackgroundVisual div {
	-webkit-transition: none;
	transition: none;
}
}
.MyContent .BackgroundVisual div img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .BackgroundVisual div img {
	height: auto;
}
}
.MyContent .BackgroundVisual div img.js-loaded {
	width: auto;
}
.MyContent .BackgroundVisual div.Animated {
	top: 0%;
	left: calc(50% - 1000px);
	width: 2000px;
	background-color: #c7b19e;
	text-align: center;
}
.MyContent .BackgroundVisual div.Animated img:last-child {
	display: block;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
 @keyframes FadeIn {
 0% {
opacity:0;
}
 40% {
opacity:0;
}
 50% {
opacity:1;
}
 98% {
opacity:1;
}
 100% {
opacity:0;
}
}
.MyContent .ScreenBlock[data-selected="0"] {
	left: 100%;
	left: calc(50% - 625px);
}
 @keyframes hideFromRight {
0% {
left:calc(50% - 625px);
opacity:1;
}
99% {
left:100%;
opacity:0;
}
100% {
left:calc(50% - 625px);
opacity:0;
}
}
@keyframes hideFromLeft {
0% {
left:calc(50% - 625px);
opacity:1;
}
99% {
left:-1250px;
opacity:0;
}
100% {
left:calc(50% - 625px);
opacity:0;
}
}
.MyContent .ScreenBlock[data-selected="hideFromRight"] {
	animation: hideFromRight 0.5s ease-in-out;
}
.MyContent .ScreenBlock[data-selected="hideFromLeft"] {
	animation: hideFromLeft 0.5s ease-in-out;
}
.MyContent .ScreenBlock[data-selected="1"] {
	left: calc(50% - 625px);
	opacity: 1;
	z-index: 3;
}
.MyContent a.CircleBtn {
	font-size: 0px;
	border-radius: 50%;
	background-color: #faf3f4;
	display: block;
	text-transform: uppercase;
	width: 200px;
	height: 200px;
	z-index: 1;
	line-height: 200px;
	border: 4px solid #dacfc4;
	color: #000;
	-webkit-transition: background-color ease-in-out 0.8s, border-color ease-in-out 0.5s;
	transition: background-color ease-in-out 0.8s, border-color ease-in-out 0.5s;
	margin-left: auto;
	margin-right: auto;
}
.MyContent a.CircleBtn:hover {
	background-color: #FFF;
	border: 4px solid #ecb494;
}
.MyContent a.CircleBtn span {
	font-size: 14px;
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width:761px) {
.MyContent a.CircleBtn {
	width: 120px;
	height: 120px;
	z-index: 1;
	line-height: 120px;
	margin-bottom: 10px;
}
.MyContent a.CircleBtn span {
	font-size: 11px;
	line-height: 13px;
}
}
.MyContent #Ingredient-01 {
	top: 100%;
	height: auto;
}
.MyContent #Ingredient-01 img {
	height: auto;
}
.MyContent #Ingredient-02 {
	top: 100%;
}
.MyContent #Ingredient-03 {
	left: 15%;
	top: 100%;
}
/*action hydratante*/
.MyContent #Ingredient-04 {
	top: 100%;
	left: 20%;
	width: 80%;
}
.MyContent #Ingredient-05 {
	top: 100%;
	left: 2%;
	width: 75%;
	height: 75%;
}
/*action anti-pollution*/
.MyContent #Ingredient-06 {
	top: 100%;
	left: 8%;
	width: 35%;
	height:35%;
}
.MyContent #Ingredient-07 {
	top: 100%;
	left: 20%;
	width: 32%;
	height:32%;
}
.MyContent #Ingredient-08 {
	top: 100%;
	left: 45%;
	width: 32%;
	height:32%;
}
.MyContent #Ingredient-09 {
	top: 100%;
	left: 63%;
	width: 32%;
	height:32%;
}
/*action unifiante*/
.MyContent #Ingredient-10 {
	top: 100%;
	left: 2%;
	width: 75%;
	height:75%;
}
.MyContent #Ingredient-11 {
	top: 100%;
	left: 40%;
	width: 80%;
	height:80%;
}
/*action embellissante*/
.MyContent #Ingredient-12 {
	top: 100%;
	left: 20%;
	width: 100%;
}
/*engagements*/
.MyContent #Engagements-01 {
	top: auto;
	bottom: -10%;
}
/*anim*/

/*sensorialite*/
.MyContent #Sensorialite-01 {
	top: auto;
	left: calc(50% - 525px);
	width: 1250px;
	bottom: 0;
}
/*-------------------*/



/*----------------------- SCREEN - 02 ----------------------*/
.MyContent .Screen-02 .Wrapper ul li {
	max-width: 332px;
	width: 33%;
}
.MyContent .Screen-02 .Wrapper ul li a {
	content: " ";
	position: absolute;
	top: calc(50% - 100px);
	left: calc(50% - 100px);
}

@media only screen and (max-width:761px) {
.MyContent .Screen-02 .Wrapper {
	padding-bottom: 30px;
}
.MyContent .Screen-02 .Wrapper ul li {
	max-width: 200px;
	width: 100%;
	margin-top: -50px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.MyContent .Screen-02 .Wrapper ul li:first-child {
	margin-top: 20px;
}
.MyContent .Screen-02 .Wrapper ul li img {
	max-width: 100%;
}
.MyContent .Screen-02 .Wrapper ul li a {
	top: calc(50% - 65px);
	left: calc(50% - 65px);
}
}
/*----------------------- SCREEN - 03 ----------------------*/

.MyContent .Screen-03 .Wrapper p {
	max-width: 550px;
}
.MyContent .Screen-03 .Wrapper ul {
	max-width: 996px;
}
.MyContent .Screen-03 .Wrapper ul li {
	max-width: 250px;
	text-align: center;
}
.MyContent .AnimScreen-03 #Ingredient-01 {
	display: block;
	opacity: 1;
	top: 30px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-03 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-03 .Wrapper ul li {
	width: calc(50% - 15px);
	margin: 5px;
}
.MyContent .AnimScreen-03 #Ingredient-01 {
	width: 650px;
	left: calc(50% - 225px);
	top: auto;
	bottom: -300px;
}
}
/*----------------------- SCREEN - 04 ----------------------*/

.MyContent .Screen-04 .Wrapper p {
	max-width: 830px;
}
.MyContent .Screen-04 .Wrapper ul {
	max-width: 996px;
}
.MyContent .Screen-04 .Wrapper ul li {
	max-width: 250px;
	text-align: center;
}
.MyContent .AnimScreen-04 #Ingredient-01 {
	display: block;
	opacity: 1;
	top: 10px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-04 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-04 .Wrapper ul li {
	width: calc(100% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-04 #Ingredient-01 {
	width: 650px;
	left: calc(50% - 225px);
	top: auto;
	bottom: -400px;
}
}
/*----------------------- SCREEN - 05 ----------------------*/
.MyContent .Screen-05 {
}
.MyContent .AnimScreen-05 #Ingredient-01 {
	display: block;
	opacity: 1;
	top: -260px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-05 .WrapperWhiteBlock {
	margin-top: 50px;
}
.MyContent .AnimScreen-05 #Ingredient-01 {
	width: 200px;
	left: calc(50% - 75px);
	top: -20px;
	bottom: auto;
}
}
/*----------------------- SCREEN - 06 ----------------------*/
.MyContent .Screen-06 {
}
.MyContent .AnimScreen-06 #Ingredient-02 {
	display: block;
	opacity: 1;
	top: 220px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-06 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-06 .Wrapper ul li {
	width: calc(100% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-06 #Ingredient-02 {
	width: 650px;
	height: auto;
	left: calc(50% - 205px);
	top: auto;
	bottom: -120px;
}
}
/*----------------------- SCREEN - 07 ----------------------*/
.MyContent .Screen-07 {
}
.MyContent .AnimScreen-07 #Ingredient-02 {
	display: block;
	opacity: 1;
	top: 0px;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-07 .WrapperWhiteBlock {
	margin-top: 200px;
}
.MyContent .AnimScreen-07 #Ingredient-02 {
	width: 400px;
	left: calc(50% - 120px);
	top: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 08 ----------------------*/
.MyContent .Screen-08 {
}
.MyContent .AnimScreen-08 #Ingredient-03 {
	display: block;
	opacity: 1;
	top: 60%;
	left: 15%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-08 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-08 .Wrapper ul li {
	width: calc(100% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-08 #Ingredient-03 {
	width: 650px;
	left: calc(50% - 205px);
	top: auto;
	bottom: -120px;
	height: auto;
}
}
/*----------------------- SCREEN - 09 ----------------------*/
.MyContent .Screen-09 {
}
.MyContent .AnimScreen-09 #Ingredient-03 {
	display: block;
	opacity: 1;
	top: 30%;
	left: 15%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-09 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-09 .Wrapper ul li {
	width: calc(100% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-09 #Ingredient-03 {
	width: 650px;
	left: calc(50% - 205px);
	top: auto;
	bottom: -120px;
	height: auto;
}
}
/*----------------------- SCREEN - 10 ----------------------*/
.MyContent .Screen-10 {
}
.MyContent .AnimScreen-10 #Ingredient-03 {
	display: block;
	opacity: 1;
	top: 0px;
	left: 0%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-10 .WrapperWhiteBlock {
	margin-top: 200px;
}
.MyContent .AnimScreen-10 #Ingredient-03 {
	width: 400px;
	left: calc(50% - 160px);
	top: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 11 ----------------------*/
.MyContent .Screen-11 {
}

@media only screen and (max-width:761px) {
.MyContent .Screen-11 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-11 .Wrapper ul li {
	width: calc(50% - 15px);
	margin: 5px;
}
}
/*----------------------- SCREEN - 12 ----------------------*/
.MyContent .Screen-12 {
}
.MyContent .AnimScreen-12 #Ingredient-04 {
	display: block;
	opacity: 1;
	top: 50%;
	left: 20%;
	width: 80%;
	height:80%;
}
.MyContent .AnimScreen-12 #Ingredient-05 {
	display: block;
	opacity: 1;
	top: 30%;
	left: 2%;
	width: 75%;
	height:75%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-12 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 30px;
}
.MyContent .Screen-12 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-12 #Ingredient-04 {
	width: 350px;
	left: calc(50% - 120px);
	top: auto;
	bottom: -20px;
	height: auto;
}
.MyContent .AnimScreen-12 #Ingredient-05 {
	width: 350px;
	left: calc(50% - 205px);
	top: auto;
	bottom: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 13 ----------------------*/
.MyContent .Screen-13 {
}
.MyContent .AnimScreen-13 #Ingredient-04 {
	display: block;
	opacity: 1;
	top: 0px;
	left: 0px;
width: 100%;
height: 100%;
}
.MyContent .Screen-13 .WrapperWhiteBlock {
	left: auto;
	right: 50%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-13 .WrapperWhiteBlock {
	margin-top: 200px;
	right: auto;
}
.MyContent .AnimScreen-13 #Ingredient-04 {
	width: 400px;
	left: calc(50% - 240px);
	top: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 14 ----------------------*/
.MyContent .Screen-14 {
}
.MyContent .AnimScreen-14 #Ingredient-05 {
	display: block;
	opacity: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-14 .WrapperWhiteBlock {
	margin-top: 200px;
}
.MyContent .AnimScreen-14 #Ingredient-05 {
	width: 400px;
	left: calc(50% - 160px);
	top: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 15 ----------------------*/
.MyContent .Screen-15 {
}
.MyContent .AnimScreen-15 #Ingredient-06 {
	display: block;
	opacity: 1;
	top: 75%;
	left: 8%;
	width: 35%;
	height: 35%;
}
.MyContent .AnimScreen-15 #Ingredient-07 {
	display: block;
	opacity: 1;
	top: 73%;
	left: 20%;
	width: 32%;
	height: 32%;
}
.MyContent .AnimScreen-15 #Ingredient-08 {
	display: block;
	opacity: 1;
	top: 75%;
	left: 45%;
	width: 32%;
	height: 32%;
}
.MyContent .AnimScreen-15 #Ingredient-09 {
	display: block;
	opacity: 1;
	top: 75%;
	left: 63%;
	width: 32%;
	height: 32%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-15 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-15 .Wrapper ul li {
	width: calc(50% - 15px);
	margin: 5px;
	margin-top: 80px;
}
.MyContent .AnimScreen-15 #Ingredient-06 {
	width: 300px;
	left: calc(50% - 170px);
	bottom: 290px;
	top: auto;
	height: auto;
}
.MyContent .AnimScreen-15 #Ingredient-07 {
	width: 160px;
	left: calc(50% - 20px);
	bottom: 360px;
	top: auto;
	height: auto;
}
.MyContent .AnimScreen-15 #Ingredient-08 {
	width: 200px;
	left: calc(50% - 150px);
	bottom: 140px;
	top: auto;
	height: auto;
}
.MyContent .AnimScreen-15 #Ingredient-09 {
	width: 200px;
	left: calc(50% - 40px);
	bottom: 120px;
	top: auto;
	height: auto;
}
}
/*----------------------- SCREEN - 16 ----------------------*/
.MyContent .Screen-16 {
}
.MyContent .AnimScreen-16 #Ingredient-06 {
	display: block;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-16 .WrapperWhiteBlock {
	margin-top: 220px;
}
.MyContent .AnimScreen-16 #Ingredient-06 {
	width: 400px;
	left: calc(50% - 120px);
	top: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 17 ----------------------*/
.MyContent .Screen-17 {
}
.MyContent .AnimScreen-17 #Ingredient-07 {
	display: block;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
.MyContent .Screen-17 .WrapperWhiteBlock {
	left: auto;
	right: 50%
}

@media only screen and (max-width:761px) {
.MyContent .Screen-17 .WrapperWhiteBlock {
	left: auto;
	right: auto;
}
.MyContent .Screen-17 .WrapperWhiteBlock {
	margin-top: 200px;
}
.MyContent .AnimScreen-17 #Ingredient-07 {
	width: 400px;
	left: calc(50% - 220px);
	top: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 18 ----------------------*/
.MyContent .Screen-18 {
}
.MyContent .AnimScreen-18 #Ingredient-08 {
	display: block;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-18 .WrapperWhiteBlock {
	margin-top: 220px;
}
.MyContent .AnimScreen-18 #Ingredient-08 {
	width: 400px;
	left: calc(50% - 180px);
	top: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 19 ----------------------*/
.MyContent .Screen-19 {
}
.MyContent .AnimScreen-19 #Ingredient-09 {
	display: block;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}
.MyContent .Screen-19 .WrapperWhiteBlock {
	left: auto;
	right: 50%
}

@media only screen and (max-width:761px) {
.MyContent .Screen-19 .WrapperWhiteBlock {
	left: auto;
	right: auto;
}
.MyContent .Screen-19 .WrapperWhiteBlock {
	margin-top: 220px;
}
.MyContent .AnimScreen-19 #Ingredient-09 {
	width: 400px;
	left: calc(50% - 220px);
	top: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 20 ----------------------*/
.MyContent .Screen-20 {
}
.MyContent .AnimScreen-20 #Ingredient-10 {
	display: block;
	opacity: 1;
	top: 50%;
	left: 2%;
	width: 75%;
	height:75%;
}
.MyContent .AnimScreen-20 #Ingredient-11 {
	display: block;
	opacity: 1;
	top: 50%;
	left: 40%;
	width: 80%;
	height:80%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-20 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 30px;
}
.MyContent .Screen-20 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-20 #Ingredient-10 {
	width: 350px;
	left: calc(50% - 210px);
	top: auto;
	bottom: -20px;
	height: auto;
}
.MyContent .AnimScreen-20 #Ingredient-11 {
	width: 400px;
	left: calc(50% - 55px);
	top: auto;
	bottom: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 21 ----------------------*/
.MyContent .Screen-21 {
}
.MyContent .AnimScreen-21 #Ingredient-10 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-21 .WrapperWhiteBlock {
	margin-top: 220px;
}
.MyContent .AnimScreen-21 #Ingredient-10 {
	width: 400px;
	left: calc(50% - 140px);
	top: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 22 ----------------------*/
.MyContent .Screen-22 {
}
.MyContent .AnimScreen-22 #Ingredient-12 {
	display: block;
	opacity: 1;
	top: 50%;
	left: 20%;
	width: 100%;
	height:100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-22 .Wrapper ul {
	max-width: 300px;
}
.MyContent .Screen-22 .Wrapper ul li {
	width: calc(100% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-22 #Ingredient-12 {
	width: 650px;
	left: calc(50% - 205px);
	top: auto;
	bottom: -120px;
	height: auto;
}
}
/*----------------------- SCREEN - 23 ----------------------*/
.MyContent .Screen-23 {
}
.MyContent .AnimScreen-23 #Ingredient-12 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-23 .WrapperWhiteBlock {
	margin-top: 200px;
}
.MyContent .AnimScreen-23 #Ingredient-12 {
	width: 400px;
	left: calc(50% - 160px);
	top: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 24 ----------------------*/
.MyContent .Screen-24 {
}
.MyContent .AnimScreen-24 #Ingredient-11 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-24 .WrapperWhiteBlock {
	margin-top: 220px;
}
.MyContent .AnimScreen-24 #Ingredient-11 {
	width: 400px;
	left: calc(50% - 140px);
	top: 0px;
	height: auto;
}
}
/*----------------------------------------------------------*/
/*est-ceque ça marche*/
/*----------------------------------------------------------*/
.MyContent #Ingredient-13 {
	top: auto;
	left: 24%;
	width: 400px;
	bottom: -60px;
	height: 200px;
}
.MyContent #Ingredient-13 img {
	height: auto;
}
.MyContent #Ingredient-14 {
	top: auto;
	left: calc(50% - 615px);
	width: 800px;
	height: 400px;
	z-index: 2;
	bottom: -250px;
}
.MyContent #Ingredient-15 {
	top: 75%;
	right: 20%;
	width: 500px;
	height: 250px;
	left: auto;
}
/*----------------------- SCREEN - 25 ----------------------*/
.MyContent .Screen-25 {
}
.MyContent .AnimScreen-25 #Ingredient-13 {
	display: block;
	opacity: 1;
	top: auto;
	left: 24%;
	width: 400px;
	bottom: -60px;
	height: 200px;
}
.MyContent .AnimScreen-25 #Ingredient-14 {
	display: block;
	opacity: 1;
	top: auto;
	left: calc(50% - 615px);
	width: 800px;
	height: 400px;
	bottom: -250px;
}
.MyContent .AnimScreen-25 #Ingredient-15 {
	display: block;
	opacity: 1;
	top: 75%;
	right: 20%;
	width: 500px;
	height: 250px;
	left: auto;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-25 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 40px;
}
.MyContent .Screen-25 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-25 #Ingredient-13 {
	width: 250px;
	left: calc(50% - 180px);
	top: auto;
	bottom: -40px;
	height: auto;
}
.MyContent .AnimScreen-25 #Ingredient-14 {
	width: 400px;
	left: calc(50% - 320px);
	top: auto;
	bottom: -140px;
	height: auto;
}
.MyContent .AnimScreen-25 #Ingredient-15 {
	width: 220px;
	left: calc(50% - 65px);
	top: auto;
	bottom: -20px;
	height: auto;
}
}
/*----------------------- SCREEN - 26 ----------------------*/
.MyContent .Screen-26 {
}
.MyContent .AnimScreen-26 #Ingredient-13 {
	display: block;
	opacity: 1;
	top: auto;
	left: 0%;
	width: 100%;
	bottom: 0;
	height: 100%;
}
.MyContent .AnimScreen-26 #Ingredient-13 img{
	width: auto;
	height: 100%;
}
.MyContent .Screen-26 .WrapperWhiteBlock {
	max-width: 620px;
	width: 620px;
	left: calc(50% - 220px);
	right: auto;
}
.MyContent .Screen-26 .WrapperWhiteBlock p {
	margin-bottom: 0px;
}
.MyContent .Screen-26 #Stats-1 {
	background-image: url(img/stats-1.png);
}
.MyContent .Screen-26 #Stats-2 {
	background-image: url(img/stats-2.png);
}
.MyContent .Screen-26 #Stats-3 {
	background-image: url(img/stats-3.png);
}

@media only screen and (max-width:761px) {
.MyContent .Screen-26 .WrapperWhiteBlock {
	margin-top: 220px;
	width: calc(100% - 60px);
	left: auto;
	max-width: 761px;

}
.MyContent .AnimScreen-26 #Ingredient-13 {
	width: 400px;
	left: calc(50% - 100px);
	top: 0px;
	height: 300px;
}
}

/*----------------------- SCREEN - 27 ----------------------*/
.MyContent .Screen-27 {
	overflow:visible;
}
@media only screen and (max-width:761px) {
	.MyContent .Screen-27 {
padding-bottom:0!important;
}
}
/*.MyContent .AnimScreen-27 #Ingredient-14 {
	display: block;
	opacity: 1;
	left: 0%;
	width: 100%;
	top: auto;
	height: 100%;
	bottom: 0px;
}
.MyContent .Screen-27 #olapic_specific_widget {
	max-width: 900px;
	width: 900px;
	left: calc(50% - 450px);
	top:calc(50% - 150px);
	position:absolute;
}*/
.MyContent .Screen-27 #olapic_specific_widget {
	/*border:1px solid;*/
}
/*.MyContent .Screen-27 .WrapperWhiteBlock h3{
	display:none;
}
.MyContent .Screen-27 .WrapperWhiteBlock #olapic_specific_widget h3{
	display:block;

}*/
.MyContent .Screen-27 .WrapperWhiteBlock {
    max-width: 920px;
    width: 920px;
    left: calc(50% - 500px);
    right: auto;
	background-color:transparent;
	margin-bottom:-20px;
	top: calc(40% + 20px);
}
.MyContent .Screen-27 .WrapperWhiteBlock .BtnLink{
	margin:0px;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-27 .WrapperWhiteBlock {
	top:auto;
    max-width: 100%;
    width: calc(100% - 40px);
    left: 0;
    right: auto;
    background-color: transparent;
	margin-bottom:-20px;
}
}


/*@media only screen and (max-width:761px) {
.MyContent .AnimScreen-27 #Ingredient-14 {
	width: 380px;
	left: calc(50% - 305px);
	top: 10px;
	height: auto;
}
}*/


/*----------------------- SCREEN - 27b ----------------------*/
.MyContent .Screen-27 .ScreenPopin {
    position: absolute;
    left: 0;
    padding: 0;
    top: 0;
	width:2000px;
	height:100%;
 margin-left: calc(50% - 1000px);
	display:none;

}
@media only screen and (max-width:761px) {
.MyContent .Screen-27 .ScreenPopin {
	width: calc(100% - 40px);
	margin: 0;
	padding:20px;
	position:relative;
}
}

.MyContent .Screen-27 .WrapperWhiteBlock .BtnLink a{
	 background-color: #FFF;
	color: #000;
	margin-left: 30px;
	margin-right: 30px;
	border: 2px #ecb494 solid;
}
.MyContent .Screen-27 .ScreenPopin .bg{
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
	width:100%;
	height:100%;
}
.MyContent .Screen-27 .ScreenPopin .CloseBtn{
	display: block;
	position: absolute;
	right:10px;
	top:10px;
	background-image: url(img/close.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	z-index: 13;
}
.MyContent .Screen-27 .ScreenPopin .WrapperWhiteBlock {
    background-color: #FFF;
    position: absolute;
    left: 50%;
    padding: 40px;
    top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
    transform: translateX(-50%) translateY(-50%) translateZ(0);
	max-width:640px;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-27 .ScreenPopin .WrapperWhiteBlock {
	 position:relative;
	 -webkit-transform:none;
    transform: none;
	  left:auto;
    padding: 20px;
    top: auto;
	width: calc(100% - 40px);
	margin-bottom:0;
	padding-top:40px;
}
}

/*.MyContent .Screen-27 #Stats-4 {
	background-image: url(img/stats-4.png);
}
.MyContent .Screen-27 #Stats-5 {
	background-image: url(img/stats-5.png);
}
.MyContent .Screen-27 #Stats-6 {
	background-image: url(img/stats-6.png);
}*/
/*----------------------- SCREEN - 28 ----------------------*/
.MyContent .Screen-28 {
}
.MyContent .Screen-28 form {
	width: 500px;
	font-size: 0;
	text-align: left;
}
.MyContent .Screen-28 .form-row {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
	font-size: 14px;
	margin: 10px;
}
.MyContent .Screen-28 .form-row-button {
	padding: 0;
	margin: 10px;
	text-align: right;
	width: calc(100% - 20px);
}
.MyContent .Screen-28 .form-row .input-text {
	width: calc(100% - 24px);
	margin: 0;
}
.MyContent .AnimScreen-28 #Ingredient-15 {
	display: block;
	opacity: 1;
	top: 0%;
	width: 100%;
	right: 0%;
	height: 100%;
}
.MyContent .Screen-28 .WrapperWhiteBlock {
	left: calc(50% - 460px);
	right: auto;
	width: auto;
	max-width: 850px;
	top: calc(50% + 20px);
	padding:0;
	
}

.MyContent .Screen-28 .WrapperWhiteBlock p {
    max-width: 500px;
    padding: 40px;
    padding-bottom: 40px;
    padding-bottom: 0;
    margin: 0;
}
@media only screen and (max-width:1024px) {
.MyContent .Screen-28 .WrapperWhiteBlock {
	left: calc(50% - 460px);
	right: auto;
	width: auto;
	max-width: 770px;
	top: 50%;
}
.MyContent .Screen-28 .WrapperWhiteBlock p {
	max-width: 500px;
}
}

@media only screen and (max-width:761px) {
.MyContent .Screen-28 .form-row-button {
	text-align: center;
}
.MyContent .Screen-28 form {
	width: auto;
	font-size: 0;
	text-align: center;
}
.MyContent .Screen-28 .form-row {
	width: calc(100% - 20px);
}
.MyContent .Screen-28 .WrapperWhiteBlock p {
	max-width: auto;
}
.MyContent .Screen-28 .WrapperWhiteBlock {
	margin-top: 150px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-28 #Ingredient-15 {
	width: 450px;
	left: calc(50% - 325px);
	top: 10px;
	height: auto;
}
}
/*----------------------- SCREEN - 29 ----------------------*/
.MyContent .Screen-29 {
}
.MyContent .AnimScreen-29 #Ingredient-16 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-29 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 80px;
}
.MyContent .Screen-29 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-29 #Ingredient-16 {
	width: 400px;
	left: calc(50% - 280px);
	top: auto;
	bottom: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 30 ----------------------*/
.MyContent .Screen-30 {
}
.MyContent .AnimScreen-30 #Ingredient-16 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-30 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 80px;
}
.MyContent .Screen-30 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-30 #Ingredient-16 {
	width: 400px;
	left: calc(50% - 280px);
	top: auto;
	bottom: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 31 ----------------------*/
.MyContent .Screen-31 {
}
.MyContent .AnimScreen-31 {
}
.MyContent .AnimScreen-31 #Anim-01 {
	display: block;
	opacity: 1;
}
.MyContent .AnimScreen-31 #Anim-01 img:last-child {
	animation: FadeIn ease-in-out 3s infinite;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-31 .WrapperWhiteBlock {
	margin-top: 275px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-31 {
	background-color: #c7b19e;
}
.MyContent .AnimScreen-31 #Anim-01 {
	width: 500px;
	left: calc(50% - 160px);
	top: 0;
	bottom: auto;
	height: auto;
}
}
/*----------------------- SCREEN - 32 ----------------------*/
.MyContent .Screen-32 {
}
.MyContent .AnimScreen-32 #Anim-02 {
	display: block;
	opacity: 1;
}
.MyContent .AnimScreen-32 #Anim-02 img:last-child {
	animation: FadeIn ease-in-out 3s infinite;
}
.MyContent .Screen-32 .WrapperWhiteBlock {
	left: auto;
	right: 50%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-32 .WrapperWhiteBlock {
	margin-top: 275px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-32 {
	background-color: #c7b19e;
}
.MyContent .AnimScreen-32 #Anim-02 {
	width: 500px;
	left: calc(50% - 340px);
	top: 0;
	bottom: auto;
	height: auto;
}
}
/*----------------------- SCREEN - 33 ----------------------*/
.MyContent .Screen-33 {
}
.MyContent .AnimScreen-33 #Anim-03 {
	display: block;
	opacity: 1;
}
.MyContent .AnimScreen-33 #Anim-03 img:last-child {
	animation: FadeIn ease-in-out 3s infinite;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-33 .WrapperWhiteBlock {
	margin-top: 275px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-33 {
	background-color: #c7b19e;
}
.MyContent .AnimScreen-33 #Anim-03 {
	width: 500px;
	left: calc(50% - 150px);
	top: 0;
	bottom: auto;
	height: auto;
}
}
/*----------------------- SCREEN - 34 ----------------------*/
.MyContent .Screen-34 {
}
.MyContent .AnimScreen-34 #Sensorialite-01 {
	display: block;
	opacity: 1;
	top: auto;
	left: calc(50% - 525px);
	width: 1250px;
	bottom: 0;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-34 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 80px;
}
.MyContent .Screen-34 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
}
.MyContent .AnimScreen-34 #Sensorialite-01 {
	display: block;
	opacity: 1;
	width: 280px;
	left: calc(50% - 230px);
	top: auto;
	bottom: 0px;
	height: auto;
}
}
/*----------------------- SCREEN - 35 ----------------------*/
.MyContent .Screen-35 {
}
.MyContent .AnimScreen-35 #Sensorialite-02 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}
.MyContent .Screen-35 .WrapperWhiteBlock .InlineBlock{
	display:inline-block;
	width: 320px;
	vertical-align:top;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-35 .WrapperWhiteBlock .InlineBlock{
	width: 280px;
}
}
.MyContent .Screen-35 .WrapperWhiteBlock ul.Routine {
	height:250px;
	vertical-align:top;
}
.MyContent .Screen-35 .WrapperWhiteBlock {
	left: calc(50% - 480px);
	right: auto;
	width: 780px;
	max-width: 780px;
	top: calc(50% + 20px);
}

@media only screen and (max-width:1024px) {
.MyContent .Screen-35 .WrapperWhiteBlock {
	top: calc(50% - 40px);
	left: calc(50% - 390px);
}
}
.MyContent .Screen-35 #Stats-7 {
	background-image: url(img/stats-7.png);
}

@media only screen and (max-width:761px) {
		.MyContent .Screen-35 .WrapperWhiteBlock ul.Routine {
	height:auto;

}
.MyContent .Screen-35 .WrapperWhiteBlock {
	margin-top: 175px;
	width: calc(100% - 40px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-35 #Sensorialite-02 {
	width: 350px;
	left: calc(50% - 230px);
	top: 0px;
	height: auto;
}
.MyContent .Screen-35 .WrapperWhiteBlock ul.Routine {
	margin-left: -20px;
	width: calc(100% + 40px);
}
}
/*----------------------- SCREEN - 36 ----------------------*/
.MyContent .Screen-36 {
}
.MyContent .AnimScreen-36 #Sensorialite-03 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}
.MyContent .Screen-36 .WrapperWhiteBlock .InlineBlock{
	display:inline-block;
	width: 320px;
		vertical-align:top;
}
@media only screen and (max-width:761px) {
.MyContent .Screen-36 .WrapperWhiteBlock .InlineBlock{
	width: 280px;
}
}
.MyContent .Screen-36 .WrapperWhiteBlock {
	left: calc(50% - 480px);
	right: auto;
	width: 780px;
	max-width: 780px;
	top: calc(50% + 20px);
}
.MyContent .Screen-36 .WrapperWhiteBlock ul.Routine {
	height:250px;
	vertical-align:top;
}
@media only screen and (max-width:1024px) {
.MyContent .Screen-36 .WrapperWhiteBlock {
	top: calc(50% - 40px);
	left: calc(50% - 390px);
}
}
.MyContent .Screen-36 .WrapperWhiteBlock .Routine li {
	width: 220px;
}
.MyContent .Screen-36 #Stats-8 {
	background-image: url(img/stats-8.png);
	font-size: 25px;
}

@media only screen and (max-width:761px) {
	.MyContent .Screen-36 .WrapperWhiteBlock ul.Routine {
	height:auto;

}
.MyContent .Screen-36 .WrapperWhiteBlock {
	margin-top: 175px;
	width: calc(100% - 40px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-36 #Sensorialite-03 {
	width: 350px;
	left: calc(50% - 230px);
	top: 0px;
	height: auto;
}
.MyContent .Screen-36 .WrapperWhiteBlock ul.Routine {
	margin-left: -20px;
	width: calc(100% + 40px);
}
}

.MyContent .ScreenBlock .WrapperShopLink{
	bottom:0;
}
@media only screen and (max-width:1024px) {
.MyContent .ScreenBlock .WrapperShopLink{
	bottom:20px;
}	
}

/*----------------------- SCREEN - 37 ----------------------*/
.MyContent .Screen-37 {
}
.MyContent .AnimScreen-37 #Engagements-01 {
	display: block;
	opacity: 1;
	top: auto;
	bottom: 0%;
	left: 0%;
	width: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-37 .Wrapper ul {
	max-width: 300px;
	margin-bottom: 30px;
}
.MyContent .Screen-37 .Wrapper ul li {
	width: calc(50% - 10px);
	margin: 5px;
	margin-top: 80px;
}
.MyContent .AnimScreen-37 #Engagements-01 {
	display: none;
}
.MyContent .AnimScreen-37 #Engagements-02 {
	display: block;
	opacity: 1;
	width: 280px;
	left: calc(50% - 290px);
	top: auto;
	bottom: 350px;
	height: auto;
}
.MyContent .AnimScreen-37 #Engagements-03 {
	display: block;
	opacity: 1;
	width: 250px;
	left: calc(50% + 0px);
	top: auto;
	bottom: 370px;
	height: auto;
}
.MyContent .AnimScreen-37 #Engagements-04 {
	display: block;
	opacity: 1;
	width: 200px;
	left: calc(50% - 160px);
	top: auto;
	bottom: 160px;
	height: auto;
}
.MyContent .AnimScreen-37 #Engagements-05 {
	display: block;
	opacity: 1;
	width: 150px;
	left: calc(50% - 0px);
	top: auto;
	bottom: 210px;
	height: auto;
}
}
/*----------------------- SCREEN - 38 ----------------------*/
.MyContent .Screen-38 {
}
.MyContent .AnimScreen-38 #Engagements-05 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}
.MyContent .Screen-38 .WrapperWhiteBlock {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
	transform: translateX(-50%) translateY(-50%) translateZ(0);
}

@media only screen and (max-width:761px) {
.MyContent .Screen-38 .WrapperWhiteBlock {
	margin-top: 205px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
	-webkit-transform: none;
	transform: none;
}
.MyContent .AnimScreen-38 #Engagements-05 {
	width: 300px;
	left: calc(50% - 150px);
	top: 20px;
	bottom: auto;
	height: auto;
}
}
/*----------------------- SCREEN - 39 ----------------------*/
.MyContent .Screen-39 {
}
.MyContent .AnimScreen-39 #Engagements-04 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-39 .WrapperWhiteBlock {
	margin-top: 205px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-39 #Engagements-04 {
	width: 350px;
	left: calc(50% - 160px);
	top: 20px;
	bottom: auto;
	height: auto;
}
}
/*----------------------- SCREEN - 40 ----------------------*/
.MyContent .Screen-40 {
}
.MyContent .AnimScreen-40 #Engagements-03 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-40 .WrapperWhiteBlock {
	margin-top: 205px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-40 #Engagements-03 {
	width: 200px;
	left: calc(50% - 100px);
	top: 0px;
	bottom: auto;
	overflow: hidden;
	height: auto;
}
.MyContent .AnimScreen-40 #Engagements-03 img {
	width: 350px;
	max-width: 350px;
}
}
/*----------------------- SCREEN - 41 ----------------------*/
.MyContent .Screen-41 {
}
.MyContent .AnimScreen-41 #Engagements-02 {
	display: block;
	opacity: 1;
	top: 0%;
	left: 0%;
	width: 100%;
}
.MyContent .Screen-41 .WrapperWhiteBlock {
	left: auto;
	right: 50%;
}

@media only screen and (max-width:761px) {
.MyContent .Screen-41 .WrapperWhiteBlock {
	margin-top: 205px;
	width: calc(100% - 60px);
	left: auto;
	right: auto;
	max-width: 761px;
}
.MyContent .AnimScreen-41 #Engagements-02 {
	width: 400px;
	left: calc(50% - 300px);
	top: 0;
	bottom: auto;
	height: auto;
}
}

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

@media only screen and (min-width:762px) and (max-width:1023px) {
.MyPopinScreen {
	display: block;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
	transform: translateX(-50%) translateY(-50%) translateZ(0);
	padding: 40px;
	background-color: #FFF;
	z-index: 11;
	padding-top: 150px;
	background-image: url(img/PopinScreen.png);
	background-position: top 40px center;
	background-repeat: no-repeat;
}
.MyFirstScreen::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	top: 0;
	left: 0;
	z-index: 10;
}
.NavContainer {
	display: none!important;
}
.ScreenContainer {
	display: none!important;
}
.MyFirstScreen {
	filter: blur(2px);
	display: block!important;
}
.MyFirstScreen h1 {
	font-size: 40px;
}
}
/*-------------------------------------------*/


.MyPopinAddToCart{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	z-index:12;
}

.MyPopinAddToCart .bg{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index:1;
}


.MyPopinAddToCart .CloseBtn{
	display: block;
	position: absolute;
	left: calc(50% + 115px);
	top: calc(50% - 145px);
	color: #CCC;
	background-image: url(img/close.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	z-index: 13;
}
.MyPopinAddToCart .jcarousel{
	background-color: #FFF;
	width: 300px;
	left: calc(50% - 150px);
	top: calc(50% - 150px);
	position: absolute;
	padding-top:30px;
	padding-bottom:10px;
	z-index:2;
}
.MyPopinAddToCart .products-pagination.jcarousel-control-prev span{
   background-image:url(img/prev.png);
    opacity:0.5;
}
.MyPopinAddToCart .products-pagination.jcarousel-control-next span{
   background-image:url(img/next.png);
   opacity:0.5;
}
.MyPopinAddToCart .products-pagination.jcarousel-control-prev {
    left: calc(50% - 150px);
    top: calc(50% - 35px);
	background-color:transparent;
	z-index:3;	
	display: block;
}
.MyPopinAddToCart .products-pagination.jcarousel-control-next {
    right: calc(50% - 150px);
    top: calc(50% - 35px);
	background-color:transparent;
	z-index:3;	
	display: block;
}

#FirstScreenTitle p.Title {
	color: #be0f34;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 12px;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    margin-top: 40px;
    margin-bottom: -30px;
}

.MyContent .ScreenBlock .Wrapper p.Mentions {
	margin: 0;
	font-size: 11px;
	opacity: 0.5;
	line-height: 12px;
	margin-top: -40px;
}


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

@media only screen and (max-width:761px) {
	#FirstScreenTitle p.Title {
	margin-bottom: 10px;
	}
}

span.Mentions {
	margin: 0;
	font-size: 11px;
	opacity: 0.5;
	line-height: 12px;
}

sup.clarins-red {
	color: #be0f34;
}

span.stats-edit {
	color: #be0f34;
	font-size: 16px;
	height: 110px;
	line-height: 110px;
	width: 115px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	display: -webkit-inline-box !important;

}


@media only screen and (min-width:1024px) {
.margin-left {
	margin-left: -570px !important;
}

@media only screen and (max-device-width : 375px){
.MyContent .MyFirstScreen #shopHP{
	margin-left: 105px !important;
}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
.MyContent .MyFirstScreen #shopHP{
	margin-left: 250px !important;
}
}

@media only screen and (min-device-width: 1023px){
.MyContent .MyFirstScreen #shopHP{
	margin-left: 115px !important;
}	
}