/*  ------  reset   ------  */

#main:not(.main-homepage) {padding-top: 0px; }
.breadcrumb {display: none !important; }
#wrapper { max-width: 100%; }
footer {  margin-top: 0; }
.footer-wrapper { position: relative; }
.primary-content { padding-bottom: 0px; }

#wrapper.pt_category-wide .site-width-slot, 
#wrapper.pt_category-wide .breadcrumb-container,
#wrapper.pt_category-wide .page-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important; 
}


/*  ------  fonts   ------  */

@font-face {
  font-family: "Gotham_Light";
  src: url("../fonts/GothamLight.woff2") format("woff2"),
    url("../fonts/GothamLight.woff") format("woff"),
    url("../fonts/GothamLight.ttf") format("truetype");
}

@font-face {
  font-family: "Gotham_ExtraLight";
  src: url("../fonts/GothamExtraLight.woff2") format("woff2"),
    url("../fonts/GothamExtraLight.woff") format("woff"),
    url("../fonts/GothamExtraLight.ttf") format("truetype");
}


/*  ------  variables   ------  */

.dsl__page { 
    --CLARINS-FONT: ClarinsRegular, Clarins;
    --GOTHAM-EXTRALIGHT: "Gotham_ExtraLight";
    --GOTHAM-LIGHT: "Gotham_Light";
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",Helvetica, Arial, sans-serif;
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",Helvetica, Arial, sans-serif;
    --COLOR-DEFAULT:#333;
    --COLOR-PAGE: #AC651B;
    --COLOR-RED-A:#b40024;
    --COLOR-RED-B:#8c0b26;
    --RADIUS:8px; 
    --ratioWidth: 1px;
    --mainOffset: 60px;
    --screenHeight:calc( 100vh - var(--mainOffset));
}

@media (min-width: 768px) { 
    .dsl__page {   
       --mainOffset: 147px;
    }
}



/*  ------  page   ------  */

.dsl__page {font-family: var(--GOTHAM-BOOK);font-weight: normal;color: #fff; position: relative; width: 100%; }

.dsl__page * {box-sizing: border-box; }

.dsl__page h1,
.dsl__page h2,
.dsl__page h3,
.dsl__page h4 {margin: 0;padding: 0;font-weight: normal; }
.dsl__page p {margin: 0;padding: 0; }
.dsl__page picture {display: block; width: 100%; }
.dsl__page img { width: 100%;display: block; }
.dsl__page sup { /* position: relative; line-height: 0; top:-0.6em; vertical-align: baseline; font-size: 0.7em; */
    position: unset; vertical-align: super; line-height: 1em; font-size: 0.55em; }

.dsl__page a {color: var(--COLOR-DEFAULT);text-decoration: none; }

.dsl__page .dsl__container {position: relative; max-width: 1046px; width: 92%; margin: 0 auto; }

.dsl__page .dsl__bloc { position: relative; width: 100%; margin: 0 auto;  }

.dsl__page .dsl__title { font-size: 46px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM);  text-rendering: optimizeSpeed; }
.dsl__page .dsl__title small { display: block; }
.dsl__page .dsl__suptitle { font-size: 28px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-rendering: optimizeSpeed; }
.dsl__page .dsl__subtitle { font-size: 20px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-rendering: optimizeSpeed; }
.dsl__page .dsl__text {font-size: 16px;line-height: 1.45em; text-rendering: optimizeSpeed;  }
.dsl__page .dsl__text>span {display: block; }
.dsl__page .dsl__text .dsl__nowrap {white-space: nowrap; }
.dsl__page .dsl__text a { text-decoration: underline; }
.dsl__page .dsl__text a:hover { text-decoration: none; }

.dsl__page .dsl__type { display:inline-block; font-size: 14px; line-height: 2em; color:var(--COLOR-DEFAULT); text-transform: uppercase; border-top:solid 1px var(--COLOR-DEFAULT); border-bottom:solid 1px var(--COLOR-DEFAULT); }

.dsl__page .dsl__colored { color:var(--COLOR-PAGE); }

.dsl__page .dsl__text strong,
.dsl__page .dsl__strong {font-family: var(--GOTHAM-MEDIUM); font-weight: normal; }

.dsl__page .dsl__underline { text-decoration: underline; }

.dsl__page .dsl__reviews { display: flex; align-items:center; justify-content:center; }
.dsl__page .dsl__reviews-number { font-size: 12px; line-height: 1.45em; padding-right: 5px; }
.dsl__page .dsl__reviews-stars { }
.dsl__page .dsl__reviews-star { width: 12px; height: 12px; display: inline-block; background: url(images/star.svg) left top no-repeat; }

.dsl__page .dsl__price { font-size: 14px; line-height: 1.45em; }
.dsl__page .dsl__priceperunit { font-size: 9px; line-height: 1.45em; }

.dsl__page .dsl__cta { }
.dsl__page .dsl__cta-btn {cursor: pointer; display: inline-flex; min-width: 132px;height: auto;padding: 17px;font-size: 14px;line-height: 1em;text-align: center;text-decoration: none;letter-spacing: 0;color: #fff;background-color: var(--COLOR-RED-A);border: 2px solid var(--COLOR-RED-A);border-radius: 5px;font-family: var(--GOTHAM-MEDIUM, Helvetica, Arial);font-weight: 500; position: relative; top:0; left:0; align-items: center;justify-content: center;}
.dsl__page .dsl__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }

.dsl__page .dsl__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; }
.dsl__page .dsl__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

.dsl__page .dsl__cta-transparent {color: #fff; background: transparent;  border: 1px solid #fff; transition:all 0.3s; }
.dsl__page .dsl__cta-transparent:hover { color: #fff;  border: 1px solid #fff; background: transparent;  box-shadow: 0px 0px 7px 0px #00000026; }

.dsl__page .dsl__cta .add-to-bag button { background-color: var(--COLOR-RED-A) !important; border: 2px solid var(--COLOR-RED-A) !important; height:52px !important; width: auto; text-transform: none; padding-left: 1.575em; padding-right: 1.575em; }
.dsl__page .dsl__cta .add-to-bag button:active,
.dsl__page .dsl__cta .add-to-bag button:focus { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; }
.dsl__page .dsl__cta .add-to-bag button:focus { outline: 2px solid var(--COLOR-RED-A)!important; }
.dsl__page .dsl__cta .add-to-bag button:hover { border: 2px solid var(--COLOR-RED-A) !important; color: #fff !important; background-color:var(--COLOR-RED-B) !important; }

.dsl__page .dsl__link { cursor: pointer; text-decoration: underline; color:#fff; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em;  text-transform: uppercase; display: inline-block; padding-bottom: 16px; }
.dsl__page .dsl__link:hover { text-decoration: none; }

.dsl__page .dsl__link-quickshop { cursor: pointer; text-decoration: underline; display: inline-block; }
.dsl__page .dsl__link-quickshop:hover { text-decoration: none; }

.dsl__page .dsl__bkgd { position:fixed; top:0; left:0; width:100%; height:100vh; background: linear-gradient(290.41deg, #DC903B 2.55%, #9E4D16 35.47%, #240600 92.85%); }
.dsl__page .dsl__nowrap { white-space: nowrap; }

.dsl__page .dsl__gradient { background:  linear-gradient(290.41deg, #DC903B 2.55%, #9E4D16 35.47%, #240600 92.85%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent } 


.dsl__page .dsl__quickshop { display: none; }
.dsl__page .dsl__addtobag  { display: none; }
.dsl__page .dsl__data { display: none; }

.dsl__page .dsl__sticky {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: var(--mainOffset);
    height: auto;
    width: 100%;
    left: 0;
}


.dsl__page .dsl__only-desktop { display: none; }
.dsl__page .dsl__only-mobile { display: none; }
        


@media (max-width: 768px) { 

    .dsl__page .dsl__cta-btn.dsl__only-mobile { display: inline-flex; }
    
}


 @media (min-width: 769px) { 

    .dsl__page .dsl__quickview-btn.dsl__only-desktop { display: inline-block; }
    .dsl__page .dsl__cta-btn.dsl__only-desktop { display: inline-flex; }

}



@media (min-width: 768px) { 


}


/*   header    */

.dsl__page .dsl__header { --headerImgRatio:1px; position: relative; top: 0; left: 0;  background: #D89B6B; color:#FFF; padding-bottom: 32px; }

.dsl__page .dsl__header-media { position: relative; top: 0; left: 0; width: 100%; }
.dsl__page .dsl__header-picture { width: 100%; }
.dsl__page .dsl__header-img { }

.dsl__page .dsl__header-body { position: relative; padding-bottom: 24px; }

.dsl__page .dsl__header-content { position: relative; top: 0; left: 0; width: 92%; margin: 0 auto; text-align: center; padding-top: 32px; }

.dsl__page .dsl__header-title { font-size: 40px; line-height: 1.2em; padding-bottom: 24px; }
.dsl__page .dsl__header-text { font-size: 16px; line-height: 1.45em; }



@media (min-width: 768px) { 

.dsl__page .dsl__header { --definitionWidth:calc(92vw / 1264); --headerWidth:calc(100vw / 1264); height: 538px; background: transparent;  }

.dsl__page .dsl__header-media { width: 100%; height: 100%; display: block; position: absolute; top:0; left:0; }
.dsl__page .dsl__header-picture { width: 100%; height: 100%; }
.dsl__page .dsl__header-img { width: 100%; height: 100%; object-fit:cover;}

.dsl__page .dsl__header-body { position: relative; display: flex; align-items:center; justify-content:flex-start; height: 100%; max-width: 1264px; width: 92%; margin: 0 auto; }

.dsl__page .dsl__header-content { text-align: left; margin: 0; max-width:calc(616 * var(--headerWidth)); padding-top: calc(64 * var(--headerWidth)); }

.dsl__page .dsl__header-title { font-size: 50px; line-height: 1.2em; margin: 0; }

}


@media (min-width: 1264px) { 

.dsl__page .dsl__header { --headerWidth:1px; }

}

@media (min-width: 1374px) { 

.dsl__page .dsl__header { --definitionWidth:1px; }

}



/*   navigation    */

.dsl__page .dsl__navigation { --topNav: var(--mainOffset); height: 45px; transition:transform 0.5s;  transform: translateY(calc( (-1) * var(--topNav) - 45px)); position: fixed; top:var(--topNav); left:0; width: 100%; z-index:21; }
.dsl__page .dsl__navigation.dsl__stacked  {  transform: translateY(0); }

.dsl__page .dsl__navigation-content { width: 100%; height:100%; overflow: hidden; display: flex;  justify-content: flex-start; align-items: flex-start; flex-direction:column;  height: auto; max-height: 0; transition:max-height 0.5s ease-out;  }
.dsl__page .dsl__navigation.dsl__opened .dsl__navigation-content { max-height: 285px;  }

.dsl__page .dsl__navigation-handler { display: flex; justify-content:space-between;  position: relative;left: 0;top: 0; }
.dsl__page .dsl__navigation-handler-click { position: absolute;top: 0;left:0; width: 100%; height: 100%; display: block; cursor: pointer; }

.dsl__page .dsl__navigation-handler-left { height: 44px;display: flex;align-items: center; color:#fff; }
.dsl__page .dsl__navigation-handler-right { padding-right: 6px; display: flex;align-items: center; }

.dsl__page .dsl__navigation-handler-text { font-size: 14px; line-height: 1.45em; font-family:var(--GOTHAM-MEDIUM); padding: 0 20px;display: block; pointer-events:none; }

.dsl__page .dsl__navigation-handler-arrow { background: url(images/holy_arrow.svg) left top no-repeat;background-size: 100% auto;width: 8px;height: 15px;transform: rotate(90deg);transition: transform 0.3s;   pointer-events:none; }
.dsl__page .dsl__navigation.dsl__opened .dsl__navigation-handler-arrow { transform: rotate(-90deg); }

.dsl__page .dsl__navigation-inside  { position: relative; top:0; left:0; z-index:1; background: #000; color: #fff; }
.dsl__page .dsl__navigation-items {display: flex; flex-direction:column; padding: 0; list-style: none;margin: 0 16px; padding-bottom: 16px; width: calc(100% - 32px); border-top: solid 1px #fff;  }
.dsl__page .dsl__navigation-item { height: 52px; white-space: nowrap;display: flex; align-items: center; border-bottom: solid 1px #D3CCC8; position: relative;cursor: pointer; }
.dsl__page .dsl__navigation-item:hover,
.dsl__page .dsl__navigation-item.dsl__active {}
.dsl__page .dsl__navigation-item span { font-size: 14px; line-height: 1.45em; color: #fff;  letter-spacing: 0.05em; display: block;text-align: center; position: relative;}
.dsl__page .dsl__navigation-item { opacity: 1; }

.dsl__page.dsl__stack .dsl__navigation-inside { position: fixed; top: var(--mainOffset); left: 0; z-index: 10; width: 100%; }

.dsl__page .dsl__navigation-inside .dsl__cta-btn { padding-top: 0; padding-bottom: 0; height: 32px;  }
.dsl__page .dsl__navigation-handler .dsl__cta-btn { margin-left: 20px; }
.dsl__page .dsl__navigation-content .dsl__cta-btn { display: none; }

@media (min-width: 1024px) { 

    .dsl__page .dsl__navigation-content { height: 100%; justify-content:center; align-items:center; flex-direction:row; max-height: unset; }

    .dsl__page .dsl__navigation-handler { display: none; }
    
    .dsl__page .dsl__navigation-inside  { height: 45px; background: #BE8958;  }

    .dsl__page .dsl__navigation-items { flex-direction:row; justify-content: center; align-items:center; padding-bottom: 0; width: unset; border-top: none; }
    .dsl__page .dsl__navigation-item{ display: block; height: unset; border-bottom: none; margin: 0 16px; }

    .dsl__page .dsl__navigation-item a { text-transform: uppercase; }

    .dsl__page .dsl__navigation-item a span { letter-spacing: 0 }
    .dsl__page .dsl__navigation-item:hover span { color: #e9d2bd; }

    .dsl__page .dsl__navigation-content .dsl__cta-btn { display: flex; }

}




/*    definition   */

.dsl__page .dsl__definition-bloc { background: #fff; color:var(--COLOR-DEFAULT); }
.dsl__page .dsl__definition { --ratioRadiance:1px; position: relative; top:0; left:0; width: 92%; max-width: 1264px; margin: 0 auto; }
.dsl__page .dsl__definition-body { position: relative; top:0; left:0; width: 100%; display: flex; flex-direction:column; align-items:flex-start; justify-content:center;  }

.dsl__page .dsl__definition-media { width: 90%; display: block; margin: 0 auto; }
.dsl__page .dsl__definition-picture { width: 100%; }
.dsl__page .dsl__definition-img { width: 100%; }

.dsl__page .dsl__definition-content { text-align: center; padding-top: 40px;  padding-bottom: 40px; }

.dsl__page .dsl__definition-type { margin-bottom: 24px; }
.dsl__page .dsl__definition-suptitle { background: linear-gradient(94.37deg, #B06002 12.48%, #FBBE65 53.16%, #EE9023 81.85%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.dsl__page .dsl__definition-title { margin-bottom: 24px; background: linear-gradient(94.37deg, #B06002 12.48%, #FBBE65 53.16%, #EE9023 81.85%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.dsl__page .dsl__definition-text { margin-bottom: 1.45em; }
.dsl__page .dsl__definition-text:last-child { margin-bottom: 0; }
.dsl__page .dsl__definition-texts { margin-bottom: 24px; }
.dsl__page .dsl__definition-cta .dsl__link { color:var(--COLOR-DEFAULT); }

@media (min-width: 768px) { 

.dsl__page .dsl__definition { --definitionWidth:calc(100vw / 1264); }
.dsl__page .dsl__definition-body { flex-direction:row; align-items:flex-start; justify-content:left; padding: 80px 0; }

.dsl__page .dsl__definition-media { width: calc(584 * var(--definitionWidth)); position: absolute; bottom: 100px; left:calc(50% - 632 * var(--definitionWidth)); transform:translateY(100%); z-index: 2; margin: 0;  }
.dsl__page .dsl__definition-picture { overflow: hidden; border-radius: 8px; }

.dsl__page .dsl__definition-content { margin-left:calc(50% + 16 * var(--definitionWidth)); width: calc(50% - 16 * var(--definitionWidth)); max-width: calc(616 * var(--definitionWidth)); text-align:left; width: calc(100% -  calc(508 * var(--definitionWidth))); padding-top: 0;  padding-bottom: 0; }

.dsl__page .dsl__definition-type { margin-bottom: 32px; }
.dsl__page .dsl__definition-suptitle { margin-bottom: 10px; }
.dsl__page .dsl__definition-title { margin-bottom: 32px; }
.dsl__page .dsl__definition-texts { margin-bottom: 32px; }

}

@media (min-width: 1264px) { 

.dsl__page .dsl__definition { --definitionWidth:1px; }

}


/*  bloc   */

.dsl__page .dsl__bloc-text { text-align: center; font-size: 24px; line-height: 1.45em; padding: 48px 0; width:90%; max-width: 1048px; margin: 0 auto; }

@media (min-width: 768px) { 

    .dsl__page .dsl__bloc-text {  font-size: 28px; line-height: 1.2em;  padding: 64px 0; width:90%; max-width: 1048px; margin: 0 auto; }

}


/*    research   */

.dsl__page .dsl__research { position: relative; top:0; left:0; width: 100%; }
.dsl__page .dsl__research-body { position: relative; top:0; left:0; width: 100%; max-width: 1264px; margin: 0 auto; display: flex; flex-direction:column; align-items:flex-start; justify-content:center; }

.dsl__page .dsl__research-media-mobile { width: 100%; }
.dsl__page .dsl__research-media-desktop { display: none; }
.dsl__page .dsl__research-picture { width: 100%;}
.dsl__page .dsl__research-img { width: 100%;}

.dsl__page .dsl__research-content { position: relative; top:0; left:0;  width: 100%; text-align: center; padding-top: 40px;  }

.dsl__page .dsl__research-content-top { width: 92%; margin: 0 auto; }
.dsl__page .dsl__research-content-bottom { width: 92%; margin: 0 auto; padding-top: 32px; }

.dsl__page .dsl__research-type { margin-bottom: 16px; color:#fff; border-top-color:#fff; border-bottom-color:#fff; }
.dsl__page .dsl__research-title { margin-bottom: 32px;  }
.dsl__page .dsl__research-title .dsl__desktop { display: none; }
.dsl__page .dsl__research-title .dsl__mobile { display: inline; }
.dsl__page .dsl__research-suptitle { margin-bottom: 16px; }
.dsl__page .dsl__research-suptitle .dsl__mobile { display: inline; }
.dsl__page .dsl__research-text { margin-bottom: 1.45em; }
.dsl__page .dsl__research-text:last-child { margin-bottom: 0; }
.dsl__page .dsl__research-texts { margin-bottom: 24px; }

.dsl__page .dsl__research .dsl__link { color:#fff; }

@media (min-width: 768px) { 

.dsl__page .dsl__research { --reseachWidth:calc(100vw / 1264); min-height: 630px; }
.dsl__page .dsl__research-body { width: 92%; }

.dsl__page .dsl__research-content-top { width: 100%; }
.dsl__page .dsl__research-content-bottom { width: 100%; padding-top: 0; }

.dsl__page .dsl__research-media-desktop { width: 100%; height: 100%; display: block; position: absolute; top:0; left:0; }
.dsl__page .dsl__research-media-mobile { display: none; }
.dsl__page .dsl__research-picture { width: 100%; height: 100%; }
.dsl__page .dsl__research-img { width: 100%; height: 100%; object-fit:cover;}

.dsl__page .dsl__research-body { padding: 80px 0;  }
.dsl__page .dsl__research-content { max-width:calc(508 * var(--reseachWidth)); padding-top: 0;  padding-bottom: 0; text-align: left; }

.dsl__page .dsl__research-type { margin-bottom: 32px; }
.dsl__page .dsl__research-suptitle { margin-bottom: 10px; }
.dsl__page .dsl__research-suptitle .dsl__mobile { display: none; }
.dsl__page .dsl__research-title { margin-bottom: 32px; }
.dsl__page .dsl__research-title .dsl__desktop { display: inline; }
.dsl__page .dsl__research-title .dsl__mobile { display: none; }
.dsl__page .dsl__research-texts { margin-bottom: 32px; }

}

@media (min-width: 1264px) { 

    .dsl__page .dsl__research {--reseachWidth:1px; }

}


/*    finding   */

.dsl__page .dsl__finding { position: relative; top:0; left:0; width: 92%; max-width: 1264px; margin: 0 auto;  }
.dsl__page .dsl__finding-body { position: relative; top:0; left:0; width: 100%; display: flex; flex-direction:column; align-items:center; justify-content:center; padding: 32px 0; }

.dsl__page .dsl__finding-media { border-radius: 8px; width: 100%; display: block; overflow: hidden; position: relative; top:0; left:0; }
.dsl__page .dsl__finding-picture { width: 100%; }
.dsl__page .dsl__finding-img { width: 100%; }

.dsl__page .dsl__finding-content { width: 100%; text-align: center; padding-top: 40px;  padding-bottom: 40px; }

.dsl__page .dsl__finding-type { margin-bottom: 16px; color:#fff; border-top-color:#fff; border-bottom-color:#fff; }
.dsl__page .dsl__finding-suptitle { margin-bottom: 16px; }
.dsl__page .dsl__finding-title { margin-bottom: 32px; }
.dsl__page .dsl__finding-texts { margin-top: 32px; margin-bottom: 32px; }

.dsl__page .dsl__finding-popin { cursor:pointer; position: absolute; top:14px; left:11px; } 
.dsl__page .dsl__finding-popin-close { position: absolute; top:0; left:0; width:32px; height:32px; background: #fff; border-radius: 50%; display: flex; align-items:center; justify-content:center; transition:background 0.3s; }
.dsl__page .dsl__finding-popin-close svg { width:14px; display: block;  transform:rotate(45deg); transition:transform 0.4s; }
.dsl__page .dsl__finding-popin-legend { position: absolute; top:45px; left:0; color: #fff; font-size: 11px; line-height: 1.2em; letter-spacing:0.02em;  font-family: var(--GOTHAM-MEDIUM); text-align: left; user-select:none; }
.dsl__page .dsl__finding-popin-legend span { display: block; white-space: nowrap; }
.dsl__page .dsl__finding-popin-content { background:#fff; position: absolute; top:45px; left:0px; text-align: center; padding: 24px; border-radius:8px; width: 238px; opacity: 0; transition:opacity 0.5s; pointer-events:none; }
.dsl__page .dsl__finding-popin-text { font-size: 12px; line-height: 1.45em; color:#333; }

.dsl__page .dsl__finding-popin.dsl__opened .dsl__finding-popin-content { opacity: 1; pointer-events:unset; }
.dsl__page .dsl__finding-popin.dsl__opened .dsl__finding-popin-close { background: #B06002; }
.dsl__page .dsl__finding-popin.dsl__opened .dsl__finding-popin-close svg { transform:rotate(0deg); }
.dsl__page .dsl__finding-popin.dsl__opened .dsl__finding-popin-close path { fill: #FFFFFF; }

.dsl__page .dsl__finding .dsl__link { color:#fff; }


@media (min-width: 768px) { 

.dsl__page .dsl__finding-body {--findingWidth:calc(100vw / 1264); flex-direction:row; align-items:flex-start; justify-content:flex-start; padding-top: 0; padding-bottom: 56px; }

.dsl__page .dsl__finding-media { width: calc(584 * var(--findingWidth)); }
.dsl__page .dsl__finding-content { text-align: left; width: calc(100% -  calc(584 * var(--findingWidth))); max-width:calc(616 * var(--findingWidth)); padding-top: 0;  padding-bottom: 0; padding-left: calc(64 * var(--findingWidth)); }

.dsl__page .dsl__finding-type { margin-bottom: 24px; }
.dsl__page .dsl__finding-suptitle { margin-bottom: 0; }
.dsl__page .dsl__finding-title { margin-bottom: 24px; }
.dsl__page .dsl__finding-texts { margin-top: 0; margin-bottom: 40px; }

.dsl__page .dsl__finding-popin .dsl__finding-popin-close:hover { background: #B06002; }
.dsl__page .dsl__finding-popin .dsl__finding-popin-close:hover path { fill: #FFFFFF; }

}

@media (min-width: 1024px) { 

    .dsl__page .dsl__finding-body { align-items:center;  }

}

@media (min-width: 1264px) { 

    .dsl__page .dsl__finding-body {--findingWidth:1px; }

}


/*    skincare   */

.dsl__page .dsl__skincare-bloc { background: #fff; color:var(--COLOR-DEFAULT); }
.dsl__page .dsl__skincare { --ratioRadiance:1px; position: relative; top:0; left:0; width: 92%; max-width: 1264px; margin: 0 auto; }
.dsl__page .dsl__skincare-body { position: relative; top:0; left:0; width: 100%; display: flex; flex-direction:column; align-items:flex-start; justify-content:center; padding: 32px 0; }

.dsl__page .dsl__skincare-media { width: 100%; max-width:292px; margin:0 auto; display: block; overflow: hidden; }
.dsl__page .dsl__skincare-picture { width: 100%; }
.dsl__page .dsl__skincare-img { width: 100%; }

.dsl__page .dsl__skincare-content { width: 100%; text-align: center; padding-bottom: 40px; }

.dsl__page .dsl__skincare-titles { text-align: center; margin: 0 auto; }

.dsl__page .dsl__skincare-extra { width: 100%; display: flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom: 32px; }
.dsl__page .dsl__skincare-cta { padding-top: 13px; }

.dsl__page .dsl__skincare-title { font-size: 48px; line-height: 1.2em; text-align: center; max-width: 344px; margin: 0 auto;
background: linear-gradient(116.07deg, #B06002 15.5%, #FBBE65 49.48%, #EE9023 80.25%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dsl__page .dsl__skincare-title sup { position: unset; vertical-align: super; }

.dsl__page .dsl__skincare-subtitle { font-size: 28px; line-height: 1.2em; text-align: center; padding-bottom: 21px; max-width: 344px; margin: 0 auto;
background: linear-gradient(101.16deg, #B06002 24.41%, #FBBE65 52.52%, #EE9023 79.49%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
}
.dsl__page .dsl__skincare-subtitle sup { position: unset; vertical-align: super; }

.dsl__page .dsl__skincare-type { margin-bottom: 24px; }
.dsl__page .dsl__skincare-suptitle { margin-bottom: 16px; }
.dsl__page .dsl__skincare-text { margin-bottom: 1.45em; }
.dsl__page .dsl__skincare-text:last-child { margin-bottom: 0; }
.dsl__page .dsl__skincare-cta .dsl__link { color:var(--COLOR-DEFAULT); }


@media (min-width: 768px) { 

.dsl__page .dsl__skincare { --skincareWidth:calc(100vw / 1264); }
.dsl__page .dsl__skincare-body {  flex-direction:row; align-items:center; padding-top: 40px; padding-bottom: 74px; }

.dsl__page .dsl__skincare-titles { width: calc(400 * var(--skincareWidth)); margin:0; }
.dsl__page .dsl__skincare-media { width: calc(419 * var(--skincareWidth)); margin:0; max-width: unset; }
.dsl__page .dsl__skincare-content { width:calc(445 * var(--skincareWidth));  text-align:left; padding-top: 0;  padding-bottom: calc(24 * var(--skincareWidth)); padding-left: calc(45 * var(--skincareWidth));  }

.dsl__page .dsl__skincare-type { margin-bottom: 24px; }
.dsl__page .dsl__skincare-suptitle { font-size: 22px; line-height: 1.45em; margin-bottom: 24px; }
.dsl__page .dsl__skincare-title { margin-bottom: 32px; max-width: unset; }
.dsl__page .dsl__skincare-text { font-size: 18px; line-height: 1.45em;  }

.dsl__page .dsl__skincare-extra {width: unset; padding-bottom: 0; position: absolute; bottom:96px; left:calc(50% - calc(220 * var(--skincareWidth)));}

}


@media (min-width: 1264px) { 

.dsl__page .dsl__skincare { --skincareWidth:1px; }

}


/*    approach   */

.dsl__page .dsl__approach { position: relative; top:0; left:0; width: 100%; padding-top: 40px; padding-bottom: 64px;  }
.dsl__page .dsl__approach-body { position: relative; top:0; left:0; width: 100%; display: flex; flex-direction:column; align-items:flex-start; justify-content:center; }

.dsl__page .dsl__approach-content { width: 100%; max-width: 1264px; margin: 0 auto; text-align: center; }
.dsl__page .dsl__approach-bottom { width: 100%; max-width: 1264px; margin: 0 auto; text-align: center; }

.dsl__page .dsl__approach-texts { position: relative; top:0; left:0; width: 90%; margin:0 auto; display: flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom: 29px; }

.dsl__page .dsl__approach-texts-media { border-radius: 50%; width: 150px; display: block; overflow: hidden; margin-bottom: 24px; }
.dsl__page .dsl__approach-texts-picture { width: 100%; }
.dsl__page .dsl__approach-texts-img { width: 100%; }

.dsl__page .dsl__approach-title { font-size: 50px; line-height: 1.2em; text-align: center; }
.dsl__page .dsl__approach-subtitle { font-size: 32px; line-height: 1.2em; text-align: center; padding-bottom: 24px; }

.dsl__page .dsl__approach-type { margin-bottom: 48px; color:#fff; border-top-color:#fff; border-bottom-color:#fff; }
.dsl__page .dsl__approach-suptitle { margin-bottom: 16px; }
.dsl__page .dsl__approach-text { margin-bottom: 24px; text-align: center; }
.dsl__page .dsl__approach-text:last-child { margin-bottom: 0; }

.dsl__page .dsl__approach .dsl__link { color:#fff; }

.dsl__page .dsl__approach-cta { text-align: center; }

.dsl__page .dsl__approach-slider-wrapper { width: 100%; max-width: 672px; margin: 0 auto; position: relative; top:0; left: 0;  padding-top: 16px; }

.dsl__page .dsl__approach-slide { text-align: center; position: relative; top:0; left:0; }
.dsl__page .dsl__approach-slide-number { font-size: 128px; line-height: 128px; position: absolute; top:0; left:calc(50% - 82.5px); width: 165px; height:216px; text-align: center; 
background: linear-gradient(142.64deg, #B06002 22.83%, #FBBE65 37.45%, #EE9023 50.69%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent; }
.dsl__page .dsl__approach-slide-content { width: 90%; margin: 0 auto; padding-top: 60px; position: relative; z-index: 2; }
.dsl__page .dsl__approach-slide-title { font-size: 32px; line-height: 1.2em; text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 16px; }
.dsl__page .dsl__approach-slide-text { font-size: 16px; line-height: 1.45em; }

.dsl__page .dsl__approach-frise-wrapper { --ratioFriseWidth:192px; width:100%; max-width:1440px; overflow:hidden; height: 175px; position: relative; top:0; left:0; margin: 0 auto; }
.dsl__page .dsl__approach-frise { width: var(--ratioFriseWidth); position: absolute; top:0; left: -1000px; opacity: 0.6;  border-radius: 8px; overflow: hidden; cursor: pointer; }
.dsl__page .dsl__approach-frise-img { width: 100%; }
.dsl__page .dsl__approach-frise[data-animate="1"]{ transition:opacity 0.3s, width 0.5s, top 0.5s, left 0.5s; }

.dsl__page .dsl__approach-frise[data-position="0"] { top:12px; left:calc(50% - 112px - 100px - 3 * var(--ratioFriseWidth) ); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="1"] { top:12px; left:calc(50% - 112px - 100px - 2 * var(--ratioFriseWidth)); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="2"] { top:12px; left:calc(50% - 112px - 30px - 2 * var(--ratioFriseWidth)); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="3"] { top:0; left:calc(50% - 112px - 20px - var(--ratioFriseWidth)); z-index: 4; }
.dsl__page .dsl__approach-frise[data-position="4"] { width: 224px; top:24px; left:calc(50% - 112px); z-index: 5; opacity: 1; filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.15)); }
.dsl__page .dsl__approach-frise[data-position="5"] { top:0; left:calc(50% + 112px - 50px); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="6"] { top:12px; left:calc(50% + 112px - 40px + var(--ratioFriseWidth)); z-index: 4; }
.dsl__page .dsl__approach-frise[data-position="7"] { top:12px; left:calc(50% + 112px + 50px + 2* var(--ratioFriseWidth)); z-index: 4; }
.dsl__page .dsl__approach-frise[data-position="8"] { top:12px; left:calc(50% + 112px + 50px + 3 * var(--ratioFriseWidth)); z-index: 4; }



@media (min-width: 768px) { 

.dsl__page .dsl__approach { padding-top: 56px;  padding-bottom: 82px; }

.dsl__page .dsl__approach-body { text-align:center; padding-top: 0;  padding-bottom: 0; }
    
.dsl__page .dsl__approach-texts { display: flex; flex-direction:row; align-items:flex-start; justify-content:center; padding-bottom: 93px; max-width: 834px; } 
.dsl__page .dsl__approach-texts-media { width: 120px; margin-bottom: 0;  }
.dsl__page .dsl__approach-texts-content { width:calc(100% - 120px); padding-left: 36px; }

.dsl__page .dsl__approach-type { margin-bottom: 24px; }
.dsl__page .dsl__approach-suptitle { margin-bottom: 24px; }
.dsl__page .dsl__approach-title { margin-bottom: 10px; }
.dsl__page .dsl__approach-text { text-align: left; }

.dsl__page .dsl__approach-texts-cta { text-align: left; }

.dsl__page .dsl__approach-slider-wrapper { padding-top: 52px; }

.dsl__page .dsl__approach-slide-content { padding-top: 67px; }
.dsl__page .dsl__approach-slide-title { font-size: 40px; line-height: 1.45em; padding-bottom: 24px; }
.dsl__page .dsl__approach-slide-text { font-size: 18px; line-height: 1.45em; }

.dsl__page .dsl__approach-frise-wrapper { --ratioFriseWidth:292px; height: 320px; }

.dsl__page .dsl__approach-frise[data-position="0"] { top:111px; left:calc(50% - 200px - 228px - 3 * var(--ratioFriseWidth) ); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="1"] { top:111px; left:calc(50% - 200px - 228px - 2 * var(--ratioFriseWidth)); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="2"] { top:111px; left:calc(50% - 200px - 228px - 1 * var(--ratioFriseWidth)); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="3"] { top:0px; left:calc(50% - 200px - 285px); z-index: 4; }
.dsl__page .dsl__approach-frise[data-position="4"] { width: 400px; top:54px; left:calc(50% - 200px); z-index: 5; opacity: 1; filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.15)); }
.dsl__page .dsl__approach-frise[data-position="5"] { top:0; left:calc(50% + 200px - 103px); z-index: 2; }
.dsl__page .dsl__approach-frise[data-position="6"] { top:63px; left:calc(50% + 200px + 228px); z-index: 4; }
.dsl__page .dsl__approach-frise[data-position="7"] { top:63px; left:calc(50% + 200px + 228px + var(--ratioFriseWidth)); z-index: 4; }
.dsl__page .dsl__approach-frise[data-position="8"] { top:63px; left:calc(50% + 200px + 228px + 2 * var(--ratioFriseWidth)); z-index: 4; }


}




/*   Push   */

.dsl__page .dsl__virtual {  width: 90%; max-width:1264px; margin: 0 auto; padding-top: 238px; padding-bottom: 56px; position: relative; top:0; left:0;  }

.dsl__page .dsl__virtual-media { width: 224px; height:290px; border-radius: 8px; overflow: hidden; margin: 0 auto; position: absolute; top:0; left:calc(50% - 112px); background: #000; }

.dsl__page .dsl__virtual-body { display: flex; flex-direction:column-reverse; align-items:center; border:solid 1px #FFF; border-radius: 8px; overflow: hidden; }

.dsl__page .dsl__virtual-content { width: 100%; padding-top: 90px; padding-bottom:24px; text-align: center; }

.dsl__page .dsl__virtual-title { font-size: 46px; line-height: 1.2em; padding-bottom: 24px;  }
.dsl__page .dsl__virtual-text { font-size: 18px; line-height: 1.45em;  padding-bottom: 24px; width: 90%; margin: 0 auto; }


@media (min-width: 768px) { 

.dsl__page .dsl__virtual { padding-top: 77px; padding-bottom: 96px; margin-bottom:120px; }

.dsl__page .dsl__virtual-media { width: 400px; height: 526px; top:calc(50% - 250px); left:0;  }
.dsl__page .dsl__virtual-body { flex-direction:row; align-items:center; padding-left: 400px; justify-content:center; }

.dsl__page .dsl__virtual-content { width: calc(100% - 2px); max-width: 616px; text-align: left;  padding: 69px 20px; }

.dsl__page .dsl__virtual-title { font-size: 50px; line-height: 1em; padding-bottom: 24px;  }
.dsl__page .dsl__virtual-text { font-size: 18px; line-height: 1.45em;  padding-bottom: 24px; width: 100%; }


}




/*  legendes */

.dsl__page .dsl__bloc-legendes { }

.dsl__page .dsl__legendes { width: 100%;  max-width: 1264px; margin: 0 auto; padding: 0 3% 24px 3%; text-align: center;  }
.dsl__page .dsl__legende { font-size: 10px; line-height: 1.45em; }



@media (min-width: 768px) { 

    .dsl__page .dsl__legende { text-align: left; }

}



/*  faq */

.dsl__page .dsl__bloc-faq { padding-bottom: 48px; }
.dsl__page .dsl__faq-title { font-size: 28px; line-height: 1.2em; text-align: center; margin: 0 auto; padding-bottom: 24px; width: 90%;  }
.dsl__page .dsl__faq-text { font-size: 18px; line-height: 1.42em;  text-align: center; margin: 0 auto; padding-bottom: 24px; width: 90%; }

.dsl__page .dsl__faq-items {
  width: 90%;
  max-width: 832px;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
  border-top: solid 1px #fff;
}
.dsl__page .dsl__faq-item {
  height: 40px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-bottom: 1px solid #fff;
}
.dsl__page .dsl__faq-item-handler:after {
  content: "";
  width: 20px;
  height: 40px;
  background: url(../common/arrow-down-white-icon.svg) center center no-repeat; background-size:100% auto; 
  transform:rotate(0deg); transition:transform 0.3s; 
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
 }

.dsl__page .dsl__faq-item[data-open="1"] .dsl__faq-item-handler:after {  transform:rotate(180deg); }

.dsl__page .dsl__faq-item-handler {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42em;
  padding: 16px 35px 16px 0; 
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

.dsl__page .dsl__faq-item-answer {
  font-size: 14px;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  text-align: left;
}

.dsl__page .dsl__faq-item-answer a { text-decoration:underline; color:#fff; }
.dsl__page .dsl__faq-item-answer a:hover { text-decoration:none;}
    

@media (min-width: 768px) { 

    .dsl__page .dsl__bloc-faq { padding-top: 0; padding-bottom: 80px; }
    .dsl__page .dsl__faq-item-handler {   padding: 18px 45px 18px 0; }

  .dsl__page .dsl__faq-title { font-size: 36px; line-height: 1.2em; max-width: unset; padding-bottom: 24px; }
  .dsl__page .dsl__faq-text { font-size: 18px; line-height: 1.42em; text-align: center; padding-bottom: 32px; max-width: 724px; }

}



/*    expert   */

.dsl__page .dsl__expert { position: relative; top:0; left:0; width: 90%; max-width: 1048px; margin: 0 auto; border-radius: 8px; overflow: hidden;  display: flex; flex-direction:column; align-items:flex-start; justify-content:center;  margin-bottom: 32px; }

.dsl__page .dsl__expert-media { width: 100%; display: block; }
.dsl__page .dsl__expert-picture { width: 100%; }
.dsl__page .dsl__expert-img { width: 100%; }

.dsl__page .dsl__expert-body{ width: 100%; text-align: center; padding-top: 24px; padding-bottom: 24px; color:var(--COLOR-DEFAULT); background: #FBF6F3; }

.dsl__page .dsl__expert-content { width: 100%;  }

.dsl__page .dsl__expert-type { margin-bottom: 16px; color:#fff; border-top-color:#fff; border-bottom-color:#fff; }

.dsl__page .dsl__expert-logo { width: 268px; padding-bottom: 24px; margin: 0 auto; }
.dsl__page .dsl__expert-logo-img { width: 100%; }

.dsl__page .dsl__expert-text { padding-bottom: 24px; width: 90%; margin: 0 auto; }

@media (min-width: 768px) { 

.dsl__page .dsl__expert {  flex-direction:row; align-items:stretch; }

.dsl__page .dsl__expert-body { width:calc(100% - 508px); padding-top: 0;  padding-bottom: 0;  display: flex; align-items:center; justify-content:center; }

.dsl__page .dsl__expert-media { width:508px; }
.dsl__page .dsl__expert-content { text-align: left; width: 80%; margin: 0 auto; }
.dsl__page .dsl__expert-text { margin: 0; }

.dsl__page .dsl__expert-logo { width:90%; max-width: 268px; margin: 0; }

}







/*    Swiper    */

.dsl__page .swiper-container {
   width: 100%;
   height: 100%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   display: block;
}

.dsl__page .swiper-container-initialized { opacity: 1; }

.dsl__page .swiper-container-no-flexbox .swiper-slide { float: left; }

.dsl__page .swiper-container-vertical > .swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.dsl__page .swiper-wrapper {
   position: relative;
   /* width: 100%; */
   height: 100%;
   /* z-index: 1; */
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: nowrap;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform,-webkit-transform;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}
.dsl__page .swiper-container-android .swiper-slide,
.dsl__page .swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}
.dsl__page .swiper-container-multirow > .swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.dsl__page .swiper-container-free-mode > .swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto;
}
.dsl__page .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   -o-transition-property: transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   text-align: center;
}

.dsl__page .swiper-slide:before,.swiper-slide:after { content: ""; display: table; }
.dsl__page .swiper-slide:after { clear: both; }

.dsl__page .swiper-slide-invisible-blank {
   visibility: hidden;
}
/* Auto Height */
.dsl__page .swiper-container-autoheight,
.dsl__page .swiper-container-autoheight .swiper-slide {
   height: auto;
}
.dsl__page .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-transition-property: height, -webkit-transform;
   transition-property: height, -webkit-transform;
   -o-transition-property: transform, height;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform;
}

/* IE10 Windows Phone 8 Fixes */
.dsl__page .swiper-container-wp8-horizontal,
.dsl__page .swiper-container-wp8-horizontal > .swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.dsl__page .swiper-container-wp8-vertical,
.dsl__page .swiper-container-wp8-vertical > .swiper-wrapper {
   -ms-touch-action: pan-x;
   touch-action: pan-x;
}

.swiper-backface-hidden .swiper-slide {
   transform:translateZ(0);
   -webkit-backface-visibility:hidden;
   backface-visibility:hidden
}

.dsl__page .swiper-button {
 position: absolute;
 top: 0;
 width: 25px;
 height: 25px;
 z-index: 10;
 cursor: pointer;
}
.dsl__page .swiper-button:after { content:"";  background-size: 75% auto;  background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }
.dsl__page .dsl__game-container .swiper-button::after { }

.dsl__page .swiper-button:focus {  outline: none; }

.dsl__page .swiper-button-prev.swiper-button-disabled,
.dsl__page .swiper-button-next.swiper-button-disabled {
 opacity: 0.4;
 cursor: auto;
 pointer-events: none;
}
.dsl__page .swiper-button-prev,
.dsl__page .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
 left: -37.5px;
 right: auto;
 top: calc(50% - 12.5px);
}
.dsl__page .swiper-button-prev::after,
.dsl__page .swiper-container-rtl .swiper-button-next::after,
html[dir="rtl"] .swiper-button-next::after {
 background-image: url(../common/arrow-left-white-icon.svg);
}
.dsl__page .swiper-button-next,
.dsl__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
 right: -37.5px;
 left: auto;
 top: calc(50% - 12.5px);
}
.dsl__page .swiper-button-next:after,
.dsl__page .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
  background-image: url(../common/arrow-right-white-icon.svg);
}

.dsl__page .swiper-button-lock {
 display: none;
}

.dsl__page .swiper-pagination {
   position: relative; 
   top:0; 
   left:50%;
   transform:translateX(-50%);
   text-align: center;
   padding: 36px 0;
}

.swiper-pagination.swiper-pagination-hidden {
   opacity:0
}
.swiper-pagination-bullet {
   width:16px;
   height:16px;
   display:inline-flex;
   align-items:center;
   justify-content:center;
   opacity:1;
   position: relative;
}
.swiper-pagination-bullet:after {
    content: "";
    position: relative;
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    background:#D3CCC8;
    opacity:1
}
button.swiper-pagination-bullet {
   border:none;
   margin:0;
   padding:0;
   box-shadow:none;
   -webkit-appearance:none;
   appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor:pointer
}
.swiper-pagination-bullet:only-child {
   display:none!important
}
.swiper-pagination-bullet-active:after {
   opacity:1;
   background:#333;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin:0;
}


/*
.dsl__page .swiper-wrapper {
    justify-content: center;
}

@media screen and (max-width:2289px){

.dsl__page .swiper-wrapper {
    justify-content: unset;
}
}

*/



@media screen and (max-width:767px){

.dsl__page .swiper-pagination { padding: 32px 0; }

    .dsl__page .swiper-button-next,
    .dsl__page .swiper-container-rtl .swiper-button-prev,
    html[dir="rtl"] .swiper-button-prev {
       display: none;
   }

   .dsl__page .swiper-button-prev,
   .dsl__page .swiper-container-rtl .swiper-button-next,
   html[dir="rtl"] .swiper-button-next {
       display: none;
   }

}



/* MASTER ANALYSIS */
.dsl__page .dsl__skincare-title {
   margin-bottom: 0px;
}
.dsl__page .dsl__skincare-extra {
   left: calc(47% - calc(220* var(--skincareWidth)));
}
.button--primary:not(.cba-button-style){
   text-transform: none;
}
.dsl__priceperunit{
   display: none;
}
.button--primary:not(.cba-button-style){
   background-color: #8c0b26;
   border: 2px solid #8c0b26;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.dsl__page .dsl__header-title {
   font-size: 36px;
}
.dsl__page .dsl__definition-title {
   font-size: 37px;
}
.dsl__page .dsl__research-title {
   font-size: 34px;
   width: 79%;
}
.dsl__page .dsl__research-texts {
   width: 80%;
}
.dsl__page .dsl__header-content {
   top: -50px;
}
.dsl__page .dsl__header-content {
   max-width: calc(484* var(--headerWidth));
}
.show-desktop {
   display: block;
}
.dsl__navigation-inside{
   background:#AC651B !important;
}
.dsl__page .dsl__virtual-title {
   font-size: 27px;
}
.dsl__page .dsl__virtual-text {
   font-size: 15px;
}
.dsl__page .dsl__virtual-media {
   height: 497px;
}
.dsl__page .dsl__skincare-extra {
   left: calc(60% - calc(220* var(--skincareWidth)));
}
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.dsl__page .dsl__header-content {
   width: 38%;
   top: -49px;
}
.dsl__page .dsl__research-title {
   font-size: 32px;
}
.dsl__page .dsl__suptitle {
   font-size: 25px;
}
.dsl__page .dsl__research-texts {
   width: 82%;
}
.dsl__navigation-inside{
   background:#AC651B !important;
}
}
@media screen and (max-width: 480px){
   .dsl__page .dsl__header-title {
      font-size: 27px;
  }
  .dsl__page .dsl__suptitle {
   font-size: 21px;
   }
   .show-desktop {
      display: block;
   }
   body,
   html {
    overflow-x: hidden !important;
  }
  .dsl__navigation-inside{
   background:#AC651B !important;
}
}

/* UPDATES  */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
   .dsl__page .dsl__header-title {
      font-size: 42px;
   }
}
@media screen and (max-width: 480px){
.dsl__page .dsl__bkgd {
   height: 96vh !important;
}
body,html {
   width: 100%;
   overflow-x: clip !important;
}
}

.dsl__page .dsl__bkgd {
   height: 98vh !important;
}

.show-desktop {
   display: block !important;
}








/*   compare     */

.dsl__page .dsl__bloc-compare { z-index: 2; background: #FDF7ED; padding: 30px 0; }

.dsl__page .dsl__compare { position: relative; left:0; top:0; width: 92%; max-width: 1264px; margin:0 auto; }

.dsl__page .dsl__compare-title { font-size:36px; line-height:1em; padding-bottom: 15px; text-align: center; max-width: 1048px; margin: 0 auto; } 
.dsl__page .dsl__compare-text { font-size: 14px; line-height: 1.2em; padding-bottom: 30px; text-transform: uppercase; text-align: center; }

.dsl__page .dsl__compare-wrapper { position: relative; top:0; left:0; }
.dsl__page .dsl__compare-items { display: flex; flex-direction: row; justify-content: center; align-items: stretch; border-radius: 16px; overflow: hidden; } 

.dsl__page .dsl__compare-item { width: calc(50% - 2px); padding: 30px 20px; overflow: hidden; position: relative; left:0; top:0; display: flex; flex-direction:column; }
.dsl__page .dsl__compare-item[data-item="1"] { background:  linear-gradient(290.41deg, #F6B152 2.55%, #AC5218 35.47%, #6D2C0A 92.85%); margin-right: 2px; align-items:flex-start;}
.dsl__page .dsl__compare-item[data-item="2"] { background:  linear-gradient(31.84deg, #FBF1DD 0%, #FCEFD6 40.1%, #FBE6C1 80.21%); margin-left: 2px; align-items:flex-end; }

.dsl__page .dsl__compare-item-pack { position: absolute; --topPack : 94px; }
.dsl__page .dsl__compare-item[data-item="1"] .dsl__compare-item-pack { right:-119px; top:var(--topPack); width: 237px; }
.dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-pack { left:-118px; top: calc( 5px + var(--topPack) ); width: 233px; }
.dsl__page .dsl__compare-item-picture { width: 100%; }
.dsl__page .dsl__compare-item-img { }

.dsl__page .dsl__compare-item-content { position: relative; left:0; top:0; display: flex; flex-direction: column; }
.dsl__page .dsl__compare-item[data-item="1"] .dsl__compare-item-content { align-items: flex-start; color: #fff; }
.dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-content { align-items: flex-end; color: #000; text-align: right; }

.dsl__page .dsl__compare-item-suptitle { font-size: 14px;line-height: 1.2em;  font-family: var(--GOTHAM-BOOK); text-transform: uppercase; padding-bottom: 10px; }
.dsl__page .dsl__compare-item-title { font-size: 24px; line-height: 1.2em; padding-bottom: 25px; text-transform: uppercase; }
.dsl__page .dsl__compare-item-text {  font-size: 14px; line-height: 1.45em; padding-bottom: 25px; }
.dsl__page .dsl__compare-item-subtitle { font-size: 18px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; }

.dsl__page .dsl__compare-item-details { margin: 0; padding: 0; list-style: none; max-width: 330px; padding-bottom: 25px; }
.dsl__page .dsl__compare-item-detail { padding-bottom: 10px; }
.dsl__page .dsl__compare-item-detail:last-child { padding-bottom: 0; }
.dsl__page .dsl__compare-item-detail-text { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; padding-left: 15px; position: relative;top:0; left:0;  }
.dsl__page .dsl__compare-item-detail-dot { position: relative; top:-3px; left:-12px; width: 4px; height: 4px; border-radius: 50%; display: inline-block; }
.dsl__page .dsl__compare-item[data-item="1"] .dsl__compare-item-detail-dot { background: #fff; }
.dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-detail-dot  { background: #000;  }

.dsl__page .dsl__compare-item-detail-legend { font-size: 14px; line-height: 1.45em; padding-left: 15px; }

.dsl__page .dsl__compare-pagination { display: none; }
.dsl__page .dsl__compare-button { display: none; }


@media (max-width: 768px) { 

    .dsl__page .dsl__compare-items { height: 515px; }

    .dsl__page .dsl__compare-item { cursor: pointer; transition:width 0.25s ease-out;}

    .dsl__page .dsl__compare-item-click { position: absolute; top:0; left:0; width: 100%; height: 100%; display: block; }

    .dsl__page .dsl__compare-item-content {min-height: 440px; max-width: calc( 100% - 50px); }

    .dsl__page .dsl__compare-item-suptitle { max-width: 130px; }

    .dsl__page .dsl__compare-item-details { }
    .dsl__page .dsl__compare-item-cta { position: relative;  top:auto; bottom: 30px;  }
    .dsl__page .dsl__compare-item[data-item="1"] .dsl__compare-item-cta { left:0; }
    .dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-cta { left:auto; right:0; }

    .dsl__page .dsl__compare-items .dsl__compare-item-suptitle,
    .dsl__page .dsl__compare-items .dsl__compare-item-title,
    .dsl__page .dsl__compare-items .dsl__compare-item-text,
    .dsl__page .dsl__compare-items .dsl__compare-item-details,
    .dsl__page .dsl__compare-items .dsl__compare-item-cta { opacity: 0; user-select:none; pointer-events:none; }

    .dsl__page .dsl__compare[data-opened-id="0"] .dsl__compare-item-suptitle { opacity: 1; }

    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] { width: calc( 100% - 70px); }
    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="2"] { width: 70px; }

    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] .dsl__compare-item-suptitle,
    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] .dsl__compare-item-title,
    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] .dsl__compare-item-text,
    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] .dsl__compare-item-details,
    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] .dsl__compare-item-cta { opacity: 1; transition:opacity 0.5s 0.5s; }

    .dsl__page .dsl__compare[data-opened-id="1"] .dsl__compare-item[data-item="1"] .dsl__compare-item-cta { pointer-events:unset; }

    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="1"] { width: 70px; }
    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] { width: calc( 100% - 70px); }

    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] .dsl__compare-item-suptitle,
    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] .dsl__compare-item-title,
    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] .dsl__compare-item-text,
    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] .dsl__compare-item-details,
    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] .dsl__compare-item-cta { opacity: 1; transition:opacity 0.5s 0.5s; }

    .dsl__page .dsl__compare[data-opened-id="2"] .dsl__compare-item[data-item="2"] .dsl__compare-item-cta { pointer-events:unset; }

    .dsl__page .dsl__compare-pagination { display: block; padding-top: 20px; }
    .dsl__page .dsl__compare-dots { display: flex; flex-direction: row; justify-content: center; list-style: none; margin: 0; padding: 0; } 
    .dsl__page .dsl__compare-dot { width: 8px; height: 8px; background: #D3CCC8; display: block; border-radius: 4px;  margin: 0 4px; transition: background 0.3s, width 0.3s; } 
    .dsl__page .dsl__compare-dot[data-active="1"] { background: #000; width: 40px } 

.dsl__page .dsl__compare-button { position: absolute; top: 0;  width: 25px;  height: 25px; z-index: 10;  pointer-events:none; }
.dsl__page .dsl__compare[data-opened-id="0"] .dsl__compare-button { display: block; }
.dsl__page .dsl__compare-button:after { content:"";  background-size: 100% auto;  background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; display: block; }

.dsl__page .dsl__compare-button-prev,
html[dir="rtl"] .dsl__page .dsl__page .dsl__compare-button-next {
   left: 20px;
   right: auto;
   top: calc(50% - 12.5px);
}
.dsl__page .dsl__compare-button-prev::after,
html[dir="rtl"] .dsl__page .dsl__compare--button-next::after {
   background-image: url(../common/arrow-left-grey-icon.svg);
}
.dsl__page .dsl__compare-button-next,
html[dir="rtl"] .dsl__page .swiper-button-prev {
   right: 20px;
   left: auto;
   top: calc(50% - 12.5px);
}
.dsl__page .dsl__compare-button-next:after,
html[dir="rtl"] .dsl__page .dsl__compare-button-prev:after {
  background-image: url(../common/arrow-right-grey-icon.svg);
}

}


@media (min-width: 769px) { 

    .dsl__page .dsl__bloc-compare { padding-top: 100px; padding-bottom: 100px; }

    .dsl__page .dsl__compare-title { font-size:80px; line-height:1em; padding-bottom: 20px; }
    .dsl__page .dsl__compare-text { font-size: 26px; line-height: 1.2em; padding-bottom: 56px; }

    .dsl__page .dsl__compare-items { border-radius: 24px; }

    .dsl__page .dsl__compare-item { padding: 150px 60px; }

    .dsl__page .dsl__compare-item-content { height: calc(100% - 15px); }
    
    .dsl__page .dsl__compare-item-click { display: none; }

    .dsl__page .dsl__compare-item-pack { --topPack : 122px; }
    .dsl__page .dsl__compare-item[data-item="1"] .dsl__compare-item-pack { right:-233px; top:var(--topPack); width: 466px; }
    .dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-pack { left:-233px; top: calc( 9px + var(--topPack) ); width: 458px; }

    .dsl__page .dsl__compare-item-suptitle { font-size: 16px;line-height: 1.2em; padding-bottom: 15px; }
    .dsl__page .dsl__compare-item-title { font-size: 44px; line-height: 1.2em; min-height: 165px; }
    .dsl__page .dsl__compare-item[data-item="1"] .dsl__compare-item-title { max-width: 300px; }
    .dsl__page .dsl__compare-item[data-item="2"] .dsl__compare-item-title { max-width: 440px; }

    .dsl__page .dsl__compare-item-subtitle { font-size: 20px; line-height: 1.2em; }
    .dsl__page .dsl__compare-item-text { min-height: 89px; }

    .dsl__page .dsl__compare-item-details { min-height: 283px; }
    .dsl__page .dsl__compare-item-detail { padding-bottom: 20px; }
    .dsl__page .dsl__compare-item-detail-text { font-size:20px; line-height: 1.45em; padding-left: 15px; }
    .dsl__page .dsl__compare-item-detail-dot { position: relative; top:-3px; left:-10px; width: 6px; height: 6px; border-radius: 50%; display: inline-block; }

}

/* Double Serum Gen 9 */
#wrapper.pt_wrapper #ds9__page .ds9__navigation {
   display: none;
}

/* Double Serum Epigenetics */
#wrapper.pt_wrapper #ds9__page .ds9__navigation {
   display: none;
}

/* Double Serum Epigenetics US */
#wrapper.pt_wrapper #dsl__page .dsl__navigation {
   display: none;
}