#style-selector{position:fixed;top:90px;right:-320px;width:320px;padding:20px 0;z-index:9999;background-color:#fff;-moz-box-shadow:0 0 4px rgba(0,0,0,.2);-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}#style-selector .title-big,.style-selector-wrapper .title{width:100%;text-align:center;border-bottom:1px solid #efefef;font-weight:400;text-transform:uppercase}.style-selector-wrapper{z-index:9999;padding:0 20px 20px;margin:0}#style-selector .title-big{font-size:18px;padding:0 0 20px}.style-selector-wrapper .title{font-size:14px;padding:0 0 10px}.style-selector-wrapper .title.align-left{text-align:left}#style-selector .btn-close{position:absolute;top:0;right:320px;width:50px;height:45px;line-height:45px;text-align:center;background-color:#101010;border-radius:0;font-size:16px;color:#323232;opacity:1;z-index:1}.style-selector-wrapper a.btn-gray{padding:5px 20px;margin:0 15px 0 0;vertical-align:middle;text-align:center;background-color:#ededed;border-radius:4px;color:#242424}.style-selector-wrapper a.btn-gray.active{background-color:#242424;color:#878787}#style-selector .btn-close i{color:#fff}.style-selector-wrapper ul.pre-colors-list{width:100%;padding:0;margin:0 0 16px;float:left}.style-selector-wrapper ul.pre-colors-list li{display:inline;padding:0;margin:0 14px 14px 0;float:left}.style-selector-wrapper ul.pre-colors-list li.last{margin:0}.style-selector-wrapper ul.bg-pattrens-list{width:100%;padding:0;margin:0;float:left}.bg-pattren-1,.bg-pattren-10,.bg-pattren-11,.bg-pattren-12,.bg-pattren-2,.bg-pattren-4,.bg-pattren-5,.bg-pattren-6,.bg-pattren-7,.bg-pattren-8,.bg-pattren-9,.pre-color-skin-1,.pre-color-skin-2,.pre-color-skin-3,.pre-color-skin-4,.pre-color-skin-5,.pre-color-skin-6{width:35px;height:35px;cursor:pointer;float:left}.style-selector-wrapper ul.bg-pattrens-list li{display:inline;padding:0;margin:0 14px 14px 0;float:left}.style-selector-wrapper ul.bg-pattrens-list li.last{margin:0}.pre-color-skin-1{background-color:#0c74d5}.pre-color-skin-2{background-color:#7155FE}.pre-color-skin-3{background-color:#ff971c}.pre-color-skin-4{background-color:#7dc01d}.pre-color-skin-5{background-color:#ff5d35}.pre-color-skin-6{background-color:#00BCD4}.bg-pattren-1{background:url(../../images/bg-pattrens/01.php)}.bg-pattren-2{background:url(../../images/bg-pattrens/02.php)}.bg-pattren-3{width:35px;height:35px;float:left;cursor:pointer;background:url(../../images/bg-pattrens/03.php)}.bg-pattren-4{background:url(../../images/bg-pattrens/04.php)}.bg-pattren-5{background:url(../../images/bg-pattrens/05.php)}.bg-pattren-6{background:url(../../images/bg-pattrens/06.php)}.bg-pattren-7{background:url(../../images/bg-pattrens/07.php)}.bg-pattren-8{background:url(../../images/bg-pattrens/08.php)}.bg-pattren-9{background:url(../../images/bg-pattrens/09.php)}.bg-pattren-10{background:url(../../images/bg-pattrens/10.php)}.bg-pattren-11{background:url(../../images/bg-pattrens/11.php)}.bg-pattren-12{background:url(../../images/bg-pattrens/12.php)}@media only screen and (max-width:768px){#style-selector{top:140px}}#demo-selector{position:fixed;top:145px;right:-365px;width:365px;height:630px;padding:20px 0;z-index:9998;background-color:#101010}.demo-selector-wrapper{z-index:9999;padding:0 10px 10px;margin:0}#demo-selector .title-big{width:100%;font-size:18px;padding:0 10px 20px;text-align:center;color:#fff;text-transform:uppercase;font-weight:400}#demo-selector .title-big span{color:#727272}.demo-selector-wrapper .title.align-left{text-align:left}#demo-selector .demo-close{position:absolute;top:0;right:365px;width:50px;height:60px;padding:0 5px;font-size:11px;text-align:center;background-color:#101010;border-radius:0;color:#727272;opacity:1;z-index:1;text-decoration:none;text-transform:uppercase}.demo-selector-wrapper a.btn-gray{padding:5px 20px;margin:0 15px 0 0;vertical-align:middle;text-align:center;background-color:#ededed;border-radius:4px;color:#242424}#demo-selector .demo-close i{font-size:14px;margin-top:8px;color:#fff}#demo-selector .demo-thumb{position:relative;width:150px;height:150px;float:left;padding:0;margin:0 0 5px}#demo-selector .demo-thumb .hover-box{position:absolute;width:150px;height:150px;float:left;padding:0;opacity:0;margin:0;color:#fff;transition:all .3s ease-out 0s;background-color:rgba(0,0,0,.6)}#demo-selector .demo-thumb .hover-box span{color:#fff;font-size:13px}#demo-selector .demo-thumb .hover-box .title{color:#fff;padding:50px 0 0;margin:0}#demo-selector .demo-thumb:hover .hover-box{opacity:1}@media only screen and (max-width:767px){#demo-selector,#style-selector{display:none}}@media only screen and (max-width:768px){#demo-selector{top:190px}}.scroll-container{overflow:auto;position:relative;padding:0;margin:10px;width:740px;max-width:97%;height:500px}