body{background:#eee;margin:0;padding:0;overflow:hidden}iframe{border:0;margin:0;padding:0;width:100%;display:block;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}iframe.tablet-view,iframe.mobile-h-view,iframe.mobile-v-view{border:10px solid #ddd;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}iframe.tablet-view{height:768px!important;width:1024px!important}iframe.mobile-h-view{height:320px!important;width:480px!important}iframe.mobile-v-view{height:480px!important;width:320px!important}div#nav-bar{width:100%;height:52px;line-height:52px;position:fixed;bottom:0;z-index:20;background:#212121;color:#ddd;font:normal 13px Arial,Helvetica,sans-serif;box-shadow:0 0 4px rgba(0,0,0,0.4);-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);-ms-box-shadow:0 0 4px rgba(0,0,0,0.4);-o-box-shadow:0 0 4px rgba(0,0,0,0.4)}div#nav-bar div.inner{width:630px;margin:0 auto}div#selector-extensions,div#selector-templates,div#selector-themes{float:left;width:200px;height:52px;line-height:52px;border-right:1px solid #444;text-align:center;cursor:pointer;position:relative;font-weight:bold}div#selector-templates{border-left:1px solid #444}div#selector-templates:before,div#selector-themes:before{border-color:#888;border-image:none;border-style:solid none none solid;border-width:1px medium medium 1px;content:"";height:6px;position:absolute;left:18px;top:25px;transform:rotate(45deg);width:6px}div#selector-extensions a{outline:0;color:#ddd;text-decoration:none}div#selector-extensions:hover,div#selector-templates:hover,div#selector-themes:hover,div#selector-templates.active,div#selector-themes.active,div#selector-extensions a:hover,div#selector-extensions a:active{color:#fff;background-color:#039be5}div#selector-templates:hover:before,div#selector-themes:hover:before,div#selector-templates.active:before,div#selector-themes.active:before{border-color:#fff}div#themes-hide,div#templates-hide,div#extensions-hide{position:absolute;bottom:52px;z-index:10;overflow:hidden;width:614px;background:#fff;color:#333;font:normal 12px Arial,Helvetica,sans-serif;line-height:28px;box-shadow:0 0 4px rgba(0,0,0,0.4);-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);-ms-box-shadow:0 0 4px rgba(0,0,0,0.4);-o-box-shadow:0 0 4px rgba(0,0,0,0.4)}div#themes-hide{width:614px}div#extensions-hide{z-index:11}div#list-themes,div#list-templates,div#list-extensions{overflow:hidden;padding:20px 10px}div#list-templates .column,div#list-themes .column{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;float:left;padding:0 20px;width:50%}.column ul,ul.thumbs{list-style-type:none;margin:0;padding:0}.thumbs li{border-bottom:1px solid #eee;padding:4px 0 4px 4px;cursor:pointer}.column h2{margin:0 0 10px;padding:4px 4px 4px 20px;font-size:12px;font-weight:bold;color:#333;background:#f6f6f6}.thumbs li small{color:#aaa;font-size:11px;font-style:italic;font-weight:normal;padding-right:10px}.column a,.list-submenu div a,#list-extensions a{text-decoration:none;font-weight:bold;color:#333}.thumbs li:hover a,.list-submenu div a:hover,#list-extensions p:hover a{color:#e55e48}.list-submenu{position:absolute;z-index:25;overflow:hidden;width:200px;background:#fff}.list-submenu div{border:2px solid #e55e48;width:198px;padding:20px;font:normal 12px Arial,Helvetica,sans-serif;line-height:28px}#tooltip{padding:10px;border:1px solid #eee;position:absolute;z-index:25;background:#fff;-webkit-box-shadow:0 0 9px rgba(0,0,0,0.4);-moz-box-shadow:0 0 9px rgba(0,0,0,0.4);box-shadow:0 0 9px rgba(0,0,0,0.4);pointer-events:none}#tooltip strong{display:block;margin:0 0 5px 0}#tooltip img{display:block;width:200px;height:160px}.unvisible{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.badge-j16,.badge-j15,.badge-j10,.badge-j30,.badge-new,.badge-hot,.badge-free,.badge-coming,.badge-joke{color:#fff;background:#666;font-size:9px;font-weight:600;float:right;height:13px;line-height:13px;margin:8px 0 0;padding:0 3px}.badge-j10{background:#4299cb}.badge-new{background:#8dc03c;margin-right:4px}.badge-hot{background:#e55e48;margin-right:4px}.badge-free{background:#5faae3;margin-right:4px}.badge-coming{background:#fbb450;margin-right:4px}.badge-j30{background:#1e71b7;margin-right:4px}.badge-joke{background:#fbb450;margin-right:4px}#join{background:#66bb6a;text-decoration:none;color:#fff!important;display:inline-block;font:600 16px/52px Arial,Helvetica,sans-serif;height:52px;margin:0 0 0 30px;float:left;padding:0 42px!important}#join:hover{background:#43a047}#small-switcher{background:transparent url('../images/demo_switcher.png') no-repeat 0 0;float:left;height:52px;margin-left:20px;text-indent:-9999px;width:90px}#small-switcher.joomla{background-position:right 0}#big-switcher{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 46px rgba(0,0,0,0.42);-moz-box-shadow:0 0 46px rgba(0,0,0,0.42);-ms-box-shadow:0 0 46px rgba(0,0,0,0.42);-o-box-shadow:0 0 46px rgba(0,0,0,0.42);box-shadow:0 0 46px rgba(0,0,0,0.42);height:180px;left:10%;margin:-130px 0 0 -320px;padding:30px;position:absolute;top:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:top .45s cubic-bezier(.23,1.3,.6,1.6),left .45s cubic-bezier(1,.08,.91,.9),-webkit-transform .45s cubic-bezier(1,0,1,.5);-moz-transition:top .45s cubic-bezier(.23,1.3,.6,1.6),left .45s cubic-bezier(1,.08,.91,.9),-moz-transform .45s cubic-bezier(1,0,1,.5);-ms-transition:top .45s cubic-bezier(.23,1.3,.6,1.6),left .45s cubic-bezier(1,.08,.91,.9),-ms-transform .45s cubic-bezier(1,0,1,.5);-o-transition:top .45s cubic-bezier(.23,1.3,.6,1.6),left .45s cubic-cubic-bezier(1,.08,.91,.9),-o-transform .45s cubic-bezier(1,0,1,.5);transition:top .45s cubic-bezier(.23,1.3,.6,1.6),left .45s cubic-cubic-bezier(1,.08,.91,.9),transform .45s cubic-bezier(1,0,1,.5);width:600px;z-index:1001}#big-switcher a{background:transparent url('../images/big_switcher.png') no-repeat 36px 0;float:left;height:180px;text-indent:-9999px;width:299px}#big-switcher a:first-child{background-position:-310px 0;border-right:1px solid #e5e5e5}.loaded #big-switcher{left:50%;top:50%;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}#big-switcher-overlay{background:#fff;background:rgba(255,255,255,0.75);display:none;left:0;height:100%;opacity:0;position:fixed;top:0;-webkit-transition:opacity .45s ease-out;-moz-transition:opacity .45s ease-out;-ms-transition:opacity .45s ease-out;-o-transition:opacity .45s ease-out;transition:opacity .45s ease-out;width:100%;z-index:1000}#big-switcher-overlay.loaded{display:block;opacity:1}@media(max-width:1400px){div#nav-bar div.inner{float:left;margin-left:24px;width:auto}}@media(max-width:960px){.rwd-scale{display:none!important}#join{margin-left:0}}@media(max-height:800px){.thumbs li{padding:0 0 0 4px}}@media(max-width:540px){#small-switcher{display:none}div#nav-bar div.inner{margin-left:0}}@media(max-width:540px){div#selector-templates,div#selector-themes{min-width:150px}div#selector-templates::before,div#selector-themes::before{border:0}}.rwd-scale{cursor:pointer;float:left;height:30px;opacity:.2;margin:10px 4px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:30px}.rwd-scale:hover,.rwd-scale.active{opacity:1}#desktop-view{background:url('../images/desktop.svg') no-repeat center center;background-size:cover;display:none}#tablet-view{background:url('../images/tablet.svg') no-repeat center center;background-size:cover;display:none}#mobile-v-view{background:url('../images/mobile-v.svg') no-repeat center center;background-size:cover;display:none}#mobile-h-view{background:url('../images/mobile-h.svg') no-repeat center center;background-size:cover;display:none;margin-left:30px}@media(min-width:1060px) and (min-height:820px){#tablet-view{display:block}}@media(min-width:580px) and (min-height:420px){#mobile-h-view{display:block}}@media(min-width:420px) and (min-height:580px){#mobile-v-view{display:block}}@media(min-width:420px) and (min-height:420px){#desktop-view{display:block}}