body,html{
	margin:0;
	padding:0;
	overflow-x:hidden;
}
.breadcrumb {
	display: none;
}
#main {
margin-top:0px;
}
#main:not(.main-homepage) {
margin-top:0px;
}
.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;
}
.breadcrumb{
	display:none;
}
#main{
	margin-top:0;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
	
}
.MyContent .ProductBlock .ProductInfos .product-quickshop {
	border:0px solid;
	margin:0;
}
.MyContent .ProductBlock .ProductInfos .product-tile {
	text-align:left;
	margin:0;
}
.MyContent .ProductBlock .ProductInfos .product-tile img{
	display:none;
}

.MyContent .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 #eee;
}
.MyContent .TextLink a:after {
	background-image: url(img/arrow.png);
	background-position: top center;
	content: " ";
	height: 20px;
	display: block;
	position: relative;
	background-repeat: no-repeat;
}


@media screen and (min-width: 1250px) {
.MyContent .MyFullWidthBlock{
	margin-left:calc(-50vw + 625px + 10px);
	width:calc(100vw - 20px);
}
}
/*-------------------------------------------*/
.MyContent #SFL2019-HEADER{
	background-image:url(img/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:500px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
@media screen and (max-width: 1249px) {
.MyContent #SFL2019-HEADER{
	height: 460px;
    background-size: auto 100%;
}
}

@media screen and (max-width: 1024px) {
.MyContent #SFL2019-HEADER{
	height: 440px;
    background-size: auto 100%;
}
}
@media screen and (max-width: 1023px) {
/*.MyContent #SFL2019-HEADER{
	height: 340px;
    background-size: auto 100%;
}*/
.MyContent #SFL2019-HEADER{
	height: 329px;
    background-size: auto 100%;
}
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-HEADER{
	background-image:url(img/header-mobile.jpg);
	background-size:100vw auto;
	display:block;
	height: auto;
	padding-top:50vw;
}
}
.MyContent #SFL2019-HEADER h1{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:50px;
	line-height:1em;
	font-weight:normal;
	padding:0;
	margin:0;	
	display:block;
	text-align:center;
}
@media screen and (max-width: 1023px) {
.MyContent #SFL2019-HEADER h1{
	max-width:310px;
	margin:0 auto;
	font-size:40px;
}
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-HEADER h1{
	font-size:40px;
		max-width:340px;
}
}
.MyContent #SFL2019-HEADER .Title{
	color:#ef3b6d;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	text-transform:uppercase;
	padding:20px;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-HEADER .Title{
	padding:15px;
	padding-bottom:0;
}
}
.MyContent #SFL2019-HEADER .Text{
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height:1.4em;
	font-weight:normal;
	padding:20px;
	margin:0 auto;	
	max-width:440px;
}
@media screen and (max-width: 1023px) {
.MyContent #SFL2019-HEADER .Text{
	max-width:310px;
	font-size:16px;
	padding:15px;
}
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-HEADER .Text{
		font-size:16px;
}
}
/*-------------------------------------------*/
.MyContent #SFL2019-INTRO{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row-reverse;
	position:relative;
	margin-top:60px;
	margin-bottom:60px;
}
@media screen and (max-width: 1023px) {
.MyContent #SFL2019-INTRO{
	margin:30px;
}
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INTRO{
	flex-direction:column;
	margin-top:40px;
	padding-bottom:60px;
		margin-bottom:20px;
}
}
.MyContent #SFL2019-INTRO .flexItem{
	height:460px;

	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}


@media screen and (min-width: 762px) {
.MyContent #SFL2019-INTRO .flexItem{
		position:relative;
}
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INTRO .flexItem{
		height:auto;
		display:block;
		overflow:hidden;
}
}
@media screen and (min-width: 762px) and (max-width: 1023px){
.MyContent #SFL2019-INTRO .flexItem:first-child {
	margin-left: -80px;
	z-index: 2;
}
}
.MyContent #SFL2019-INTRO h2{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	padding:0;
	margin:0;	
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INTRO h2 br{
	display:none;
}
}
.MyContent #SFL2019-INTRO .Text{
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.4em;
	font-weight:normal;
	padding:20px;
	margin:0 auto;	
	max-width:410px;
}
.MyContent #SFL2019-INTRO .Text + .Text{
	padding-top:0;
}
.MyContent #SFL2019-INTRO .Text strong{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
}
.MyContent #SFL2019-INTRO .Mentions{
	font-size:11px;
	opacity:0.5;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.MyContent #SFL2019-INTRO .Num{
	font-size:11px;
	position:absolute;
	bottom:0;
	left:0;
	line-height:1.2em;
	width:135px;
	color:#ef3b6d;
	text-align:right;
	border-top:2px solid #ef3b6d;
	border-bottom:2px solid #ef3b6d;
	padding-top:16px;
	padding-bottom:16px;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INTRO .Num{
	bottom:50px;
	left:20px;
}
}
.MyContent #SFL2019-INTRO .Num strong{
	font-weight:normal;
	font-size:50px;
	line-height:1em;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INTRO img{
	display:block;
	max-width:100%;
	margin-left:20%;
}
}
/*-------------------------------------------*/
.MyContent #SFL2019-TESTIMONY{
	background-image:url(img/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:312px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:relative;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-TESTIMONY{
	height:auto;
	display:flex;
	background-size:auto 100% ;
	padding-bottom:40px;
}
}
.MyContent #SFL2019-TESTIMONY .Testimonies::before{
	content:"“";
	font-size:157px;
	line-height:157px;
	height:70px;
	display:inline-block;
	overflow:hidden;
	vertical-align:bottom;
	margin-right:10px;
}
.MyContent #SFL2019-TESTIMONY .Testimonies::after{
	content:"”"
}
.MyContent #SFL2019-TESTIMONY .Testimonies{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:30px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	max-width:720px;
	padding:20px;
}
.MyContent #SFL2019-TESTIMONY .Author{
	margin:0;
	padding:0;
	font-size:14px;
	color:#8b8b8b;
	padding-bottom:50px;
}
.MyContent #SFL2019-TESTIMONY .Mentions{
	font-size:11px;
	opacity:0.5;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;line-height:1em;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-TESTIMONY .Mentions{
	left:20px;
	width:calc(100% - 40px);
	bottom:20px;
}
}
/*-------------------------------------------*/
.MyContent #SFL2019-CAUSES{
	margin:68px auto;
	margin-bottom:68px;
	border:12px #eeeeee solid;
	max-width:970px;
	padding:50px;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:flex-start;

}
@media screen and (max-width: 1023px) {
.MyContent #SFL2019-CAUSES{
	margin:20px ;

}	
	
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-CAUSES{
	margin:20px auto;
	flex-direction:column;
	padding:0px;
}	
	
}
.MyContent #SFL2019-CAUSES h2{
	flex-basis:100%;
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	padding:15px;
	margin:0;	
	box-sizing:border-box;
}
.MyContent #SFL2019-CAUSES .jcarousel{
	margin-bottom:20px;
}
.MyContent #SFL2019-CAUSES .flexItem{
	/*display:flex;
	height:167px;*/
	justify-content:center;
	align-items:center;
	text-align:center;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-CAUSES .flexItem{
	height:auto;
	margin:20px;
	display:block;
}	
.MyContent #SFL2019-CAUSES .flexItem img{
	width:auto;
	display:block;
	margin:0 auto;
}	
}
.MyContent #SFL2019-CAUSES .Text{
	text-align:center;
	display:block;
	flex:1;
	padding-left:10px;
	padding-right:10px;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-CAUSES .Text{
	text-align:center;
	margin-top:0px;
	padding-bottom:10px;
}	
}
.MyContent #SFL2019-CAUSES .Text strong{
	color:#ef3b6d;
	font-weight:normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	display:block;
}
/*-------------------------------------------*/
.MyContent #SFL2019-INNOVATION {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1030px;
	margin: 0 auto;
}

@media screen and (max-width: 761px) {
.MyContent #SFL2019-INNOVATION{
	flex-direction:column-reverse;
}	
}
.MyContent #SFL2019-INNOVATION .flexItem{
	text-align:left;

	max-width:505px;
	position:relative;
	margin-left:30px;
	transition:all 1s ease-in-out;
}

.MyContent #SFL2019-INNOVATION[data-anim="0"] .flexItem{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] .flexItem{
	transform:translateY(0);
	opacity:1;
}
@media screen and (min-width: 762px) and (max-width: 1023px){
.MyContent #SFL2019-INNOVATION .flexItem:last-child  img{
 	width: 400px!important;
    float: none!important;
}
.MyContent #SFL2019-INNOVATION .flexItem:last-child {
margin-left:-30px;

}	

}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INNOVATION .flexItem {
	
	text-align:center;
	margin:0 auto;
	padding:20px;
	
}	
.MyContent #SFL2019-INNOVATION .flexItem:last-child {
	overflow:hidden;
	height:100vw;
}	
.MyContent #SFL2019-INNOVATION .flexItem:last-child  img{
	display:block;	
	position:relative;
	max-width:100vw;
	margin-left:-23vw;

}	
}
.MyContent #SFL2019-INNOVATION h2{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	box-sizing:border-box;
	padding-top:10px;
	transition:all 1.4s ease-in-out;
}
.MyContent #SFL2019-INNOVATION[data-anim="0"] h2{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] h2{
	transform:translateY(0);
	opacity:1;
}
.MyContent #SFL2019-INNOVATION .Title{
	color:#ef3b6d;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	text-transform:uppercase;
		transition:all 1.2s ease-in-out;
}
.MyContent #SFL2019-INNOVATION[data-anim="0"] .Title{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] .Title{
	transform:translateY(0);
	opacity:1;
}
.MyContent #SFL2019-INNOVATION .BigText{
	color:#000;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height:1.4em;
	font-weight:normal;
	margin:20px auto;	
		transition:all 1.6s ease-in-out;
}
.MyContent #SFL2019-INNOVATION[data-anim="0"] .BigText{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] .BigText{
	transform:translateY(0);
	opacity:1;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INNOVATION .BigText{
	font-size:16px;
}	
}
.MyContent #SFL2019-INNOVATION .TextVideoLink{
	margin:30px auto;
		transition:all 2.2s ease-in-out;
}
.MyContent #SFL2019-INNOVATION[data-anim="0"] .TextVideoLink{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] .TextVideoLink{
	transform:translateY(0);
	opacity:1;
}
.MyContent #SFL2019-INNOVATION .TextVideoLink a::before {
	content: " ";
	background-image: url(img/video-link.png);
	width: 16px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	background-position: bottom center;
	background-repeat: no-repeat;
}
.MyContent #SFL2019-INNOVATION .TextVideoLink a {
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	line-height: 14px;
}
.MyContent #SFL2019-INNOVATION .VideoLink{
	margin:20px auto;	
	position:relative;
	transition:all 2s ease-in-out;
}
.MyContent #SFL2019-INNOVATION[data-anim="0"] .VideoLink{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] .VideoLink{
	transform:translateY(0);
	opacity:1;
}
.MyContent #SFL2019-INNOVATION .VideoLink img{
	display:block;	
	position:relative;
	max-width:100%;
}

.MyContent #SFL2019-INNOVATION .VideoLink a::before{
	content:" ";
	position:absolute;
	width:50px;
	height:50px;
	background-image:url(img/video-play.png);
	bottom:15px;
	left:15px;
	z-index:2;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INNOVATION .VideoLink a::before{
		bottom:calc(50% - 25px);
	left:calc(50% - 25px);
}	
}
.MyContent #SFL2019-INNOVATION .Text{
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.4em;
	font-weight:normal;
	margin:0 auto;	
			transition:all 2.4s ease-in-out;
}
.MyContent #SFL2019-INNOVATION[data-anim="0"] .Text{
	transform:translateY(100px);
	opacity:0;
}
.MyContent #SFL2019-INNOVATION[data-anim="1"] .Text{
	transform:translateY(0);
	opacity:1;
}
.MyContent #SFL2019-INNOVATION .IngredientName{
	position:absolute;
	bottom:12%;
	right:0;
	width:35%;
	text-align:left;
	font-size:12px;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INNOVATION .IngredientName{
	bottom:0;
}	
}
/*-------------------------------------------*/
.MyContent #SFL2019-RESULTS{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	margin-bottom:40px;
	background-color:#f691ad;
	padding-bottom:220px;
		padding-top:50px;
}
@media screen and (min-width: 1250px) {
	.MyContent #SFL2019-RESULTS{
		display:block;
		margin-left:-375px;
		width:2000px;
	}	
}
@media screen and (max-width: 761px) {
	.MyContent #SFL2019-RESULTS{
		display:block;
	}	
}
.MyContent #SFL2019-RESULTS .flexItem img{
	display:block;
	max-width:100%;
}

.MyContent #SFL2019-RESULTS .Wrapper{

	color:#FFF;
	flex-basis:100%;
	/*max-width:726px;*/
	position:relative;
	margin:0 auto;
}

@media screen and (max-width: 761px) {
	.MyContent #SFL2019-RESULTS .Wrapper{
	padding:20px;
}

}

.MyContent #SFL2019-RESULTS .DesktopOnly{
	display:block;
}	

@media screen and (max-width: 1023px) and (min-width: 762px){

.MyContent #SFL2019-RESULTS .Wrapper {
	padding:30px;
	max-width: 360px;
	
}
.MyContent #SFL2019-RESULTS  .jcarousel-pagination{
	bottom:0px;
}
}


@media screen and (max-width: 1023px) {
.MyContent #SFL2019-RESULTS .DesktopOnly{
display:none;	
}	
}
.MyContent #SFL2019-RESULTS .jcarousel li{
border:0px solid;
}	


.MyContent #SFL2019-RESULTS .jcarousel{
	display:none;
}	
@media screen and (max-width: 1023px) {
.MyContent #SFL2019-RESULTS .jcarousel{
	display:block;
}	
}
.MyContent #SFL2019-RESULTS h2{
	color:#fff;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	box-sizing:border-box;
	padding-top:20px;
	margin-bottom:40px;
}
.MyContent #SFL2019-RESULTS .inlineBlock{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:10px;
	margin-bottom:60px;
	position:relative;

}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-RESULTS .inlineBlock{
	margin-bottom:30px;
}	
}
.MyContent #SFL2019-RESULTS .inlineBlock .List{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	font-size:0;
}
.MyContent #SFL2019-RESULTS .inlineBlock h3 {
	display: inline-block;
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 15px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	background-color: #f691ad;
	z-index: 2;
	position: relative;
	min-width: 110px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.MyContent #SFL2019-RESULTS .dark-style-result h3 {
	color:#803344;
}
.MyContent #SFL2019-RESULTS .inlineBlock::before{
	content: " ";
	border:1px solid #fff;
	width:calc(100% - 2px);
	top:17px;
	display:block;
	z-index:1;
	position:absolute;
	left:0;
}
.MyContent #SFL2019-RESULTS .inlineBlock .List .Item{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:14px;
	line-height:1em;
	margin:0;
	padding:0;
	position:relative;
		min-width:120px;
}
.MyContent #SFL2019-RESULTS .dark-style-result .List .Item {
	color:#803344;
}
.MyContent #SFL2019-RESULTS .inlineBlock .List .Item .Num{
	font-size:30px;
	width:107px;
	height:107px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:10px auto;
}

.MyContent #SFL2019-RESULTS .dark-style-result .Num{
	color:#803344;
}
/*.stat-1 .Num{background-image:url(img/stat-1.png);}
.stat-5 .Num{background-image:url(img/stat-5.png);}
.stat-2 .Num{background-image:url(img/stat-2.png);}
.stat-3 .Num{background-image:url(img/stat-3.png);}
.stat-4 .Num{background-image:url(img/stat-4.png);}*/

.MyContent #SFL2019-RESULTS .Mentions{
	font-size:11px;
	line-height:1em;
	opacity:0.5;
	width:100%;
	margin-bottom:20px;
}
.MyContent #SFL2019-RESULTS .jcarousel-control-prev,
.MyContent #SFL2019-RESULTS .jcarousel-control-next {
    background-image: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

@media screen and (max-width: 761px) {
.MyContent #SFL2019-RESULTS .jcarousel-control-next, 
.MyContent #SFL2019-RESULTS .jcarousel-control-prev{
	display:block!important;
	
}
}

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

.MyContent #SFL2019-ROUTINE{
	background-image:url(img/background-routine.jpg);
	min-height:702px;
	padding-top:40px;
	padding-bottom:40px;
	background-color:#eedae2;
	background-repeat:repeat-x;
	background-position:top center;
}

.MyContent #SFL2019-ROUTINE .jcarousel{
	margin:0 auto;
	max-width:970px;
	display:block;
	margin-top:30px;
	padding-bottom:20px;
}
.MyContent #SFL2019-ROUTINE .jcarousel li{
	text-align:center;
	border:0px solid;
}

@media screen and (max-width: 761px) {
.MyContent #SFL2019-ROUTINE{
		height:auto;
		background-size:auto 100% ;
		padding:20px;
}	
}


.MyContent #SFL2019-ROUTINE h2{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	box-sizing:border-box;
	padding-top:10px;
}
.MyContent #SFL2019-ROUTINE .BigText{
	color:#000;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height:1.4em;
	font-weight:normal;
	margin:20px auto;	
	
}
.MyContent #SFL2019-ROUTINE .Text{
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.4em;
	font-weight:normal;
	margin:0 auto;
	max-width:768px;	
}
/*-------------------------------------------*/
.MyContent #SFL2019-ROUTINE .Packshot{
	height:307px;
	font-size:0;
	line-height: 307px;
	padding-bottom:20px
}
.MyContent #SFL2019-ROUTINE .Packshot img{
	display:inline-block;
	vertical-align:bottom;
}
.MyContent #SFL2019-ROUTINE .ProductRoutine{
	width:260px;
	margin:0 20px;
	display:inline-block;
	vertical-align:bottom;
}
@media screen and (max-width: 1023px) and (min-width: 762px){
	.MyContent #SFL2019-ROUTINE .ProductRoutine{
	margin:0;
}
}
.ProductRoutine h3{
	color:#ef3b6d;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	box-sizing:border-box;
	padding:0px;
	text-transform:uppercase;
}
.ProductRoutine h3 .Num{
	font-size:35px;
	display:block;
	line-height:40px;
}
.ProductRoutine .BtnLink a{
	background-color:transparent;
	border:2px solid #fff;
	color:#000;
	margin-top:15px;
}
/*-------------------------------------------*/

.MyContent #Transversal-Push h2{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	box-sizing:border-box;
	padding-top:40px;
	padding-bottom: 20px;
}
@media screen and (max-width: 761px) {
.MyContent #Transversal-Push h2{
	padding-top:20px;
	font-size:30px;
}
}
.MyContent #Transversal-Push {
	position:relative;
	padding-bottom:20px;
}
.MyContent #Transversal-Push .jcarousel {
	margin-left: auto;
	margin-right: auto;
	width: 915px;
}
@media screen and (max-width: 1023px) {
	.MyContent #Transversal-Push .jcarousel {
	width: 590px;
}

}
.MyContent #Transversal-Push .products-pagination.jcarousel-control-next, 
.MyContent #Transversal-Push .products-pagination.jcarousel-control-prev{
	top:calc(50% - 35px);
	display:none;
	
}
@media screen and (max-width: 1023px) {
.MyContent #Transversal-Push .products-pagination.jcarousel-control-next, 
.MyContent #Transversal-Push .products-pagination.jcarousel-control-prev{
	display:block;
	
}
}
@media screen and (max-width: 761px) {
.MyContent #Transversal-Push .products-pagination.jcarousel-control-next, 
.MyContent #Transversal-Push .products-pagination.jcarousel-control-prev{
	display:none;
	
}
}
.MyContent #Transversal-Push .products-pagination.jcarousel-control-next{
	right:20px;
}
.MyContent #Transversal-Push .products-pagination.jcarousel-control-prev{
	left:20px;
	
}
@media screen and (max-width: 761px) {
.MyContent #Transversal-Push .jcarousel {
	width: 290px;
	padding-bottom:40px;
}
.MyContent #Transversal-Push .jcarousel-pagination {
	display:block;
	bottom:0;
}
}
.MyContent #Transversal-Push ul {
	display: block;
	
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}

.MyContent #Transversal-Push ul li {
	font-size: 0;
	border: 2px solid #e5e5e5;
	cursor: pointer;
	display: inline-block;
	margin: 10px;
	max-width: 284px;
	min-height: 410px;
	padding-bottom: 50px;
	text-align: left;
	vertical-align: top;
	/*width: calc(50% - 40px);*/
	position:relative;
}
.MyContent #Transversal-Push ul li img {
	max-width: 100%;
}
@media screen and (max-width: 1023px) {
.MyContent #Transversal-Push ul li  {
	margin: 5px;
}
}

.MyContent #Transversal-Push ul li h3 {
	margin: 0;
	font-family: ClarinsRegular, Clarins;
	font-size: 30px;
	line-height: 30px;
	color: #000;
	padding: 0;
	padding-bottom: 10px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 100px;
}

.MyContent #Transversal-Push ul li p.Title {
	color: #be0f34;
	text-transform: uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	margin: 0;

	font-size: 11px;
	padding: 20px;
	padding-bottom: 10px;
}
.MyContent #Transversal-Push ul li p.Text {
	color: #8b8b8b;
	margin: 0;
	font-size: 11px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 14px;
}
.MyContent #Transversal-Push ul li p.text-link {
	bottom: 20px;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 20px;
	position: absolute;
		padding-bottom:8px;
}
.MyContent #Transversal-Push ul li p.text-link a {
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	border-bottom: #d5d5d5 1px solid;
}
/*-------------------------------------------*/
@media screen and (max-width: 761px) {
.MyContent .jcarousel-pagination{
 	bottom:0px;
}	

}
.MyContent .jcarousel-pagination a.active{
	background-color:#ed5d85!important;
}
.svg-stat circle {
  stroke:#ea526f;
  stroke-width:3px;
}
.dark-style-result circle{ 
 stroke:#803344;
}
.svg-stat .bar{ 
 stroke-dasharray:340;
 stroke:#ffffff;
 stroke-dashoffset:340;
 transition:stroke-dashoffset 2s ease-in-out;
}
.dark-style-result .svg-stat .bar{ 
 stroke:#ea526f;
}
.MyContent svg{
position: absolute;
left: calc(50% - 60px);
top: 3px;
}	
.Selected .stat-1 .svg-stat .bar{ stroke-dashoffset:34;}
.Selected .stat-2 .svg-stat .bar{ stroke-dashoffset:20;}
.Selected .stat-3 .svg-stat .bar{ stroke-dashoffset:17;}
.Selected .stat-4 .svg-stat .bar{ stroke-dashoffset:10;}
.Selected .stat-5 .svg-stat .bar{ stroke-dashoffset:262;}

#SFL2019-RESULTS[data-anim="1"] .DesktopOnly .stat-1 .svg-stat .bar{ stroke-dashoffset:34;}
#SFL2019-RESULTS[data-anim="1"] .DesktopOnly  .stat-2 .svg-stat .bar{ stroke-dashoffset:20;}
#SFL2019-RESULTS[data-anim="1"] .DesktopOnly  .stat-3 .svg-stat .bar{ stroke-dashoffset:17;}
#SFL2019-RESULTS[data-anim="1"] .DesktopOnly  .stat-4 .svg-stat .bar{ stroke-dashoffset:10;}
#SFL2019-RESULTS[data-anim="1"] .DesktopOnly  .stat-5 .svg-stat .bar{ stroke-dashoffset:262;}
/*-------------------------------------------*/
.MyContent #SFL2019-VIDEO-1 .VideoLink,
.MyContent #SFL2019-VIDEO-2 .VideoLink{
	margin:20px auto;	
	position:relative;
	transition:all 2s ease-in-out;
}
.MyContent #SFL2019-VIDEO-1 .VideoLink img,
.MyContent #SFL2019-VIDEO-2 .VideoLink img{
	display:block;	
	position:relative;
	max-width:100%;
}

.MyContent #SFL2019-VIDEO-1 .VideoLink a::before,
.MyContent #SFL2019-VIDEO-2 .VideoLink a::before{
	content:" ";
	position:absolute;
	width:50px;
	height:50px;
	background-image:url(img/video-play.png);
	bottom:15px;
	left:15px;
	z-index:2;
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-VIDEO-1 .VideoLink a::before,
.MyContent #SFL2019-VIDEO-2 .VideoLink a::before{
		bottom:calc(50% - 25px);
	left:calc(50% - 25px);
}	
}
/*------------------------------------------*/
#SFL2019-VIDEO-1{
	margin-top:-240px;
}
#SFL2019-VIDEO-1 p.VideoLink{
	max-width:646px;
}

/*------------------------------------------*/
#SFL2019-VIDEO-2 {	
	padding-bottom:60px;
}
#SFL2019-VIDEO-2 h2{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0 auto;	
	box-sizing:border-box;
	padding-top:10px;
	margin-top:40px;	
		margin-bottom:20px;	
}
.MyContent #SFL2019-VIDEO-2  .InlineBlock{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin:20px;

	position:relative;
	max-width:500px;
	margin-top:20px;
	font-size:14px;

}

.MyContent #SFL2019-VIDEO-2  .InlineBlock{
	max-width:566px;
	margin-left:0;
	margin-right:20px;
}
.MyContent #SFL2019-VIDEO-2  .InlineBlock:last-child{
	max-width:354px;
	margin-left:20px;
	margin-right:0;
}
@media screen and (max-width: 1023px) {
.MyContent #SFL2019-VIDEO-2  .InlineBlock:last-child,
.MyContent #SFL2019-VIDEO-2  .InlineBlock{
	margin-left:auto;
	margin-right:auto;
	max-width:566px;

}	
}
@media screen and (max-width: 761px) {
.MyContent #SFL2019-VIDEO-2  .InlineBlock:last-child,
.MyContent #SFL2019-VIDEO-2  .InlineBlock{
	margin-left:20px;
	margin-right:20px;

}	
}
.MyContent #SFL2019-VIDEO-2  .InlineBlock p{
	margin:0px;

}
.MyContent #SFL2019-VIDEO-2 .InlineBlock strong{
		font-size:16px;
		font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
		font-weight:normal;
		padding-bottom:30px;
		display:block;
}
/*---------------------------------------*/
.MyContent #SFL2019-INGREDIENTS {
	padding-bottom:40px;	
}

.MyContent #SFL2019-INGREDIENTS h2{
	color:#ef3b6d;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0 auto;	
	box-sizing:border-box;
	padding-top:10px;
	margin-top:40px;	
	margin-bottom:40px;	
}
.MyContent #SFL2019-INGREDIENTS h3{
	color:#ef3b6d;
	margin:10px auto;
	margin-top:40px;
}
.MyContent #SFL2019-INGREDIENTS .IngredientNav{
	display:flex;
	justify-content:center;
	border-bottom:8px solid #eeeeee; 
	max-width:970px;
	margin:0 auto;
}
.MyContent #SFL2019-INGREDIENTS .IngredientNav div{
	display:flex;
	position:relative;
}
.MyContent #SFL2019-INGREDIENTS .IngredientNav div.Selected::after{
	content:" ";
	background-image:url(img/fleche-ingredient.png);
	background-position:top center;
	height:20px;
	width:100%;
	position:absolute;
	bottom:-20px;
	left:0;
}
.MyContent #SFL2019-INGREDIENTS p{
	font-size:14px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	max-width:750px;
}
.MyContent #SFL2019-INGREDIENTS p strong{
	font-size:22px;
	padding-bottom:20px;
	display:block;
}
.MyContent #SFL2019-INGREDIENTS .IngredientNav img{
	cursor:pointer;
	max-width:100%;
}
.MyContent #SFL2019-INGREDIENTS .IngredientInfos .IngredientBlock{
	display:none;
	min-height:200px;
}
.MyContent #SFL2019-INGREDIENTS .IngredientInfos .IngredientBlock:first-child{
	display:block;
}
.MyContent #SFL2019-INGREDIENTS .jcarousel{
	display:none;
}	
@media screen and (max-width: 761px) {
.MyContent #SFL2019-INGREDIENTS .IngredientNav,
.MyContent #SFL2019-INGREDIENTS .IngredientInfos{
		display:none;
}	
.MyContent #SFL2019-INGREDIENTS .jcarousel{
		display:block;
}	
.MyContent #SFL2019-INGREDIENTS .IngredientBlock{
	padding-bottom:40px;
}
}
.MyContent #SFL2019-INGREDIENTS .Flex{
		display:flex;
}


/*DTW CUSTOM CHANGES*/

@media screen and (max-width: 1024px) {
img.landscape-adjusted{margin-left:60px;}}

@media screen and (max-width: 1023px) {
	img.landscape-adjusted
	{
		margin-left:10px;
	}
	.MyContent #SFL2019-INGREDIENTS .IngredientNav img{
		margin-right: -41px;
		margin-left: 2px;
	}
}

.MyContent #SFL2019-ROUTINE .jcarousel li {
    font-size: 15px;
 }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.MyContent #Transversal-Push .jcarousel{
		margin-left: 300px!important;
	}
}

@media not all and (min-resolution:.001dpcm) {
@media {
	img.landscape-adjusted{
		margin-left: auto;
		margin-right: auto;
	}
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.MyContent #Transversal-Push ul{
		margin-left: 90px;
	}
	.MyContent #SFL2019-HEADER .Text{
		font-size: 14px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.MyContent #Transversal-Push .products-pagination.jcarousel-control-next, .MyContent #Transversal-Push .products-pagination.jcarousel-control-prev{
		display: none;
	}
}

@media only screen and (max-width: 761px){
	.MyContent #SFL2019-INGREDIENTS .IngredientBlock img{
		margin-left: auto;
		margin-right: auto;
	}
	.MyContent #SFL2019-RESULTS .inlineBlock h3{
		padding: 20px;
	}
	.MyContent #Transversal-Push .jcarousel{
		width: 345px!important;
	}
	.MyContent #Transversal-Push ul li{
		margin: 20px!important;
	}
}