@charset "UTF-8";

@font-face {
  font-family: "SamsungOne";
  src: url("/content/static/bcom/evenements/2021/04_samsung-bespoke/fonts/SamsungOne-500.ttf") format("truetype");
}
@font-face {
  font-family: "SamsungSharpSans";
  src: url("/content/static/bcom/evenements/2021/04_samsung-bespoke/fonts/SamsungSharpSansRegular.ttf") format("truetype");
}
@font-face {
  font-family: "SamsungSharpSansMedium";
  src: url("/content/static/bcom/evenements/2021/04_samsung-bespoke/fonts/SamsungSharpSansMedium.ttf") format("truetype");
}
@font-face {
  font-family: "SamsungSharpSansBold";
  src: url("/content/static/bcom/evenements/2021/04_samsung-bespoke/fonts/SamsungSharpSansBold.ttf") format("truetype");
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/* html {
  box-sizing: border-box;
  font-size: 100%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
}

body {
    padding: 0;
    margin: 0;
} */
html, body{
  line-height: normal;
  font-size: inherit !important;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

/* avant sim bespoke */
/* #mainContent img {
  max-width: 100%;
  height: auto;
} */

/* since bespoke because break images on my devs
only apply .img to my dev sections and not on bespoke wrapper */
#mainContent .img img {
  max-width: 100%;
  height: auto;
}

#mainContent {
    margin: 0 auto;
    max-width: 1440px;
}

#mainContent #first {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    text-align: center;
}

#mainContent #first .logoBespoke {
    position: absolute;
    top: 3.88888889vw;
    max-width: 14.72222222vw;
    max-height: 2.22222222vw;
}

#mainContent #first h1 {
    position: absolute;
    top: 6vw;
    color: #000000;
    line-height: 1.2;
    font-family: 'SamsungSharpSansBold',arial,sans-serif;
    margin-bottom: 10px;
    word-wrap: break-word;
    font-size: 3.33333333vw;
}

#mainContent #first h1 span {
    font-size: 1.94444444vw!important;
}


#mainContent #first h1 span {
    font-size: small;
}

#mainContent #first h2 {
    position: absolute;
    bottom: 0;
    padding: 5.55555556vw 6.11111111vw;
    font-size: 2.63888889vw;
    font-family: 'SamsungSharpSansBold',arial,sans-serif;
    color: #000000;
}

#mainContent #second h1,
#mainContent #second h2,
#mainContent #third h1,
#mainContent #fourth h2,
#mainContent #fourth p {
    font-family: 'SamsungSharpSansBold',arial,sans-serif;
    color: #000000;
    font-size: 2.22222222vw;
}

#mainContent #second h2 {
    padding: 2.22222222vw 0 0;
}

#mainContent #second p:last-of-type,
#mainContent #third > p:first-of-type,
#mainContent #second p {
    padding: 0 0 2.22222222vw;
    font-family: 'SamsungOne',arial,sans-serif;
    font-size: 18px;
    font-size: 1.25vw;
}

#mainContent #second h1:first-of-type,
#mainContent #fourth h2 {
    padding: 5.55555556vw 6.11111111vw;
}

#mainContent #second h1:first-of-type:after,
#mainContent #fourth h2:after {
    content: "";
    display: block;
    height: 3px;
    width: 5%;
    color: black;
    background-color: black;
    margin: 50px auto 0;
}

#mainContent #second,
#mainContent #third,
#mainContent #fourth {
    text-align: center;
}

/* BLOCS IMAGES AT THE VERY END */
.wrapper {
    position: relative;
    /* mon ajout*/
    max-width: 1200px;
      margin: auto;
  }
  .wrapper:after {
    padding-top: 56.25%;   /* 16:9 ratio */
    display: block;
    content: ' ';
  }
  .flex-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 5px;
    display: flex;
    /* mon ajout */
    align-items: center;
      justify-content: center;
  }
  .flex-container > div {           /*  .flex-col-1, .flex-col-2, .flex-col-3  */
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .flex-container > div > div {     /*  .flex-row-1, .flex-row-2    */
    display: flex;
    margin: 10px 0 0;
    margin: .8vw 0 0;
  }
  
  .flex-col-2 {
    margin: 0 0 0 10px;
    /* margin: .8vw .8vw 0 0; */
    width: 30%;
  }
  
  .flex-col-1 {
    width: 25%;
  }
    .flex-col-1 .flex-row-1 {
      height: 70%;
      background: #ddd;
    }
    .flex-col-1 .flex-row-2 {
      height: 30%;
      background: #ddd;
    }
  
  
    .flex-col-2 #wrapper4 .flex-row-1 {
      /* height: 30%; */
      height: 100%;
      /* background: #ddd; */
      /* mon ajout */
      background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-4_gallery_thumbnail_pc.jpg) no-repeat;
      background-position: center center;
      background-size: cover;
      transition: all 1s;
    }
    .flex-col-2 #wrapper4.nextOne .flex-row-1 {
        /* height: 30%; */
        height: 100%;
        /* background: #ddd; */
        /* mon ajout */
        background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-7_gallery_thumbnail_pc-1.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
      }
    .flex-col-2 #wrapper5 .flex-row-2 {
      /* height: 70%; */
      height: 100%;
      /* background: #ddd; */
      /*  mon ajout */
      background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-5_gallery_thumbnail_pc.jpg) no-repeat;
      background-position: center center;
      background-size: cover;
      transition: all 1s;
    }

    .flex-col-2 #wrapper5.nextOne .flex-row-2 {
        /* height: 70%; */
        height: 100%;
        /* background: #ddd; */
        /*  mon ajout */
        background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-6_gallery_thumbnail_pc.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
      }
  
  .flex-col-3 {
    width: 70%;
  }
    .flex-col-3 #wrapper1 .flex-row-1 {
      /* height: 65%; */
      /* mon ajout */
      height: 100%;
      /* background: #ddd; */
      /* mon ajout */
      background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-1_gallery_thumbnail_pc.jpg) no-repeat;
      background-position: bottom center;
      background-size: cover;
      transition: all 1s;
    }
    .flex-col-3 #wrapper1.nextOne .flex-row-1 {
        /* height: 65%; */
        /* mon ajout */
        height: 100%;
        /* background: #ddd; */
        /* mon ajout */
        background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-10_gallery_thumbnail_pc.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
      }

      #wrapper1.nextOne {
          margin-top: 10px;
          margin-top: .8vw;
          margin-left: 5px;
          margin-left: .4vw;
      }

      #wrapper4.nextOne {
        margin-top: 5px;
        margin-top: .4vw;
        margin-bottom: 0;
    }

      #wrapper5.nextOne {
        margin-bottom: 5px;
        margin-bottom: .4vw;
    }

    .flex-col-3 .flex-row-2 {
      /* height: 35%; */
      /* mon ajout */
      height: 50%;
    }
  
  .flex-col-3-inner {
    flex: 1;
    display: flex;
  }
    .flex-col-3-inner #wrapper2 .flex-col-1-inner {
      width: 100%;
      margin-right: 10px;
      margin-right: .6vw;
      /* background: #ddd; */
      /* mon ajout */
      background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-2_gallery_thumbnail_pc.jpg) no-repeat;
      background-position: center center;
      background-size: cover;
      transition: all 1s;
      height: 100%;
    }

    .flex-col-3-inner #wrapper2.nextOne .flex-col-1-inner {
        width: 100%;
        margin-right: 10px;
        margin-right: .6vw;
        /* background: #ddd; */
        /* mon ajout */
        background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-8_gallery_thumbnail_pc.jpg) no-repeat;
        background-position: center center;
        background-size: cover;
        transition: all 1s;
        height: 100%;
      }
  
    .flex-col-3-inner #wrapper3 .flex-col-2-inner {
      width: 100%;
      margin-right: 10px;
      margin-right: .6vw;
      /* background: #ddd; */
      background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-3_gallery_thumbnail_pc.jpg) no-repeat;
      background-position: center center;
      background-size: cover;
      transition: all 1s;
      height: 100%;
  }

  .flex-col-3-inner #wrapper3.nextOne .flex-col-2-inner {
    width: 100%;
    margin-right: 10px;
    margin-right: .6vw;
    /* background: #ddd; */
    background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-9_gallery_thumbnail_pc.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 1s;
    height: 100%;
}


    /* .flex-col-3-inner .flex-col-2-inner { */
      /* width: 50%; */
      /* margin-left: 10px;
      margin-left: .6vw; */
      /* background: #ddd; */
      /*  mon ajout  */
      /* background: url(/content/static/bcom/evenements/2021/04_samsung-bespoke/img/2021-bespoke-refrigerator_n12-3_gallery_thumbnail_pc.jpg) no-repeat;
      background-position: center center;
      background-size: cover;
      transition: all 1s; */
    /* } */
  
    /* HOVER PART STARTS HERE */
    #wrapper1 .flex-row-1:hover,
    #wrapper2 .flex-col-1-inner:hover,
    #wrapper3 .flex-col-2-inner:hover,
    #wrapper4 .flex-row-1:hover,
    #wrapper5 .flex-row-2:hover {
      transform: scale(1.2);
      cursor: pointer;
  }
  
  span#wrapper1 {
    max-width: 100%;
    width: 100%;
    /* max-height: 497px; */
    height: 100%;
    /* border: 1px solid #000000; */
    overflow: hidden;
    position: relative;
    transition: all 1s;
  }
  
  span#wrapper2 {
    max-width: 100%;
    width: 50%;
    /* max-height: 497px; */
    height: 100%;
    /* border: 1px solid #000000; */
    overflow: hidden;
    position: relative;
    transition: all 1s;
    margin-right: 5px;
    margin-right: .4vw;
  }
  
  span#wrapper3 {
      max-width: 100%;
      width: 50%;
      /* max-height: 497px; */
      height: 100%;
      /* border: 1px solid #000000; */
      overflow: hidden;
      position: relative;
      transition: all 1s;
      margin-left: 5px;
      margin-left: .4vw;
  }
  
  span#wrapper4 {
      max-width: 100%;
      width: 100%;
      /* max-height: 497px; */
      /* height: 100%; */
      height: 60%;
      /* border: 1px solid #000000; */
      overflow: hidden;
      position: relative;
      transition: all 1s;
      margin-bottom: 10px;
      margin-bottom: .8vw;
  }
  
  span#wrapper5 {
      max-width: 100%;
      width: 100%;
      /* max-height: 497px; */
      height: 100%;
      /* border: 1px solid #000000; */
      overflow: hidden;
      position: relative;
      transition: all 1s;
  }
  /* END OF BLOCS IMAGES AT THE VERY END */



    @media (min-width: 768px) {
        /* hide carousel */
        #mainContent .container.firstCarousel {
            display: none;
        }
    }

    #mainContent #listingProducts {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    #mainContent #listingProducts a,
    #mainContent .container.firstCarousel .item .row a {
        color: #000000;
        border: 1px solid #000000;
        padding: 10px 15px;
        border-radius: 20px;
        text-decoration: none;
        transition: all ease .2s;
    }

    #mainContent #listingProducts a:hover,
    #mainContent .container.firstCarousel .item .row a:hover {
        color: #555 !important;
        background-color: rgba(0,0,0,0.05) !important;
        border-color: #555 !important;
    }
    
    #mainContent #listingProducts p,
    #mainContent .container.firstCarousel p {
        font-family: 'SamsungSharpSansBold',arial,sans-serif;
        font-size: 1.94444444vw;
        padding: 2.54444444vw 1.66666667vw;
    }

    #mainContent #listingProducts a {
        display: inline-block;
        margin:12px auto 36px
    }
    
    @media (max-width: 768px) {
        #mainContent #listingProducts {
            display: none;
        }
    }

    #mainContent .secondCarousel {
        padding: 0 30px;;
    }

    #mainContent .container.firstCarousel i.fa.fa-chevron-right,
    #mainContent .secondCarousel i.fa.fa-chevron-right
     {
        border: 1px solid #a59999;
        padding: 10px 15px 10px 18px;
        border-radius: 50%;
    }

    #mainContent .container.firstCarousel i.fa.fa-chevron-left,
    #mainContent .secondCarousel i.fa.fa-chevron-left {
        border: 1px solid #a59999;
        padding: 10px 18px 10px 15px;
        border-radius: 50%;
    }

    #mainContent .secondCarousel .carousel-control {
        width: 5%;
    }


/* FIRST CAROUSEL PART */
#mainContent .firstCarousel #quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#mainContent .firstCarousel #quote-carousel .carousel-control,
#mainContent .secondCarousel #quote-carousel1 .carousel-control {
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 25%;
}
/* Previous button  */
#mainContent .firstCarousel #quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#mainContent .firstCarousel #quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#mainContent .firstCarousel #quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#mainContent .firstCarousel #quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#mainContent .firstCarousel #quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#mainContent .firstCarousel #quote-carousel img
{
  width: 250px;
  height: 100px
}
#mainContent .item blockquote {
    border-left: none; 
    margin: 0;
}

#mainContent .item blockquote img {
    margin-bottom: 10px;
}
/* 
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
} */

/* END FIRST CAROUSEL PART */




/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #mainContent .firstCarousel #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }

    #mainContent .kvMobile,
    #mainContent .sousKvMobile {
        display: none;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 767px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #mainContent .firstCarousel #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #mainContent .firstCarousel #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #mainContent .firstCarousel #quote-carousel .carousel-indicators https://urldefense.proofpoint.com/v2/url?u=http-3A__li.active&d=DwIGAg&c=yQHSJCAKP3nEFlehLGd8PY5PTgIMQtDp09kNa-6uNnE&r=hAJnE0FJerZYBJ6XzHgjh2EL0FS3AsrhfLXLoKFhfms&m=i9xfhwTfca_3QiYA4IorGXkIG_7p45cPkHSy6A6G2nY&s=aOhwzoDBXkg-iSdyWOKYTzA9A4Nwxola6KzRHyTtTns&e=  {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }

    #mainContent .kvMobile,
    #mainContent .sousVkMobile {
        display: block;
        width: 100%;
    }

    #mainContent .kvDesktop,
    #mainContent .sousKvDesktop {
        display: none;
    }

    #mainContent #first .logoBespoke {
        max-width: 43.33333333vw;
        max-height: 6.66666667vw;
    }

    #mainContent #first h1 {
        font-size: 7.22222222vw;
        margin-top: 6.5vw;
    }

    #mainContent #first h1 span {
        font-size: 5vw!important;
    }

    #mainContent #first h2 {
        font-size: 7.22222222vw;
    padding: 12.888889vw 6.66666667vw;
    }

    #mainContent #second h1, #mainContent #second h2, #mainContent #third h1, #mainContent #fourth h2, #mainContent #fourth p {
        font-family: 'SamsungSharpSansBold',arial,sans-serif;
        color: #000000;
        font-size: 6.11111111vw;
        line-height: 1.33;
        margin-bottom: 2.22222222vw;
        padding: 0vw 6.66666667vw 0vw 6.66666667vw;
    }

    #mainContent #second h1:first-of-type:after,
    #mainContent #fourth h2:after {
        content: "";
        display: block;
        height: 2px;
        width: 10%;
        color: black;
        background-color: black;
    }

    #mainContent #fourth h2 {
        margin: 50px auto;
    }

       #mainContent #fourth h2:after {
           margin: 50px auto;
       }

       #mainContent #second p:last-of-type,
        #mainContent #third > p:first-of-type,
        #mainContent #second p {
            font-size: 3.33333333vw;
            padding: 0vw 6.66666667vw 0vw 6.66666667vw;
        }

        #mainContent .secondCarousel .carousel-control {
            width: auto;
        }

        #mainContent .container.firstCarousel i.fa.fa-chevron-right,
        #mainContent .container.firstCarousel i.fa.fa-chevron-left,
        #mainContent .secondCarousel i.fa.fa-chevron-right,
        #mainContent .secondCarousel i.fa.fa-chevron-left {
            border: 1px solid #bdbdbd;
            padding: 10px 15px 10px 18px;
            border-radius: 50%;
            background-color: white;
        }

        .fa-chevron-right:before {
            content: "\f054";
            color: black;
        }

        .fa-chevron-left:before {
            content: "\f053";
            color: black;
        }

        #mainContent .container.firstCarousel p {
            padding-bottom: 6.666667vw;
            font-size: 6.11111111vw;
        }

        video {
            width: 100%;
            height: auto;
        }
    
}