#color-style-switcher div h3{color:#2d2d2d;font-size:17px;margin:8px 3px 12px}#color-style-switcher{background:#fff;box-shadow:0 4px 14px #00000024;left:-145px;position:fixed;top:250px;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;box-shadow:7px 2px 14px #00000024;display:block;height:45px;position:absolute;right:-45px;top:0;width:45px;text-align:center}#color-style-switcher .bottom a i{font-size:24px;line-height:45px}#color-style-switcher select{background:none repeat scroll 0 0 #F6F6F6;border:1px solid #FFFFFF;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}ul.colors li a{cursor:pointer;display:block;height:35px;width:35px;border-radius:0;-webkit-border-radius:0px}ul.colors li a.active{position:relative}ul.colors li a.active:after{color:#fff;content:"";font-family:LineIcons;font-size:14px;right:10px;position:absolute;top:8px}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:#ff4a67}ul.colors .color2{background:#1cb9c8}ul.colors .color3{background:#00E676}ul.colors .color4{background:#8546c9}ul.colors .color5{background:#26ae61}ul.colors .color6{background:#FBC02D}.settings .lni-cog{transform:rotate(30deg);-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;animation:gear 2s infinite}@keyframes gear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}