#color-style-switcher div h3{color:#2d2d2d;font-size:16px;margin:8px 3px 12px;font-weight:700}#color-style-switcher{background:#fff;-webkit-box-shadow:0 4px 14px rgba(0,0,0,.14);box-shadow:0 4px 14px rgba(0,0,0,.14);left:-145px;position:fixed;top:170px;width:150px;z-index:9999}#color-style-switcher div{padding:5px 10px}#color-style-switcher .bottom{padding:0}#color-style-switcher .bottom a.settings{background-color:#fff;-webkit-box-shadow:7px 2px 14px 0 rgba(0,0,0,.14);box-shadow:7px 2px 14px 0 rgba(0,0,0,.14);display:block;height:45px;position:absolute;right:-45px;top:0;width:45px;text-align:center;border-radius:0 5px 5px 0}#color-style-switcher .bottom a i{font-size:24px;line-height:45px;color:var(--color)}#color-style-switcher .bottom .settings i{-webkit-animation:icon_animate 5s infinite;animation:icon_animate 5s infinite}@-webkit-keyframes icon_animate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes icon_animate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}#color-style-switcher select{background:none repeat scroll 0 0 #f6f6f6;border:1px solid #fff;line-height:1;margin-bottom:10px;padding:5px 10px;width:150px}ul.colors{list-style:none outside none;margin:0 0 10px;overflow:hidden;padding:0}ul.colors li{float:left;margin:2px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}ul.colors li:hover{-webkit-transform:translate(2px,2px);-ms-transform:translate(2px,2px);transform:translate(2px,2px)}ul.colors li a{cursor:pointer;display:block;height:35px;width:35px;border-radius:2px;-webkit-border-radius:2px}ul.colors li a.active{position:relative}ul.colors li a.active:after{color:#fff;content:"...";font-size:20px;right:12px;position:absolute;top:9px}ul.colors li a.color1.active:after,ul.colors li a.color8.active:after{color:#fff}@media only screen and (max-width:500px){#color-style-switcher{display:none}}ul.colors #color1{background:#092a49}ul.colors #color2{background:#470300}ul.colors #color3{background:#005662}ul.colors #color4{background:#311b92}ul.colors #color5{background:#002f6c}ul.colors #color6{background:#602f00}