body, html{
    overflow-x:hidden;
    margin:0;
    padding:0;
}
.MyContent {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width:1250px;
    font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    font-size:16px;
   line-height:1.4em;
 
}

 .MyContentWrapper {
        overflow: hidden;
        display: block;
        position: relative;
}

@media screen and (min-width:1250px){
    .MyContentWrapper {
        margin-left:calc(50% - 1000px);
        margin-right:calc(50% - 1000px);
    }
}

.MyContent * {
  /*  display: block;
    position: relative;
    margin: 0;
    box-sizing: border-box;*/
}
.MyContent img {
     max-width:100%;
     display:block;
}
.MyContent .QuickShopLinkContainer{
    display: none!important;
}
.MyContent .Title {
    font-family: 'ClarinsRegular', 'Clarins';
    font-size:35px;
    line-height: 1em;
    font-weight: normal;
    margin:20px auto;
}
.MyContent .Text{
    margin:0;
}
.MyContent .ColWrapper{
   position:relative;
}
.MyContent .BtnLink a,
.MyContent .BtnLink span {
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 18px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    cursor:pointer;
}
.MyContent .QuickShopLink a,
.MyContent .QuickShopLink span {
    background-color: #000;
    display: inline-block;
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 18px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    cursor:pointer;
}

.MyContent .slick-dots  button{
   min-width:unset;
   border:0px!important;
   outline:0!important;
   padding:0!important;
   height:auto!important;
   font-size:0px;
}

.MyContent .WaveBackground{
    position:relative;
    z-index:1;
    display:block;
    max-width:2000px;

}
.MyContent .WaveBackground::after,
.MyContent .WaveBackground::before{
    content:" ";
    height:100%;
    width:2000px;
    position: absolute;
    z-index:-1;
    left:calc(50% - 1000px);
    top:-190px;
    background-size:2000px 2000px;
    background-position: top left;
    background-repeat: no-repeat;
    display:none;
}


.MyContent .SelectTint {
    display: flex;
    text-align: center;
    padding-top: 20px;
    flex-wrap: wrap;
}
.MyContent .SelectTint .QuickShopLink{
    display: none;
 
}
.MyContent .SelectTint .Tint {
    display: block;
    margin: 10px;
    cursor: pointer;
}

.MyContent  .SelectTint .Tint span {
    display: block;
    width: 46px;
    height: 46px;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 16px;
}

.MyContent  .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;
}


#MILKY-BOOST-CLEANSER-TINT-01 span {
    background-color: #e9b57b;
}
#MILKY-BOOST-CLEANSER-TINT-02 span {
    background-color: #e2a672;
}
#MILKY-BOOST-CLEANSER-TINT-03 span {
    background-color: #d8a286;
}
#MILKY-BOOST-CLEANSER-TINT-04 span {
    background-color: #edc191;
}
#MILKY-BOOST-CLEANSER-TINT-05 span {
    background-color: #edc191;
}
#MILKY-BOOST-CLEANSER-TINT-06 span {
    background-color: #c4905f;
}
#MILKY-BOOST-CLEANSER-TINT-07 span {
    background-color: #c4895a;
}

#MILKY-BOOST-CREAM-TINT-01 span {
    background-color: #e9b57b;
}
#MILKY-BOOST-CREAM-TINT-02 span {
    background-color: #e2a672;
}
#MILKY-BOOST-CREAM-TINT-02_5 span {
    background-color: #e6b08d;
}
#MILKY-BOOST-CREAM-TINT-03 span {
    background-color: #d8a286;
}
#MILKY-BOOST-CREAM-TINT-03_5 span {
    background-color: #dbac87;
}
#MILKY-BOOST-CREAM-TINT-04 span {
    background-color: #c4905f;
}
#MILKY-BOOST-CREAM-TINT-05 span {
    background-color: #c4895a;
}

#MILKY-BOOST-CREAM-TINT-06 span {
    background-color: #e9b57b;
}
#MILKY-BOOST-CREAM-TINT-07 span {
    background-color: #dbac87;
}


#LIPS-MILKY-MOUSSE-TINT-01 span {
    background-color: #ef4b5a;
}

#LIPS-MILKY-MOUSSE-TINT-02 span {
    background-color: #e9665e;
}

#LIPS-MILKY-MOUSSE-TINT-03 span {
    background-color: #ed8d8e;
}

#LIPS-MILKY-MOUSSE-TINT-04 span {
    background-color: #b73733;
}

#LIPS-MILKY-MOUSSE-TINT-05 span {
    background-color: #bd3745;
}

#LIPS-MILKY-MOUSSE-TINT-06 span {
    background-color: #c06d5b;
}

#LIPS-MILKY-MOUSSE-TINT-07 span {
    background-color: #a95a5e;
}

.MyContent .Packshot{
    display: flex;
    justify-content: center;
    align-items: center;
}
.MyContent .ColWrapper .Packshot a{
    display: none;
}
.MyContent .ColWrapper .Packshot a[data-selected="1"]{
    display: block;
}
.MyContent .Texture{
   position:absolute;
}
.MyContent .Texture img{
    display: none;
}
.MyContent .Texture img[data-selected="1"]{
    display: block;
}
.MyContent .Mentions{
   font-size:10px;
   opacity:0.5;
}


.MyContent .QuickShopWrapper .QuickShopLink{
    display:none;
}
.MyContent .QuickShopWrapper .QuickShopLink[data-selected="1"]{
    display:block;
}
/*---------------------------------------------------------------------------*/

.MyContent #MILKY_MOUSSE_SECTION_01{
    width: 100vw;
    margin: 0 auto;
}
.MyContent #MILKY_MOUSSE_SECTION_01 img{
    max-width:100%;
    display:block;
    margin:0 auto
}
  .MyContent #MILKY_MOUSSE_SECTION_01 img[data-device="desktop"]{
        display:block;
  }
  .MyContent #MILKY_MOUSSE_SECTION_01 img[data-device="mobile"]{
    display:none;
}
 

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


.MyContent #MILKY_MOUSSE_SECTION_02 {
    background-color:#fff;
    display:flex;
    padding-bottom:100px;
    justify-content: center;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_02{
        padding-bottom:190px;
     }
}

.MyContent #MILKY_MOUSSE_SECTION_02::before {
    background-image: url("../img/vague-1.svg");
    display:block;
}

.MyContent #MILKY_MOUSSE_SECTION_02 .ContentVisual{
    max-width:743px;
    flex-basis: 743px;
    position: relative;
    margin-right:55px;
}


.MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText{
    color:#843b00;
    font-size: 18px;
    line-height: 1em;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins;
    position:absolute;
    width:190px;
}
.MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(1){
   left:88px;
   top:477px;
   text-align: left;
   max-width:492px;

}
.MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(2){
    right:0px;
    text-align: right;
    top:45px;
 }
.MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText::before{
    position:absolute;
    content:" ";
    background-image: url(../img/fleche.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    width:100px;
    height:110px;
    top:0;
    left:0;
}
.MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(1)::before{
    transform: scale(0.9) rotate(25deg) translateX(40%) translateY(-110%);
}
.MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(2)::before{
    transform: scale(0.9) rotate(185deg) translateX(50%) translateY(-100%);
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(1)::before{
        transform: scale(0.9) rotate(25deg) translateX(40%) translateY(-110%);
    }
    .MyContent #MILKY_MOUSSE_SECTION_02 .PackshotText:nth-child(2)::before{
        transform: scale(0.9) rotate(185deg) translateX(50%) translateY(-100%);
    }
}

.MyContent #MILKY_MOUSSE_SECTION_02 .ContentText{
   max-width:470px;
}

@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_02 .ContentText{
        max-width:calc(100% - 700px);
        margin-right:20px;
     }
}

.MyContent #MILKY_MOUSSE_SECTION_02 .Text{
   font-size:16px;
   line-height: 1.4em;
   margin:0;
   padding-bottom:1em;
 }




/*---------------------------------------------------------------------------*/
.MyContent #MILKY_MOUSSE_SECTION_03 {
  /*  background-color: #ffecd6;*/
    display:flex;
    justify-content: center;
   /* padding-bottom:150px;*/
    padding-bottom:0px;
    flex-wrap: wrap;
    z-index: 2;
}

.MyContent #MILKY_MOUSSE_SECTION_03::before {
    background-image: url("../img/vague-2.svg");
    display:block;
    height: calc(100% + 110px);
}
.MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(1){
    flex-basis: 100%;
    max-width:800px;
    margin-left:calc(50% - 400px);
    margin-right:calc(50% - 400px);
    text-align: center;
  

}

.MyContent #MILKY_MOUSSE_SECTION_03 .Text{
    padding-bottom: 20px;
}
.MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(2){
    flex-basis: 36%;
    max-width:425px;
    padding-left:50px;
    box-sizing: border-box;

}

.MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(3){
    flex-basis:28%;
    max-width:335px;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(3){
        max-width: 20vw;
        margin-left:20px;
        margin-right:20px;
        margin-top:60px;
     }
}

.MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(4){
    flex-basis: 36%;
    max-width:405px;
    padding-right:50px;
    box-sizing: border-box;
}

.MyContent #MILKY_MOUSSE_SECTION_03 .ProductTitle{
   width:352px;
   height:126px;
   font-size:0px;
   background-image: url(../img/title-1.png);
   margin-bottom: 20px;
   
}
.MyContent #MILKY_MOUSSE_SECTION_03 .Texture{
    position: absolute;
    left: calc(50% + 20px);
    top: 400px;
    z-index: -1;
    width: 264px;
} 
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_03 .Texture{
        top:380px;
    }  
}
.MyContent #MILKY_MOUSSE_SECTION_03 .Actions {
    position:relative;
   max-width:408px;
   margin-bottom:10px;
   padding-top:20px;

 }

.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction .ActionContent{
   position:absolute;
   opacity:0;
   top:0px;
   left:0;
   transition: opacity ease-in-out 0.5s ;
   text-align: right;
   width:100%;   pointer-events: none;
}
.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction{
   padding-bottom:10px;
 }
.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction .IngredientVisual{
    display:flex;
    min-height:300px;
    justify-content: flex-end;

    flex-direction: column;
    
 }
 @media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction .IngredientVisual{
      transform:scale(0.8) translateX(20px);
      transform-origin: bottom center;
     }
}

 .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction .IngredientVisual img{
    margin-left:auto;
    margin-right:-60px;
    margin-bottom: 20px;
 }

.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction[data-selected="1"] .ActionContent{
    opacity:1;

 }
.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .ActionTitle{
    color:#be915f;
    font-size: 22px;
    margin:0;
    display:block;
 
}
.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .BlockAction[data-selected="1"] .ActionTitle{
    color:#be0f34;
 }
.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .IngredientName{
    color:#be915f;
    margin:0;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins;
    font-size:16px;
}  

.MyContent #MILKY_MOUSSE_SECTION_03 .Actions .Text{
    color:#000;
    margin:0;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins;
    font-size:16px;
    padding-left:60px;
} 
 @media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_03 .Actions .Text{
        padding-left:90px; 
        
    }  
    
}

.MyContent #MILKY_MOUSSE_SECTION_03 .Tips{
    padding:20px;
    margin-left:-40px;
    border:3px solid #be915f;
    max-width:360px;
    box-sizing: border-box;
    line-height:1.4em;
    margin-top:30px;
}  
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_03 .Tips{
        margin-left:-20px;
   
    }  
    
}
.MyContent #MILKY_MOUSSE_SECTION_03 .Tips .SmallTitle{
    color:#be0f34;
    margin:0;
    font-weight:normal;
    font-size: 22px;
    margin-bottom:10px;
}  

.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus::before{ 
    content: "+";
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #be915f;
    position: absolute;
    top: -90px;
    left: calc(50% - 38px);
    box-sizing: border-box;
    color: #be915f;
    font-size: 70px;
    cursor:pointer;
}

.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus { 
    height: 0;
    padding: 0px;
    margin: 0;
    border: 0px solid;
    width: 100%;
    margin-top: 130px;
    z-index: 3;
    position: relative;

}
.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus img{ 
    max-width: 55px;
    position: absolute;
    right: 250px;
    top: 20px;
}
.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus .Box{ 
  height:232px;
  padding:18px;
  box-sizing: border-box;
  padding-left:106px;
  padding-right:40px;
  margin:0;
  border:0px solid;
  width:342px;
  border:2px solid #e9e9e9;
  position: absolute;
  background-color: #fff;
  opacity:0;
  display:flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
  transition: opacity ease-in-out 0.5s;
  left: 50%;
  transform: translateX(-50%);
}
.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus .Box::before{ 
    content:" ";
    border-top:4px solid #be0f34;
    display:block;
    position: absolute;
    top:-2px;
    left:-2px;
    width:calc(100% + 4px);
    display:none;
}
.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus[data-open="1"]::before{ 
  /* border: 2px solid #be0f34;
    color:#be0f34;*/
    transform: rotate(45deg);
}


.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus[data-open="1"] .Box{ 
    opacity:1;
}  


.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus .Title{ 
    color:#be0f34;
    margin:0;
    font-weight:normal;
    font-size:11px;
     text-transform: uppercase;
     font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
     margin-bottom:15px;
}  
.MyContent #MILKY_MOUSSE_SECTION_03 .ProductPlus .Text{ 
    color:#000;
    margin:0;
    font-weight:normal;
    font-size:16px;
    padding-bottom: 0;

} 
/*---------------------------------------------------------------------------*/


.MyContent #MILKY_MOUSSE_SECTION_04 {
    background-color: #ffecd6;
    display: flex;
    justify-content: center;
    padding-bottom: 280px;
    flex-wrap: wrap;
    background-image: url(../img/vague-3.svg);
    background-size: 2000px 2000px;
    background-position: top -38px center;
    margin-top: -80px;
    padding-top: 150px;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_04{
        padding-bottom: 200px;
    }
   }

.MyContent #MILKY_MOUSSE_SECTION_04 .Text{
    padding-bottom: 20px;
}
.MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(1){
    flex-basis: 100%;
    text-align: center;
    max-width:800px;
    margin-left:calc(50% - 400px);
    margin-right:calc(50% - 400px);
    padding-bottom:30px;
}

.MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(2){
    flex-basis: 36%;
    max-width:425px;
    padding-left:50px;
   box-sizing: border-box;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(2){
        padding-left:20px;
     }
}

.MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(3){
    flex-basis:28%;
    max-width:335px;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(3){
        max-width: 20vw;
        margin-left:20px;
        margin-right:20px;
        margin-top:60px;
     }
}

.MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(4){
    flex-basis: 36%;
    max-width:405px;
    padding-right:50px;
    box-sizing: border-box;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_04 .ColWrapper:nth-child(4){
    padding-right:20px;
     }
}

.MyContent #MILKY_MOUSSE_SECTION_04 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.MyContent #MILKY_MOUSSE_SECTION_04  ul li {
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0;
    padding-left: 65px;
    min-height: 47px;
}
.MyContent #MILKY_MOUSSE_SECTION_04  ul li:nth-child(1) {
    background-image: url(../img/pictos-01-1.png);
}
.MyContent #MILKY_MOUSSE_SECTION_04  ul li:nth-child(2) {
    background-image: url(../img/pictos-01-2.png);
}
.MyContent #MILKY_MOUSSE_SECTION_04  ul li:nth-child(3) {
    background-image: url(../img/pictos-01-3.png);
}
.MyContent #MILKY_MOUSSE_SECTION_04  ul li:nth-child(4) {
    background-image: url(../img/pictos-01-4.png);
}
.MyContent #MILKY_MOUSSE_SECTION_04 .ProductTitle{
    width:323px;
    height:92px;
    font-size:0px;
    background-image: url(../img/title-2.png);
    margin-bottom: 20px;
 }

 .MyContent #MILKY_MOUSSE_SECTION_04 .Texture {
    position: absolute;
    top: 500px;
    left: calc(50% + 30px);
    z-index: -1;
    width: 497px;
}
@media screen and (max-width:1249px){
.MyContent #MILKY_MOUSSE_SECTION_04 .Texture{
    top:470px;
}
}

 .MyContent #MILKY_MOUSSE_SECTION_04 .Logo {
margin-right:-25px;
margin-left:auto;
width:136px;
}

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


.MyContent #MILKY_MOUSSE_SECTION_05 {
    background-color: #fff;
    display:flex;
    justify-content: center;
    padding-bottom:250px;
    flex-wrap: wrap;
}

.MyContent #MILKY_MOUSSE_SECTION_05 .Text {
    padding-bottom: 20px;
}
.MyContent #MILKY_MOUSSE_SECTION_05::before {
    background-image: url("../img/vague-1.svg");
    display:block;
}
.MyContent #MILKY_MOUSSE_SECTION_05 .Box{
   margin:0 auto;
   width:100%;
   display:flex;
   flex-direction: column;
   justify-content: center;
   border:5px solid #fdebdf;
   padding:30px;
   text-align: left;
   padding-left:calc(50% + 20px);
   box-sizing: border-box;
   position: relative;
   height:300px;
   margin-bottom:100px;
}

.MyContent #MILKY_MOUSSE_SECTION_05 .Box::before{
   content: " ";
   width:408px;
   height:469px;
   background-image:url(../img/ingredients-Tips.png);
   position:absolute;
   right:50%;
    top:-90px;
 }

.MyContent #MILKY_MOUSSE_SECTION_05 .BoxTitle{
   color:#be0f34;
   font-size:22px;
 }

 .MyContent #MILKY_MOUSSE_SECTION_05 .Box .IngredientName{
    position: absolute;
    right: calc(50% + 250px);
    top: 150px;
    font-size: 12px;
    text-align: right;
    margin: 0;
 }
.MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(1){
    flex-basis: 100%;
    text-align: center;
    max-width:970px;
    margin-left:calc(50% - 485px);
    margin-right:calc(50% - 485px);
    padding-bottom: 50px;
    padding-top:20px;

}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(1){
        padding-bottom: 20px;
    }
   }

.MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(2){
    flex-basis: 36%;
    max-width:425px;
    padding-left:50px;
    box-sizing: border-box;
}

.MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(3){
    flex-basis:28%;
    max-width:335px;
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(3){
        margin-top: 50px;
    }
   }

.MyContent #MILKY_MOUSSE_SECTION_05 .ColWrapper:nth-child(4){
    flex-basis: 36%;
    max-width: 405px;
    padding-right: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.MyContent #MILKY_MOUSSE_SECTION_05 .ProductTitle{
    width:271px;
    height:131px;
    font-size:0px;
    background-image: url(../img/title-3.png);
    margin-bottom: 20px;
 } 
 .MyContent #MILKY_MOUSSE_SECTION_05 .ColoredText {
    color:#fabdcf;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
 .MyContent #MILKY_MOUSSE_SECTION_05 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.MyContent #MILKY_MOUSSE_SECTION_05 ul li {
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0;
    padding-left: 95px;
    min-height: 47px;
}
.MyContent #MILKY_MOUSSE_SECTION_05  ul li:nth-child(1) {
    background-image: url(../img/pictos-02-1.png);
}
.MyContent #MILKY_MOUSSE_SECTION_05  ul li:nth-child(2) {
    background-image: url(../img/pictos-02-2.png);
}
.MyContent #MILKY_MOUSSE_SECTION_05  ul li:nth-child(3) {
    background-image: url(../img/pictos-02-3.png);
}

 .MyContent #MILKY_MOUSSE_SECTION_05  .Texture {
    position: absolute;
    right: calc(50% - 90px);
    top: 500px;
    z-index: -1;
    width: 514px;
 }

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


.MyContent #MILKY_MOUSSE_SECTION_06 {
    background-color: #fff;
    padding-top:35px;
}
.MyContent #MILKY_MOUSSE_SECTION_06::before {
    background-image: url("../img/vague-4.svg");
    display:block;
}
.MyContent #MILKY_MOUSSE_SECTION_06::after {
    background-image: url("../img/vague-1.svg");
    display:block;
    transform: translateY(200px);
}
@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_06::after {
        transform: translateY(400px);
    }
   }
.MyContent #MILKY_MOUSSE_SECTION_06 .Wrapper {
  max-width:970px;
  background-color: #fff;
  padding:40px;
  text-align: center;
  margin:0 auto;
}

@media screen and (max-width:1249px){
    .MyContent #MILKY_MOUSSE_SECTION_06 .Wrapper {
        margin:0 50px;
    }
   }
.MyContent #MILKY_MOUSSE_SECTION_06 .Title {
  color:#be0f34
}
.MyContent #MILKY_MOUSSE_SECTION_06 .CheckText {
    display: inline-block;
    padding: 20px;
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    line-height: 1em;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    vertical-align: top;
    position: relative;
    padding-left: 56px;
    padding-top: 22px;
}
.MyContent #MILKY_MOUSSE_SECTION_06 .CheckText::before {
    content:" ";
    background-image: url(../img/check.svg);
    background-size:100% auto;
    width:33px;
    height:22px;
    display:block;
   left:20px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
}
.MyContent #MILKY_MOUSSE_SECTION_06 .Text {
    display:block;
    padding: 20px;
    margin:0 auto;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
   
}
.MyContent .ProductBlock{
    text-align: center;
    display:flex;
    flex-direction: column;
    height:550px;
    position: relative;
}

.MyContent .ProductBlock .StepTitle{
    color:#f08ba9;
    font-size:22px;
    font-weight:normal;
    line-height:1em;
    margin:0;
}

.MyContent .ProductBlock .Packshot{
    height:325px;
    flex-basis:325px;
    width:290px;
    display:flex;
    justify-content: center;
    align-items: flex-end;
    margin:0 auto;
}

.MyContent .ProductBlock .ProductName{
    margin:0;
    padding-top:20px;
    font-size:16px;
    flex:1;
}

.MyContent .ProductBlock .Price{
    flex-basis:30px;
}
.MyContent .ProductBlock .QuickShopLink{
    flex-basis:60px;
}


.MyContent .ProductBlock[data-product="sos-primer"] .StepTitle{
}
.MyContent .ProductBlock[data-product="joli-blush-cheeky-coral" ] .StepTitle{
   width:200%;
}

.MyContent .ProductBlock[data-product="joli-blush-cheeky-peach"] .StepTitle{
  opacity:0;
}

.MyContent .ProductBlock[data-product="ombre-satin-07"] .StepTitle{
    width:200%;
}

.MyContent .ProductBlock[data-product="ombre-satin-08"] .StepTitle{
    opacity:0;
}

.MyContent .ProductBlock[data-product="mascara"] .StepTitle{
 
}
.MyContent .ProductBlock[data-product="mascara"]::before,
.MyContent .ProductBlock[data-product="joli-blush-cheeky-coral" ]::before{
    content:" ";
    border-left:1px solid #d9d9d9;
    height:366px;
    left:0;
    position:absolute;
    top:80px;
 }

/*DTW EDITS*/
.MyContent #MILKY_MOUSSE_SECTION_03 .ColWrapper:nth-child(4) {
    flex-basis: 36%;
    max-width: 435px;
    padding-right: 50px;
    box-sizing: border-box;
}
.MyContent #MILKY_MOUSSE_SECTION_01

{ width: 80%; margin: 0 auto; background-repeat: no-repeat; background-size: 80% 80%; }