.modal-body {
  padding: 0rem !important;
}

.modal-backdrop {
  opacity:1 !important;}


.modal-dialog {
  max-width: 100% !important;
  max-height: 30rem !important;
  /*height: 90%;*/
}

.wrap-modal-slider {
  padding: 0 0px !important;
  opacity: 0 !important;
  transition: all 0.3s !important;
}

.sliderMaquette .wrap-modal-slider.open {
  opacity: 1 !important
}

.sliderMaquette .slick-prev:before, .slick-next:before {
  position: absolute;
  top: 50%;
  font-size: 80px;
}
.sliderMaquette .slick-slide img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 100%;
  max-height: 100vh;
  /*object-fit:  contain;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  }
  
  .sliderMaquette .slick-slide {
    max-height:100%;
  }

.sliderMaquette .modal-content {
  background-color: rgba(0,0,0,.01);
  border: 0px solid rgba(1,0,0,.2);
}

.sliderMaquette .slick-next {
  right: 80px;
  z-index: 30;
}
.sliderMaquette .slick-next:before,.sliderMaquette .slick-prev:before {
  opacity: 1;
  font-size: 48px;
}
.sliderMaquette .slick-prev {
  left: 20px;
  z-index: 30;
}
.sliderMaquette .modal-header {
  border-bottom: 0px;
}

.sliderMaquette .modal-body .closediv {
  padding: 2px 8px 8px 8px;
  background-color: #bbb;
  border-radius: 50%;
}

.sliderMaquette .modal-body .close{
  position: absolute;
  top: 6rem;
  right: 3.1rem;
  opacity: 1;
  z-index: 50;
  font-size: 25px;
  color: #000;
}

.sliderMaquette .modal-header .close span {
  color: white;
}

.sliderMaquette .modal-header .close span img {
  width: 35px;
  height: 35px;
}