@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
h1 {
    font-family: "Righteous", sans-serif !important;
    font-size: 2.3em !important;
    font-weight: 400 !important;
    color: #f90000 !important;
    padding: 30px 0px !important;
    line-height: 1.4 !important;
}
h2 {
    font-family: "Righteous", sans-serif !important;
    font-size: 2em !important;
    font-weight: 400 !important;
    color: #2f5595 !important;
    padding: 30px 0px !important;
    line-height: 1.4 !important;
}
h3 {
    font-family: "Righteous", sans-serif !important;
    font-size: 1.5em !important;
    font-weight: 300 !important;
    color: #000000 !important;
    padding: 30px 0px !important;
    line-height: 1.4 !important;
}
.bloc1 .wizi-imgtxt__left {
    color: #fff !important;
    padding: 20px 60px 20px 90px !important;
}
.nav__itemlvl1 {
    color: #fff !important;
  font-size: 1.1rem !important;
}
.bloc1 .wizi-wrapper.wizi-wrapper--imgtxt {
    background-color: #000814 !important;
    padding: 0px 0px !important;
}

.header.header--fixed {
    background-color: #000814 !important;
    border-bottom: 1px solid #000814;
}

.bloc1 .wiziBtn__wrapper {
    justify-content: left !important;
}

.prd .wiziblocks__item__maxWidth {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-38/317/38/icon.png) !important;
    background-position: right 30px top 13px;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 30px 20px !important;
}

 .bloc2 .wiziblocks__item__maxWidth {
    text-align: center !important;
    padding: 40px 230px !important;
}
 .vig1 .wizi-txt__item {margin: 9px 15px !important;text-align: center;border-radius: 45px !important;padding: 5px 5px 5px 5px !important;}
.vig1 .wizi-txt__item:nth-child(1) {
    /* border-radius: 45px !important; */
    border: 2px solid #2f5595 !important;
    background-color: hsl(217.65deg 52.04% 38.43% / 5%) !important;
    box-shadow: 0px 0px 5px 1px #00000021 !important;
}
.vig1 .wizi-txt__item:nth-child(2) {
    /* border-radius: 45px !important; */
    border: 2px solid #f90000 !important;
    background-color: hsl(0deg 100% 48.82% / 5%) !important;
    box-shadow: 0px 0px 5px 1px #00000021 !important;
    margin-top: 50px !important;
    margin-bottom: -50px !important;
}
.vig1 .wizi-txt__item:nth-child(3) {
    /* border-radius: 45px !important; */
    border: 2px solid #2f5595 !important;
    background-color: hsl(217.65deg 52.04% 38.43% / 5%) !important;
    box-shadow: 0px 0px 5px 1px #00000021 !important;
}
.vig1 .wizi-txt__item:nth-child(4) {
    /* border-radius: 45px !important; */
    border: 2px solid #f90000 !important;
    background-color: hsl(0deg 100% 48.82% / 5%) !important;
    box-shadow: 0px 0px 5px 1px #00000021 !important;
    margin-top: 50px !important;
    margin-bottom: -50px !important;
}
.vig1 .wizi-txt__item:nth-child(1) h3::before {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-42/2975/42/01fichier-411.png);
    background-position: top center;
    background-repeat: no-repeat;
background-size: auto;
    content: '';
    display: block;
    padding: 130px 38px !important;
    position: relative;
    margin-bottom: 20px !important;
}
.vig1 .wizi-txt__item:nth-child(2) h3::before {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-42/2975/42/01fichier-411.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    padding: 130px 38px !important;
    position: relative;
    margin-bottom: 20px !important;
}
.vig1 .wizi-txt__item:nth-child(3) h3::before {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-45/1161/45/01fichier-611.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    padding: 130px 38px !important;
    position: relative;
    margin-bottom: 20px !important;
}
.vig1 .wizi-txt__item:nth-child(4) h3::before {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-44/2792/44/01fichier-711.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    padding: 130px 38px !important;
    position: relative;
    margin-bottom: 20px !important;
}

.vig1 h3 {
    padding: 0px 0px !important;
}
.bloc3 h2 {
    color: #fff !important;
}
.bloc3 {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-38/317/38/icon.png) !important;
    background-position: left 30px top 13px;
    background-repeat: no-repeat;
    background-size: auto;
}

.bloc3 .wiziblocks__item__maxWidth {
    padding: 30px 230px !important;
    text-align: left;
    background-color: transparent;
}

.bloc3 .wizi-wrapper.wizi-wrapper--txt {
    padding: 110px 449px 110px 70px !important;
    border-radius: 20px !important;
    /* background-color: #000 !important; */
    COLOR: #fff !important;
    background: linear-gradient(73deg, rgb(0 0 0 / 88%) 33%, rgb(0 0 0 / 51%) 100%), url(https://media.cdnws.com/_i/420709/RAW-41/770/41/commandez-vos-equipements-en-toute-simplicite.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 20px 90px !important;
}

.bloc4 .wiziBtn__wrapper {
    justify-content: left !important;
}
p.slogan {
    font-family: 'Righteous', cursive;
    font-size: 265px !important;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-image: url('https://media.cdnws.com/_i/420709/RAW-67/1124/67/fond-s.png');
    background-size: 77%;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    display: inline-block !important;
    line-height: 1 !important;
    padding: 30px 0;
    white-space: nowrap;
    overflow: visible !important;

    /* 🎯 animation */
    animation: fillMoveZoom 30s cubic-bezier(0.4, 0, 1, 1) infinite;
}
@keyframes fillMoveZoom {
    0% {
        background-position: 50% 50%;
        background-size: 75%;
    }
    40% {
        background-position: 70% 50%;
        background-size: 85%;
    }
    70% {
        background-position: 30% 50%;
        background-size: 80%;
    }
    100% {
        background-position: 50% 50%;
        background-size: 75%;
    }
}
div#d1fa17b9-6e34-4872-a15c-2d07f90a6c34 {
    margin: 0 0 0px !important;
}
.vig1 .wizi-txt__item:nth-child(1) h3::before {
    background-image: url(https://media.cdnws.com/_i/420709/RAW-43/3214/43/01fichier-511.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    padding: 130px 38px !important;
    position: relative;
    margin-bottom: 20px !important;
}

.vig1 h3 {
    padding: 0px 0px 20px !important;
}

.vig1 .wiziblocks__item__maxWidth {
    padding: 0px 0px 70px !important;
}

.rea__item {
    padding: 10px 20px !important;
    color: #fff !important;
}

.rea {
    background-color: #000 !important;
}

.rea__item strong {
    color: #fff !important;
}
.single-newsletter__wrapper__content__form__fieldset__label__input {
    background: #f9000014 !important;
    border: 1px solid #f900002e !important;
}

p.footer__wrapper__left__primary__title {
    font-family: "Righteous", sans-serif !important;
    color: #000 !important;
    font-size: 1.425rem !important;
    font-weight: 400 !important;
}

.footer__wrapper__left__primary__ul__li__link {
    color: #0;
    color: #000 !important;
}

.single-newsletter {
    margin-bottom: 50px !important;
}

.footer {
    padding: 60px 0 0px !important;
}

.powered {
    background-color: #2f5595 !important;
    padding: 7px 20px !important;
}

.powered__p {
    color: #fff !important;
}

.prd .prod__shadow {
    box-shadow: 0px 0px 6px 2px #2f55953b !important;
    border-radius: 20px !important;
}

.prd .wiziblocks__item__maxWidth {
    padding: 2px 50px !important;
}

.slg {
    padding: 50px 50px !important;
}
.header__logo img {
    transition: transform 1.4s !important;
    animation: fadeInDown;
    animation-duration: 1s;
}
.bloc1 .wiziBtn__wrapper {
    animation: fadeInLeft;
    animation-duration: 3s;
}
.header__logo img:hover {
    transform: rotateX(360deg);
}
.nav__maxWidth {
    animation: fadeInDown;
    animation-duration: 2s;
} 
.header__area  {
    animation: fadeInDown;
    animation-duration: 3s;
} 

@media (min-width: 1024px) { .wizi-wrapper--formBackground .wizi-form {    max-width: 60%;} }

/************************** Responsive********************/
@media (max-width: 719px) and (min-width: 320px) {
.bloc1 .wizi-imgtxt__left {
    padding: 20px 10px 20px 10px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 40px 10px !important;
       background-position: right 9px top 13px;
    background-size: 28%;
}
.slg {
    padding: 0px 0px !important;
}
  p.slogan {
    font-size: 43px !important;
  }
  .bloc2 .wiziblocks__item__maxWidth {
    padding: 0px 0px !important;
}
    .vig1 .wizi-txt__item:nth-child(1) h3::before,  .vig1 .wizi-txt__item:nth-child(2) h3::before,  .vig1 .wizi-txt__item:nth-child(3) h3::before,  .vig1 .wizi-txt__item:nth-child(4) h3::before {
    padding: 75px 38px !important;
}
    .vig1 {
    padding: 0 0px !important;
  }
  .vig1 .wizi-txt__item {
    margin: 9px 35px !important;
    border-radius: 25px !important;
    padding: 5px 5px 5px 5px !important;
}
  .vig1 .wizi-txt__item:nth-child(2) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
   .vig1 .wizi-txt__item:nth-child(4) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
    .bloc3 .wiziblocks__item__maxWidth {
    padding: 30px 10px !important;
 }
    .bloc3 .wizi-wrapper.wizi-wrapper--txt {
    padding: 30px 20px 30px 20px !important;
 }
    .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 20px 10px !important;
}
     .rea__item {
    padding: 20px 20px 20px 70px !important;
}
      .footer__wrapper__left {
        text-align: center !important;
    }
  .nav__itemlvl1 {
    color: #000000 !important;
}
}
@media (max-width: 1023px) and (min-width: 720px) {
  .nav__itemlvl1 {
    color: #000000 !important;
}
.bloc1 .wizi-imgtxt__left {
     padding: 0px 5px 0px 10px !important;
}
  .prd .wiziblocks__item__maxWidth {
    padding: 2px 0px !important;
}
    body.wiziblocks-on .prod .prod__article {
        padding: 0 5px !important;
        width: 25% !important;
    }
  .slg {
    padding: 30px 10px !important;
}
  p.slogan {
    font-size: 96px !important;
  }
.bloc2 .wiziblocks__item__maxWidth {
    padding: 20px 10px !important;
}
.vig1 .wizi-txt__item {
    margin: 9px 105px !important;
 }
  .vig1 .wizi-txt__item:nth-child(1) h3::before,  .vig1 .wizi-txt__item:nth-child(2) h3::before,  .vig1 .wizi-txt__item:nth-child(3) h3::before,  .vig1 .wizi-txt__item:nth-child(4) h3::before {
    padding: 0px 38px !important;
}
  .vig1 .wizi-txt__item:nth-child(2) {
    margin-top: 0px !important;
       margin-bottom: 0px !important;
}
  .vig1 .wizi-txt__item:nth-child(4) {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 20px 20px !important;
}
  .bloc3 .wizi-wrapper.wizi-wrapper--txt {
    padding: 70px 50px 70px 50px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 0px 0px !important;
}
      .body__wrapper {
        padding: 0 0px !important;
    }
  .body .header.header--fixed .header__cart__a {
    filter: invert(1) !important;
}

.header.header--fixed .search--wrapper .search--input {
    box-shadow: 0px 0px 4px 2px #ffffff2e !important;
}
  .header__nav__icon__span {
    background: #fff !important;
}

}
@media (max-width: 1199px) and (min-width: 1024px) {
.bloc1 .wizi-imgtxt__left {
     padding: 0px 10px 0px 30px !important;
}
  p.slogan {
    font-size: 140px !important;
  }
.bloc2 .wiziblocks__item__maxWidth {
     padding: 10px 110px !important;
}
  .slg {
    padding: 30px 50px !important;
}
   .vig1 .wizi-txt__item {
    margin: 9px 4px !important;
 }
  .vig1 .wizi-txt__item:nth-child(1), .vig1 .wizi-txt__item:nth-child(2), .vig1 .wizi-txt__item:nth-child(3), .vig1 .wizi-txt__item:nth-child(4) {
    border-radius: 30px !important;
}
  .vig1 .wizi-txt__item:nth-child(1) h3::before,   .vig1 .wizi-txt__item:nth-child(2) h3::before,   .vig1 .wizi-txt__item:nth-child(3) h3::before,   .vig1 .wizi-txt__item:nth-child(4) h3::before {
    padding: 70px 38px !important;
   }
  .bloc3 .wizi-wrapper.wizi-wrapper--txt {
    padding: 80px 40px 80px 40px !important;
     }
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 30px 100px !important;
  }
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 0px 0px !important;
}
  .vig1 .wiziBtn {
    padding: 14px 10
      px !important;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .vig1 .wiziBtn {
    padding: 14px 12px !important;
  }
.bloc1 .wizi-imgtxt__left {
    color: #fff !important;
    padding: 20px 20px 20px 70px !important;
}
  p.slogan {
    font-size: 150px !important;
  }
  .bloc2 .wiziblocks__item__maxWidth {
     padding: 20px 70px !important;
}
  .vig1 .wizi-txt__item {
    margin: 9px 4px !important;
 }
  .vig1 .wizi-txt__item:nth-child(1), .vig1 .wizi-txt__item:nth-child(2), .vig1 .wizi-txt__item:nth-child(3), .vig1 .wizi-txt__item:nth-child(4) {
    border-radius: 30px !important;
}
  .vig1 .wizi-txt__item:nth-child(1) h3::before,   .vig1 .wizi-txt__item:nth-child(2) h3::before,   .vig1 .wizi-txt__item:nth-child(3) h3::before,   .vig1 .wizi-txt__item:nth-child(4) h3::before {
    padding: 90px 38px !important;
   }
  
.bloc3 .wizi-wrapper.wizi-wrapper--txt {
    padding: 50px 120px 50px 30px !important;
 }
  .bloc3 .wiziblocks__item__maxWidth {
    padding: 30px 170px !important;
 }
  .bloc3 {
     background-position: left 7px top 13px;
 }
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 0px 5px !important;
}
}
@media (max-width: 1599px) and (min-width: 1400px) {
 p.slogan {
     font-size: 185px !important;
   }
  .slg {
    padding: 10px 50px !important;
}
  .vig1 .wizi-txt__item:nth-child(1) h3::before {
    padding: 92px 38px !important;
    margin-bottom: 20px !important;
}
   .vig1 .wizi-txt__item:nth-child(2) h3::before {
    padding: 92px 38px !important;
    margin-bottom: 20px !important;
}
   .vig1 .wizi-txt__item:nth-child(3) h3::before {
    padding: 92px 38px !important;
    margin-bottom: 20px !important;
}
   .vig1 .wizi-txt__item:nth-child(4) h3::before {
    padding: 92px 38px !important;
    margin-bottom: 20px !important;
}
.bloc3 .wizi-wrapper.wizi-wrapper--txt {
    padding: 80px 139px 80px 70px !important;
}
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 0px 90px !important;
}
  .bloc2 .wiziblocks__item__maxWidth {
     padding: 40px 130px !important;
}
}
@media (max-width: 1800px) and (min-width: 1600px) {
.bloc3 .wiziblocks__item__maxWidth {
    padding: 30px 130px !important;
} 
  .bloc4 .wizi-wrapper.wizi-wrapper--imgtxt.wizi-wrapper--imgsmall {
    padding: 0px 90px !important;
}
 
}
@media (max-width: 2020px) and (min-width: 1024px) {

.search--input {
    filter: invert(1);
}

.body .header.header--fixed .header__account__a {
    filter: invert(1);
}

.body .header.header--fixed .header__cart__a {
    filter: invert(1);
}
  .header.header--fixed .search--wrapper .back, .header.header--fixed .search--wrapper .front {
        background: #ffffff !important;
    }
}
/********************* end *******************************/
/******* Animation scrolling*************/

@media (max-width: 2100px) and (min-width: 1200px) {
.vig1 .wizi-txt__item:nth-child(3), .vig1 .wizi-txt__item:nth-child(4) {
       animation: slide linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
}
.vig1 .wizi-txt__item:nth-child(1), .vig1 .wizi-txt__item:nth-child(2){
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
.prd h2, .bloc4 .wizi-imgtxt__left.wizi-imgtxt__left--small{
        animation: reveal linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
              
    }
.bloc2 .wiziblocks__item__maxWidth, .bloc3 .wizi-wrapper.wizi-wrapper--txt{
        animation: top linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
@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;
  }
}
/********** end scrolling**********/

/*AP*/
@media (min-width: 720px) {
    .header.header--fixed .header__logo {width:260px}}