@media screen {
	
	#header-posts .scroller{height:80px;background:#FFF}
	#header-posts .compact-panel{width:280px;height:80px;overflow:hidden;border-right:1px solid #E7E7E7}
	#header-posts div.scrollingHotSpotLeft,#header-posts div.scrollingHotSpotRight{height:40px}
	#header-posts div.scrollingHotSpotLeft{top:39px}
	#header-posts .boxed .bar-header{width:105px}
	#header-posts .boxed .sort-toggle{height:26px}
	#header-posts .label-text{font-size:13px;line-height:13px}
	#header-posts .boxed{padding-left:105px}
	#header-posts .boxed .sort-buttons{top:26px;z-index:500}
	#header-posts .boxed .sort-toggle{padding-top:4px}
	#header-posts .boxed .bar-label{padding:7px 12px 8px 16px;}
	#header-terms{position:absolute;right:0;z-index:3;width:185px;padding:10px 0 10px 0}
	#header-terms>div{width:100%;height:80px;background:#FFF}
	#header-terms .term-panel{float:left;height:20px;width:91px;font-size:12px}
	#header-terms .trending-label{position:absolute;left:22px}
	#header-terms .theme-icon-flame{position:relative;left:-4px}
	#header-terms .term-panel.alt{border-left:1px solid #EBEBEB}
	#header-terms .term-panel.first{font-weight:700;text-transform:uppercase;padding:2px 8px;border-bottom:1px solid #EBEBEB}
	#header-terms a{color:#000;display:block;height:20px;width:91px;border-bottom:1px solid #EBEBEB;padding:2px 8px;transition:color .2s ease, background-color .2s ease;overflow:hidden}
	#header-terms a:hover{background-color:#FAFAFA}
	
	.scroller .compact-panel{display:block;float:left}
	
	#header-posts .trending-content div.scrollWrapper{height:80px}
	
	.bar-header{position:relative;height:38px;display:inline-block;background:#F5F5F5;width:100%;border-bottom:1px solid #E2E2E2}
.panel-style .bar-header{border:1px solid #E2E2E2}
.bar-header.hidden{display:none}
.bar-label{position:relative;padding:8px 5px 8px 15px;}
.bar-label.has-icon{padding-right:15px}
.bar-label .label-text{display:inline-block;font-weight:800;font-size:16px;text-transform:uppercase;color:#fff}
.bar-label .label-text span{color:#333}
.bar-label .label-text span:before{margin-right:6px}
.bar-label .label-text span.category-icon{margin-left:0;margin-right:7px;position:relative;top:2px}
.bar-label .metric-text{display:inline-block;position:relative;top:-1px;font-size:10px;font-weight:500;padding-left:15px;text-transform:uppercase;color:#68c6f9}
.col-md-2 .widget-topten .bar-label,.col-md-2 .widget-trending .bar-label{padding-top:4px}
.col-md-2 .widget-topten .metric-text,.col-md-2 .widget-trending .metric-text{position: absolute;left:0;bottom:0;top:auto}

/*panels*/
.compact-panel{position:relative;min-height:80px;width:100%;padding:9px 10px 9px 0;display:inline-block;border-bottom:1px solid #E7E7E7;transition:background-color .2s ease}
.scroller .compact-panel{display:block;float:left}
.compact-panel:last-child{border-bottom:none}
.compact-panel.active{background-color:#F6F6F6}
.compact-panel .article-image-wrapper{position:absolute!important;z-index:2;margin:0!important;left:8px}
.compact-panel .article-info{padding-left:100px!important}
.compact-panel .article-title{font-weight:500;font-size:12px;color:#333;line-height:16px; font-family:'Roboto';}
.compact-panel.no-image{min-height:1px}
.compact-panel.no-image .article-info{padding-left:0!important}
.compact-panel .overlay-hover{padding-top:8px}
.trending-content .compact-panel{opacity:0}
#header-posts .trending-content div.scrollWrapper{height:80px}


/*************************************************
sortbar
*************************************************/
.sort-wrapper{position:absolute;top:0;right:0}
.sort-toggle{display:block;height:38px;position:relative;z-index:7;padding:9px 12px;color:#90A0B9;font-size:10px;font-weight:300;cursor:pointer}
.sort-toggle span{font-size:13px;position:relative;top:-2px}
.sort-buttons{display:none;background:#1F262E;position:absolute;top:37px;right:0;z-index:9;padding:13px;width:156px}
.sort-buttons a,.sort-buttons span.page-numbers{display:block;float:left;font-size:45px;color:#FFF;width:65px;height:65px;cursor:pointer;text-align:center;}
.sort-buttons span.page-numbers{cursor:default!important}
.sort-buttons a.active{cursor:default}
/*boxed style*/
.boxed .sort-wrapper{bottom:0;width:100%;top:auto;right:auto}
.boxed .sort-buttons{top:35px;left:0;right:auto}
.boxed .sort-toggle{background-color:#F5F5F5;border-top:1px solid #E7E7E7;text-align:center;width:100%;height:35px;padding-top:9px;transition:background-color .2s ease, color .2s ease}
.sort-toggle.active,.sort-toggle.over{background-color:#1F262E;color:#FFF}
/*************************************************
pagination
*************************************************/
.pagination-wrapper.mobile{display:none}
.pagination{text-align:center;border-radius:0px;margin:0px;padding-left:10px;height:43px;border-top:1px solid #E2E2E2;overflow:hidden;height:43px}
.pagination a,.pagination>span.page-number,.pagination>span.page-numbers{display:block;float:left;cursor:pointer;font-size:18px;font-weight:500;text-align:center;min-width:25px;line-height:1em;height:43px;padding:13px 0px;color:#BABDD3}
.pagination a span.page-number{color:#BABDD3;cursor:pointer}
.pagination a:hover{color:#000}
.pagination .active,.pagination a:active,.pagination a.active:hover,.pagination span.page-number{cursor:default;color:#000}
.pagination a.arrow{padding:11px 0px;width:30px}
.pagination a span:before{margin:0;padding:0;width:auto}
/*bootstrap compatibility*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background:none;border:none;cursor:pointer;color:#000}
.pagination span.theme-icon-right-fat{font-size:11px;position:relative;top:-1px;right:-3px;}
/*************************************************
loop
*************************************************/
.fixed-object{position:absolute}
.fixed-object.fixed{position:fixed;top:88px}
.fixed-object.fixed.admin-bar{top:120px}
.fixed-object.taller-fixed{position:fixed}
.panel-style .content-inner{position:relative;top:-1px}
.panel-style .pagination,.panel-style .last-page{box-shadow:0 4px 4px -2px rgba(0,0,0,0.1);}
.loop-panel{position:relative;margin-bottom:20px}
.loop-placeholder{position:absolute;width:100%;height:60px}
.loop-image-wrapper{position:relative;z-index:2;height:400px;width:100%}
.loop-image{position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center 20%}
.loop-layer{position:relative;z-index:3;height:100%;width:100%;opacity:1;transition:opacity .2s ease}
.loop-hover{position:absolute;z-index:4;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .4s ease}
.loop-hover-inner{position:absolute;bottom:45px;right:4%}
.loop-hover-inner .more-text{font-weight:700;font-size:18px;text-transform:uppercase;position:relative;top:-5px;color:#FFF;}
.loop-hover-inner .theme-icon-forward{font-size:40px;line-height:24px;display:block;color:#FFF;margin-left:10px}
.loop-info-wrapper{position:relative;z-index:4;top:-40px;width:92%;margin:0 4%;padding:15px 25px 10px 25px;background:#FFF}
.loop-panel .category-icon-wrapper{position:absolute;z-index:3;bottom:11px;left:10px}
.loop-panel .trending-toggle {position:absolute;bottom:5px;left:55px}
.loop-panel .sharing-toggle {position:absolute;bottom:5px;left:85px}
.loop-panel .compare-toggle {position:absolute;bottom:2px;left:115px}
.loop-panel .color-line{position:absolute;z-index:5}
.loop-link{position:absolute;z-index:5;display:block;height:100%;width:100%}
a.loop-play{position:absolute;z-index:6;top:200px;left:50%;margin-top:-25px;padding-top:1px;margin-left:-25px;text-align:center;font-size:40px;color:#000;border-radius:50%;width:50px;height:50px;opacity:.7;background:#FFF;transition:opacity .2s ease;box-shadow:0 4px 4px -2px rgba(0,0,0,0.6);}
a.loop-play:hover{opacity:1}
.loop-layer{
background: -moz-linear-gradient(top,  rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 65%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(65%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.6) 100%);
}
.loop-hover {
background: -moz-linear-gradient(top,  rgba(0,0,0,.1) 0%, rgba(0,0,0,.1) 65%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.1)), color-stop(65%,rgba(0,0,0,.1)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 65%,rgba(0,0,0,0.2) 100%);	
}
.loop-layer:hover,.loop-hover:hover{transition:none}
.loop-panel.active .loop-hover{opacity:1}
.loop-panel.active .loop-layer{opacity:0}
.loop-panel .review-star{border-width:0 48px 48px 0}
.loop-panel .review-star>span{top:6px;right:-44px}
.loop-panel h2.article-title{margin:0;font-size:38px;color:#333;text-transform:uppercase;line-height:1em;font-weight:700}
.loop-panel .authorship{margin-bottom:10px;text-transform:uppercase;font-weight:300;font-size:13px;color:#000}
.loop-panel .heat-index{position:absolute;bottom:10px;right:15px;}
.loop-panel .color-line{width:48px;height:4px;bottom:-1px;left:0;transition:width .3s ease}
.loop-panel.active .color-line{width:100%}
.loop-panel .excerpt{margin:25px 0 0;color:#333;line-height:1.5em}
.highlighted-label{font-weight:700;color:#CC0033;text-transform:uppercase;margin-right:5px}
}

.scroller,.scroller-content{position:relative}
#header-bar{width:100%;height:80px;}
#header-bar .row{margin-right:0}
#header-bar .row .col-md-12{padding-right:0}
#header-inner{position:relative;}
#header-posts div.scrollingHotSpotLeftVisible{background-position:-17px 14px}
#header-posts div.scrollingHotSpotRightVisible{background-position:8px 14px}
#header-posts div.scrollingHotSpotLeftVisible.active{background-position:-17px -42px}
#header-posts div.scrollingHotSpotRightVisible.active{background-position:8px -42px}

@media (max-width: 991px) { 
	#header-posts{padding:0px}
	#header-posts .boxed{padding-left:0}
	#header-posts .boxed .bar-header{display:none}
	#header-posts .compact-panel .article-image-wrapper{display:none}
	#header-posts .compact-panel .article-info{padding-left:10px!important}
	#header-posts .compact-panel{width:150px}
	#header-posts .compact-panel .article-title{font-size:12px;line-height:14px}
	#header-terms{width:100px;height:92px;overflow:hidden}
}