@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;*/
}

.nav-button:before,
.nav-close:before {
   margin-top: 5px;
}

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

.nav-button,
.nav-close {
   position: relative;
   width: 3.8rem;
   height: 3.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: #fff;
   /* background-color: #4cbfac; */
   background-color: #1F76BB;
   text-decoration: none;
}

a.nav-button:hover,
a.nav-close:hover,
a.nav-button:active,
a.nav-close:active {
   /* background: #267eb3; */
   background-color: #B61A1C;
   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: 1.8rem;
   content: "\E003";
}

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

.nav {
   padding-top: 128px;
   line-height: 16px;
}

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

.nav ul li {
   background: #1F76BB;
   border-top: 1px solid #fff;
   cursor: pointer;
   /* font-family: "Sugo Extra Light", "Trebuchet MS", "Lucida Sans Unicode", Tahoma, sans-serif; */
   font-family: 'Roboto Slab', serif;
   font-weight: bold;
   /*font-size: 14px;*/
   color: #fff;
   text-transform: uppercase;
   margin-left: 0;
   margin-right: 0;
}

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

.nav > ul > li:first-child a {
   border-top: 5px solid #B61A1C;
}

.nav ul ul li {
   background-color: #4cbfac;
   line-height: 2rem;
   text-transform: none;
}

.nav ul ul ul li {
   background-color: #4cbfac;
}

.nav li:hover > a,
.nav li.nav-active > a {
   color: #fff;
}

.nav ul li a:hover {
   color: #fff;
   background-color: #B61A1C;
}

.nav ul li a {
   color: #fff;
}


.nav li.nav-submenu > ul li a {
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding-left: 30px;
}

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

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

.nav a,
.nav a:hover,
.nav a:active,
.nav a:visited {
   color: #fff;
   padding: 12px 0 13px 12px;
   text-decoration: none;
   font-size: 1.2em;
   line-height: 30px;
   text-align: left;
}

.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";
}

/*.nav > ul > li > a:after {
   position: absolute;
   display: block;
   right: 8px;
   top: .93em;
   content: "\E006";
}*/


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

   .nav {
      padding: 0 !important;
   }

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

   .nav > ul > li > a {
      /*height: 12px;*/
      /* font-family: "Sugo Extra Light", "Trebuchet MS", "Lucida Sans Unicode", Tahoma, sans-serif; */
      font-family: 'Roboto Slab', serif;
      font-size: 1em;
      /* letter-spacing: 1px; */
   }

   .nav ul li a {
      color: #267eb3;
   }

   .nav > ul > li > a {
   }

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

   .nav > ul > li > a.selected-page,
   .nav > ul > li > a:visited.selected-page {
      /* color: #4cbfac; */
      color: #B61A1C;
   }

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

   .nav > ul > li > a {
      line-height: 15px;
      border-bottom: 3px solid rgba(255,255,255,0);
   }

   .nav > ul > li > a:hover {
      color: #B61A1C;
      background: none;
      border-bottom: 3px solid #B61A1C;
   }

/*
   .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 {
      padding: 12px 25px 13px 25px;
      color: #267eb3;
      /* font-size: 1.2em;*/
      font-size: 1em;
      line-height: 15px;
   }

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

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

   .nav li.nav-submenu > ul li a {
      color: #fff;
      font-family: 'Open Sans', sans-serif;
      font-size: 1em;
      font-weight: normal;
      padding-left: 10px;
   }
/*   .nav > ul > .nav-submenu > a:after {
      content: "\E005";
   }

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