/* «Спектр-список»: маркированный список с цветными кружками в цветах «Спектр групп».
   Включается кнопкой в редакторе админки — у <ul> появляется класс spektr-list. */
html body ul.spektr-list {
  list-style: none;
  padding-left: 1.6em;
  margin-left: 0;
}
html body ul.spektr-list > li {
  list-style: none;
}
/* кружок стоит в строке текста — ровно по середине при любом шрифте и интервале */
html body ul.spektr-list > li::before {
  content: "";
  display: inline-block;
  vertical-align: .02em;
  margin-left: -1.22em;
  margin-right: .6em;
  width: .62em;
  height: .62em;
  border-radius: 50%;
  background: #C0392B;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .18);
}
html body ul.spektr-list > li:nth-child(7n+2)::before { background: #E67E22; }
html body ul.spektr-list > li:nth-child(7n+3)::before { background: #F1C40F; }
html body ul.spektr-list > li:nth-child(7n+4)::before { background: #7CB342; }
html body ul.spektr-list > li:nth-child(7n+5)::before { background: #29B6F6; }
html body ul.spektr-list > li:nth-child(7n+6)::before { background: #2E5AAC; }
html body ul.spektr-list > li:nth-child(7n+7)::before { background: #7E3FA0; }