header {
	 width: 100%;
	 position: relative;
   z-index: 100;
}

nav a {
	 color: #fff;
}

.menu-bck{
	width:100%;
	background-color: #27335f;
  border-top:1px solid #fff;
}

nav:not(.submenu) {
	 color: #fff;
	 text-decoration: none;

}

 .navigation-menu {
	 margin: 0 auto;
}
 .navigation-menu{
    display: flex;
  }
 .navigation-menu li{
	 list-style: none;
	 margin: 0;
	 padding: 0;
   font-weight: bold;
}

.navigation-menu .title {
margin-left:25px;
font-size:20px;
color:#00b4db;
margin-bottom:20px;
margin-top:15px;
}

 .navigation-menu a {
	 transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
 .navigation-menu > ul {
	 display: flex;

}
 .navigation-menu > ul > li {
	 text-align: center;
}
 .navigation-menu >  li > a {
	 display: block;
	 padding: 18px 12px 20px 12px;
	 font-size: 16px;
   text-decoration: none;
   font-weight:bold;
}

@media only screen and (max-width: 1200px) and (min-width: 990px)  {

  .navigation-menu >  li > a {
 	 display: block;
 	 padding: 18px 12px 20px 12px;
 	 font-size: 14px;
    text-decoration: none;
    font-weight:bold;
 }

}

.has-submenu {
	position:relative;
}

.has-submenu a:not(.sub li a) {
  text-transform:uppercase;
}

 .navigation-menu .has-submenu ul {
	 background: #fff;
	 display: none;
	 position: absolute;
	 text-align: left;
	 padding: 1rem 1rem;
	 min-width:350px;
   border-bottom: 4px solid #00b4db;
}

.has-submenu:last-child ul{
	position:absolute;
	right:0px;
}
.navigation-menu .has-submenu li{
   border-bottom: 1px #eaeaea solid;
}

 .navigation-menu .has-submenu li a {
	 display: block;
	 color: #333;
	 padding: 0.5rem 2rem;
	 text-decoration: none;
   font-size:16px;
   font-weight: bold;

}


 .navigation-menu .has-submenu:hover > ul, .navigation-menu .has-submenu.show-menu > ul {
	 display: block;
	 animation: appear 0.2s ease-out;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;

}
 .navigation-menu .show-menu > a, .navigation-menu .show-menu > li:hover > a, .navigation-menu .show-menu  > li > a:focus, .navigation-menu .show-menu  > li > a:focus-within {
	 background: #00b4db;
	 color: #fff;
}

  .show-menu {
   display: block !important;
	 animation: appear 0.2s ease-out;
     border-top-right-radius: 15px;
     border-bottom-right-radius:15px;
     border-bottom-left-radius:15px;
 }


.navigation-menu .has-submenu:has(.show-menu) > a   {
	 background: #fff;
	 color: #27335f;
}

.navigation-menu .emptysub:focus,  .navigation-menu .emptysub:hover{
  background: #fff;
  color: #27335f;
}

 @keyframes appear {
	 0% {
		 opacity: 0;
	}
	 100% {
		 opacity: 1;
	}
}
 .visuallyhidden {
	 border: 0;
	 clip: rect(0 0 0 0);
	 height: 1px;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute;
	 width: 1px;
}