.f3-subnavi{position:relative;margin:30px 0}.f3-subnavi.f3-subnavi-below-h2{margin-top:-27px}.f3-subnavi .nav-point{vertical-align:top;background-color:#e6e6e6;padding:8px 12px;display:inline-block;font-size:15px;text-decoration:none;position:relative;margin-right:6px;border-radius:3px;color:#4c4c4c;cursor:pointer}.f3-subnavi .nav-point:last-child{margin-left:0}.f3-subnavi .nav-point:hover{background-color:#4ba1ec;color:white}.f3-subnavi .nav-point.inactive{background-color:#ededed;color:silver;cursor:default;box-shadow:none}.f3-subnavi .nav-point.nav-small-menu-trigger span{display:none}.f3-subnavi .nav-point .nav-spacer{width:7px;display:inline-block;height:10px}.f3-subnavi .nav-point.nav-point-special{color:#21a552;cursor:pointer}.f3-subnavi .nav-point.nav-point-special:hover,.f3-subnavi .nav-point.nav-point-special.active{color:white;background-color:#49c66c}.f3-subnavi .nav-point.nav-point-special.active:hover{color:white;background-color:#21a552}.f3-subnavi .nav-point.nav-point-special.active:after{border-color:#49c66c}.f3-subnavi .nav-point.active,.f3-subnavi .nav-point.active.inactive{background-color:#4ba1ec;color:white}.f3-subnavi .nav-point.active:after,.f3-subnavi .nav-point.active.inactive:after{content:" ";border-bottom:2px solid #4ba1ec;top:-5px;position:absolute;width:calc( 100% - 2px );left:1px}.f3-subnavi .nav-point.disabled{color:#a0a0a0}.f3-subnavi .nav-point.disabled:hover{color:#787878;background-color:white}.f3-subnavi .nav-point.disabled.active{color:#3d3d3d;background-color:white}.f3-subnavi .f3-page-content-link{padding-left:6px;padding-right:8px}.f3-subnavi .nav-small-menu{padding:0;position:absolute;left:0;top:0;z-index:200;box-shadow:none;background-color:#e6e6e6;border-radius:3px;border:10px solid #e6e6e6}.f3-subnavi .nav-small-menu .nav-point{display:block !important;width:auto;height:27px;padding:3px 22px 3px 15px;margin:7px 0;background-color:transparent}.f3-subnavi .nav-small-menu .nav-point.active{background-color:#4ba1ec;color:white}.f3-subnavi .nav-small-menu .nav-point.active:after{display:none}.f3-subnavi .nav-small-menu .nav-point:hover:not(.active):not(.inactive){background-color:#4ba1ec;color:white}.f3-subnavi .nav-small-menu .nav-point:first-child{margin-left:0 !important}.f3-subnavi .nav-small-menu .nav-point>*{display:inline-block !important;line-height:20px}.f3-subnavi .nav-small-menu .nav-point>.nav-icon{width:20px;text-align:center}.f3-subnavi .nav-small-menu .nav-point>.nav-spacer{display:none !important}.f3-subnavi .nav-small-menu .nav-point.f3-page-content-link{width:100%;text-align:center;height:27px}.f3-subnavi.subnavi-md .nav-point .nav-name,.f3-subnavi.subnavi-sm .nav-point .nav-name,.f3-subnavi.subnavi-md .nav-point .nav-spacer,.f3-subnavi.subnavi-sm .nav-point .nav-spacer{display:none}.f3-subnavi.subnavi-md>.nav-point.nav-small-menu-trigger span,.f3-subnavi.subnavi-sm>.nav-point.nav-small-menu-trigger span{display:inline}.f3-subnavi.subnavi-sm .nav-point:not(.f3-page-content-link):not(.nav-small-menu-trigger){display:none}