.mbdnav {position:relative;  height: auto; padding: 0; margin:0; z-index:999;}
.fa-angle-down {font-size: .8em; color: #000; transition: all 0.25s ease; position: absolute; right: 7px; top: 27px; z-index:999;}
.mbdnav li:hover > .fa-angle-down {color: #000; transform: rotate(-90deg);}
.mbdnav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background:rgba(255,255,255,0.7);
}

.sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  font-size: 1px;
}

.nav__list {
  text-align: center;
  position: relative;
  z-index: 2;
}

.nav__list > li {  display: inline-block;}
.nav__list a {
  display: block;
  color: #000;
  text-decoration:none;
  font-family: "Century Gothic", sans-serif; 
	font-size: 15px;
  padding: 1.2em;
  position: relative;
  transition-duration: 0.5s;
  transition: all 0.5s ease;
  z-index: 2;
}

.nav__list a:hover,
.nav__list a:focus {
  background: #f90;
  color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.nav__list__drop li.current a { background: #fff!important; color: #058 !important; font-weight: bold!important;}

.has-drop {  position: relative;}

.nav__list__drop {
  left: 0;
  margin: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  opacity: 0;
  transform: translateY(-20px);
  height: 1px;
  transition: transform .2s ease-in-out, opacity .1s ease-out;
  overflow: hidden;
  z-index: 1;
}

.nav__list__drop {
  
  border: 1px solid #444;
  border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 1px 2px 5px #444;
  border-top: 0;
  min-width: 250px;
}

.nav__list__drop a:hover,
.nav__list__drop a:focus {
  background: #f90;
  color: #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav__list__drop li {background: #fafafa!important; border-top: 1px solid #ccc;}
.nav__list__drop li:first-child {	border-top: 0;}
.nav__list__drop a {
  padding: 1em;
  white-space: nowrap;
  color:#000;
  font-size: 12px;
}

.nav__list a:focus + .nav__list__drop,
.has-drop:hover .nav__list__drop,
.nav__list__drop.has-focus {
  opacity: 1;
  transform: translateY(0px);
  height: auto;
  z-index: 1;
}

.no-js .nav__list__drop {  display: none;}
.no-js .has-drop:hover .nav__list__drop { display: block;}
.mbdnav .icon {  display: none;}
@media screen and (max-width: 900px) {
	#MBDToolbar {background: #fff;}
	.mbdnav a.icon {
    display:block;
    position: absolute;
    padding: 0; 
    margin-right:0;
    top: 13px;
    right: 10px;
    font-size: 2em;
    color: #000;
	text-decoration:none;
  }
.mbdnav {height: 55px;}
.mbdnav ul li {display: none;}
.mbdnav .icon:hover {color:#058;}
.mbdnav.responsive a.icon {
    position: absolute;
    right: 10px;
    top: 8px;
    z-index:99999;
  }
.mbdnav.responsive .fa-angle-down {display:none;}
.mbdnav.responsive .nav__list li {display:block; background: #fafafa;}
.mbdnav.responsive .nav__list > li a { text-align:left; width: 100%;}
.mbdnav.responsive .nav__list__drop {z-index:99999; position:relative; }  
.mbdnav.responsive	.nav__list__drop li {background: #058!important;}
.mbdnav.responsive .nav__list__drop a {  color:#fff; }	
.mbdnav.responsive .nav__list__drop a:hover, .mbdnav.responsive .nav__list__drop a:focus {color: #000;}

}