#page #navigation nav #main-and-secondary-menus {
  display:none;
  visibility:hidden;
  position:absolute;
  top:0;
  right:0;
}
#page #navigation nav .region {
  display:block !important;
}
/*** ESSENTIAL STYLES ***/ 
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega {
  display: block;
}
.sf-menu > li > a {
  display: block;
  position: relative;
}
/*** DEMO SKIN ***/ 
.sf-menu {
  float: left;
  margin-bottom: 1em !important;
  width: 100%;
  height: auto !important;
  /* background: #eef1f5 !important; */
  background: #1c2b58 !important;
}
.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  width: 100%; /* allow long menu items to determine submenu width */
}
.sf-menu > li > a {
  /* border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; // fallback colour must use full shorthand
  border-top: 1px solid rgba(255,255,255,.5);
  padding: .75em 1em; */
  text-decoration: none;
  zoom: 1; /* IE7 */
  /* color: #1c2b58;
  font-size: 0.86667em !important; */
  font-size: 13px !important;
  padding: 0 3.1em !important;
  line-height: 3.30769em !important;
  height: 3.30769em !important;
  border:none !important;
  color:#ffffff !important;
}
.sf-menu > li {
  /* background: #BDD2FF; */
  -webkit-transition: background .2s;
  transition: background .2s;
  /* background: #eef1f5 !important; */
  background: #0A2240 !important;
}
.sf-menu > li:hover, .sf-menu > li.sfHover {
  background: #CFDEFF;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}
.sf-menu > li.sf-item-1 > a, .sf-menu > li.sf-item-2 > a, .sf-menu > li.sf-item-3 > a, .sf-menu > li.sf-item-4 > a, .sf-menu > li.sf-item-5 > a {
  text-transform:uppercase;
}
.sf-menu > li.sf-item-1 > a, .sf-menu > li.sf-item-2 > a, .sf-menu > li.sf-item-3 > a {
  font-weight:bold;
}
.sf-menu > li.sf-item-3 > a {
  /* padding: 0 2.61538em !important; */
}
.sf-menu > li.sf-item-4 > a {
  padding: 0 2.62598em !important;
  border-left: 1px dotted #77787a !important;
  font-style: italic;
}
.sf-menu > li.sf-item-4 > a, .sf-menu > li.sf-item-5 > a {
  font-size: 0.86667em;
  text-transform:uppercase;
}
.sf-menu > li > a > span.sf-sub-indicator {
  display:none;
  visibility:hidden;
}
/*** mega menu dropdown ***/ 
.sf-mega {
  background-color: #CFDEFF;
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
}
.sf-mega-section {
  float: left;
  width: 8em; /* optional */
  padding: 0 1em 1em 0;
  margin-right: 1em;
  border-right: 1px solid #b4c8f5;
}
/*** arrows (for all except IE7) **/ 
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */ 
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}
.sf-menu li li a {
  font-size: 14.5px !important;
  border:1px solid #0A2240 !important;
  color:#ffffff !important;
  background: #0A2240 !important;
  padding: 0.75em 1em;
}
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li a:focus {
  text-decoration:none !important;
}
@media (min-width: 768px) {
  .sf-menu a:focus,
  .sf-menu a:active,
  .sf-menu a:hover,
  .sf-menu a.sfHover {
    background: #0A2240 !important;
    color:#8D98AA !important;
  } 
  /* Menu adjustments ticket #2959 */
  .sf-menu > li {
    width:33.333%;
  }
  .sf-menu > li.sf-item-1 > a, .sf-menu > li.sf-item-2 > a, .sf-menu > li.sf-item-3 > a {
    text-align:center;
  }
  .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    width:100% !important;
  }
}
@media (max-width: 767px) {
  #superfish-1-toggle {
    display:block;
    padding: .5em 1em !important;
    background: #1d2b58 url("/sites/all/themes/custom/eca_ae/images/icons-scbafb78cb2.png") no-repeat scroll -180px -3331px;
    border:none;
    color:#fff;
    text-transform:uppercase;
    font-size:13px;
    border-bottom: #495679 1px solid !important;
  }
  #superfish-1-toggle:hover, superfish-1-toggle:active, superfish-1-toggle:focus {
    text-decoration:none;
  }
  .sf-menu li {
    display:block;
    width:100%;
  }
  .sf-menu > li.sf-item-1 > a,
  .sf-menu > li.sf-item-2 > a,
  .sf-menu > li.sf-item-3 > a,
  .sf-menu > li.sf-item-4 > a,
  .sf-menu > li.sf-item-5 > a {
    padding:0 1.25em !important;
    border-bottom: #495679 1px solid !important;
    border-left:none !important;
    font-weight:normal !important;
    font-style:normal;
    background: #1d2b58;
    color:#fff;
  }
  .sf-menu ul {
    width:100% !important;
    display:block !important;
  }
  .sf-menu ul ul {
    left:0 !important;
  }
}
@media (max-width: 513px) {
  #block-superfish-1 {
    /* display:none;
    visibility:hidden; */
  }
  #navigation nav h2.menu-title {
    display:none;
    visibility:hidden;
  }
}
/* Ticket TBD */ 
@media (min-width: 768px) {
  .sf-menu > li {
    width: 33.333%;
    box-sizing: border-box;
  }
  .sf-menu > li.sf-item-1,
  .sf-menu > li.sf-item-2 {
    border-right: 1px solid #fff;
  }
}