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



/*  ------  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: #fff; 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); font-weight: 500; }

.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; font-size: 0.5em; top: 0.6em; vertical-align: text-top; }

.exf__page strong { font-family: var(--GOTHAM-MEDIUM); font-weight: 500; }

.exf__page .exf__suptitle { font-size: 14px;line-height: 1.2em; }
.exf__page .exf__title { font-size: 24px;line-height: 1.2em; font-family: var(--GOTHAM-BOOK); }
.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 .exf__cta-white .exf__cta-text {  color: var(--COLOR-DEFAULT); }

.exf__page a.exf__link { color: var(--COLOR-DEFAULT); text-decoration: underline; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; 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__data  { display: none; }

/*
.exf__page .exf__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; }
*/
.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__group { position: relative; }

.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; }
    .exf__page .exf__title { font-family: var(--GOTHAM-MEDIUM); font-weight: 500; }

}


@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: 32px; line-height: 1.2em; }
    .exf__page .exf__subtitle { font-size: 16px; 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 { }

}





/*   header    */

.exf__page .exf__header { --headerRatio :calc(100vw / 376);  width: 100%; max-width: 1264px; margin: 0 auto; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }

.exf__page .exf__header-media { width: 100%; display: block; }

.exf__page .exf__header-body { position: absolute; top:calc(305 * var(--headerRatio)); left:0; width:100%; }
.exf__page .exf__header-content { color: #000; width: 92%; max-width: calc(508 * var(--headerRatio)); margin: 0 auto; text-align: left; } 

.exf__page .exf__header-suptitle { font-size:calc(16 * var(--headerRatio)); line-height:1.2em; padding-bottom: calc(4 * var(--headerRatio)); }
.exf__page .exf__header-title { font-size:calc(35 * var(--headerRatio)); line-height:1.2em; text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; }
.exf__page .exf__header-subtitle { font-size:calc(18 * var(--headerRatio)); line-height:1.2em;  text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: calc(16 * var(--headerRatio)); }
.exf__page .exf__header-subtitle sup { font-size: 0.575em; top: 0.55em; }

.exf__page .exf__header-text { text-transform: uppercase; }
.exf__page .exf__header-texts { border-left:solid 1px #000; padding-left: 8px; }
.exf__page .exf__header-number { font-size:calc(28 * var(--headerRatio)); line-height:1em; }
.exf__page .exf__header-number small { font-size:calc(16 * var(--headerRatio)); line-height:1em; }


@media (min-width: 769px) { 

    .exf__page .exf__header { --headerRatio :calc(100vw / 1264);  height: calc(600 * var(--headerRatio)); }

    .exf__page .exf__header-media { position: absolute; top:0; left:calc(50% - 1100 * var(--headerRatio)); width: calc(2200 * var(--headerRatio)); height: 100%; }
    .exf__page .exf__header-picture { width: 100%;  height: 100%; }
    .exf__page .exf__header-img { height: 100%; object-fit:cover;  }

    .exf__page .exf__header-body { position: relative; top:0; left:calc(50% + 120 * var(--headerRatio)); width:calc(50vw - 60 * var(--headerRatio)); height:100%; display:flex; flex-direction:row; align-items:center; } 
    .exf__page .exf__header-content {width: 100%; max-width: 500px; margin: 0; padding: 0; } 

    .exf__page .exf__header-suptitle { font-size:calc(20 * var(--headerRatio)); line-height:1.2em; padding-bottom: calc(4 * var(--headerRatio)); }
    .exf__page .exf__header-title { font-size:calc(48 * var(--headerRatio)); line-height:1.05em; }
    .exf__page .exf__header-subtitle { font-size:calc(27 * var(--headerRatio)); line-height:1.05em; padding-bottom: calc(16 * var(--headerRatio)); }
    .exf__page .exf__header-text { }
    .exf__page .exf__header-number { font-size:calc(30 * var(--headerRatio)); line-height:1em; }
    .exf__page .exf__header-number small { font-size:calc(16 * var(--headerRatio)); line-height:1em; }
}

@media (min-width: 1264px) { 

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



/*   figure    */

.exf__page .exf__figure { --figureRatio :calc(100vw / 376); width: 100%; max-width: 1048px;  margin: 0 auto; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }

.exf__page .exf__figure-media { width: 100%; display: block; }

.exf__page .exf__figure-body { position: absolute; top:calc(205 * var(--figureRatio)); left:calc(205 * var(--figureRatio)); width: calc(164 * var(--figureRatio)); }
.exf__page .exf__figure-content { color: #000; text-align: left; } 

.exf__page .exf__figure-text {font-size:calc(12 * var(--figureRatio)); line-height:1.45em; text-transform: uppercase; }
.exf__page .exf__figure-strong {font-size:calc(18 * var(--figureRatio)); line-height:1.45em; text-transform: uppercase; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; }
.exf__page .exf__figure-day {font-size:calc(28 * var(--figureRatio)); line-height:1.45em; }



@media (min-width: 769px) { 

    .exf__page .exf__figure { --figureRatio :calc(100vw / 1264);  height: calc(600 * var(--figureRatio)); }

    .exf__page .exf__figure-media { position: absolute; top:0; left:calc(50% - 1100 * var(--figureRatio)); width: calc(2200 * var(--figureRatio)); height: 100%; }
    .exf__page .exf__figure-picture { width: 100%;  height: 100%; }
    .exf__page .exf__figure-img { height: 100%; object-fit:cover;  }

    .exf__page .exf__figure-body { position: relative; top:0; left:calc(50% - 532 * var(--figureRatio)); width:50vw; height:100%; display:flex; flex-direction:row; align-items:center; } 
    .exf__page .exf__figure-content {width: 100%; max-width: 500px; margin: 0;  padding: 0; } 

    .exf__page .exf__figure-text {font-size:calc(20 * var(--figureRatio)); line-height:1.45em; }
    .exf__page .exf__figure-strong {font-size:calc(24 * var(--figureRatio)); line-height:1.45em; }
    .exf__page .exf__figure-day {font-size:calc(36 * var(--figureRatio)); line-height:1.45em; }

}


@media (min-width: 1264px) { 

    .exf__page .exf__figure { --figureRatio :1px; }
}




/*   collagen    */

.exf__page .exf__collagen { width: 92%; max-width: 1048px; margin: 0 auto; padding: 32px 0; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }


.exf__page .exf__collagen-media { width: 100%; display: block; border-radius: 8px; overflow: hidden; position: relative; top:0; left:0; }
.exf__page .exf__collagen-vimeo { width: 100%; position: relative; top:0; left:0; height: 0; }
.exf__page .exf__collagen-vimeo iframe { width: 100%; height: 100%;display: block; position: absolute; top:0; left:0; }
.exf__page .exf__collagen-picture { width: 100%; height: 100%; position: absolute; top:0; left:0; }
.exf__page .exf__collagen-img { width: 100%; height: 100%; object-fit: cover; }


.exf__page .exf__collagen-body { position: relative; top:0; }
.exf__page .exf__collagen-content { width: 92%; max-width: 508px; margin: 0 auto; padding-top: 16px; text-align: center; } 

.exf__page .exf__collagen-title { color:#9B390F; font-size:24px; line-height:1.45em; padding-top: 8px; }
.exf__page .exf__collagen-subtitle { font-size:16px; line-height:1.45em; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: 16px; }
.exf__page .exf__collagen-text { font-size:14px; line-height:1.45em; }


@media (max-width: 768px) { 

.exf__page .exf__collagen-vimeo { padding-bottom:56.25%; }


}


@media (min-width: 769px) { 

    .exf__page .exf__collagen { flex-direction:row; justify-content: space-between; align-items: stretch; padding: 40px 0; }

    .exf__page .exf__collagen-media { width:calc(50% - 20px); }
    .exf__page .exf__collagen-vimeo { padding-bottom:100%; }

    .exf__page .exf__collagen-body { width:calc(50% - 20px); display:flex; flex-direction:row; align-items:center; } 
    .exf__page .exf__collagen-content {width: 100%; max-width: 500px; text-align: left; margin: 0;  padding: 0; } 

    .exf__page .exf__collagen-title { font-size:40px; line-height:1.45em; }

}




/*   ingredients    */

.exf__page .exf__ingredients { --ingredientsRatio :calc(100vw / 376); width: 100%; margin: 0 auto; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }

.exf__page .exf__ingredients-media { width: 100%; display: block; }

.exf__page .exf__ingredients-body { position: absolute; top:calc(231 * var(--ingredientsRatio)); left:0; width: 100%; }
.exf__page .exf__ingredients-content { color: #000; } 

.exf__page .exf__ingredients-title { font-size:calc(24 * var(--ingredientsRatio)); line-height:1.45em; }

.exf__page .exf__ingredients-content-title { font-size:calc(20 * var(--ingredientsRatio)); line-height:1.45em; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: calc(4 * var(--ingredientsRatio)); }
.exf__page .exf__ingredients-content-text { font-size:calc(12 * var(--ingredientsRatio)); line-height:1.45em; }
.exf__page .exf__ingredients-content-subtitle { font-size:calc(14 * var(--ingredientsRatio)); line-height:1.45em; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; text-transform: uppercase; }


@media (max-width: 768px) { 

    .exf__page .exf__ingredients-content { color: #000; text-align: center; width: 92%; margin: 0 auto; } 

    .exf__page .exf__ingredients-title { color:#fff; padding-bottom: calc(16 * var(--ingredientsRatio));  }
    .exf__page .exf__ingredients-content-title,
    .exf__page .exf__ingredients-content-text,
    .exf__page .exf__ingredients-content-subtitle { color:#fff; }

    .exf__page .exf__ingredients-content-texts { padding-bottom: calc(16 * var(--ingredientsRatio)); }
    .exf__page .exf__ingredients-content-texts:last-child { padding-bottom: 0; }
}


@media (min-width: 769px) { 

    .exf__page .exf__ingredients { --ingredientsRatio :calc(100vw / 1534); height: calc(732 * var(--ingredientsRatio)); width: 100%; }

    .exf__page .exf__ingredients-media { position: absolute; top:0; left:calc(50% - (767 * var(--ingredientsRatio))); width: calc(1534 * var(--ingredientsRatio)); height: 100%; }
    .exf__page .exf__ingredients-picture { width: 100%;  height: 100%; }
    .exf__page .exf__ingredients-img { height: 100%; object-fit:cover;  }

    .exf__page .exf__ingredients-body { position: relative; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:row; align-items:flex-start; } 
    .exf__page .exf__ingredients-content { width: 100%; margin: 0;  padding: 0; } 

    .exf__page .exf__ingredients-title { position: absolute; top:calc(45 * var(--ingredientsRatio)); left:0; color:#9B390F; font-size:calc(40 * var(--ingredientsRatio)); line-height:1.45em; text-align: center; width: 100%; }

    .exf__page .exf__ingredients-content-texts[data-item="1"] {position: absolute; top:calc(492 * var(--ingredientsRatio)); left:calc(50% - 595 * var(--ingredientsRatio)); text-align: center; width:calc(460 * var(--ingredientsRatio)); }
    .exf__page .exf__ingredients-content-texts[data-item="2"] {position: absolute; top:calc(607 * var(--ingredientsRatio)); left:calc(50% - 230 * var(--ingredientsRatio)); text-align: center; width:calc(460 * var(--ingredientsRatio)); }
    .exf__page .exf__ingredients-content-texts[data-item="3"] {position: absolute; top:calc(492 * var(--ingredientsRatio)); left:calc(50% + 145 * var(--ingredientsRatio)); text-align: center; width:calc(390 * var(--ingredientsRatio)); }

    .exf__page .exf__ingredients-content-title { font-size:calc(28 * var(--ingredientsRatio)); line-height:1.45em; }
    .exf__page .exf__ingredients-content-text { font-size:calc(16 * var(--ingredientsRatio)); line-height:1.45em; }
    .exf__page .exf__ingredients-content-subtitle { font-size:calc(16 * var(--ingredientsRatio)); line-height:1.45em; }
    

}



/*   benefits    */

.exf__page .exf__benefits { --benefitsRatio :calc(100vw / 376); width: 100%; max-width: 1048px;  margin: 0 auto; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }

.exf__page .exf__benefits-media { width: 100%; display: block; }

.exf__page .exf__benefits-body { position: absolute; top:calc(335 * var(--benefitsRatio)); left:4%; width: 92%; }
.exf__page .exf__benefits-content { color: #000; text-align: left; } 

.exf__page .exf__benefits-title { color:#9B390F; font-size:calc(24 * var(--benefitsRatio)); line-height:1.2em; padding-bottom: calc(24 * var(--benefitsRatio)); text-align: center; }

.exf__page .exf__benefits-numbers { display:flex; flex-direction:row; flex-wrap: wrap; }
.exf__page .exf__benefits-number { width:50%; padding-bottom: calc(24 * var(--benefitsRatio)); }

.exf__page .exf__benefits-number-value { color:#9B390F; font-size:calc(40 * var(--benefitsRatio)); line-height:1em; }
.exf__page .exf__benefits-number-value small {font-size:0.5em; line-height:1em; position: relative; top: -0.75em; }
.exf__page .exf__benefits-number-text {font-size:calc(14 * var(--benefitsRatio)); line-height:1.45em; }

@media (max-width: 768px) { 

    .exf__page .exf__benefits-body { background: #fff; padding: calc(24 * var(--benefitsRatio))  calc(16 * var(--benefitsRatio)) 0 calc(16 * var(--benefitsRatio)); }
    .exf__page .exf__benefits-title {  }
    .exf__page .exf__benefits-numbers { justify-content: center; }
    .exf__page .exf__benefits-number { width:45%; }
}

@media (min-width: 769px) { 

    .exf__page .exf__benefits { --benefitsRatio :calc(100vw / 1534); height: calc(761 * var(--benefitsRatio)); }

    .exf__page .exf__benefits-media { position: absolute; top:0; left:calc(50% - (767 * var(--benefitsRatio))); width: calc(1534 * var(--benefitsRatio)); height: 100%; }
    .exf__page .exf__benefits-picture { width: 100%;  height: 100%; }
    .exf__page .exf__benefits-img { height: 100%; object-fit:cover;  }

    .exf__page .exf__benefits-body { position: relative; top:0; left:calc(50% + 92px); max-width:calc(508 * var(--benefitsRatio)); width: 100%; height:100%; display:flex; flex-direction:row; align-items:center; } 
    .exf__page .exf__benefits-content {width: 100%; margin: 0; padding: 0; } 

    .exf__page .exf__benefits-title { font-size:calc(40 * var(--benefitsRatio)); line-height:1.2em; text-align: left; }


    .exf__page .exf__benefits-number-value {font-size:calc(48 * var(--benefitsRatio)); line-height:1em;  }
    .exf__page .exf__benefits-number-value small {font-size:0.5em; line-height:1em; }
    .exf__page .exf__benefits-number-text {font-size:calc(14 * var(--benefitsRatio)); line-height:1.45em; }

}




/*   benefits_2    */

.exf__page .exf__benefits_2 { --benefits_2_ratio :calc(100vw / 376); width: 100%; margin: 0 auto; position: relative;top: 0;left: 0; display: flex; flex-direction:column; }

.exf__page .exf__benefits_2-media { width: 100%; display: block; }

.exf__page .exf__benefits_2-body { position: absolute; top:calc(388 * var(--benefits_2_ratio)); left:4%; }
.exf__page .exf__benefits_2-content { color: #000; text-align: left; } 

.exf__page .exf__benefits_2-numbers { display:flex; flex-direction:column; flex-wrap: wrap; width: 100%; max-width: 580px; }

.exf__page .exf__benefits_2-number { width:100%; padding-bottom: calc(24 * var(--benefits_2_ratio)); display: flex; flex-direction: row; align-items: center; }
.exf__page .exf__benefits_2-number:nth-child(2) { padding-bottom: calc(16 * var(--benefits_2_ratio)); }

.exf__page .exf__benefits_2-number-left { width:calc(90 * var(--benefits_2_ratio)); padding-right: calc(8 * var(--benefits_2_ratio)); }
.exf__page .exf__benefits_2-number-right { width:calc(100% - calc(92 * var(--benefits_2_ratio))); }

.exf__page .exf__benefits_2-number-value { color:#9B390F; font-size:calc(44 * var(--benefits_2_ratio)); line-height:1em; text-align: center; }

.exf__page .exf__benefits_2-number:nth-child(1) .exf__benefits_2-number-value small {font-size:calc(24 * var(--benefits_2_ratio)); line-height:1em; position: relative; top: -0.5em; }
.exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-value small {font-size:calc(24 * var(--benefits_2_ratio)); line-height:1em; display: block; }

.exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-text { padding-bottom:8px; }
.exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-text:last-child { padding-bottom:0px; }

.exf__page .exf__benefits_2-number:nth-child(1) .exf__benefits_2-number-text {font-size:calc(18 * var(--benefits_2_ratio)); line-height:1.2em; }
.exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-text {font-size:calc(16 * var(--benefits_2_ratio)); line-height:1.45em; }
.exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-text strong { display:block; }


@media (max-width: 768px) { 

    .exf__page .exf__benefits_2-body { background: #fff; width: 92%; padding: calc(24 * var(--benefits_2_ratio)) calc(16 * var(--benefits_2_ratio)) 0 calc(16 * var(--benefits_2_ratio)); }
    .exf__page .exf__benefits_2-title {  }
  
}


@media (min-width: 769px) { 

    .exf__page .exf__benefits_2 { --benefits_2_ratio :calc(100vw / 1264); height: auto; flex-direction:row; align-items: stretch; background: #FFF0E9; }

    .exf__page .exf__benefits_2-media { position: relative; top:0; left:0; width: 50%; }
    .exf__page .exf__benefits_2-picture { width: 100%;  height: 100%; }
    .exf__page .exf__benefits_2-img { height: 100%; object-fit:cover;  }

    .exf__page .exf__benefits_2-body { position: relative; top:0; left:0; display:flex; flex-direction:row; align-items:center; } 
    .exf__page .exf__benefits_2-content {width: 100%; margin: 0; padding: 0 calc(80 * var(--benefits_2_ratio)); } 

    .exf__page .exf__benefits_2-number:nth-child(2) { padding-bottom: 0; }

    .exf__page .exf__benefits_2-number-left { width:130px; padding-right: 12px; }
    .exf__page .exf__benefits_2-number-right { width:calc(100% - 142px); }

    .exf__page .exf__benefits_2-number-value {font-size:64px; line-height:1em;  }
    .exf__page .exf__benefits_2-number:nth-child(1) .exf__benefits_2-number-value small {font-size:32px; line-height:1em; top: -0.85em; }
    .exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-value small {font-size:36px; line-height:1em; display: block; }

    .exf__page .exf__benefits_2-number:nth-child(1) .exf__benefits_2-number-text,
    .exf__page .exf__benefits_2-number:nth-child(2) .exf__benefits_2-number-text {font-size:24px; line-height:1.45em; }

}



@media (min-width: 1264px) { 

     .exf__page .exf__benefits_2 { --benefits_2_ratio :1px; }
}



/*   Routine    */

.exf__page .exf__routine { padding-top:40px; padding-bottom: 40px; text-align: center; overflow: hidden; }

.exf__page .exf__routine-title { text-align: center; color:#9B390F; font-size: 40px; line-height: 1.2em; width: 92%; max-width: 680px; margin: 0 auto; }

.exf__page .exf__routine-products { position: relative;top: 0;left: 0; width: 100%; margin: 0 auto; max-width: 1264px; }
.exf__page .exf__routine-products:not(.slick-slider) { display:flex; }
.exf__page .exf__routine-products.slick-slider .slick-list { overflow: unset; }

.exf__page .exf__routine-product { padding: 0 18px; }

.exf__page .exf__routine-product-media { height: 423px; display: flex; align-items: flex-end; justify-content: center; margin: 0 auto; position: relative; top:0; left:0; }

.exf__page .exf__routine-product[data-item="1"] .exf__routine-product-img { width: 126px; }
.exf__page .exf__routine-product[data-item="2"] .exf__routine-product-img { width: 106px; }
.exf__page .exf__routine-product[data-item="2"] .exf__routine-product-media-2 { padding-left: 12px; }
.exf__page .exf__routine-product[data-item="3"] .exf__routine-product-img { width: 107px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-1 { position: absolute; left: calc(50% - 218px); bottom: 145px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-1 .exf__routine-product-img { width: 169px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-2 { position: relative; top:0; left:0; padding-left: 110px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-2 .exf__routine-product-img { width: 169px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-3 { position: relative; top:0; left:0; padding-left: 59px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-3 .exf__routine-product-img { width: 107px; }

.exf__page .exf__routine-product-extra { position: absolute; top:0; left:0; display:flex; flex-direction:row; width: 100%; }
.exf__page .exf__routine-product-extra .exf__routine-product-text { font-size:12px; line-height:1.2em; text-transform:uppercase; text-align: left; display: block; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-1 .exf__routine-product-extra { top:-30px; left:15px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-2 .exf__routine-product-extra { top:-30px; left:178px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-2 .exf__routine-product-extra .exf__routine-product-text { width: 140px; }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-3 .exf__routine-product-extra { top:49px; left:calc(50% - 156px); }
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-3 .exf__routine-product-extra .exf__routine-product-text { width: 150px; text-align:right; }

.exf__page .exf__routine-product[data-item="5"],
.exf__page .exf__routine-product[data-item="6"] { display:none; }

.exf__page .exf__routine-product-picto { width:24px; margin-right: 2px; display: block;}

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

.exf__page .exf__routine-product-variant { font-size: 10px; line-height: 12px; text-decoration: underline;  text-transform: uppercase; min-height: 30px;display: inline-flex;align-items: center;}
.exf__page .exf__routine-product-variant:hover { text-decoration: none;  }

.exf__page .exf__routine-product-category { font-size: 18px; line-height: 1.45em; color:#9B390F; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: 10px; width: 100%; text-transform: uppercase; position:relative; top:0; left: 0; }
.exf__page .exf__routine-product-category::after { content:""; width: 100%; height:1px; background: #9B390F; display: block; margin-top: 4px; }

.exf__page .exf__routine-product-title { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; min-height: 55px; }
.exf__page .exf__routine-product-price { font-size: 14px; line-height: 1.45em; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: 9px; height: 1.45em; overflow: hidden; }
.exf__page .exf__routine-product-priceperunit { font-size: 9px; line-height: 1.45em; height: 1.4375em; color: #797674; overflow: hidden; display: none; }
.exf__page .exf__routine-product-cta { padding-top:8px; }

.exf__page .exf__routine-cta { padding-top: 40px; }

.exf__page .exf__routine-product-items { display: inline-flex; justify-content:center; }
.exf__page .exf__routine-product-item { width: 160px; }



@media (max-width: 768px) { 

    .exf__page .exf__bloc-routine {  padding-top:50px; padding-bottom: 0; }

    .exf__page .exf__bloc-routine .exf__container { width: 100%; }

    .exf__page .exf__routine-products { width: 100%; }

    .exf__page .exf__routine-title { padding-bottom:15px; width: 90%; margin: 0 auto; font-size: 24px; line-height: 1.2em; }
    .exf__page .exf__routine-product { padding: 0; }

    .exf__page .exf__routine-product { /* width: 100vw; */ }
    .exf__page .exf__routine-product[data-item="4"] { width: 200vw; }
    .exf__page .exf__routine-product-media { height: 270px; }

    .exf__page .exf__routine-product-content { display: inline-block; padding-top: 16px; }
.exf__page .exf__routine-product[data-item="4"] { display:none; }
.exf__page .exf__routine-product[data-item="5"],
.exf__page .exf__routine-product[data-item="6"] { display:block; }

    .exf__page .exf__routine-product[data-item="1"] .exf__routine-product-img { width: 76px; }
    .exf__page .exf__routine-product[data-item="2"] .exf__routine-product-img { width: 75px; }
    .exf__page .exf__routine-product[data-item="3"] .exf__routine-product-img { width: 96px; }
    .exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media { width: 100%; }

.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-1 { position: absolute; left: calc(50% - 130px); bottom: 125px; }
.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-1 .exf__routine-product-img { width: 146px; }
.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-2 { position: relative; top:0; left:0; padding-left: 70px; }
.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-2 .exf__routine-product-img { width: 146px; }
.exf__page .exf__routine-product[data-item="6"] .exf__routine-product-media-3 { position: relative; top:0; left:0; }
.exf__page .exf__routine-product[data-item="6"] .exf__routine-product-media-3 .exf__routine-product-img { width: 78px; }

.exf__page .exf__routine-product-extra .exf__routine-product-text { font-size:11px; line-height:1.2em; }
.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-1 .exf__routine-product-extra { top:-25px; left:15px; }
.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-2 .exf__routine-product-extra { top:-28px; left:125px; }
.exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-2 .exf__routine-product-extra .exf__routine-product-text { width: 135px; }
.exf__page .exf__routine-product[data-item="6"] .exf__routine-product-media-3 .exf__routine-product-extra { top:30px; left:calc(50% - 108px); }
.exf__page .exf__routine-product[data-item="6"] .exf__routine-product-media-3 .exf__routine-product-extra .exf__routine-product-text { width: 135px; text-align:right; }
    .exf__page .exf__routine-product-picto { width:21px; }

/*    .exf__page .exf__routine-product-content { opacity: 0; transition:opacity 0.2s; }
    .exf__page .exf__routine-product.swiper-slide-active .exf__routine-product-content { opacity: 1; }

    .exf__page .exf__routine-product-media { opacity: 0; transition:opacity 0.2s; }
    .exf__page .exf__routine-product.swiper-slide-active .exf__routine-product-media { opacity: 1; }
*/

    .exf__page .exf__routine-product[data-item="4"] .exf__routine-product-content { width:100%; min-width:360px; position: absolute; left:50%; transform:translateX(-50%); }

    .exf__page .exf__routine-product[data-item="5"] .exf__routine-product-category::before,
    .exf__page .exf__routine-product[data-item="6"] .exf__routine-product-category::before { content:""; position: absolute; bottom:10px; width: 96vw; height:1px; background: #9B390F; display: block; transform: translateX(-50%); }
    .exf__page .exf__routine-product[data-item="5"] .exf__routine-product-category::before { left: calc(50% + 4vw);   }
    .exf__page .exf__routine-product[data-item="6"] .exf__routine-product-category::before { left: calc(50% - 4vw); }


}


@media (max-width: 374px) { 

    .exf__page .exf__routine-product[data-item="4"] .exf__routine-product-content { width:85vw; min-width:unset;}

}


@media (min-width: 1217px) { 

    .exf__page .exf__routine-body .swiper-pagination { display: none; }

}



/*  faq */

.exf__page .exf__bloc-faq { padding: 40px 0 0 0; }
.exf__page .exf__faq-title { font-size:28px; line-height:1.2em;  text-align: center; max-width: 375px; margin: 0 auto; padding-bottom: 24px; }
.exf__page .exf__faq-text { font-size: 16px; line-height: 1.42em;  text-align: center; max-width: 260px; margin: 0 auto; padding-bottom: 30px; }

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

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

.exf__page .exf__faq-item-handler {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.42em;
  padding: 14px 35px 14px 0; 
  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-link { text-decoration: underline; }


@media (min-width: 769px) { 

    .exf__page .exf__bloc-faq { padding-top: 64px; }
    .exf__page .exf__faq-item-handler { padding: 14px 45px 14px 0; }

    .exf__page .exf__faq-title { font-size:32px; line-height:1.2em; max-width: unset; }
    .exf__page .exf__faq-text { font-size: 14px; line-height: 1.42em; text-align: center; padding-bottom: 40px; max-width: unset; }

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

}



/*   first    */

.exf__page .exf__first { width: 100%; max-width: 1048px; margin: 0 auto; position: relative;top: 0;left: 0; display: flex; flex-direction:column; z-index: 2; }

.exf__page .exf__first-media { width: 100%; display: block; }

.exf__page .exf__first-body { position: relative; top:0; }
.exf__page .exf__first-content { width: 92%; max-width: 508px; margin: 0 auto; padding-top: 24px; padding-bottom:24px; text-align: center; } 

.exf__page .exf__first-title { padding-bottom: 16px; color:#9B390F; }
.exf__page .exf__first-subtitle {  text-transform: uppercase;font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: 16px; }
.exf__page .exf__first-text { padding-bottom: 16px;  }



@media (min-width: 769px) { 

    .exf__page .exf__first { --firstRatio:calc(100vw / 1264); height: 600px; }

    .exf__page .exf__first-media { position: absolute; top:0; left:calc(50% - 1100px); width: 2200px; height: 100%; }
    .exf__page .exf__first-picture { width: 100%;  height: 100%; }
    .exf__page .exf__first-img { height: 100%; object-fit:cover; }

    .exf__page .exf__first-body { left:calc(50% + 125 * var(--firstRatio)); width:50vw; height:100%; display:flex; flex-direction:row; align-items:center; } 
    .exf__page .exf__first-content {width: 100%; max-width: calc(500 * var(--firstRatio)); text-align: left; margin: 0;  padding: 0 32px 0 0; } 

    .exf__page .exf__first-title { padding-bottom: 16px;  }
    .exf__page .exf__first-subtitle { padding-bottom: 24px;  }
    .exf__page .exf__first-text { padding-bottom: 0;  }

}


@media (min-width: 1264px) { 

        .exf__page .exf__first { --firstRatio:1px; }

}


/* tiles */

.exf__page .exf__tiles { padding: 24px 0 48px 0; }

.exf__page .exf__tiles-title { text-align: center;  color:#9B390F; padding-bottom: 12px; }
.exf__page .exf__tiles-subtitle { text-align: center; padding-bottom: 24px; }

.exf__page .exf__tiles-bkgd { display: none; }

.exf__page .exf__tile-items { display: flex; flex-direction:row; width: 100%; max-width: 808px; margin:0 auto; margin-bottom: 24px; }

.exf__page .exf__tile-item-content { padding-top: 12px; }
.exf__page .exf__tile-item-title { font-size: 20px; line-height: 1.2em; font-family: var(--GOTHAM-MEDIUM); font-weight: 500; text-align: left; padding-bottom: 8px; }
.exf__page .exf__tile-item-text { text-align: left; }

.exf__page .exf__tiles-cta { text-align: center; }

@media (max-width: 768px) { 

    .exf__page .exf__tile-items { width: calc(100% - 32px); margin-bottom: 0; }
    .exf__page .exf__tile-item { width: 66vw; }

}

@media (min-width: 769px) { 

    .exf__page .exf__tiles { width: 808px; margin: 0 auto; padding: 40px 0; }
    .exf__page .exf__tile-item[data-item="1"],
    .exf__page .exf__tile-item[data-item="3"] { margin-top: 32px; }

    .exf__page .exf__tiles-bkgd { position: absolute; top:0; position: absolute; top:0; left:calc(50% + 228px); width: 100%; height: 100%; display: block; }
    .exf__page .exf__tiles-picture { width: 2368px; transform: scale(-1) translateY(370px); }


}



/*   refillable     */

.exf__page .exf__bloc-refillable { width: 100%; padding-top:64px; background: #FFF0E9; }

.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-numbers-1 { z-index: 2; display: flex; flex-direction: column; justify-content: center; }
.exf__page .exf__refillable-numbers-2 { width: 100%; position: relative; z-index: 2; }

.exf__page .exf__refillable-title { padding-bottom: 16px; text-align: center; color:#9B390F;font-size: 24px; line-height: 1.2em;  }

.exf__page .exf__refillable-number-primary { display: flex; align-items:center; justify-content:center; flex-direction:column; padding-bottom: 16px;}
.exf__page .exf__refillable-number-primary:last-child { padding-bottom: 0;}

.exf__page .exf__refillable-number { display: flex; align-items:flex-start; color: #9B390F; font-size: 40px; line-height:1em;  }
.exf__page .exf__refillable-number-value { min-width: 48px; }
.exf__page .exf__refillable-number-glyph { font-size: 0.5em; line-height: 1em; }
.exf__page .exf__refillable-number-text {  font-size: 16px; line-height: 1.2em; font-family:var(--GOTHAM-MEDIUM); font-weight: 500; text-transform: uppercase; }


@media (max-width: 768px) { 


.exf__page .exf__refillable-pack { transform:translateX(-20vw); }
.exf__page .exf__refillable-picture { width: 110vw; top:-5vw; }

.exf__page .exf__refillable-numbers-1 { position: absolute; width: 46vw; height: 100vw; top:0; left: calc(50% - 2vw); }
.exf__page .exf__refillable-numbers-2 { padding-bottom:24px; }

 .exf__page .exf__refillable-title { font-family: var(--GOTHAM-MEDIUM); font-weight: 500; padding-bottom: 0; }
 .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:64px 0; }
    .exf__page .exf__refillable { --refillHeight:1px; flex-direction: row; }

    .exf__page .exf__refillable-pack { width: 328px; height:calc(300px + 300 * var(--refillHeight)); position: relative; overflow: hidden; }
    .exf__page .exf__refillable-picture { height: 100%; }
    .exf__page .exf__refillable-img { transform:scale(4) translateY(calc(-26px + 78 * var(--refillHeight))); }

    .exf__page .exf__refillable-body { }
    .exf__page .exf__refillable-content { flex-direction: row; justify-content: center; align-items: center; }
    
    .exf__page .exf__refillable-numbers-1,
    .exf__page .exf__refillable-numbers-2 { position: absolute; top:0; left:calc(50% + 190px); width: calc( (100% - 328px) * 0.5); height:100%; z-index: 2; transition: opacity 0.3s; opacity: 1; display:flex; flex-direction: column; justify-content: center; }

    .exf__page .exf__refillable-numbers-2 { opacity: 0; }

    .exf__page .exf__refillable-content[data-step="2"] .exf__refillable-numbers-1 { opacity: 0; }
    .exf__page .exf__refillable-content[data-step="2"] .exf__refillable-numbers-2 { opacity: 1; display:flex; }


    .exf__page .exf__refillable-title { padding-bottom: 24px; color: #9B390F; font-size: 40px; line-height: 1.2em; }
   
    .exf__page .exf__refillable-number-primary { align-items:flex-start; padding-bottom:32px; }
.exf__page .exf__refillable-number-primary:last-child { padding-bottom: 0;}

.exf__page .exf__refillable-number { font-size: 48px; line-height:1em; }
.exf__page .exf__refillable-number-value { min-width: 48px; }
.exf__page .exf__refillable-number-text {  font-size: 20px; line-height: 1.2em; }


}




/*  legendes */

.exf__page .exf__bloc-legendes { z-index: 2; }

.exf__page .exf__legendes { width: 92%; max-width: 1264px; margin: 0 auto; text-align: left; padding-top: 64px; padding-bottom:85px; }
.exf__page .exf__legende { font-size: 10px; line-height: 1.45em; color:#797674; }


@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__tile-items .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: 24px 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; }

}