@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'nothing_to_hideregular';
    src: url('../fonts/nothingtohide-webfont.woff2?$staticlink$') format('woff2'),
         url('../fonts/nothingtohide-webfont.woff?$staticlink$') format('woff');
    font-weight: normal;
    font-style: normal;
}

.lp-faq{
  font-family: "Montserrat", sans-serif;
  text-align: center;
	font-weight: bold;
}

.lp-faq .black{
  font-weight: 900;
}

.lp-faq *{
  outline: none;
}

.lp-faq .img-responsive{
    display: block;
    height: auto;
    width: 100%;
	height: 24vw;
}

.lp-faq .liens-FAQ{
  text-decoration: underline;
}

.lp-faq .nth-reg{
  font-family: 'nothing_to_hideregular';
  line-height: 1;
}

.lp-faq .pink{
  color: #f7626e;
}

.lp-faq .cta{
  border-radius: 60px;
  outline: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all .2s ease-in-out;
  text-decoration: none;
  width: auto;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 700;
}

.lp-faq .cta-black{
  color: #FFF;
  background: #000;
  border: 1px solid #000;
}

.lp-faq .cta-white{
  color: #FFF;
  background: transparent;
  border: 1px solid #FFF;
}

.lp-faq .home-faq, .lp-faq .intro-faq{
  padding: 5% 0;
}

.lp-faq .home-faq .medium-paragraphe{
  margin: 4% 0 3%;
}

.lp-faq .faq-container{
  text-align: left;
  max-width: 954px;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.lp-faq .item{
  border-bottom: 1px solid #414141;
  width: 100%;
  display: block;
  overflow: hidden;
}

.lp-faq .item__title{
  position: relative;
  cursor: pointer;
  line-height: 1.2;
  min-height: 29px;
  display: block;
  padding: 20px 10px 20px 30px;
  background: #fff;
  font-size: 22px;
}

.lp-faq .item__title::after{
  font-family: icomoon;
  content: "+";
  display: block;
  position: absolute;
  left: 8px;
  top: 30%;
  transform: rotate(-90deg);
  transition: transform ease-out 0.2s;
}

.lp-faq .item.open .item__title:after {
  transform: rotate(0deg);
  transition: transform ease-out 0.2s;
}

.lp-faq .item__content{
  transition: all .2s ease-in-out;
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0 10px 0 30px;
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  font-family:'Montserrat';
		font-weight: 500;
}

.lp-faq .item.open .item__content{
  transition: all .07s ease-in-out;
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 0 10px 15px 30px;
  box-sizing: border-box;
  width: 100%;

}

.lp-faq .categ-faq{
  background: #FCE4E4;
  padding: 5% 0;
  overflow: hidden;
}

.lp-faq .list-categ__item{
  width: 23.2%;
  border: 1px solid #262626;
  background: #FFF;
  border-radius: 20px;
  padding: 5% 5px;
}

.lp-faq .bloc-faq{
  border-radius: 36px;
  background: #FFF;
  position: relative;
  margin: -21% auto 0;
  max-width: 1268px;
  padding: 4% 5px;
  width: 95%;
}

.lp-faq .bloc-faq .picto{
  max-width: 130px;
  margin: 0 auto;
}

.lp-faq .bloc-faq .medium-paragraphe{
  margin: 2% 0 4%;
}

.lp-faq .bloc-faq .faq-container{
  margin-bottom: 6%;
}

.lp-faq .bloc-faq .cta{
  margin-top: 3%;
}

.lp-faq .back{
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 50px;
}

.lp-faq .sliderPageCategNav{
  border-radius: 50px;
  width: 345px;
  margin: 4% auto 0;
  height: 6px;
  background: #FFF;
}

.lp-faq .sliderPageCategNav__item{
  width: 9.090909090909091%;
  border-radius: 50px;
  height: 6px;
}

.lp-faq .sliderPageCategNav__item.is-nav-selected{
  background: #FE3466;
}

.lp-faq .sliderPageCateg{
  max-width: 1000px;
  margin: 5% auto 0;
}

.lp-faq .sliderPageCateg__item{
  width: 290px;
  height: 290px;
  padding: 80px 5px;
  margin-right: 24px;
  border: 1px solid #262626;
  background: #FFF;
  border-radius: 20px;
}

.lp-faq .sliderPageCateg__item img{
  max-width: 100px;
  margin: 0 auto 10px;
}

.lp-faq .flickity-button{
  color: #FFF;
  background: #000;
}

.lp-faq .flickity-button:hover{
  background: #000;
}

.lp-faq .flickity-button:focus{
  box-shadow: none;
}

.lp-faq .flickity-prev-next-button.previous{
  left: -10%;
}

.lp-faq .flickity-prev-next-button.next{
  right: -10%;
}

.lp-faq .top-faq{
  padding: 5% 0;
}

.lp-faq .top-faq .cta{
  margin-top: 2%;
}

@media(max-width:1024px){
  .lp-faq .nth-reg{
    font-size: 112px;
  }

  .lp-faq .titre{
    font-size: 45px;
  }

  .lp-faq .medium-paragraphe{
    font-size: 30px;
  }

  .lp-faq .paragraphe{
    font-size: 22px;
  }

  .lp-faq .small-paragraphe{
    font-size: 20px;
  }

  .lp-faq .cta{
    font-size: 24px;
    padding: 24px 50px;
  }

  .lp-faq .faq-container{
    max-width: 95%;
  }

  .lp-faq .home-faq{
    padding: 10% 0;
  }

  .lp-faq .home-faq .medium-paragraphe{
    margin: 8% 0 6%;
    padding: 0 30px;
  }

  .lp-faq .categ-faq{
    padding: 10% 0;
  }

  .lp-faq .list-categ, .lp-faq .sliderPageCateg{
    margin-top: 10%;
    padding-left: 80px;
  }

  .lp-faq .list-categ__item, .lp-faq .sliderPageCateg__item{
    width: 250px;
    height: 250px;
    padding: 60px 5px;
    margin-right: 17px;
  }

  .lp-faq .sliderCateg{
    overflow: hidden;
  }

  .lp-faq lottie-player{
    display: none;
  }

  .lp-faq .sliderCateg .flickity-viewport, .lp-faq .sliderPageCateg .flickity-viewport{
    overflow: visible;
  }

  .lp-faq .list-categ__item img, .lp-faq .sliderPageCateg__item img{
    max-width: 100px;
    margin: 0 auto 10px;
  }

  .lp-faq .sliderCategNav, .lp-faq .sliderPageCategNav{
    border-radius: 50px;
    width: 71.256038647343%;
    margin: 10% auto 0;
    height: 6px;
    background: #FFF;
  }

  .lp-faq .sliderCategNav__item{
    width: 8.333333333333333%;
    border-radius: 50px;
    height: 6px;
  }

  .lp-faq .sliderCategNav__item.is-nav-selected{
    background: #FE3466;
  }

  .lp-faq .back {
    top: 20px;
    left: 20px;
    max-width: 38px;
  }

  .lp-faq .bloc-faq{
    padding: 13% 5px;
    margin: -95% auto 0;
  }

  .lp-faq .bloc-faq .picto{
    max-width: 100px;
  }

  .lp-faq .top-faq {
    padding: 10% 0;
  }

  .lp-faq .top-faq .cta, .lp-faq .bloc-faq .cta{
    margin-top: 5%;
  }

  .lp-faq .bloc-faq .faq-container {
    margin-bottom: 12%;
  }

  .lp-faq .item__title::after{
    top: 20px;
  }

}

@media(max-width:640px){
  .lp-faq .nth-reg{
    font-size: 54px;
  }

  .lp-faq .titre{
    font-size: 26px;
  }

  .lp-faq .medium-paragraphe{
    font-size: 22px;
  }

  .lp-faq .paragraphe{
    font-size: 16px;
  }

  .lp-faq .small-paragraphe{
    font-size: 14px;
  }

  .lp-faq .cta{
    font-size: 16px;
    padding: 12px 24px;
  }

  .lp-faq .item__title{
    font-size: 16px;
  }

  .lp-faq .item__content{
    font-size: 14px;
  }
}

@media(max-width:340px){
  .lp-faq .cta{
    padding: 12px 14px;
  }
}

@media(min-width:1025px){
  .lp-faq .nth-reg{
    font-size: 70px;
  }

  .lp-faq .titre{
    font-size: 30px;
  }

  .lp-faq .medium-paragraphe{
    font-size: 22px;
  }

  .lp-faq .paragraphe{
    font-size: 14px;
  }

  .lp-faq .small-paragraphe{
    font-size: 12px;
  }

  .lp-faq .cta{
    font-size: 13px;
    padding: 12px 26px;
  }

  .lp-faq .cta-black:hover{
    background: transparent;
    color: #000
  }

  .lp-faq .cta-white:hover{
    background: #FFF;
    color: #000
  }

  .lp-faq .item__title:hover{
    color: #f7626e;
  }

  .lp-faq .list-categ{
    max-width: 1250px;
    margin: 4% auto 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .lp-faq .list-categ__item:nth-child(4n+4){
    margin-left: 2.4%;
  }

  .lp-faq .list-categ__item:nth-child(4n+3){
    margin-left: 2.4%;
  }

  .lp-faq .list-categ__item:nth-child(4n+2){
    margin-left: 2.4%;
  }

  .lp-faq .list-categ__item:nth-child(-n+8){
    margin-bottom: 2.4%;
  }

  .lp-faq .list-categ__item img{
    display: none;
  }

  .lp-faq .item__title{
    font-size: 18px;
  }

  .lp-faq .item__content{
    font-size: 16px;
  }

  .lp-faq .flex-cta{
    display: flex;
    justify-content: center;
  }

  .lp-faq .flex-cta .cta:first-child{
    margin-right: 2.5%;
  }

}

@media(min-width:1200px){
  .lp-faq .nth-reg{
    font-size: 80px;
  }

  .lp-faq .titre{
    font-size: 36px;
  }

  .lp-faq .medium-paragraphe{
    font-size: 24px;
  }

  .lp-faq .paragraphe{
    font-size: 16px;
  }

  .lp-faq .small-paragraphe{
    font-size: 14px;
  }

  .lp-faq .cta{
    font-size: 16px;
    padding: 16px 32px;
  }

  .lp-faq .home-faq{
    background: url("../fond-faq-accueil.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-fid{
    background: url("../fond-faq-fid.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-commande{
    background: url("../fond-faq-commande.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-livraison{
    background: url("../fond-faq-livraison.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-retour{
    background: url("../fond-faq-retour.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-compte{
    background: url("../fond-faq-compte.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-paiement{
    background: url("../fond-faq-paiement.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-kdo{
    background: url("../fond-faq-kdo.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-masque{
    background: url("../fond-faq-masque.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-wecare{
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-magasin{
    background: url("../fond-faq-magasin.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-partenaires{
    background: url("../fond-faq-partenaires.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .page-faq-soldes{
    background: url("../fond-faq-soldes.jpg") no-repeat top;
    background-size: cover;
    background-attachment: fixed;
  }

  .lp-faq .top-faq{
    background: url("../fond-top.jpg") no-repeat top;
    background-size: cover;
  }
}

@media(min-width:1400px){
  .lp-faq .nth-reg{
    font-size: 90px;
  }

  .lp-faq .titre{
    font-size: 40px;
  }

  .lp-faq .medium-paragraphe{
    font-size: 26px;
  }

  .lp-faq .paragraphe{
    font-size: 18px;
  }

  .lp-faq .small-paragraphe{
    font-size: 16px;
  }

  .lp-faq .cta{
    font-size: 18px;
    padding: 20px 38px;
  }
}

@media(min-width:1700px){
  .lp-faq .nth-reg{
    font-size: 112px;
  }

  .lp-faq .titre{
    font-size: 45px;
  }

  .lp-faq .medium-paragraphe{
    font-size: 30px;
  }

  .lp-faq .paragraphe{
    font-size: 22px;
  }

  .lp-faq .small-paragraphe{
    font-size: 20px;
  }

  .lp-faq .cta{
    font-size: 20px;
    padding: 20px 46px;
  }

  .lp-faq .item__title{
    font-size: 22px;
  }

  .lp-faq .item__content{
    font-size: 20px;
  }
}