@charset "utf-8";
#switch {
    position: fixed;
	display: block;
    width: 160px;
	margin:0px;
    padding:0px 10px 30px 15px;
    left:0px;
    top:100px;
	z-index: 9999;
	background:#fff;
	line-height:100%;
	border-radius: 0px 5px 5px 0px;
}
#switch .toggle {
    position: absolute;	
    width: 40px;
    height: 40px;	
    padding: 10px;
    right: -45px;
	outline: none;
	top:-120px;
	background:#fff;
	border-radius: 0px 5px 5px 0px;
}
#switch i{
    position: absolute;	
    right: 7px;color: #323A45;
	top:10px; font-size:20px; 
}
#switch a.toggle { color: #222; }
#switch i:hover { color:rgba(0,0,0,1);  }
#switch h1 {  line-height:30px!important; margin-bottom:15px;}
#switch .clear { clear: both; }

#switch  a.switcher{
	width:20px;
	height: 20px;
	display: inline-block;
	margin:0px 3px 5px 0px;
	border:0px solid none;
	cursor: pointer;
}
#switch a {
	margin-bottom: 10px;
	padding: 5px 3px 15px;
	text-transform:uppercase;
	font-size:12px;
	color:#666;
}
#switch a:hover { color:#222; }
.red { background: #E84E41; }
.blue { background: #3498DB; }
.pink { background: #EC005F; }
.navy { background: #4A5B7D; }
.orange { background: #E67E22; }
.lime { background: #b5ca2f; }
.green { background: #19B698; }
.amythest{ background: #9D5DB8;}
.yellow { background: #F4A62A;}
.mulberry{ background: #A34670; }

@media screen and (max-width: 480px){
#switch {display:none!important; }
}