ul.nav_tdk {
	display: flex;
	margin-bottom: 20px;
}

ul.nav_tdk li{
	position: relative;
	flex: 1 1;
	border: 1px solid rgba(0,0,0,.125);
	text-align: center;
	color: #0046ad;
}

ul.nav_tdk li:has(a.active){
	background-color: #0046ad;
}

ul.nav_tdk li a.active {
	color: #fff;
}

ul.nav_tdk li a.active:hover {
	color: #fff;
}

ul.nav_tdk li a:hover {
	text-decoration: none;
	opacity: .5;
	color: #0046ad;
}

ul.nav_tdk li a {
	display: block;
	width: 100%;
	height: 100%;
  padding: 11px;
  transition: opacity .2s ease;
}

ul.nav_tdk li a.disabled {
	color: grey;
}

@media only screen and (max-width: 750px) {
	ul.nav_tdk{
	 font-size: 12px;
	 flex-direction: column;
	}
	ul.nav_tdk li{
	 width: 100%;
	}
	
}