@charset "utf-8";/*!Prefix flex for IE10 in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license*/body.no-bg{background-image:none!important}.old-ie .demo-overlay,.old-ie .demo-panel,.old-ie9 .demo-overlay,.old-ie9 .demo-panel{display:none}.demo-overlay{position:fixed;top:0;left:0;z-index:9408;width:0;height:0;opacity:0}.demo-overlay.act{width:100%;height:100%;opacity:1}.demo-panel{position:fixed;right:0;top:0;z-index:9409;min-height:100%;width:0;box-shadow:0 0 6px rgba(0,0,0,.25);transition:width .5s;font:14px/24px "Open Sans",Helvetica,Arial,Verdana,sans-serif}.demo-panel.act{width:520px}.switch-panel{display:block;position:absolute;left:-50px;top:100px;width:50px;height:100px;box-shadow:0 0 6px rgba(0,0,0,.25);background:#fff}.switch-panel a{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;height:50px;width:50px;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack:center;-ms-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center}.switch-panel a:first-child:after{content:"";position:absolute;left:8px;bottom:-1px;width:34px;height:1px;background:#eaeaea}.switch-panel a img{width:28px;height:28px;opacity:.7;transition:all .2s}.switch-panel a:hover img{width:32px;height:32px;opacity:1}.demo-teaser{position:absolute;right:80px;top:-20px;width:0;height:0;padding:14px 15px 15px 18px;visibility:hidden;opacity:0;color:#fff;background:rgba(0,0,0,.75);box-shadow:0 0 6px rgba(0,0,0,.25);cursor:pointer;transition:opacity .1s;font-size:13px;line-height:20px}.demo-teaser strong{display:inline-block;font-size:14px;padding-bottom:5px}.demo-teaser:after{content:"";position:absolute;top:50%;right:-12px;margin-top:-6px;border-color:transparent transparent transparent rgba(0,0,0,.72);border-style:solid;border-width:6px}.demo-teaser.act{right:62px;width:200px;height:auto;visibility:visible;opacity:1;transition:opacity .4s,right .4s}.content-panel{position:absolute;width:500px;height:100%;overflow:hidden;background:#fff}.touchevents .content-panel{overflow:auto;-webkit-overflow-scrolling:touch}.info-box{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-flex-pack:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;width:450px;margin:20px 0 20px 30px}.info-box:first-child{margin-top:25px}.info-box:last-child{margin-bottom:20px}.info-box p{position:relative;-webkit-flex:0 0 100%;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-positive:0;-ms-flex-negative:0;-ms-flex-preferred-size:100%;color:#939393}.box-title:after{content:"";position:absolute;top:50%;left:0;z-index:1;width:440px;height:1px;background:#eaeaea}.box-title span{position:relative;z-index:2;display:inline-block;padding:0 5px 0 0;background:#fff}.demo-filter{margin-bottom:20px}.demo-filter a{display:inline-block;text-decoration:none;padding:2px 7px;border-radius:2px;color:#939393;transition:all .2s}.demo-filter a:hover{color:#939393;background:#efefef}.demo-filter a.act{color:#fff;background:#1ebac8}.info-box .demo-thumb{position:relative;display:block;width:80px;height:60px;margin:0 10px 10px 0;color:transparent;font-size:0;line-height:0}.info-box .demo-thumb:after{display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;content:"";border:solid #1ebac8 2px;opacity:0;transition:opacity .15s}.info-box .demo-thumb:hover:after,.info-box .demo-thumb.act:after{opacity:1}.demos-box .demo-thumb{width:215px;height:161px;background:#000 url(loading-big.gif) no-repeat center center}.demos-box .demo-thumb.thumb-loaded{background-image:none}.demos-box .demo-thumb img{opacity:0;transition:opacity .2s}.demos-box .demo-thumb.thumb-loaded img{opacity:.7}.demos-box .demo-thumb.thumb-loaded:hover img{opacity:1}.skins-box .demo-thumb{background:url(loading-small.gif) no-repeat center center}.skins-box .demo-thumb.thumb-loaded{background:0 0}.skins-box .demo-thumb img{opacity:0;transition:opacity .2s}.skins-box .demo-thumb.thumb-loaded img{opacity:1}@media screen and (max-width:750px){body,html{position:relative;overflow-x:hidden}}@media screen and (max-width:450px){.demo-overlay,.demo-panel{display:none}}.headers-box .demo-thumb{background:url(headers-sprite.gif) no-repeat 0 0}.headers-box [data-value=left]{background-position:0 0}.headers-box [data-value=classic]{background-position:0 -60px}.headers-box [data-value=center]{background-position:0 -120px}.headers-box [data-value=side]{background-position:0 -180px}.headers-box [data-value=side_hidden]{background-position:0 -240px}.layouts-box .demo-thumb{background:url(layouts-sprite.gif) no-repeat 0 0}.layouts-box [data-value=wide]{background-position:0 0}.layouts-box [data-value=boxed]{background-position:0 -60px}html:not(.touchevents) .the7-scrollbar::-webkit-scrollbar{width:13px}html:not(.touchevents) .the7-scrollbar::-webkit-scrollbar-track{background-color:#fff}html:not(.touchevents) .the7-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:#1ebac8;border:solid 4px #fff}