@font-face {
   font-family: "icon-font";
   src: url('fonts/icon-font.eot');
   src: url('fonts/icon-font.eot?#iefix') format('eot'), url('fonts/icon-font.woff') format('woff'), url('fonts/icon-font.ttf') format('truetype'), url('fonts/icon-font.svg#icon-font') format('svg');
}

.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,
header h1:before,
.nav-button:before,
.nav-close:before,
.nav .nav-submenu > a:after,
.nav > ul > .nav-submenu > a:after {
   font-family: "icon-font";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-style: normal;
   font-variant: normal;
   font-weight: 500;
   text-decoration: none;
   text-transform: none;
   vertical-align: middle;
   margin-top: 3px;
}

.icon-desktop:before {
   content: "\E001";
}

.icon-menu-close:before {
   content: "\E002";
}

.icon-menu:before {
   content: "\E003";
}

.icon-mobile:before {
   content: "\E004";
}

.icon-submenu-down:before {
   content: "\E005";
}

.icon-submenu-right:before {
   content: "\E006";
}

.icon-world:before {
   content: "\E007";
}

/*
#nav-button-container {
   position: absolute;
   display: inline-block;
   width: 3.4rem;
   height: 3.4rem;
   right: 10px;
   !*top: 10px;*!
   bottom: 10px;
}
*/

.nav-button,
.nav-close {
   /*position: relative;*/
   /*width: 3.4rem;*/
   /*height: 3.4rem;*/
   /*overflow: hidden;*/
   padding: 15px 0 15px;
   z-index: 902;
   cursor: pointer;
   font-size: 1.3em;
   text-align: center;
   text-decoration: none;
   background: #9C232B;
   /*border-radius: 8px;*/
}

a.nav-button,
a.nav-button:visited,
a.nav-button:active,
a.nav-button:link {
   color: #fff;
   /*background-color: #8FBA2B;*/
   text-decoration: none;
}

a.nav-button:hover,
a.nav-close:hover,
a.nav-button:active,
a.nav-close:active {
   background: #791b21;
   color: #fff;
   text-decoration: none;
}

.nav-button:before,
.nav-close:before {
   display: block;
   text-align: center;
}

.nav-button {
   /*display: inline-block;*/
   display: block;
   /*line-height: 1.8rem;*/
}

/*
.nav-button:before {
   font-size: 1.8rem;
   content: "\E003";
}
*/

.nav-close {
   display: none;
   right: 4rem;
   font-size: 1.9rem;
}

.nav {
   /*padding-top: 104px;*/
   /*line-height: 16px;*/
   line-height: 50px;
   padding-top: 0 !important;
}

.nav ul {
   border-radius: 0;
   margin-top: 0;
}

.nav ul li {
   /*background-color: #698C00;*/
   background-color: #791b21;
   border-top: 1px solid #c52c36;
   cursor: pointer;
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   margin-left: 0;
   margin-right: 0;
}

.nav > ul > li:last-child {
   border-bottom: 4px solid #9C232B;
}

.nav > ul > li > a {
   font-family: 'Tinos', serif;
   /*font-size: 19px;*/
   font-size: 1.1em;
   letter-spacing: 1px;
   text-transform: uppercase;
}

.nav > ul > li:first-child {
   border-top: none;
}

/*
.nav > ul > li:first-child a {
   border-top: 5px solid #8FBA2B;
}
*/

.nav ul ul li {
   background-color: #b72932;
   line-height: 40px;
}

/*.nav ul ul ul li {
   background-color: #8FBA2B;
}*/

.nav > ul > li > a:hover,
.nav > ul > li > a:active,
.nav > ul > li > a:focus {
   color: #fff;
   background-color: #9C232B;
   /*border-bottom: 3px solid #00ACD9;*/
}

.nav li.nav-submenu > a:hover {
   /*background: none;*/
}

.nav li.nav-submenu > ul li a {
   font-family: 'Tinos', serif;
   color: #fff;
}

.nav li.nav-submenu > ul li a:hover {
   color: #fff;
   background-color: #791b21;
}

.nav .nav-submenu > a {
   /*padding-right: 30px !important;*/
}

.nav a,
.nav a:hover,
.nav a:active,
.nav a:visited {
   color: #fff;
   padding: 4px 15px;
   text-decoration: none;
   line-height: 30px;
   text-align: center;
}

/*
.nav .nav-submenu > a:after {
   position: absolute;
   display: block;
   right: 8px;
   top: 2px;
   content: "\E006";
}

.nav .nav-submenu > a.JS:after {
   position: absolute;
   display: block;
   right: 8px;
   top: .7rem;
   content: "\E005";
}
*/

/* --------------------------------------------------------------------------------------------------
 * Media Queries ------------------------------------------------------------------------------------
 * -------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {
   .nav-button {
      display: none;
   }

   .nav {
      padding: 0 !important;
      line-height: normal;
   }

   .nav ul li {
      /*font-size: 12px;*/
   }

   .nav ul li {
      background: none;
   }

   .nav > ul > li:last-child {
      border-bottom: none;
   }

   .nav > ul > li > a {
      /*height: 12px;*/
      margin-top: 10px;
      line-height: 30px;
      font-size: .88rem;
      border-right: 1px solid #fff;
   }

   .nav > ul > li:last-child > a {
      border-right: none;
   }

   .nav > ul > li:first-child a {
      border-top: none;
   }

   .nav > ul > li > a.selected-page,
   .nav > ul > li > a:visited.selected-page {
      color: #fff;
      /*background-color: #AF9970;*/
   }

   .nav > ul > li {
      /*margin-right: 10px;*/
      border-top: none;
      height: 50px;
      /*margin-left: -4px;*/
   }

   .nav > ul > li:hover,
   .nav > ul > li.nav-active {
      background-color: #791b21;
   }

   .nav > ul > li:hover > a,
   .nav > ul > li.nav-active > a {
      /*background-color: #bbb;*/
      color: #fff;
      /*border-right: 1px solid rgba(0,0,0,0);*/
   }

   .nav > ul > li > a:hover,
   .nav > ul > li > a:active,
   .nav > ul > li > a:focus {
      /*color: #03689B;*/
      background: none;
      /*border-bottom: 3px solid #00ACD9;*/
   }

   /*
   .nav ul ul ul {
      border-radius: 0 6px 6px 6px;
   }
*/

   .nav ul ul ul li:first-child {
      border-top: none;
   }

   .nav a,
   .nav a:hover,
   .nav a:active,
   .nav a:visited {
      color: #fff;
      font-weight: 600;
      padding: 0 15px;
      /*line-height: 40px;*/
      text-align: left;
   }

/*
   .nav .nav-left > ul {
      border-radius: 6px 0 6px 6px;
   }
*/

   .nav .nav-submenu li {
      min-width: 170px;
   }

   .nav .nav-submenu > ul {
      margin: 0;
   }

   .nav > ul > .nav-submenu > a:after {
      /*content: "\E005";*/
      content: "";
   }

   .nav .nav-submenu > a:after {
      /*content: "\E006";*/
      content: "";
   }
}

@media only screen and (max-width: 500px) {
   .nav {
      /*padding-top: 85px;*/
   }
}