.realtors {
	padding:20px 0;
}
.realtors .item {
	display:inline-block;
	vertical-align:top;
	width:30%;
	margin-right:4%;
	margin-bottom:15px;
}
.realtors .item:nth-child(3n) {
	margin-right:0;
}
.realtors .buttonContainer {
	position:absolute;
	z-index:2;
	top:0;
}
.realtors .hiddensort {
	display:none;
}
.realtors .buttonContainer .button {
	font-size:11px;
	line-height:1.3;
	margin-right:10px;
}
.realtors .buttonContainer .button a {
	color:#fff;
	text-decoration:none;
}
.realtors .photo {
	position:relative;
	text-align:center;
	margin:0px auto;
}
.realtors .photo.included:before {
	content:"";
	display:block;
	position:absolute;
	bottom:-20px;
	right:5px;
	background-image:url('/apps/realtors/included.png');
	width:40px;
	height:43px;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:2;
}
.realtors .sort {
	margin-bottom:25px;
	text-transform:uppercase;
}
.realtors .sort a {
	display:inline-block;
	font-weight:600;
	-webkit-font-smoothing:antialiased;
	padding:0px 5px;
}

.realtors-sort {
	text-align:center;
}
.realtors-sort .header .button {
	padding:5px 20px;
	display:inline-block;
}
.realtors-sort .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
	margin:0px auto;
}
.realtors-sort .header p {
    cursor: pointer;
	padding:0 10px;
	font-size: 18px;
	font-weight: 300;
	color: #00363c;
	text-transform: uppercase;

}
.realtors-sort .header .fields {
	display:flex;
}
.realtors-sort .header .fields .button {
	margin-left:15px;
}
.realtors-sort .header p a {
	text-decoration:none;
	color:inherit;
	font-weight:normal;
}
.realtors-sort .header .sort-by {
    text-transform: uppercase
}
.realtors-sort .header .search-by {
	flex-grow:1;
	width:60%;
	max-width:700px;
}
.realtors-sort .header .active {
    text-decoration: underline;
}

.realtors-sort .realtors-sort-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.realtors-sort .realtors-sort-container .realtor-box {
    width: 31%;
    text-align: center;
    margin-bottom: 35px;
	position:relative;
}

.realtors-sort .realtors-sort-container .realtor-box .event-image {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
    margin-bottom: 10px
}

.realtors-sort .realtors-sort-container .realtor-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	cursor:pointer;
}

.realtors-sort .realtors-sort-container .realtor-box a img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.realtors-sort .realtors-sort-container .realtor-box .event-category {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0
}

.realtors-sort .realtors-sort-container .realtor-box .event-title {
    text-decoration: none;
    font-size: 20px
}
.resident-realtors .post-inc.innerContent {
	width:100%;
	max-width:100%;
}
.section-thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	justify-content:space-between;
	gap:10px;
}
.section-thumbnails .realtor-item {
    min-width: 310px;
    min-width: 240px;
	width:15%;
	font-size:24px;
    position: relative;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	flex:1;
	border-top-right-radius: 60px;
    overflow: hidden;
}
.section-thumbnails .realtor-item.placeholder {
	visibility:hidden;
}
.section-thumbnails .realtor-thumbnail {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
	position:relative;
}
.section-thumbnails .realtor-thumbnail::before {
	content:"";
	display:block;
	width:100%;
    padding-top: 122%;
    margin: 0
}
.section-thumbnails .top {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	left:0;
	right:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	visibility:hidden;
/*	color:#fff;*/
}
.section-thumbnails .top .wrapper {
	padding:40px;
	padding:5%;
}
.section-thumbnails .realtor-item.active .top,
.section-thumbnails .realtor-item.hover .top {
	visibility:visible;
/*
	background:#1B518F;
	background:#00363c;
	*/
}
.section-thumbnails .top > div {
	margin-top:10px;
	margin-bottom:10px;
}
.realtor-item hr {
	background-color:#fff;
}
.realtor-item a.button {
	border-color:#fff;
	color:#fff;
	margin-top:10px;
	padding:10px 20px;
	line-height:1.2;
}
.realtor-item .button:hover {
	background-color:#fff;
	color:#1B518F !important;
}
.section-thumbnails .top .phone {
	margin-bottom:15px;
	font-size: 20px;
/*	color: #ffffff;*/
	text-align: center;
}
.section-thumbnails .top > div.phone a {
	text-decoration: none;
	color:inherit;
}
.section-thumbnails .top .year {
	font-size: 19px;
	line-height: 1.2;
	color: #ffffff;	
	font-style:italic;
	text-align: center;
}
.section-thumbnails .realtor-thumbnail .button {
	display:inline-block;
	background:#fff;
}
.section-thumbnails .realtor-thumbnail.hover .top {
	visibility:visible;
}
.section-thumbnails .realtor-item .top a {
	color:inherit;
	text-decoration:none;
}
.section-thumbnails .realtor-item .bottom {
/*	color:#fff;*/
	flex-grow:1;
}
.section-thumbnails .realtor-item .bottom .wrapper {
	padding:20px 40px;
}
.section-thumbnails .realtor-item .name {
	font-weight: 500;
/*	color: #ffffff;	*/
	letter-spacing: 0px;
	text-align: center;
	line-height: 1.2;
    margin-bottom: 5px;
}
.section-thumbnails .realtor-item .company {
	font-size: 19px;
	line-height: 1.2;
	font-weight: 300;
/*	color: #ffffff;*/
	text-align: center;
}
.section-thumbnails .realtor-item .bottom {
	/*
	background-color: #1b518f;
	background-color:#00363c;
	*/
}
.post.innerContent {
	width:100%;
	max-width:100%;
}




.section-thumbnails .realtor-item.black.hover .realtor-thumbnail::before,
.section-thumbnails .realtor-item.black.active .realtor-thumbnail::before {
	background-color: rgba(0,0,0, 0.75);
}
.section-thumbnails .realtor-item.yellow.hover .realtor-thumbnail::before,
.section-thumbnails .realtor-item.yellow.active .realtor-thumbnail::before {
	background-color: rgba(255,179,0, 0.80);
}
.section-thumbnails .realtor-item.lightpink.hover .realtor-thumbnail::before,
.section-thumbnails .realtor-item.lightpink.active .realtor-thumbnail::before {
	background-color: rgba(236,0,140, 0.80);
}
.section-thumbnails .realtor-item.darkpink.hover .realtor-thumbnail::before,
.section-thumbnails .realtor-item.darkpink.active .realtor-thumbnail::before {
	background-color: rgba(193,2,52, 0.80);
}

.section-thumbnails .realtor-item.teal.hover .bottom,
.section-thumbnails .realtor-item.teal.active .bottom {
	background-color: rgba(19,132,136, 1);
}
.section-thumbnails .realtor-item.orange.hover .bottom,
.section-thumbnails .realtor-item.orange.active .bottom {
	background-color: rgba(183,93,39, 1);
}
.section-thumbnails .realtor-item.green.hover .bottom,
	.section-thumbnails .realtor-item.green.active .bottom {
	background-color: rgba(50,166,101, 1);
}
.section-thumbnails .realtor-item.blue.hover .bottom,
	.section-thumbnails .realtor-item.blue.active .bottom {
	background-color: rgba(0,174,239, 1);
}
.section-thumbnails .realtor-item.black.hover .bottom,
.section-thumbnails .realtor-item.black.active .bottom {
	background-color: rgba(0,0,0, 1);
}
.section-thumbnails .realtor-item.yellow.hover .bottom,
	.section-thumbnails .realtor-item.yellow.active .bottom {
	background-color: rgba(255,179,0, 1);
}
.section-thumbnails .realtor-item.lightpink.hover .bottom,
	.section-thumbnails .realtor-item.lightpink.active .bottom {
	background-color: rgba(236,0,140, 1);
}
.section-thumbnails .realtor-item.darkpink.hover .bottom,
	.section-thumbnails .realtor-item.darkpink.active .bottom {
	background-color: rgba(193,2,52, 1);
}

@media (min-width: 1920px) {
	.section-thumbnails .realtor-item {
		flex:auto;
	}
}
@media (min-width: 768px) {
	.realtors-sort .header .sort-by {
		margin-left:100px;
	}
}

@media (max-width : 767px) {
	.section-thumbnails {
		flex-wrap:wrap;
	}
	.section-thumbnails .realtor-item {
        width: 100%
    }
    .section-thumbnails .realtor-thumbnail a {
        font-size: 15px;
        line-height: 18px
    }
    .realtors-sort .realtors-sort-container .realtor-box {
        width: 100%
    }
	.realtors-sort .header,
.realtors-sort .header .fields {
flex-wrap:wrap;
align-items: center;
justify-content: center;
	}
	.realtors-sort .header .fields .button {
		margin-left:0;
	}
	.realtors-sort .header .fields input {
		margin-bottom:10px;
	}
}