.hero{overflow:hidden}.hero.dev{background:rgba(255,0,0,.04)}.hero label{display:inline-block}.hero h1,.hero h2,.hero h3,.hero h4{font-weight:700!important}.hero h1{font-size:32px}.hero h2{font-size:28px}.hero h2,.hero h3,.hero h4{margin:15px 0}.hero .error-msg,.hero span.error{color:#f64656}.hero hr{margin-bottom:30px}.hero textarea{min-height:120px}.hero .table{margin-bottom:15px}.hero .table tr.highlight{background-color:rgba(129,86,114,.8)}.hero .table tr.demi-highlight{background-color:rgba(129,86,114,.4)}.hero .input-group>select{border-radius:3px 0 0 3px}.hero .radio>label{margin-right:5px}.hero .btn{text-transform:uppercase;border-radius:4px;line-height:1.5;font-size:12px;font-weight:700!important}.hero .btn,.hero .btn:hover{color:#fff!important}.hero .btn.btn-default{color:#262636!important}.hero .btn-tapas{color:#fff;background-color:#9a6688}.hero .btn-tapas.active,.hero .btn-tapas.disabled,.hero .btn-tapas:active,.hero .btn-tapas:hover,.hero .btn-tapas[disabled]{color:#fff;background-color:#815672;border-color:#693d5c}.hero .btn-tapas.active,.hero .btn-tapas:active{background-color:#403152}.hero .btn-mini{padding:0 4px;font-size:10px;line-height:20px}.hero .btn-delete{padding:7px 10px!important;font-size:0}.hero .badge-danger{background-color:#d9534f}.hero .badge-warning{background-color:#f0ad4e}.hero .badge-info{background-color:#5bc0de}.hero .badge-success{background-color:#5cb85c}.hero .badge-tapas{background-color:#815672}.hero input.form-control{min-height:inherit;padding:6px 12px;font-size:14px;font-weight:400!important}.hero .form-group{margin:0 10px 10px}.hero .input-group-btn>.btn{line-height:22px}.hero .sub-nav>li>a:hover{background-color:#eee}.hero .global-pagination-wrap{margin-bottom:15px}.hero .length-error{padding:4px;line-height:16px;vertical-align:sub;font-size:12px}.hero .btn-star{display:block;font-size:0;line-height:0;width:20px;margin:10px auto}.hero .preview-img{padding:5px 0}.hero .preview-img img{display:block}.hero .preview-series{padding:3px 0;overflow:hidden}.hero .preview-file{position:relative;display:block;padding-bottom:3px}.hero .preview-file>.file-name{cursor:pointer;position:absolute;left:103px;background-color:#d6d6d6;line-height:2.15;padding:0 3px;overflow:auto;text-overflow:ellipsis;border-radius:3px}.hero .preview-file>.file-name.saved{background-color:#868696}.hero .preview-plan{width:320px;margin:0 auto;padding:0 16px;color:#262636;background-color:#fff;box-shadow:0 2px 2px rgba(6,6,22,.3)}.hero .preview-plan header{margin-bottom:8px;line-height:32px;font-size:24px;color:#464656;font-weight:700!important}.hero .preview-plan .headline{margin:0;line-height:24px!important;font-size:16px;color:#868696;background-color:#fff!important;font-weight:400!important}.hero .preview-plan .img-wrap{position:relative;display:block;margin-top:16px;margin-bottom:12px}.hero .preview-plan .img-wrap .carousel{overflow:hidden}.hero .preview-plan .img-wrap .img-carousel-wrap{font-size:0;line-height:0;overflow:hidden;width:100%}.hero .preview-plan .img-wrap .img-carousel-wrap>li{display:none;font-size:0;line-height:0;transition:display .3s linear;border-radius:4px}.hero .preview-plan .img-wrap .img-carousel-wrap>li.on{display:inline-block;margin-left:0;transition:display .3s linear}.hero .preview-plan .img-wrap .img-carousel-wrap>li>a{display:block;line-height:0}.hero .preview-plan .img-wrap .img-carousel-wrap>li>a>img{vertical-align:top}.hero .preview-plan .img-wrap .img-carousel-wrap.mod-daily-book>li{width:100%;min-height:152px}.hero .preview-plan .img-wrap .img-carousel-wrap.mod-daily-book>li a{min-height:152px;padding:0 16px;line-height:24px;font-size:20px;color:#fff;font-weight:700!important;text-align:center;background-color:rgba(6,6,22,.5);border-radius:4px}.hero .preview-plan .img-wrap img{border-radius:4px}.hero .preview-plan .info-section>p{background-color:#fff!important}.hero .preview-plan .info-section .stats{padding:12px 0!important}.hero .preview-plan .info-section .plan-label{margin-bottom:4px;line-height:16px;font-size:14px;color:#a6a6a6;font-weight:700!important}.hero .preview-plan .info-section .info-head{margin-bottom:8px;line-height:24px;font-size:20px;font-weight:700!important}.hero .preview-plan .info-section .blurb{margin-bottom:16px;line-height:20px;font-size:14px;font-weight:400!important}.hero .preview-plan .info-section .likeCnt{float:left;margin-top:4px;line-height:16px!important;font-size:12px!important;opacity:.8}.hero .preview-plan .info-section .likeCnt>i{float:left;margin-top:2px}.hero .preview-plan .info-section .epCnt{float:left;line-height:24px!important;font-size:16px!important;color:#56c676!important;font-weight:700!important}.hero .preview-plan .info-section .epCnt>i{float:left;margin-top:2px}.hero .preview-plan .info-section .cta{float:right;line-height:24px!important;font-size:16px!important;font-weight:700!important}.hero .preview-plan .info-section .cta.quince{color:#f6b606}.hero .preview-plan .info-section .cta.mint{color:#56c676}.hero .preview-plan .info-section .cta i{float:right;margin:4px 0 0 6px!important}.hero .preview-plan .info-section .stats{height:48px;padding:16px 0;line-height:0}.hero .preview-plan .info-section .stats a{margin-right:12px;line-height:16px;font-size:14px;color:#868696}.hero .preview-plan .info-section .stats a:last-child{margin-right:0}.hero .preview-plan .info-section .stats a>i{margin-right:4px;vertical-align:middle}.hero .alert{padding:6px 12px;margin:0}.hero .alert-tapas{background-color:#e8e3f3;border-color:#dad4e8;color:#865676}.hero .hero-alert{font-weight:400!important;font-size:14px}.hero .hero-alert span{display:inline-block}.hero .hero-alert .close{top:0}.hero .hero-dropdown{position:relative;display:inline-block;z-index:999}.hero .hero-dropdown.right>ul{right:0}.hero .hero-dropdown.left>ul{left:0}.hero .hero-dropdown.on>ul{display:block}.hero .hero-dropdown>ul{display:none;position:absolute;font-size:0;line-height:0;margin-top:2px;text-align:left;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px}.hero .hero-dropdown>ul>li{margin-bottom:2px}.hero .hero-dropdown>ul>li>a{width:100%!important;text-align:left;border-radius:0}.hero .hero-dropdown>ul>li:first-child>a{border-radius:4px 4px 0 0}.hero .hero-dropdown>ul>li:last-child{margin-bottom:0}.hero .hero-dropdown>ul>li:last-child>a{border-radius:0 0 4px 4px}.hero .sort-wrap{line-height:40px;background-color:#f6f6f6;padding:0 10px;position:relative}.hero .sort-wrap .title{font-size:14px;color:#868696}.hero .sort-wrap .sort-menu{font-size:14px;color:#666676;padding:0 5px}.hero .sort-wrap .sort-menu.selected,.hero .sort-wrap .sort-menu:hover{color:#26b6b6}.hero .hero-nav{float:left;width:220px;margin:40px 0 0 20px;background-color:#f6f6f6;font-size:16px;color:#262636;border-radius:4px 4px 0 0}.hero .hero-nav .nav-top{display:block;width:100%;padding:0 16px;margin-bottom:24px;background-color:#e6e6e6;border-radius:4px 4px 0 0;line-height:40px;font-size:20px;color:#060616;font-weight:700!important}.hero .hero-nav .nav-top>i{margin-right:4px}.hero .hero-nav .nav-title{padding:0 16px;line-height:16px;margin-bottom:8px;font-size:14px;color:#060616;font-weight:700!important;cursor:pointer}.hero .hero-nav .nav-title.red{color:#f64656}.hero .hero-nav .nav-title>i{float:right;margin-top:5px}.hero .hero-nav .nav-title.closed+.nav,.hero .hero-nav .nav-title>i.on{display:none}.hero .hero-nav .nav-title.closed>i.on{display:inline-block}.hero .hero-nav .nav-title.closed>i.off{display:none}.hero .hero-nav .nav{list-style:disc inside;margin-bottom:8px;padding:0 16px}.hero .hero-nav .nav li{margin-bottom:4px}.hero .hero-nav .nav li a{padding:0 8px;line-height:24px;font-size:12px;color:#060616;border-radius:4px}.hero .hero-nav .nav li a.on{background-color:#464656;color:#fff;font-weight:700!important}.hero .hero-nav .nav li a.clicked+.sub-nav{display:block}.hero .hero-nav .nav li a.on>i.off,.hero .hero-nav .nav li a.on>i.on{display:none!important}.hero .hero-nav .nav li a.on>i.w-on{display:inline-block}.hero .hero-nav .nav li a.on.clicked>i.off,.hero .hero-nav .nav li a.on>i.w-off{display:none!important}.hero .hero-nav .nav li a.on.clicked>i.w-on{display:none}.hero .hero-nav .nav li a.on.clicked>i.w-off{display:inline-block!important}.hero .hero-nav .nav li a.clicked>i.on{display:none}.hero .hero-nav .nav li a.clicked>i.off{display:inline-block!important}.hero .hero-nav .nav li a>i{float:right;margin-top:9px}.hero .hero-nav .nav li a>i.off,.hero .hero-nav .nav li a>i.w-off,.hero .hero-nav .nav li a>i.w-on{display:none}.hero .hero-nav .sub-nav{padding-left:8px;margin-top:4px;display:none}.hero .hero-nav .sub-nav li a{display:block;padding:0 8px;line-height:24px;font-size:12px;color:#060616}.hero .hero-content{min-height:560px;margin:40px 20px auto 260px;overflow:hidden}.hero .hero-content .desc{margin:25px 0}.hero .hero-content .desc p{line-height:2;padding-left:5px;border-radius:4px;background-color:#f6f6f6}.hero .hero-content .desc form{padding-top:10px;margin-bottom:10px;border-radius:4px;border:1px solid #d6d6d6}.hero .hero-modal{position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px;background-color:#fff;border:1px solid #a6a6a6;min-width:480px}.hero .hero-modal.mod-small{min-width:240px}.hero .hero-modal.mod-mini{min-width:100px}.hero .hero-modal input{box-shadow:none;outline:none;min-height:0}.hero .hero-modal .modal-content{overflow:scroll;min-height:150px;max-height:560px;padding:10px 20px;border:none;border-radius:0;box-shadow:none;background-clip:border-box;background-color:#fff}.hero .hero-modal .modal-content.mod-max{max-width:560px}.hero .hero-modal .modal-content.carousel{overflow:hidden}.hero .hero-modal .modal-header{padding:10px 20px;border:none;border-radius:4px 4px 0 0;background-color:#f6f6f6}.hero .hero-modal .modal-footer{padding:10px 20px;border:none;border-radius:0 0 4px 4px;background-color:#f6f6f6}.hero .recent-menu li{font-size:0;line-height:0;width:190px;display:inline-block;margin-bottom:10px}.hero .recent-menu li:before{content:"\2013 "}.hero .recent-menu li:before,.hero .recent-menu li>a{line-height:25px;font-size:14px;color:#666676;font-weight:700!important}.hero .recent-menu li>a{display:inline-block}.hero .recent-menu li>a:hover{color:#464656}.hero .announcement-preview>ul{margin:20px 0}.hero .announcement-preview .preview-item{width:380px;overflow:hidden;padding:10px;margin:0 auto;background-color:#262636;color:#fff}.hero .announcement-preview .preview-item>a{display:table-cell}.hero .announcement-preview .preview-thumb{width:60px;font-size:0;line-height:0}.hero .announcement-preview .preview-thumb>img{max-width:inherit}.hero .announcement-preview .preview-desc{position:relative;padding:0 16px;vertical-align:middle;box-sizing:border-box;font-size:16px}.hero .announcement-preview .preview-desc:hover{color:#fff}.hero .announcement-preview .dot-indicator{display:block;position:absolute;top:50%;right:26px;width:10px;height:10px;border-radius:100%;background-color:#f6b606}.hero .announcement-preview .preview-content{width:263px;margin:0 25px 6px 0;word-wrap:break-word;color:#fff}.hero .announcement-preview .preview-content strong{font-weight:700!important}.hero .announcement-preview .preview-date{margin:0;line-height:13px;font-size:12px;color:#868696}.hero #js-sortable>div,.hero #js-sortable li{cursor:pointer}.hero .preview-ad{padding:30px 10px 10px;background:#fff;border:1px solid #d6d6d6;min-height:20px;width:90%;border-radius:3px;position:relative;margin-top:20px;font-size:16px}.hero .preview-ad ul{list-style-type:inherit;list-style-position:inside;margin:20px 0}.hero .preview-ad a,.hero .preview-ad a:hover{color:#26b6b6}.hero .preview-ad img{vertical-align:middle}.hero .preview-ad.error{color:#f64656}.hero .preview-ad:after{background-color:#666676;border:1px solid #d6d6d6;border-radius:4px 0 4px 0;color:#fff;content:"Preview";font-size:12px;font-weight:700!important;left:-1px;padding:3px 7px;position:absolute;top:-1px}.hero .help-resource textarea{width:90%}.hero .help-resource #answer-preview{padding:30px 10px 10px;background:#fff;border:1px solid #d6d6d6;min-height:20px;width:90%;border-radius:3px;position:relative;margin-top:20px;font-size:16px}.hero .help-resource #answer-preview ul{list-style-type:inherit;list-style-position:inside;margin:20px 0}.hero .help-resource #answer-preview a,.hero .help-resource #answer-preview a:hover{color:#26b6b6}.hero .help-resource #answer-preview img{vertical-align:middle}.hero .help-resource #answer-preview.error{color:#f64656}.hero .help-resource #answer-preview:after{background-color:#666676;border:1px solid #d6d6d6;border-radius:4px 0 4px 0;color:#fff;content:"Preview";font-size:12px;font-weight:700!important;left:-1px;padding:3px 7px;position:absolute;top:-1px}.hero .user-balance-details-holder{margin:50px 0}.hero .user-balance-details-holder .name{display:inline-block;font-weight:700!important;line-height:1;font-size:16px}.hero .user-balance-details-holder .balance-wrap{display:inline-block;float:left;border:1px solid #d6d6d6;border-radius:3px;padding:0 10px;width:178px}.hero .user-balance-details-holder .balance-wrap:first-child{background-color:#f6f6f6;margin-right:20px}.hero .user-balance-details-holder .balance-wrap .title{font-size:16px;color:#666676;line-height:1.9;font-weight:700!important}.hero .user-balance-details-holder .balance-wrap .amount{display:inline-block;float:right;line-height:2;font-size:16px;color:#464656;font-weight:700!important}.hero .ad-revenue-stats{position:relative;font-size:16px;padding:20px 5px;background-color:#e6e6e6;margin-bottom:40px;border-radius:3px}.hero .ad-revenue-stats ul{margin-right:100px}.hero .ad-revenue-stats .txt{font-size:14px;color:#a6a6a6}.hero .ad-revenue-stats .export-btn{position:absolute;top:-5px;right:15px}.hero .ad-revenue-stats .list-inline li{display:inline;list-style-type:none;padding-right:60px}.hero .ad-revenue-stats .list-inline li.half{padding-right:30px}.hero .saved-list{margin-left:15px;margin-bottom:20px}.hero .saved-list .saved-list-row{margin-bottom:5px}.hero .saved-list .saved-list-row>div{display:inline-block}.hero .saved-list .saved-list-row .tag{width:100px}.hero .saved-list .saved-list-row .query{width:500px}.hero .hero-streams{margin-bottom:30px}.hero .hero-streams .hero-stream{overflow:hidden;border-bottom:1px solid #f6f6f6;padding:7px 0}.hero .hero-streams .hero-stream:first-child{border-top:1px solid #f6f6f6}.hero .hero-streams .hero-stream .thumb-wrap{position:relative;vertical-align:middle;float:left}.hero .hero-streams .hero-stream .thumb-wrap .thumb{width:140px;height:140px}.hero .hero-streams .hero-stream .thumb-wrap .series-id{position:absolute;top:0;left:0;color:#fff;padding:0 5px;background-color:rgba(0,0,0,.5)}.hero .hero-streams .hero-stream .thumb-wrap .series-id:before{content:"ID : "}.hero .hero-streams .hero-stream .desc-wrap{margin-left:160px;font-size:14px;color:#666676}.hero .hero-streams .hero-stream .desc-wrap .inline-block>div{display:inline-block}.hero .hero-streams .hero-stream .desc-wrap .title{font-size:20px}.hero .hero-streams .hero-stream .desc-wrap .title .small{font-weight:700!important;font-size:16px;color:#868696}.hero .hero-streams .hero-stream .desc-wrap .num-of-stats>li{float:left;padding-right:15px}.hero .hero-streams .hero-stream .desc-wrap .num-of-stats>li .ico{margin-right:3px;position:relative;top:2px}.hero .hero-streams .hero-stream .desc-wrap .tags-wrap{margin-left:10px}.hero .hero-streams .hero-stream .desc-wrap .date-wrap{margin:5px 0}.hero .hero-streams .hero-stream .desc-wrap .date-wrap .desc-title{text-decoration:underline}.hero .hero-streams .hero-stream .desc-wrap .date-wrap .relative-time{background-color:#26b6b6;color:#fff;padding:0 5px;border-radius:3px}.hero .hero-streams .hero-stream .desc-wrap .episode-wrap{margin:5px 0}.hero .hero-streams .hero-stream .desc-wrap .episode-wrap .desc-title{text-decoration:underline}.hero .hero-streams .hero-stream .desc-wrap .episode-wrap .count{background-color:#56c676;color:#fff;padding:0 5px;border-radius:3px}.hero .hero-streams .hero-stream .desc-wrap .chart-wrap{margin-top:10px}.hero .hero-streams .hero-stream .desc-wrap .chart-wrap .chart-menu{border-bottom:1px solid #e6e6e6}.hero .hero-streams .hero-stream .desc-wrap .chart-wrap .chart-menu li{display:inline-block;padding:2px 8px;border:1px solid #e6e6e6;border-radius:3px 3px 0 0;position:relative;top:1px}.hero .hero-streams .hero-stream .desc-wrap .chart-wrap .chart-menu li.selected{border-bottom:1px solid #fff}.hero .hero-streams .hero-stream .desc-wrap .chart-wrap .chart-menu li>a{line-height:1.5}.hero .tile-item{border-radius:3px;border:1px solid #d6d6d6;padding:5px;margin:5px 0}.hero .control-group-box{margin:10px 5px 10px 0;padding:10px;border:1px solid #c6c6c6;border-radius:3px}.hero .series-thumb-desc{position:relative;width:50px;border:1px solid #a6a6a6;padding:2px;border-radius:3px;font-size:0}.hero .series-thumb-desc .error{font-size:14px}.hero .series-thumb-desc .series-status-icons{position:absolute;top:-8px;right:-8px;display:block;font-size:0;line-height:0}.hero .series-thumb-desc .series-status-icons .series-status-icon{display:inline-block;vertical-align:middle;font-size:0;line-height:0;border-radius:50%}.hero .series-thumb-desc .series-status-icons .series-status-icon.img-upload{background-color:#56c676;padding:4px 4px 4px 7px}.hero .series-thumb-desc .series-status-icons .series-status-icon.img-clock{background-color:#d6d6d6;padding:2px}.hero .series-thumb-desc .series-status-icons .series-status-icon.img-sale{background-color:#f64656;padding:7px 4px}.hero .country-code-section{transition:height .3s ease-out .1s;height:500px;overflow:auto;margin-top:15px}.hero .country-code-section.closed{height:0}.hero .country-grid{display:inline-block}.hero .hero-editor i{font-size:12px!important}.hero .series-list{margin-top:12px}.hero .series-list.mod-height li{height:inherit}.hero .series-list li{height:70px;margin-bottom:4px}.hero .series-list li a{margin-left:20px}.hero .series-list li .tag-name{display:-ms-inline-flexbox;display:inline-flex;margin:0;color:#26b6b6}.hero .asset-list-wrap{position:relative}.hero .asset-list li,.hero .asset-section li{display:-ms-flexbox;display:flex;margin-bottom:2px;padding:6px;border:1px solid #e6e6e6;border-radius:4px}.hero .asset-list li:last-child,.hero .asset-section li:last-child{margin:0}.hero .asset-list li .description,.hero .asset-section li .description{-ms-flex:1;flex:1;padding:0 5px}.hero .asset-list li a,.hero .asset-section li a{height:100%}.hero .asset-section{min-height:30px;border:1px solid #f68606;border-radius:4px}.hero .asset-section:empty{display:none}.hero .asset-list{display:none;position:absolute;width:100%;height:0;overflow-y:scroll;background-color:#fff;z-index:999;border:1px solid #f68606;border-radius:4px;opacity:0;transition:opacity .3s ease-in-out 0s,height .3s ease-in-out 0s}.hero .asset-list.loaded{display:block;height:180px;opacity:1}.hero .user-targeting{min-height:90px;margin-right:4px;padding:0;border:1px solid #c6c6c6;border-radius:4px;text-align:center}.hero .user-targeting.mod-condition{position:relative}.hero .user-targeting a{margin-top:30px}.hero .user-targeting .condition-form{display:none;position:absolute;bottom:-1px;left:-1px;width:101%;z-index:1;padding:28px 14px;background-color:#fff;border:1px solid #a6a6a6;border-radius:4px;opacity:0}.hero .user-targeting .condition-form.on{transition:opacity .3s ease-in 0s;display:block;opacity:1}.hero .layout-modules,.hero .preview-layout{vertical-align:top}.hero .layout-modules p,.hero .preview-layout p{line-height:16px;margin-bottom:4px}.hero .layout-modules p.inactive,.hero .layout-modules p.type,.hero .preview-layout p.inactive,.hero .preview-layout p.type{display:table;padding:2px 10px;border-radius:10px;font-size:12px;color:#fff}.hero .layout-modules .see-detail,.hero .preview-layout .see-detail{display:block;float:right;position:absolute;line-height:1.4;color:#0676f6;top:15px;right:15px}.hero .layout-modules .element-title,.hero .preview-layout .element-title{display:block}.hero .layout-modules .element-blurb,.hero .preview-layout .element-blurb{font-size:14px;font-weight:500}.hero .layout-modules{position:relative;margin-left:400px}.hero .preview-layout{position:relative;float:left;margin-left:20px;background-color:#262636;border-radius:30px}.hero .preview-layout .speaker{position:absolute;width:72px;height:10px;margin:28px 144px 0;background-color:#fff;border-radius:10px}.hero .preview-layout>i.logo{position:absolute;bottom:16px;margin:0 116px}.hero .preview-layout .ft,.hero .preview-layout>i.nav{display:none}.hero .preview-layout.web{border-radius:0}.hero .preview-layout.web .speaker,.hero .preview-layout.web>i.logo{display:none}.hero .preview-layout.web>i.nav{display:block;position:absolute;top:12px;left:20px}.hero .preview-layout.web .ft{display:block;position:absolute;bottom:0;width:480px;height:60px;background-color:#f6b606}.hero .preview-layout.web .preview-wrapper{width:480px;height:520px;padding:0 80px;margin:60px 0}.hero .preview-layout.web .preview-wrapper li{height:80px;line-height:80px;border-radius:8px}.hero .preview-layout.web .preview-layout-content,.hero .preview-layout.web .preview-layout-top-content{min-height:80px}.hero .preview-layout.web+.layout-modules{margin-left:520px}.hero .preview-wrapper{display:block;overflow-y:scroll;width:320px;height:480px;margin:80px 20px;background-color:#fff}.hero .preview-layout-content,.hero .preview-layout-top-content{display:block;min-height:100px;background-color:#fff}.hero .preview-layout-content li,.hero .preview-layout-top-content li{height:100px;line-height:100px;background-color:rgba(246,134,6,.6);margin-bottom:4px;padding:16px;font-size:16px;font-weight:700!important;position:relative}.hero .preview-layout-content li>a,.hero .preview-layout-top-content li>a{position:absolute;right:8px;top:10px}.hero .preview-layout-content li.disabled,.hero .preview-layout-top-content li.disabled{background-color:rgba(246,134,6,.3)}.hero .preview-layout-content li.inactive,.hero .preview-layout-top-content li.inactive{background-color:rgba(38,38,54,.3)}.hero .preview-layout-content li.banner,.hero .preview-layout-top-content li.banner{background-color:rgba(246,70,86,.6);cursor:pointer}.hero .preview-layout-content li.banner p.type,.hero .preview-layout-top-content li.banner p.type{background-color:#f64656}.hero .preview-layout-content p.type,.hero .preview-layout-top-content p.type{background-color:#f68606}.hero .preview-layout-content p.inactive,.hero .preview-layout-top-content p.inactive{background-color:#262636}.hero .layout-banner-preview{font-size:0;line-height:0;width:100%;height:0;opacity:0;visibility:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out}.hero .layout-banner-preview.on{visibility:visible;height:460px;opacity:1}.hero .layout-banner-preview .layout-banners{width:100%;overflow-x:scroll}.hero .layout-banner-preview .layout-banners>p{margin:0;line-height:28px;font-size:16px;font-weight:700!important}.hero .layout-banner-preview .layout-banners>ul{display:block;width:3200px;height:160px;vertical-align:top}.hero .layout-banner-preview .layout-banners>ul>li{display:inline-block}.hero .layout-banner-preview .layout-banners>ul>li>a{display:block}.hero .layout-banner-preview .button-wrap{margin:10px 0;text-align:center}.hero .layout-module-search{min-height:48px;margin:20px 0}.hero .layout-module-search>div,.hero .layout-module-search>select{display:inline-block;vertical-align:top}.hero .layout-module-search select{width:120px}.hero .layout-module-search>div{position:relative;width:320px}.hero .layout-module-search>div>ul{display:none;position:absolute;overflow-y:scroll;width:100%;height:190px;margin-top:2px;background-color:#fff;border-radius:4px;border:1px solid #c6c6c6;z-index:1}.hero .layout-module-search>div>ul.on{display:block}.hero .layout-module-search>div>ul li{padding:8px 6px;line-height:18px}.hero .layout-module-search>div>ul li:hover{cursor:pointer;background-color:#e6e6e6}.hero .layout-modules-content{overflow-y:scroll;font-size:0;line-height:0;min-width:500px;max-width:700px;height:640px}.hero .layout-modules-content li{position:relative;display:inline-block;width:320px;height:80px;line-height:80px;background-color:rgba(66,133,244,.6);margin:0 4px 4px 0;padding:16px;border-radius:8px;font-size:16px;font-weight:700!important;vertical-align:top}.hero .layout-modules-content li p.type{background-color:#4285f4}.hero .layout-modules-content li p.inactive{background-color:#262636}.hero .layout-modules-content li>a{position:absolute;right:8px;bottom:8px}.hero .layout-modules-content li:last-child{margin:0}.hero .layout-modules-content li.inactive{background-color:rgba(38,38,54,.3)}.hero .layout-modules-content li.spotlight{background-color:rgba(86,198,118,.6)}.hero .layout-modules-content li.spotlight p.type{background-color:#56c676}.hero .layout-modules-content li.big_tile{background-color:rgba(38,38,54,.6)}.hero .layout-modules-content li.big_tile p.type{background-color:#262636}.hero .layout-modules-content li.small_tile{background-color:rgba(38,182,182,.6)}.hero .layout-modules-content li.small_tile p.type{background-color:#26b6b6}.hero .preview-html{max-height:300px;margin-top:7px;overflow-y:scroll;font-size:16px!important}.hero .content-cropping{position:relative;max-width:940px;min-height:300px;margin:0 auto;overflow-y:scroll}.hero .content-cropping canvas,.hero .content-cropping img{display:block;margin:0 auto}.hero .content-cropping img{max-width:100%}.hero .content-cropping .direction-btn{position:fixed;top:0;width:60px;height:60px;padding:11px 19px;background-color:#fff;border-radius:8px}.hero .content-cropping+.button-wrap{position:fixed;bottom:0;width:100%}.hero .larger-img{position:relative;overflow:hidden;vertical-align:middle}.hero .larger-img>a{display:none;position:absolute;top:10px;left:35px;width:30px;height:30px;padding:6px;border-radius:15px;background-color:#f6f6f6;border:1px solid #464656;z-index:1}.hero .larger-img:hover>a{display:block}.hero .larger-img:hover img{filter:blur(4px)}.hero .discover-add-section{position:relative;overflow:hidden;height:0;opacity:0;transition:all .3s ease-in-out}.hero .discover-add-section>form{display:none}.hero .discover-add-section.on{opacity:1}.hero .discover-add-section .pre-vue{overflow:hidden;position:absolute;top:0;right:0;width:320px;height:309px;padding:40px 16px 0;background-color:#fff;box-shadow:0 2px 2px rgba(6,6,22,.3);opacity:0;z-index:1;transition:height .3s ease-in-out,opacity .3s ease-in-out}.hero .discover-add-section .pre-vue.on{opacity:1}.hero .discover-add-section .pre-vue.big{height:394px}.hero .discover-add-section .pre-vue.both{height:590px}.hero .discover-add-section .pre-vue.ranking{height:450px}.hero .discover-add-section .pre-vue .non-support{display:none;height:262px;line-height:262px;border-radius:4px;background-color:#c6c6c6;text-align:center}.hero .discover-add-section .pre-vue .non-support.on{display:block}.hero .discover-add-section .pre-vue .header{margin-bottom:8px}.hero .discover-add-section .pre-vue .header.toggle>.title{max-width:160px}.hero .discover-add-section .pre-vue .header.more>.title{max-width:220px}.hero .discover-add-section .pre-vue .header p,.hero .discover-add-section .pre-vue .header span{display:inline-block}.hero .discover-add-section .pre-vue .header .title{margin:0;line-height:32px;font-size:24px;color:#464656;font-weight:700!important}.hero .discover-add-section .pre-vue .header span{float:right;margin-top:8px;line-height:24px;font-size:16px;color:#f6b606}.hero .discover-add-section .pre-vue .header span>i{margin:4px 0 0 6px;vertical-align:top}.hero .discover-add-section .pre-vue .header .toggle{float:right;width:64px;margin:8px 0 0;padding:0 8px;line-height:24px;font-size:14px;color:#f6b606;text-align:center}.hero .discover-add-section .pre-vue .header .toggle.right{border-radius:0 4px 4px 0}.hero .discover-add-section .pre-vue .header .toggle.left{border-radius:4px 0 0 4px}.hero .discover-add-section .pre-vue .header .toggle.on{color:#fff;background-color:#f6b606}.hero .discover-add-section .pre-vue .header .toggle.off{background-color:rgba(246,182,6,.1)}.hero .discover-add-section .pre-vue>p{margin:0 0 20px;line-height:24px;font-size:16px;color:#868696}.hero .discover-add-section .pre-vue .bundle{font-size:0;line-height:0;width:600px;margin-bottom:8px}.hero .discover-add-section .pre-vue .bundle.small li{width:90px}.hero .discover-add-section .pre-vue .bundle.small li .thumb{height:135px}.hero .discover-add-section .pre-vue .bundle.small li>.main-title{margin:8px 0 0;line-height:16px;font-size:14px}.hero .discover-add-section .pre-vue .bundle.small li>.sub-desc{margin:2px 0 0;line-height:16px;font-size:12px}.hero .discover-add-section .pre-vue .bundle li{display:inline-block;width:140px;margin-right:8px}.hero .discover-add-section .pre-vue .bundle li .thumb{height:210px;background-color:#c6c6c6;border-radius:4px}.hero .discover-add-section .pre-vue .bundle li>.main-title{margin:12px 0 0;line-height:20px;font-size:16px;color:#262636;font-weight:700!important}.hero .discover-add-section .pre-vue .bundle li>.sub-desc{margin:4px 0 0;line-height:16px;font-size:14px;color:#868696;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero .discover-add-section .pre-vue .inner>.bundle{margin-bottom:24px}.hero .discover-add-section .pre-vue .inner>div{margin-bottom:16px}.hero .discover-add-section .pre-vue .inner>div p,.hero .discover-add-section .pre-vue .inner>div span{display:inline-block}.hero .discover-add-section .pre-vue .inner>div>p{margin:0;line-height:24px;font-size:16px;font-weight:700!important}.hero .discover-add-section .pre-vue .inner>div span{float:right;line-height:24px;font-size:16px;color:#f6b606}.hero .discover-add-section .pre-vue .inner>div span>i{margin:4px 0 0 6px;vertical-align:top}.hero .discover-add-section .pre-vue .ranking-wrap{width:600px}.hero .discover-add-section .pre-vue .ranking{display:inline-block;width:264px;font-size:0;line-height:0}.hero .discover-add-section .pre-vue .ranking li{margin-bottom:16px}.hero .discover-add-section .pre-vue .ranking li div,.hero .discover-add-section .pre-vue .ranking li p{display:inline-block}.hero .discover-add-section .pre-vue .ranking li .num{width:24px;margin:0 4px 0 0;line-height:52px;font-size:14px;color:#666676;font-weight:700!important;vertical-align:top;text-align:center}.hero .discover-add-section .pre-vue .ranking li .thumb{width:52px;height:52px;margin-right:12px;background-color:#c6c6c6;border-radius:4px}.hero .discover-add-section .pre-vue .ranking li .info{vertical-align:top;color:#262636}.hero .discover-add-section .pre-vue .ranking li .info span{padding:1px 0 0;line-height:12px;font-size:12px;opacity:.3}.hero .discover-add-section .pre-vue .ranking li .info span>i{margin-right:2px;vertical-align:top}.hero .discover-add-section .pre-vue .ranking li .series-title{display:block;margin:0 0 4px;line-height:16px;font-size:14px;font-weight:700!important}.hero .diagram{display:inline-block;font-size:0;line-height:0}.hero .diagram>ul{width:196px;min-height:240px;max-height:480px;overflow-y:scroll;border:1px solid #f6f6f6;border-radius:4px;vertical-align:top}.hero .diagram>ul.prev>li.on{background-color:#26b6b6}.hero .diagram>ul>li{position:relative;width:100%;padding:10px 8px;line-height:16px;font-size:14px;cursor:pointer}.hero .diagram>ul>li.ui-state-disabled{background-color:rgba(38,182,182,.3)}.hero .diagram>ul>li.edited .dog-ear,.hero .diagram>ul>li.edited .dog-ear-up{display:block}.hero .diagram>ul>li .dog-ear-up{border-top:16px solid #fff;border-left:16px solid transparent}.hero .diagram>ul>li .dog-ear,.hero .diagram>ul>li .dog-ear-up{display:none;position:absolute;top:0;right:0;width:0;height:0}.hero .diagram>ul>li .dog-ear{border-bottom:16px solid #f68606;border-right:16px solid transparent}.lined{border:1px solid #e6e6e6;border-radius:4px}.hero-feed-list{font-size:0;line-height:0;width:320px;margin:0 auto}.hero-feed-list li{margin-bottom:8px;box-shadow:0 2px 2px rgba(6,6,22,.3)}.hero-feed-list .image-section{display:block;width:320px;height:320px}.hero-feed-list .image-section>div{height:320px}.hero-feed-list .image-section.half-ratio,.hero-feed-list .image-section.half-ratio>div{height:160px}.hero-feed-list .info-section{padding:16px 16px 0}.hero-feed-list .info-section.no-stats{padding:16px}.hero-feed-list .info-section.no-stats .desc{margin-bottom:0}.hero-feed-list .info-section p{margin-bottom:4px}.hero-feed-list .info-section .info-label{line-height:16px;font-size:12px;color:#868696;font-weight:700!important}.hero-feed-list .info-section .headline{line-height:24px;font-size:20px;color:#262636;font-weight:700!important}.hero-feed-list .info-section .desc{margin-bottom:8px;line-height:20px;font-size:14px;color:#262636}.hero-feed-list .info-section .stats{height:48px;padding:16px 0;line-height:0}.hero-feed-list .info-section .stats a{margin-right:12px;line-height:16px;font-size:14px;color:#868696}.hero-feed-list .info-section .stats a:last-child{margin-right:0}.hero-feed-list .info-section .stats a>i{margin-right:4px;vertical-align:middle}