/*==================================================
  $A11Y Dropdown
  ==================================================*/

/* Top level navs */
.navs {
  float: left;
  margin: 1px 0;


  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
      -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
      box-shadow: 0 2px 2px rgba(0,0,0,0.1);
      z-index: 999;

}

/* Dropdowns */
.navs ul {
 /* position: absolute;
  top: 2.5em;
  left: -9999px;
  opacity: 0;
  transition: 0.1s linear opacity;
  min-width: 150px;*/
   position: absolute;
      top: 3.5em;
      left: -9999px;
      opacity: 0;

      -webkit-transition: 0.1s linear opacity;

      min-width: 150px;
     /* background: #333;
      background: #340449;
      background: rgba(0,0,0,0.9);*/

      -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
      -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
      box-shadow: 0 3px 3px rgba(0,0,0,0.5);
      z-index: 999;

}

.navs li {
  float: left;
  position: relative;
}

/* Top level navs items */
.navs li > a {
  /*float: left;
  padding: 10px 15px;
  text-decoration: none;*/
      float: left;
      padding: 8px 8px;
      padding-left: 15px;
      padding-right: 15px;

    /*
     ===  line left line right ===  
      border-left: 1px solid rgba(255,255,255,0.4);
      border-right: 1px solid rgba(0,0,0,0.2);*/
      color: #fff; /*=== color main menu ===*/
      font-weight: bold;
      font-size: 14px;
      text-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 -1px 0 rgba(0,0,0,0.2);
      text-decoration: none;

}

/* Top level hover state, preserve hover state when hovering dropdown  */
.navs li > a:hover,
.navs li > a:focus,
.navs li:focus > a,
.navs li:hover > a {
  /*background: #EFEFEF;
  outline: 0;
*/
      
    /*==== background-color hover menu === */
     /* 
      background: #999;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#DDD));
      background-image: -moz-linear-gradient(top, #999, #DDD);*/
    /*==== background-color hover menu === */

      /* text shadow just makes reading more difficult in my opinion */
      /* text-shadow: 0 1px 0 rgba(0,0,0,0.4), 0 -1px 0 rgba(255,255,255,0.2); */
      outline: 0;

}

.navs li:hover ul,
.navs li:focus ul,
ul.show-menu {
  left: 0;
  opacity: 0.99;
}

.navs ul li {
  float: none;
  position: static;
}

.navs ul a {
  /*float: none;
  display: block;
  font-size: 12px;
  text-shadow: none;
  transition: 0.1s linear all;*/
  float: none;
      display: block;
      color: #FFF; /*// color front sub menu*/
      font-size: 12px;
      text-shadow: none;
      border: 1px solid #A59D9D;
      border-width: 0 0 1px;

      -webkit-transition: 0.1s linear all;
}

.navs ul a:hover,
.navs ul a:focus {
   background: none; /* #EEE// bg hover sub menu*/
   color: #333;
  text-shadow: none;
}


/*==================================================
  $Helpers
  ==================================================*/

.list-reset {  
  margin: 0;
  padding: 0;
  list-style: none;
}