#style-switcher{border-bottom-right-radius:5px;height:658px;border-top-right-radius:5px;position:fixed;top:30px;background:#192026;left:-250px;width:250px;z-index:9999}#style-switcher #styles-container{padding:15px}#style-switcher #styles-container section{margin-bottom:25px;position:relative;margin-top:20px}#style-switcher h4{font:14px Arial,sans-serif;font-weight:700;margin-bottom:20px;color:#fff;text-transform:uppercase;text-align:center;line-height:20px}#style-switcher #styles-button{border-bottom-right-radius:5px;height:50px;right:-50px;border-top-right-radius:5px;position:absolute;top:20px;box-shadow:2px 2px 2px #222;background:#117dc2;width:50px}#style-switcher #styles-button #switcher-logo{height:50px;background:url(https://recoentrec.info/content/web/style-switcher/img/logo.png) no-repeat 50%;width:50px}#style-switcher .styles-list{overflow:hidden}#style-switcher .styles-list li{height:35px;text-indent:-9999px;margin:0 5px 5px 0;cursor:pointer;width:35px;float:left}#style-switcher .styles-list li:hover{opacity:.9}#style-switcher .styles-list .color-blueaqua,#style-switcher .styles-list .color-bluegreen,#style-switcher .styles-list .color-blueorange,#style-switcher .styles-list .color-bluered,#style-switcher .styles-list .color-default{position:relative;background:#006db7}#style-switcher .styles-list .color-blue{background:#006db7}#style-switcher .styles-list .color-aqua{background:#27b9c6}#style-switcher .styles-list .color-green{background:#a0cc0e}#style-switcher .styles-list .color-orange{background:#fd9b00}#style-switcher .styles-list .color-red{background:#d6393a}#style-switcher .styles-list .color-default:after{border-bottom:35px solid #fac312}#style-switcher .styles-list .color-blueaqua:after,#style-switcher .styles-list .color-default:after{height:0;border-left:35px solid transparent;right:0;content:"";position:absolute;top:0;width:0;display:block}#style-switcher .styles-list .color-blueaqua:after{border-bottom:35px solid #27b9c6}#style-switcher .styles-list .color-bluegreen:after{border-bottom:35px solid #a0cc0e}#style-switcher .styles-list .color-bluegreen:after,#style-switcher .styles-list .color-blueorange:after{height:0;border-left:35px solid transparent;right:0;content:"";position:absolute;top:0;width:0;display:block}#style-switcher .styles-list .color-blueorange:after{border-bottom:35px solid #fd9b00}#style-switcher .styles-list .color-bluered:after{height:0;border-left:35px solid transparent;right:0;content:"";position:absolute;border-bottom:35px solid #d6393a;top:0;width:0;display:block}.header-list li{list-style:none;padding-right:15px;padding-bottom:15px;float:left}.header-list li a{padding:5px 18px;border:1px solid #fff;font-weight:700;color:#ccc;text-transform:uppercase}.header-list li a:hover,.header-list li.active a{color:#333;background-color:#fff}.header-list li img{border:10px solid #192026;right:-235px;position:absolute;top:35px;display:none}.header-list li:hover img{display:block}@media only screen and (min-width:320px) and (max-width:479px){#style-switcher{display:none}}@media only screen and (min-width:480px) and (max-width:767px){#style-switcher{display:none}}