.menu-toggle {
  display: none;
  background: none;
  font-weight: 700;
  font-size: 28px;
  margin: 25px auto;
  padding: 10px 20px;
  cursor: pointer;
  color: #56595a;
  border: solid 1px #dadee3;
  border-radius: 5px;
}

/*** menu ***/

#menu {
	background: #fff;
	box-shadow: 2px 2px 5px #00000005;
	padding: 45px 0 60px 0;
}

#menu ul {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
#menu li {margin: 0;}

#menu a {
	display: block;
	max-width: max-content;
	margin: auto;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	color: #0a1e25;
	border-bottom: solid 4px #e9eff1;
}

	#menu span {
		display: block;
		font-size: 14px;
		color: #70797c;
		font-weight: normal;
		margin-top: 4px;
	}
	
nav a#active {border-bottom: solid 4px #c20d04 !important;}
nav a#active span {}
	
		#menu a:hover {border-bottom: solid 4px #ced9dd;}
		#menu a:hover span {}



/*** responzívne menu ***/

@media (max-width: 1024px) {

  .menu-toggle {display: block;}

	#menu {padding: 0;}
	
	#menu ul {
		display: none;
		flex-direction: column;
		background: #fff;
		width: 100%;
	}
	
	#menu ul.show {display: flex; padding-bottom: 35px;}
	#menu li {margin: 0;}
	
	nav a#active {border-left: solid 4px #c20d04; border-bottom: 0 !important;}
	#menu a {min-width: 200px; border-left: solid 4px #e9eff1; border-bottom: 0 !important;}
	#menu a:hover {border-bottom: 0 !important;}
}