@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: 7px;
}

.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.8rem;*/
   /*height: 3.8rem;*/
   right: 10px;
   top: 10px;
}

.nav-button,
.nav-close {
   position: relative;
   width: 2.8rem;
   height: 2.8rem;
   overflow: hidden;
   z-index: 902;
   cursor: pointer;
   font-size: 1rem;
   text-align: center;
   text-decoration: none;
}

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

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

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

.nav-button {
   display: inline-block;
   font-size: .9rem;
   line-height: 1.8rem;
}

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

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

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

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

.nav ul li {
   background: #84c8d8;
   /*border-top: 1px solid #fff;*/
   cursor: pointer;
   color: #242865;
   font-size: 14px;
   font-weight: 500;
   margin-left: 0;
   margin-right: 0;
}

.nav > ul > li > a {
   font-family: "Raleway", sans-serif;
   font-size: 19px;
   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: #8ed6e7;
   line-height: 40px;
}

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

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

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

.nav li.nav-submenu > ul li a {
   font-family: "Raleway", sans-serif;
   color: #242865;
}

.nav li.nav-submenu > ul li a:hover {
   color: #fff;
   /*background-color: #917f5d;*/
}

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

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

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

/*
.nav .nav-submenu > a:after {
   position: absolute;
   display: block;
   right: 8px;
   top: .75rem;
   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: 850px) {
   .nav-button {
      display: none;
   }

   .nav {
      padding: 0 !important;
   }

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

   .nav > ul > li > a {
      /*height: 12px;*/
      font-size: 17px;
      border-right: 1px solid #108ec2;
   }

   .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: 40px;
   }

   /*
   .nav > ul > li:hover > a,
   .nav > ul > li.nav-active > a {
      background-color: #AF9970;
   }
   */

   /*
   .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: #242865;
      line-height: 20px;
      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";
   }
   */

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

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