#fp-nav{font-size:16px}#fp-nav ul li{width:auto;margin:auto;height:auto}#fp-nav ul li a{display:block;width:40px;height:32px;margin:8px 0;outline:none}#fp-nav ul li a span{left:0;top:0}#fp-nav ul li a span::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);-o-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);background:#ff5722}#fp-nav ul li a.active span::before{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#fp-nav ul li a span,#fp-nav ul li a.active span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span{position:relative;display:block;overflow:hidden;width:4px;height:100%;margin:0 0 0 16px;opacity:.7;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;border-radius:0;background:#fff}#fp-nav ul li a:not(.active) span:focus .nav__item-inner,#fp-nav ul li a:not(.active) span:hover .nav__item-inner{opacity:1}.fp-big-nav #fp-nav ul li a{display:block;width:40px;height:48px;margin:16px 0}#fp-nav ul li .fp-tooltip{padding:0 4px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#fp-nav.fp-right ul li .fp-tooltip{right:100%}#fp-nav.fp-left ul li .fp-tooltip{left:100%}