.page-arrows{position:fixed;width:50px;height:50px;border:2px solid #acd154;border-radius:50%;top:90vH;left:40px;cursor:pointer;z-index:99;-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.page-arrows:hover{background-color:rgba(0,0,0,0.4);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}#arrowAnim{width:40px;height:40px;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg) translateX(2px) translateY(5px);-webkit-transform:rotate(-90deg) translateX(2px) translateY(5px)}.page-arrows.up #arrowAnim{transform:rotate(90deg) translateX(10px) translateY(-5px);-webkit-transform:rotate(90deg) translateX(10px) translateY(-5px)}.arrow{width:12px;height:12px;border:3px solid;border-color:#acd154 transparent transparent #acd154;transform:rotate(-45deg)}.arrowSliding{position:absolute;-webkit-animation:slide 4s linear infinite;animation:slide 4s linear infinite}.delay1{-webkit-animation-delay:1s;animation-delay:1s}.delay2{-webkit-animation-delay:2s;animation-delay:2s}.delay3{-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes slide{0%{opacity:0;transform:translateX(20px)}20%{opacity:1;transform:translateX(12px)}80%{opacity:1;transform:translateX(-12px)}100%{opacity:0;transform:translateX(-20px)}}@keyframes slide{0%{opacity:0;transform:translateX(20px)}20%{opacity:1;transform:translateX(12px)}80%{opacity:1;transform:translateX(-12px)}100%{opacity:0;transform:translateX(-20px)}}.arrow-change-point{float:left;width:100%}@media(max-width:1366px){.page-arrows{left:5px}}@media(max-width:1024px){.page-arrows{display:none}}