/*
Theme Name: Berlin - Responsive Real Estate WordPress Theme from Agent Image
Description: Berlin is a modern and responsive real estate Wordpress theme. Customize your branding, add widgets and integrate IDX search.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.0.0
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

:root {
	--body-font: 'Open Sans', sans-serif; 
	--secondary-font: 'Oswald', sans-serif;
	--primary-color: #1d6bba;
	--secondary-color: #5481aa;
	--accent-color:  #e8af4c;
	--background-color: #002751;
}

/* Global */

body{
	font-family: var(--body-font);
	font-size: 16px;
	background: #FFF;
	color: #646464;
	margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-slide {
	outline: none !important;
}

.site-easing {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
/********CSS Post Launch********/
img{
    max-width: 100%;
    height: auto;
}
a,
a:hover,
a:focus,
input,
input:hover,
input:focus,
textarea,
textarea:focus,
textarea:hover,
select:hover,
select:focus,
select,
button,
button:focus,
button:hover,
.btn-group.bootstrap-select.show-tick.qs-select,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus{
    outline: 0px !important;
}
#content .ihf-search .ihf-select-options ul,
#content .ihf-search .ihf-select-options,
#content .ihf-search .ihf-pagination,
#content #ihf-main-container .nav-tabs,
#content #ihf-main-container .chosen-results{
    margin: 0 0 0;
    padding: 0 0 0;
    list-style: none;
}
#content #ihf-main-container #ihf-search-adv2-submit{
    margin: 20px 0 0;
}
#content #ihf-main-container .ihf-grid-result-address{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#content #ihf-main-container .ihf-listing-search-results .btn{
    padding: 6px 6px;
}
#content div.wpcf7-response-output,
div.wpcf7-response-output{
    text-align: center;
}

#ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline,
#content #ihf-main-container .mc-total-payment-subline{
    color:#333;
}

#ihf-main-container .pagination>li>a,
#ihf-main-container .pagination>li>span{
    padding: 6px 9px;
}
#ihf-main-container #ihf-schedule-showing-request-form .form-control{
    padding: 6px 7px;
}
#content #ihf-main-container #ihf-search-location-tab{
    margin: 8px 5px 0 0;
}
#ihf-main-container #ihf-advsearch-features label{
    font-size: .8em;
}
html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"],
html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{
    margin: 6px 0 0;
}
#ws-walkscore-tile{
    background:#fff !important;
}
#hero .quick-search form select[name="propertyType"]{
    margin-left: 2%;
}
#content ul.ihf-navbar-nav{
    list-style: none;
    margin: 0 0 0;
}
#content .ihf-eureka .ihf-navbar{
    padding: 4px 14px;
}
#content #ihf-main-container .ihf-listing-open-home-text-grid,
#content #ihf-main-container .ihf-map-info-window-content{
    color:#777;
}
#content #ihf-main-container label{
    color:inherit;
}
#content #ihf-main-container .ihf-polygon-reset{
    color:#000;
}
#ihf-main-container .modal-body {
    color: #000;
}
body.page-id-0 > img,
body.page-id-0 > iframe{
    display: none !important;
}
#content #ihf-main-container #ihf-market-report-nav-container.row,
#content #ihf-main-container #ihf-market-report-nav-container.row .row,
#content #ihf-main-container .row #areaPickerContainer.row,
#content #ihf-main-container .row #ihf-search-location-tab .row,
#content #ihf-main-container .row #ihf-refine-map-search-form .row,
#content #ihf-main-container .row .ihf-grid-result-container .row,
#content #ihf-main-container .row #ihf-search-location-tab.row{
    margin-left: -15px;
    margin-right: -15px;
}
#content #ihf-main-container .row .row{
    margin-left: 0;
    margin-right: 0;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a{
    color:#000 !important;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a:hover{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form label{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form .checkbox {
    padding-left: 0px;
    margin-left: -15px;
}
#ihf-main-container ul.chosen-results {
    margin-left: 0 !important;
}
#content .ihf-eureka ul.ihf-dropdown-menu{
    margin: 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}
#content #ihf-detail-navrow .ihf-detail-navigation .pull-right{
    float: none !important;
    text-align: right;
}
#content #ihf-main-container .map-infobox-img{
    max-width: 100% !important;
}
#ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{
    padding: 0 15px 0 0;
}
.ihf-captcha .g-recaptcha{
    transform-origin: left center;
    transform: scale(.75);
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
}
.grecaptcha-badge{
    z-index: 91;
}
#content #IDX-main{}
#content #IDX-main #IDX-boxLabel_remarksConcat input{
    display: block;
    width: 100%;
}
#content #IDX-main ul.select2-choices,
#content #IDX-main ul.IDX-navbar-nav{
    margin: 0 0 0 0;
}
.areaPickerExpandAllTopBar:after{
    content:'';
    display: block;
    clear: both;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox{
  padding-left: 0px;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox label{
    padding-right: 30px;
    white-space: break-spaces;
}
#ihf-main-container #ihf-detail-features-tab > .row.mt-10{
    margin-left: 0;
    margin-right: 0;
}
#ihf-agent-sellers-rep-own-listing{
    max-width: 100%;
}
#ihf-main-search-form fieldset div[data-ihf-geographic-field="true"] .checkbox{
    padding-left: 0;
}
#content ul#IDX-searchNavList{
    margin: 0 0 0;
}
#content ul#IDX-searchNavList li:first-child{
    padding-left: 0px;
}
#content ul#IDX-searchNavList li:last-child{
    padding-right: 0px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
    font-weight:400;
}
#IDX-ccz-group .IDX-controls span{
    vertical-align: middle;
    margin: 0 0 0 10px;
}
#IDX-ccz-group .IDX-controls span:first-child{
    margin: 0 0 0 0;
}
#ihf-main-container #ihf-map-canvas{
    position: relative;
    z-index: 0;
}
#ihf-main-container #ihf-refine-map-search-form{
  margin: 0 0;
}
#ihf-main-container .ihf-mapsearch-refine-overlay-inner{
  padding: 8px 15px;
}
#ihf-main-container .ihf-grid-result{
    margin-bottom: 15px;
}
#ihf-main-container .ihf-grid-result:after{
    content: '';
    display: block;
    clear: both;
}
#listings-results .listings-map{
    position: relative;
    z-index: 0;
}
#content ul#idx-mlm-nav-links{
  list-style: none;
  margin: 0 0 0 0;
}
#ihf-map-canvas .leaflet-div-icon{
    background: none;
    border: 0px solid #666;
}
/********CSS Post Launch End********/
.section-title {
	color: var(--primary-color);
}
.section-title.is-white {
	color: #ffffff;
}
	.section-title h1 {
		font-family: var(--secondary-font);
		font-size: 34px;
		line-height: 1;
		text-transform: uppercase;
	}
		.section-title h1 span {
			display: block;
			font-family: var(--body-font);
			font-size: 17px;
			color: var(--secondary-color);
			line-height: 1;
			margin-bottom: 6px;
		}
	.section-title h2 {
		font-family: var(--secondary-font);
		font-size: 25px;
		line-height: 1;
		text-transform: uppercase;
	}
		.section-title h2 span {
			display: block;
			font-family: var(--body-font);
			font-size: 13px;
			line-height: 1;
			margin-bottom: 2px;
		}
	.section-title h3 {
		font-family: var(--secondary-font);
		font-size: 30px;
		line-height: 1;
		text-transform: uppercase;
	}

.site-smis {

}
	.site-smis a {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: 30px;
		height: 30px;
		text-align: center;
		border-radius: 50%;
		color: #ffffff;
		background-color: #333333;
		margin: 0 4px;
	}
	.site-smis a {
		background-color: var(--smis-color);
	}
	.site-smis a:first-child {
		margin-left: 0;
	}
	.site-smis a:last-child {
		margin-right: 0;
	}
	.site-smis a::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 100%;
	}
	.site-smis a::after {
		content: '';
		display: block;
		position: absolute;
		width: calc( 100% + 8px );
		height: calc( 100% + 8px );
		top: -4px;
		left: -4px;
		border: 2px solid #333333;
		border-radius: 50%;
		transform: scale(.5);
		opacity: 0;
		-webkit-transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	.site-smis a::after {
		border-color: var(--smis-color);
	}
	.site-smis a:hover::after {
		transform: scale(1);
		opacity: 1;
	}
		.site-smis a i {
			display: inline-block;
			vertical-align: middle;
			font-size: 15px;
		}

a.site-btn {
	display: inline-block;
	position: relative;
	text-align: center;
	width: 188px;
	max-width: 100%;
	height: 35px;
	background: var(--primary-color);
	color: #ffffff;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
a.site-btn.is-white {
	background: #ffffff;
	color: var(--primary-color);
}
a.site-btn:hover {
	color: #ffffff !important;
}
.site-btn::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.site-btn::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	background: var(--accent-color);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.site-btn:hover::after {
	height: 100%;
}
	.site-btn span {
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		margin-top: 2px;
		position: relative;
		z-index: 2;
	}

#main-wrapper {
	overflow: hidden;
}

/* HEADER */
#main-header {
	position: relative;
	width: 100%;
	z-index: 1028;
	font-size: 0;
}
	.default-header {

	}
		.dh-top {
			background: #ffffff;
			border-bottom: 1px solid #000;
		}
			.dh-left {
				padding-top: 28px;
				padding-bottom: 29px;
			}
				.dh-left a {
					display: inline-block;
				}
					.dh-left a strong {
						display: block;
						font-family: var(--secondary-font);
						font-size: 50px;
						font-weight: 400;
						color: var(--primary-color);
						line-height: 1;
						text-transform: uppercase;
					}
					.dh-left a span {
						display: block;
						font-size: 14px;
					    color: var(--secondary-color);
					    line-height: 1;
					    letter-spacing: 0.37em;
					    text-transform: uppercase;
					    margin: 6px 0 0 2px;
					}
			.dh-right {
				padding-top: 20px;
				padding-bottom: 20px;
				text-align: right;
			}
				.dh-contact {
					display: inline-block;
					vertical-align: middle;
				}
					.dh-contact ul {

					}
						.dh-contact li {
							display: block;
							margin: 3px 0;
						}
							.dh-contact li i {
								display: inline-block;
								vertical-align: middle;
								font-size: 11px;
								color: var(--primary-color);
								margin-right: 7px;
							}
							.dh-contact li a {
								display: inline-block;
								vertical-align: middle;
								font-size: 17px;
								font-weight: 600;
								color: #424242;
								line-height: 1;
								letter-spacing: 0.02em;
								-webkit-transition: all 0.35s ease-in-out;
								-moz-transition: all 0.35s ease-in-out;
								-o-transition: all 0.35s ease-in-out;
								transition: all 0.35s ease-in-out;
							}
							.dh-contact li i.ai-font-phone {
								font-size: 14px;
							}
							.dh-contact li i.ai-font-phone + a {
								font-size: 20px;
							}
							.dh-contact li a:hover {
								color: var(--primary-color);
							}
				.dh-brokerage {
					display: inline-block;
					vertical-align: middle;
					border-left: 1px solid var(--secondary-color);
					padding-left: 20px;
					margin-left: 20px;
				}
		.dh-bottom {
			background: #ffffff;
			margin-top: 1px;
			text-align: center;
		}
			.site-navi {

			}
				.site-navi li {
					display: block;
					position: relative;
				}
					.site-navi li a {
						display: block;
						position: relative;
						font-weight: 600;
						line-height: 1;
						letter-spacing: 0.04em;
						text-decoration: none;
						text-transform: uppercase;
						-webkit-transition: all 0.35s ease-in-out;
						-moz-transition: all 0.35s ease-in-out;
						-o-transition: all 0.35s ease-in-out;
						transition: all 0.35s ease-in-out;
					}
				.site-navi > li {
					display: inline-block;
					vertical-align: middle;
				}
					.site-navi > li > a {
						font-size: 15px;
						color: var(--primary-color);
					}
					.site-navi > li:hover > a {
						background: var(--primary-color);
						color: #ffffff;	
					}
					.site-navi .sub-menu {
						position: absolute;
						width: 100%;
						min-width: 180px;
						text-align: center;
						opacity: 0;
						pointer-events: none;
						transform: translateY(10px);
						-webkit-transition: all 0.35s ease-in-out;
						-moz-transition: all 0.35s ease-in-out;
						-o-transition: all 0.35s ease-in-out;
						transition: all 0.35s ease-in-out;
					}
					.site-navi li:hover > .sub-menu {
						opacity: 1;
						pointer-events: auto;
						transform: translateY(0);
					}
					.site-navi > li > .sub-menu {
						left: -150%;
						right: -150%;
						margin: auto;
					}
					.site-navi .sub-menu .sub-menu {
						margin-left: 100%;
						top: 0;
					}
						.site-navi .sub-menu li {
							display: block;
						}
							.site-navi .sub-menu li a {
								background: var(--primary-color);
								font-size: 12px;
								color: #ffffff;
								padding: 9px 10px;
							}
							.site-navi .sub-menu li:hover > a {
								background: var(--accent-color);
							}
			.default-header .site-navi > li > a {
				/*padding: 12px 45px;*/
				padding: 12px 40px;
			}
	.fixed-header {
		background: #ffffff;
		box-shadow: 0 0 10px rgba(0,0,0,0.56);
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 1028;
		opacity: 0;
	    pointer-events: none;
	    transform: translate3d(0,-100%,0);
	    -webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}
	.fixed-header.show-fh {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}
		.fh-left {
			display: inline-block;
			vertical-align: middle;
			padding-top: 14px;
			padding-bottom: 20px;
			width: 20.29%;
		}
			.fh-left a {
				display: inline-block;
			}
				.fh-left a strong {
					display: block;
					font-family: var(--secondary-font);
					font-size: 32px;
					font-weight: 400;
					color: var(--primary-color);
					line-height: 1;
					text-transform: uppercase;
				}
				.fh-left a span {
					display: block;
					font-size: 10px;
				    color: var(--secondary-color);
				    line-height: 1;
				    letter-spacing: 0.37em;
				    text-transform: uppercase;
				    margin: 0 0 0 2px;
				}
		.fh-middle {
			display: inline-block;
			vertical-align: middle;
			width: 60.42%;
			text-align: center;
		}
			.fixed-header .site-navi > li > a {
				padding: 9px 10px;
			}
			.fixed-header .site-navi > li > .sub-menu {
				padding-top: 21px;
			}
		.fh-right {
			display: inline-block;
			vertical-align: middle;
			text-align: right;
			width: 19.29%;
		}
			.fh-contact {
				display: inline-block;
				vertical-align: middle;
			}
				.fh-contact ul {

				}
					.fh-contact li {
						display: inline-block;
						padding: 7px 10px;
						border-left: 1px solid var(--secondary-color);
					}
					.fh-contact li:first-child {
						border-left: 0;
					}
						.fh-contact li a {
							display: inline-block;
							color: var(--primary-color);
							-webkit-transition: all 0.35s ease-in-out;
							-moz-transition: all 0.35s ease-in-out;
							-o-transition: all 0.35s ease-in-out;
							transition: all 0.35s ease-in-out;
						}
						.fh-contact li a:hover {
							color: var(--secondary-color);
						}
							.fh-contact li i {
								font-size: 16px;
							}
			.fh-brokerage {
				display: inline-block;
				vertical-align: middle;
				margin-left: 18px;
			}

/* UPPERFOLD */
#upperfold-wrap {
	position: relative;
	font-size: 0;
	z-index: 1;
}
	.slide-holder {
		position: relative;
	}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-slide::after {
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.3);
			z-index: 2;
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-caption {
			margin: auto;
			right: 0;
			background: none;
			opacity: 1;
			top: 50%;
			transform: translateY(50%);
			bottom: inherit;
			margin-top: -65px;
		}
			.slide-holder .cycloneslider-template-responsive .cycloneslider-caption-title {
				font-family: var(--secondary-font);
				font-size: 56px;
				color: #ffffff;
				line-height: 1;
				text-align: center;
				text-shadow: 0 1px 2px rgba(0,0,0,.3);
				text-transform: uppercase;
				padding: 0;
			}
			.slide-holder .cycloneslider-template-responsive .cycloneslider-caption-description {
				display: none;
			}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-prev,
		.slide-holder .cycloneslider-template-responsive .cycloneslider-next {
			display: block;
		    color: #ffffff;
		    opacity: 1 !important;
		    width: auto;
		    height: auto;
		    background: none;
		    border-radius: 0;
		    box-shadow: none;
		    text-decoration: none;
		    text-shadow: 0 0 5px #000000;
		    outline: none;
		    margin: 0;
		    top: calc( 50% + 12px );
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-prev {
			left: calc( (100vw - 1140px) / 2 - 60px );
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-next {
			right: calc( (100vw - 1140px) / 2 - 60px );
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-prev:hover,
		.slide-holder .cycloneslider-template-responsive .cycloneslider-next:hover {
			color: var(--primary-color);
		}
			.slide-holder .cycloneslider-template-responsive .cycloneslider-prev i,
			.slide-holder .cycloneslider-template-responsive .cycloneslider-next i {
				font-size: 120px;
			}
	.quicksearch-holder {
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 148px;
	}
		.qs-form {
			max-width: 920px;
			margin: auto;
			text-align: center;
		}
		.qs-form .bootstrap-select.btn-group .dropdown-menu.inner{
			max-height: 185px !important;
		}
			.qs-form .field-input {
				display: inline-block;
				vertical-align: middle;
				margin-right: 1%;
			}
			.qs-form .field-last {
				margin-right: 0;
			}
			.qs-form .field-lg {
				width: 24.89%;
			}
			.qs-form .field-sm {
				width: 11.30%;
			}
				.qs-form .field-input select,
				.qs-form .field-input input {
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					border: 0;
					width: 100%;
					height: 30px;
					background: #ffffff;
					font-size: 12px;
					font-style: italic;
					color: #404040;
					line-height: 30px;
					padding: 0 10px;
				}
				.qs-form .field-input select {
					background-image: url(images/caret.png);
					background-position: right center;
					background-repeat: no-repeat;
				}
				.qs-form .field-input select::-ms-expand {
					display: none;
				}
			.qs-form input[type="submit"] {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border: 0;
				vertical-align: middle;
				width: 165px;
				height: 35px;
				background: var(--accent-color);
				font-size: 14px;
				font-weight: 700;
				color: #ffffff;
				letter-spacing: 0.06em;
				text-transform: uppercase;
				margin: 18px 6px 0;
			}
			.qs-form input[type="submit"]:hover {
				background: var(--primary-color);
			}
			.qs-form a.adv-btn {
				display: inline-block;
				vertical-align: middle;
				width: 165px;
				height: 35px;
				background: var(--primary-color);
				color: #ffffff;
				margin: 18px 6px 0;
			}
			.qs-form a.adv-btn:hover {
				background: var(--accent-color);
			}
			.qs-form a.adv-btn::before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 0;
				height: 100%;
			}
				.qs-form a.adv-btn span {
					display: inline-block;
					vertical-align: middle;
					font-size: 14px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.06em;
					text-transform: uppercase;
				}

/* WELCOME */
#welcome-wrap {
	padding: 30px 0 0;
	font-size: 0;
}
	.welcome-left {

	}
		.agent-photo {
			position: relative;
			border: 1px solid #d8d8d8;
			max-width: 263px;
			margin: 30px auto 0;
		}
			.agent-photo img {
				margin-top: -30px;
			}
	.welcome-right {
		padding-top: 28px;
	}
		.welcome-right .section-title {
			display: inline-block;
			vertical-align: top;
			width: 65%;
		}
		.welcome-right .site-smis {
			display: inline-block;
			vertical-align: top;
			width: 35%;
			margin: 25px 0;
			text-align: right;
		}
		.welcome-right p {
			font-size: 16px;
			color: #646464;
			line-height: 1.8;
			margin: 0 0 30px;
		}

/* CALL TO ACTION */
#calltoaction-wrap {
	padding: 38px 0 0;
	font-size: 0;
}
	.cta-item {
		margin-bottom: 20px;
	}
		.cta-item a {
			display: block;
			position: relative;
			height: 90px;
			border: 1px solid var(--primary-color);
			border-bottom-width: 9px;
			color: var(--primary-color);
			padding: 0 18px;
			max-width: 360px;
			margin: auto;
			-webkit-transition: all 0.35s ease-in-out;
			-moz-transition: all 0.35s ease-in-out;
			-o-transition: all 0.35s ease-in-out;
			transition: all 0.35s ease-in-out;
		}
		.cta-item a:hover {
			background: var(--accent-color);
			border-color: var(--accent-color);
			color: #ffffff;
		}
		.cta-item a::before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: 0;
			height: 100%;
		}
			.cta-item div {
				display: inline-block;
				vertical-align: middle;
			}
				.cta-item div span {
					display: block;
					font-size: 18px;
					text-transform: uppercase;
					line-height: 1;
				}
				.cta-item div strong {
					display: block;
					font-family: var(--secondary-font);
					font-size: 29px;
					font-weight: 400;
					line-height: 1;
					text-transform: uppercase;
				}
			.cta-item svg {
				display: block;
				position: absolute;
				bottom: -9px;
				right: 34px;
				-webkit-transition: all 0.35s ease-in-out;
				-moz-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
			}
			.cta-item a:hover svg {
				right: -20px;
				opacity: 0;
			}

/* FEATURED */
#featured-wrap {
	padding: 35px 0 0;
	font-size: 0;
}
	.featured-col {

	}
		.featured-col-inner {
			position: relative;
			max-width: 555px;
			margin: auto;
		}
			.fp-img-holder {

			}
				.fw-img-slick {

				}
					.fw-img-slide {

					}
					.fw-img-slick:not(.slick-initialized) .fw-img-slide {
						display: none;
					}
					.fw-img-slick:not(.slick-initialized) .fw-img-slide:first-child {
						display: block;
					}
						.fw-img-slide a {

						}
							.fw-img-slide canvas {
								display: block;
								width: 100%;
								background-color: #cccccc;
								background-position: center center;
								background-repeat: no-repeat;
								background-size: cover;
							}
			.fw-txt-holder {
				position: absolute;
				width: 39.16%;
    			height: 100%;
    			top: 0;
    			left: 0;
    			padding: 22px;
			}
			.fw-txt-holder::before {
				content: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: var(--primary-color);
				opacity: 0.8;
				z-index: 1;
			}
				.fw-txt-holder .section-title {
					position: relative;
					z-index: 2;
					border-bottom: 1px solid #ffffff;
					padding-bottom: 18px;
					margin-bottom: 30px;
				}
				.fw-txt-slick {
					position: relative;
					z-index: 2;
				}
					.fw-txt-slide {

					}
					.fw-txt-slick:not(.slick-initialized) .fw-txt-slide {
						display: none;
					}
					.fw-txt-slick:not(.slick-initialized) .fw-txt-slide:first-child {
						display: block;
					}
						.fw-txt-slide strong {
							display: block;
							font-size: 19px;
							font-weight: 700;
							color: #ffffff;
							text-transform: uppercase;
						}
						.fw-txt-slide p {
							font-size: 12px;
							font-style: italic;
							line-height: 1.3;
							color: #ffffff;
							margin: 16px 0 32px;
							min-height: 32px;
						}
						.fw-txt-slide a {

						}
			.fw-arrows {
				opacity: 0;
				-webkit-transition: all 0.35s ease-in-out;
				-moz-transition: all 0.35s ease-in-out;
				-o-transition: all 0.35s ease-in-out;
				transition: all 0.35s ease-in-out;
			}
			.featured-col-inner:hover .fw-arrows {
				opacity: 1;
			}
				.fw-arrow {
					display: block;
					position: absolute;
					width: 35px;
					height: 35px;
					color: #ffffff;
					bottom: 0;
					text-align: center;
					cursor: pointer;
				}
				.fw-arrow::before {
					content: '';
					display: inline-block;
					vertical-align: middle;
					width: 0;
					height: 100%;
				}
				.fw-arrow::after {
					content: '';
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
					background: var(--primary-color);
					opacity: 0.8;
					z-index: 1;
					-webkit-transition: all 0.35s ease-in-out;
					-moz-transition: all 0.35s ease-in-out;
					-o-transition: all 0.35s ease-in-out;
					transition: all 0.35s ease-in-out;
				}
				.fw-arrow:hover::after {
					opacity: 1;
				}
				.fw-prev {
					right: 36px;
				}
				.fw-next {
					right: 0;
				}
					.fw-arrow i {
						display: inline-block;
						vertical-align: middle;
						font-size: 15px;
						position: relative;
						z-index: 2;
					}



/* POSTS */
img.img-fluid {
	max-width: 100%;
	height: auto;
	margin-bottom: 1rem;
}
#posts-wrap {
	padding: 48px 0 42px;
	font-size: 0;
}
	/*Align read more links*/
	#posts-wrap .row, 
	#posts-wrap .textwidget.custom-html-widget, 
	#posts-wrap .post-item,
	#posts-wrap .testi-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#posts-wrap .textwidget.custom-html-widget, 
	#posts-wrap .post-item,
	#posts-wrap .testi-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#posts-wrap .textwidget.custom-html-widget {
	    height: 100%;
	}
		#posts-wrap .textwidget.custom-html-widget .row {
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
		}
		
	.posts-col {

	}
		.posts-col .section-title {
			padding-bottom: 13px;
			border-bottom: 1px solid #c3c3c3;
			margin-bottom: 18px;
		}
		.post-item {

		}
			a.post-title {
				display: inline-block;
				font-size: 16px;
				font-weight: 700;
				color: var(--secondary-color);
				line-height: 1.1;
				text-transform: uppercase;
			}
			.post-title:hover {
				color: var(--primary-color);
			}
			.post-item p {
				font-size: 13px;
				color: #7d7d7d;
				line-height: 1.5;
				margin: 11px 0 22px;
			}
			a.posts-readmore {
				display: inline-block;
				font-size: 12px;
				color: var(--secondary-color);
				line-height: 1;
				text-transform: lowercase;
				margin-top: auto;
			}
			.posts-readmore:hover {
				color: var(--primary-color);
			}
		.testi-item {

		}
			.testi-item p {
				font-size: 13px;
				font-style: italic;
				color: #7d7d7d;
				line-height: 1.7;
			}
			.testi-name {
				text-align: right;
				margin: 8px 0 15px;
			}
				.testi-name i {
					display: inline-block;
					vertical-align: middle;
					font-size: 29px;
					font-weight: 700;
					color: var(--primary-color);
					margin-right: 8px;
				}
				.testi-name span {
					display: inline-block;
					vertical-align: middle;
					font-size: 18px;
					font-weight: 700;
					color: var(--primary-color);
					line-height: 1;
					text-transform: uppercase;
				}

/* AREAS */
#areas-wrap {
	background: url(images/expertise-bg.jpg) no-repeat center center / cover;
	position: relative;
	padding: 50px 0;
	font-size: 0;
}
#areas-wrap::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--primary-color);
	opacity: 0.7;
	z-index: 1;
}
	#areas-wrap .container {
		position: relative;
		z-index: 2;
	}
	#areas-wrap .section-title {
		text-align: center;
		margin-bottom: 38px;
	}
	.areas-items {
		margin: 0 -15px;
	}
		.areas-items li {
			display: inline-block;
			vertical-align: middle;
			width: 25%;
			padding: 0 15px;
			margin: 7px 0;
		}
			.areas-items li a {
				display: block;
				border-bottom: 1px solid #ffffff;
				padding: 7px 10px 7px 2px;
				color: #ffffff;
				overflow: hidden;
			}
			.areas-items li a::after {
				content: '»';
				display: inline-block;
				vertical-align: middle;
				font-size: 15px;
				line-height: 1;
				position: relative;
				top: -2px;
				right: 0;
				-webkit-transition: all 0.25s ease-in-out;
				-moz-transition: all 0.25s ease-in-out;
				-o-transition: all 0.25s ease-in-out;
				transition: all 0.25s ease-in-out;
			}
			.areas-items li a:hover::after {
				right: -20px;
			}
				.areas-items li span {
					display: inline-block;
					vertical-align: middle;
					font-size: 14px;
					font-weight: 700;
					line-height: 1;
					text-transform: uppercase;
					width: calc( 100% - 8px );
				}
	#areas-wrap .site-btn {
		display: block;
		margin: 40px auto auto;
		width: 165px;
	}

#main-footer {
	background: var(--background-color);
	font-size: 0;
}
	.footer-top {
		border-top: 1px solid var(--secondary-color);
		border-bottom: 1px solid var(--secondary-color);
	}
		.ft-left {
			padding-top: 37px;
			padding-bottom: 37px;
		}
			.ft-left a {
				display: inline-block;
			}
				.ft-left a strong {
					display: block;
					font-family: var(--secondary-font);
					font-size: 37px;
					font-weight: 400;
					color: #ffffff;
					line-height: 1;
					text-transform: uppercase;
				}
				.ft-left a span {
					display: block;
					font-size: 12px;
				    color: #a3a3a3;
				    line-height: 1;
				    letter-spacing: 0.37em;
				    text-transform: uppercase;
				    margin: 1px 0 0 2px;
				}
		.ft-middle {
			padding-top: 47px;
			padding-bottom: 47px;
			text-align: center;
		}
		.ft-right {
			padding-top: 30px;
			padding-bottom: 30px;
		}
			.ft-right img {
				margin: 0 0 0 auto;
			}
	.footer-bottom {

	}
		.fb-left {
			padding-top: 26px;
			padding-bottom: 24px;
		}
			.footernav {

			}
				.footernav li {
					display: inline-block;
					vertical-align: middle;
					margin: 0 13px;
				}
				.footernav li:first-child {
					margin-left: 0;
				}
				.footernav li:last-child {
					margin-right: 0;
				}
					.footernav li a {
						display: block;
						font-size: 14px;
						font-weight: 600;
						color: #ffffff;
						line-height: 1;
						text-transform: uppercase;
						-webkit-transition: all 0.35s ease-in-out;
						-moz-transition: all 0.35s ease-in-out;
						-o-transition: all 0.35s ease-in-out;
						transition: all 0.35s ease-in-out;
					}
					.footernav li a:hover {
						color: var(--accent-color);
					}
			.copyright {
				font-size: 12px;
				color: #ffffff;
				line-height: 1.2;
				margin-top: 12px;
			}
				.copyright a {
=					-webkit-transition: all 0.35s ease-in-out;
					-moz-transition: all 0.35s ease-in-out;
					-o-transition: all 0.35s ease-in-out;
					transition: all 0.35s ease-in-out;
				}
				.copyright a:hover {
					color: var(--accent-color);
				}
				.footer-site-title {
					color: var(--secondary-color);
				}
		.fb-right {
			padding-top: 30px;
			padding-bottom: 30px;
			text-align: right;
		}
			.fb-right i {
				display: inline-block;
				vertical-align: middle;
				font-size: 30px;
				color: #ffffff;
				margin: 0 2px;
			}
			.fb-right i:first-child {
				margin-left: 0;
			}
			.fb-right i:last-child {
				margin-right: 0;
			}

 
/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
		background-size: cover;
		background-image: url(images/ip-banner.jpg);
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; margin-top: 25px; }

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}
    .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
        margin-left: -15px;
        margin-right: -15px;
    }

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title { 
	font-family: var(--secondary-font);
	font-size: 34px;
	font-weight: 400;
	color: var(--primary-color);
	line-height: 1;
	text-transform: uppercase;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
	font-family: var(--secondary-font);
	font-size: 25px;
	font-weight: 400;
	color: var(--primary-color);
	line-height: 1;
	text-transform: uppercase;
	margin-top: 0;
}

#content .entry,
#content .entry p {
	font-size: 16px;
}

.sb-agent {
	margin-bottom: 45px;
}

.sb-cta {

}
	.sb-cta .cta-item {
		margin: 10px 0;
	}
	.sb-cta .cta-item svg {
		right: 20px;
	}

.aios-mobile-header-wrapper {
	z-index: 1030 !important;
}

.post-type-archive-communities #content-sidebar #content article {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px dotted;
}

.post-type-archive-communities #content-sidebar #content article:last-of-type {
    border: none;
}

.ft-right img {
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.mls-logo {
    display: inline-block;
    vertical-align: middle;
}


button.btn.dropdown-toggle.bs-placeholder.btn-default,
button.btn.dropdown-toggle.btn-default {
    
    appearance: none;
    border: 0;
    width: 100%;
    height: 30px;
    background: #ffffff;
    font-size: 12px;
    font-style: italic;
    color: #404040;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 0;
    font-family: inherit;
    
}

	 
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */