.arrow-scroll{bottom:2.5rem;cursor:pointer;position:fixed;right:2.5vw;-webkit-transform:translateX(300%);-moz-transform:translateX(300%);-ms-transform:translateX(300%);-o-transform:translateX(300%);transform:translateX(300%);-webkit-transition:-webkit-transform .7s ease-out;transition:-webkit-transform .7s ease-out;-o-transition:-o-transform .7s ease-out;-moz-transition:transform .7s ease-out,-moz-transform .7s ease-out;-moz-transition:transform .7s ease-out, -moz-transform .7s ease-out;transition:transform .7s ease-out;transition:transform .7s ease-out, -webkit-transform .7s ease-out, -moz-transform .7s ease-out, -o-transform .7s ease-out;transition:transform .7s ease-out,-webkit-transform .7s ease-out,-moz-transform .7s ease-out,-o-transform .7s ease-out;width:60px;z-index:99}.arrow-scroll.active{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.arrow-scroll-wrapper{position:relative}.arrow-scroll svg{display:block}.arrow-scroll-circle .svg-circle{fill:none;stroke:#888;stroke-miterlimit:10;stroke-width:2}.arrow-scroll-progress{left:0;position:absolute;top:0;width:100%}.arrow-scroll-progress svg{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.arrow-scroll-progress .svg-circle-progress{fill:none;stroke:#888;stroke-dasharray:182;stroke-dashoffset:182;stroke-miterlimit:10;stroke-width:1}.arrow-scroll-arrow{left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%}.arrow-scroll-arrow .svg-arrow{fill:#888}@media screen and (max-width:1024px){.arrow-scroll{width:50px}}@media screen and (max-width:640px){.arrow-scroll{width:40px}}@media screen and (max-width:375px){.arrow-scroll{width:30px}}