/*switcher*/

.style-switch { background: #fff; color: #000; position: fixed; z-index: 10000; top: 25%; left: -250px; width: 250px; padding: 20px; transition: all ease .4s; border: 1px solid #c5c5c5; font-size: 12px; text-align: left; }
.style-switch.pullout { left: 0; }
.style-switch h4 {color:#000!important; line-height: 1.5; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; margin: 10px 0 5px;}
.style-switch .switch-icon { display: block; border: 1px solid #c5c5c5; border-left: none; position: absolute; right: -44px; top: -1px; width: 44px; padding: 10px 0; background: #fff; font-size: 25px; text-align: center; color: #000; cursor: pointer; }
.style-switch .switch-icon.glowing { text-shadow: 0 0 20px white; color: #ccc; }
.sswitcher { display: inline-block; width: 28px; height: 28px; border: 1px solid #000; }
.sswitcher.reset { background: #ccc; }
.sswitcher.white{ background: #fff; }
.sswitcher.invert { background: #C4B480 url(../image/icon-invert.jpg) no-repeat; }
.sswitcher.dark-gold { background: #C4B480 url(../image/icon-gold.jpg) no-repeat; }
.sswitcher.soft-green { background:#49AB9E url(../image/icon-softgreen.jpg) no-repeat; }
.sswitcher.purple { background:#9292DA url(../image/icon-purple.jpg) no-repeat; }
.sswitcher.green-blue { background:#486CAA url(../image/icon-bluegreen.jpg) no-repeat; }
.sswitcher.dark { background: #2f2f2f; }
.style-switch .avaliable-styles .boxed { display: inline-block; padding: 8px; margin:0 10px 5px 0; text-transform: uppercase; color: #000; border: 1px solid #777; }
.style-switch select { border: 1px solid #777; color: #000; margin-bottom: 10px; }
.style-switch .notes{ color: #7f7e7e; }
.style-switch .notes > span { color: #000; font-weight:bold;}
#demolink{color: red; text-transform:uppercase;}