/* CSS Document */
.col { margin:20px 0; }
.ccm-block-page-list-thumbnail-grid-wrapper {
	display: flex;
	justify-content: center;
}

.client-link { position:relative; transition:all .6s ease; overflow:hidden; }
.client-link * { transition:inherit; }
.client-link a { display:block; max-width:400px; margin:0 auto;}
.client-link div.client-info { padding:20px; }
.client-link div.client-name { position:absolute; top:50%; left:0; text-align:center; width:100%; padding:10px 6px; background:#000; opacity:0; transition:all .6s ease; color:#fff; }
.client-link div.client-name span { display:block; font-size:65%; opacity:.5; margin-top:4px; }
.client-link:hover div.client-name { opacity:1; transform:translateY(-50%) }
.client-li nk:hover div.client-info { padding:5px; }
.client-link div.client-info div.client-image { border-radius:50%; border:10px solid #f5f5f5; overflow:hidden; }
.client-link div.client-info div.client-image > span { height:0; padding-bottom:100%; width:100%; background-position:center; background-repeat:no-repeat; background-color:#fff; background-size:60%; display:block; }

.client-link:hover div.client-info div.client-image > span { background-size:120%; }

.client-link div.client-info div.client-image > span > span { height:0; padding-bottom:110%; width:100%; display:block; background:rgba(0,0,0,.5); opacity:0; }

.client-link.hideme { flex:unset; width:0; opacity:.1; pointer-events:none; }
.client-link.hideme div.client-info div.client-image { border:0 solid #f5f5f5; }
.client-link.hideme div.client-info div > span { wi dth:0; }

.filter-type,.filter-type-show-all { background:none; border:none; color:#ccc; font-size:80%; dis play:block; transform:translateX(-8px); }

.btn-primary:not(:disabled):not(.disabled).active { background:none; color:#333; }

.addco ntent { padding:10px; }
.sticky .addc ontent { padding:65px 0 10px; }