/* MAIN SETTINGS */
:root {
  --en-topnav-color-1: ;
  --en-topnav-color-2: ;
}

/* TOP NAVIGATION CONTAINER */
nav.en-nav {
  width: 100%;
  position: relative;
  background: url(../../pics/sl.png) repeat-x center bottom;
  background-size: clamp(14.66px, 1.909vw, 21px) clamp(3.49px, 0.4545vw, 5px);
  height: 100%;
}

/* TOP NAVIGATION - MENU LIST */
nav.en-nav > ul {
  width: 100%;
  margin: 0 auto;
  height: clamp(31.41px, 4.0909vw, 45px);
  position: relative;
  justify-content: center;
  text-align: left;
  box-sizing: border-box;
  top: clamp(6.28px, 0.8181vw, 9px);
  left: 50px;
  max-width: 1020px;
}

#nav_items_0 li a {
    height: clamp(11.17px, 1.4545vw, 16px);
    display: block;
    text-align: center;
    padding: clamp(4.88px, 0.6363vw, 7px) clamp(4.88px, 0.6363vw, 7px)
    clamp(2.79px, 0.3636vw, 4px) clamp(4.88px, 0.6363vw, 7px);
    padding-bottom: clamp(15.36px, 2vw, 22px);
    font-family: "Rum Raisin", sans-serif;
    font-size: clamp(15.36px, 2vw, 14px);
    letter-spacing: 0.3px;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #265301;
    background-color: #367501;
    outline: none !important;
    box-sizing: content-box;
}
#nav_items_0 li:hover a, #nav_items_0 li.over a {
  color: #fec200;
}
#nav_items_0 li.hasSubNav a {
  background: url(../../pics/down_arrow_12pxwhite.png) no-repeat center
    clamp(24.43px, 3.1818vw, 35px) #367501;
  background-size: clamp(8.37px, 1.0909vw, 12px) clamp(5.58px, 0.7272vw, 8px);
}
#nav_items_0 > li a {
  width: auto;
  white-space: normal;
}

#nav_items_0 li:hover a,
#nav_items_0 li:focus a,
#nav_items_0 li.over a {
  background-color: #357501 !important;
}

/* Drop down items */
#nav_items_0 ul,
#nav_items_0 li:hover ul ul,
#nav_items_0 li:focus ul ul,
#nav_items_0 li.over ul ul,
#nav_items_0 li:hover ul ul ul,
#nav_items_0 li:focus ul ul ul,
#nav_items_0 li.over ul ul ul,
#nav_items_0 li:hover ul ul ul ul,
#nav_items_0 li:focus ul ul ul ul,
#nav_items_0 li.over ul ul ul ul {
  position: absolute;
  right: auto;
  left: -9999em;
  top: -9999em;
  z-index: 9999;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

#nav_items_0 ul li {
  margin: 0;
  left: auto;
}

#nav_items_0 li:hover ul,
#nav_items_0 li:focus ul,
#nav_items_0 li.over ul {
  left: auto;
  top: auto;
  background: none;
}

#nav_items_0 ul li:hover ul,
#nav_items_0 ul li:focus ul,
#nav_items_0 ul li.over ul,
#nav_items_0 ul ul li:hover ul,
#nav_items_0 ul ul li:focus ul,
#nav_items_0 ul ul li.over ul,
#nav_items_0 ul ul ul li:hover ul,
#nav_items_0 ul ul ul li:focus ul,
#nav_items_0 ul ul ul li.over ul {
  position: absolute;
  top: 0;
  left: 100%;
}

/* Drop down items colors and formatting */
#nav_items_0 li:hover ul li a,
#nav_items_0 li:focus ul li a,
#nav_items_0 li.over ul li a {
  line-height: 16pt;
  text-align: left;
  text-decoration: none;
  padding: clamp(3.5px,0.4545vw,5px) clamp(5.58px,0.7272vw,8px);
  height: auto;
  width: clamp(135px, 17.6vw, 176px);
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  letter-spacing: normal;
  white-space: normal;
  text-transform: none;
  text-shadow: none;
  font-variant: normal;
  box-sizing: content-box;
}
#nav_items_0 li:hover ul li a::after,
#nav_items_0 li:focus ul li a:after,
#nav_items_0 li.over ul li a:after {
  display: none;
}
#nav_items_0 li:hover ul li, #nav_items_0 li.over ul li {
  margin-bottom: clamp(2px,0.2727vw,3px);
}
#nav_items_0 li:hover ul,
#nav_items_0 li.over ul {
  left: auto;
  top: auto;
  background-color: #357501 !important;
}

#nav_items_0 ul li:hover ul,
#nav_items_0 ul li.over ul,
#nav_items_0 ul ul li:hover ul,
#nav_items_0 ul ul li.over ul,
#nav_items_0 ul ul ul li:hover ul,
#nav_items_0 ul ul ul li.over ul {
  position: absolute;
  top: 0;
  left: 100%;
  transform: none;
}

#nav_items_0 li:hover ul li a,
#nav_items_0 li:focus 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:focus 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:focus 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:focus ul a,
#nav_items_0 li ul li ul li ul li.over ul a {
  color: #fff;
  background: #367502;

}

#nav_items_0 li ul li a:hover,
#nav_items_0 li ul li a:focus,
#nav_items_0 li ul li:hover a,
#nav_items_0 li ul li:focus 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:focus ul a:focus,
#nav_items_0 li ul li.over ul a:hover,
#nav_items_0 li ul li.over ul a:focus,
#nav_items_0 li ul li ul li:hover a,
#nav_items_0 li ul li ul li:focus 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:focus ul a:focus,
#nav_items_0 li ul li ul li.over ul a:hover,
#nav_items_0 li ul li ul li.over ul a:focus,
#nav_items_0 li ul li ul li ul li:hover a,
#nav_items_0 li ul li ul li ul li:focus 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:focus ul a:focus,
#nav_items_0 li ul li ul li ul li.over ul a:hover,
#nav_items_0 li ul li ul li ul li.over ul a:focus {
  color: #fff !important;
  background: #000 !important;
}

li.nav_items_0 {
  padding-right: clamp(15.36px, 2vw, 22px) !important;
  background: url(../../pics/sep.png) no-repeat right;
  background-size: clamp(15.36px, 2vw, 22px) clamp(10.47px, 1.3636vw, 15px);
}
li.nav_item_last {
  background: none;
}
nav#menu ul li span.nav_icon {
  display: none;
}

#nav_items_0 li a bdi:after,
#nav_items_0 li a li a bdi:after,
#nav_items_0 li a li a li a bdi:after {
  content: " \2192";
}

#nav_items_0 li.nav_item_last:hover ul,
#nav_items_0 li.nav_item_last:focus ul {
  right: 0;
}

#nav_items_0 li.nav_item_last ul li:hover ul,
#nav_items_0 li.nav_item_last ul li:focus ul {
  left: -100%;
}

/* TOP NAVIGATION - LIST ITEMS (this selector should usually not be needed.) */
nav.en-nav > ul > li {
}

/* TOP NAVIGATION - LINKS */
nav.en-nav > ul > li > a {
}

/* HOVER ON TOP NAVIGATION LINKS ONLY */
nav.en-nav > ul > li > a:hover {
}

/* SUBMENUS */
nav.en-nav > ul > li ul {
}

/* SUBMENU LEVEL 1 ONLY */
nav.en-nav > ul > li > ul {
}

/* SUBMENUS - LIST ITEMS  (this selector should usually not be needed.) */
nav.en-nav > ul > li ul li {
}

/* SUBMENUS - LINKS */
nav.en-nav > ul > li ul a {
}

/* HOVER ON LINKS IN SUBMENUS */
nav.en-nav > ul > li ul a:hover {
}

/* LIST ITEMS THAT OPEN SUBMENUS */
nav.en-nav > ul > li ul li.en-has-submenu > a:after {
}

/* STYLING OF THE TOPNAV AND DROPDOWN MENUS FOR THE MEDIUM VERSION */
@media only screen and (max-width: 1225px) {
  nav.en-nav > ul {
    left: 0;
  }
}
@media only screen and (max-width: 1200px) {
  nav.en-nav > ul {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1030px) {
  .en-marquee-module {
    width: clamp(250px, 32.0388vw, 330px) !important;
  }
  .header-top-right {
    margin: 0;
  }
  .header-top-inner {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 850px) {
  .en-marquee-module {
    width: clamp(200px, 29.4117vw, 250px) !important;
  }
}
@media only screen and (max-width: 820px) {
  .en-marquee-module {
    width: 200px !important;
  }
}
@media only screen and (max-width: 1180px) {
  #nav_items_0 ul li:hover ul,
  #nav_items_0 ul li.over ul,
  #nav_items_0 ul li:focus ul,
  #nav_items_0 ul ul li:hover ul,
  #nav_items_0 ul ul li.over ul,
  #nav_items_0 ul ul li:focus ul,
  #nav_items_0 ul ul ul li:hover ul,
  #nav_items_0 ul ul ul li.over ul,
  #nav_items_0 ul ul ul li:focus ul {
    position: absolute;
    top: 0;
    left: auto;
    right: 100% !important;
  }
}

@media only screen and (max-width: 1100px) {
  nav.en-nav > ul {
    height: auto;
  }

  /* OPEN THE THIRD LEVEL SUBMENU ON THE LEFT INSTEAD OF ON THE RIGHT SINCE SPACE IS TIGHT. IT'S RECOMMENDED. */
  nav.en-nav > ul > li > ul > li > ul > li > ul {
    left: initial;
    right: 100%;
  }

  /* NAVIGATION - TOP LEVEL ITEMS */
  nav.en-nav > ul > li > a {
    font-size: clamp(16px, 1.6363vw, 18px);
  }

  /* NAVIGATION - LOWER LEVEL ITEMS */
  nav.en-nav > ul > li ul a {
    font-size: clamp(14px, 1.3636vw, 15px);
  }

  /* POSITIONING AND STYLING OF THE TOP-LEVEL DROP DOWN MENU */
  nav.en-nav > ul > li > ul {
    /* #padding-top: 0vw;*/
    /* adjust the distance of the level-1 submenu from the top-nav if necessary) */
  }
  nav.en-nav > ul {
    background: #367501;
    border-bottom: clamp(3.49px, 0.4545vw, 5px) #ffcb26 solid;
    max-width: inherit;
  }
}
@media (min-width: 800px) and (max-width: 1050px) {
  .wrapper-inside {
    padding: 0px !important;
  }
}
@media only screen and (max-width: 950px) {
  #nav_items_0 li:nth-child(6):hover ul {
    right: 0;
  }
  nav.en-nav > ul {
    top: 0;
  }
  .header-logo{
    top: 0;
  }
  .header-right div.motto{
    top: clamp(0px,0.3157vw,3px);
  }
  .header-top{
    /*background: #b8d8f2;*/
  }
}