.p-swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img, .swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-swiper {
    /* width: 90%; */
    /* height: 300px; */
    margin-left: 0;
    margin-right: 0;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.product-swiper, .product-swiper2 {
    height: 70%;
    /* width: 90%; */
}

.thumbnail-swiper, .thumbnail-swiper2, .thumbnail-swiper-modal {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
    margin-top: 4rem;
}

.thumbnail-swiper .swiper-slide, .thumbnail-swiper2 .swiper-slide, .thumbnail-swiper-modal .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.75;
}

.thumbnail-swiper .swiper-slide-thumb-active, .thumbnail-swiper2 .swiper-slide-thumb-active, .thumbnail-swiper-modal .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-img1 .swiper-wrapper .swiper-slide img, .swiper-img1 .swiper-wrapper .swiper-slide video{
    width: 25% !important;
}

.swiper-img2 .swiper-wrapper .swiper-slide img, .swiper-img2 .swiper-wrapper .swiper-slide video{
    width: 50% !important;
}

.swiper-img3 .swiper-wrapper .swiper-slide img, .swiper-img3 .swiper-wrapper .swiper-slide video{
    width: 73% !important;
}

.p-swiper-solo > .swiper-wrapper:hover, .p-swiper-solo2 > .swiper-wrapper:hover {
    cursor: zoom-in;
}

.closeModalSpan:hover {
    cursor: pointer;
}

.closeModalDiv {
    z-index: 1000;
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: end;
}

@media screen and (max-width:425px) {
    .swiperModalBlocDiv > .carousel-control-prev, .swiperModalBlocDiv > .carousel-control-next {
        top: 46%;
        height: 70px!important;
        width: 40%!important;
        display: flex;
    }

    .swiperModalBlocDiv > .carousel-control-prev {
        left: 0!important;
        display: flex;
        justify-content: end;
        margin-left: 0px;
    }

    .swiperModalBlocDiv > .carousel-control-next {
        right: Opx!important;
        justify-content: start;
        margin-right: 0px;
    }

    .swiperModalBlocDiv > .carousel-control-prev > .carousel-control-prev-icon > svg, .swiperModalBlocDiv > .carousel-control-next > .carousel-control-next-icon > svg {
        width: 70px!important;
        
    }
}

@media (min-width:426px) and (max-width:768px) {
    .swiperModalBloc {
        width: 100%;
    }

    .swiperModalBlocDiv > .carousel-control-prev {
        width: auto;
        margin-left: 15px;
    }

    .swiperModalBlocDiv > .carousel-control-next {
        width: auto;
        margin-right: 15px;
    }
}

@media (min-width:769px) and (max-width:1023px) {
    .swiperModalBloc {
        width: 80%;
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    .swiperModalBloc {
        width: 65%;
    }
}

@media (min-width:1440px) {
    .swiperModalBloc {
        width: 50%;
    }

    .swiperModalBlocDiv > .carousel-control-prev {
        margin-left: 100px;
        
    }

    .swiperModalBlocDiv > .carousel-control-next {
        margin-right: 100px;
        
    }
}

#swiperModal1Bloc, #swiperModal2Bloc, #swiperModal3Bloc, #swiperModal1BlocDrawing, #swiperModal2BlocDrawing, #swiperModal3BlocDrawing {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    z-index: 1000!important;
    background-color: white!important;
}

.swiperModalBloc {
    background-color: white;
}

.swiperModalBlocDiv > .carousel-control-prev {
    left: 0!important;
}

.swiperModalBlocDiv > .carousel-control-prev > .carousel-control-prev-icon {
    background-image: none;
    position: absolute;
    left: 0px;
}

.swiperModalBlocDiv > .carousel-control-next {
    right: 0!important;
}

.swiperModalBlocDiv > .carousel-control-next > .carousel-control-next-icon {
    background-image: none;
    position: absolute;
    right: 0px;
}

.swiperModalBlocDiv > .carousel-control-prev > .carousel-control-prev-icon > svg, .swiperModalBlocDiv > .carousel-control-next > .carousel-control-next-icon > svg {
    width: 40px;
    height: auto;
}

.swiper-button-prev.modal, .swiper-container-rtl .swiper-button-next.modal {
    left: 250px!important;
    color: #b9a18d!important;
}

.swiper-button-next.modal, .swiper-container-rtl .swiper-button-prev.modal {
    right: 300px!important;
    color: #b9a18d!important;
}

.swiper-slide.modal img {
    width: auto!important;
    height: 100%!important;
    display: block!important;
    object-fit: cover!important;
}


/** drawings_serie01_a.php **/
.produitDrawingSerie01 {
    transition: transform 0.1s;
}

.produitDrawingSerie01:hover {
    cursor: zoom-in;
    transform: scale(1.2);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    /**filter: drop-shadow(black 2px 4px 6px);
    transition: filter 0.25s ease-in-out;**/
}

@media screen and (max-width:767px) {
    .specialSlideD5Genese{
        padding-bottom: 135px!important;
    }

    .specialSlideD12Genese{
        margin-bottom: 240px!important;
    }
}

/* drawing caté */
#myCarouselBlue > .carousel > .carousel-inner > .active, #myCarouselBlue > .carousel > .carousel-inner > .next, #myCarouselBlue > .carousel > .carousel-inner > .prev,
#myCarouselYellow > .carousel > .carousel-inner > .active, #myCarouselYellow > .carousel > .carousel-inner > .next, #myCarouselYellow > .carousel > .carousel-inner > .prev {
    display: flex!important;
}