:root{--tab-hover-color:red}*,:after,:before{box-sizing:border-box}.title-header{text-align:center;margin-bottom:20px}.title-header span{display:block}.nav.nav1,.nav.nav2,.nav.nav3{display:unset}.nav.nav1 ul li,.nav.nav2 ul li{text-decoration:none;text-transform:uppercase;font-weight:500;cursor:pointer}.nav.nav1 ul li{list-style:none;padding-left:7px;padding-right:7px;margin-left:10px;color:#6b6b6b;padding-bottom:10px;border-bottom:2px solid transparent}.nav.nav1 ul li:hover{-webkit-transition:all 600ms ease 0s;transition:all 600ms ease 0s}.nav.nav1 ul li.active,.nav.nav1 ul li:hover{color:var(--tab-hover-color);border-bottom-color:var(--tab-hover-color)}.nav.nav1 ul,.nav.nav2 ul{margin:0 0 25px;display:flex;flex-wrap:wrap;justify-content:center}.nav.nav2 ul li{list-style-type:none;margin-left:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:5px 15px}.nav.nav2 ul li.active{background-color:var(--tab-hover-color);color:#fff;padding:5px 15px}.nav.nav2 ul li :not(.active){color:#000}.nav.nav2 ul li:hover,.nav.nav3 ul li::after{background-color:var(--tab-hover-color);-webkit-transition:all 600ms ease 0s;transition:all 600ms ease 0s}.nav.nav2 ul li:hover{color:#fff}.nav.nav3 ul{display:flex;flex-wrap:wrap;margin:0 0 30px;padding-bottom:18px;justify-content:center;border-bottom:1px solid #adadad}.nav.nav3 ul li{position:relative;display:inline-block;color:#242424;cursor:pointer;font-size:20px;font-weight:600;padding:0 0 5px;margin:0 28px;-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav.nav3 ul li::after{position:absolute;content:"";left:0;bottom:-19px;width:0%;opacity:0;height:2px}.nav.nav3 ul li.active:after,.nav.nav3 ul li:hover:after{opacity:1;width:100%}.nav.nav3 ul li:hover{color:var(--tab-hover-color)}