CSS File

1.sr7-btn,

.sr7-btn:visited{box-shadow:none;text-decoration:none;box-sizing:border-box;cursor:pointer}

2.sr7-btn.sr7-uppercase,

.sr7-btn.sr7-uppercase:visited{text-transform:uppercase}

3.sr7-btn i,.sr7-btn.sr7-hiddenicon i{font-size:inherit;font-weight:400;position:relative;top:0;transition:opacity .2s ease-out,margin .2s ease-out;margin-left:0}

4.sr7-btn i{line-height:inherit}

5.sr7-btn.sr7-hiddenicon i{opacity:0;width:0}

6.sr7-btn.sr7-hiddenicon:hover i{opacity:1;margin-left:10px;width:auto}

7.sr7-brg{position:relative;box-sizing:border-box;padding:22px 14px 22px 14px;border-radius:50%;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;cursor:pointer}

8.sr7-brg span{display:block;width:30px;height:3px;background:#333;transition:.7s;pointer-events:none;transform-style:flat!important}

9.sr7-brg span:nth-child(2){margin:3px 0}

10.sr7-brg.sr7-white{border:2px solid rgba(255,255,255,.2)}

11.open .sr7-brg :first-child,.open.sr7-brg :first-child{transform:translateY(6px) rotate(-45deg)}

12.open .sr7-brg :nth-child(2),.open.sr7-brg :nth-child(2){transform:rotate(-45deg);opacity:0}

13.open .sr7-brg :last-child,.open.sr7-brg :last-child{transform:translateY(-6px) rotate(-135deg)}

14.sr7-brg.sr7-darkfull span,.sr7-brg.sr7-white span,.sr7-brg.sr7-whitefull,.sr7-brg.sr7-whitenoborder span,.sr7-light span{background:#fff}

15.sr7-brg.sr7-darknoborder,.sr7-brg.sr7-whitenoborder{border:0}

16.sr7-brg.sr7-darkfull,.sr7-brg.sr7-darknoborder span,.sr7-brg.sr7-whitefull span,.sr7-dark span{background:#333}

17.sr7-brg.sr7-darkfull,.sr7-brg.sr7-whitefull{border:none}

18@keyframes sr7-ani-mouse{0%{opacity:1;top:29%}

1915%{opacity:1;top:70%}

2050%{opacity:0;top:70%}

21100%{opacity:0;top:29%}

22}

23.sr7-scroll-btn{display:inline-block;position:relative;left:0;right:0;text-align:center;cursor:pointer;width:35px;height:55px;box-sizing:border-box;border:3px solid #fff;border-radius:23px}

24.sr7-scroll-btn>*{display:inline-block;line-height:18px;font-size:13px;font-weight:400;color:#7f8c8d;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}

25.sr7-scroll-btn>.active,.sr7-scroll-btn>:focus,.sr7-scroll-btn>:hover{color:#fff}

26.sr7-scroll-btn>.active,.sr7-scroll-btn>:active,.sr7-scroll-btn>:focus,.sr7-scroll-btn>:hover{opacity:.8}

27.sr7-scroll-btn.revs-fulldark span,.sr7-scroll-btn.revs-fullwhite{background:#fff}

28.sr7-scroll-btn.revs-dark span,.sr7-scroll-btn.revs-fulldark,.sr7-scroll-btn.revs-fullwhite span,.sr7-scroll-btn.sr7-dark span{background:#333}

29.sr7-scroll-btn.revs-fulldark{border:none}

30.sr7-scroll-btn span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;animation:sr7-ani-mouse 2.5s linear infinite;background:#fff}

31.sr7-scroll-btn.sr7-dark{border-color:#333}