.scroll-nav{width:20px;display:block;align-items:center;position:fixed;top:50%;bottom:0;right:0;height:100%;list-style:none;z-index:997;margin-top:-140px}
.scroll-nav:before{border-left:2px solid rgba(255,255,255,0.3);content:"";position:absolute;top:0;bottom:0;height:100%;left:49px}
.dot-nav{list-style:block;position:relative;z-index:5}
.dot-nav{direction:rtl}
.dot-nav a{display:inline-block;background:#ddd;width:12px;height:12px;border-radius:100%;vertical-align:middle}
.dot-nav a:hover{-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;background-color:var(--primary-color);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.dot-nav a.active{background-color:var(--primary-color);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.dot-nav li{margin:18px 0}
.dot-nav li span{opacity:0;position:fixed;vertical-align:middle;color:var(--primary-color);background:transparent;padding:2px 0;margin-top:-20px;margin-right:20px;border-radius:4px;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;font-size:14px;width:90px;text-align:right}
.dot-nav li span b{display:block;font-size:12px;line-height:1;margin-bottom:5px;font-weight:normal}
.dot-nav li a:hover+span{opacity:1;direction:ltr;unicode-bidi:embed}
.page-block{background-size:cover}
.dot-nav-link-elem{background:var(--white-color) no-repeat center center fixed}
@media(max-height:800px){.scroll-nav{position:fixed;top:300px;margin-top:0}
}