.swiper-container {
    position: absolute;
    z-index: 50;
    /* left: 0px; */
    /* right: 0px; */
    top: inherit;
    height: 80px;
    width: 100%;
    bottom: 0px;
    z-index: 999999;
}
.swiper-container .mouse {
    width: 18px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    position: absolute;
    /* left: 15px; */
}
.mouse a {
    display: block;
    /* height: 45px; */
    text-decoration: none;
}
.swiper-container .mouse-wrapper {
    /* margin: 0 auto; */
    display: block;
    position: absolute;
    z-index: 10;
    /* left: 0; */
    right: 50px;
    width: 27px;
    /* height: 100px; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

 .mouse-scroll {
    position: absolute;
    display: block;
    top: 29%;
    left: 60%;
    width: 4px;
    height: 4px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: mouse-scrol-ann 2.5s linear infinite;
    -moz-animation: mouse-scrol-ann 2.5s linear infinite;
    animation: mouse-scrol-ann  2.5s linear infinite;
}
/* SCROLL DOWN BUTTON */
@-webkit-keyframes mouse-scrol-ann {
  0% {
    opacity: 1;
    top: 29%;
  }
  40% {
    opacity: 1;
    top: 50%;
  }
  60% {
    opacity: 1;
    top: 70%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@-moz-keyframes mouse-scrol-ann  {
  0% {
    opacity: 1;
    top: 29%;
  }
  40% {
    opacity: 1;
    top: 50%;
  }
  60% {
    opacity: 1;
    top: 70%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }

}
@keyframes mouse-scrol-ann  {
  0% {
    opacity: 1;
    top: 29%;
  }
  40% {
    opacity: 1;
    top: 50%;
  }
  60% {
    opacity: 1;
    top: 70%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}

.Puce2{
    position: absolute;
    left: 9px;
    bottom: -72px;
    font-size: 31px;
    color: #fff;
    -webkit-animation: scroll-down-anim ease-in-out 1s infinite;
    -moz-animation: scroll-down-anim ease-in-out 1s infinite;
    -o-animation: scroll-down-anim ease-in-out 1s infinite;
    animation: scroll-down-anim ease-in-out 1s infinite;
    display: none;
}
.Puce2:after{
  content:"";
  position: absolute !important;
  width:1px;
  height:60px;
  background:#ffffff;
  position:absolute;
  bottom:0px;
}


.scroll-down {
    color: #323336;
    font-size: 32px;
}


@media screen  and (max-width:767px)  {

.swiper-container .mouse {
    width: 20px;
    height: 30px;
    border: 2px solid #fff;
    left: 8px;
}
.mouse a {
    display: block;
    height: 20px;
    text-decoration: none;
}
.swiper-container .mouse-wrapper {
    width: 40px;
    height: 80px !important;
    bottom: 0px;
}
.Puce2:after {
    height: 40px;
 
}
.Puce2 {
    position: absolute;
    left: 7px;
    bottom: -55px;
}
}