/* line 1, ../sass/screen.scss */
.timeline-histoire {
  overflow: hidden;
}
/* line 4, ../sass/screen.scss */
.timeline-histoire .swiper-slide .content-wrap {
  background-color: #15433B;
  padding: 0;
  border-radius: 0 0 20px 20px;
}
/* line 9, ../sass/screen.scss */
.timeline-histoire .swiper-slide .bg {
  height: auto;
  padding-top: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* line 16, ../sass/screen.scss */
.timeline-histoire .swiper-slide .year {
  font-size: 48px;
  margin: 0;
  line-height: 1em;
  padding-top: 16px;
  color: #FFF;
}
/* line 23, ../sass/screen.scss */
.timeline-histoire .swiper-slide .title {
  font-size: 24px;
  color: #73D3BF;
  margin: 20px 0 16px;
}
/* line 28, ../sass/screen.scss */
.timeline-histoire .swiper-slide .content {
  font-size: 16px;
  color: #FFF;
}

@media screen and (min-width: 769px) {
  /* line 38, ../sass/screen.scss */
  .timeline-histoire {
    overflow: hidden;
    padding: 0 66px;
    position: relative;
  }
  /* line 43, ../sass/screen.scss */
  .timeline-histoire:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 70px;
    z-index: 1;
    transform: rotate(180deg);
    background: linear-gradient(270deg, rgba(0, 70, 56, 0.7) 0%, rgba(0, 70, 56, 0) 100%);
  }
  /* line 54, ../sass/screen.scss */
  .timeline-histoire:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    z-index: 2;
    background: linear-gradient(270deg, rgba(0, 70, 56, 0.7) 0%, rgba(0, 70, 56, 0) 100%);
  }
  /* line 64, ../sass/screen.scss */
  .timeline-histoire .swiper-slide {
    background: #005947;
    height: auto;
    border-radius: 0 0 60px 60px;
    overflow: hidden;
  }
  /* line 70, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .content-wrap {
    background-color: #005947;
  }
  /* line 73, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .gutter {
    display: flex;
    height: 100%;
  }
  /* line 77, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .bg {
    height: 100%;
    flex: 1 1 50%;
    padding-top: 60%;
    background-size: cover;
    background-position: center;
  }
  /* line 84, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .content-wrap {
    height: 100%;
    flex: 1 1 50%;
    padding: 40px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
  }
  /* line 92, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .year {
    font-size: 104px;
    font-weight: 400;
    letter-spacing: -4px;
    line-height: 1em;
    margin: 0;
    font-family: "circe", Sans-serif;
  }
  /* line 100, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .title {
    color: #73D3BF;
    font-size: 32px;
    font-family: "circe", Sans-serif;
  }
  /* line 105, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .content {
    font-size: 18px;
    line-height: 27px;
  }
  /* line 108, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .content p {
    margin-bottom: 0;
  }
  /* line 113, ../sass/screen.scss */
  .timeline-histoire .timeline-prev,
  .timeline-histoire .timeline-next {
    width: 50px;
    height: 50px;
    display: block;
    background-image: url(../img/arrow-slider.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 2;
    cursor: pointer;
    transition: all .3s;
    border-radius: 50px;
  }
  /* line 128, ../sass/screen.scss */
  .timeline-histoire .timeline-prev {
    left: 0;
    transform: translateY(-50%) rotate(180deg);
  }
  /* line 131, ../sass/screen.scss */
  .timeline-histoire .timeline-prev:hover {
    background-color: #005947;
    transform: translateY(-50%) rotate(180deg) scale(1.05);
  }
  /* line 136, ../sass/screen.scss */
  .timeline-histoire .timeline-next {
    right: 0;
    transform: translateY(-50%);
  }
  /* line 139, ../sass/screen.scss */
  .timeline-histoire .timeline-next:hover {
    background-color: #005947;
    transform: scale(1.05) translateY(-50%);
  }

  /* line 145, ../sass/screen.scss */
  .pagination-timeline-histoire {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 320px) {
  /* line 153, ../sass/screen.scss */
  .timeline-histoire .swiper-slide .content {
    line-height: 18px;
  }
}
@media screen and (max-width: 1080px) {
  /* line 163, ../sass/screen.scss */
  .timeline-histoire {
    padding: 0;
  }
  /* line 165, ../sass/screen.scss */
  .timeline-histoire:before, .timeline-histoire:after {
    display: none;
  }
  /* line 169, ../sass/screen.scss */
  .timeline-histoire .timeline-prev,
  .timeline-histoire .timeline-next {
    display: none;
  }
}
/* line 180, ../sass/screen.scss */
.pagination-timeline-histoire {
  overflow: hidden;
  margin-top: 40px;
  padding: 0 66px 8px;
}
/* line 184, ../sass/screen.scss */
.pagination-timeline-histoire .pagination-wrapper {
  display: inline-flex;
  min-width: 100%;
  transition: all .6s;
}
/* line 189, ../sass/screen.scss */
.pagination-timeline-histoire .item {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex: 1;
  color: #fff;
}
/* line 195, ../sass/screen.scss */
.pagination-timeline-histoire .item:first-child {
  flex: 0;
}
/* line 197, ../sass/screen.scss */
.pagination-timeline-histoire .item:first-child .number {
  opacity: 1;
}
/* line 200, ../sass/screen.scss */
.pagination-timeline-histoire .item:first-child .line {
  display: none;
}
/* line 204, ../sass/screen.scss */
.pagination-timeline-histoire .item .line {
  position: relative;
  width: 100%;
  min-width: 240px;
  height: 1px;
}
/* line 209, ../sass/screen.scss */
.pagination-timeline-histoire .item .line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
}
/* line 218, ../sass/screen.scss */
.pagination-timeline-histoire .item .line:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #73D3BF;
  width: 0%;
  transition: all .6s;
}
/* line 229, ../sass/screen.scss */
.pagination-timeline-histoire .item .number {
  font-size: 22px;
  padding-bottom: 22px;
  display: block;
  position: relative;
  cursor: pointer;
  opacity: .4;
  transition: all .3s;
}
/* line 237, ../sass/screen.scss */
.pagination-timeline-histoire .item .number:after {
  content: '';
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  transition: all .6s;
}
/* line 248, ../sass/screen.scss */
.pagination-timeline-histoire .item .number:hover {
  opacity: 1;
}

/* line 255, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="1"] .pagination-wrapper .item:first-child .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 260, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="1"] .pagination-wrapper .item:nth-child(-n+1) .line:after {
  width: 100%;
}

/* line 264, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="1"] .pagination-wrapper .item:nth-child(-n+1) .number {
  opacity: 1;
}

/* line 268, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="2"] .pagination-wrapper .item:nth-child(2) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 273, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="2"] .pagination-wrapper .item:nth-child(-n+2) .line:after {
  width: 100%;
}

/* line 277, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="2"] .pagination-wrapper .item:nth-child(-n+2) .number {
  opacity: 1;
}

/* line 281, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="3"] .pagination-wrapper .item:nth-child(3) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 286, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="3"] .pagination-wrapper .item:nth-child(-n+3) .line:after {
  width: 100%;
}

/* line 290, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="3"] .pagination-wrapper .item:nth-child(-n+3) .number {
  opacity: 1;
}

/* line 294, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="4"] .pagination-wrapper .item:nth-child(4) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 299, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="4"] .pagination-wrapper .item:nth-child(-n+4) .line:after {
  width: 100%;
}

/* line 303, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="4"] .pagination-wrapper .item:nth-child(-n+4) .number {
  opacity: 1;
}

/* line 307, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="5"] .pagination-wrapper .item:nth-child(5) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 312, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="5"] .pagination-wrapper .item:nth-child(-n+5) .line:after {
  width: 100%;
}

/* line 316, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="5"] .pagination-wrapper .item:nth-child(-n+5) .number {
  opacity: 1;
}

/* line 320, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="6"] .pagination-wrapper .item:nth-child(6) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 325, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="6"] .pagination-wrapper .item:nth-child(-n+6) .line:after {
  width: 100%;
}

/* line 329, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="6"] .pagination-wrapper .item:nth-child(-n+6) .number {
  opacity: 1;
}

/* line 333, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="7"] .pagination-wrapper .item:nth-child(7) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 338, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="7"] .pagination-wrapper .item:nth-child(-n+7) .line:after {
  width: 100%;
}

/* line 342, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="7"] .pagination-wrapper .item:nth-child(-n+7) .number {
  opacity: 1;
}

/* line 346, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="8"] .pagination-wrapper .item:nth-child(8) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 351, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="8"] .pagination-wrapper .item:nth-child(-n+8) .line:after {
  width: 100%;
}

/* line 355, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="8"] .pagination-wrapper .item:nth-child(-n+8) .number {
  opacity: 1;
}

/* line 359, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="9"] .pagination-wrapper .item:nth-child(9) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 364, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="9"] .pagination-wrapper .item:nth-child(-n+9) .line:after {
  width: 100%;
}

/* line 368, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="9"] .pagination-wrapper .item:nth-child(-n+9) .number {
  opacity: 1;
}

/* line 372, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="10"] .pagination-wrapper .item:nth-child(10) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 377, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="10"] .pagination-wrapper .item:nth-child(-n+10) .line:after {
  width: 100%;
}

/* line 381, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="10"] .pagination-wrapper .item:nth-child(-n+10) .number {
  opacity: 1;
}

/* line 385, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="11"] .pagination-wrapper .item:nth-child(11) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 390, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="11"] .pagination-wrapper .item:nth-child(-n+11) .line:after {
  width: 100%;
}

/* line 394, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="11"] .pagination-wrapper .item:nth-child(-n+11) .number {
  opacity: 1;
}

/* line 398, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="12"] .pagination-wrapper .item:nth-child(12) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 403, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="12"] .pagination-wrapper .item:nth-child(-n+12) .line:after {
  width: 100%;
}

/* line 407, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="12"] .pagination-wrapper .item:nth-child(-n+12) .number {
  opacity: 1;
}

/* line 411, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="13"] .pagination-wrapper .item:nth-child(13) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 416, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="13"] .pagination-wrapper .item:nth-child(-n+13) .line:after {
  width: 100%;
}

/* line 420, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="13"] .pagination-wrapper .item:nth-child(-n+13) .number {
  opacity: 1;
}

/* line 424, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="14"] .pagination-wrapper .item:nth-child(14) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 429, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="14"] .pagination-wrapper .item:nth-child(-n+14) .line:after {
  width: 100%;
}

/* line 433, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="14"] .pagination-wrapper .item:nth-child(-n+14) .number {
  opacity: 1;
}

/* line 437, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="15"] .pagination-wrapper .item:nth-child(15) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 442, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="15"] .pagination-wrapper .item:nth-child(-n+15) .line:after {
  width: 100%;
}

/* line 446, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="15"] .pagination-wrapper .item:nth-child(-n+15) .number {
  opacity: 1;
}

/* line 450, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="16"] .pagination-wrapper .item:nth-child(16) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 455, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="16"] .pagination-wrapper .item:nth-child(-n+16) .line:after {
  width: 100%;
}

/* line 459, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="16"] .pagination-wrapper .item:nth-child(-n+16) .number {
  opacity: 1;
}

/* line 463, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="17"] .pagination-wrapper .item:nth-child(17) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 468, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="17"] .pagination-wrapper .item:nth-child(-n+17) .line:after {
  width: 100%;
}

/* line 472, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="17"] .pagination-wrapper .item:nth-child(-n+17) .number {
  opacity: 1;
}

/* line 476, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="18"] .pagination-wrapper .item:nth-child(18) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 481, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="18"] .pagination-wrapper .item:nth-child(-n+18) .line:after {
  width: 100%;
}

/* line 485, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="18"] .pagination-wrapper .item:nth-child(-n+18) .number {
  opacity: 1;
}

/* line 489, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="19"] .pagination-wrapper .item:nth-child(19) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 494, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="19"] .pagination-wrapper .item:nth-child(-n+19) .line:after {
  width: 100%;
}

/* line 498, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="19"] .pagination-wrapper .item:nth-child(-n+19) .number {
  opacity: 1;
}

/* line 502, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="20"] .pagination-wrapper .item:nth-child(20) .number:after {
  transform: scale(2);
  background: #73D3BF;
}

/* line 507, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="20"] .pagination-wrapper .item:nth-child(-n+20) .line:after {
  width: 100%;
}

/* line 511, ../sass/screen.scss */
.timeline-histoire-wrapper[data-slide="20"] .pagination-wrapper .item:nth-child(-n+20) .number {
  opacity: 1;
}

/* line 516, ../sass/screen.scss */
.pagination-timeline-histoire {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  /* line 523, ../sass/screen.scss */
  .pagination-timeline-histoire .item .line {
    min-width: 120px;
  }
}
@media screen and (max-width: 560px) {
  /* line 532, ../sass/screen.scss */
  .pagination-timeline-histoire {
    padding-top: 16px;
  }
  /* line 535, ../sass/screen.scss */
  .pagination-timeline-histoire .item .line {
    min-width: 60px;
  }
}