.bloc3 .wizi-imgtxt.wizi-imgtxt--half.wizi-imgtxt--textLeftTextRight {
    border-top: solid 5px #934773;
    border-bottom: solid 5px #934773;
}

@import url('https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&display=swap');
h1 {
  font-family: "Arvo", serif;
}
.bloc {
    color: #ffffff;
}
    @media screen and (max-width: 768px) {
      .bloc5 h2.we-align-right span {
        color: #F3AECC !important;
      }
    }
@media (min-width: 1024px) {
    .prod-list .bloc p, .prod-list .bloc h2, .prod-list .bloc h3, .prod-list .bloc h4 {
        color: #ffffff;
    }
}
@media (min-width: 1024px) {
    .prod-list__title.h1 {
        font-size: 2rem;
        text-align: left;
        font-weight: 400;
    }
}
@media (min-width: 1024px) {
    .header.header--fixed .nav__itemlvl1 {
        font-weight: 900;
    }
}
.header__logo__a__img {
    max-width: 43%;
}
.powered {
    background: #000000;
}
@media (min-width: 1024px) {
    .bloc1 .wizi-txt.wizi-txt--large {
        padding-right: 600px;
        padding-top: 110px;
    }
}
.bloc1 .wiziBtn__wrapper {
    justify-content: flex-start;
}
span.prod__name__title {
    color: #ffffff !important;
}
.vinyl-container {
    position: relative;
    width: 200px;
    cursor: pointer;
}

.vinyl-cover-shadow {
  position: absolute;
  left: -55%;
  bottom: -84%;
  transform: perspective(1500px) rotateY(-35deg);
  width: 215%;
  z-index: -1;
}

.vinyl-cover {
  transform: perspective(1500px) rotateY(-15deg);
}

.vinyl-disc-container, .vinyl-disc-container2, .vinyl-disc-container3, .vinyl-disc-container4 {
  position: absolute;
  bottom: 0px;
  transition: right 1s ease;
  background: url(https://diggers-public.s3.eu-west-3.amazonaws.com/assets/images/vinyl/_shadow_vinyl3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom -8px;
}

.vinyl-disc-container {
  right: -100px;
}

.vinyl-disc-container2 {
  right: -130px;
}

.vinyl-disc-container3 {
  right: -160px;
}

.vinyl-disc-container4 {
  right: -190px;
}

.vinyl-disc {
  transition: transform 1s ease;
  height: 100%;
}

.vinyl-container:hover .vinyl-disc {
    transform: rotate(60deg);
}

.vinyl-container:hover .vinyl-disc-container {
  right: -140px;
}

.vinyl-container:hover .vinyl-disc-container2 {
  right: -170px;
}

.vinyl-container:hover .vinyl-disc-container3 {
  right: -200px;
}

.vinyl-container:hover .vinyl-disc-container4 {
  right: -230px;
}

.vinyl-cover-container::after {
  content: '';
  position: absolute;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  width: 30%;
  height: 30%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  filter: blur(15px);
  top: 63%;
  left: -12%;
  transform: rotate(330deg);
  z-index: -1;
}
@media (min-width: 1024px) {
    div#b3569a88-0fda-432e-8235-d207182f1a8d {
        margin-top: -190px;
    }
}
.wiziblocks__item__maxWidth {
    background-color: #8b4e4e00 !important;
}
div#\38 ae7db97-12a0-4195-88d3-134ee099b386 {
    z-index: 3;
    margin-bottom: 0px;
}
div#b3569a88-0fda-432e-8235-d207182f1a8d {
    background-color: #934773;
    padding: 50px 0px 50px 0px !important;
}
.wiziblocks__item--fullpage {
    background: transparent;
}
.footer__title {
    color: #ffffff;
}
.footer__link {
    color: #ffffff;
}
#prod-summary {
    margin: 1.25rem 0;
    color: #ffffff;
    line-height: 1.4;
}
.prod-infos p, .prod-infos ul li, .prod-infos ol li, .prod-infos h1, .prod-infos h2, .prod-infos h3 {
    color: #ffffff;
}
@media (min-width: 1024px) {
    .footer__link:hover, .footer__link:focus {
        color: #f3aecc;
    }
}
#footer {
    background-image: url(https://media.cdnws.com/_i/391015/51/1940/51/crea-tour-des-arcades-banniere-footer.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}
@media (min-width: 1024px) {
    .bloc5 .wizi-wrapper--txt .wizi-txt,
    .bloc5 .wizi-wrapper--txt .wizi-txt--one .wizi-txt__item {
        padding-left: 200px;
    }
}
@media (max-width: 2100px) and (min-width: 1200px) {
      .bloc3 .wizi-imgtxt__left {
        animation: slide2 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
 @keyframes slide2 {
  from{
  transform: translateX(-100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
@media (max-width: 2100px) and (min-width: 1200px) {
      .bloc7 .wizi-imgtxt__right {
        animation: slide3 linear;
        animation-timeline: view();
        animation-range-start: cover 0%;
        animation-range-end: contain 30%;
    }
}
 @keyframes slide3 {
  from{
  transform: translateX(100%);
  opacity:0;
  }
  to {
  transform: translateX(0%);
  opacity:1;
  }
}
@media (min-width: 1024px) {
    .nav__maxWidth {
        gap: 20px;
    }
}