#style-switcher{position:fixed;top:10%;z-index:9999;width:300px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}#style-switcher.hippo-switcher-left.open{left:0!important}#style-switcher.hippo-switcher-right.open{right:0!important}#style-switcher.hippo-switcher-left{left:-301px;right:auto}#style-switcher.hippo-switcher-right{right:-303px;left:auto}#style-switcher .hippo-style-switcher{display:block;position:relative;background:#2B2B2B}#style-switcher.hippo-switcher-left .hippo-style-switcher{border-right:3px solid red}#style-switcher.hippo-switcher-right .hippo-style-switcher{border-left:3px solid red}#style-switcher .trigger{position:absolute;background:red;padding:10px;top:30px}#style-switcher.hippo-switcher-left .trigger{right:-55px;border-left:3px solid red}#style-switcher.hippo-switcher-right .trigger{left:-55px;border-right:3px solid red}#style-switcher .hippo-style-switcher-btn-gear{background:url(img/gear32.png);width:32px;height:32px;text-indent:-9999em;display:block}#style-switcher .element-list{margin:0;padding:0}#style-switcher .element-list li{display:inline-block;list-style:none;margin-bottom:5px}#style-switcher .element-list li.switcher-current,#style-switcher .element-list li:hover{outline:red solid 2px}#style-switcher .switcher-body{text-align:center;margin:auto;text-transform:uppercase}#style-switcher .switcher-body-wrap{padding:20px 20px 30px}#style-switcher .title-header{color:#FFF;font-size:15px;font-weight:400;margin-bottom:15px}#style-switcher .title-header::before{position:relative;content:'';border-bottom:1px solid #F4F4F4;display:block;top:18px;z-index:1}#style-switcher .title-header span{position:relative;padding:4px 12px;background-color:#2B2B2B;z-index:3;border-left:1px solid #F4F4F4;border-right:1px solid #F4F4F4}