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

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

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

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

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



/*  ------  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   ------  */

.exf__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: 60px;
}


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

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

.exf__page {font-family: var(--GOTHAM-BOOK);font-weight: normal;background: #FFF0E9; color: #333333;position: relative;width: 100%;overflow: hidden; }

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

.exf__page h1,
.exf__page h2,
.exf__page h3,
.exf__page h4 {margin: 0;padding: 0;font-weight: normal; }

.exf__page h1,
.exf__page h2 {  font-family: var(--GOTHAM-MEDIUM);}

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

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

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

.exf__page a {color: #333;text-decoration: none; }
.exf__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; }

    .exf__page .exf__suptitle { font-size: 14px;line-height: 1.2em; }
    .exf__page .exf__title { color: #9D6552; font-size: 24px;line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); }
    .exf__page .exf__subtitle { font-size: 18px; line-height: 1.2em;}
    .exf__page .exf__text { font-size: 14px;line-height: 1.45em; }
    .exf__page .exf__text .exf__nowrap { white-space: nowrap; }
    .exf__page .exf__text-color {  color: var(--COLOR-RED-A); }

    .exf__page .exf__price {font-size: 16px;line-height: 20px; }

    .exf__page .exf__cta {  }
    .exf__page .exf__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;}
    .exf__page .exf__cta-text {color: #fff; white-space: nowrap; }

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

    .exf__page a.exf__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; }
    .exf__page .exf__link-text {color: var(--COLOR-DEFAULT);}

    .exf__page .exf__quickshop { display: none; }
    .exf__page .exf__addtobag  { display: none; }

    .exf__page .exf__nowrap { white-space: nowrap; }
    .exf__page .exf__uppercase { text-transform: uppercase; }
    .exf__page a.exf__underline { text-decoration:underline; }

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

    .exf__page .exf__group { position: relative; }

    .exf__page .exf__gradient { background: linear-gradient(90.89deg, #D3A484 20.92%, #994A23 83.28%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent 
    } 

    .exf__page .exf__btn-more { cursor: pointer; display: inline-flex; align-items:center; }
    .exf__page .exf__btn-more svg,
    .exf__page .exf__btn-more img { width: 34px; display: block; }

    .exf__page .exf__btn-more-text { font-size: 11px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); text-transform: uppercase; padding-left: 5px; text-decoration: underline; }

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

    .exf__page .exf__only-mobile { display: none; }
    .exf__page .exf__only-desktop { display: none; }

    @media (max-width: 768px) { 

        .exf__page .exf__only-mobile { display: block; }
    }


    @media (min-width: 769px) { 

        .exf__page .exf__page { overflow: hidden;}

        .exf__page .exf__only-desktop { display: block; }

        .exf__page .exf__suptitle { font-size: 16px;line-height: 1.2em; }
        .exf__page .exf__title { font-size: 60px; line-height: 1.2em; }
        .exf__page .exf__subtitle { font-size: 20px; line-height: 1.2em; }
        .exf__page .exf__text { font-size: 14px; line-height: 1.45em; }

        .exf__page .exf__quickview-btn.exf__only-desktop { display: inline-block; }
        .exf__page .exf__cta-btn.exf__only-desktop { display: inline-flex; }

        .exf__page .exf__cta-btn:hover { color: #fff; outline: 0 !important;  background-color: var(--COLOR-RED-B);  border-color: var(--COLOR-RED-B); }
        .exf__page .exf__cta-white:hover { color: var(--COLOR-DEFAULT);  border: 1px solid #797674; background: #fff;  box-shadow: 0px 0px 7px 0px #00000026; }

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

        .exf__page a.exf__underline:hover { text-decoration: none; }

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

    }


/*   bloc    */

.exf__page .exf__bloc { position: relative; }

@media (min-width: 768px) { 

    .exf__page .exf__bloc { }

}


/*   visuals    */

.exf__page .exf__plant-1 { position: absolute; top:0; }
.exf__page .exf__bubble-1-picture {  position: absolute; top:0; left:0; }
.exf__page .exf__plant-2 { position: absolute; top:0; }
.exf__page .exf__bubble-2-picture { position: absolute; top:0; right:0; }
.exf__page .exf__decor-1-picture {  position: absolute; top:0; left:0; }
.exf__page .exf__decor-2-picture {  position: absolute; top:0; left:0; }
.exf__page .exf__decor-3-picture {  position: absolute; top:0; right:0; }

@media (max-width: 768px) { 

    .exf__page .exf__plant-1 { left:50%;  }
    .exf__page .exf__plant-1-picture {  width: 773px;  transform: translate(-425px, -560px); }
    .exf__page .exf__plant-1-img { transform: rotate(178deg);}
    .exf__page .exf__bubble-1-picture { width: 107px;  transform: translate(60px, 485px); }
    .exf__page .exf__bubble-1-img {}

    .exf__page .exf__plant-2 {  right:50%;   }
    .exf__page .exf__plant-2-picture { width: 592px; transform:translate(134px, 335px);}
    .exf__page .exf__plant-2-img { transform: rotate(-32.6deg); }
    .exf__page .exf__bubble-2-picture { width: 107px;  transform: translate(-106px, 150px); }
    .exf__page .exf__bubble-2-img {transform: scaleY(-1) rotate(-125deg);  }

    .exf__page .exf__molecule-1 { position: absolute; top:90px; left:calc(50% - 200px);  }
    .exf__page .exf__molecule-1-picture {  width: 772px; transform: translate(0px, -100px); }
    .exf__page .exf__molecule-1-img { transform: scaleY(-1) rotate(-22deg); }

    .exf__page .exf__molecule-2 { position: absolute;  left:calc(50% - 30px);  bottom: -210px; top: auto;}
    .exf__page .exf__molecule-2-picture {  width: 846px;  transform: translate(-770px, 0px); }
    .exf__page .exf__molecule-2-img { transform: rotate(-25deg) scaleX(-1); }

    .exf__page .exf__decor-1-picture { display: none; }
    .exf__page .exf__decor-2-picture { width: 100px; transform: translate(150px, 42px); }
    .exf__page .exf__decor-2-img { transform: rotate(-69deg);}

    .exf__page .exf__decor-3-picture { width: 120px; transform: translate(-347px, 852px); }
    .exf__page .exf__decor-3-img { transform: rotate(60deg);}

}

@media (min-width: 769px) { 

    .exf__page .exf__plant-1 {  left:calc(50% - 1100px);  }
    .exf__page .exf__plant-1-picture {  width: 1520px; transform:  translate(-750px, 0px); }
    .exf__page .exf__plant-1-img { transform: rotate(54.5deg); }
    .exf__page .exf__bubble-1-picture { width: 235px;  transform: translate(30px, 158px); }
    .exf__page .exf__bubble-1-img { transform: rotate(-161deg); }

    .exf__page .exf__plant-2 { right:calc(50% - 1100px);  }
    .exf__page .exf__plant-2-picture { width: 1430px; transform:  translate(895px, -248px);  }
    .exf__page .exf__plant-2-img { transform: rotate(-25.4deg); }
    .exf__page .exf__bubble-2-picture { width: 232px; transform: translate(-427px, 672px); }
    .exf__page .exf__bubble-2-img { }

    .exf__page .exf__decor-1-picture { width: 550px; transform: translate(410px, -200px); }
    .exf__page .exf__decor-1-img { }
    .exf__page .exf__decor-2-picture { width: 232px; transform: translate(-457px, 672px); }
    .exf__page .exf__decor-2-img { }
    .exf__page .exf__decor-3-picture { width: 220px; transform: translate(-297px, 852px); }
    .exf__page .exf__decor-3-img { transform: rotate(180deg);}

    .exf__page .exf__molecule-1 { position: absolute; top:0; left:calc(50% - 1100px);  }
    .exf__page .exf__molecule-1-picture {  width: 2032px;  transform: translate(-1100px, -270px); }
    .exf__page .exf__molecule-1-img { transform: scaleY(-1) rotate(-49.5deg); }

    .exf__page .exf__molecule-2 { position: absolute; top:0; left:calc(50% - 1100px);  }
    .exf__page .exf__molecule-2-picture {  width: 2360px; transform: translate(1195px, -55px); }
    .exf__page .exf__molecule-2-img { transform: rotate(44deg); }

}


/*   header    */

.exf__page .exf__bloc-header { position: relative; padding: 0; /*! height:2000px; */ /*! padding-top: 1000px; */  }

.exf__page .exf__header { --ratioHeaderWidth: 1px; /*! position: fixed; */ /*! top:var(--mainOffset); */ left:0; width: 100%; /*! height: calc(100vh - var(--mainOffset)); */ opacity: 1; transition:opacity 0.3s ease-out; padding-top: 270px;padding-bottom: 300px;}
.exf__page .exf__header.exf__hidden { opacity: 0; }

.exf__page .exf__header-body { position: relative; top:0; left:0; width: 100%; height: 100%; display: flex;flex-direction: column;justify-content: center;}
.exf__page .exf__header-content {position: relative; top:0; left:0; }

.exf__page .exf__header-title {text-align: center; text-transform: uppercase; }
.exf__page .exf__header-title-1 { font-size: calc(54 * var(--ratioHeaderWidth));line-height: 1.3em;  letter-spacing:-0.04em; display: block; }
.exf__page .exf__header-title-2 {font-size: calc(32 * var(--ratioHeaderWidth));line-height: 1.3em;   letter-spacing:-0.04em; display: block; max-width: calc(300 * var(--ratioHeaderWidth)); ; margin: 0 auto; }

@media (min-width: 769px) { 

    .exf__page .exf__bloc-header { padding-top: calc(100vh - var(--mainOffset)); }

    .exf__page .exf__header {  --ratioHeaderWidth: calc(100vw / 1264); height: calc(100vh - var(--mainOffset));  position: fixed; top:var(--mainOffset);  padding-top: 0; padding-bottom: 0; }

    .exf__page .exf__header-title-1 {font-size: calc(120 * var(--ratioHeaderWidth)); letter-spacing:-0.04em; line-height: 1.3em; }
    .exf__page .exf__header-title-2 {font-size: calc(60 * var(--ratioHeaderWidth)); letter-spacing:-0.04em; line-height: 1.3em; max-width: calc(825 * var(--ratioHeaderWidth)); margin: 0 auto; }

}

@media (min-width: 1264px) { 

    .exf__page .exf__header { --ratioHeaderWidth: 1px;   }

}


/*   pack    */

.exf__page .exf__pack { --ratioPackWidth: 1px; position: relative; top:0; left:0; width: 100%; opacity: 1; transition:opacity 0.3s ease-out; }
.exf__page .exf__pack.exf__hidden { opacity: 0; }


.exf__page .exf__pack-product { position: relative; top:0; left:0; width: 92%; display: flex;  flex-direction:column; align-items:center; justify-content:center; margin: 0 auto; opacity: 1; }

.exf__page .exf__pack-media-wrapper { width: 210px; padding-bottom: 32px; opacity:1; transition:opacity 0.5s; }
.exf__page .exf__pack-media-wrapper.exf__hidden { opacity: 0; }
.exf__page .exf__pack-media { width: 100%; transition:transform 0.5s ease-out;  }

.exf__page .exf__pack-body-wrapper { width: 100%; opacity:1; transition:opacity 0.5s; }
.exf__page .exf__pack-body-wrapper.exf__hidden { opacity: 0; }
.exf__page .exf__pack-body { display: flex;  flex-direction:column; align-items:center; justify-content:center; width: 100%; transition:transform 0.5s ease-out; }

.exf__page .exf__pack-content { padding-left: 0; text-align: center; }

.exf__page .exf__pack-suptitle { font-size: 14px; line-height: 1.2em; text-transform: uppercase; }
.exf__page .exf__pack-title { color:#9D6552; font-size: 32px; line-height: 1.2em; text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__pack-subtitle { color:#9D6552; font-size: 18px; line-height: 1.2em; text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); padding-bottom: 24px; }

.exf__page .exf__pack-cols-wrapper { width: 92%; max-width: 892px; margin: 0 auto;  opacity: 1;  transition:opacity 0.5s;  }
.exf__page .exf__pack-cols-wrapper.exf__hidden { opacity: 0; }

.exf__page .exf__pack-cols { display: flex; flex-direction:column; justify-content:center; padding-top: 80px; padding-bottom: 80px; transition:transform 0.5s ease-out;  }

.exf__page .exf__pack-col { width: 100%; text-align: center; }
.exf__page .exf__pack-col:nth-child(1) { padding-bottom: 40px; }
.exf__page .exf__pack-col-title {  color:#9D6552; font-size: calc(70 * var(--ratioPackWidth));line-height: 1em; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__pack-col-text { font-size: calc(24 * var(--ratioPackWidth));line-height: 1.45em; }

.exf__page .exf__pack-number {  color:#9D6552; font-size: calc(70 * var(--ratioPackWidth));line-height: 1em; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__pack-number-text { font-size: calc(24 * var(--ratioPackWidth));line-height: 1.2em; }


@media (min-width: 769px) { 

    .exf__page .exf__pack { --ratioPackWidth: calc(100vw / 1264); }

    .exf__page .exf__pack-product { width: calc(892 * var(--ratioPackWidth));  flex-direction:row; align-items: stretch; margin: 0 auto; }

    .exf__page .exf__pack-media-wrapper { width: calc(400 * var(--ratioPackWidth)); padding-bottom: 0; }

    .exf__page .exf__pack-body-wrapper { width: calc(100% - 400 * var(--ratioPackWidth)); }
    .exf__page .exf__pack-body { align-items:flex-start; justify-content:center; height: 100%;  }
    .exf__page .exf__pack-content { padding-left: calc(60 * var(--ratioPackWidth));  text-align: left;  }

    .exf__page .exf__pack-suptitle { font-size: calc(20 * var(--ratioPackWidth));line-height: 1.2em; }
    .exf__page .exf__pack-title {  font-size: calc(48 * var(--ratioPackWidth));line-height: 1.2em; }
    .exf__page .exf__pack-subtitle { font-size: calc(27 * var(--ratioPackWidth));line-height: 1.2em; padding-bottom: 16px; }

    .exf__page .exf__pack-cols { display: flex; flex-direction:row; justify-content:center; padding-top: 70px; padding-bottom: 0; transition:transform 0.5s ease-out;  }

    .exf__page .exf__pack-col { width: 50%; text-align: left; }
    .exf__page .exf__pack-col:nth-child(1) { border-right: solid 1px #9D6552;  padding-bottom:0; padding-right: 60px; text-align: right; }
    .exf__page .exf__pack-col:nth-child(2) { padding-left: 60px; }

}


@media (min-width: 1264px) { 

    .exf__page .exf__pack { --ratioPackWidth: 1px;   }

}



/*   collagen    */

.exf__page .exf__bloc-collagen {position: relative; top:0; left: 0; /*! height:680px; */  }

.exf__page .exf__collagen-wrapper {position: relative; top:0; left:0; width: 100%; height: 100%;  }


.exf__page .exf__collagen-body {position: relative; top:0; left:0; width: 100%; /*! height: 100%; */  }

.exf__page .exf__collagen {  --ratioCollagenWidth: 1px; }
.exf__page .exf__collagen {  position: relative; top:50%; top:0; left: 0; width: 100%; /*! height: 100%; */ /*! display: flex; */ /*! flex-direction:column; */ /*! align-items:center; */ /*! justify-content:center; */ padding-top: 320px;padding-bottom: 218px;}
.exf__page .exf__collagen {  opacity: 1;  transition:opacity 0.5s,  transform 0.5s; transform:translateY(0);   }
.exf__page .exf__collagen.exf__hidden { opacity: 0; }
.exf__page .exf__collagen[data-item="2"].exf__hidden { opacity: 0; transform:translateY(50px); }

.exf__page .exf__collagen-body { position: relative; top:0; left:0; width: 100%; /*! height: 100%; */  /*! display: flex; */  /*! flex-direction:column; */ /*! align-items:center; */ /*! justify-content:center; */ }
.exf__page .exf__collagen-content {position: relative; top:0; left:0; max-width: 332px; width: 92%; margin: 0 auto; }

.exf__page .exf__collagen-title {text-align: center; color:#9D6552; font-family: var(--GOTHAM-MEDIUM);  font-size: 40px; line-height: 1.2em; display: block; padding-bottom: 24px;  }
.exf__page .exf__collagen-subtitle {  text-align: center; color:#9D6552; font-size: 16px; line-height: 1.2em; }

.exf__page .exf__collagen[data-item="1"] .exf__collagen-title { width: 100%; max-width: 290px; margin: 0 auto; }


@media (min-width: 769px) { 

    .exf__page .exf__bloc-collagen { padding:0; }

    .exf__page .exf__collagen-wrapper { opacity: 1; transition:opacity 0.3s ease-out; position: fixed; top:var(--mainOffset); left:0;  width: 100%; height:calc(100vh - var(--mainOffset));  display: flex; align-items: center; }
    .exf__page .exf__collagen-wrapper.exf__hidden { opacity: 0; }


    .exf__page .exf__collagen {  --ratioCollagenWidth: calc(100vw / 1264); padding-top: 0;padding-bottom: 0; max-width: 1264px; margin: 0 auto;  }

    .exf__page .exf__collagen-content { max-width: unset; }

    .exf__page .exf__collagen-title { font-size: calc(60 * var(--ratioCollagenWidth)); line-height: 1.2em;  max-width: 710px;margin: 0 auto;}
    .exf__page .exf__collagen-subtitle {  font-size: calc(32 * var(--ratioCollagenWidth));line-height: 1.2em; }

    .exf__page .exf__collagen[data-item="1"] .exf__collagen-title { max-width: unset; }

    .exf__page .exf__collagen[data-item="2"] .exf__collagen-title { width: 100%; max-width: calc(710 * var(--ratioCollagenWidth)); margin: 0 auto; }
    .exf__page .exf__collagen[data-item="2"] .exf__collagen-subtitle { width: 100%; max-width: calc(785 * var(--ratioCollagenWidth)); margin: 0 auto; }

}

@media (min-width: 1264px) { 

    .exf__page .exf__collagen { --ratioCollagenWidth: 1px;   }

}


/*   new    */

.exf__page .exf__bloc-new {position: relative; top:0; left: 0; /* height:calc((100vh - var(--mainOffset)));  */ }
.exf__page .exf__new-wrapper {position: relative; top:0; left:0; width: 100%; height: 100%;  }

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

.exf__page .exf__new {  --ratioCollagenWidth: 1px; }
.exf__page .exf__new {  position: relative; top:0; top:0; left: 0; width: 100%; /* : calc((100vh - var(--mainOffset))); */ display: flex; flex-direction:column; align-items:center; justify-content:center; }
.exf__page .exf__new {  opacity: 1;  transition:opacity 0.5s,  transform 0.5s; transform:translateY(0);   }

.exf__page .exf__new-body { position: relative; top:0; left:0; width: 100%; /* height: calc(100vh - var(--mainOffset)); */  display: flex;  flex-direction:column; align-items:center; justify-content:center; }
.exf__page .exf__new-content {position: relative; top:0; left:0; width: 92%; margin: 0 auto; padding-bottom: 32px; max-width: 332px; }

.exf__page .exf__new-title {text-align: center; color:#9D6552; font-family: var(--GOTHAM-MEDIUM);  font-size: 40px; line-height: 1.2em; display: block; padding-bottom: 24px;  }
.exf__page .exf__new-subtitle {  text-align: center; color:#9D6552; font-size: 16px; line-height: 1.2em; }


@media (min-width: 769px) { 

    .exf__page .exf__bloc-new { padding:0; /* height:calc(100vh - var(--mainOffset)); max-height: 800px; */ }

    .exf__page .exf__new {  --ratioCollagenWidth: calc(100vw / 1264); max-width: 1264px; margin: 0 auto; }

    .exf__page .exf__new-content { padding-left: 15px; padding-right: 15px; max-width: unset; }

    .exf__page .exf__new-title { font-size: calc(60 * var(--ratioCollagenWidth)); line-height: 1.2em;   }
    .exf__page .exf__new-subtitle {  font-size: calc(32 * var(--ratioCollagenWidth));line-height: 1.2em;  }

}

@media (min-width: 1264px) { 

    .exf__page .exf__new { --ratioCollagenWidth: 1px;   }

}



/*   navigation    */

.exf__page .exf__navigation { --topNav: var(--mainOffset); height: 48px; transition:transform 0.5s;  transform: translateY(calc( (-1) * var(--topNav) - 50px)); position: fixed; top:var(--topNav); left:0; width: 100%; z-index:21; }
.exf__page .exf__navigation.exf__stacked  {  transform: translateY(0); }

.exf__page .exf__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;  }
.exf__page .exf__navigation.exf__opened .exf__navigation-content { max-height: 325px;  }

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

.exf__page .exf__navigation-handler-left { height: 44px; display: flex;align-items: center; color:#fff; width: calc(100% - 156px);position: relative;top: à;top: 0;left: 0;pointer-events: none;}
.exf__page .exf__navigation-handler-right { padding-right: 16px; display: flex;align-items: center; position: relative;}

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

.exf__page .exf__navigation-handler-arrow { background: url(../common/arrow-down-white-icon.svg) left top no-repeat;background-size: 100% auto;width: 24px;height: 24px;transform: rotate(0deg);transition: transform 0.3s;   pointer-events:none; }
.exf__page .exf__navigation.exf__opened .exf__navigation-handler-arrow { transform: rotate(180deg); }

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

.exf__page.exf__stack .exf__navigation-inside { position: fixed; top: var(--mainOffset); left: 0; z-index: 10; width: 100%; }

.exf__page .exf__navigation-inside .exf__cta-btn { padding-top: 0; padding-bottom: 0; height: 32px;  }
.exf__page .exf__navigation-handler .exf__cta-btn { margin-left: 16px; }
.exf__page .exf__navigation-content .exf__cta-btn { display: none; }


@media (max-width: 768px) { 

    .exf__page .exf__navigation-handler-left { width: calc(100% - 152px); }
    .exf__page .exf__navigation-handler-right { width: 152px; }

    .exf__page .exf__navigation .exf__navigation-handler-left::before { content: ""; background: url(../common/arrow-down-white-icon.svg) left top no-repeat; background-size:100% auto; height: 20px; width:20px; position: absolute; right:0; top:calc(50% - 12px); display: block; transition:transform 0.3s;}
    .exf__page .exf__navigation.exf__opened .exf__navigation-handler-left::before { transform:rotate(180deg); }

}


@media (min-width: 769px) { 

    .exf__page .exf__navigation {  height: 40px; }

    .exf__page .exf__navigation-inside  { height: 40px;  }

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

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

    .exf__page .exf__navigation-item a { text-transform: uppercase; }

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

    .exf__page .exf__navigation-content .exf__cta-btn { display: flex; }

}



/*   numbers     */

.exf__page .exf__numbers { display: flex; flex-direction:column; justify-content:center; align-items:center; padding-top: 15px; }

.exf__page .exf__numbers-number-primary { padding-bottom: 12px; display: flex; align-items:center; justify-content:center; flex-direction:column; width:238px; padding-top: 30px; }
.exf__page .exf__numbers-number { display: flex; align-items:flex-start; font-size: 86px; line-height:1em; }
.exf__page .exf__numbers-number-value {  font-family: var(--GOTHAM-EXTRALIGHT); text-align: center; }
.exf__page .exf__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) { 

    .exf__page .exf__numbers {  flex-direction:row; padding-top: 15px; width: 92%; max-width: 1264px; margin: 0 auto; }
    .exf__page .exf__numbers-number-primary { width: 25%;}

}



/*   results     */

.exf__page .exf__bloc-results { background: #fff; padding-bottom: 40px; }

.exf__page .exf__results { position: relative; left:0; top:0; width: 92%; max-width: 1264px; margin:0 auto; display: flex; flex-direction: column-reverse; }

.exf__page .exf__results-film { position: relative; left:0; top:0; width: 100%; }

.exf__page .exf__results-film-content {cursor: pointer;position: relative;top: 0;left: 0;width: 100%;display: block; }


.exf__page .exf__results-film-video { position: relative; left:0; top:0; width: 100%; }
.exf__page .exf__results-film-picture { width: 100%; height: 100%;  overflow: hidden; }
.exf__page .exf__results-film-img {width: 100%;height: 100%;display: block;object-fit: cover; }

.exf__page .exf__results-film-play {position: absolute;top: calc(50% - 26px);left: calc(50% - 26px);width: 52px;}

.exf__page .exf__results-film-youtube,
.exf__page .exf__results-film-vimeo { position: absolute;top: 0;left: 0;width: 100%;display: none;height: 100%; }

.exf__page .exf__results-film-youtube iframe,
.exf__page .exf__results-film-vimeo iframe { width: 100%;display: block; height: 100%; }

.exf__page .exf__results-film-video.exf__playing .exf__results-film-youtube,
.exf__page .exf__results-film-video.exf__playing .exf__results-film-vimeo { display: block;}
.exf__page .exf__results-film-video.exf__playing .exf__results-film-content { opacity: 0; }

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

.exf__page .exf__results-content {  text-align: center; padding: 32px 0; }
.exf__page .exf__results-title { font-size: 32px; line-height: 1.2em; padding-bottom: 8px; }
.exf__page .exf__results-subtitle { font-size: 14px; line-height: 1.45em; padding-bottom: 24px; }
.exf__page .exf__results-text {  font-size: 12px; line-height: 1.45em; }


@media (min-width: 769px) { 

    .exf__page .exf__results {  flex-direction: row; align-items:stretch; }

    .exf__page .exf__results-film { width:calc(50% - 16px); margin-right: 16px; }

    .exf__page .exf__results-body { width:calc(50% - 16px); margin-left: 16px; align-items:center; }
    .exf__page .exf__results-content {  text-align: left; padding: 0px; }

    .exf__page .exf__results-title { padding-bottom: 8px; font-size: 38px; line-height: 1.2em; }
    .exf__page .exf__results-subtitle { font-size: 16px; line-height: 1.45em; padding-bottom: 16px; }

}




/*   refillable     */

.exf__page .exf__bloc-refillable { width: 100%; padding:60px 0; margin-bottom: 40px; }

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

.exf__page .exf__refillable-body { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; top:0; left:0; max-width:912px; margin:0 auto; } 

.exf__page .exf__refillable-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; }

.exf__page .exf__refillable-pack { width: 100vw; height:100vw; position: relative; overflow: hidden; }
.exf__page .exf__refillable-picture { width: 100%; position: absolute; top:0; left:0; opacity: 0; }
.exf__page .exf__refillable-picture[data-visible="1"] { opacity: 1; }
.exf__page .exf__refillable-picture[data-item="1"] { position: relative; opacity: 1; }
.exf__page .exf__refillable-img { position: absolute; top:0; left:0; }

.exf__page .exf__refillable-left,
.exf__page .exf__refillable-right { width: 100%; position: relative; z-index: 2; }

.exf__page .exf__refillable-title { padding-bottom: 60px; text-align: center; font-size: 40px; line-height: 1.2em; }
.exf__page .exf__refillable-subtitle { font-size:24px; line-height:1.2em; padding-bottom: 32px; font-family: var(--GOTHAM-MEDIUM);  }

.exf__page .exf__refillable-number-primary { display: flex; align-items:center; justify-content:center; flex-direction:column; }

.exf__page .exf__refillable-number { display: flex; align-items:flex-start; color: #9D6552; font-size: 80px; line-height:1em; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__refillable-number-value { min-width: 80px; text-align: right; }
.exf__page .exf__refillable-number-glyph { font-size: 0.7em; line-height: 1em; }
.exf__page .exf__refillable-number-text {  font-size: 20px; line-height: 1.2em; text-align: center; }

.exf__page .exf__refillable-howtouse { }
.exf__page .exf__refillable-items {  }
.exf__page .exf__refillable-item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom: 8px;}
.exf__page .exf__refillable-item-number { color: #fff; background: #9D6552; border-radius: 50%; width: 36px; height: 36px; display: block; font-size: 24px; line-height: 36px; text-align: center; }
.exf__page .exf__refillable-item-text { font-size:20px; line-height:1.2em; }


@media (max-width: 768px) { 

    .exf__page .exf__refillable-subtitle { text-transform: uppercase; text-align: center; }
    .exf__page .exf__refillable-item-text { padding-top: 12px; }

}

@media (min-width: 769px) { 

    .exf__page .exf__bloc-refillable { padding:80px 0; }
    .exf__page .exf__refillable {  flex-direction: row; }

    .exf__page .exf__refillable-pack { width: 328px; height:600px; position: relative; overflow: hidden; }
    .exf__page .exf__refillable-img { transform:scale(4) translateY(52px); }

    .exf__page .exf__refillable-body { }
    .exf__page .exf__refillable-content { flex-direction: row; justify-content: center; align-items: center; }
    
    .exf__page .exf__refillable-left,
    .exf__page .exf__refillable-right { width: calc( (100% - 328px) * 0.5); position: relative; z-index: 2; }

    .exf__page .exf__refillable-title { padding-bottom: 60px; font-size: 60px; line-height: 1.2em; }
    .exf__page .exf__refillable-subtitle { font-size:32px; line-height:1.2em;padding-bottom: 40px; }

    .exf__page .exf__refillable-number-primary { align-items:flex-end; justify-content:center; }
    
    .exf__page .exf__refillable-howtouse { width: 90%; max-width: 236px; }

    .exf__page .exf__refillable-item { flex-direction: row; justify-content: flex-start; align-items: center; padding-bottom: 24px; }
    .exf__page .exf__refillable-item:last-child { padding-bottom: 0; }
    .exf__page .exf__refillable-item-text { padding-left: 16px; width: calc(100% - 36px); }

}




/*   tiles     */

.exf__page .exf__bloc-tiles {  }

.exf__page .exf__tiles { --tileRatio:1px; background: #FFF0E9; position: relative; left:0; top:0; width: 100%; display: flex; flex-direction: column; align-items:center;  }

.exf__page .exf__tile-content {  }

.exf__page .exf__tile-suptitle { text-transform: uppercase; }
.exf__page .exf__tile-title { }
.exf__page .exf__tile-text {}

.exf__page .exf__tiles { display: flex; justify-content:center; }
.exf__page .exf__tile { position: relative; top:0; left:0; width: 100%;  height:calc(198 * var(--tileRatio)); overflow: hidden; padding: 0; transition:all 0.5s; }
.exf__page .exf__tile-inside { position: relative;width: 100%;  height: 100%; display: block;  transition:all 0.5s; overflow: hidden; }
.exf__page .exf__tile-img {  transition:all 0.5s;  }

.exf__page .exf__tile-bkgd { position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; }
.exf__page .exf__tile-picture { display:block; width: 100%; height: 100%; }

.exf__page .exf__tile-title { position: absolute; bottom:calc(8 * var(--tileRatio)); left:calc(16 * var(--tileRatio)); color:#fff; font-size: calc(18 * var(--tileRatio)); line-height: 1em; font-family:var(--GOTHAM-MEDIUM); opacity: 1; transition:opacity 0.3s 0.5s; }
.exf__page .exf__tile[data-open="2"]  .exf__tile-title {  opacity: 0;  transition:opacity 0s 0s; }

.exf__page .exf__tile-body { height: 100%;  }
.exf__page .exf__tile-content { position: relative; opacity: 0;  transition:opacity 0; }
.exf__page .exf__tile[data-open="1"] .exf__tile-content { opacity: 1; transition:opacity 0.5s 0.5s; }

.exf__page .exf__tile[data-item="1"] { }
.exf__page .exf__tile[data-item="2"] { }
.exf__page .exf__tile[data-item="3"] { }

.exf__page .exf__tile-overlay { display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background:transparent; }

.exf__page .exf__tile-close { position: absolute; top:calc(8 * var(--tileRatio)); left: calc(8 * var(--tileRatio));width: calc(50 * var(--tileRatio)); height: calc(50 * var(--tileRatio)); display:flex; justify-content:center; align-items:center; }
.exf__page .exf__tile-close-text { display: block; font-size: calc(64 * var(--tileRatio)); text-align: center; line-height: 1em; }

.exf__page .exf__tile-content-title { font-size: calc(20 * var(--tileRatio)); line-height: 1em; font-family:var(--GOTHAM-MEDIUM); padding-bottom: calc(8 * var(--tileRatio)); }
.exf__page .exf__tile-content-subtitle { font-size: calc(14 * var(--tileRatio)); line-height: 1.45em; }
.exf__page .exf__tile-content-text { font-size: calc(12 * var(--tileRatio)); line-height: 1.45em; }

.exf__page .exf__tile-numbers {  }

.exf__page .exf__tile-number { display: flex; flex-direction:row; align-items:flex-start; justify-content:flex-end; font-size: calc(32 * var(--tileRatio)); line-height:0.8em; }
.exf__page .exf__tile-number-value { min-width: calc(80 * var(--tileRatio)); text-align: right; }
.exf__page .exf__tile-number-glyph { font-size: 0.5em; line-height: 1em; }
.exf__page .exf__tile-number-text {  font-size: calc(12 * var(--tileRatio)); line-height: 1.45em; text-align: right; display: block; }

.exf__page .exf__tile-number-primary { color:#fff; padding-bottom: calc(24 * var(--tileRatio)); }
.exf__page .exf__tile-number-primary .exf__tile-number {  font-size: calc(56 * var(--tileRatio)); }
.exf__page .exf__tile-number-value { min-width: calc(176 * var(--tileRatio));}
.exf__page .exf__tile-number-primary .exf__tile-number-text {  font-size: calc(16 * var(--tileRatio)); line-height: 1.45em; }

.exf__page .exf__tile-number-secondary {  padding-bottom: calc(16 * var(--tileRatio)); }

.exf__page .exf__tiles-bottom { background: #fff;  }
.exf__page .exf__tiles-cta { padding-top: 32px; text-align: center; }

@media (max-width: 768px) { 

    .exf__page .exf__tile-numbers {  flex-wrap: wrap; }

    .exf__page .exf__tiles { --tileRatio:calc(100vw / 376); transform:translateY(100px); transition:transform 0.3s ease-out;}

    .exf__page .exf__tiles.exf__visible { transform:translateY(0); }

    .exf__page .exf__tile { position: relative; top:0; left:0; height:calc(198 * var(--tileRatio)); }

    .exf__page .exf__tiles[data-open="1"] .exf__tile[data-open="1"] { height: calc(3 * 198 * var(--tileRatio)); }

    .exf__page .exf__tile-img { display:block; width: 100%; transition:all 0.65s; }

    .exf__page .exf__tile[data-item="1"] .exf__tile-img {width: calc(680 * var(--tileRatio));  -webkit-transform: scale(0.56) translate(-23%,-2%); transform:scale(0.56) translate(-23%,-2%); -webkit-transform-origin: 29% 0%; transform-origin:29% 0%; }
    .exf__page .exf__tile[data-item="1"][data-open="1"] .exf__tile-img { -webkit-transform: scale(1) translate(-22%,0%); transform:scale(1) translate(-22%,0%);  }

    .exf__page .exf__tile[data-item="1"] .exf__tile-content {position: absolute; top:calc(342 * var(--tileRatio)); left:0; width: 100%; text-align: center; color: #FFF; text-align: center; display: flex; flex-direction:column; align-items:flex-end; }

    .exf__page .exf__tile[data-item="1"] .exf__tile-content-title{ font-size: calc(24 * var(--tileRatio)); line-height: 1em;  max-width: calc(268 * var(--tileRatio));  padding-bottom: 8px; margin: 0 auto; }
    .exf__page .exf__tile[data-item="1"] .exf__tile-content-subtitle-1{ max-width: calc(240 * var(--tileRatio));  padding-bottom: 8px; margin: 0 auto; }
    .exf__page .exf__tile[data-item="1"] .exf__tile-content-subtitle-2{ max-width: calc(268 * var(--tileRatio)); margin: 0 auto;  }

    .exf__page .exf__tile[data-item="2"] .exf__tile-img { width: calc(732 * var(--tileRatio)); -webkit-transform:scale(0.675) translate(-22%, -5%); transform:scale(0.675) translate(-22%, -5%); -webkit-transform-origin: 40% 0%; transform-origin:40% 0%;  }
    .exf__page .exf__tile[data-item="2"][data-open="1"] .exf__tile-img { -webkit-transform:scale(1) translate(-22%,0); transform:scale(1) translate(-22%,0);  }

    .exf__page .exf__tile[data-item="2"] .exf__tile-content {position: absolute; top:calc(280 * var(--tileRatio)); left:0; width: 100%; text-align: center; color: #FFF; }
    .exf__page .exf__tile[data-item="2"] .exf__tile-content-1 {padding-bottom: 24px; }
    .exf__page .exf__tile[data-item="2"] .exf__tile-content-2 {padding-bottom: 24px; }

    .exf__page .exf__tile[data-item="3"] .exf__tile-img { width: calc(470 * var(--tileRatio)); -webkit-transform:scale(1) translate(-15%, -28%); transform:scale(1) translate(-15%, -28%);   -webkit-transform-origin: 50% 0%; transform-origin:50% 0%; }
    .exf__page .exf__tile[data-item="3"][data-open="1"] .exf__tile-img { -webkit-transform:scale(1) translate(-2%,0%); transform:scale(1) translate(-2%,0%); }

    .exf__page .exf__tile[data-item="3"] .exf__tile-body { display: flex; align-items:center; }
    .exf__page .exf__tile[data-item="3"] .exf__tile-content {margin-left:calc(24 * var(--tileRatio)); text-align: right; width:calc(154 * var(--tileRatio)); position: absolute; top:calc(120 * var(--tileRatio)); left:0; }

}

@media (min-width: 2500px) {

   .exf__page .exf__tiles {   --tileRatio:1px; max-width: 2500px; margin:0 auto; }

}


@media (min-width: 769px) { 

    .exf__page .exf__tiles { --tileRatio:calc(100vw / 2200); }
    .exf__page .exf__bloc-tiles { padding-bottom: 63px; }

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

    .exf__page .exf__tile { position: relative; width: calc(100% / 3);  height: calc(892 * var(--tileRatio)); }
    .exf__page .exf__tile[data-item="1"], 
    .exf__page .exf__tile[data-item="2"], 
    .exf__page .exf__tile[data-item="3"]  { top:0; }

    .exf__page .exf__tiles[data-open="1"] .exf__tile[data-open="0"] { width: calc(280 * var(--tileRatio)); }
    .exf__page .exf__tiles[data-open="1"] .exf__tile[data-open="2"] { width: calc(280 * var(--tileRatio)); }
    .exf__page .exf__tiles[data-open="1"] .exf__tile[data-open="1"] { width: calc(100% - 2 * 280 * var(--tileRatio)); }

    .exf__page .exf__tile-overlay { cursor: pointer; }
    .exf__page .exf__tile-close { top:calc(32 * var(--tileRatio)); left: calc(32 * var(--tileRatio));width: calc(64 * var(--tileRatio)); height: calc(64 * var(--tileRatio)); }
    .exf__page .exf__tile-close-text { font-size: calc(96 * var(--tileRatio));  line-height: 1em; }

    .exf__page .exf__tile-title { bottom:calc(24 * var(--tileRatio)); left:calc(32 * var(--tileRatio)); font-size: calc(36 * var(--tileRatio)); line-height: 1em; }

    .exf__page .exf__tile-media {  }
    .exf__page .exf__tile-picture { }
    .exf__page .exf__tile-img { display:block; width: calc((2200 - 2 * 280 ) * var(--tileRatio)); height: 100%; width: auto; }

    .exf__page .exf__tile[data-item="1"] .exf__tile-img { -webkit-transform: translateX(-55%); transform:translateX(-42%);  -webkit-transform-origin: 50% 50%; transform-origin:50% 50%; }
    .exf__page .exf__tile[data-item="1"][data-open="2"] .exf__tile-img { -webkit-transform: translateX(-50%); transform:translate(-56%); }
    .exf__page .exf__tile[data-item="1"][data-open="1"] .exf__tile-img { -webkit-transform: translateX(-22%); transform:translate(0%);  }

    .exf__page .exf__tile[data-item="1"] .exf__tile-body { display: flex; align-items:center; padding-left: calc(290 * var(--tileRatio)); }
    .exf__page .exf__tile[data-item="1"] .exf__tile-content { text-align: right; max-width: calc(338 * var(--tileRatio)); width: 100%; display: flex; flex-direction:column; align-items:flex-end; }

    .exf__page .exf__tile[data-item="1"] .exf__tile-content-title{ max-width: calc(300 * var(--tileRatio));  }
    .exf__page .exf__tile[data-item="1"] .exf__tile-content-subtitle-1{ max-width: calc(300 * var(--tileRatio));  }
    .exf__page .exf__tile[data-item="1"] .exf__tile-content-subtitle-2{ max-width: calc(300 * var(--tileRatio));  }

    .exf__page .exf__tile[data-item="2"] .exf__tile-content {color: #000; }
    .exf__page .exf__tile[data-item="2"] .exf__tile-img {-webkit-transform:scale(1.8) translate(-13%, 0%); transform:scale(1.8) translate(-13%, 0%); -webkit-transform-origin: 50% 50%; transform-origin:50% 50%;  }
    .exf__page .exf__tile[data-item="2"][data-open="2"] .exf__tile-img {  -webkit-transform:scale(1) translate(-31.5%, -19%);  transform:scale(1) translate(-39%, 0%); }
    .exf__page .exf__tile[data-item="2"][data-open="1"] .exf__tile-img { -webkit-transform:scale(1.5) translate(-18%,-22%); transform:scale(1.75) translate(2%,-16%);  }

    .exf__page .exf__tile[data-item="2"] .exf__tile-content-1 {position: absolute; top:calc(585 * var(--tileRatio)); left:calc(170 * var(--tileRatio)); text-align: center; width:calc(480 * var(--tileRatio)); }
    .exf__page .exf__tile[data-item="2"] .exf__tile-content-2 {position: absolute; top:calc(715 * var(--tileRatio)); left:calc(570 * var(--tileRatio)); text-align: center; width:calc(510 * var(--tileRatio));}
    .exf__page .exf__tile[data-item="2"] .exf__tile-content-3 {position: absolute; top:calc(585 * var(--tileRatio)); left:calc(1020 * var(--tileRatio)); text-align: center; width:calc(480 * var(--tileRatio));}

    .exf__page .exf__tile[data-item="3"] .exf__tile-img { -webkit-transform:scale(1.75) translate(3.5%, -21%); transform:scale(2.15) translate(-13%, -17%); }
    .exf__page .exf__tile[data-item="3"][data-open="2"] .exf__tile-img { -webkit-transform:scale(1) translate(-40.5%, 0%); transform:scale(1) translate(-40.5%, 0%);  }
    .exf__page .exf__tile[data-item="3"][data-open="1"] .exf__tile-img { -webkit-transform:scale(2.2) translate(36%,-14.5%); transform:scale(2.5) translate(3%,-10%); }

    .exf__page .exf__tile[data-item="3"] .exf__tile-body { display: flex; align-items:center; }

    .exf__page .exf__tile[data-item="3"] .exf__tile-img {width: calc(1860 * var(--tileRatio)); height: auto; transform:scale(0.825) translate(-49%,-36%); -webkit-transform-origin: 100% 0%; transform-origin:100% 0%; }
    .exf__page .exf__tile[data-item="3"][data-open="1"] .exf__tile-img {  transform:scale(1) translate(0%,-34%);  }
    .exf__page .exf__tile[data-item="3"][data-open="2"] .exf__tile-img {  transform:scale(0.4) translate(-106%, -6%); transform-origin:50% 0%;  }

    .exf__page .exf__tile-content-title { font-size: calc(32 * var(--tileRatio)); line-height: 1em; padding-bottom: calc(8 * var(--tileRatio)); }
    .exf__page .exf__tile-content-subtitle { font-size: calc(18 * var(--tileRatio)); line-height: 1.45em; padding-bottom: calc(8 * var(--tileRatio)); }
    .exf__page .exf__tile-content-text { font-size: calc(16 * var(--tileRatio)); line-height: 1.45em; }

    .exf__page .exf__tile-number { font-size: calc(60 * var(--tileRatio)); line-height:0.8em; }
    .exf__page .exf__tile-number-value { min-width: calc(80 * var(--tileRatio));  }
    .exf__page .exf__tile-number-text {  font-size: calc(16 * var(--tileRatio)); line-height: 1.45em; }

    .exf__page .exf__tile-number-primary { padding-bottom: calc(60 * var(--tileRatio)); }
    .exf__page .exf__tile-number-primary .exf__tile-number {  font-size: calc(96 * var(--tileRatio)); }
    .exf__page .exf__tile-number-primary .exf__tile-number-text {  font-size: calc(24 * var(--tileRatio)); line-height: 1.45em; }

    .exf__page .exf__tile-number-secondary {  padding-bottom: calc(32 * var(--tileRatio)); }

    .exf__page .exf__tile[data-item="3"] .exf__tile-content {margin-left:calc(105 * var(--tileRatio)); width:calc(300 * var(--tileRatio));}

}




/*   Sample    */

.exf__page .exf__bloc-sample { padding: 60px 0 32px 0;  background: #fff; }

.exf__page .exf__sample { width: 92%; max-width:832px; margin: 0 auto; background: #FFF0E9; border-radius: 8px; overflow: hidden; padding: 24px 16px 16px 16px; }

.exf__page .exf__sample-inside { display: flex;  flex-direction:column; justify-content:center; position: relative; top: 0; left: 0; }

.exf__page .exf__sample-media { width:38%; max-width: 143px; margin: 0 auto; }

.exf__page .exf__sample-content { text-align: center;  padding-top: 24px; }

.exf__page .exf__sample-title { font-size: 32px; line-height: 1.2em; padding-bottom: 16px; }
.exf__page .exf__sample-text { padding-bottom: 24px;  }

.exf__page .exf__sample-legend { font-size: 10px; line-height: 1.45em; color: #797674; }
.exf__page .exf__sample-bottom { display: flex; flex-direction: column; justify-content: center; }

.exf__page .exf__sample-more { padding-top:28px; text-align: center; position: relative; top: 0; left: 0; }
.exf__page .exf__sample-more-handler { font-size: 10px; line-height: 1.45em; position: relative; }
.exf__page .exf__sample-more-handler span { cursor: pointer; text-decoration: underline; }

.exf__page .exf__sample-more-panel { max-height: 0; transition: max-height 0.5s; overflow: hidden; }
.exf__page .exf__sample-more[data-open="1"] .exf__sample-more-panel { max-height: 200px; }
.exf__page .exf__sample-more[data-open="1"] .exf__sample-more-handler span::after { transform: rotate(180deg); }

.exf__page .exf__sample-link { position: absolute; bottom: 15px; }

.exf__page .exf__sample-cta .button--primary { width: unset; }


@media (min-width: 769px) { 


    .exf__page .exf__bloc-tiles { background: #fff; }

    .exf__page .exf__bloc-sample { padding: 80px 0 40px 0;  background: #fff; }

    .exf__page .exf__sample { hidden; padding: 32px 40px 32px 70px; }

    .exf__page .exf__sample-inside {  flex-direction:row; }

    .exf__page .exf__sample-media { width: 157px; margin: 0; }

    .exf__page .exf__sample-body { width: calc(100% - 157px); padding: 0  0 0 70px; }
    .exf__page .exf__sample-content { text-align: left; padding-top: 0;  }

    .exf__page .exf__sample-title { padding-bottom: 4px;  }

    .exf__page .exf__sample-bottom { flex-direction: row; justify-content: space-around; }

    .exf__page .exf__sample-cta { white-space: nowrap; }

    .exf__page .exf__sample-more { text-align: right; padding:10px 0 0 15px; }
    .exf__page .exf__sample-more-handler:hover span { text-decoration: none; }

}



/*   Sets    */

.exf__page .exf__bloc-sets { text-align: center; background: #fff; padding: 32px 0; }

.exf__page .exf__sets-title { font-size: 32px; line-height: 1.2em;  padding-bottom: 40px; max-width: 92%; margin: 0 auto; }

.exf__page .exf__sets-wrapper {position: relative;top: 0;left: 0; width: 100%;  }
.exf__page .exf__sets {position: relative;top: 0;left: 0;width: 100%; margin: 0 auto; display: flex; justify-content:center; border-left:solid 1px #d3ccc8; }
.exf__page .exf__set { background: #fff;  width: 292px; border:solid 1px #d3ccc8; border-left:none; display: flex; align-items:center; justify-content:center;  }

.exf__page .exf__sets-cta { margin-top: 40px; text-align: center; }


@media (min-width: 768px) { 

    .exf__page .exf__sets-wrapper { width: calc(100% - 64px); max-width:1264px; margin: 0 auto; }

    .exf__page .exf__sets-wrapper:after { content: ""; background: #fff; height: 100%; width: calc(50vw - 50%); display: block; position: absolute; left:-60px; top:0; }
    .exf__page .exf__sets-wrapper:before { content: ""; background: #fff; height: 100%; width: calc(50vw - 50%); display: block; position: absolute; right:-60px; top:0; z-index: 1;}

    .exf__page .exf__sets { }
    .exf__page .exf__bloc-sets .exf__bloc-text { width:90%; }
}

@media (min-width: 900px) { 
    .exf__page .exf__sets { border-left:none; }
    .exf__page .exf__set { border-left:solid 1px #d3ccc8; }
}

@media (min-width: 1264px) { 

    .exf__page .exf__sets-wrapper { width: 100%; }

    .exf__page .exf__sets-wrapper:after { left: calc(50% - 50vw); width: calc(50vw - 632px - 32px); }
    .exf__page .exf__sets-wrapper:before { left: calc(50% + 632px + 32px); right:auto; width: calc(50vw - 632px -32px); }

}



/*   facial   */

.exf__page .exf__bloc-facial { margin-top:0; padding-top: 80px; z-index: 2; background: #fff; }

.exf__page .exf__facial { position:relative; top:0; left:0; text-align: center; width: 90%; max-width:832px; margin: 0 auto; color:var(--COLOR-DEFAULT); background: #FFF0E9; display: flex; flex-direction: row; justify-content:center; border-radius: 16px;  }

.exf__page .exf__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; }
.exf__page .exf__facial-media iframe { width: 202px; height: calc(202px * 16 / 9); display: block;}

.exf__page .exf__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; }
.exf__page .exf__facial-content { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

.exf__page .exf__facial-suptitle { color:#9D6552; font-size: 32px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__facial-title { color:#9D6552; font-size: 32px; line-height: 1.2em; padding-bottom: 4px; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__facial-text { padding-bottom: 16px;  }

.exf__page .exf__facial-content-left { }

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

.exf__page .exf__facial-qrcode { display: none; }

.exf__page .exf__facial-expert { position:relative; top:0; left:0; display: flex; align-items:flex-start; justify-content:stretch; flex-direction:row; padding-left: 44px; }
.exf__page .exf__facial-expert-body { position:relative; top:0; left:0; background: #fff; border-radius: 52px; border-radius: var(--RADIUS); padding: 12px 24px 12px 54px; }
.exf__page .exf__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; }
.exf__page .exf__facial-expert-content { }
.exf__page .exf__facial-expert-name { font-size: 17px; line-height: 1.2em; color:#9D6552; padding-bottom: 4px; font-family: var(--GOTHAM-MEDIUM); }
.exf__page .exf__facial-expert-text { text-transform: uppercase; font-size: 10px; line-height: 1.45em; }


@media (min-width: 769px) { 

    .exf__page .exf__bloc-facial { padding-top: 80px; padding-bottom: 60px; border-radius: 24px;   }

    .exf__page .exf__facial { text-align: left;  }

    .exf__page .exf__facial-media { top:calc(50% - 185px); left:100px; }

    .exf__page .exf__facial-body { padding: 32px 40px 32px 380px; align-items: flex-start;  }
    .exf__page .exf__facial-content { flex-direction: row; align-items: flex-start; justify-content: space-between; }

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

    .exf__page .exf__facial-qrcode { width: 92px; display: block; }

    .exf__page .exf__facial-content-right { }
    .exf__page .exf__facial-content-right-text { display:block; }
    .exf__page .exf__facial-content-right-link { display:none; }

}



/*  faq */

.exf__page .exf__bloc-faq { padding-top: 60px; padding-right: 0; padding-left: 0; background: #fff; }

.exf__page .exf__faq { position: relative;top: 0;left: 0; }
.exf__page .exf__faq-title { color:#333; font-family:var(--GOTHAM-BOOK); text-align: center; padding-bottom: 24px; font-size: 32px; line-height: 1.4em;  width: 92%; margin: 0 auto; }
.exf__page .exf__faq-text { font-size: 17px; line-height: 1.45em; text-align: center; padding-bottom: 38px;  }

.exf__page .exf__faq-items {
  width: 92%;
  max-width: 832px;
  height: auto;
  display: block;
  vertical-align: top;
  margin: 0 auto;
  border-top: solid 1px #000;
}
.exf__page .exf__faq-item {
  height: 40px;
  display: block;
  transition: height ease-in-out 0.5s;
  overflow: hidden;
  border-bottom: 1px solid #000;
}
.exf__page .exf__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;
}

.exf__page .exf__faq-item[data-open="1"] .exf__faq-item-handler:after {  transform:rotate(0deg); }

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

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


.exf__page .exf__faq-item-answer a.exf__underline { color:#000; }

@media (max-width: 768px) { 

  .exf__page .exf__bloc-faq { padding: 32px 0 32px 0; }
  .exf__page .exf__faq-title { max-width: 92%; margin: 0 auto; } 
  .exf__page .exf__faq-item-handler { padding: 16px 35px 16px 0; }

}

@media (min-width: 768px) { 

    .exf__page .exf__bloc-faq { padding-bottom: 60px; }
    .exf__page .exf__faq-item a.exf__underline:hover { color:#000; }

}



/*  services */

.exf__page .exf__bloc-services { background: #fff; }

.exf__page .exf__services { display: flex; justify-content:center; }

.exf__page .exf__service { position: relative; top:0; left: 0; }


.exf__page .exf__service-media { width: 100%; }

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

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

.exf__page .exf__bloc-services .exf__container { width: 100%; }
.exf__page .exf__service { width: calc(50% - 1px); border: 1px solid #CFCAC9; display: flex; align-items:center; flex-direction:column; width: 100%; }

.exf__page .exf__services-title { width: 80%; margin: 0 auto; }

.exf__page .exf__services-wrapper { max-width: 100%; position: relative;top: 0;left: 0; }
.exf__page .exf__services { border-left:solid 1px #d3ccc8; }
.exf__page .exf__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) { 

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

}
*/


@media (min-width: 1023px) { 
    .exf__page .exf__services { border-left:none; }
    .exf__page .exf__service { border-left:solid 1px #d3ccc8; }

}

@media (min-width: 768px) { 

    .exf__page .exf__bloc-services { padding: 60px 0; }
    .exf__page .exf__services-wrapper { width:1264px;  max-width: 92%; margin: 0 auto; }

}



/*  legendes */

.exf__page .exf__bloc-legendes { background: #fff;  }

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


@media (min-width: 768px) { 

    .exf__page .exf__legende { text-align: left; }

}



/*    Swiper    */

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


.exf__page .exf__advent-popin-products .swiper-container { overflow: unset; }
.exf__page .exf__sets  .swiper-container { overflow: unset; }

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

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

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

.exf__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;
}
.exf__page .swiper-container-android .swiper-slide,
.exf__page .swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0);
}
.exf__page .swiper-container-multirow > .swiper-wrapper {
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.exf__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;
}
.exf__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;
}

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

.exf__page .swiper-slide-invisible-blank {
   visibility: hidden;
}
/* Auto Height */
.exf__page .swiper-container-autoheight,
.exf__page .swiper-container-autoheight .swiper-slide {
   height: auto;
}
.exf__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 */
.exf__page .swiper-container-wp8-horizontal,
.exf__page .swiper-container-wp8-horizontal > .swiper-wrapper {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
}
.exf__page .swiper-container-wp8-vertical,
.exf__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
}

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

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

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

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

.exf__page .swiper-pagination {
   position: relative; 
   top:0; 
   left:50%;
   transform:translateX(-50%);
   text-align: center;

}

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


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

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

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

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

*/


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

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

.exf__page .exf__advent-routines-wrapper  .swiper-container { overflow: unset; }

.exf__page .exf__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); }
.exf__page .exf__advent-routines-wrapper .swiper-button-disabled { display: none; }

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

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


@media (max-width: 768px) { 

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

}