/*	local.partners.css */ 

#group-select {
	display: block; width: 100%; clear: both; box-sizing: border-box; 
	padding: 20px;
	background-color: #1e3957; 
	text-align: center; 
}
#group-select ul {
	display: block; width: 100%; clear: both; box-sizing: border-box; 
	padding: 0px; margin: 0px auto; list-style-type: none; text-align: center; 
}

#group-select ul li {
	display: inline-block; 
	margin: 10px; 
	color: #fff; 
}

#group-select ul li a {
	display: block; width: 100%; height: 100%; box-sizing: border-box; 
	padding: 10px 15px; cursor: pointer !important; 
	color: #fff; 
	border: 2px solid #fff; 
	font-family: "Homenaje", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-transform: uppercase; font-size: 1.2rem; 
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;		
}
	#group-select ul li.active a,
	#group-select ul li a:hover {
		background-color: #caa45d; color: #0f1f2f; 
		border: 2px solid #cc922f; 
	}

#partner-cols {
	display: block; width: 100%; box-sizing: border-box; 
	font-size: 0; 
	text-align: center; 
}

#partner-cols ul.col {
	display: inline-block; vertical-align: top; 
	width: calc(100% / 4); 
	font-size: 1rem;
	margin: 0px; margin-top: 40px; padding: 0px; padding-left: 50px; box-sizing: border-box; 
	list-style-type: none; 
}
	#partner-cols .col > li {
		text-align: left; position: relative; 
		margin-top: 10px; 
	}
		#partner-cols .col > li:first-child {
			margin-top: 0px; 
		}
	
	li.show-letter::before {
		display: inline-block; width: 20px; height: 20px; 
		content: attr(data-letter); 
		position: absolute; top: 0px; left: -40px; 
		background-color: #cc922f; color: #fff; 
		text-align: center; 
		padding: 5px;  
		line-height: 20px; vertical-align: middle; 
		font-weight: bolder; 
	}	



@media all and (max-width: 980px){
	#partner-cols ul.col {
		width: calc(100% / 3); 
	}
}

@media all and (max-width: 820px){
	#partner-cols ul.col {
		width: calc(100% / 2); 
	}
}


@media all and (max-width: 540px){
	#group-select ul li {
		display: block; width: 100%; max-width: 320px; 
		margin: 10px auto; 
	}
	#partner-cols ul.col {
		width: 100%; clear: both; 
	}	
}