@charset "UTF-8";
/* CSS Document */

.ccm-company-logos-express { position: relative; }
.ccm-page .ccm-company-logos-express ul { margin: 0 auto; list-style: none; display: flex; flex-wrap:wrap; padding: 0; justify-content:space-evenly; max-width: 1000px; }
.ccm-page .align-left .ccm-company-logos-express ul { justify-content:flex-start; }
.ccm-page .align-right .ccm-company-logos-express ul { justify-content:flex-end; }
.ccm-company-logos-express ul li { width:23%; padding:.6em; position: relative; margin-bottom: 2rem; min-width:200px; color:#000; }
.ccm-company-logos-express ul li a { display: block; z-index:20; width: 100%; height: 100%; position: absolute; left: 0; top:0; }
.ccm-company-logos-express ul li img { max-width:75%; height: auto; }
.ccm-image-slider-image-and-link { transform: scale(1); transform-origin: center; transition: transform .4s ease; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding:1em; padding:0; }
.ccm-company-logos-express ul li img { display: block; margin-left:auto; margin-right:auto; }

.ccm-company-logos-express ul li:hover .ccm-image-slider-image-and-link{ transform: scale(0.95); }

.ccm-image-slider { position: relative; }

.ccm-image-slider-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 60%;
	padding: 0;
	opacity: 0;
	transition:all .4s ease;
	z-index: 1;
	max-height:0;
	overflow: hidden;
	box-shadow: 0 4px 12px -5px rgba(0,0,0,.5);
}
.ccm-company-logos-express ul li:hover .ccm-image-slider-text{ top:55%; opacity:1; max-height: 400px; }
.ccm-image-slider-text > div {	
	background: #fff;
	text-align: center;
	padding-bottom: 0;
	/*box-shadow:0 4px 12px -5px rgba(0,0,0,.5);*/
}
.ccm-page .ccm-image-slider-title {
	font-size: 120%; 
    margin: 0;
    padding: .75em;
	font-weight: bold;
}
.ccm-page .ccm-image-slider-category {
	background: rgba(0,0,0,.05);
	border-top:1px solid #e3e3e3;
	font-size: 90%; 
    padding: .5em;
	margin: 0;
	font-style: italic;
}
.ccm-page .ccm-image-slider-booth {
	border-top:1px solid #e3e3e3;	
	font-size: 90%; 
	padding: .5em;
	margin: 0;
}
.no-logo { padding: 2em; color:#999; background:#efefef; }



.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-100 img { max-width:100% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-95 img { max-width:95% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-90 img { max-width:90% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-85 img { max-width:85% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-80 img { max-width:80% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-75 img { max-width:75% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-70 img { max-width:70% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-65 img { max-width:65% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-60 img { max-width:60% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-55 img { max-width:55% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-50 img { max-width:50% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-45 img { max-width:45% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-40 img { max-width:40% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-35 img { max-width:35% }
.ccm-company-logos-express ul li .ccm-image-slider-image-and-link.sizechange-30 img { max-width:30% }