body {
	overflow-x: hidden;
	margin: 0;
	scroll-behavior: smooth;
}
.breadcrumb {
	display: none;
}
#main:not(.main-homepage) {
	margin-top: 0px;
}

@media screen and (max-width: 761px) {
.MyContent .product-quickshop {
	display: inline-block;
}
.product-quickshop .swatchesCircle img {
	top: 8.5px;
}
}
.AnchorTag {
	height: 50px;
	margin-top: -50px;
}
.MyContent .slick-dots li {
	border-radius: 50%;
	overflow: hidden;
	width: 10px;
	height: 10px;
}
.MyContent .slick-dots .slick-active button {
	background-color: #000;
}
.MyContent .slick-dots {
	bottom: -35px;
}
.MyContent .slick-arrow {
	position: absolute;
	background: transparent;
	border: 0px #fff solid!important;
	top: 185px;
	font-size: 0;
	background-color: transparent;
	width: 50px;
	height: 70px;
	z-index: 10;
	margin: 0;
	padding: 0;
	outline: 0;
}
.MyContent .slick-prev {
	left: -50px;
	background-image: url(img/arrow-prev.png);
	min-width: 0px;
}
.MyContent .slick-next {
	right: -50px;
	background-image: url(img/arrow-next.png);
	min-width: 0px;
}
.MyContent .slick-next:after, .MyContent .slick-prev:after {
	display: none!important;
}
.MyContent {
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	max-width: 1250px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 16px;
	line-height: 1.4em;
}

@media screen and (max-width: 1249px) {
.MyContent {
	overflow: hidden;
	width: 100%;
}
}

@media screen and (max-width:1024px) {
.MyContent {
	font-size: 14px;
	 width: 1024px;
}
}

@media screen and (max-width:1023px) and (min-width:762px){
.MyContent {
 width: 761px;
}
}
.MyContent p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.MyContent .Mentions {
	font-size: 11px;
	opacity: 0.5;
	margin: 0;
	padding: 20px 0;
	line-height: 1.2em;
}
.MyContent .MyBlock {
	padding-top: 55px;
}

@media screen and (max-width:761px) {
.MyContent .MyBlock {
	padding-top: 30px;
}
}

@media screen and (min-width:762px) {
.MyContent .SlickMobile {
	display: none;
}
}

@media screen and (min-width: 1250px) {
.MyContent .MyFullWidthBlock {
	width: calc(100vw - 20px);
	margin-left: calc(625px + 10px - 50vw);
}
}
@media screen and (min-width: 1600px) {
.MyContent .MyFullWidthBlock {
	width: 1600px;
	margin-left: -175px;
}
}
.MyContent figure {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	position: relative;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 16px;
	padding-left: 30px;
	display: inline-block;
	line-height: 14px;
	min-width: 110px;
	text-align: center;
	background-color: black;
}
/*-------------------------------------------------------------------*/
.MyContent svg {
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.SVG_Shape {
	height: 0px;
	z-index: 2;
	position: relative;
}
#HEALTHY-MILKSHAKE-HEADER {
	background-image: url(img/header-v2.jpg);
	height: 617px;
	background-repeat: no-repeat;
	background-position: top -60px center;
	background-color: #fad8da;
	padding: 113px 30px;
	box-sizing: border-box;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-HEADER {
	padding: 50px 30px;
	height: 457px;
	background-size: auto 100%;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-HEADER {
	padding: 0px;
	height: 110vw;
	background-size: auto 120vw;
	background-position: left -120vw top -10vw;
}
}
#HEALTHY-MILKSHAKE-HEADER .Title {
	background-image: url(img/logo-title.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 100%;
	width: 100%;
	max-width: 1024px;
	height: 269px;
	font-size: 0;
	margin: 0 auto;
	display: block;
	position: relative;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-HEADER .Title {
	max-width: 500px;
	height: 200px;
	margin-left: 0;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-HEADER .Title {
	display: none;
}
}
#HEALTHY-MILKSHAKE-SHAPE-1 svg {
	top: -142px;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-SHAPE-1 svg {
	top: -192px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-SHAPE-1 svg {
	top: -22vw;
	width: 300vw;
	height: 70vw;
}
}
#HEALTHY-MILKSHAKE-SHAPE-1 img {
	display: none;
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-SHAPE-1 {
	height: 50vw;
}
#HEALTHY-MILKSHAKE-SHAPE-1 img {
	position: relative;
	display: block;
	z-index: 2;
	max-width: calc(100% - 40px);
	margin: 20px;
}
}
#HEALTHY-MILKSHAKE-SHAPE-1 .backgroundSVG {
	fill: #fbfafb;
}
#HEALTHY-MILKSHAKE-INTRO {
	background-color: #fbfafb;
	color: #000;
	z-index: 2;
	position: relative;
	/*width: 100%;
	max-width: 1170px;
	margin: 0 auto;*/
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-bottom:40px;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-INTRO {
	flex-direction: column;
	align-items: center;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INTRO {
		padding-bottom:0px;
}
}
#HEALTHY-MILKSHAKE-INTRO .Item {
	max-width: 490px;
}
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
	margin-top: -150px;
}

@media screen and (max-width:1024px) {
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
	margin-top: -100px;
	margin-left: 80px;
	max-width: 300px;
}
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
	margin: 20px;
	margin-top: -150px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
	margin: 0px;
	margin-top: 0;
}
}
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(2) {
	text-align: left;
	padding: 0 120px;
}

@media screen and (max-width:1024px) {
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(2) {
	text-align: left;
	padding: 0 20px;
	margin-top: -40px;
	padding-left: 100px;
	padding-bottom: 150px;
}
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(2) {
	padding: 0;
	margin: 20px;
	max-width: 600px;
	padding-bottom: 100px;
	text-align: center;
}
}

@media screen and (max-width: 761px){
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(2) {
    padding-bottom: 20px;
}
}
#HEALTHY-MILKSHAKE-INTRO .Title {
	font-size: 35px;
	color: black;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding: 0px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding-bottom: 20px;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure img {
	position: relative;
	display: block;
	max-width: 100%;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure span {
	font-size: 18px;
	color: #e61b6f;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding: 0px;
	margin: 0 auto;
	display: block;
	position: absolute;
	padding-bottom: 20px;
	text-align: left;
	width: 150px;
}

@media screen and (max-width:1024px) {
#HEALTHY-MILKSHAKE-INTRO .Item figure span {
	font-size: 16px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INTRO .Item figure span {
	font-size: 11px;
}
}
#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(2) {
	top: 68%;
	right: 75%;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(3) {
	bottom: 65%;
	left: 80%;
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INTRO .Item figure span {
	width: 20vw;
}
}
/*-----------------------------------------------------*/
#HEALTHY-MILKSHAKE-SHAPE-2 {
    height: 230px;
    overflow: hidden;
    margin-top: -160px;

}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-SHAPE-2 {
	height: 20px;    margin-top: 0px;
}
}
#HEALTHY-MILKSHAKE-SHAPE-2 svg {
	top: 0;
}
@media screen and (max-width: 761px){
#HEALTHY-MILKSHAKE-SHAPE-2 {
       top: auto;
    width: 800px;
    height: 80px;
    overflow: hidden;
    bottom: 0px;
}
}
#HEALTHY-MILKSHAKE-SHAPE-2 .backgroundSVG {
	fill: #fad7c3;
}

@media screen and (max-width: 761px){
#HEALTHY-MILKSHAKE-SHAPE-2 .backgroundSVG {
	  width: 800px;
    height: 120px;
}
#HEALTHY-MILKSHAKE-SHAPE-2 svg {
    width: 100vw;
    height: 40vw;
    transform: none;
    left: 0;
    top: auto;
}
}
/*#HEALTHY-MILKSHAKE-SHAPE-2[data-tint="01"] .backgroundSVG {
	fill: #f3e2ca;
}
#HEALTHY-MILKSHAKE-SHAPE-2[data-tint="02"] .backgroundSVG {
	fill: #f0dcc6;
}
#HEALTHY-MILKSHAKE-SHAPE-2[data-tint="03"] .backgroundSVG {
	fill: #ecdacf;
}
#HEALTHY-MILKSHAKE-SHAPE-2[data-tint="04"] .backgroundSVG {
	fill: #e5d3be;
}
#HEALTHY-MILKSHAKE-SHAPE-2[data-tint="05"] .backgroundSVG {
	fill: #e4d0bd;
}*/
#HEALTHY-MILKSHAKE-BOOST {
	display: flex;
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #fef6f1;
	padding-bottom: 400px;

}
@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-BOOST {
	align-items: flex-start;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST {
	flex-direction: column;align-items: center;
}
}


#HEALTHY-MILKSHAKE-BOOST{
	background-color:#fad7c3;
}
/*
#HEALTHY-MILKSHAKE-BOOST[data-tint="01"] {
	background-color: #f3e2ca;
}
#HEALTHY-MILKSHAKE-BOOST[data-tint="02"] {
	background-color: #f0dcc6;
}
#HEALTHY-MILKSHAKE-BOOST[data-tint="03"] {
	background-color: #ecdacf;
}
#HEALTHY-MILKSHAKE-BOOST[data-tint="04"] {
	background-color: #e5d3be;
}
#HEALTHY-MILKSHAKE-BOOST[data-tint="05"] {
	background-color: #e4d0bd;
}*/
#HEALTHY-MILKSHAKE-BOOST figure img {
	display: none;
}
#HEALTHY-MILKSHAKE-BOOST figure img[data-selected="1"] {
	display: block;
	max-width: 100%;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-1 {
	flex-basis: 100%;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-1 {
	max-width: 600px;
}
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-1 .Title {
	font-size: 35px;
	color: black;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding: 0px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding-bottom: 20px;
	max-width: 890px;
	text-align: center;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-1 p {
	margin: 0 auto;
	max-width: 850px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 {
	flex-basis: 30%;
	max-width: 350px;
	text-align: left;
	margin-left: 20px;
	position:relative;
}
@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 {
	padding-top:20px;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 {
	margin: 20px;
    width: calc(100% - 40px);
    max-width: 760px;
    order: 3;
    padding-top: 140px;
}
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .Title {
	width: 323px;
	height: 92px;
	background-image: url(img/logo-title-01.png);
	font-size: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
	transition:background ease-in-out 0.5s;
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-2[data-scrolled="1"] .Title {
	background-image: url(img/logo-title-01-white.png);
}


@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .Title {
	width: 90vw;
	height: 30vw;
	background-size: 100% auto;
	margin: 0 auto;
	background-repeat: no-repeat;
}
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-2 ul li:nth-child(1) {
	background-image: url(img/pictos-01-1.png);
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2[data-scrolled="1"] ul li:nth-child(1) {
	background-image: url(img/pictos-01-1-white.png);
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-2 ul li:nth-child(2) {
	background-image: url(img/pictos-01-2.png);
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2[data-scrolled="1"] ul li:nth-child(2) {
	background-image: url(img/pictos-01-2-white.png);
}


#HEALTHY-MILKSHAKE-BOOST-ITEM-2 ul li:nth-child(3) {
	background-image: url(img/pictos-01-3.png);
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2[data-scrolled="1"] ul li:nth-child(3) {
	background-image: url(img/pictos-01-3-white.png);
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-2 ul li:nth-child(4) {
	background-image: url(img/pictos-01-4.png);
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2[data-scrolled="1"] ul li:nth-child(4) {
	background-image: url(img/pictos-01-4-white.png);
}


#HEALTHY-MILKSHAKE-BOOST-ITEM-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 ul li {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	padding-left: 65px;
	min-height: 47px;	transition:background ease-in-out 0.5s;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 p {
	padding-bottom: 15px;
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .Stamp{
    position: absolute;
    top: 100%;
    right: -60px;
}
@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .Stamp{
    display:none;
}	
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .SelectTint .Tint {
	display: block;
	margin: 10px;
	cursor: pointer;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .SelectTint .Tint span {
	display: block;
	width: 46px;
	height: 46px;
	position: relative;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 16px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .SelectTint .Tint[data-selected="1"] span::after {
	content: " ";
	width: 58px;
	height: 58px;
	position: absolute;
	left: calc(50% - 29px);
	top: calc(50% - 29px);
	border: 2px solid #be0f34;
	border-radius: 50%;
	box-sizing: border-box;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .SelectTint {
	display: flex;
	text-align: center;
	padding-top: 20px;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-2 .SelectTint {
    display: flex;
    text-align: center;
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
}
#TINT-01 span {
	background-color: #edc191;
}
#TINT-02 span {
	background-color: #e7b589;
}
#TINT-03 span {
	background-color: #deb19a;
}
#TINT-04 span {
	background-color: #cea279;
}
#TINT-05 span {
	background-color: #ce9c75;
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-3 {
	max-width: 240px;
	margin: 65px;
	flex: 1;
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-3 .TextureMobile {
display:none;
}
@media screen and (max-width:1024px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-3 {
	margin: 30px;
	    margin-left: 100px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-3 {
	margin: 30px;
	max-width: 30vw;
	order:2;
	position:relative;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-3 .TextureMobile {
display: block;
width: 80vw;
position: absolute;
z-index: -1;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
}
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 {
	flex-basis: 30%;
	max-width: 400px;
	text-align: left;
	margin-right: 20px;
	padding-top:100px;
	z-index:-1;
	padding-bottom:100px;
}
@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 {
	padding-top:20px;
}
}
@media screen and (max-width:1023px) and (min-width:762px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 {
	flex-basis: 100%;
	max-width: 600px;
	position:relative;
		padding-bottom:0px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 {
	flex-basis: 100%;
	max-width: 760px;
	margin: 20px;order:4;padding-top:0px;
	padding-bottom: 0;
}
}

#HEALTHY-MILKSHAKE-BOOST-ITEM-4 figure {
	margin-left:-100px;
}
@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 figure {
	position: absolute;
    top: -150px;
    z-index: -1;
    /* left: 200px; */
    transform: translateX(90%);
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 figure {
	position: absolute;
    top: 110vw;
    z-index: -1;
	display:none;
}
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 p {
	padding-bottom: 15px;
}
#HEALTHY-MILKSHAKE-SHAPE-3 svg {
	top: -442px;
}
#HEALTHY-MILKSHAKE-SHAPE-3 .backgroundSVG {
	fill: #ffffff;
}
#HEALTHY-MILKSHAKE-INGREDIENT {
	display: block;
	position: relative;
	margin-top: -200px;
	z-index: 4;
	padding-bottom: 120px;
	background-color: #fff;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INGREDIENT {
	padding-bottom:20px;
}
}
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper {
	display: block;
	position: relative;
	border: 2px #fdebdf solid;
	max-width: 970px;
	margin: 0 auto;
	padding: 65px;
	box-sizing: border-box;
	padding-left: 500px;
	text-align: left;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper {
	margin: 0 40px;
	padding: 35px;
	padding-left: 300px;
}
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper img {
	max-width: 100%;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper {
	margin: 0 20px;
	padding: 20px;
	padding-top: 300px;
}
}
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper figure {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	left: 60px;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper figure {
	width: 300px;
	left: -20px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper figure {
	width: 300px;
	left: calc(50% - 150px);
	top: 100px;
}
}
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper .Title {
	color: #be0f34;
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
}
#HEALTHY-MILKSHAKE-INGREDIENT .Wrapper figure span {
	position: absolute;
	top: 50%;
	left: 10%;
	font-size: 11px;
	width: 30%;
	text-align: right;
}
/*-----------------------------------------------------------------------------*/
#HEALTHY-MILKSHAKE-MILKY-MOUSSE {
	display: flex;
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	padding-bottom: 180px;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE {
	padding-bottom: 50px;
}
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE figure img {
	display: none;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE figure img[data-selected="1"] {
	display: block;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-1 {
	flex-basis: 100%;
}

@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-1 {
	max-width: 600px;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-1 {
order:1;
}
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-1 .Title {
	font-size: 35px;
	color: black;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding: 0px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding-bottom: 20px;
	max-width: 850px;
	text-align: center;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-1 .Title {
	margin: 0 20px;
}
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 {
	flex-basis: calc(50% - 80px);
	max-width: 350px;
	text-align: left;
	position: relative;
	z-index: 1;
	margin-left: 20px;
}
@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 {
	max-width: 360px;
	flex-basis:360px;
	margin-left:0px;
}
}
@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 {
margin: 20px;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 {
order:3;position:relative;
padding-top:190px;text-align:center;
}

#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .BtnLink{
	padding-top: 20px;
    text-align: center;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
}
}

@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-SHAPE-2 svg {
	top: 0;
	height: 400px;
}
#HEALTHY-MILKSHAKE-SHAPE-2 {
	height: 150px;
	overflow: hidden;
	margin-top: -160px;
}
}
@media screen and (max-width:1023px) and (min-width:762px) {
#HEALTHY-MILKSHAKE-SHAPE-2 svg {
	top: 0;
	height: 400px;
}
#HEALTHY-MILKSHAKE-SHAPE-2 {
	height: 130px;
	overflow: hidden;
	margin-top: -160px;
}
}


#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Title {
	width: 271px;
	height: 131px;
	background-image: url(img/logo-title-02.png);
	font-size: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 18px;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Title {
	margin: 0 auto;
	margin-bottom: 18px;
}	
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Texture {
	position: absolute;
	right: -188px;
	bottom: -260px;
	margin: 0;
	padding: 0;
}
@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Texture {
    position: absolute;
    right: -188px;
    bottom: -220px;
    margin: 0;
    padding: 0;
}
}
@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Texture {
	position: relative;
	right: auto;
	bottom: auto;
	margin: 0;
	padding: 0;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Texture {
    position: absolute;
    top: -350px;
    left: 50%;
    width: 350px;
    transform: translateX(-50%);
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .Texture img{
    max-width:100%;
}
}

#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .SelectTint .Tint {
	display: block;
	margin: 7px;
	cursor: pointer;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .SelectTint .Tint span {
	display: block;
	width: 46px;
	height: 46px;
	position: relative;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 16px;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .SelectTint .Tint[data-selected="1"] span::after {
	content: " ";
	width: 58px;
	height: 58px;
	position: absolute;
	left: calc(50% - 29px);
	top: calc(50% - 29px);
	border: 2px solid #be0f34;
	border-radius: 50%;
	box-sizing: border-box;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .SelectTint {
	display: flex;
	text-align: center;
	padding-top: 20px;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-2 .SelectTint  {
	position:absolute;
	top:0px;
	left:50%;
	transform:translateX(-50%);
	padding-top:0;
}
}

#MOUSSE-TINT-01 span {
	background-color: #ef4b5a;
}
#MOUSSE-TINT-02 span {
	background-color: #e9665e;
}
#MOUSSE-TINT-03 span {
	background-color: #ed8d8e;
}
#MOUSSE-TINT-04 span {
	background-color: #b73733;
}
#MOUSSE-TINT-05 span {
	background-color: #bd3745;
}
#MOUSSE-TINT-06 span {
	background-color: #c06d5b;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-3 {
	max-width: 240px;
	margin: 65px 0;
	z-index: 2;
	position: relative;
}

@media screen and (max-width:1024px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-3 {
	margin: 30px;

}
}
@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-3 {
	max-width: 141px;
	flex-basis:141px;
	margin:20px;
}
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-3 {
	width: 90px;
	order:2;
	margin-bottom:0px;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-3 img {
	max-width: 100%;
}
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 {
	flex-basis: calc(50% - 80px);
	max-width: 400px;
	text-align: left;
	margin-left: 20px;
}

@media screen and (max-width:1024px) and (min-width:1024px){
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 {
	max-width: 350px;
	flex-basis:350px;
	margin-left:0px;
}
}
@media screen and (max-width:1023px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 {
	flex-basis: 100%;
	max-width: 600px;
}
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 {
	margin: 20px;
	order:4;
}
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 p {
	padding-bottom: 15px;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 p.BigText {
	padding: 15px 0;
	padding-bottom: 0;
	color: #fabdcf;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 ul li {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	padding-left: 95px;
	min-height: 47px;
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 ul li:nth-child(1) {
	background-image: url(img/pictos-02-1.png);
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 ul li:nth-child(2) {
	background-image: url(img/pictos-02-2.png);
}
#HEALTHY-MILKSHAKE-MILKY-MOUSSE-ITEM-4 ul li:nth-child(3) {
	background-image: url(img/pictos-02-3.png);
}
/*------------------------------------*/
#HEALTHY-MILKSHAKE-SHAPE-4 {
	height: 280px;
}
#HEALTHY-MILKSHAKE-SHAPE-4 svg {
	top: -142px;
}
#HEALTHY-MILKSHAKE-SHAPE-4 .backgroundSVG {
	fill: #fabdcf;
}
@media screen and (max-width:1023px) and (min-width:762px) {
#HEALTHY-MILKSHAKE-SHAPE-4 {
	height: 100px;
}
#HEALTHY-MILKSHAKE-SHAPE-4 svg {
	top: -222px;
height: 300px;
}
}
/*------------------------------------*/
#HEALTHY-MILKSHAKE-SHAPE-5 {
	height: 80px;
}
#HEALTHY-MILKSHAKE-SHAPE-5 svg {
	top: -142px;
}
#HEALTHY-MILKSHAKE-SHAPE-5 .backgroundSVG {
	fill: #FFF;
}
/*-------------------------------------------------*/
#HEALTHY-MILKSHAKE-ROUTINE {
	z-index: 2;
	position: relative;
	background-color: #fff;
	max-width: 970px;
	margin: 0 auto;
	margin-top: -280px;
	padding-top: 45px;
	padding-bottom: 40px;
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-ROUTINE {
	margin: 0 20px;
	margin-top: -280px;
}
}
#HEALTHY-MILKSHAKE-ROUTINE .Title {
	font-size: 35px;
	color: #be0f34;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding: 0px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding-bottom: 20px;
	max-width: 850px;
	text-align: center;
}
@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-ROUTINE .Title {
	margin: 0 20px;
}
}
#HEALTHY-MILKSHAKE-ROUTINE p.TextIntro {
	max-width: 680px;
	margin: 20px auto;
	margin-bottom: 50px;
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-ROUTINE p.TextIntro {
	margin: 20px;
	text-align:center;
}
}
#HEALTHY-MILKSHAKE-ROUTINE .CheckBox {
	display: flex;
	margin: 0 auto;
	position: relative;
	justify-content: center;
	list-style: none;
	padding:0;
}

@media screen and (max-width:761px) {
#HEALTHY-MILKSHAKE-ROUTINE .CheckBox {
	flex-direction:column;
	max-width:220px;
}
}
#HEALTHY-MILKSHAKE-ROUTINE .CheckBox li {
	background-image: url(img/checkbox.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 40px;
	margin: 10px;
	text-transform: uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	min-height: 40px;
}
#HEALTHY-MILKSHAKE-ROUTINE h3 {
	color: #f08ba9;
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-align: center;
}
#HEALTHY-MILKSHAKE-ROUTINE figure {
	height: 340px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-left: 20px;
	padding-right: 20px;
}
#HEALTHY-MILKSHAKE-ROUTINE-SLICK {
	margin: 0 50px;
	position:relative;
}
#HEALTHY-MILKSHAKE-ROUTINE-SLICK::before {
	content: " ";
position: absolute;
top: 0;
border-left: 1px solid #fff;
left: 2px;
height: 100%;
width: 1px;
z-index: 2;
}
#HEALTHY-MILKSHAKE-ROUTINE-SLICK::after {
	content: " ";
position: absolute;
top: 0;
border-right: 1px solid #fff;
right: 2px;
height: 100%;
width: 1px;
z-index: 2;
}
@media screen and (min-width:762px) {
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem {
	width: 100%;
	position: relative;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidth {
	width: 200%;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidthHidden {
	font-size: 0;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidth::after {
	content: " ";
	position: absolute;
	top: 0;
	border-left: 1px solid #ccc;
	left: 2px;
	height: 100%;
	width: 1px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidthHidden::after {
	content: " ";
	position: absolute;
	top: 0;
	border-left: 1px solid #ccc;
	right: 2px;
	height: 100%;
	width: 1px;
}
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem p {
	padding: 20px;
	text-align: center;
}
#HEALTHY-MILKSHAKE-ROUTINE .BtnLink {
	text-align: center;
}
#HEALTHY-MILKSHAKE-ROUTINE .slick-slide img {
	max-width: 100%;
}
/*--------------------------------------------------------*/

/*----------------------DTW--------------------------*/
#HEALTHY-MILKSHAKE-INTRO {
    top: 24px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidth {
    min-height: 44px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidthHidden {
    min-height: 44px;
}

#HEALTHY-MILKSHAKE-BOOST figure img[data-selected="1"] {
    top: 10px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem p {
    min-height: 44px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 figure {
    position: relative;
    top: 9px;
}
#HEALTHY-MILKSHAKE-ROUTINE h3 {
    min-height: 44px;
}
#HEALTHY-MILKSHAKE-ROUTINE-SLICK::after {
    right: 3px;
}

 @media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  {
	#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
	    margin-left: 60px;
	}
}

@media screen and (max-width:1024px) {
		#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem p{
			min-height: 60px;
		}


}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 

#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(2) {
    right: 62%;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure img {
    left: 47px;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(3) {
    left: 91%;
}
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(2) {
    position: relative;
    left: 42px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 {
    padding-top: 49px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 figure {
    position: relative;
    top: 9px;
}
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
#HEALTHY-MILKSHAKE-MILKY-MOUSSE {
    padding-bottom: 229px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem p {
    min-height: 77px;
}
.MyContent {
    width: 834px;
}
#HEALTHY-MILKSHAKE-BOOST {
    padding-bottom: 147px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 .Mentions{
	position: relative;
	top: -214px;
}
#HEALTHY-MILKSHAKE-BOOST-ITEM-4 figure {
    position: relative;
    top: -589px;
    left: -189px;
}
.MyContent .slick-prev {
    left: -33px;
}
.MyContent .slick-next {
    right: -33px;
}
#HEALTHY-MILKSHAKE-ROUTINE-SLICK::after {
    right: 2px;
}
}

@media only screen and (max-width:761px) {
	.MyContent {
    width: 100%;
}
#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(3) {
    left: 78%;
}
#HEALTHY-MILKSHAKE-INTRO {
    top: -8px;
}
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
    margin-top: 14px;
}
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(2) {
    padding-bottom: 65px;
}
#HEALTHY-MILKSHAKE-SHAPE-2 {
    margin-top: -69px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem p {
    min-height: 44px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidth {
    font-size: 20px;
}
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidthHidden {
    font-size: 20px;
}

#HEALTHY-MILKSHAKE-SHAPE-4 svg {
    top: -115px;
}


}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#HEALTHY-MILKSHAKE-ROUTINE .RoutineItem .DoubleWidthHidden{
		padding-top: unset;
}

}


@media screen and (min-width:1024px) and (max-width:1112px) {
#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(2) {
    top: 66%;
    right: 73%;
}

#HEALTHY-MILKSHAKE-INTRO .Item figure span {
    width: 105px;
}
}


#HEALTHY-MILKSHAKE-ROUTINE p.TextIntro {
    text-align: center;
}

 @media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  {
#HEALTHY-MILKSHAKE-INTRO .Item figure span:nth-child(2) {
    top: 68%;
    right: 71%;
}
}




/*DTW Edits*/
#HEALTHY-MILKSHAKE-INTRO{
	z-index: unset;
	padding-bottom: 75px;
}
#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1){
	z-index: unset;	
}
#HEALTHY-MILKSHAKE-INTRO .Title{
	position: relative;
	z-index: 2;
}
#HEALTHY-MILKSHAKE-INTRO p{
	position: relative;
	z-index: 2;
}
#HEALTHY-MILKSHAKE-INTRO .BtnLink{
	position: relative;
	z-index: 3;
}


#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
	margin: 0 auto 40px;
}

#HEALTHY-MILKSHAKE-HEADER {
	position: relative;
}

#HEALTHY-MILKSHAKE-HEADER .Item {
	position: absolute;
	bottom: 240px;
	right: 0;
	width: 100%;
	max-width: 630px;
}

#HEALTHY-MILKSHAKE-HEADER .Item span:last-child {
	position: absolute;
	top: -210px;
	right: 80px;
}

#HEALTHY-MILKSHAKE-HEADER .Item span {
	font-size: 18px;
	color: #e61b6f;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding: 0px;
	margin: 0 auto;
	display: block;
	position: absolute;
	padding-bottom: 20px;
	text-align: left;
	width: 150px;
}


/*DTW Responsive Edits*/

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	#HEALTHY-MILKSHAKE-HEADER {
		background-position-x: center;
		background-position-y: -40px !important;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item span {
		font-size: 15px;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item {
		bottom: 260px;
		max-width: 390px;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item span:last-child {
		position: absolute;
		top: -130px;
		right: 0px;
		width: 110px;
	}
	#HEALTHY-MILKSHAKE-INTRO .Item:nth-child(1) {
		max-width: 520px;
		margin: 0 auto 98px;
	}
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	#HEALTHY-MILKSHAKE-HEADER {
		background-position-x: -370px;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item {
		right: -104px;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item span:last-child {
		position: absolute;
		top: -220px;
		right: 110px;
	}
}

@media screen and (max-width: 761px) {
	#HEALTHY-MILKSHAKE-HEADER {
    background-position: left -120vw top 3vw;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item {
    bottom: 0;
    right: -16px;
    top: 250px;
}
	#HEALTHY-MILKSHAKE-HEADER .Item span{
		font-size: 14px;
	}
	#HEALTHY-MILKSHAKE-HEADER .Item span:last-child {
    top: -130px;
    right: 18px;
    width: 100px;
	}
}