#style-switcher{-webkit-transition-duration:.7s;transition-duration:.7s;position:fixed;top:200px;box-shadow:0 5px 30px 0 rgba(0,0,0,.2);border-radius:0 0 3px;background:#fff;left:-180px;width:180px;z-index:9999}#style-switcher div{padding:5px 10px}#style-switcher h2{padding:15px 0 7px;font-size:16px;margin-right:0;margin-bottom:0;color:#222;text-transform:uppercase;text-align:center;margin-top:0}#style-switcher:hover{left:0}#style-switcher h2 a{height:40px;right:-40px;position:absolute;top:0;border-radius:0 3px 3px 0;background:#222;width:40px;display:block}#style-switcher h2 a i{font-size:19px;color:#fff;position:absolute;top:10px;left:12px}.colors{list-style:none;overflow:hidden;margin:0 0 10px;padding-left:7px}.colors li{float:left}.colors li a{height:30px;margin:7px 9px;border-radius:30px;cursor:pointer;width:30px;display:block}.style1{background:#d21e2b}.style2{background:#2193f1}.style3{background:#2ebf7e}.style4{background:#f7c605}.style5{background:#38c5a7}.style6{background:#2b4fbd}