@import url('https://fonts.googleapis.com/css2?family=Adamina&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Forum&family=Fredericka+the+Great&family=Hind+Siliguri:wght@300;400;500;600;700&family=Just+Another+Hand&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+Georgian:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
h1 {
 padding-bottom: 20px !important;
 font-family: "Playfair Display", serif; !important;
 font-size: 2rem !important;
 color: #000000 !important;
 font-weight: 800 !important;

}
    .wiziblocks__item .wizi-form .form .form__fieldset {
        margin-bottom: 10px !important;
    }
.wizi-wrapper--formBackground .wizi-form {
    background-color: #ffffff69 !important;
    padding: 20px !important;
    box-shadow: 0px 0px 8px 2px #0000002e !important;
}
h2 {
  padding-bottom: 15px !important;
  font-family: "Playfair Display", serif; !important;
  margin-bottom: 20px !important;
  font-size: 1.6rem !important;
  color: #000000 !important;
  font-weight: 700 !important;

}
p.topp {
    font-family: "Playfair Display", serif;
    font-size: 1.1rem !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}
h3 {
padding-bottom: 15px !important;
  font-family: "Playfair Display", serif; !important;
  font-size: 1.3rem !important;
 color: #000000 !important;
  margin-bottom: 20px !important;
}

nav.nav {
    background-color: #000 !important;
}
.nav__wrapper {
    padding: 5px 10px !important;
    justify-content: center !important;
}
nav.nav {
    background-color: #000 !important;
}
.nav__wrapper {
    padding: 5px 10px !important;
}
.Insta {
    padding: 0px 20px;
}
.nav__maxWidth {
    justify-content: center !important;
}

.PRD .wiziblocks__item__maxWidth {
    background-color: #b3b3b32e;
    padding: 50px 100px;
}
.prod__shadow {
    box-shadow: 1px 1px 2px 2px #00000024 !important;
    background-color: white !important;
}
.btn {
    background-color: #000 !important;
    padding: 13px !important;
    width: 293px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-top: 20px !important;
    text-align: center !important;
    display: block;
    color: #ffff !important;!i;!;
    text-decoration: none !important;!i;!;
}
.btn a {
    text-decoration: none !important;
    color: white !important;

}
.btn2 {
    background-color: #ffffff !important;
    padding: 13px !important;
    width: 262px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-top: 20px !important;
    text-align: center !important;
    display: block;
    !i;!;
    text-decoration: none !important;!i;!;
}
.btn2 a {
      text-decoration: none !important;
    color: #000000 !important;

}

.btn3.we-align-center {
    background-color: #ffffff;
    padding: 13px !important;
    width: 270px !important;
    margin: auto !important;
    margin-top: 20px !important;
  

}

.btn3.we-align-center a {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-decoration: none !important;

}


.SC03  a {
    text-decoration: none !important;
        color: #ffffff !important;
}

.SC03 .btn2 a {
    color: #000000 !important;
}


.SC3 a {
        text-decoration: none !important;
        color: #ffffff !important;
}

.SC3 .btn2 a {
    COLOR: BLACK !important;
}

.SC2 a {
    text-decoration: none !important;
    /* color: #ffffff !important; */
}
.SC2 .btn a {
    COLOR: #ffffff !important;
}


.SC3 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #000000 !important;
    color: white;
    padding : 20px 50px !important;
}

.SC3 h2 {
    color: white !important;
}

.SC03 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #000000 !important;
    color: white;
    padding : 20px 50px !important;
}

.SC03 h2 {
    color: white !important;
}

.Notice h2 {
    text-align: center;
    color: #ffffff !important;
}

.Notice {
    background-image: url(https://media.cdnws.com/_i/390906/RAW-333/3098/36/boutique-de-pret-a-porter-pour-femme-a-briancon4.jpeg) !important;!i;!;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 40px 100px !important;
}

.Insta h2 {
    text-align: center;
}
.SC7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 100px;
    background-color: black !important;
    color: white !important;
}

.SC7 h2 {
    color: white !important;
}
.reassurance {
    background-color: black !important;
      border-top: 2px solid white !important;

}

.reassurance__wrapper.reassurance__wrapper-4 {
    background-color: transparent !important;
    
}

span.reassurance__wrapper__item__text {
    color: white !important;
}

span.reassurance__wrapper__item__text strong {
    color: white !important;
}
.reassurance__wrapper {
    padding: 20px 50px !important;
}

/******* Animation scrolling*************/

@media (max-width: 2100px) and (min-width: 1400px) {

    .SC1 .wizi-imgtxt__right, .SC2 .wizi-imgtxt__right  , .SC7 .wizi-imgtxt__right {
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }
      .SC3 .wizi-imgtxt__left , .SC03 .wizi-imgtxt__left{
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 35%;
    }

}
@keyframes slide {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0);
  opacity:1;
  }
}
@keyframes reveal {
  from{
  transform: scale(0);
  opacity:0;
  }
  to {
  transform: scale(1);
  opacity:1;
  }
}

 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
  @keyframes top {
  from{
  transform: translateY(100%);
  opacity:0;
  }
  to {
  transform: translateY(0);
  opacity:1;
  }
}
img.footer__wrapper__left__img, .header__logo img {
     transition: transform 1.4s !important; 
}

img.footer__wrapper__left__img:hover, .header__logo img:hover {
    transform: rotateX(380deg);
}
/********** End scrolling**********/


/********************Responsive********************/

@media (max-width: 1800px) and (min-width: 1600px){

.SC1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 40px;
}

.PRD .wiziblocks__item__maxWidth {
    padding: 10px 100px;
}

.SC2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 40px !important;
}
}

@media (max-width: 1599px) and (min-width: 1400px){
.SC1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 40px;
}

.PRD .wiziblocks__item__maxWidth {
    padding: 10px 40px;
}

.SC2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 30px !important;
}
}


@media (max-width: 1399px) and (min-width: 1200px){
.SC1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px;
}
    .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 64%;
}

.PRD .wiziblocks__item__maxWidth {
    padding: 10px 60px;
}
    .SC03 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 20px !important;
}
    .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 64%;
}
        .SC3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 20px !important;
}

.SC2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 20px !important;
}
    .SC7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 50px;
}
  .SC7 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
        padding-top: 90%;
    }
}




@media (max-width: 1199px) and (min-width: 1024px){
.SC1 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 0px;
}
    .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 69%;
}

.PRD .wiziblocks__item__maxWidth {
    padding: 10px 30px;
}
    .SC03 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 20px 10px !important;
}
    .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 69%;
}
        .SC3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}

.SC2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
      .SC7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px;
}
  .SC7 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
        padding-top: 100%;
    }
}



@media (max-width: 1023px) and (min-width: 720px){
    
  .SC1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
.SC1 .wizi-imgtxt__right, .SC1 .wizi-imgtxt__left {
    width: 100% !important;
}
    .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 60%;
}
    body.wiziblocks-on .prod .prod__article {
    width: 25% !important;
}


.PRD .wiziblocks__item__maxWidth {
    padding: 10px 15px;
}
    .SC03 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
.SC03 .wizi-imgtxt__right, .SC03 .wizi-imgtxt__left {
    width: 100% !important;
}
    .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 60%;
}
        .SC3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
        .SC3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
.SC3 .wizi-imgtxt__right, .SC3 .wizi-imgtxt__left {
    width: 100% !important;
}
    .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 60%;
}

.SC2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 10px !important;
}
        .SC2 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
.SC2 .wizi-imgtxt__right, .SC2 .wizi-imgtxt__left {
    width: 100% !important;
}
      .SC7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px;
}
  .SC7 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
.SC7 .wizi-imgtxt__right, .SC7 .wizi-imgtxt__left {
    width: 100% !important;
}
  .SC7 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
        padding-top: 30%;
    }
}



@media (max-width: 719px) and (min-width: 320px){
  .footer__wrapper {
    text-align: center !important;
}
  .btn {
    width: 243px !important;
 }
  .SC1 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
   display: block !important;
}
.SC1 .wizi-imgtxt__right, .SC1 .wizi-imgtxt__left {
    width: 100% !important;
}
  .SC1 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
    padding-top: 58%;
}
    body.wiziblocks-on .prod .prod__article {
    width: 50% !important;
}


.PRD .wiziblocks__item__maxWidth {
    padding: 10px 15px;
}
  .SC03 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
    .SC03 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
.SC03 .wizi-imgtxt__right, .SC03 .wizi-imgtxt__left {
    width: 100% !important;
}
   .SC03 .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 75%;
}
        .SC3 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px !important;
}
        .SC3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    display: block !important;
}
.SC3 .wizi-imgtxt__right, .SC3 .wizi-imgtxt__left {
    width: 100% !important;
}
  .SC2   .wizi-imgtxt--textLeftTextRight .wizi-imgtxt__left--small:before {
    padding-top: 65%;
}

.SC2 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 0px 5px !important;
}
        .SC2 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
.SC2 .wizi-imgtxt__right, .SC2 .wizi-imgtxt__left {
    width: 100% !important;
}
.SC2 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin: 20px 0px;
}

.SC1 .wizi-imgtxt__right.wizi-imgtxt__right--small {
    margin: 20px 0px;
}
    .Notice {
    background-image: url(https://media.cdnws.com/_i/390906/RAW-333/3098/36/boutique-de-pret-a-porter-pour-femme-a-briancon4.jpeg) !important;!i;!;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 40px 10px !important;
}
    .SC5 span.wizi-wrapper__background {
    background : #ffffff00 !important;
}
        .SC7 .wizi-wrapper.wizi-wrapper--imgtxt {
    padding: 10px 10px;
}
    .SC7 .wizi-imgtxt.wizi-imgtxt--textRightTextLeft.wizi-imgtxt--reverse.wizi-imgtxt--half {
    display: block !important;
}
.SC7 .wizi-imgtxt__right, .SC7 .wizi-imgtxt__left {
    width: 100% !important;
}
  .SC7 .wizi-imgtxt--textRightTextLeft .wizi-imgtxt__right--small:before {
        padding-top: 60%;
    }
}
}

/********** End responsive**********/