#agents-results {

	position: relative;

	margin-bottom: 50px

}



#agents-results .agents-list,

#agents-results .agents-col,

#agents-results .agents-item {

	display: block;

	position: relative

}



#agents-results .agents-col+.agents-col {

	margin-top: 80px

}



#agents-results .agents-item {

	display: flex;

	align-items: flex-start;

	flex-direction: row

}



#agents-results .agents-img {

	position: relative;

	flex-shrink: 0;

	overflow: hidden;

	transform: translateZ(0);

	backface-visibility: hidden

}



#agents-results .agents-img img,

#agents-results .agents-img canvas {

	display: block;

	width: 100%;

	transition: all .4s ease

}



#agents-results .agents-img:hover img,

#agents-results .agents-img:hover canvas {

	transform: scale(1.1)

}



#agents-results .agents-img img {

	object-fit: cover;

	object-position: center center

}



#agents-results .agents-img canvas {

	background-color: #eee;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: top center

}



#agents-results .agents-main {

	position: relative;

	flex-grow: 1;

	margin-left: 60px;

	display: flex;

	align-items: center;

	flex-flow: row wrap

}



#agents-results .agents-name {

	width: 100%;

	font-size: 45px;

	font-weight: 400;

	line-height: 1;

	letter-spacing: .05em;

	text-transform: uppercase;

	display: flex;

	align-items: center;

	flex-flow: row wrap;

	margin-top: -4px;

	color: #000

}



#agents-results .agents-name a {

	color: inherit;

	text-decoration: none;

	transition: all .4s ease

}



#agents-results .agents-name a:hover {

	color: #cbc07a

}



#agents-results .agents-name:after {

	content: "";

	display: none;

	width: auto;

	height: 10px;

	flex-grow: 1;

	background: #eee;

	margin-left: 45px

}



#agents-results .agents-description {

	position: relative;

	width: 100%;

	margin: 18px 0

}



#agents-results .agents-description p {

	font-size: 15px;

	font-weight: 400;

	line-height: 1.67;

	letter-spacing: .05px

}

#agents-results .agents-link {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: .05em;
	text-transform: uppercase;
	display: inline-block;
	/*margin-left: 10px;*/
}
#agents-results .agents-link:hover {
	color: #BFA060;
}

#agents-results .agents-button {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 136px;

	height: 50px;

	border: 2px solid #000;

	font-size: 15px;

	font-weight: 300;

	line-height: 1;

	letter-spacing: .05em;

	text-align: center;

	text-transform: uppercase;

	color: #000;

	transition: all .4s ease

}



#agents-results .agents-button:hover {

	background: #000;

	color: #fff

}



#agents-results .agents-smi {

	display: flex;

	align-items: center;

	flex-flow: row wrap;

	margin: 0 0 0 35px;

	padding: 0

}



#agents-results .agents-smi li {

	display: block;

	margin: 0;

	padding: 10px

}



#agents-results .agents-smi li a {

	color: #000;

	text-decoration: none;

	transition: all .4s ease

}



#agents-results .agents-smi li a:hover {

	color: #cbc07a

}



#agents-results .agents-contact {

	display: flex;

	align-items: center;

	justify-content: center;

	flex-flow: row wrap;

	margin: 50px 0 0;

	padding: 20px 0;

	position: relative;

	width: 100%;

	background: #eee

}



#agents-results .agents-contact li {

	display: flex;

	align-items: baseline;

	margin: 0;

	padding: 0;

	font-size: 15px;

	font-weight: 300;

	line-height: 1;

	letter-spacing: .05em;

	color: #666;

	padding: 10px 29px

}



#agents-results .agents-contact li span {

	color: #000;

	font-size: 11px;

	margin-right: 8px

}



#agents-results .agents-contact li a {

	color: inherit;

	text-decoration: none;

	transition: all .4s ease

}



#agents-results .agents-contact li a:hover {

	color: #cbc07a

}



#agents-results .agents-col:nth-child(even) .agents-item,

#agents-results .agents-col:nth-child(even) .agents-name,

#agents-results .agents-col:nth-child(even) .agents-main {

	flex-direction: row-reverse

}



#agents-results .agents-col:nth-child(even) .agents-main {

	margin-left: 0;

	margin-right: 60px

}



#agents-results .agents-col:nth-child(even) .agents-name:after {

	margin-left: 0;

	margin-right: 45px

}



#agents-results .agents-col:nth-child(even) .agents-description {

	text-align: right

}



#agents-results .agents-col:nth-child(even) .agents-smi {

	margin-left: 0;

	margin-right: 45px

}



@media only screen and (max-width:1440px) {}



@media only screen and (max-width:1366px) {}



@media only screen and (max-width:1280px) {}



@media only screen and (max-width:1199px) {
	#agents-results .agents-contact li {
		padding: 10px 18px;
	}
}



@media only screen and (max-width:1024px) {}



@media only screen and (max-width:991px) {

	#agents-results .agents-img,

	#agents-results .agents-main {

		width: 100%

	}

	#agents-results .agents-item {

		flex-flow: row wrap

	}

	#agents-results .agents-main {

		margin: 30px 0 0!important

	}

	#agents-results .agents-item,

	#agents-results .agents-name,

	#agents-results .agents-main {

		flex-flow: row wrap!important

	}

	#agents-results .agents-name:after {

		display: none

	}

	#agents-results .agents-description {

		text-align: left!important

	}

	#agents-results .agents-smi {

		width: 100%;

		margin: 50px 0 0!important

	}

	#agents-results .agents-contact {

		margin-top: 15px

	}

}



@media only screen and (max-width:767px) {

	#agents-results .agents-name {

		font-size: 40px

	}

}



@media only screen and (max-width:480px) {

	#agents-results .agents-name {

		font-size: 35px

	}

}