.c-main {
  color: #f90;
}
.c-sub {
  color: #f69;
}
.c-balance {
  color: #fcc;
}
.c-accent {
  color: #99f;
}
.c-strong {
  color: #ff5722;
}
.bc-main {
  background-color: #444;
}
.bc-sub {
  background-color: #f69;
}
.bc-balance {
  background-color: #fcc;
}
.bc-accent {
  background-color: #99f;
}
.c-blk {
  color: #333;
}
.c-rblk {
  color: #000;
}
.c-gry {
  color: #999;
}
.c-blu {
  color: #6666ff;
}
.c-lblu {
  color: #66b3ff;
}
.c-grn {
  color: #4caf50;
}
.c-ylw {
  color: #ffeb3b;
}
.c-org {
  color: #de3500;
}
.c-red {
  color: #dd0f00;
}
.c-ppl {
  color: #b366ff;
}
.c-wht {
  color: #fff;
}
.bc-gry {
  background-color: #eee;
}
.bc-dgry {
  background-color: #999;
}
.bc-red {
  background-color: #f44336;
}
.bc-org {
  background-color: #ff5722;
}
.bc-wht {
  background-color: #fff;
}
.bc-cyan {
  background-color: #00bcd4;
}
.bc-blk {
  background-color: #333;
}
.bc-rblk {
  background-color: #000;
}
.bc-ylw {
  background-color: #ff9800;
}
.bc-none {
  background: none;
}

.fill-yellow {
  fill: #ffeb3b;
}
.fill-green {
  fill: #00b900;
}
.fill-skyblue {
  fill: #009fe8;
}
.fill-orange {
  fill: #f90;
}
.fill-red {
  fill: #dd0f00;
}
.fill-white {
  fill: white;
}
.fill-black {
  fill: #444;
}
.fill-ash {
  fill: #1c1c1c;
}
.fill-blue {
  fill: #0017ff;
}
.fill-star {
  fill: #f90;
}

.slide nav ul li a span .fill-white_sp {
  fill: white;
}