/* Block: Blockfilter */


.werk-filter-table{max-width:1200px;margin:0 auto;padding:0 15px 0 15px;text-align:left;position:relative;top:0;left:0;transition:all 0.2s ease-in-out;}


.werk-filters{margin-bottom:15px;}
.werk-filters:after{content:'';display:table;clear:both;}

a.reset-filters{color:#000000;text-decoration:none;}
a.reset-filters i{padding-right:6px;}
a.reset-filters:after{content:'';display:table;clear:both;}

div.filter{border:1px solid #CCCCCC;overflow:hidden;height:40px;position:relative;top:0;left:0;box-sizing:content-box;border-radius:3px;color:#000000;}
div.filter i.fa-chevron-down{position:absolute;top:1px;left:14px;bottom:0;height:40px;line-height:40px;display:block;z-index:0;font-size:10px;opacity:.5;}
div.filter select{display:block;border:0;background:transparent;color:#000000;font-family:'Lato', sans-serif;font-size:16px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:none;cursor:pointer;width:100%;height:40px;padding:8px;z-index:1;padding-left:33px;position:relative;top:0;left:0;}
div.filter.search{display:none;margin:0 0 0 0;}
div.filter.search a{display:block;color:#000000;font-family:'Lato', sans-serif;font-size:17px;font-weight:700;width:100%;height:40px;padding:8px;z-index:1;padding-left:25px;position:relative;top:0;left:0;}



div.filter.view{background:#f2f2f2;}
div.filter.view a{display:inline-block;height:40px;line-height:40px;text-align:center;color:rgba(0,0,0,.5);transition:all 0.2s ease-in-out;text-decoration:none;}
div.filter.view a:nth-child(1){width:49%;border-right:1px solid #CCCCCC;}
div.filter.view a:nth-child(2){width:calc( 51% - 1px );}
div.filter.view a:hover{color:rgba(0,0,0,1);}
div.filter.view a.active{color:rgba(0,0,0,1);font-weight:600;background:#FFFFFF;}
div.filter.view a i{font-size:16px;margin-right:5px;}



@media only screen and (max-width:499px){
	div.filter{float:none;width:100%;margin:0 0 5px 0;}
	div.filter.tecmat{margin:0 0 0 0;}
}

@media only screen and (min-width:500px){
	div.werk-filters{display:grid;grid-gap:15px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;}



}
@media only screen and (min-width:768px){
.werk-filter-table{padding:0 20px 0 20px;}
.werk-filters{margin-bottom:20px;}
}

@media only screen and (min-width:941px){

	div.werk-filters{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr;}

}

@media only screen and (min-width:1220px){
	.blog-filters{margin-bottom:60px;}
}