.font-small {
	font-size: 75%;
}
.font-big {
	font-size: 175%;
}
.font-big header {
    height: 220px;
}
.font-size-change {
    float: left;
    margin: 10px 10px 0 0;
}

.font-size-change .text-image {
    float: left;
}

.font-size-change .btn {
    cursor: pointer;
    float: left;
    margin-left: 3px;
    border: 1px solid #ccc;
    border-right: none;
    padding-right: 1em;
}
.font-size-change .big-btn,.bg-color-change .yellow-btn.btn {
    border-right: 1px solid #ccc;
}

.bg-color-change {
    float: left;
    margin: 10px 30px 0 0;
}

.bg-color-change .text-image {
    float: left;
    margin-right: 4px;
}
.bg-color-change .btn {
    cursor: pointer;
    float: left;
    margin-left: 3px;
    border: 1px solid #ccc;
    border-right: none;
    padding-right: 1em;
}

.color-change.black,.color-change.black .cp_navi > ul > li > div ul,.color-change.black .child_menu::after,.color-change.black nav #menu.menu.menuOpen +div.panel .spmenu {
    background: #000 !important;
    color: yellow !important;
}
.color-change.black a,.color-change.black nav #menu.menu.menuOpen +div.panel .spmenu a {
    color: #fff !important;
    text-decoration: underline;
}
.color-change.black nav #menu.menu.menuOpen +div.panel {
    background: #000 !important;
    border: 1px solid yellow;
}
.color-change.black #footer {
    background: #000 !important;
    border-top: 1px solid yellow;
}
.color-change.black section.content {
    background: #000 !important;
}
.color-change.black h3.heading {
    background: #000 !important;
    border: 1px solid yellow !important;
    border-bottom: 3px solid yellow !important;
}
.color-change.black h3.heading2 {
    border-bottom: 3px solid yellow !important;
}

.color-change.black .open + p {
    border: 2px solid yellow !important;
    background: #000 !important;
}
 body.color-change.black {border-top: 20px solid #000 !important;}
 body.color-change.blue {border-top: 20px solid #00f !important;}
 body.color-change.yellow {border-top: 20px solid yellow !important;}
.color-change.black #menu.menu.menuOpen {border: 2px solid yellow !important;background: #000 !important;}
.color-change.blue #menu.menu.menuOpen {border: 2px solid yellow !important;background: #00f !important;}
.color-change.yellow #menu.menu.menuOpen {border: 2px solid #00f !important;background: yellow !important;}

.color-change-text.black {
    color: #fff !important;
}

.color-change.blue,.color-change.blue .cp_navi > ul > li > div ul,.color-change.blue .child_menu::after,.color-change.blue nav #menu.menu.menuOpen +div.panel .spmenu {
    background: #00f !important;
    color: yellow !important;
}
.color-change.blue a,.color-change.blue nav #menu.menu.menuOpen +div.panel .spmenu a {
    color: #fff !important;
    text-decoration: underline;
}
.color-change.blue nav #menu.menu.menuOpen +div.panel {
    background: #00f !important;
    border: 1px solid yellow;
}
.color-change.blue #footer {
    background: #00f !important;
    border-top: 1px solid yellow;
}
.color-change.blue section.content {
    background: #00f !important;
}
.color-change.blue h3.heading {
    background: #00f !important;
    border: 1px solid yellow !important;
    border-bottom: 3px solid yellow !important;
}
.color-change.blue h3.heading2 {
    border-bottom: 3px solid yellow !important;
}

.color-change.blue .open + p {
    border: 2px solid yellow !important;
    background: #00f !important;
}
.color-change-text.blue {
    color: #fff !important;
}
.color-change.yellow,.color-change.yellow .cp_navi > ul > li > div ul,.color-change.yellow .child_menu::after,.color-change.yellow nav #menu.menu.menuOpen +div.panel .spmenu {
    background: yellow !important;
    color: blue !important;
}
.color-change.yellow a,.color-change.yellow nav #menu.menu.menuOpen +div.panel .spmenu a {
    color: blue !important;
    text-decoration: underline;
}
.color-change.yellow nav #menu.menu.menuOpen +div.panel {
    background: yellow !important;
    border: 1px solid blue;
}
.color-change.yellow #footer {
    background: yellow !important;
    border-top: 1px solid blue;
}
.color-change.yellow section.content {
    background: yellow !important;
}
.color-change.yellow h3.heading {
    background: yellow !important;
    border: 1px solid #00f !important;
    border-bottom: 3px solid #00f !important;
}
.color-change.yellow h3.heading2 {
    border-bottom: 3px solid #00f !important;
}
.color-change.yellow .open + p {
    border: 2px solid #00f !important;
    background: yellow !important;
}
.color-change-text.yellow {
    color: blue !important;
}

.color-change.blue .breadcrumb li:not(:last-of-type)::after,.color-change.black .breadcrumb li:not(:last-of-type)::after {
    color: #fff !important;
}
.color-change.yellow .breadcrumb li:not(:last-of-type)::after {
    color: blue !important;
}