.swtch-opener{position:absolute;top:0;left:-50px;background-color:#ffeb00;}
.swtch-opener a{font-size:22px;color:#000;padding:15px 15px;display:block;}
.swtch-opener a:hover{text-decoration:none;}
#style-switcher{width:230px;height:260px;border-bottom:1px solid #d4d4d4;border-left:1px solid #d4d4d4;background-color:#fff;position:fixed;top:50px;right:-230px;z-index:99999999999999999999999999999999999999999999;transition: right ease-in-out .5s;-webkit-transition: right ease-in-out .5s;}
.swopen{right:0 !important;}
.swclose{right:-230px !important;}
.swtch-header{height:61px;padding-left:15px;padding-top:20px;background-color:#ffeb00;}
.swtch-header h4{font-family: "Oswald", sans-serif;font-size:18px;color:#000;font-weight:700;}
.styleswtch{padding:10px;}
.styleswtch h4{font-size:13px;font-family: "Oswald", sans-serif;color:#000;}
.ul-layout li a{float:left;padding:5px 10px;margin-right:10px;background-color:#f5f5f5;text-decoration:none;color:#0;font-size:12px;font-weight:400;}
.ul-layout li a:hover{background-color:#ffeb00;color:#fff;}
.ul-layout li a.active{background-color:#ffeb00;color:#fff;}
.ul-colors li{float:left;width:20px;height:20px;cursor:pointer;margin-right:5px;}
#color1{background-color:#ffeb00;}
#color2{background-color:#00a651;}
#color3{background-color:#c000ff;}
#color4{background-color:#13d7fd;}
#color5{background-color:#ff28a7;}
.stylereset{font-family: "Oswald", sans-serif;padding:5px 10px;margin-right:10px;background-color:#000;text-decoration:none;color:#fff;font-size:12px;font-weight:400;}
.stylereset:hover{background-color:#ffeb00;color:#000;text-decoration:none;}