@charset "utf-8";


/* ---------------------------------------------------------------------------------------- 

	

---------------------------------------------------------------------------------------- */

.agent-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 40px;
}

.agent-list__col {
	width: 33.33333333%;
	margin: 0 0 40px;
	padding: 0 20px;
}

.agent-list-box {
	display: block;
}

.agent-list-box:hover {
	text-decoration: none;
}

.agent-list-box__photo {
	margin: 0 0 20px;
}

.agent-list-box__photo img {
	display: block;
}

.agent-list-box__title {
	margin: 0 0 16px;
}

.agent-list-box__cat ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 -4px 8px;
	padding: 0;
	list-style: none;
}

.agent-list-box__cat li {
	margin: 0 0 8px;
	padding: 0 4px;
}

.agent-list-box__cat li:before {
	display: none !important;
}

@media (max-width: 768px) {
	
	.agent-list {
		margin: 0 -5px 40px;
	}

	.agent-list__col {
		width: 100%;
		margin: 0 0 20px;
		padding: 0 5px;
	}
	
}



/* ---------------------------------------------------------------------------------------- 

	

---------------------------------------------------------------------------------------- */

.agent-entry {}

.agent-entry__head {
	margin-bottom: 80px;
}

.agent-entry__title {}

.agent-entry__category {}

.agent-entry__category ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 -4px -8px;
	padding: 0;
	list-style: none;
}

.agent-entry__category li {
	margin: 0 0 8px;
	padding: 0 4px;
}

.agent-entry__category li:before {
	display: none !important;
}

@media (max-width: 768px) {
	
	.agent-entry__head {
		margin-bottom: 40px;
	}
	
}


.cat-badge {
	display: inline-block;
	padding: 4px;
	background-color: #fff7c4;
	border-radius: 4px;
	color: #333;
}

.agent-photo img {
	width: 100% !important;
	max-width: 780px !important;
	margin: 0 auto;
}


.agent-entry h4 {
	margin-top: 60px;
}

.agent-entry-pager {
	display: flex;
	justify-content: center;
	margin: 80px 0;
}

.agent-entry-pager__col {
	padding: 0 15px;
}

@media (max-width: 768px) {
	
	.agent-entry h4 {
		margin-top: 40px;
	}

	.agent-entry-pager {
		margin: 40px 0;
	}
	
	
}


@media (max-width: 768px) {
	
	.agent-company table {
		border-top: 1px solid #ccc;
	}
	
	.agent-company th,
	.agent-company td {
		display: block;
		width: 100%;
	}
	
	.agent-company th {
		border-top: none;
		border-bottom: none;
	}
	
}