.arrows {
    height: 27px;
    left: 20px;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    width: 22px;
}
.arrow{bottom:8%;margin:0 auto;width:45px;z-index:2;}
.arrow a{bottom:5%;color:#fff;display:block;height:80px;left:0;margin:0 auto;position:absolute;right:0;text-align:center;text-decoration:none;width:80px;z-index:999;}
.arrows polyline{stroke:#5f0c38;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite;}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows polyline.a1{animation-delay:-1s;-webkit-animation-delay:-1s;}
.arrows polyline.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s;}
.arrows polyline.a3{animation-delay:0s;-webkit-animation-delay:0s;}


.header_scroll .arrows {
    left: 6px;
    top: 10px;
}