.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;
}