.scroll-downs,
.scroll-downs2 {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    z-index: 700;
    width: 150px;
    height: 55px;
    text-align: center;
    left: 0;
    right: 0
}
.scroll-downs {color: #fff}
.scroll-downs2 {color: #000}
.mousey,
.mousey2 {
    margin: 0 auto;
    width: 60px;
    height: 6px
}

.mousey {
    background: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite
}

.mousey2 {
    background: #000;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite
}

.scroller,
.scroller2 {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite
}

.scroller {
    border-top: 10px solid #fff
}

.scroller2 {
    border-top: 10px solid #000
}

@keyframes scroll {
  0% {
    opacity: 0
  }

  10% {
    transform: translateY(0);
    opacity: 1
  }

  100% {
    transform: translateY(55px);
    opacity: 0
  }
}