.arrow-scroll-wrap{position:absolute;z-index:1;left:50%;_top:-5em;top:87%;margin-left:-5em;background:#111;width:10em;height:10em;padding:4em 2em;border-radius:50%;font-size:0.5em;display:block;}
.arrow-scroll{float:left;position:relative;width:0px;height:0px;border-style:solid;border-width:3em 3em 0 3em;border-color:#ffffff transparent transparent transparent;-webkit-transform:rotate(360deg)}
.arrow-scroll:after{content:'';position:absolute;top:-3.2em;left:-3em;width:0px;height:0px;border-style:solid;border-width:3em 3em 0 3em;border-color:#111 transparent transparent transparent;-webkit-transform:rotate(360deg)}
@-webkit-keyframes arrows{0%{top:0;}
10%{top:12%;}
20%{top:0;}
30%{top:12%;}
40%{top:-12%;}
50%{top:12%;}
60%{top:0;}
70%{top:12%;}
80%{top:-12%;}
90%{top:12%;}
100%{top:0;}
}
.arrow-wrap-scroll .arrow-scroll{-webkit-animation:arrows 2.8s 0.4s;-webkit-animation-delay:3s;}