

/* -------------------------- */
/* TOP NAVIGATION CONTAINER */
nav.en-nav {
    width: 100%;
    background: transparent;
    /* z-index: unset; */
  }
  
  #wrapper nav.en-nav {
    z-index: unset; 
  }
  
  /* TOP NAVIGATION - MENU LIST */
  nav.en-nav > ul {
    grid-row: 3;
    grid-column: 1 / 3;
    align-items: center;
    justify-content: unset;
    height: 100%;
    color: #fff;
    margin: 0px 0 0 4px;
    max-width: 700px;
  }
  
  /* TOP NAVIGATION - LIST ITEMS (this selector should usually not be needed.) */
  nav.en-nav > ul > li {
    /* flex-grow: 1; */
    text-align: center;
    vertical-align: center;
    margin-top: 0px; 
    height: 100%;
   
  }
  /* nav.en-nav > ul > li.nav_items_0{
    background: url('/pics/topnav_sep.png') no-repeat right 022px;
  } */
  nav.en-nav > ul > li.nav_items_0::after{
    background: url('/pics/topnav_sep.png') no-repeat right;
    position: absolute;
    width: 1px;
    height: 5px;
    right: -1px;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;

  }
  #nav_items_0 li:last-child.nav_items_0::after{
    display: none;
  }
  /* TOP NAVIGATION - LINKS */
  nav.en-nav > ul > li > a {
    font-size: clamp(14px, 1.6vw, 16px);
    /* color: #fff; */
    color: #000000;
    font-weight: 400;
    letter-spacing: 0.3px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    height: 100%;
    margin: 0px 0 0 0px;
    font-family: "Neutra2Text-Bold";
    position: relative;
   line-height: clamp(16px, 1.7999vw, 18px); 
    z-index: 1000;   
    padding: 15px 20px 13px;
  }
  
  nav.en-nav > ul > li > a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 19px;
    right: 0;
    margin: auto;
    background: #fff;
    height: 2px;
    margin-right: 13px;
    margin-left: 18px;
    opacity: 0;
  } 
  
  /* HOVER ON TOP NAVIGATION LINKS ONLY */
  nav.en-nav > ul > li > a:hover {
    background: #fec22d;
    color: #000;
  }
  
  /* SUBMENUS */
  nav.en-nav > ul > li ul {
    border: none;
    background: transparent;
    padding: 0px;
    border-radius: 0px;                        /* border radius won't work without padding and background color */
  }
  
  /* SUBMENU LEVEL 1 ONLY */
  nav.en-nav > ul > li > ul {
    left: auto;
    top: auto;
    background: url("/pics/navyellowrepeat.png") repeat #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin-top: -2px;
    width: 768px;
    margin-left: 0;
    padding-top: 10px;
    border-right: 1px solid #ffb600;
    border-left: 1px solid #ffb600;
    padding-bottom: 10px;
    z-index: 999;
  }
  
  /* SUBMENUS - LINKS */
  nav.en-nav > ul > li ul a {
/*    min-width: 220px;
max-width: 237px;*/
    line-height: 16pt;
    text-align: left;
    text-decoration: none;
    height: auto;
    font-size: 16px;
    letter-spacing: 0;
    white-space: normal;
    text-shadow: none;
    font-variant: normal;
    position: relative;
    color: #000 !important;
    font-weight: 400;
    font-family: "Neutra2Text-Book";
/*  text-transform: capitalize;*/
    padding: 8px 0px 8px 17px;
    left: 10px;
    margin-right: 10px;
width: 220px;
box-sizing: content-box;
    
  }
  nav.en-nav > ul > li ul > li{
    float: left;
  }
  
  /* HOVER ON LINKS IN SUBMENUS */
  #nav_items_0 > li > ul > li > a:hover, #nav_items_0 > li > ul > li:hover > a, #nav_items_0 > li > ul > li.over > a, #nav_items_0 > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li.over > a, #nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li > ul > li.over > a, #nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > a:focus, #nav_items_0 > li > ul > li:focus > a, #nav_items_0 > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li.over > ul > a:focus, #nav_items_0 > li > ul > li > ul > li:focus > a, #nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li.over > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li:focus > a, #nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:focus
  {
    color: #000 !important;
    background: #fec22d;
  }
  #nav_items_0 li:hover ul li a, #nav_items_0 li.over ul li a, #nav_items_0 li ul li:hover ul a, #nav_items_0 li ul li.over ul a, #nav_items_0 li ul li ul li:hover ul a, #nav_items_0 li ul li ul li.over ul a, #nav_items_0 li ul li ul li ul li:hover ul a, #nav_items_0 li ul li ul li ul li.over ul a {
    color: #161616;
    background: url('/pics/dropdown_bullet.png') no-repeat left 5px top 15px;
    border-right: 0px;
    border-left: 0px;
    -pie-background: url('/pics/dropdown_bullet.png') no-repeat left 5px top 15px;
    behavior: url('/shared/pie.htc');
  }
  #nav_items_0 li ul li a:hover, #nav_items_0 li ul li:hover a, #nav_items_0 li ul li.over a, #nav_items_0 li ul li:hover ul a:hover, #nav_items_0 li ul li.over ul a:hover, #nav_items_0 li ul li ul li:hover a, #nav_items_0 li ul li ul li.over a, #nav_items_0 li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li.over ul a:hover, #nav_items_0 li ul li ul li ul li:hover a, #nav_items_0 li ul li ul li ul li.over a, #nav_items_0 li ul li ul li ul li:hover ul a:hover, #nav_items_0 li ul li ul li ul li.over ul a:hover {
    background: #fff url('/pics/dropdown_hover_bullet.png') no-repeat left 5px top 15px;
    border-right: 0px;
    border-left: 0px;
    -pie-background: #fff url('/pics/dropdown_hover_bullet.png') no-repeat left 5px top 15px;
    behavior: url('/shared/pie.htc');
  }
  
  nav.en-nav > ul > li > a:hover, nav.en-nav > ul > li > a:focus {  
    color: #000;
    background: #fec22d;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
  }
  #nav_items_0 > li:hover > a, #nav_items_0 > li.over > a, #nav_items_0 > li:focus > a {
    color: #000;
     background: #fec22d;

     border-right: 2px solid #fff;
      border-left: 2px solid #fff;
      height: 114%;
      padding: 15px 12px 22px 12px; 
   
  }
  nav.en-nav > ul > li > a:hover::after, nav.en-nav > ul > li > a:focus::after{
    opacity: 1;
  }
  #nav_items_0 > li:hover > a::after, #nav_items_0 > li.over > a::after, #nav_items_0 > li:focus > a::after {
    opacity: 1 !important;
  }
  
  nav.en-nav > ul > li > ul > li > ul {
    padding-top: 12px;
    padding-bottom: 8px;
    z-index: 9;
    background-color:#fec22d;
  }
  nav.en-nav > ul > li.nav_items_0:hover ul li a,nav.en-nav > ul > li.nav_items_0:focus ul li a{
    margin-top: 0px;
    margin-bottom: 0px;
  }

@media (min-width:1040px){
  #nav_items_0 li:nth-child(2):hover ul, #nav_items_0 li:nth-child(2).over ul {margin-left: -86px !important;}
  #nav_items_0 li:nth-child(3):hover ul, #nav_items_0 li:nth-child(1).over ul {margin-left: -100px !important;}
  #nav_items_0 li:nth-child(4):hover ul, #nav_items_0 li:nth-child(4).over ul {margin-left: -112px !important;}
  #nav_items_0 li:nth-child(5):hover ul, #nav_items_0 li:nth-child(5).over ul {margin-left: -220px !important;}
  #nav_items_0 li:nth-child(6):hover ul, #nav_items_0 li:nth-child(6).over ul {margin-left: -335px !important;}
  #nav_items_0 li:last-child:hover ul, #nav_items_0 li:last-child.over ul {
    margin-left: -417px !important;
    right: unset;
  }
}

@media (max-width:1140px){
  nav.en-nav > ul{
    margin: 0px 0 0 0px;
  }
  nav.en-nav > ul > li > ul{
    width: 500px;
  }
}
@media (max-width:991px){
  nav.en-nav > ul > li > a{
    padding: 15px 12px 15px;
  }
  nav.en-nav > ul > li > ul {
    width: 430px;
  }
  nav.en-nav > ul > li ul a {
/* min-width: 200px;
max-width: 200px; */
width: 180px;
  }
}






