.mod-content-filter{background:0 0;min-height:500px;margin-top:40px;perspective:1000px}.mod-content-filter *,.mod-content-filter :after,.mod-content-filter :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mod-content-filter .group-filter{margin-bottom:25px}.mod-content-filter .group-filter:after{clear:both;display:table;width:100%}.mod-content-filter .group-filter .nx-icon{line-height:18px;margin-right:5px;vertical-align:middle}.mod-content-filter .group-filter input[type=checkbox],.mod-content-filter .group-filter input[type=radio]{clip:rect(0 0 0 0);height:0;position:absolute;visibility:hidden;width:0}.mod-content-filter .group-filter .filter-label{border:2px solid transparent;cursor:pointer;display:inline-block;font-family:wuerthbold,Arial,Helvetica,sans-serif;font-size:0.9em;font-weight:400;margin-right:1em;padding:.5em 1em;position:relative;text-transform:uppercase;-webkit-transition:background .4s ease,border .4s ease,color .4s ease;-o-transition:background .4s ease,border .4s ease,color .4s ease;transition:background .4s ease,border .4s ease,color .4s ease}.mod-content-filter .group-filter .filter-label.filter-all{background:#000;color:#fff}.mod-content-filter .group-filter .filter-label.filter-all:hover{background:#e1e1e1;color:#000}.mod-content-filter .group-filter .filter-label.filter-all.state-inactive{border-color:#000;color:#000}.mod-content-filter .group-filter .filter-label.filter-all.state-inactive:hover{background:#000;color:#fff}.mod-content-filter .group-filter .filter-label.filter-tradition{background:#9f9f9f;border-color:#9f9f9f;color:#fff}.mod-content-filter .group-filter .filter-label.filter-tradition:hover{background:#868686;border-color:#868686}.mod-content-filter .group-filter .filter-label.filter-tradition .nx-icon{margin-top:-3px}.mod-content-filter .group-filter .filter-label.filter-tradition.state-inactive{color:#9f9f9f}.mod-content-filter .group-filter .filter-label.filter-tradition.state-inactive .nx-icon{background-position:-175px -18px;width:17px;height:19px}.mod-content-filter .group-filter .filter-label.filter-tradition.state-inactive:hover{color:#fff;background-position:-175px 0}.mod-content-filter .group-filter .filter-label.filter-tradition.state-inactive:hover .nx-icon{background-position:-175px 0;width:17px;height:19px}.mod-content-filter .group-filter .filter-label.filter-engagement{background:#215270;border-color:#215270;color:#fff}.mod-content-filter .group-filter .filter-label.filter-engagement:hover{background:#153549;border-color:#153549}.mod-content-filter .group-filter .filter-label.filter-engagement .nx-icon{margin-top:-5px}.mod-content-filter .group-filter .filter-label.filter-engagement.state-inactive{color:#215270}.mod-content-filter .group-filter .filter-label.filter-engagement.state-inactive .nx-icon{background-position:-141px -86px;width:22px;height:20px}.mod-content-filter .group-filter .filter-label.filter-engagement.state-inactive:hover{color:#fff}.mod-content-filter .group-filter .filter-label.filter-engagement.state-inactive:hover .nx-icon{background-position:-141px -66px;width:22px;height:20px}.mod-content-filter .group-filter .filter-label.filter-companies{background:#96a306;border-color:#96a306;color:#fff}.mod-content-filter .group-filter .filter-label.filter-companies:hover{background:#697204;border-color:#697204}.mod-content-filter .group-filter .filter-label.filter-companies .nx-icon{margin-top:-3px}.mod-content-filter .group-filter .filter-label.filter-companies.state-inactive{color:#96a306}.mod-content-filter .group-filter .filter-label.filter-companies.state-inactive .nx-icon{background-position:0 -166px;width:18px;height:18px}.mod-content-filter .group-filter .filter-label.filter-companies.state-inactive:hover{color:#fff}.mod-content-filter .group-filter .filter-label.filter-companies.state-inactive:hover .nx-icon{background-position:-111px -95px;width:18px;height:18px}.mod-content-filter .group-filter .filter-label.state-inactive{background:#fff}.mod-content-filter .group-overlay{display:none}.mod-content-filter .group-output{min-height:100%}.mod-content-filter .group-tile{display:block;margin-bottom:20px;position:relative;transition:all .2s ease-in-out}.mod-content-filter .group-tile:hover{transform:scale(1.05)}.mod-content-filter .group-tile:after{clear:both;display:table;width:100%}.mod-content-filter .group-tile img{max-width:100%}.mod-content-filter .group-tile .tile-caption{bottom:.75em;font-family:wuerthbook,Arial,Helvetica,sans-serif;font-size:1.4em;font-weight:400;left:.5em;padding:.5em;position:absolute;text-transform:uppercase;max-width:90%}.mod-content-filter .group-tile .tile-img{background-position:center;background-size:cover;padding-bottom:56.3%;position:relative}.mod-content-filter .group-tile.tile-text-only{padding-bottom:56.3%}.mod-content-filter .group-tile.tile-text-only .tile-caption{display:block;font-size:1.75em;height:100%;left:0;max-width:100%;overflow:hidden;top:0;width:100%}.mod-content-filter .group-tile.tile-text-only .tile-caption strong{color:#fff;font-size:1.3em}.mod-content-filter .group-tile.tile-text-only.tile-level2 .tile-caption{font-size:1.3em}.mod-content-filter .group-tile.tile-text-only.tile-social .tile-caption{background:#e1e1e1;color:#9f9f9f}.mod-content-filter .group-tile.tile-text-only.tile-engagement .tile-caption{color:#cecece}.mod-content-filter .group-tile.tile-level2 .tile-caption{font-size:1em}.mod-content-filter .group-tile.tile-tradition .tile-caption{background:#9f9f9f;color:#fff}.mod-content-filter .group-tile.tile-engagement .tile-caption{background:#215270;color:#fff}.mod-content-filter .group-tile.tile-companies .tile-caption{background:#96a306;color:#fff}.mod-content-filter .group-tile.tile-social .tile-caption{background:#fff;color:#000;font-size:1em;margin-right:46px;opacity:.7}.mod-content-filter .group-tile.tile-social .nx-icon{bottom:.75em;right:.5em;position:absolute}

@media screen and (max-width: 974px){

	.mod-content-filter {
		margin-top: 10px;
	}

	#headerToolbar .mod.mod-locator {
		display: none;
	}


	.js-group-filter.group-filter {
		margin-bottom: 25px;
		float: left;
		width: 100%;
	}

	.js-group-filter.group-filter .filter-label {
		width: 49%;
		float: left;
		margin: 0;
		margin-bottom: 10px;
		height: 35px;
	}

	.js-group-filter.group-filter label.filter-label.filter-tradition,
	.js-group-filter.group-filter label.filter-label.filter-companies {
			float: right;
	}

	.col-xs-6 .tile-caption,
	.col-xs-8 .tile-caption,
	.col-xs-12 .tile-caption {
		overflow: hidden;
		/*text-overflow: ellipsis;
		white-space: nowrap;*/
	}

.mod-content-filter .group-tile.tile-social .tile-caption {
	overflow: hidden;
	/*text-overflow: ellipsis;
	white-space: nowrap;*/
	max-width: calc(100% - 40px);
}

.mod-content-filter .group-tile .tile-caption,
.mod-content-filter .group-tile.tile-text-only.tile-level2 .tile-caption,
.mod-content-filter .group-tile.tile-social .tile-caption  {
	line-height: 1.1em;
	font-size: 1em;
}

.btn {
	background: #5b98e0;
	color: #ffffff;
	display: inline-block;
	font-family: wuerthbold, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding: .75em .5em;
	text-transform: uppercase;
}

	.mod-content-filter .group-tile {
		margin-bottom: 10px;
	}

	.mod-content-filter .col-xs-4 .row .col-xs-12 .group-tile {
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 640px){


	.col-xs-8,
	.col-xs-6,
	.col-xs-4 {
		width: 100%;
	}

	.col-xs-3 {
		width: 50%;
	}

	.col-xs-4 .row .col-xs-12,
	.col-xs-6 .row .col-xs-6 {
		width: 50%;
		float: left;
	}


	.mod-content-filter .group-tile,
	.mod-content-filter .col-xs-4 .row .col-xs-12 .group-tile {
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 478px){
	.js-group-filter.group-filter .filter-label {
		width: 100%;
		float: left;
		margin: 0;
		margin-bottom: 10px;
		height: 35px;
	}



	 .mod-content-filter .group-tile.tile-text-only.tile-level2 .tile-caption,
	 .mod-content-filter .group-tile.tile-social .tile-caption {
		 font-size: 0.9em;
		 line-height: 1.1em;
	 }

	 .mod-content-filter .group-tile.tile-social .tile-caption {
		 max-width: calc(100% - 40px);
	 }


}
