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

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

@media (max-width: 640px) { 
    .offerbumper-loader { display: none !important;}
}

i-footer footer { margin-top: 0; }
.footer-wrapper { position: relative; }

/*
.dsl__page .producttile-loader { width: 100%; }
.dsl__page .product-tile { margin-right: 0; margin-left: 0; max-width: unset; border:none; }
.dsl__page .product-tile .product-image img { display:block; }
.dsl__page .product-tile .product-tile__variations img { width: unset; }
.dsl__page .product-tile__desc--initial { align-items:flex-start; }
.dsl__page .product-tile__swatch-text { padding-left: 7px; }
*/



@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:#333333;
    --COLOR-RED-A:#b40024;
    --COLOR-RED-B:#8c0b26;
    --RADIUS:5px; 
    --mainOffset: 0px;
}


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

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

.dsl__page {font-family: var(--GOTHAM-BOOK);font-weight: normal;background:#FDF7ED; color: #333333;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 h1,
.dsl__page h2 {  font-family: var(--GOTHAM-MEDIUM);}

.dsl__page p {margin: 0;padding: 0; }

.dsl__page picture {display: block; /*! width: 100%; */}

.dsl__page img {width: 100%;display: block; }

.dsl__page a {color: #333;text-decoration: none; }
.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 .dsl__suptitle { font-size: 14px;line-height: 1.2em; }
.dsl__page .dsl__title { font-size: 24px;line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; }
.dsl__page .dsl__subtitle { font-size: 18px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; }
.dsl__page .dsl__text { font-size: 14px;line-height: 1.45em; }
.dsl__page .dsl__text .dsl__nowrap { white-space: nowrap; }
.dsl__page .dsl__text-color {  color: var(--COLOR-RED-A); }

.dsl__page .dsl__price {font-size: 16px;line-height: 20px; }

.dsl__page .dsl__cta {  }
.dsl__page .dsl__cta-btn {cursor: pointer;display: inline-flex;min-width: 120px;height: auto;padding: 14px 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-text {color: #fff; white-space: nowrap; }

.dsl__page .dsl__cta-white {color: var(--COLOR-DEFAULT); background: #fff;  border: 1px solid #B0A9A5; transition:all 0.3s; }

.dsl__page a.dsl__link { color: var(--COLOR-DEFAULT); text-decoration: underline; font-family: var(--GOTHAM-MEDIUM); font-size: 11px; line-height: 1.42em; letter-spacing: 0.02em;  text-transform: uppercase; }
.dsl__page .dsl__link-text {color: var(--COLOR-DEFAULT);}

.dsl__page .dsl__quickview-btn { white-space: nowrap; }

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

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

/*
.dsl__page .dsl__bkgd { position:fixed; top:0; left:0; width:100%; height:100vh; background: url(../common/bkgd.jpg) top left no-repeat; background-position:50% 0; background-size:cover; }
*/
.dsl__page .dsl__nowrap { white-space: nowrap; }

.dsl__page .dsl__decor { position: absolute; pointer-events:none; }
.dsl__page .dsl__decor img { width: 100%; display: block; }

.dsl__page .dsl__group { position: relative; }

.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__btn-more { cursor: pointer; display: inline-flex; align-items:center; }
    .dsl__page .dsl__btn-more svg,
    .dsl__page .dsl__btn-more img { width: 34px; display: block; }
    .dsl__page .dsl__btn-more-text { color: var(--COLOR-DEFAULT);  font-size: 11px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; padding-left: 5px; text-decoration: underline; }

    .dsl__page .dsl__btn-more-plus {  transform: scale(1); transition:transform 0.4s; transform-origin:50% 50%; }
    .dsl__page .dsl__btn-more-circle {  transform: rotate(0);  transition:transform 0.4s;  transform-origin:50% 50%; }

.dsl__page .dsl__only-desktop { display: none; }
.dsl__page .dsl__only-mobile { display: none; }
        
/*
.dsl__page .dsl__cta a.dsl__disabled { background-color: #cfcac9; border-color:#cfcac9; cursor: default; }
*/


@media (max-width: 768px) { 

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

}


@media (min-width: 769px) { 

    .dsl__page .dsl__page { overflow: hidden;}

    .dsl__page .dsl__suptitle { font-size: 16px;line-height: 1.2em; }
    .dsl__page .dsl__title { font-size: 35px; line-height: 1.2em; padding-bottom: 15px; }
    .dsl__page .dsl__subtitle { font-size: 20px; line-height: 1.2em; }
    .dsl__page .dsl__text { font-size: 14px; line-height: 1.45em; }

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

    .dsl__page.dsl__phone .dsl__cta-btn.dsl__only-mobile { display: inline-flex; }
    
    .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:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

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

    .dsl__page a.dsl__btn-more:hover { color: var(--COLOR-DEFAULT); }
    .dsl__page a.dsl__btn-more:hover a.dsl__btn-more-text { color: var(--COLOR-DEFAULT); }

    .dsl__page a.dsl__underline:hover { text-decoration: none; }

    .dsl__page .dsl__btn-more { }
    .dsl__page .dsl__btn-more:hover .dsl__btn-more-plus {  transform: scale(0.8); }
    .dsl__page .dsl__btn-more:hover .dsl__btn-more-circle {  transform: rotate(45deg); }
    .dsl__page .dsl__btn-more:hover .dsl__btn-more-text { text-decoration: none; }

}



/*   bloc    */

.dsl__page .dsl__bloc { position: relative; padding-top: 15px; padding-bottom: 15px;  }

@media (min-width: 768px) { 

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


}



/*   header    */

.dsl__page .dsl__bloc-header {position: relative; padding: 0; z-index: 11; }

.dsl__page .dsl__header-wrapper { height: calc(180vh - var(--mainOffset)); }

.dsl__page .dsl__header { --ratioHeaderWidth: 1px;   min-height: calc(100vh - var(--mainOffset)); position: sticky; top:var(--mainOffset); left:0; }

.dsl__page .dsl__header-bkgd { position: absolute; top:0; left:0; height: 100%; width: 100%; overflow: hidden; }
.dsl__page .dsl__header-bkgd .dsl__header-picture { height: 100%; width: 100%; }
.dsl__page .dsl__header-bkgd .dsl__header-img { height: 100%; object-fit:cover; }

.dsl__page .dsl__header-bulle { position: absolute; top:0; left:0; opacity: 0.9; }
.dsl__page .dsl__header-bulle.dsl__hidden { opacity: 0; }
.dsl__page .dsl__header-bulle.dsl__initialised { transition:opacity 0.25s, transform 0.2s ease-out;}

.dsl__page .dsl__header-bulle[data-item="1"] { width: calc(51 * var(--ratioHeaderWidth)); left:calc(50% - 107 * var(--ratioHeaderWidth)); top: calc(341 * var(--ratioHeaderWidth));}
.dsl__page .dsl__header-bulle[data-item="2"] { width: calc(45 * var(--ratioHeaderWidth)); left:calc(50% + 52 * var(--ratioHeaderWidth));  top: calc(359 * var(--ratioHeaderWidth)); }
.dsl__page .dsl__header-bulle[data-item="3"] { width: calc(36 * var(--ratioHeaderWidth)); left:calc(50% - 83 * var(--ratioHeaderWidth));  top: calc(419 * var(--ratioHeaderWidth));  }
.dsl__page .dsl__header-bulle[data-item="4"] { width: calc(60 * var(--ratioHeaderWidth));  left:calc(50% + 41 * var(--ratioHeaderWidth)); top: calc(446 * var(--ratioHeaderWidth));}

.dsl__page .dsl__header-pack { position: absolute; top:calc(76 * var(--ratioHeaderWidth)); left:calc(50% - 70 * var(--ratioHeaderWidth)); width: calc(140 * var(--ratioHeaderWidth));   }
.dsl__page .dsl__header-pack.dsl__hidden { opacity: 0; }
.dsl__page .dsl__header-pack.dsl__initialised { transition:opacity 0.25s, transform 0.1s ease-out;}

.dsl__page .dsl__header-body { position: relative; top:0; left:0; width: 100%; height: 100%; }

.dsl__page .dsl__header-content {position: relative; top:0; left:0; padding-top: calc(30 * var(--ratioHeaderWidth)); }

.dsl__page .dsl__header-suptitle { font-size: calc(18 * var(--ratioHeaderWidth));line-height: 1em;  text-align: center; text-transform: uppercase; padding-bottom: calc(202 * var(--ratioHeaderWidth)); opacity: 1;}
.dsl__page .dsl__header-title {text-align: center; text-transform: uppercase; padding-bottom: calc(202 * var(--ratioHeaderWidth));  }
.dsl__page .dsl__header-title-1 { color:#000; font-size: calc(39 * var(--ratioHeaderWidth));line-height: 1em; font-family: var(--GOTHAM-BOOK); display: block; opacity: 1; }
.dsl__page .dsl__header-title-2 {font-size: calc(40 * var(--ratioHeaderWidth));line-height: 1em; font-family: var(--GOTHAM-EXTRALIGHT); display: block; background: linear-gradient(270.15deg, #9B4F1F 12.2%, #F59D30 49.96%, #A4531F 87.71%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }

    .dsl__page .dsl__header-text-1 { font-size: calc(20 * var(--ratioHeaderWidth));line-height: 1.45em; color:#000; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase;  text-align: center;  }
    .dsl__page .dsl__header-text-2 { font-size: calc(16 * var(--ratioHeaderWidth));line-height: 1.2em; color:#000; text-transform: uppercase;  text-align: center; padding-top: 8px; padding-bottom: 8px; }
    .dsl__page .dsl__header-text-3 { font-size: calc(24 * var(--ratioHeaderWidth));line-height: 1.2em; color:#000; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase;  text-align: center;  }

   /*
    .dsl__page .dsl__header-text-1 { padding-bottom: calc(20 * var(--ratioHeaderWidth)); }
    .dsl__page .dsl__header-text-2 { padding-bottom: calc(30 * var(--ratioHeaderWidth)); }
    */

/*
    .dsl__page .dsl__header-suptitle.dsl__hidden { opacity: 0; }
    .dsl__page .dsl__header-title-1.dsl__hidden { opacity: 0;  transform:translateY(calc(40 * var(--ratioHeaderWidth))); }
    .dsl__page .dsl__header-title-2.dsl__hidden { opacity: 0; transform:translateY(calc(60 * var(--ratioHeaderWidth))); }

    .dsl__page .dsl__header-pack.dsl__hidden {opacity: 0;  transform:translateY(calc(50 * var(--ratioHeaderWidth))); }
    .dsl__page .dsl__header-bulle[data-item="1"].dsl__hidden { opacity: 0; transform:translateY(calc(60 * var(--ratioHeaderWidth))); }
    .dsl__page .dsl__header-bulle[data-item="2"].dsl__hidden { opacity: 0; transform:translateY(calc(50 * var(--ratioHeaderWidth))); }
    .dsl__page .dsl__header-bulle[data-item="3"].dsl__hidden { opacity: 0; transform:translateY(calc(40 * var(--ratioHeaderWidth))); }
    .dsl__page .dsl__header-bulle[data-item="4"].dsl__hidden { opacity: 0; transform:translateY(calc(70 * var(--ratioHeaderWidth))); }
*/

    .dsl__page .dsl__header-group-1,
    .dsl__page .dsl__header-group-2 { opacity: 1; transition:opacity 0.5s; }
    .dsl__page .dsl__header-group-1.dsl__hidden,
    .dsl__page .dsl__header-group-2.dsl__hidden { opacity: 0; }

    @media (max-width: 768px) { 

              .dsl__page .dsl__header-texts { position: relative;  top:0; left:0; max-width: calc(270 * var(--ratioHeaderWidth)); margin: 0 auto; padding-top: calc(20 * var(--ratioHeaderWidth)); padding-bottom: calc(50 * var(--ratioHeaderWidth));}
             .dsl__page .dsl__header-group-1 { position: absolute; top:calc(20 * var(--ratioHeaderWidth)); ; left:0; width: 100%; }
}

    @media (min-width: 769px) { 

        .dsl__page .dsl__bloc-header { padding:0; }

            .dsl__page .dsl__header-wrapper { height: calc(180vh - var(--mainOffset)); }

        .dsl__page .dsl__header {  --ratioHeaderWidth: calc(100vw / 1264); height: calc(100vh - var(--mainOffset));  min-height:850px; }

        .dsl__page .dsl__header-content { padding-top: calc(60 * var(--ratioHeaderWidth)); }

        .dsl__page .dsl__header-suptitle { font-size: calc(30 * var(--ratioHeaderWidth)); line-height: 1em; padding-bottom: calc(194 * var(--ratioHeaderWidth)); }

        .dsl__page .dsl__header-title { padding-bottom: 0; }
        .dsl__page .dsl__header-title-1 { font-size: calc(138 * var(--ratioHeaderWidth)); line-height: 0.9em; }
        .dsl__page .dsl__header-title-2 { font-size: calc(151 * var(--ratioHeaderWidth)); line-height: 0.9em; }

        .dsl__page .dsl__header-group { position: absolute; max-width: calc(400 * var(--ratioHeaderWidth)); margin: 0 auto; }
        
        .dsl__page .dsl__header-text-1 { font-size: calc(28 * var(--ratioHeaderWidth)); line-height: 1.45em; text-align: left; }
        .dsl__page .dsl__header-text-2 { font-size: calc(20 * var(--ratioHeaderWidth)); line-height: 1.2em; text-align: right; }
        .dsl__page .dsl__header-text-3 { font-size: calc(33 * var(--ratioHeaderWidth)); line-height: 1.2em; text-align: right; }
        
        .dsl__page .dsl__header-group-1 { text-align: left; top:calc(600 * var(--ratioHeaderWidth)); left:calc(50% + 215 * var(--ratioHeaderWidth)); padding-bottom: 0; }
        .dsl__page .dsl__header-group-2 { text-align: right; top:calc(650 * var(--ratioHeaderWidth)); left:calc(50% - 230 * var(--ratioHeaderWidth)); transform:translateX(-100%); padding-bottom: 0;}
        
        .dsl__page .dsl__header-pack { top:calc(126 * var(--ratioHeaderWidth)); left:calc(50% - 94 * var(--ratioHeaderWidth)); width: calc(188 * var(--ratioHeaderWidth)); }

        .dsl__page .dsl__header-bulle[data-item="1"] { width: calc(94 * var(--ratioHeaderWidth)); left:calc(50% - 187 * var(--ratioHeaderWidth)); top: calc(433 * var(--ratioHeaderWidth)); }
        .dsl__page .dsl__header-bulle[data-item="2"] { width: calc(83 * var(--ratioHeaderWidth)); left:calc(50% + 56 * var(--ratioHeaderWidth));  top: calc(459 * var(--ratioHeaderWidth)); }
        .dsl__page .dsl__header-bulle[data-item="3"] { width: calc(66 * var(--ratioHeaderWidth)); left:calc(50% - 130 * var(--ratioHeaderWidth));  top: calc(600 * var(--ratioHeaderWidth)); }
        .dsl__page .dsl__header-bulle[data-item="4"] { width: calc(100 * var(--ratioHeaderWidth));  left:calc(50% + 30 * var(--ratioHeaderWidth)); top: calc(642 * var(--ratioHeaderWidth));  }

    }

    @media (min-width: 1264px) { 

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

    }


    /*   navigation    */

    .dsl__page .dsl__bloc-navigation { padding: 0; z-index: 15; }

    .dsl__page .dsl__navigation { position: fixed; left:50%; bottom:15px; z-index: 10; transform: translate(-50%, 100px); }
    .dsl__page .dsl__navigation.dsl__visible { transform: translate(-50%, 0); }
    .dsl__page .dsl__navigation.dsl__initialised { transition:transform 0.4s ease-out; }

    .dsl__page .dsl__navigation-inside { text-align: center; background: #000; border-radius: 32px; }
    .dsl__page .dsl__navigation-content { position: relative; left: 0 top:0; height:64px; display: flex; justify-content:space-between; align-items:center; }

    .dsl__page .dsl__navigation-handler  .dsl__cta { padding: 0 10px;  }
    .dsl__page .dsl__navigation-content  .dsl__cta { padding: 0 12px 0 90px;  }
    .dsl__page .dsl__navigation .dsl__cta-btn { border-radius: 22px; }

    .dsl__page .dsl__navigation-items { display:inline-flex; flex-direction:column; list-style: none;  margin:0; padding: 0; }
    .dsl__page .dsl__navigation-item { list-style: none;  text-align: center; position: relative; top:0; left:0; }
    .dsl__page .dsl__navigation-item-inside { position: relative; top:0; left:0; padding: 0 12px;  display: inline-block; }
    .dsl__page .dsl__navigation-item-inside::before {  content: "";  background: #000; border-radius: 22px; width:100%; height: 44px; position: absolute; top:calc( 50% - 22px ); left:0; display: block; transition:background 0.3s; }
    .dsl__page .dsl__navigation-item[data-active="1"] .dsl__navigation-item-inside::before { background:#333; }
    .dsl__page .dsl__navigation-item-text { color: #fff;  font-size: 13px; line-height: 1.2em;  text-transform: uppercase; position: relative; top:0; left:0; display: block; white-space: nowrap; }
    
    .dsl__page .dsl__navigation .button--primary { border-radius: 23px; }

    @media (min-width: 769px) { 

        .dsl__page .dsl__navigation-handler { display: none !important; }
        .dsl__page .dsl__navigation-content { border-radius: 32px; height: 64px; }
        .dsl__page .dsl__navigation-items { display:inline-flex; flex-direction:row; justify-content:center; align-items:center; }
        .dsl__page .dsl__navigation-item { padding: 0 12px; border-right: solid 1px #fff; }
        .dsl__page .dsl__navigation-item:last-child { border-right: none }
        .dsl__page .dsl__navigation-item-inside {   cursor: pointer; }

          .dsl__page .dsl__navigation-item-inside:hover::before { background:#333; }
    }

    @media (max-width: 768px) { 

        .dsl__page .dsl__navigation { width: calc(100% - 36px); margin: 0 auto; bottom: 18px; }

        .dsl__page .dsl__navigation-handler { height: 64px; display:flex; justify-content:space-between; align-items:center; position: relative; top:0; left:0; cursor: pointer; margin: 0; padding: 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 { pointer-events:none; text-align:left; width: calc(100% - 140px); overflow: hidden; position: relative; top:0; left:0; }
        .dsl__page .dsl__navigation-handler-left::after { content: ""; background:linear-gradient(90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,1) 100%) ;height: 100%; width:20px; position: absolute; right:0px; top:0; display: block; }
        .dsl__page .dsl__navigation-handler-right { position: relative; top:0; left:0; }

        .dsl__page .dsl__navigation-handler-text { color: #fff;  font-size: 13px; line-height: 1.2em;  text-transform: uppercase; user-select:none; position: relative; left:0; top:0; padding-left: 44px;  pointer-events:none; white-space: nowrap; }
        .dsl__page .dsl__navigation .dsl__navigation-handler-text::before { content: ""; background: url(../common/arrow-down-white-icon.svg) left top no-repeat; background-size:100% auto; height: 20px; width:20px; position: absolute; left:18px; top:calc(50% - 12px); display: block; }
        .dsl__page .dsl__navigation.dsl__opened .dsl__navigation-handler-text::before { background: url(../common/close-white.svg); height: 15px; width:15px;  top:calc(50% - 8px);  left:20px;  }

        .dsl__page .dsl__navigation-content { width: 100%; height:unset; max-height: 0px; overflow: hidden; transition:max-height 0.3s; }
        .dsl__page .dsl__navigation.dsl__opened .dsl__navigation-content { max-height: 300px; }

        .dsl__page .dsl__navigation-content .dsl__navigation-cta { display: none; }

        .dsl__page .dsl__navigation-items { width: 100%; flex-direction:column; align-items:flex-start; padding: 10px 15px;  }
        .dsl__page .dsl__navigation-item { padding: 15px 0; width: 100%; text-align: left; }

      

    }


    /*   numbers     */

    .dsl__page .dsl__bloc-numbers { z-index: 11; }
    .dsl__page .dsl__numbers { display: flex; flex-direction:column; justify-content:center; align-items:center; padding-top: 15px; }

    .dsl__page .dsl__numbers-number-bloc { padding-bottom: 12px; display: flex; align-items:center; justify-content:center; flex-direction:column; width:238px; padding-top: 30px; }
    .dsl__page .dsl__numbers-number { display: flex; align-items:flex-start; font-size: 86px; line-height:1em; height: 86px; }
    .dsl__page .dsl__numbers-number-value {  font-family: var(--GOTHAM-EXTRALIGHT); text-align: center; }
    .dsl__page .dsl__numbers-number-text {  font-size: 18px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-align: center; text-transform: uppercase;  }

    @media (min-width: 769px) { 

        .dsl__page .dsl__numbers {  flex-direction:row; align-items:flex-start; padding-top: 15px; width: 92%; max-width: 1264px; margin: 0 auto; }
        .dsl__page .dsl__numbers-number-bloc { width: 25%;}

    }



    /*   technology     */

    .dsl__page .dsl__bloc-technology { z-index: 2; }

    .dsl__page .dsl__technology { position: relative; left:0; top:0; width: 92%; max-width: 1264px; margin:0 auto; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; }

    .dsl__page .dsl__technology-media { position: relative; left:0; top:0; width: 100%; }
    .dsl__page .dsl__technology-picture { width: 100%; height: 100%;  overflow: hidden; }
    .dsl__page .dsl__technology-img { height: 100%; object-fit:cover; }

    .dsl__page .dsl__technology-body{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: linear-gradient(31.84deg, #FBF1DD 0%, #FCEFD6 40.1%, #FBE6C1 80.21%); }

    .dsl__page .dsl__technology-content {  text-align: left; padding: 30px; }

    .dsl__page .dsl__technology-suptitle { padding-bottom: 10px; text-transform: uppercase; }
    .dsl__page .dsl__technology-title { color: #000; padding-bottom: 12px; }
    .dsl__page .dsl__technology-text {}

    .dsl__page .dsl__technology-wrapper { padding-top: 10px; padding-bottom: 15px;  }

    .dsl__page .dsl__technology-bloc { display: flex; flex-direction:row; align-items:center; justify-content:center; padding-bottom: 10px; }

    .dsl__page .dsl__technology-bloc-media { width: 110px; display: block; border-radius: 8px; overflow: hidden; }
    .dsl__page .dsl__technology-bloc-content { width: calc(100% - 110px); margin: 0 auto;  } 

    .dsl__page .dsl__technology-bloc-result { }
    .dsl__page .dsl__technology-bloc-result-line { display: flex; align-items:flex-start; justify-content:center; flex-direction:column; padding-left: 15px; }
    .dsl__page .dsl__technology-bloc-result-number { font-size: 64px; line-height:0.825em; font-family: var(--GOTHAM-EXTRALIGHT); display: flex; align-items:flex-start; min-width: 150px; }
    .dsl__page .dsl__technology-bloc-result-glyph { font-size: 0.55em; line-height: 0.825em; font-family: var(--GOTHAM-LIGHT); }
    .dsl__page .dsl__technology-bloc-result-text {  font-size: 16px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; text-align: center; max-width: 150px; }

    .dsl__page .dsl__technology-bloc-text {  font-size: 14px; line-height: 1.45em;  }

    @media (min-width: 769px) { 

        .dsl__page .dsl__technology {  flex-direction: row; align-items:stretch; border-radius: 24px; }

        .dsl__page .dsl__technology-media { width:50%; }
        .dsl__page .dsl__technology-picture { }
        .dsl__page .dsl__technology-img { }

        .dsl__page .dsl__technology-body { width:50%; align-items:center; }
        .dsl__page .dsl__technology-content { max-width: 482px; }

        .dsl__page .dsl__technology-title { }
        .dsl__page .dsl__technology-wrapper { padding-top: 21px;  }

        .dsl__page .dsl__technology-bloc { flex-direction:row; align-items:stretch; flex-wrap:wrap; }

        .dsl__page .dsl__technology-bloc-media { width: 130px; height: auto; }
        .dsl__page .dsl__technology-bloc-content { width: calc(100% - 130px); padding-top: 0; padding-left: 20px; } 

        .dsl__page .dsl__technology-bloc-result { padding-bottom: 0; display: flex; flex-direction:column; justify-content:space-between;  height: 100%; }
        .dsl__page .dsl__technology-bloc-result-line { justify-content:flex-start; flex-direction:column; padding-left: 0; }
        .dsl__page .dsl__technology-bloc-result-text { text-align: center; font-size: 20px; line-height: 1.2em; padding-left: 12px; }

    }

    @media (min-width: 1024px) { 

     .dsl__page .dsl__technology-bloc-result-line { justify-content:flex-start; flex-direction:row; padding-left: 0; }
        .dsl__page .dsl__technology-bloc-result-text { text-align: left; padding-left: 12px; }

}


    /*   formula     */

    .dsl__page .dsl__bloc-formula { z-index: 2; }

    .dsl__page .dsl__formula { position: relative; left:0; top:0; width: 92%; max-width: 1264px; margin:0 auto; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; }

    .dsl__page .dsl__formula-media { position: relative; left:0; top:0; width: 100%; }
    .dsl__page .dsl__formula-picture { width: 100%; height: 100%;  overflow: hidden; }
    .dsl__page .dsl__formula-img { height: 100%; object-fit:cover; }

    .dsl__page .dsl__formula-body{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: linear-gradient(31.84deg, #FBF1DD 0%, #FCEFD6 40.1%, #FBE6C1 80.21%); }

    .dsl__page .dsl__formula-content {  text-align: left; padding: 30px; }
    .dsl__page .dsl__formula-title { color: #000; padding-bottom: 12px; }

    @media (min-width: 769px) { 

        .dsl__page .dsl__formula {  flex-direction: row-reverse; align-items:stretch; border-radius: 24px; }

        .dsl__page .dsl__formula-media { width:50%; }
        .dsl__page .dsl__formula-body { width:50%; align-items:center; }
        .dsl__page .dsl__formula-content { max-width: 482px;  }

    }


    /*   epigenetic     */

    .dsl__page .dsl__bloc-epigenetic { position: relative; left:0; top:0; z-index:1; width: 100%; background: linear-gradient(258.5deg, #F9E7C3 0%, #D5AA73 99.18%); padding-top:30px; padding-bottom:30px; margin: 15px 0; }

    .dsl__page .dsl__epigenetic { position: relative; left:0; top:0; width: 92%; max-width: 1264px; margin:0 auto; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: #fff; }

    .dsl__page .dsl__epigenetic-media { position: relative; left:0; top:0; width: 100%; }
    .dsl__page .dsl__epigenetic-picture { width: 100%; height: 100%;  overflow: hidden; }
    .dsl__page .dsl__epigenetic-img { height: 100%; object-fit:cover; }

    .dsl__page .dsl__epigenetic-body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } 

    .dsl__page .dsl__epigenetic-content {  text-align: left; padding: 30px; }
    .dsl__page .dsl__epigenetic-suptitle { padding-bottom: 10px;  text-transform: uppercase; }
    .dsl__page .dsl__epigenetic-title { color: #000; padding-bottom: 12px; }
    .dsl__page .dsl__epigenetic-subtitle { padding-top: 24px; padding-bottom: 15px; width: 80%; max-width:300px; }
    .dsl__page .dsl__epigenetic-text {}

    .dsl__page .dsl__epigenetic .dsl__btn-more { margin-top: 32px; }

    @media (min-width: 769px) { 

        .dsl__page .dsl__bloc-epigenetic { padding-top:184px; padding-bottom:184px; max-width: 2000px; margin:50px auto; background: linear-gradient(258.5deg, #F9E7C3 0%, #D5AA73 99.18%); }

        .dsl__page .dsl__epigenetic {  flex-direction: row; align-items:stretch; border-radius: 24px; }

        .dsl__page .dsl__epigenetic-media { width:50%; }
        .dsl__page .dsl__epigenetic-picture { }
        .dsl__page .dsl__epigenetic-img { }

        .dsl__page .dsl__epigenetic-body { width:50%; align-items:center; }
        .dsl__page .dsl__epigenetic-content { max-width: 482px; }

        .dsl__page .dsl__epigenetic-subtitle { padding-top: 32px; padding-bottom: 14px; }

    }

    @media (min-width: 2000px) { 

        .dsl__page .dsl__bloc-epigenetic { border-radius: 24px; overflow: hidden; }

    }


    /*   tiles     */

    .dsl__page .dsl__bloc-tiles {  z-index: 2; }

    .dsl__page .dsl__tiles { position: relative; left:0; top:0; width: 92%; max-width: 1264px; margin:0 auto; display: flex; flex-direction: column; align-items:center; }

    .dsl__page .dsl__tile { max-width: 610px; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; }
    .dsl__page .dsl__tile[data-item="2"] { margin-top: 30px; }

    .dsl__page .dsl__tile-media { position: relative; left:0; top:0; width: 100%; }
    .dsl__page .dsl__tile-picture { width: 100%; height: 100%;  overflow: hidden; }
    .dsl__page .dsl__tile-img { height: 100%; object-fit:cover; }

    .dsl__page .dsl__tile-body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start;  background: linear-gradient(31.84deg, #FBF1DD 0%, #FCEFD6 40.1%, #FBE6C1 80.21%); } 
    .dsl__page .dsl__tile-content {  text-align: left; padding: 30px; }

    .dsl__page .dsl__tile-suptitle { padding-bottom: 10px; text-transform: uppercase; }
    .dsl__page .dsl__tile-title { padding-bottom: 15px; }
    .dsl__page .dsl__tile-subtitle { padding-top: 15px; padding-bottom: 15px; }
    .dsl__page .dsl__tile-text {}

    .dsl__page .dsl__tile-numbers { display: flex; flex-direction:row; flex-wrap:wrap; padding-top: 15px; }

    .dsl__page .dsl__tile-number-bloc { padding-bottom: 12px; display: flex; align-items:center; justify-content:center; flex-direction:column; width: 50%; }
    .dsl__page .dsl__tile-number { display: flex; align-items:flex-start; font-size: 40px; line-height:1em; }
    .dsl__page .dsl__tile-number-value {  font-family: var(--GOTHAM-EXTRALIGHT); min-width: 80px; text-align: right; }
    .dsl__page .dsl__tile-number-glyph { font-size: 0.7em; line-height: 1em; font-family: var(--GOTHAM-LIGHT); }
    .dsl__page .dsl__tile-number-text {  font-size: 18px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); text-align: center; max-width: 124px; }

    @media (max-width: 768px) { 

        .dsl__page .dsl__tile-numbers {
          flex-wrap: wrap;
      }

  }

  @media (min-width: 769px) { 

    .dsl__page .dsl__bloc-tiles { padding-bottom: 63px; }

    .dsl__page .dsl__tiles { display: flex; flex-direction: row; justify-content:space-between; align-items:flex-start;}

    .dsl__page .dsl__tile { border-radius: 24px; width: calc(50% - 16px); }
    .dsl__page .dsl__tile[data-item="1"] { margin-right: 16px; }
    .dsl__page .dsl__tile[data-item="2"] { margin-top: 200px; margin-left: 16px; }

    .dsl__page .dsl__tile-media {  }
    .dsl__page .dsl__tile-picture { }
    .dsl__page .dsl__tile-img { }

    .dsl__page .dsl__tile-body {  align-items:center; }
    .dsl__page .dsl__tile-content { padding: calc(60 * ( 100vw / 1024)); }

    .dsl__page .dsl__tile-subtitle { padding-top: 40px; padding-bottom: 14px; }

    .dsl__page .dsl__tile-numbers { padding-top: 32px; }
    .dsl__page .dsl__tile-number-bloc { width: 150px; }
    .dsl__page .dsl__tile-number { min-width: 92px;  font-size: 45px; line-height:1em;  }
    .dsl__page .dsl__tile-number-value {}
    .dsl__page .dsl__tile-number-text {  font-size: 18px; line-height: 1.45em; }

}

  @media (min-width: 1024px) { 

        .dsl__page .dsl__tile-content { padding: 60px; }

  }


/*   compare     */

.dsl__page .dsl__bloc-compare { z-index: 2; }

.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 { text-transform: uppercase; padding-bottom: 10px; }
.dsl__page .dsl__compare-item-title { font-size: 24px; line-height: 1.2em; padding-bottom: 25px; }
.dsl__page .dsl__compare-item-text { padding-bottom: 25px; }

.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-bottom: 50px; }

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

}



/*   facial   */

.dsl__page .dsl__bloc-facial { margin-top:0; padding-top: 80px; z-index: 2; }

.dsl__page .dsl__facial { position:relative; top:0; left:0; text-align: center; width: 92%; max-width:1264px; margin: 0 auto; color:var(--COLOR-DEFAULT); background: linear-gradient(258.5deg, #F9E7C3 0%, #D5AA73 99.18%);
  display: flex; flex-direction: row; justify-content:center; border-radius: 16px;  }

  .dsl__page .dsl__facial-media { position:absolute; top:-32px; left:calc(50% - 105px); width: 210px; margin:0 auto; border-radius: 20px;  overflow: hidden; border: solid 4px #333; background: #333; }
  .dsl__page .dsl__facial-media iframe { width: 202px; height: calc(202px * 16 / 9); display: block;}

  .dsl__page .dsl__facial-body { position:relative; top:0; left:0; padding: 370px 0 32px 0;  width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .dsl__page .dsl__facial-content { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

  .dsl__page .dsl__facial-suptitle { font-size: 28px; line-height: 1.2em; color:#000; padding-bottom: 4px; font-family: var(--GOTHAM-MEDIUM); }
  .dsl__page .dsl__facial-title { font-size: 28px; line-height: 1.2em; color:#000; padding-bottom: 4px; font-family: var(--GOTHAM-MEDIUM); }
  .dsl__page .dsl__facial-text { padding-bottom: 16px; color:#000;  }

  .dsl__page .dsl__facial-content-left { }

  .dsl__page .dsl__facial-content-right-link { padding-bottom: 32px; color:#000; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; }
  .dsl__page .dsl__facial-content-right-text { display:none; font-size: 18px; line-height: 1.2em; color:#fff; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; text-align: center;  padding-top: 15px;  }

  .dsl__page .dsl__facial-qrcode { display: none; }

  .dsl__page .dsl__facial-expert { position:relative; top:0; left:0; display: flex; align-items:flex-start; justify-content:stretch; flex-direction:row; padding-left: 44px; }
  .dsl__page .dsl__facial-expert-body { position:relative; top:0; left:0; background: #fff; border-radius: 52px; border-radius: var(--RADIUS); padding: 12px 24px 12px 54px; }
  .dsl__page .dsl__facial-expert-visual { z-index:1; position:absolute; top:calc(50% - 44px); left:0; width:88px; height: 88px; background: #fff; border-radius: 50%; overflow: hidden; border: solid 4px #fff; }
  .dsl__page .dsl__facial-expert-content { }
  .dsl__page .dsl__facial-expert-name { font-size: 17px; line-height: 1.2em; color:#000; padding-bottom: 4px; font-family: var(--GOTHAM-MEDIUM); }
  .dsl__page .dsl__facial-expert-text { text-transform: uppercase; }


  @media (min-width: 769px) { 

    .dsl__page .dsl__bloc-facial { padding-top: 80px; padding-bottom: 80px; border-radius: 24px;   }

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

    .dsl__page .dsl__facial-media { top:calc(50% - 185px); left:5%; }

    .dsl__page .dsl__facial-body { padding: 32px 5% 32px calc(10% + 210px); align-items: flex-start;  }
    .dsl__page .dsl__facial-content { flex-direction: row; align-items: center; justify-content: space-between; }

    .dsl__page .dsl__facial-suptitle { font-size: 38px; line-height: 1.2em; }
    .dsl__page .dsl__facial-title { font-size: 38px; line-height: 1.2em; }
    .dsl__page .dsl__facial-text { padding-bottom: 52px;  }

    .dsl__page .dsl__facial-qrcode { width: 122px; display: block; }

    .dsl__page .dsl__facial-content-right { background:#000; border-radius: 10px; padding: 20px; }
    .dsl__page .dsl__facial-content-right-text { display:block; }
    .dsl__page .dsl__facial-content-right-link { display:none; }

}


  @media (min-width: 950px) { 

    .dsl__page .dsl__facial-media {  left:100px; }

    .dsl__page .dsl__facial-body { padding: 32px 40px 32px 380px; }

}



/*  faq */

.dsl__page .dsl__bloc-faq { padding-right: 0; padding-left: 0; position: relative; z-index: 2; }

.dsl__page .dsl__faq { position: relative;top: 0;left: 0; }
.dsl__page .dsl__faq-title { text-align: center; padding-bottom: 50px; font-size: 35px; line-height: 1.2em;  width:92%; max-width: 675px; margin: 0 auto; }
.dsl__page .dsl__faq-text { font-size: 17px; line-height: 1.45em; text-align: center; padding-bottom: 38px;  }

.dsl__page .dsl__faq-items {
  width: 92%;
  max-width: 832px;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
  border-top: solid 1px #000;
}
.dsl__page .dsl__faq-item {
  height: 40px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-bottom: 1px solid #000;
}
.dsl__page .dsl__faq-item-handler:after {
  content: "";
  width: 20px;
  height: 40px;
  background: url(../common/arrow-up-grey-icon.svg) center center no-repeat; background-size:100% auto; 
  transform:rotate(180deg); 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(0deg); }

.dsl__page .dsl__faq-item-handler {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42em;
  padding: 18px 0;
  padding-right: 45px;
  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.dsl__underline { color:#000; }

@media (max-width: 768px) { 

  .dsl__page .dsl__bloc-faq { padding: 32px 0 32px 0; }
  .dsl__page .dsl__faq-title { font-size: 24px; line-height: 1.2em; } 
  .dsl__page .dsl__faq-item-handler { padding: 16px 35px 16px 0; }

}

@media (min-width: 768px) { 

    .dsl__page .dsl__bloc-faq { padding-bottom: 50px; }
    .dsl__page .dsl__faq-item a.dsl__underline:hover { color:#000; }

}



/*  services */

.dsl__page .dsl__bloc-services {  z-index: 2; }

.dsl__page .dsl__services { display: flex; justify-content:center; }

.dsl__page .dsl__service { position: relative; top:0; left: 0; }

.dsl__page .dsl__service-media { width: 100%; }

.dsl__page .dsl__service-content { text-align: left; padding: 16px 16px 45px 16px; background: #FFF; }
.dsl__page .dsl__service-title { font-size: 14px; line-height: 1.45em; font-family:var(--GOTHAM-MEDIUM); padding-bottom: 12px; }
.dsl__page .dsl__service-text { font-size: 14px; line-height: 1.45em; min-height: 4em; }

.dsl__page .dsl__service-link { position: absolute; bottom: 16px; font-size: 11px; line-height: 1.45em;  text-transform: uppercase; font-family:var(--GOTHAM-MEDIUM); }

.dsl__page .dsl__bloc-services .dsl__container { width: 100%; }
.dsl__page .dsl__service { width: calc(50% - 1px); border: 1px solid #CFCAC9; display: flex; align-items:center; flex-direction:column; width: 100%; }

.dsl__page .dsl__services-title { width: 80%; margin: 0 auto; }

.dsl__page .dsl__services-wrapper { max-width: 100%; position: relative;top: 0;left: 0; }
.dsl__page .dsl__services { border-left:solid 1px #d3ccc8; }
.dsl__page .dsl__service { background: #fff; border:solid 1px #d3ccc8; border-left:none; min-height: 350px; display: flex; align-items:center; justify-content:flex-start; }

/*
@media (max-width: 768px) { 

   .dsl__page .dsl__service { width: calc(50% - 1px); margin: 0;  border-right:none; }
    .dsl__page .dsl__service:last-child { width: calc(50%); border-right: 1px solid #CFCAC9; }

}
*/


@media (min-width: 1023px) { 
    .dsl__page .dsl__services { border-left:none; }
    .dsl__page .dsl__service { border-left:solid 1px #d3ccc8; }

}

@media (min-width: 768px) { 

    .dsl__page .dsl__bloc-services { padding: 60px 0; }
    .dsl__page .dsl__services-wrapper { width:1264px;  max-width: 92%; margin: 0 auto; }

}



/*  legendes */

.dsl__page .dsl__bloc-legendes { z-index: 2; }

.dsl__page .dsl__legendes { width: 92%;  max-width: 1264px; margin: 0 auto; text-align: left;  }
.dsl__page .dsl__legende { font-size: 10px; line-height: 1.45em; }


@media (min-width: 768px) { 

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

}





/*  bubbles */

.dsl__page .dsl__bubble { position: fixed; top:100vh; width: 100px; z-index: 10; transition:transform 0.2s ease-out; opacity: 0.9; pointer-events:none; }
.dsl__page .dsl__bubble[data-visible="0"] { display: none;  }

.dsl__page .dsl__bubble[data-item="1"] { z-index: 1; }
.dsl__page .dsl__bubble[data-item="2"] { z-index: 1; }

.dsl__page .dsl__bubble-picture {  transition:transform 0.2s ease-out;  transform-origin:50% 0; }


/*    Swiper    */

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


.dsl__page .dsl__advent-popin-products .swiper-container { overflow: unset; }
.dsl__page .dsl__sets  .swiper-container { overflow: unset; }

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

.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: -28px;
   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-grey-icon.svg);
}
.dsl__page .swiper-button-next,
.dsl__page .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
   right: -28px;
   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-grey-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;

}

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


.dsl__page .swiper-notification { display: none; }

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

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

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

*/


.dsl__page .dsl__advent-routines-wrapper .swiper-button-prev,
.dsl__page .dsl__advent-routines-wrapper .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .dsl__advent-routines-wrapper .swiper-button-next { left: 28px; }

.dsl__page .dsl__advent-routines-wrapper .swiper-button-next,
.dsl__page .dsl__advent-routines-wrapper .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .dsl__advent-routines-wrapper .swiper-button-prev { right: 28px; }

.dsl__page .dsl__advent-routines-wrapper  .swiper-container { overflow: unset; }

.dsl__page .dsl__advent-routines-wrapper .swiper-button { top: calc(50% - 50px); height:40px; width:40px; background:#fff; border:solid 1px #E9E3DE; border-radius: 5px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15); }
.dsl__page .dsl__advent-routines-wrapper .swiper-button-disabled { display: none; }

.dsl__page .dsl__advent-popin-products-wrapper .swiper-button-prev,
.dsl__page .dsl__advent-popin-products-wrapper .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .dsl__advent-popin-products-wrapper .swiper-button-next { left: -32px; }

.dsl__page .dsl__advent-popin-products-wrapper .swiper-button-next,
.dsl__page .dsl__advent-popin-products-wrapper .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .dsl__advent-popin-products-wrapper .swiper-button-prev { right: -32px; }



@media (max-width: 768px) { 

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

}








/*  ---   Popin   --- */
/*  ---   v0.3   --- */

.dsl__bloc-popin { background: #eac27c; padding: 30px 0; text-align: center; }

.dsl__page .popin__content-opener { display: none; }

.dsl__page .popin__content-wrapper { --popin_height:100vh;  --popin_top:180px; position: fixed; bottom:0; left:0; width: 100vw; height:0; z-index: 10000; }

@supports(height: 100dvh) {
   .dsl__page .popin__content-wrapper { --popin_height:100dvh; --popin_top:90px }
/*
 .dsl__page .popin__content-title { color:#FF3300; }
 */
}

.dsl__page .popin__content-overlay { background: #000; opacity: 0; position: absolute; top:0;left:0;  width: 100%; height: 100%; display: block; transition:opacity 0.2s ease-out;  transition-delay:0.2s;  }
.dsl__page .popin__content-wrapper[data-open="1"]  .popin__content-overlay { transition-delay:0s; opacity: 0.5; }

.dsl__page .popin__content { position: absolute; bottom:0;left:50%; display: flex; align-items:flex-end; justify-content:center; transform:translate(-50%, 100%); }

.dsl__page .popin__content-body { background: #fff; border-radius: 8px; max-height: calc(var(--popin_height) - var(--popin_top)); text-rendering: optimizeLegibility; overflow: hidden; }
.dsl__page .popin__content-content { max-height: calc(var(--popin_height) - var(--popin_top)); overflow: hidden; }
.dsl__page .popin__content-wrapper[data-scrollable="1"] .popin__content-content {  overflow-x: hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; }

.dsl__page .popin__content-closer { cursor: pointer; position: absolute; top:10px; right: 10px; z-index:1; width: 24px; height: 24px; background: transparent; }
.dsl__page .popin__content-closer-white path { fill:#fff; }

/*
.dsl__page .popin__content-title { padding-top: 15px;  padding-bottom: 15px; font-size: 28px; line-height: 1.375em; }
.dsl__page .popin__content-text { padding-bottom: 30px; font-size: 14px; line-height: 1.375em; }
*/

.dsl__page .popin__content-wrapper[data-open="1"] { height: calc( var(--popin_height) + 1px); }


.dsl__page .popin__content { width:100%; max-width:1048px; transition:transform 0.25s ease-out; }
.dsl__page .popin__content-wrapper[data-open="1"] .popin__content {  transform:translate(-50%, 0); top:auto; bottom:0; left:50%; }

.dsl__page .popin__content-body { border-radius: 8px 8px 0 0; width: 100%; }
.dsl__page .popin__content-content { width: 100%; max-height: calc(var(--popin_height) - var(--popin_top) - 40px); overflow-x: hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; }

.dsl__page .popin__content-handler { border-bottom: solid 1px #ccc; height: 40px; position: relative; top:0; left:0; }
.dsl__page .popin__content-closer-white path { fill:#000; }

.dsl__page .popin__content-opener { display: inline-block; cursor: pointer; }
.dsl__page .popin__content-toClone { display: none; }


@media (min-width:768px){

    .dsl__page .popin__content-wrapper[data-style="center"]  .popin__content,
    .dsl__page .popin__content-wrapper[data-style="center"][data-open="1"]  .popin__content { transition:unset; }

    .dsl__page .popin__content-wrapper[data-style="center"][data-open="1"] .popin__content { top: 50%; bottom: auto; transform:translate(-50%, -50%); }

    .dsl__page .popin__content-wrapper[data-style="center"] .popin__content-body { border-radius: 8px; }
    .dsl__page .popin__content-wrapper[data-style="center"] .popin__content-content { max-height: calc(var(--popin_height) - var(--popin_top)); }

    .dsl__page .popin__content-wrapper[data-style="center"] .popin__content-handler { height: 0; border: unset; }
    
}