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

@font-face {
    font-family: 'Singulier Bold';
    src: url('fonts/Singulier-Bold.woff2') format('woff2'),
        url('fonts/Singulier-Bold.woff') format('woff'),
        url('fonts/Singulier-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Singulier Medium';
    src: url('fonts/Singulier-Demi.woff2') format('woff2'),
        url('fonts/Singulier-Demi.woff') format('woff'),
        url('fonts/Singulier-Demi.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Singulier';
    src: url('fonts/Singulier-Regular.woff2') format('woff2'),
        url('fonts/Singulier-Regular.woff') format('woff'),
        url('fonts/Singulier-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


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

.ysl__page {
    --YSL-FT-NORMAL: "Singulier", Helvetica, Arial, sans-serif;
    --YSL-FT-MEDIUM: "Singulier Medium", Helvetica, Arial, sans-serif;
            --YSL-FT-BOLD: "Singulier Bold", Helvetica, Arial, sans-serif;
    --YSL-HEIGHT:100vh;
    --YSL-WIDTH:100vw;
            --YSL-TOP:0;
            --YSL-PRODUCT-TOP:100px; 
}



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

.ysl__page {
    font-family: var(--YSL-FT-NORMAL);
    font-weight: normal;
    color: #000;
    background: #fff;
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden; 
    opacity: 1; 
    min-height: 100vh;

}
.ysl__page.ysl__visible { opacity: 1; }

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

.ysl__page h1,
.ysl__page h2,
.ysl__page h3 {
    margin: 0;
    padding: 0;
    font-family: var(--FT-SINGULIER);
    font-weight: normal;
}

.ysl__page ul,
.ysl__page li { list-style:none; margin: 0; padding: 0; }
.ysl__page p { margin: 0; padding: 0; }
.ysl__page picture { display: block; }
.ysl__page img { width: 100%; display: block; }
.ysl__page a { color: #000; text-decoration: none; }
.ysl__page sup { position: relative; top: 0.05em; font-size: 0.6em; line-height:0; padding-left: 1px; }

.ysl__page .ysl__bloc { position: relative; top:0; left:0;  }

.ysl__page .ysl__body { position: relative; top:0; left:0; }
.ysl__page .ysl__content { text-align: center; position: relative; }





.ysl__page .ysl__bloc { position:relative;  width: 100%; }
.ysl__page .ysl__body { position:relative; width: 100%; padding-bottom: 80px; }
.ysl__page .ysl__content { text-align: center; position:relative; left:0; top:0;  }

.ysl__page .ysl__text  { display:block; font-size: 20px; line-height: 26px; }
.ysl__page .ysl__text-title  { display:block; font-size: 42px; line-height: 1em;  text-transform: uppercase; font-family: var(--YSL-FT-BOLD);   }
.ysl__page .ysl__text-subtitle  { display:block; text-transform: uppercase; }
.ysl__page .ysl__text-desc  { display:block; font-size: 20px; line-height: 26px; }
.ysl__page .ysl__text-legend  { display:block; font-size: 14px; line-height: 14px; }

.ysl__page .ysl__font-medium  {  font-family: var(--YSL-FT-MEDIUM); }
.ysl__page .ysl__color-orange  { color:#cba254; }
.ysl__page .ysl__color-red  { color:#bd7461; }
.ysl__page .ysl__color-blue  { color:#2b72d6; }
.ysl__page .ysl__color-1  { color:#d6998e; }
.ysl__page .ysl__color-2  { color:#f1c6c0; }


.ysl__page br.ysl__desktop { display: block; }
.ysl__page br.ysl__mobile { display: none; }


@media(max-width: 640px) {

.ysl__page .ysl__text { font-size: 16px; line-height: 23px; }
.ysl__page .ysl__text-title  { display:block; font-size: 32px; line-height: 32px; }
.ysl__page .ysl__text-desc  { display:block; font-size: 16px; line-height: 23px; }

.ysl__page br.ysl__desktop { display: none; }
.ysl__page br.ysl__mobile { display: block; }


}



/* --- CTA  ---- */

.ysl__page .ysl__cta { display: flex; align-items:center; justify-content:center; }
.ysl__page .ysl__cta a { background: #000; color:#FFF; height: 42px; display: inline-flex; align-items:center; justify-content:center; }
.ysl__page .ysl__cta a span { text-transform: uppercase; padding: 0 15px; font-size: 20px; line-height: 18px; display: block; height: 20px; }

@media(max-width: 640px) {

    .ysl__page .ysl__cta a { max-width: 210px; width: 70%; }


}


/* --- Slider  ---- */

.ysl__page .ysl__slider { position:relative;  top:0; left:0;  }

.ysl__page .ysl__slides { position:relative; top:0; left:0; width: 100%; margin: 0 auto;  cursor: pointer; }


.ysl__page .ysl__slide { position:relative; top:0; left:0; width: 100%; }

.ysl__page .ysl__slide-media { width: 100%; display: flex; position: relative;  }
.ysl__page .ysl__slide-picture { position: relative; top:0; left:0; width: 100%; }
.ysl__page .ysl__slide-img { display: block; width: 100%; }

.ysl__page .ysl__slide .ysl__slide-media { transition: transform 0.5s; pointer-events:none; }

.ysl__page .ysl__slide-text {  text-align: center; width: auto; font-family: var(--YSL-FT-BOLD);  }

.ysl__page .ysl__slide-text-title { display: block; font-size: 44px; line-height: 41px; text-transform: uppercase;  }
.ysl__page .ysl__slide-text-desc { display: block; font-size: 24px; line-height: 31px; text-transform: uppercase;  }


.ysl__page .ysl__slide.ysl__active .ysl__slide-text { opacity: 1; } 

/*
.ysl__page .ysl__slider-pagination { z-index: 10; position: absolute; top:611px; left:50%; height: 30px; width: 75%; max-width: 500px; margin: 20px auto; display: flex;  justify-content: center;  align-items: center; transform:translateX(-50%); }
.ysl__page .ysl__slider-dot { display:flex; align-items:center; margin: 0 10px; height: 100%; width: 100%; cursor: pointer; }
.ysl__page .ysl__slider-dot span { background: #fff; width: 100%; height: 3px;  display:block; transition:background 0.3s; }
.ysl__page .ysl__slider-dot.ysl__active span { background: #ff3300; }

*/

@media(max-width: 1024px) {


}




@media(max-width: 428px) {


}




/* --- First  ---- */

.ysl__page .ysl__body-first { padding-bottom: 60px; }

.ysl__page  .ysl__bloc-first .ysl__media  { position:relative; top:0; left:0; }
.ysl__page  .ysl__bloc-first .ysl__media-picture-bkgd  { position:relative; top:0; left:0; }
.ysl__page  .ysl__bloc-first .ysl__media-picture-bkgd.ysl__animated  { animation:ysl__flash_bkgd 1s cubic-bezier(.28,0.5,.22,0.5); animation-iteration-count: 1; }
.ysl__page  .ysl__bloc-first .ysl__media-picture-packshot  { position:absolute; top:0; left:16%; height: 100%; opacity: 0; }
.ysl__page  .ysl__bloc-first .ysl__media-picture-packshot  img { width:auto; height: 100%;  }
.ysl__page  .ysl__bloc-first .ysl__media-picture-packshot.ysl__animated  { animation:ysl__flash 1s cubic-bezier(.28,0.5,.22,0.5); animation-iteration-count: 1; }
.ysl__page  .ysl__bloc-first .ysl__media-picture-packshot.ysl__visible  { opacity: 1; }

.ysl__page  .ysl__bloc-first .ysl__title  { position:absolute; top:50%; transform:translateY(-50%); left:62.5%; display:block; font-size: 82px; line-height: 0.8em; text-transform: uppercase;  font-family: var(--YSL-FT-BOLD);  }

.ysl__page .ysl__content-first { text-align: center; padding:61px 5% 0 5%; max-width: 900px; width: 100%; margin: 0 auto; }


@media(max-width: 1280px) {

.ysl__page  .ysl__bloc-first .ysl__title  { font-size: 6.40625vw; }

}

@media(max-width: 640px) {

.ysl__page  .ysl__bloc-first .ysl__title  { top:78vw; transform:translateX(-50%); left:50%; font-size: 12.78vw; text-align: center;  }

.ysl__page  .ysl__bloc-first .ysl__media-picture-packshot  { left:0; }


}

@keyframes ysl__flash_bkgd {
    from { filter: brightness(1); }
    10% { filter: brightness(1); }
    35% { filter: brightness(1.05); }
    40% { filter: brightness(1); }
    /*

    60% { filter: brightness(1); }
    65% { filter: brightness(1.05); }
    70% { filter: brightness(1); }
    80% { filter: brightness(1); }
    */
    85% { filter: brightness(1.01); }
    90% { filter: brightness(1); }
    to { filter: brightness(1);  }
}


@keyframes ysl__flash {
    from { filter: brightness(1); opacity: 0; }
    20% { filter: brightness(1); }
    35% { filter: brightness(1.25); }
    40% { filter: brightness(1); opacity: 1; }
    /*

    60% { filter: brightness(1); }
    65% { filter: brightness(1.05); }
    70% { filter: brightness(1); }
    80% { filter: brightness(1); }
    */
    85% { filter: brightness(1.1); }
    90% { filter: brightness(1); }
    to { filter: brightness(1); opacity: 1;  }
}


/* --- Second  ---- */

.ysl__page .ysl__body-second {  padding-bottom: 95px; }

.ysl__page .ysl__bloc-second .ysl__slide-media { display: flex;  }
.ysl__page .ysl__bloc-second .ysl__slide-media .ysl__slide-picture-left { width: 40%; }
.ysl__page .ysl__bloc-second .ysl__slide-media .ysl__slide-picture-right { width: 60%; }

.ysl__page .ysl__body-second .ysl__slide-content { position:absolute; right:0; bottom:26px; background:#FFF; width: auto; min-width: 244px; padding: 17px 15px 26px 20px;  }

.ysl__page .ysl__slides.ysl__slides-second-nav { width: calc(100% - 200px); max-width: 675px; margin: 45px auto 0 auto; }
.ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide { padding: 3px; }
.ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide-media { position: relative; top:0; left:0; width:120px; margin: 0 auto; }
.ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide-media:before { content:""; position: absolute; top:-3px; left:-3px; width:calc(100% + 6px); height: calc(100% + 6px);  border-radius: 6px; 
    background: #fff;
}

.ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide-picture { position: relative; top:0; left:0;  width:100%; padding: 10px; background: #fff;  }
.ysl__page .ysl__slides.ysl__slides-second-nav .slick-current .ysl__slide-media:before { 
    background: #a39568;
    background: -moz-linear-gradient(38deg,  #a39568 0%, #ecd4a3 52%, #a39568 100%);
    background: -webkit-linear-gradient(38deg,  #a39568 0%,#ecd4a3 52%,#a39568 100%);
    background: linear-gradient(38deg,  #a39568 0%,#ecd4a3 52%,#a39568 100%);
}



@media(max-width: 640px) {

    .ysl__page .ysl__bloc-second .ysl__slide-media { display: block;  }
    .ysl__page .ysl__bloc-second .ysl__slide-media .ysl__slide-picture-left,
    .ysl__page .ysl__bloc-second .ysl__slide-media .ysl__slide-picture-right  { width: 100%; }

    .ysl__page .ysl__body-second .ysl__slide-content { position:relative; left:14%; right:auto; top:0; bottom:auto; transform: translateY(-30px); background:#FFF; width: 72%; min-width: 244px; padding: 17px 15px 26px 20px;  }

    .ysl__page .ysl__slides.ysl__slides-second-nav { width: calc(100% - 200px);  margin-top: 15px; }
    .ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide-media { width:90px; }
    .ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide-media:before { top:-2px; left:-2px; width:calc(100% + 4px); height: calc(100% + 4px);  border-radius: 4px; }

    .ysl__page .ysl__slides.ysl__slides-second-nav .ysl__slide-picture { padding: 8px; }

}


@media(max-width: 374px) {

    .ysl__page .ysl__slides.ysl__slides-second-nav { width: calc(100% - 120px); }

}


/* --- Third  ---- */

.ysl__page .ysl__body-third { display: flex; flex-direction:row-reverse; align-items:stretch; }

.ysl__page .ysl__body-third .ysl__media  {  width: 50%; }
.ysl__page .ysl__body-third .ysl__media-img { object-fit: cover; height: 100%; }
.ysl__page .ysl__body-third .ysl__media-picture { height: 100%; }

.ysl__page .ysl__content-third  { background: #000; width: 50%; display: flex; align-items:center; justify-content:center; flex-direction:column;}
.ysl__page .ysl__content-third .ysl__logo  { width: 50px; margin: 0 auto; padding-top: 20px; }
.ysl__page .ysl__content-third .ysl__logo-img  { display:block; width: 50px; margin: 0 auto; }
.ysl__page .ysl__content-third .ysl__logo-text  { color: #fff; width: 100%; text-align: center; text-transform: uppercase; font-size: 9px; line-height: 9px; letter-spacing: 0.3em; display: block; padding-top: 7px; }

.ysl__page .ysl__content-third .ysl__text  { color: #fff; width: 100%; padding: 35px 50px 30px 50px;  }
.ysl__page .ysl__content-third .ysl__text-title  { font-size: 36px; line-height: 42px; padding-bottom: 35px; }
.ysl__page .ysl__content-third .ysl__text-subtitle  { font-family: var(--YSL-FT-BOLD); font-size: 28px; line-height: 1.2em; padding-bottom: 32px; }


@media(max-width: 1180px) {

    .ysl__page .ysl__content-third .ysl__text  { padding-left: 30px; padding-right: 30px; }
    .ysl__page .ysl__content-third .ysl__text br.ysl__desktop { display: none; }
}


@media(max-width: 768px) {

    .ysl__page .ysl__body-third { display: block; }
    .ysl__page .ysl__body-third .ysl__media  {  width: 100%; }
    .ysl__page .ysl__content-third  { width: 100%; display: flex; align-items:center; justify-content:center; }

    .ysl__page .ysl__content-third .ysl__logo  { padding-top: 65px; }
    .ysl__page .ysl__content-third .ysl__text  { padding-left: 5%; padding-right: 5%; padding-bottom: 65px; }
    .ysl__page .ysl__content-third .ysl__text-title  { font-size: 32px; line-height: 32px; }
    .ysl__page .ysl__content-third .ysl__text-subtitle  {  font-size: 23px; line-height: 1.2em; }

}


/* --- Fourth  ---- */

.ysl__page .ysl__body-fourth .ysl__media { position: relative; top:0; left:0; }
.ysl__page .ysl__body-fourth .ysl__media-picture { position: absolute; top:0; left:0; width: 100%; display: block; opacity: 0; overflow: hidden; }
.ysl__page .ysl__body-fourth .ysl__media-picture:first-child { position:  relative; opacity: 1; }
.ysl__page .ysl__body-fourth .ysl__media-picture.ysl__visible {  opacity: 1; }
.ysl__page .ysl__body-fourth .ysl__media-img { width: 100%; display: block; }

@media(max-width: 640px) {
    .ysl__page .ysl__body-fourth .ysl__media-img { width: 140%; transform: translateX(-14%); }
}




/* --- Fifth  ---- */

.ysl__page .ysl__body-fifth { padding-bottom: 100px; }
.ysl__page .ysl__content-fifth .ysl__text-title  { padding-bottom: 23px; }
.ysl__page .ysl__content-fifth { padding: 0 70px 73px 70px; }

.ysl__page .ysl__body-fifth .ysl__slide-content { padding: 27px 15px 0 15px;  }
.ysl__page .ysl__body-fifth .ysl__slide-media {  width: 275px; margin: 0 auto; }

.ysl__page .ysl__body-fifth .ysl__slide-text {  padding-bottom: 25px; }

.ysl__page .ysl__body-fifth .ysl__slide-picture-back { display: block; position: relative;  opacity:  0; }
.ysl__page .ysl__body-fifth .ysl__slide-picture-front { display: block; position: absolute; top:0; left:0; opacity:1;   }


@keyframes ysl__flash_front {
   0%, 50% {
               opacity: 1;
               filter: brightness(1.5); 
            }
            25%, 75%{
               opacity: 0.5;
               filter: brightness(1); 
            }
            100% {
               opacity: 0;
               filter: brightness(1); 
            }
}

@keyframes ysl__flash_back {
   0%, 50% {
               opacity: 0;
               filter: brightness(2); 
            }
            100% {
               opacity: 1;
               filter: brightness(1); 
            }
}

.ysl__page .ysl__body-fifth .ysl__slide-media.ysl__animated  .ysl__slide-picture-back { animation:ysl__flash_back 0.5s cubic-bezier(.28,0.5,.22,0.5); animation-iteration-count: 1; }
.ysl__page .ysl__body-fifth .ysl__slide-media.ysl__animated  .ysl__slide-picture-front { animation:ysl__flash_front 0.5s cubic-bezier(.28,0.5,.22,0.5); animation-iteration-count: 1; }

.ysl__page .ysl__body-fifth .ysl__slide-media.ysl__ended  .ysl__slide-picture-back {   opacity:1; }
.ysl__page .ysl__body-fifth .ysl__slide-media.ysl__ended  .ysl__slide-picture-front {   opacity:0; }


@media(max-width: 640px) {

.ysl__page .ysl__content-fifth { padding-left: 5%; padding-right: 5%; }

}


/* --- Sixth  ---- */

.ysl__page .ysl__body-sixth { display: flex; align-items:stretch; padding-bottom: 90px; }

.ysl__page .ysl__body-sixth .ysl__media  {  width: 50%; }
.ysl__page .ysl__body-sixth .ysl__media-img { object-fit: cover; height: 100%; }
.ysl__page .ysl__body-sixth .ysl__media-picture { height: 100%; }

.ysl__page .ysl__content-sixth  { background: #000; width: 50%; display: flex; align-items:center; justify-content:center; }

.ysl__page .ysl__content-sixth .ysl__text  { color: #fff; width: 100%; padding: 30px 0; }
.ysl__page .ysl__content-sixth .ysl__text-title { font-size: 44px; line-height: 40px; padding-bottom: 17px; }
.ysl__page .ysl__content-sixth .ysl__text-subtitle { font-size: 24px; line-height: 24px; padding-bottom: 60px;  }

.ysl__page .ysl__content-sixth .ysl__text ul { padding: 0 30px 0 66px; }
.ysl__page .ysl__content-sixth .ysl__text li { text-align: left; display: flex; align-items:center; padding-bottom: 25px; }
.ysl__page .ysl__content-sixth .ysl__text li:last-child {  padding-bottom: 0; }
.ysl__page .ysl__content-sixth .ysl__text li:nth-child(2) { padding-left: 130px; padding-right: 30px; }
.ysl__page .ysl__content-sixth .ysl__text li:nth-child(3) {  padding-right: 30px;  }
.ysl__page .ysl__content-sixth .ysl__text-desc { padding-left: 15px; }
.ysl__page .ysl__content-sixth .ysl__text-number{ font-size: 150px; line-height: 120px;  font-family: "Times new roman", serif; font-style: italic; }

@media(max-width: 1024px) {

.ysl__page .ysl__content-sixth .ysl__text ul { padding: 0 6% 0 6%; }
.ysl__page .ysl__content-sixth .ysl__text li:nth-child(2) { padding-left: 65px;  }

}


@media(max-width: 768px) {

    .ysl__page .ysl__body-sixth { display: block; }
    .ysl__page .ysl__body-sixth .ysl__media  {  width: 100%; }
    .ysl__page .ysl__content-sixth  { width: 100%; display: block; padding:  0; }

     .ysl__page .ysl__content-sixth  .ysl__text {  padding: 65px 0; }
    .ysl__page .ysl__content-sixth .ysl__text-title  { font-size: 32px; line-height: 32px; }
    .ysl__page .ysl__content-sixth .ysl__text-subtitle { font-size: 20px; line-height: 20px; padding-bottom: 37px;  }

    
    .ysl__page .ysl__content-sixth .ysl__text li {  padding-bottom: 45px;  align-items:flex-start; }
    .ysl__page .ysl__content-sixth .ysl__text li:last-child {  padding-bottom: 0; }
    .ysl__page .ysl__content-sixth .ysl__text li:nth-child(2) {  align-items:center; padding-left: 35px;  }
    .ysl__page .ysl__content-sixth .ysl__text-number{ font-size: 110px; line-height: 90px;  }
}




/* --- Seventh  ---- */

.ysl__page .ysl__content-seventh { padding: 0 20px 26px 20px; margin: 0 auto; max-width: 1090px; width: 100%; }
.ysl__page .ysl__content-seventh .ysl__text-title { padding-bottom: 17px; }
.ysl__page .ysl__content-seventh .ysl__text-desc { padding-bottom: 8px; }


.ysl__page .ysl__slides-seventh .ysl__slide-media { width: 180px; margin: 0 auto; }
.ysl__page .ysl__slides-seventh .ysl__slide-media-img { width: 100%; display: block; }

.ysl__page .ysl__body-seventh .ysl__slide-text-title {  font-size: 24px; line-height: 28px; min-height:76px; padding-bottom: 20px;  }
.ysl__page .ysl__body-seventh .ysl__slide-text-desc {  font-size: 18px; line-height: 23px;  min-height:66px; padding-bottom: 20px; font-family: var(--YSL-FT-NORMAL); text-transform: none;   }



@media(max-width: 640px) {

.ysl__page .ysl__content-seventh { padding-left: 5%; padding-right: 5%; }


}







/* Slider */
.ysl__page .slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.ysl__page .slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.ysl__page .slick-list:focus
{
    outline: none;
}
.ysl__page .slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.ysl__page .slick-slider .ysl__page .slick-track,
.ysl__page .slick-slider .ysl__page .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.ysl__page .slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ysl__page .slick-track:before,
.ysl__page .slick-track:after
{
    display: table;

    content: '';
}
.ysl__page .slick-track:after
{
    clear: both;
}
.ysl__page .slick-loading .ysl__page .slick-track
{
    visibility: hidden;
}

.ysl__page .slick-slide
{
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .ysl__page .slick-slide
{
    float: right;
}

.ysl__page .slick-slide.ysl__page .slick-loading img
{
    display: none;
}
.ysl__page .slick-slide.dragging img
{
    pointer-events: none;
}
.ysl__page .slick-initialized .ysl__page .slick-slide
{
    display: block;
}
.ysl__page .slick-loading .ysl__page .slick-slide
{
    visibility: hidden;
}
.ysl__page .slick-vertical .ysl__page .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.ysl__page .slick-arrow.ysl__page .slick-hidden {
    display: none;
}


/* Arrows */
.ysl__page .slick-prev,
.ysl__page .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 48px;
    height: 88px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #000;
}
.ysl__page .slick-prev:hover,
.ysl__page .slick-prev:focus,
.ysl__page .slick-next:hover,
.ysl__page .slick-next:focus
{
    color: transparent;
    outline: none;
    background: #212121;
}
.ysl__page .slick-prev:hover:before,
.ysl__page .slick-prev:focus:before,
.ysl__page .slick-next:hover:before,
.ysl__page .slick-next:focus:before
{
    opacity: 1;
}
.ysl__page .slick-prev.slick-disabled:before,
.ysl__page .slick-next.slick-disabled:before
{
    opacity: .25;
}

.ysl__page .slick-prev:before,
.ysl__page .slick-next:before
{
    content: '';
    opacity: .75;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ysl__page .slick-prev
{
    left: -75px;
    -webkit-clip-path: polygon(100% 25%, 50% 50%, 100% 75%, 100% 100%, 0% 50%, 100% 0);
    clip-path: polygon(100% 25%, 50% 50%, 100% 75%, 100% 100%, 0% 50%, 100% 0);
}


.ysl__page .slick-next
{
    right: -75px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%, 0 75%, 50% 50%, 0 25%);
    clip-path: polygon(0 0, 100% 50%, 0 100%, 0 75%, 50% 50%, 0 25%);
}



@media(max-width: 640px) {

    .ysl__page .slick-prev,
    .ysl__page .slick-next
    {
        width: 24px;
        height: 44px;
    }

    .ysl__page .slick-prev
    {
        left: -50px;
    }

    .ysl__page .slick-next
    {
        right: -50px;
    }


}


/* Dots */
.ysl__page .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.ysl__page .slick-dots
{
    position: absolute;
    bottom: -50px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.ysl__page .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.ysl__page .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background: #f3e1df;
    border-radius: 50%;
}
.ysl__page .slick-dots li button:hover,
.ysl__page .slick-dots li button:focus
{
    outline: none;
}
.ysl__page .slick-dots li.slick-active button
{
    background: black;
}