#style-switcher {
	position:fixed;
	z-index:1000;
	top:150px;
	right:-175px;
	width:175px;
	background:#fff;
	padding:10px;
	border:1px solid #ddd;
}
#toggle-switcher {
	display:block;
	width:50px;
	height:50px;
	background:#fff;
	position:absolute;
	left:-50px;
	top:-1px;
	text-align:center;
	cursor:pointer;
	border:1px solid #ddd;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	border-right:none;
}
#toggle-switcher [class*=fa]{
	font-size:32px;
	line-height:50px;
	color:#000;
}
#style-switcher h1 {
    font-size:21px;
    text-align:center;
    color:#666;
    margin:2px 0 3px -20px;
}
#style-switcher ul {
	list-style:none;
	margin:0;
	padding:0;
}
#style-switcher ul li{
	display:block;
	width:40px;
	height:40px;
	margin:10px 10px 0 0;
	float:left;
	border-radius:5px;
	cursor:pointer;
	transition: opacity .2s ease-out;
}
#style-switcher ul li:hover{
	opacity:.8;
}

@media (max-width:767px){
	#style-switcher {
		display:none;
}	
}