/*  ------  recette   ------  */
/*  1600x945 */
/*  375x722 */
    /*
    background: url(__desktop.jpg) 50% 0 no-repeat;
    background-size:1600px auto;
    */
/*
.si__recette {

    background: url(__mobile.jpg) 50% 0 no-repeat; 
    background-size:375px auto;
    position: absolute;
    top: -302px;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 100;
    pointer-events:none;
}
*/


/* Page */

.si__wrapper {
 --header-height:140px;
 --header-height-expand:140px;     
 --translate-x: 0; 
 --translate-y: 0; 
 /*
 font-family: 'futura-pt', sans-serif; 
 */
 font-family: 'abchanel-corpo',sans-serif;
 --FONT-COLOR:#574321;

}

.si__wrapper .tk-abchanel-corpo { font-family: 'abchanel-corpo',sans-serif; }
html[dir='rtl'] .si__wrapper { direction: ltr; }

html[lang='vi-VN'] .si__wrapper { font-family: Helvetica,Arial,sans-serif; }
html[lang='vi-VN'] .si__wrapper .tk-abchanel-corpo { font-family: 'abchanel-corpo-vietnam'; }

html[lang="th-TH"] .si__wrapper { font-family:'Prompt',Helvetica,Arial,sans-serif; }
html[lang="th-TH"] .si__wrapper .tk-abchanel-corpo { font-family:'Prompt',Helvetica,Arial,sans-serif; }


@media (max-width: 1159px) {
    
    .si__wrapper {
        --header-height:60px;
        --header-height-expand:60px;
    }

}

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

.si__wrapper a:hover,
.si__wrapper a:focus { text-decoration: none !important; outline: none; }

.si__main { color:var(--FONT-COLOR); background: #E7D4B5; font-weight: 100; width: 100%;
position: relative;
left: 0;
top: 0; min-height: 100vh; }

.si__body { width: 100%; margin: 0 auto; }

.si__loader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; }
.si__loader img { width: auto; height: auto; } 
.si__loader--hide { opacity: 0; }
.si__wrapper { position: relative; width:100%; /*! overflow: hidden; */}



/** -- Utilitaire -- **/

br.si__desktop { display: none; }
br.si__mobile { display: block; }

@media (min-width: 769px) {
    br.si__mobile { display: none; }
    br.si__desktop {  display: block; }
}

.dp--is-desktop { display: none }

@media (min-width: 769px) {
    .dp--is-mobile {  display: none  }
    .dp--is-desktop {  display: block }
}





/** -- bloc -- **/

.si__bloc { width: 100%;  margin: 0 auto; position: relative; left:0; top:0;  text-align:center;  }

.si__bloc-media { position: relative; left:0; top:0; width: 100%; height: 100%; display: flex; align-items:center; justify-content:center; }
.si__bloc-picture { display: block; width: 100%; }
.si__bloc-picture img { display: block; width: 100%; }

.si__bloc-body { width: 100%; margin: 0 auto; display: flex; align-items:center; }

html[dir='rtl'] .si__bloc-content { direction: rtl; }

.si__bloc-flex { display: flex; flex-direction:row; align-items:stretch; } 
.si__bloc-flex .si__bloc-body { width: 50%;  }
.si__bloc-flex .si__bloc-media { width: 50%;  height: auto; }
.si__bloc-flex .si__bloc-picture { height: 100%;  }
.si__bloc-flex .si__bloc-picture img { height: 100%; object-fit:cover; }

.si__bloc-body { opacity: 1; text-align:center; position: relative; left:0; top:0; margin: 0 auto; transition:opacity 0.6s ease-out, transform 0.6s ease-out; }
.si__bloc-body.si__visible { opacity: 1; transform:translateY(0px); }
.si__bloc-body.si__hidden { opacity: 0; transform:translateY(-30px); }

.si__bloc-title { font-size: 52px; line-height: 1.15em; text-transform: uppercase; font-weight: 400; } 
.si__bloc-text { font-size: 20px; line-height: 1.5em;  } 
.si__bloc-suptitle { font-size: 32px; line-height: 1.3em;} 




/* --- video -- */

.si__bloc-poster:after { content:""; width:60px; height: 60px; border: 1px #fff solid; border-radius: 50%; position: absolute; bottom:3vw; left:3vw; }
.si__bloc-poster:before { content:""; border-top: 7px transparent solid; border-bottom: 7px transparent solid; border-left: 11px #fff solid; position: absolute; bottom:calc(3vw + 23px); left:calc(3vw + 27px); }


/* --- parallax -- */

.si__parallax-text { display: flex; flex-direction:column; opacity:0; transition:opacity 1s; }
.si__parallax-text.si__visible { opacity: 1; }
.si__parallax-text > .si__parallax-zone { position: absolute; top: 0; left: 0; width: 1px; height: min(50vh,100%); }
.si__parallax-visual > .si__parallax-zone { position: absolute; top: 0; left: 0; width: 1px; height: 100vh; }

.si__brush > .si__brush-zone { position: absolute; bottom: -12.5vh; left: 0; width: 1px; height: 100%; }


.si__parallax-line .si__parallax-bloc { position: relative; top:0; left:0; }
.si__parallax-line .si__parallax-zone { position: absolute; top: calc(100vh - 85px - 30px); left: 0; width: 1px; height: 200px; }


@media (max-width:768px) {
.si__parallax-line .si__parallax-zone {
  top: calc(100vw + 100vh );
} 
}





/* --- More -- */

.si__more-link { display: none; }


/* --- Background -- */

.si__bloc-bkgd {  
  background: #E7D4B5;
  background: radial-gradient(ellipse farthest-corner at center center, #f5ebd8 0%, #E7D4B5 100%);
 }


/* --- intro -- */

.si__bloc-intro { height: calc(100vh - var(--header-height)); overflow: hidden;}
.si__bloc-intro .si__bloc-body {    display: block;top: auto;bottom: calc(50% - 18vh);position: absolute;}
.si__bloc-intro .si__bloc-title { padding-bottom: 30px; font-size: 60px; line-height: 1.13em; /*! letter-spacing: 0.02em; */ } 

.si__bloc-intro .si__bloc-media { position: absolute; }
.si__bloc-intro .si__bloc-picture { height: 100%; }
.si__bloc-intro .si__bloc-picture img { height: 100%; object-fit:cover; }

/*
.si__bloc-intro .si__bloc-media.si__vertical { width: calc((100vh - var(--header-height)) / 1.71 ); left: 50%; transform: translateX(-50%); }
.si__bloc-intro .si__bloc-media.si__horizontal { height: calc((100vh - var(--header-height)) / 1.71 ); top: 50%; transform: translateY(-50%); }
*/
.si__bloc-intro .si__cta-btn { background: #fff; padding: 0 1em;  }
.si__bloc-intro .si__cta-btn-inside { line-height: 3.36290em;  }
.si__bloc-intro .si__cta-btn-inside:after { bottom: 0.8em;  opacity: 0; }

  .si__bloc-intro .videoToLoad { width: 100%; height: 100% !important; padding: 0 !important; } 
  .si__bloc-intro .videoToLoad video { object-fit:cover; } 


/* --- benefits -- */

.si__bloc-benefits { padding-top: 100px; padding-bottom: 215px;  }
.si__bloc-benefits .si__bloc-title { padding-bottom: 55px;  }
.si__bloc-benefits .si__bloc-text { width: 90%; max-width: 1075px; margin: 0 auto; }
.si__bloc-benefits .si__bloc-suptitle { font-size: 26px; padding-bottom: 10px; }
.si__bloc-benefits .si__bloc-subtitle { font-size: 18px; line-height: 1.3em; padding-bottom: 5px; }

.si__bloc-benefits .si__brush { position: relative; top:0; left:0; }
.si__bloc-benefits .si__brush-picture { display: none; }

.si__bloc-benefits .si__bloc-top { position: relative; top:0; left:0; padding-bottom: 70px; }
.si__bloc-benefits .si__bloc-bottom { position: relative; top:0; left:0; padding-bottom: 70px; height: calc(100vh + 400px); }

.si__bloc-benefits .si__bloc-flex { position: block;  top:0; left:0; width:90%; max-width:890px; margin: 0 auto; }

.si__bloc-benefits .si__bloc-media { padding-left: 30px; }
.si__bloc-benefits .si__bloc-body {  }

.si__bloc-benefits .si__bloc-picture { width: 100%; mix-blend-mode: multiply; margin: 0 auto; }
.si__bloc-benefits .si__bloc-content { text-align: left;  padding-top: 30px; }
.si__bloc-benefits .si__bloc-content .si__bloc-text { width: auto; max-width:350px; margin: 0; }
.si__bloc-benefits .si__bloc-content .si__bloc-number { opacity: 0.2; transition:opacity 0.5s; padding-top: 12px; }
.si__bloc-benefits .si__bloc-content .si__bloc-number.si__visible { opacity: 1; }
.si__bloc-benefits .si__bloc-content .si__bloc-number[data-item="0"] { padding-top:20px; }
.si__bloc-benefits .si__bloc-content .si__bloc-number[data-item="1"] { padding-top:75px; }
.si__bloc-benefits .si__bloc-content .si__bloc-suptitle { text-transform: uppercase; font-weight: 400; line-height:0.7em; padding-bottom: 0; letter-spacing: 0.05em;}
.si__bloc-benefits .si__bloc-content .si__bloc-legend { padding-top: 90px; width: 100%; max-width: 320px; opacity: 0.4;}
.si__bloc-benefits .si__bloc-content .si__bloc-legend-text { padding-bottom: 1.25em; font-size: 12px; line-height: 1.42em; text-indent: -7px;}
.si__bloc-benefits .si__bloc-content .si__bloc-legend-text:last-child { padding-bottom: 0; }

.si__number { font-size:94px; line-height:0.7em; font-weight:600; min-height: 89px; }
.si__number sup { vertical-align:super; font-size: .2em; position: relative; top: -1.5em; letter-spacing: 0.25em; left: 0.23em; font-weight: 100;}
.si__number small { vertical-align:super; font-size: .6em; position: relative; top: 0; /*! letter-spacing: 0.05em; */ left: 0.05em; }
.si__digit { display:inline-block; /*! width:0.71em; */ }
.si__digit:first-child { text-align: right; }

@media (min-width:769px) {
 .si__number { font-size:105px; }
 .si__bloc-benefits .si__bloc-subtitle {  padding-top: 8px; padding-bottom: 0px;}
 .si__bloc-benefits .si__bloc-top { padding-bottom: 70px; }
    
 .si__bloc-benefits .si__bloc-flex { -webkit-position: sticky;  position: sticky;  top:85px; left:0; }

}

@media (min-width:1362px) {
 .si__number {
  font-size:105px;
 }
}
@media (min-width:1600px) {
 .si__number {
  font-size:115px;
 }
}



/* --- bulle -- */

.si__bloc-result .si__bloc-suptitle { padding-bottom: 5px; } 
.si__bloc-result .si__bloc-title { padding-bottom: 50px; } 


/* --- ingredient -- */

.si__bloc-ingredient { height: 800px; }
.si__bloc-ingredient .si__bloc-body { position: absolute; width: 50%; top: 50%; transform: translateY(-43%); }
.si__bloc-ingredient .si__bloc-content { text-align:  left; padding-left: 12%; padding-right: 24%; }
.si__bloc-ingredient .si__bloc-title { padding-bottom: 19px; }

.si__bloc-ingredient .si__bloc-media { position: relative; left:0; top:0; width: 100%; height:100%; overflow: hidden; }
.si__bloc-ingredient .si__parallax-visual { position: relative; left: 0; top: 0; width: 100%; height: 100%;}
.si__bloc-ingredient .si__bloc-picture { position: absolute; left:0; bottom:0; left: calc(50% - 1000px); bottom: 0; width: 2000px; }

.si__bloc-ingredient .si__cta { padding-top: 23px; }



/* --- duo -- */

.si__bloc-duo .si__bloc-title { padding-bottom: 30px;  }

.si__bloc-duo .si__bloc-body {  background: radial-gradient(ellipse farthest-corner at 100% 100%, rgba(255,250,242, 0.7) 30%, rgb(231, 212, 181) 100%); }
.si__bloc-duo .si__bloc-content { text-align:  left; padding: 50px 8% 50px 12%; }

.si__bloc-duo .si__bloc-cta { padding-top: 40px; flex-direction: row; }
.si__bloc-duo .si__bloc-cta .si__cta-btn:nth-child(2) { margin-top: 0; margin-left: 30px; }



/* --- gestuelle -- */

.si__bloc-gestuelle .si__bloc-body {  background: radial-gradient(ellipse farthest-corner at 100% 100%, rgba(255,250,242, 0.7) 30%, rgb(231, 212, 181) 100%); }
.si__bloc-gestuelle .si__bloc-content { text-align:  left; padding: 50px 12% 50px 15%; }
.si__bloc-gestuelle .si__bloc-title {  padding-bottom: 35px; }
.si__bloc-gestuelle .si__bloc-suptitle {  padding-bottom: 7px; }



/* --- collection -- */

.si__bloc-collection { overflow: hidden; --SI__PADDING-TOP : 10.45vw; --SI__OFFSET-TOP : 13.5vw; }
.si__bloc-collection .si__bloc-media { position: absolute; width: 100%; top:0; align-items:flex-end;  }

.si__bloc-collection .si__bloc-body { position: relative; height: calc(56.25vw  + var(--SI__PADDING-TOP)  + var(--SI__OFFSET-TOP));  }
.si__bloc-collection .si__bloc-content { width: 100%; height: 100%; text-align: center;  padding-top:var(--SI__PADDING-TOP); }

.si__bloc-collection .si__bloc-title { font-size: 60px; line-height: 1.13em; } 

.si__bloc-collection .si__bloc-cta { position: absolute; width: 100%; bottom:9.5vw;  text-align: center; }



/* --- slider -- */

.si__slider-wrapper { position: relative; top:0; left:0; width: 50%; /*! height: 100%; *//*! display: block; */}

.si__slider-bkgd { position: absolute; top:0; left:0; width: 100%; height: 100%;}

.si__slider { position: relative; top:0; left:0; width: 100%; height: 100%;}
.si__slide { position: relative; top:0; left:0; }
.si__slide-media { position: relative; top:0; left:0; width: 100%; height: 100%; display: block; }
.si__slide-picture { width: 100%; height: 100%; display: block; }
.si__slide-picture img { height: 100%; display: block; object-fit:cover; }

.si__slide-content { position: absolute; top:0; left:0;  width:100%; text-align: center; padding-top: calc(4.5vw - 15px); }
.si__slide-suptitle { font-size: 18px; line-height: 1.3em; text-transform: uppercase; padding-bottom: 5px;  }
.si__slide-name { font-size: 21px; line-height: 1.3em; font-weight:400; text-transform: uppercase;  }

  .si__slide .si__slide-content,
    .si__slide .si__slide-cta {
    opacity: 0;
  }
 .si__slide.si__visible .si__slide-content,
   .si__slide.si__visible .si__slide-cta {
     opacity: 1; transition: opacity 0.5s;
}

.si__slide-cta { position: absolute; bottom:3.85vw; left:0;  width:100%; text-align: center; }




@media (max-width:1280px) {

.si__bloc-title { font-size: 45px; } 
.si__bloc-intro .si__bloc-title { font-size: 55px; } 
.si__bloc-gestuelle .si__bloc-title { font-size: 40px; }
.si__bloc-collection .si__bloc-title { font-size: 55px; } 

.si__bloc-text { font-size: 18px; } 
.si__bloc-suptitle { font-size: 28px; } 

.si__bloc-benefits { padding-top: 120px; padding-bottom: 190px;  }

}

@media (max-width:1024px) {

.si__bloc-title { font-size: 35px; } 

.si__bloc-intro .si__bloc-title { font-size: 45px; } 
.si__bloc-gestuelle .si__bloc-title { font-size: 30px; }
.si__bloc-collection .si__bloc-title { font-size: 45px; } 

.si__bloc-text { font-size: 16px; } 
.si__bloc-suptitle { font-size: 24px; } 

.si__bloc-benefits { padding-top: 90px; padding-bottom: 150px;  }

}


@media (max-width:768px) {

.si__bloc { text-align: left;  }

.si__bloc-suptitle { font-size: 18px; line-height: 1.3em;  }

.si__bloc-title { font-size: 30px; padding-bottom: 20px; }
.si__bloc-intro .si__bloc-title { font-size: 37px; line-height: 1.23em; } 
.si__bloc-gestuelle .si__bloc-title { font-size: 30px; }
.si__bloc-collection .si__bloc-title { font-size: 30px; max-width: 350px;/*! padding-bottom: 26px; */line-height: 38px;} 

.si__bloc-text { font-size: 18px; line-height: 1.5em; }
.si__bloc-flex {  flex-direction:column; align-items:stretch; } 
.si__bloc-flex .si__bloc-body { width: 100%;  }
.si__bloc-flex .si__bloc-media { width: 100%;  height: auto; }
.si__bloc-flex .si__bloc-picture { height: auto;  }
.si__bloc-flex .si__bloc-picture img { height: auto; }

.si__bloc-cta .si__cta-btn:nth-child(2) { margin-top: 5px; }

.si__bloc-intro .si__bloc-body { align-items:flex-start; /*! padding: 0px 7%; */  }
.si__bloc-intro .si__bloc-title { padding-bottom: 30px; text-align: left; } 
.si__bloc-intro .si__bloc-content {  }

.si__bloc-benefits { padding-top: 53px; padding-bottom: 72px;  }

.si__bloc-benefits .si__bloc-bottom { height: auto; }

.si__bloc-benefits .si__bloc-suptitle { font-size: 20px; line-height: 1.3em; padding: 0 6vw 5px 6vw; }
.si__bloc-benefits .si__bloc-title { font-size: 34px; padding: 0 6vw 0 6vw; }

.si__bloc-benefits .si__bloc-body { height: 150vh; align-items:flex-start; }

.si__bloc-benefits .si__bloc-flex {  width:100%; flex-direction:column-reverse;  }
.si__bloc-benefits .si__bloc-media { padding-left: 0; width: 68%; max-width:402px; margin: 0 auto; margin-bottom: 30px;}
.si__bloc-benefits .si__bloc-content { padding:31px 0 0 0;  margin: 0 auto; -webkit-position: sticky;  position: sticky;  top:85px;  }
.si__bloc-benefits .si__bloc-content .si__bloc-text { padding:0; }
.si__bloc-benefits .si__bloc-content .si__bloc-suptitle { font-size: 20px; padding-left: 0; padding-right: 0; }
.si__bloc-benefits .si__bloc-content .si__bloc-subtitle { font-size: 16px; padding-top: 4px;padding-bottom: 10px;}

.si__bloc-benefits .si__bloc-content .si__bloc-number[data-item="1"] { padding-top: 65px; }
.si__bloc-benefits .si__bloc-content .si__bloc-legend { padding-top: 60px; max-width: 320px; }
.si__bloc-benefits .si__bloc-content .si__bloc-legend-text {  padding-bottom: 1.65em;}

.si__bloc-benefits .si__brush { position: relative; overflow: hidden;padding: 72px 0 50px 0;}
.si__bloc-benefits .si__brush-picture { display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition:transform 1s linear; }
.si__bloc-benefits .si__brush-text { width: 0; overflow: hidden; transition:width 1s ease-in; }
.si__bloc-benefits .si__brush-text .si__bloc-text { margin:0; padding: 0 0 0 6vw; width: 94vw; }
.si__bloc-benefits .si__brush-text .si__more-link { margin:0; padding: 0 0 0 6vw; width: 94vw; }

.si__bloc-benefits .si__brush.si__animated .si__brush-text { width: 100%; transition-duration:2s; transition-timing-function:linear; }
.si__bloc-benefits .si__brush.si__animated .si__brush-picture { transform: translateY(-50%) translateX(105%); transition-duration:2s; transition-timing-function:ease-in;  /*! overflow: hidden; */}

.si__bloc-result .si__bloc-suptitle { font-size: 18px; line-height: 1.3em; padding: 0 6vw; }
.si__bloc-result .si__bloc-title {  font-size:32px; padding: 0 6vw 15px 6vw; }

.si__bloc-ingredient { height: 160vw; }
.si__bloc-ingredient .si__bloc-media:after { content:""; position:absolute; bottom:0; left:0; width:100%; height: 50%; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(242, 234, 215, 0.675) 100%); }
.si__bloc-ingredient .si__bloc-picture {  left: calc(50% - 50vw); width: 100vw; }
.si__bloc-ingredient .si__bloc-body { position: absolute;  width: 100%; top: auto; bottom: 55px;  transform:none;}
.si__bloc-ingredient .si__bloc-content { padding-left: 6%; padding-right: 6%; top:60px; }
.si__bloc-ingredient .si__bloc-text { color: #301D0B; }

.si__bloc-duo .si__bloc-body {  background: radial-gradient(ellipse farthest-corner at 100% 100%, rgba(255,250,242, 0.7) 40%, rgba(231, 212, 181, 1) 100%); }
.si__bloc-duo .si__bloc-content { padding: 105px 6% 105px 6%;  }

.si__bloc-gestuelle .si__bloc-flex {  flex-direction:column-reverse; }
.si__bloc-gestuelle .si__bloc-content { padding: 100px 6% 100px 6%;  }
.si__bloc-gestuelle .si__bloc-suptitle { padding-bottom:-1px;  }
.si__bloc-gestuelle .si__bloc-title { padding-bottom:28px;  }

.si__bloc-collection {  --SI__PADDING-TOP : 93px;  --SI__OFFSET-TOP : 127px; }

.si__bloc-collection .si__bloc-body { height: calc(120vw  + var(--SI__PADDING-TOP)  + var(--SI__OFFSET-TOP)); } 
.si__bloc-collection .si__bloc-content { text-align: left; padding-left:6%; padding-right: 6%;  }
.si__bloc-collection .si__bloc-cta { bottom:22vw;  }

.si__slider-wrapper {  width: 100%; }
.si__slide-cta { bottom:20vw;  }
.si__slide-content {  padding-top: calc(16vw - 15px); }

.si__more .si__more-link { display: block; }
.si__more .si__bloc-text { display: block;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 129px;
    text-overflow: ellipsis;
    overflow: hidden; 
     }

.si__more .si__bloc-text.si__visible { overflow: none;  }

.si__more-button {
 position:relative;
 cursor:pointer;
 padding:9px 0 9px;
 color:var(--FONT-COLOR);
 font-size: 10px;
 line-height: 15px;
 font-weight: 400;
 /*! text-transform: uppercase; */
 font-family: 'abchanel-corpo',sans-serif;
}
.si__more-button:after {
 content:'';
 position:absolute;
 top:auto;
 bottom:8px;
 left:1px;
 right:1px;
 height:1px;
 background-color:var(--FONT-COLOR);
 transition:opacity 250ms ease-in;
 will-change:opacity
}
.si__more-button:hover:after {
 opacity:0;
 transition:opacity 250ms ease-out
}


}


@media (max-width:375px) {

.si__bloc-intro .si__bloc-title { font-size: 34px; } 

}






html[lang="th-TH"] .si__wrapper .si__bloc-text { font-size: 17px; }
html[lang="th-TH"] .si__wrapper .si__bloc-text span { font-size: 14px; font-family: 'abchanel-corpo',sans-serif; }
.si__bloc-text-large { font-size: 24px; padding-bottom: 40px; text-transform: uppercase; } 
html[lang="th-TH"] .si__wrapper .si__bloc-text-large { font-size: 28px; }
html[lang="th-TH"] .si__wrapper .si__bloc-text-large span { font-size: 24px; font-family: 'abchanel-corpo',sans-serif; }
.si__bloc-text-extralarge { font-size: 28px; text-transform: uppercase; } 
html[lang="th-TH"] .si__wrapper .si__bloc-text-extralarge { font-size: 32px; }
html[lang="th-TH"] .si__wrapper .si__bloc-text-extralarge span { font-size: 28px; font-family: 'abchanel-corpo',sans-serif; }

.si__bloc-number { font-size: 48px; line-height:0.975em; } 
.si__bloc-number-value { display: inline-block; min-width: 67px; text-align: left; }
html[dir='rtl'] .si__bloc-number-value { text-align: right; }

.si__bloc-number-percent { font-size: 0.375em; } 

.si__bloc-label { }

.si__bloc-legend { font-size: 9px; line-height: 1.41em; } 

.si__bloc-numbers li { padding-bottom: 20px; }



/** -- discover -- **/


.scrolldown-arrow {
  width: 10px;
height: 65px;
overflow: hidden;
cursor: pointer;
position: absolute;
bottom: 19vh;
left: calc(50% - 5px);
}

.icon.is-small {
  height: .625rem;
  width: .625rem;
}

 .scrolldown-arrow::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 50px;
  background: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: yoyo2 2s infinite, fadeinout 2s linear infinite;
  animation: yoyo2 2s infinite, fadeinout 2s linear infinite;
}

     .scrolldown-arrow svg {
    position: absolute;
    top: 10px;
    left: 0;
    fill: #fff;
    -webkit-animation: yoyo3 2s infinite, fadeinout 2s linear infinite;
    animation: yoyo3 2s infinite, fadeinout 2s linear infinite;
}

@keyframes fadeinout {
    0% {
        opacity: 0;
    }

    20%,
    60% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes yoyo2 {
    0% {
        bottom: 50px;
        height: 65px
    }

    50% {
        height: 65px
    }

    100% {
        bottom: 0px;
        height: 0px
    }
}

@keyframes yoyo3 {
    from {
        top: 5px;
    }

    to {
        top: 60px;
    }
}

@media (min-width: 769px) {
.scrolldown-arrow {
bottom: 13vh;
}
}

/** -- Bouton -- **/

.si__bloc-cta { display: flex; flex-direction:column; align-items: flex-start;  }
.si__bloc-cta .si__cta-btn:nth-child(2) { margin-top: 11px; }
.si__bloc-intro .si__bloc-cta { align-items: center; }
.si__bloc-collection .si__bloc-cta { align-items: center; }

.si__cta-btn { cursor: pointer; display: inline-block;}

.si__cta-btn-inside { color:var(--FONT-COLOR); font-size: 11px; line-height: 2.45; font-weight:400; text-transform:uppercase; display:inline-block; position: relative; top:0; left:0; }

.si__cta-btn-inside:after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--FONT-COLOR);
    width: 100%; 
    height: 1px;
    display: block;
    opacity: 0.25;
    transition:opacity 0.3s;
}

.si__cta-btn:hover .si__cta-btn-inside:after
{ 
    opacity: 1;
}

@media (min-width: 620px) {
    .si__cta_btn { font-size: 17px; padding: 19px 56px; }
}

@media (min-width: 769px) {
    .si__cta_btn { font-size: 11px; padding: 10px 30px; }
    .si__bloc-intro .si__bloc-cta { align-items: center; }
    .si__bloc-collection .si__bloc-cta { align-items: center; }
}






/** Fonts **/

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}



/*    Swiper    */

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

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

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

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

.si__wrapper .swiper-wrapper {
 position: relative;
 /* width: 100%; */
 height: 100%;
 /* z-index: 1; */
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -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;
 -webkit-transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
 transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.si__wrapper .swiper-container-android .swiper-slide,
.si__wrapper .swiper-wrapper {
 -webkit-transform: translate3d(0px, 0, 0);
 transform: translate3d(0px, 0, 0);
}
.si__wrapper .swiper-container-multirow > .swiper-wrapper {
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.si__wrapper .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;
}
.si__wrapper .swiper-slide {
 -webkit-flex-shrink: 0;
 -ms-flex-negative: 0;
 flex-shrink: 0;
 position: relative;
 -webkit-transition-property: -webkit-transform;
 transition-property: -webkit-transform;
 -o-transition-property: transform;
 transition-property: transform;
 transition-property: transform, -webkit-transform;
 text-align: center;
}

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

.si__wrapper .swiper-slide-invisible-blank {
 visibility: hidden;
}
/* Auto Height */
.si__wrapper .swiper-container-autoheight,
.si__wrapper .swiper-container-autoheight .swiper-slide {
 height: auto;
}
.si__wrapper .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 */
.si__wrapper .swiper-container-wp8-horizontal,
.si__wrapper .swiper-container-wp8-horizontal > .swiper-wrapper {
 -ms-touch-action: pan-y;
 touch-action: pan-y;
}
.si__wrapper .swiper-container-wp8-vertical,
.si__wrapper .swiper-container-wp8-vertical > .swiper-wrapper {
 -ms-touch-action: pan-x;
 touch-action: pan-x;
}
.si__wrapper .swiper-button {
 position: absolute;
 top: 0;
 width: 14px;
 height: 25px;
 z-index: 10;
 cursor: pointer;
 background-size: 17px 25px;
 background-position: center;
 background-repeat: no-repeat;
 /*! z-index: 10; */
}
.si__wrapper .swiper-button:after {
 font-family:swiper-icons; color:#1D1D1D; font-size:22px;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1; transition:color 0.2s; position: absolute; top: 0px;
 display: block;
}
.si__wrapper .swiper-button:focus {  outline: none; }

.si__wrapper .swiper-button-prev.swiper-button-disabled,
.si__wrapper .swiper-button-next.swiper-button-disabled {
 opacity: 0;
 cursor: auto;
 pointer-events: none;
}
.si__wrapper .swiper-button-prev,
.si__wrapper .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
 left: 30px;
 right: auto;
 top: calc(50% - 11px);
}
.si__wrapper .swiper-button-prev:after,
.si__wrapper .swiper-container-rtl .swiper-button-next:after,
html[dir="rtl"] .swiper-button-next:after {
 content:"prev"; 
 left:2px;
}
.si__wrapper .swiper-button-next,
.si__wrapper .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
 right: 30px;
 left: auto;
 top: calc(50% - 11px);
}
.si__wrapper .swiper-button-next:after,
.si__wrapper .swiper-container-rtl .swiper-button-prev:after,
html[dir="rtl"] .swiper-button-prev:after {
 content:"next";
 right:2px; 
}

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


.si__wrapper .swiper-pagination {
 position: absolute; 
 bottom:7.25vw; 
 left:50%;
 transform:translateX(-50%);
font-size: 12px;
line-height: 1em;
}


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


.si__wrapper .swiper-pagination {  bottom: 37.5vw; }

.si__wrapper .swiper-button-next,
.si__wrapper .swiper-container-rtl .swiper-button-prev,
html[dir="rtl"] .swiper-button-prev {
 right: 5%;
 top: calc(41% - 11px);
}

.si__wrapper .swiper-button-prev,
.si__wrapper .swiper-container-rtl .swiper-button-next,
html[dir="rtl"] .swiper-button-next {
 left: 5%;
 top: calc(41% - 11px);
}

}



  .si__wrapper  .swiper-slide {
    pointer-events: none;
  }
 .si__wrapper  .swiper-slide-active {
      pointer-events: auto;
}