.logo{
  padding-top: 7px;
  img{
    height: 45px;
  }
}


nav#menu .mainmenu {
  border-top: 1px #555555 solid;
  &>li{
    &>a{
      padding: .6rem .6rem .6rem 1rem;
      text-decoration:none;     
      display: block;
      font-weight: lighter;
      color: #eee;transition: all .25s;
      background-color: #333;
      i{
          margin-right:.3rem;
      }
      span{
        margin-top: 3px;
      }
      &:hover{
        background-color: $color_main;
      }
      &.active{
        background-color:$color_sub;
        color:#fff; 
      }

    }
    
    ul.subnav {
      display: none;list-style: none;margin: 0;padding: .3rem 0;
      background-color: #222;
      
      li{
        a{
          padding-left:2rem;display: block;padding-top: .5rem;padding-bottom: .5rem;
          text-decoration: none;transition: all .25s;
          color: #999;font-size: .875rem;
          &:hover{
            color:#fff;
            background-color: $color_main;
          }
          &.active{
            color:#fff;background-color: $color_main;
          }
        }
      }
    }
    &.nav-open {
      ul.subnav {
        display: block;
      }
      
    }

  }


}


.closemenu a {
  display: block;
  float: right;
  background-color: #777;
  width: 40px;
  padding: 5px 5px 3px 5px;
  border-radius: 15px 0 0 15px;
  line-height: 1;
  font-size: 16px;
  font-size: 1.6rem;
  color: #eee;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
  &:hover {
    color: #fff;
  }
}