@charset "utf-8";
#switch {
    position: fixed;
	display: block;
    width: 200px;
	margin:0px;
    padding:10px 18px 10px 25px;
    left:0px;
    top:100px;
	z-index: 9999;
	background:#fff;
	line-height:100%;
	border:1px solid rgba(255,255,255,.8);
	border-left:0px none;
border-top:1px solid #eee;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
border-radius:0px 3px 3px 0px;
}
#switch .toggle {
    position: absolute;	
    width: 40px;
    height: 40px;	
    padding: 10px;
    right: -58px;
	outline: none;
	top:-180px;background:#fff; 
	border-left:0px none;
border-top:1px solid #eee;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
border-radius:0px 3px 3px 0px;
}
#switch i{
    position: absolute;	
    right: 10px;color: #bbb;
	top:9px; font-size:20px; color:rgba(0,0,0,.5); 
}
#switch a.toggle { color: #222; }
#switch i:hover { color:rgba(0,0,0,1);  }
#switch h1{ text-align:left; margin:0px 0 15px;
font-size:16px;  letter-spacing:0px; padding:0 0;
font-weight:700;display:block;z-index:0;line-height:35px; font-family:'Lato', sans-serif!important;
}
#switch p {  margin: 10px 0;  font-size:12px; font-weight:400; color:#777; }

#switch .clear { clear: both; }

#switch  a.switcher{
	width:20px;
	height: 20px;
	display: inline-block;
	margin:0px 8px 12px 0px;
	border:0px solid none;
	cursor: pointer;
}

.red { background: #E84E41; }
.blue { background: #3498DB; }
.pink { background: #EC005F; }
.gold{ background: #B8A279;}
.bluegreen { background: #2BAAB1; }
.pumpkin { background: #EB5E00; }
.green { background: #19B698; }
.emerald { background: #2BC16A;}
.wisteria { background: #994EB8;}
.mulberry { background: #A34670; }
.yellow { background: #F4A62A; }
.olive { background: #B6AF2A; }
.red2 { background: #B93826; }
.cyan { background: #00A1CB; }
.asbestos { background: #7f8c8d; }

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