.list-scroll{position:fixed;right:-100px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:10;margin-right:30px;transition:all .5s ease;-webkit-transition:all .5s ease}@media (max-width:580px){.list-scroll{display:none}}.list-scroll.active{right:0}.list-scroll li{display:block}.list-scroll li.nth_hover img{opacity:.8;transform:scale(1.1)}.list-scroll li:hover img{opacity:1;transform:scale(1.5)}.list-scroll li:hover span{transition:all .5s ease;-webkit-transition:all .5s ease;color:#000;right:100%;z-index:10;opacity:1;visibility:visible}.list-scroll li:hover:before{background:0 0}.list-scroll li a{position:relative;width:37px;height:37px;margin-bottom:17px;display:flex;align-items:center;justify-content:center}.list-scroll li a img{opacity:.7;width:100%;height:100%;object-fit:contain;transition:all .5s ease;-webkit-transition:all .5s ease}@media (min-width:991px){.list-scroll li a:before{width:18px;height:18px}}.list-scroll li a.scroll-icon:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;background:#e2007c;border:1px solid #e2007c}.list-scroll li a span{color:#fff;position:absolute;width:100%;display:block;font-size:16px;text-shadow:0 0 1px #eee;right:0;min-width:200px;top:30%;z-index:-1;opacity:0;visibility:hidden;text-align:right;padding-right:15px;font-family:"SF Pro Display Bold",sans-serif}.list-scroll li a.active:before{background:0 0}