/* -------------------------- */
/* TOP NAVIGATION CONTAINER */
nav.en-nav {
  width: 100%;
  background: transparent;
}

/* TOP NAVIGATION - MENU LIST */
nav.en-nav > ul {
  height: 100%; 
  grid-row: 2;
grid-column: 4 / 5;              /* 100% makes the top navigation automatically fit into its container */
align-items: center;
}

/* TOP NAVIGATION - LIST ITEMS (this selector should usually not be needed.) */
nav.en-nav > ul > li {flex-grow: 1;text-align: left;height:auto;margin: 7px 0 0 0;}
.nav_icon{color:black !important;}

/* TOP NAVIGATION - LINKS */
nav.en-nav > ul > li > a {
  white-space: nowrap;
  height: 100%;
  display: flex;
  text-align: center;
  padding: 0;
  font-size: 18px;
  text-decoration: none;
  color: #1a1a1a;
  font-weight: 400;
  font-family: 'Barlow', sans-serif !important;
  line-height: 22px;
  letter-spacing: 0.95px;
  position: relative;
  z-index: 10000;
  align-content: center;
  align-items: center;
  justify-content: center;
}

/* HOVER ON TOP NAVIGATION LINKS ONLY */
nav.en-nav > ul > li > a:hover {
  background: var(--en-topnav-color-2);
  color: var(--en-topnav-color-1);
}

/* SUBMENUS */
nav.en-nav > ul > li ul {
  border: none;
  background: #004080;
  border-radius: 0px;
  padding: 22px 0 15px;
  z-index: 9;
  border-top: 45px solid #fff;
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.1);
}
#wrapper-index nav.en-nav > ul > li ul {
  box-shadow: none;
}

/* SUBMENUS - LIST ITEMS  (this selector should usually not be needed.) */


/* SUBMENUS - LINKS */
nav.en-nav > ul > li ul a {
  min-width: 248px;
  max-width: 248px;
  line-height: 22px;
  text-align: left;
  text-decoration: none;
  padding: 11px 15px 11px 22px !important;
  height: auto;
  font-size: 16px;
  letter-spacing: 0;
  white-space: normal;
  text-shadow: none;
  font-variant: normal;
  font-weight: 400;
  font-family: 'Barlow', sans-serif !important;
  position: relative;
  color: #fff !important;
  text-transform: none;
}

nav.en-nav > ul > li ul a:hover::before, nav.en-nav > ul > li ul a:focus::before {opacity: 1;right: -10px;}

/* HOVER ON LINKS IN SUBMENUS */
nav.en-nav > ul > li ul a:hover {
  background: var(--en-topnav-color-2);
  color: var(--en-topnav-color-1);
}

/* LIST ITEMS THAT OPEN SUBMENUS */
nav.en-nav > ul > li ul li.en-has-submenu > a:after {
  content: '\2794';
  display: inline-block;
  margin-left: 12px;
}


/* STYLING OF THE TOPNAV AND DROPDOWN MENUS FOR THE MEDIUM VERSION */
@media only screen and (max-width: 1200px) {
  nav.en-nav > ul > li > a {font-size: clamp(14px, 1.50vw, 17px);padding: 0;}
  nav.en-nav > ul > li ul a {font-size: clamp(17px, 1.73vw, 19px);line-height: clamp(19px, 1.73vw, 19px);}
  nav.en-nav > ul > li > ul {padding-top: 0vw;}
  header.en-public-header div.en-public-header-middle{margin: 0;}
}

nav.en-nav > ul > li ul a::before {content: "";position: absolute;background: #1a1a1a;width: 10px;height: 100%;top: 0;right: 0;opacity: 0;transition: .5s all ease-in-out;}
#nav_items_0 > li > a::before {content: "";position: absolute;background: #a5a5a5;width: 10px;height: 10px;left: 0;right: 0;margin: 0 auto;top: 39px;opacity: 0;transition: .4s all ease-in-out;}
#nav_items_0 > li:hover > a::before, #nav_items_0 > li.over > a::before, #nav_items_0 > li:focus > a::before, #nav_items_0 > li:hover > a::after, #nav_items_0 > li.over > a::after, #nav_items_0 > li:focus > a::after {opacity: 1;height: 49px;}
nav.en-nav > ul > li ul a:hover, nav.en-nav > ul > li ul a:focus {background: #1a1a1a;}
#nav_items_0 > li:hover > a, #nav_items_0 > li.over > a, #nav_items_0 > li:focus > a {color: #004080 !important;}