@charset "UTF-8";
/* начало описания гармошки */
li, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.search-block .filter_input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 10px auto;
  padding: 8px 14px;
  max-width: 250px;
  width: 100%;
  outline: none;
  border-radius: 8px;
  border: 1px solid #638abd;
}

.harmonica-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 0;
}

.harmonica-menu .badge {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  background-color: #df7e7b;
  color: #fff;
}

.harmonica-menu .harmonica-subcontent {
  display: none;
  padding: 0;
}

.harmonica-menu .preview {
  display: block;
}

.harmonica-menu li, .harmonica-menu a {
  font-family: "Roboto-MediumItalic";
  line-height: 1.3;
}

.harmonica-menu .chapters {
  margin-bottom: 8px;
}

.harmonica-menu .articles .last,
.harmonica-menu .chapters .last {
  margin-top: 8px;
}

.harmonica-menu .section > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  padding: 10px 45px 10px 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #c3c3c3), color-stop(97%, #fffffffb));
  background: -o-linear-gradient(left, #c3c3c3 59%, #fffffffb 97%);
  background: linear-gradient(to right, #c3c3c3 59%, #fffffffb 97%);
  color: #474747;
}

.harmonica-menu .section .active {
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #c3c3c3), color-stop(97%, #f9f9f9));
  background: -o-linear-gradient(left, #d2dfef 59%,#f9f9f9 97%);
  background: linear-gradient(to right, #d2dfef 59%,#f9f9f9 97%);
  color: #337ab7;
}

.harmonica-menu .chapters > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px 10px 22px;
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #d6d6d6), color-stop(97%, #fffffffb));
  background: -o-linear-gradient(left, #d6d6d6 59%, #fffffffb 97%);
  background: linear-gradient(to right, #d6d6d6 59%, #fffffffb 97%);
  color: #474747;
}

.harmonica-menu .chapters .active {
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #c3c3c3), color-stop(97%, #f9f9f9));
  background: -o-linear-gradient(left, #d2dfef 59%,#f9f9f9 97%);
  background: linear-gradient(to right, #d2dfef 59%,#f9f9f9 97%);
  color: #337ab7;
}

.harmonica-menu .articles > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  padding: 10px 15px 10px 32px;
  color: #8a8989;
}

.harmonica-menu .articles .active {
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #c3c3c3), color-stop(97%, #f9f9f9));
  background: -o-linear-gradient(left, #d2dfef 59%,#f9f9f9 97%);
  background: linear-gradient(to right, #d2dfef 59%,#f9f9f9 97%);
  color: #337ab7;
}

.harmonica-menu .articles > a:hover {
  cursor: pointer;
  color: #474747;
  background: -webkit-gradient(linear, left top, right top, color-stop(59%, #d2dfef), color-stop(97%, #f9f9f9));
  background: -o-linear-gradient(left, #d2dfef 59%, #f9f9f9 97%);
  background: linear-gradient(to right, #d2dfef 59%, #f9f9f9 97%);
}