/* MaDo StyleSheet 2015 */
 
 /* MOBILE NAV */
 
 #page {
  position: relative;
  left: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  min-height: 100%;
  width: 100%;
  z-index: 20;
  background: black;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.mobile-home {
  background-color: #336699;
  font-size: 14px;
}

.mobile-label {
  float: right;
  margin-right: 5px;
}

.mobile-icon {
  float: right;
  margin-right: 2px;
}

/* цялото меню */
#mobile-menu {
  position: absolute;
  top: 0;
  background: #373737;
  z-index: 99999;
  	-webkit-box-shadow: 0 1px 8px #555555;
  	-moz-box-shadow: 0 1px 8px #555555;
  	-o-box-shadow: 0 1px 8px #555555;
  	box-shadow: 0 1px 8px #555555;
  display: none;
  font-family: Helvetica, sans-serif;
  font-size: 13px;
  border-right: 1px solid #4e4d4d;
  line-height: 1.42857;
}

.mobile-menu {
  list-style-type: none;
  margin: 0;
  width: 100%;
  float: left;
  margin-left: 0;
  padding-left: 0;
  position: relative;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-o-box-sizing: border-box;
  	box-sizing: border-box;
}
.mobile-menu ul {
  margin-left: 0;
  padding-left: 0;
}
.mobile-menu ul .expand {
  color: #c1c5c6;
  background: #28414a;
}
/* вертикални линии между бутона и иконата */
.mobile-menu .expand {
  right: 0;
  position: absolute;
  border-left: 2px solid #44627e;
  	-webkit-box-shadow: 0 1px 2px #555555;
  	-moz-box-shadow: 0 1px 2px #555555;
  	-o-box-shadow: 0 1px 2px #555555;
  	box-shadow: 0 1px 2px #555555;
  padding: 0 10px;
  color: #01c7c5;
  margin-left: 100px;
}
.mobile-menu .expand:hover {
  cursor: pointer;
}

/* хоризонтални линии между бутона и иконата */
.mobile-menu li {
  display: block;
  border-top: 1px solid #41586e;
  width: 100%;
  float: left;
  margin-left: 0;
  padding-left: 0;
  position: relative;
}

.mobile-menu li a {
  display: block;
  overflow: hidden;
  white-space: normal;
  color: #c1c5c6;
  text-decoration: none;
  padding: 10px;
  padding-left: 15px;
}
.mobile-menu li a.active {
  color: #447aa0;
}
.mobile-menu li li {
  background-color: #234551;
}
.mobile-menu li li a {
  padding-left: 25px;
  font-size: 16px;
}
.mobile-menu li li li {
  background-color: #234b59;
}
.mobile-menu li li li a {
  padding-left: 40px;
  font-size: 15px;  
}
.mobile-menu li li li li {
  background-color: #235262;
}
.mobile-menu li li li li a {
  padding-left: 60px;
  font-size: 15px;
}

.mm-toggle {
  cursor: pointer;
  overflow: hidden;
  display: none;
  margin-top: -32px;
  padding: 1px 1px;
  background: #497195;
  border-radius: 1px;
}
@media (max-width: 767px) {
  .mm-toggle {
    display: block;
  }
  .mm-toggle .icon-menu {
    margin-left: -8px;
    margin-right: 5px;
  }

}
@media (max-width: 480px) {
  .mm-toggle .mm-label {
    display: none;
  }
  .mm-toggle .icon-menu {
    margin-left: 0px;
  }
}