.sm-simple {
  background-color:#fff;
  white-space: nowrap;
  width:100%;
}

.sm-simple a.current {
  background: #555555;
  color: white;
}
.sm-simple a.disabled {
  color: #cccccc;
}

.sm-simple a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
}
.sm-simple a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}


.sm-simple li {
  width:100%;
  -moz-transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
}

.sm-simple li.facebook,
.sm-simple li.twitter{
    overflow:hidden;
}

.sm-simple li.facebook > a,
.sm-simple li.twitter > a {
    text-indent:-200px;
    width:50px;
    height:40px;
    display:block;
    background-size: 60%;
}

.sm-simple li.twitter > a {
    background: url(../graphics/twitter.png) no-repeat center/45%;
}

.sm-simple li.facebook > a {
    background: url(../graphics/facebook.png) no-repeat center/45%;
}

.sm-simple li.twitter:hover > a {
    background: url(../graphics/twitter-over.png) no-repeat center/45%;
}

.sm-simple li.facebook:hover > a {
    background: url(../graphics/facebook-over.png) no-repeat center/45%;
}


.sm-simple > li:first-child {
  border-top: 0;
}

.sm-simple ul li a{
  color: #fff;
  line-height:1.5rem;
  font-size:.85rem;
}

.sm-simple ul li{
  padding:5px 0;
}

#navWrap ul h4 a,
ul h4 > a{
  font-size:1.05rem;
  font-weight:400;
  color:#363435;
}

.sm-simple ul {
  padding: 15px;
  border-left: 1px solid #bebebe;
}

.sm-simple li {
  background-color: #fff;
}

.sm-simple li a{
  color: #333;
}

.sm-simple .news, .sm-simple .opportunities, .sm-simple .spaces, .sm-simple .events{
  background-image:none;
}

.sm-simple li:hover > a{
  color:#fff;
}

.sm-simple li.on a, .sm-simple a:focus, .sm-simple li a:active {
  color:#fff;
}

.sm-simple li li, .sm-simple li ul, .sm-simple li.on, .sm-simple li a:active, .sm-simple li:hover {
  background-color:#333;
}

.sm-simple li.news li, .sm-simple li.news ul, .sm-simple li.news.on, .sm-simple li.news a:active, .sm-simple li.news:hover {
  background-color:#00c7ff;
}

.sm-simple li.spaces li, .sm-simple li.spaces ul, .sm-simple li.spaces.on, .sm-simple li.spaces a:active, .sm-simple li.spaces:hover {
  background-color:#a43aca;
}

.sm-simple li.opportunities li, .sm-simple li.opportunities ul, .sm-simple li.opportunities.on, .sm-simple li.opportunities a:active, .sm-simple li.opportunities:hover {
  background-color:#efca2e;
}

.sm-simple li.events li, .sm-simple li.events ul, .sm-simple li.events.on, .sm-simple li.events a:active, .sm-simple li.events:hover {
  background-color:#ff435c;
}

.sm-simple li.media li, .sm-simple li.media ul, .sm-simple li.media.on, .sm-simple li.media a:active, .sm-simple li.media:hover {
    background-color:#000;
}

.sm-simple li.directory:hover {
  background-color:#ffab39;
}

.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 0px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 0px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 0px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 0px solid transparent;
}


@media (min-width: 1025px) {

  .sm-simple{
    background-color: unset;
    padding:0;
  }

  .sm-simple ul {
    padding:20px 40px 20px 20px;
    position: absolute;
  }

  .sm-simple li {
    width:auto;
    float:left;
    -moz-transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
  }

  .sm-simple.sm-rtl li {
    float: right;
  }

  .sm-simple ul a, .sm-simple.sm-vertical a {
    white-space: normal;
  }

  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }



  .sm-simple a span.sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 5px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }
  .sm-simple ul a span.sub-arrow {
    right: -20px;
  }
  .sm-simple a.highlighted span.sub-arrow:before {
    display: none;
  }

  .sm-simple ul > li {
    width:100%;
    border-left: 0;
  }

  .sm-simple span.scroll-up,
  .sm-simple span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-simple span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }

  .sm-simple.sm-rtl a span.sub-arrow {
    right: auto;
    left: 20px;
  }


  .sm-simple ul ul {
    position: relative;
    top: 16px;
    padding: 5px 0 0 0;
    border: 0;
  }

  .sm ul.mega-menu{
    width: 960px !important;
    max-width:none !important;
  }

  .sm ul.mega-menu > li{
    width:30% !important;
  }

  .sm ul.mega-menu > li > ul{
    padding:0 !important;
  }
}


.sub-arrow{
  margin-right:2px;
}

html[dir=rtl] .sub-arrow{
  margin-left:2px;
}