/*@charset "UTF-8";*/

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */


     .dropdown .mainItem {    
    background: url(images/arrow.png) no-repeat top 20px center !important;
    display: inline-block;
    margin-left: -30px;
    width: 30px;
    height: 30px;
    border:none;
}

    .dropdown .children .dropdown .subMainItem {    
    background: url(images/arrow.png) no-repeat top 20px center;
    display: inline-block;
    margin-left: -30px;
    width: 30px;
    height: 30px;
    border:none;
    padding-left:0;
    border-bottom: none;
}

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
  border-bottom: 1px solid;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #FFF;
  text-decoration: none;
  width: 100%;
  background: #176a97;
  padding: 0.7em 1em;
  float: left;
  text-align: left;
  
}
.nav-collapse  a:hover{
    color:#000;
    
}
.nav-collapse .responsiveMenu  a:hover{
    color:#00a3dd;
    /* border-bottom: 1px solid #00a3dd; */

}


.nav-collapse .responsiveMenu .active a{    
  font-weight:bold;
  color:#00a3dd;

}

.nav-collapse .responsiveMenu .children a{
    background:#fff;
  color:#666;
      font-weight:normal;
    padding-left:2em;
      
}

.nav-collapse .responsiveMenu .children a:hover{
    color:#00a3dd;
    /* border-bottom: 1px solid #00a3dd; */
}

.nav-collapse .responsiveMenu .children .active a {
  background:#fff;
   border-bottom: 1px solid #00a3dd;
   color:#00a3dd;
  font-weight:normal;
  padding-left:0.9em;
}

.nav-collapse .responsiveMenu .children .secondchildren a {
background:#5192b7;
padding-left:3.5em;
font-weight:normal;
}

.nav-collapse .responsiveMenu .children .secondchildren .active a {
background:#5192b7;
padding-left:3.5em;
font-weight:bold;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid #a2e7ff;
  }
}

.nav-collapse ul ul a {
  background: #0080ad;
  /*padding-left: 2em;*/
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}



/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

/*@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}*/

.nav-toggle {
  background: none repeat scroll 0 0 #0090c3;
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 45px;
  height: 37px;
  float: left;
}

.nav-toggle:before {

  color: #fff; /* Edit this to change the icon color */
  font-style: normal;
  font-weight: bolder;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  padding:8px 0 0;
  speak: none;
  width: 45px;
  height:29px;
  top: 0;
  left: 0;
}