.mobilemenu {
  max-width: 450px;
  width: 100%;
  height: auto;
}
.mobilemenu div {
    padding-right: 50px;
    text-align: left;
}
.mobilemenu a {
    font-size: 0.7em;
    padding: 0 5px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.mobilemenu__list {
  list-style-type: none;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
}
.mobilemenu__item {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  text-decoration: none;
  cursor: pointer;
}
.mobilemenu__item--active {
  position: relative;
}
.mobilemenu__item--active:before {
    content: url(/images/arrow__menu.png);
    font-size: 1.8em;
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    right: 50px;
    top: -1px;
}

.mobilemenu__sublist {
  display: none;
  list-style-type: none;
 /* background-color: #DBC594;*/
  margin: 0;
  padding: 0;
}
.mobilemenu__sublist .mobilemenu__sublist {
  background-color: #E4C074;
}
.mobilemenu__sublist .mobilemenu__sublist .mobilemenu__sublist {
  background-color: #B3B3B3;
}
.mobilemenu__subitem {
  list-style-type: none;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  border-bottom: 1px solid #b18330;
  cursor: pointer;
}