#dot-nav li:first-child.active:after,#dot-nav li:hover:first-child:after,#id0 .banner-section{background-color:#ebebeb}#dot-nav li.active:after,#dot-nav li:hover:after{background-color:currentColor;border-radius:100%;bottom:0;content:"";height:10px;left:0;margin:auto;position:absolute;right:0;top:0;transition:all .1s ease-in-out;width:10px}#dot-nav li.active.banner:after{background-color:#ebebeb!important}#dot-nav{height:0;position:sticky;top:calc(45vh + 23rem)}.dot-nav-inner{bottom:23rem;display:flex;flex-direction:column;left:50px;position:relative;width:29px}#dot-nav .dot{left:25px;margin:0;outline:0;position:relative;top:-13px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;vertical-align:top}#dot-nav .dot span{background-color:hsla(0,0%,100%,.45);color:#000;line-height:18px;vertical-align:top;white-space:nowrap}#dot-nav #id0,#dot-nav li:hover:first-child:after:hover{background-color:#ebebeb}#dot-nav #id0 span{color:#ebebeb}#dot-nav #id1,#dot-nav li:hover:nth-child(2):after,#dot-nav li:nth-child(2).active:after{background-color:#489ade!important}#dot-nav #id1 span{color:#489ade}#dot-nav #id2,#dot-nav li:hover:nth-child(3):after{background-color:#f7c058}#dot-nav #id2 span{color:#f7c058}#dot-nav #id3,#dot-nav li:hover:nth-child(4):after{background-color:#f67c7d}#dot-nav #id3 span{color:#f67c7d}#dot-nav #id4,#dot-nav li:active:nth-child(5):after,#dot-nav li:hover:nth-child(5):after{background-color:#49c5b1!important}#dot-nav #id4 span{color:#49c5b1}#dot-nav li:after{background-blend-mode:multiply}#dot-nav li.active:after,#dot-nav li.active:hover:after,#dot-nav li:hover:after{border-radius:100%;bottom:0;content:"";height:10px;left:0;margin:auto;position:absolute;right:0;top:0;transition:.1s ease-in-out;width:10px}#dot-nav li.active:after,#dot-nav li.active:hover:after{background-color:#ebebeb}.fun#dot-nav li.active{background-color:transparent}#dot-nav{height:100px;left:20px;margin-top:0;position:fixed;top:50vh;z-index:999}#dot-nav ul{list-style:none;margin:0;padding:0}#dot-nav li{border:1px solid #c6c6c6;border-radius:100%;cursor:pointer;height:7px;margin:10px 10px 0 0;padding:8px;position:relative;vertical-align:bottom;width:7px}#dot-nav ul.white-dots li.whiteText a{border:1px solid #fff}#dot-nav a{left:25px;margin:0;outline:0;position:relative;top:-13px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;vertical-align:top}#dot-nav span{display:inline-block;opacity:0;padding:5px;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .2s;transition:all .2s}#dot-nav a span{background-color:hsla(0,0%,100%,.45);color:#000;line-height:18px;vertical-align:top;white-space:nowrap}#dot-nav li:hover span{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (max-width:414px){#dot-nav{display:none;visibility:hidden}}