.scroll-container,.scroll-container section,body,html{width:100%;height:100vh;height: calc(var(--vh, 1vh) * 100);}body,html{margin:0;padding:0;overflow:hidden}
.scroll-container{position:relative;margin:0;padding:0}
.dots{z-index:1;list-style:none;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.dots li a{padding:15px 10px 10px; width:4px;height:5px;display:block}
@media only screen and (max-width: 1200px) {
    .dots li a { 
        padding:15px 5px 10px;
    }
}
.dots li a:before{content:'';position:absolute;width:14px;height:14px;left:0px;border: 1px solid #dd0b0b !important;;background:transparent;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transition:-webkit-transform .3s ease,background-color .3s ease;-moz-transition:-moz-transform .3s ease,background-color .3s ease;-ms-transition:-ms-transform .3s ease,background-color .3s ease;-o-transition:-o-transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease}
.dots li a.active:before{content:'';width:14px;height:14px;left:0px;background-color:#dd0b0b;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.dots-right{right:10px}.dots-left{left:10px}