/* Variables */
/*
$width-pagination: calc($max-width / 10);
$col-width: calc($max-width / 10);
*/
/* $width-pagination: calc(100% / 10); */
.slider-section .accroche {
  width: calc(100% - 240px);
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .slider-section .accroche {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 860px) {
  .slider-section .accroche {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 768px) {
  .slider-section .accroche {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 480px) {
  .slider-section .accroche {
    width: 100%;
  }
}

.slider {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
}
.slider .slider-wrapper {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.slider .slider-wrapper .slide {
  min-width: 100%;
  transition: transform 0.5s ease-in-out;
}
.slider .slider-wrapper .slide img {
  width: 100%;
  display: block;
}
.slider .pagination-photo {
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1024px) {
  .slider .pagination-photo {
    right: 40px;
  }
}
@media (max-width: 768px) {
  .slider .pagination-photo {
    right: 30px;
  }
}
@media (max-width: 576px) {
  .slider .pagination-photo {
    display: none;
  }
}
.slider .pagination-photo .current,
.slider .pagination-photo .total {
  color: #fff;
  margin: 15px 0;
}
.slider .pagination-photo .line {
  width: 2px;
  height: 180px;
  background: #fff;
  position: relative;
}
.slider .pagination-photo .line .progress {
  position: absolute;
  width: 100%;
  background: #fff;
  height: 0;
  top: 0;
  width: 4px;
  left: -1px;
}
.slider .nav {
  position: absolute;
  bottom: 10px;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  background-color: #291d37;
  padding: 10px;
  border-radius: 50%;
}
.slider .nav img {
  width: 30px;
}
.slider .nav.left {
  left: 50px;
}
@media screen and (max-width: 860px) {
  .slider .nav.left {
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .slider .nav.left {
    left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .slider .nav.left {
    left: 20px;
  }
}
.slider .nav.left img {
  transform: rotate(180deg);
}
.slider .nav.right {
  right: 50px;
}
@media screen and (max-width: 860px) {
  .slider .nav.right {
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .slider .nav.right {
    right: 30px;
  }
}
@media screen and (max-width: 480px) {
  .slider .nav.right {
    right: 20px;
  }
}

.module-slider .legende {
  width: calc(100% - 240px);
  margin: auto;
  color: #291d37;
  font-size: 18px;
  font-weight: 600;
  padding-top: 25px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 1024px) {
  .module-slider .legende {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 860px) {
  .module-slider .legende {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 768px) {
  .module-slider .legende {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 480px) {
  .module-slider .legende {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .module-slider .legende {
    padding-top: 21px;
  }
}
@media (max-width: 768px) {
  .module-slider .legende {
    padding-top: 17px;
  }
}
@media (max-width: 480px) {
  .module-slider .legende {
    padding-top: 13px;
  }
}
.module-slider .legende .content {
  display: flex;
  justify-content: space-between;
  margin: auto;
  gap: 25px;
}
@media (max-width: 1024px) {
  .module-slider .legende .content {
    gap: 21px;
  }
}
@media (max-width: 860px) {
  .module-slider .legende .content {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .module-slider .legende .content {
    gap: 17px;
  }
}
@media (max-width: 768px) {
  .module-slider .legende .content {
    gap: 13px;
  }
}
.module-slider .legende .content .legende-A {
  font-size: 25px;
  line-height: 25px;
  width: 290px;
  text-transform: uppercase;
}
.module-slider .legende .content .legende-B {
  font-size: 18px;
  line-height: 25px;
  flex: 1;
}
.module-slider .legende .content .legende-B p {
  margin-top: 5px;
}

img.lozadSlide {
  opacity: 0.1;
}/*# sourceMappingURL=slider.css.map */