.styleswitcher{height:calc(100% - 100px);padding:15px;position:fixed;top:50px;left:-500px;width:500px;direction:ltr;z-index:99999}.styleswitcher .overlay-switch{height:100%;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;position:absolute;opacity:.04;top:0;border-radius:10px;background:#000;left:0;width:100%}.styleswitcher.open .overlay-switch{position:fixed}.styleswitcher .styleswitcher-inner{height:100%;overflow:auto;padding:30px;position:absolute;top:0;background-color:#fff;border-radius:10px;left:0;width:100%}.styleswitcher .styleswitcher-inner::-webkit-scrollbar{width:5px}.styleswitcher .styleswitcher-inner::-webkit-scrollbar-thumb{background:#a0a0a0}.styleswitcher.open .styleswitcher-inner{box-shadow:0 30px 60px 0 rgba(0,0,0,.2)}.styleswitcher .switcher-btn-bx{right:-44px;color:#fff;position:absolute;top:200px;box-shadow:7px 0 5px rgba(0,0,0,.1);z-index:1}.styleswitcher .sw-main-title{padding:20px;justify-content:space-between;font-size:20px;font-weight:500;color:#000;border-bottom:1px solid #eee;margin:-30px -30px 30px;align-items:center;background:#f9f9fd;display:flex}.styleswitcher .switcher-title{font-size:12px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.styleswitcher .site-button{margin-right:20px;margin-left:20px;margin-top:20px}.styleswitcher h6.switcher-title{color:#717171}.styleswitcher .btn.btn-sm{padding:8px 15px;font-size:12px}.theme-box{margin-bottom:30px}.theme-design{padding:12px 10px;border:1px solid #eee;margin-right:-7px;margin-bottom:20px;border-radius:6px;background:#f9f9fd;margin-left:-7px;display:flex}.theme-design .theme-box{margin-bottom:0;padding-right:7px;padding-left:7px}.bg-color-switcher li a:before,.color-skins li a:before{height:100%;border:1.5px solid #000;-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;content:"";position:absolute;opacity:0;top:0;border-radius:6px;left:0;width:100%}.bg-color-switcher li.active a:before,.color-skins li.active a:before{transform:scale(1.2);opacity:1}.switch-btn{height:45px;border-left:0;font-size:21px;color:var(--theme-text-color);text-align:center;box-shadow:2px 1px 60px rgba(0,0,0,.1);border-radius:0 4px 4px 0;background:var(--primary);cursor:pointer;width:45px;line-height:43px;display:block}.switch-btn span{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.switch-btn:active,.switch-btn:focus,.switch-btn:hover{color:var(--theme-text-color)}.tab-checkbx{padding:4px;align-items:center;border-radius:6px;background:#dfe0ed;display:flex}.tab-checkbx li{flex:0 0 50%;width:50%}.tab-checkbx li a{padding:5px 10px;font-size:12px;font-weight:500;color:#575971;text-transform:uppercase;letter-spacing:1px;text-align:center;border-radius:4px;display:block}.tab-checkbx li.active a{color:#000;box-shadow:2px 2px 5px 0 rgba(4,0,51,.2);background:#fff}.layout-view{display:flex}.layout-view li{flex:0 0 33.33%;padding:0 5px;text-align:center;width:33.33%}.layout-view li a div{height:75px;justify-content:center;border:3px solid;margin-right:auto;color:#7b7c87;align-items:center;border-radius:6px;margin-left:auto;width:100px;display:flex}.layout-view li a div span{border:2px solid;border-radius:3px;display:block}.layout-view li a>span{font-size:12px;font-weight:500;color:#575971}.layout-view li.frame a div{padding:5px}.layout-view li.frame a div span{height:100%;width:100%}.layout-view li.boxed a div span{height:100%;border-width:0 2px;border-radius:0;width:80%}.layout-view li.active{color:var(--primary)}.layout-view li.active a div{color:var(--primary);box-shadow:0 10px 20px 0 var(--rgba-primary-1);background:var(--rgba-primary-1)}.layout-view li.active a>span{color:var(--primary)}.bg-color-switcher,.color-skins,.color-skins-db{margin:-4px;display:flex}.bg-color-switcher li,.color-skins li,.color-skins-db li{list-style:none outside none;margin:4px;cursor:pointer;display:inline-block}.bg-color-switcher li a,.color-skins li a,.color-skins-db li a{height:35px;height:36px;position:relative;background-size:100%;border-radius:6px;width:35px;width:36px;display:block}.bg-color-switcher li.active a:after,.color-skins li.active a:after,.color-skins-db li.active a:after{height:100%;justify-content:center;font-size:16px;font-weight:900;color:#fff;content:"\f00c";position:absolute;align-items:center;width:100%;font-family:Font Awesome\ 5 Free;display:flex}.bg-color-switcher li .bg-color-1,.bg-color-switcher li .skin-1,.color-skins li .bg-color-1,.color-skins li .skin-1,.color-skins-db li .bg-color-1,.color-skins-db li .skin-1{background-color:#fe4c1c}.bg-color-switcher li a.bg-color-1:before,.color-skins li a.skin-1:before,.color-skins-db li a.skin-1:before{border-color:#fe4c1c}.bg-color-switcher li .bg-color-2,.bg-color-switcher li .skin-2,.color-skins li .bg-color-2,.color-skins li .skin-2,.color-skins-db li .bg-color-2,.color-skins-db li .skin-2{background-color:#ff8f16}.bg-color-switcher li a.bg-color-2:before,.color-skins li a.skin-2:before,.color-skins-db li a.skin-2:before{border-color:#ff8f16}.bg-color-switcher li .bg-color-3,.bg-color-switcher li .skin-3,.color-skins li .bg-color-3,.color-skins li .skin-3,.color-skins-db li .bg-color-3,.color-skins-db li .skin-3{background-color:#e5588d}.bg-color-switcher li a.bg-color-3:before,.color-skins li a.skin-3:before,.color-skins-db li a.skin-3:before{border-color:#e5588d}.bg-color-switcher li .bg-color-4,.bg-color-switcher li .skin-4,.color-skins li .bg-color-4,.color-skins li .skin-4,.color-skins-db li .bg-color-4,.color-skins-db li .skin-4{background-color:#2eb999}.bg-color-switcher li a.bg-color-4:before,.color-skins li a.skin-4:before,.color-skins-db li a.skin-4:before{border-color:#2eb999}.bg-color-switcher li .bg-color-5,.bg-color-switcher li .skin-5,.color-skins li .bg-color-5,.color-skins li .skin-5,.color-skins-db li .bg-color-5,.color-skins-db li .skin-5{background-color:#eb8153}.bg-color-switcher li a.bg-color-5:before,.color-skins li a.skin-5:before,.color-skins-db li a.skin-5:before{border-color:#eb8153}.bg-color-switcher li .bg-color-6,.bg-color-switcher li .skin-6,.color-skins li .bg-color-6,.color-skins li .skin-6,.color-skins-db li .bg-color-6,.color-skins-db li .skin-6{background-color:#26aa5d}.bg-color-switcher li a.bg-color-6:before,.color-skins li a.skin-6:before,.color-skins-db li a.skin-6:before{border-color:#26aa5d}.bg-color-switcher li .bg-color-7,.bg-color-switcher li .skin-7,.color-skins li .bg-color-7,.color-skins li .skin-7,.color-skins-db li .bg-color-7,.color-skins-db li .skin-7{background-color:#e4484e}.bg-color-switcher li a.bg-color-7:before,.color-skins li a.skin-7:before,.color-skins-db li a.skin-7:before{border-color:#e4484e}.bg-color-switcher li .bg-color-8,.bg-color-switcher li .skin-8,.color-skins li .bg-color-8,.color-skins li .skin-8,.color-skins-db li .bg-color-8,.color-skins-db li .skin-8{background-color:#977fff}.bg-color-switcher li a.bg-color-8:before,.color-skins li a.skin-8:before,.color-skins-db li a.skin-8:before{border-color:#977fff}.bg-color-switcher li .bg-color-9,.bg-color-switcher li .skin-9,.color-skins li .bg-color-9,.color-skins li .skin-9,.color-skins-db li .bg-color-9,.color-skins-db li .skin-9{background-color:#fb751b}.bg-color-switcher li a.bg-color-9:before,.color-skins li a.skin-9:before,.color-skins-db li a.skin-9:before{border-color:#fb751b}.background-switcher{margin:-4px;display:flex}.background-switcher li{height:36px;overflow:hidden;position:relative;margin:4px;border-radius:6px;cursor:pointer;width:36px;display:inline-block}.background-switcher li.active{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--rgba-primary-5)}.background-switcher li.active:after{height:100%;justify-content:center;font-size:16px;font-weight:900;color:#fff;content:"\f00c";position:absolute;top:0;align-items:center;width:100%;font-family:Font Awesome\ 5 Free;display:flex}.pattern-switcher{margin:-4px;display:flex}.pattern-switcher li{height:36px;overflow:hidden;border:1px solid #b3b3b3;position:relative;margin:4px;border-radius:6px;cursor:pointer;width:36px;display:inline-block}.pattern-switcher li.active{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--rgba-primary-5)}.pattern-switcher li.active:after{height:100%;justify-content:center;font-size:16px;font-weight:900;color:var(--primary);content:"\f00c";position:absolute;top:0;align-items:center;width:100%;font-family:Font Awesome\ 5 Free;display:flex}.theme-box .range-slider{margin-top:15px}.theme-box .price .amount{font-size:14px;border:0;font-weight:500;margin-bottom:12px;background-color:transparent}#ThemeRangeSlider .ui-widget-content{background:var(--rgba-primary-3)}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:2px solid var(--primary)!important}.theme-view-wrapper .theme-box:not(:last-child){margin-bottom:15px}@media only screen and (max-width:1280px){.theme-design.theme-background-wrapper,.theme-design.theme-layout-wrapper{display:none}.styleswitcher{-webkit-transition:all .5s;-ms-transition:all .5s;transition:all .5s;left:-350px!important;width:350px}.styleswitcher.open{left:30px!important}.styleswitcher .sw-main-title{margin:-30px -30px 20px;display:block}.styleswitcher .sw-main-title .btn{width:100%;margin-top:5px;display:block}.styleswitcher .color-skins,.styleswitcher .color-skins-db{justify-content:start;flex-wrap:wrap}}@media only screen and (max-width:591px){.styleswitcher{height:100%;top:0;left:-250px!important;width:250px}.styleswitcher.open{left:0!important}.styleswitcher .styleswitcher-inner{padding:25px;border-radius:0}.styleswitcher .sw-main-title{margin:-30px -25px 20px}.styleswitcher .theme-design{padding:10px 5px}.styleswitcher .color-skins li,.styleswitcher .color-skins-db li{margin:4px 5px 2px 0}.styleswitcher .color-skins li a,.styleswitcher .color-skins-db li a{height:30px;width:30px}.styleswitcher .color-skins li.active a:after,.styleswitcher .color-skins-db li.active a:after{font-size:12px}.switcher-btn-bx{right:-35px!important}.switcher-btn-bx .switch-btn{height:35px;font-size:16px;width:35px;line-height:35px}}