<div class="wr-nextPage">
			<div class="mouse"><div class="wheel"></div></div>
		</div>
.wr-nextPage{
    bottom: 5%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.mouse{
    height: 33px;
    width: 22px;
    border-radius: 11px;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    border: 2px solid #C8C8C8;
    margin:0 auto;
}
.wheel{
    height: 6px;
    width: 2px;
    display: block;
    margin: 3px auto;
    background: #C8C8C8;
    position: relative;
    -webkit-animation: mouse-wheel 1.2s infinite;
    -moz-animation: mouse-wheel 1.2s infinite;
    animation: mouse-wheel 1.2s infinite;
}

@keyframes mouse-wheel{
    0% { top: 3px; opacity: 1;}
    50% { top: 9px; opacity: 0.2;}
    100% { top: 15px; opacity: 0;}
}
@-webkit-keyframes mouse-wheel{
    0% { top: 3px; opacity: 1;}
    50% { top: 9px; opacity: 0.2;}
    100% { top: 15px; opacity: 0;}
}
Rerun