/*
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.1
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: #0A1C31;
    --secondary-color: #0A1C31;
    --accent-color: #0A1C31;
    --background-color: #9B9CA0;
}

/* 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;
}

.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: absolute;
	width: 100%;
	z-index: 1028;
	font-size: 0;
}
	.default-header {

	}
		.dh-top {
			background: #2b2f3b;
		}
			.dh-left {
				padding-top: 12px;
				padding-bottom: 20px;
			}
				.dh-left a {
					display: inline-block;
					position: relative;
				}
					.dh-left a:before {
					    content: '';
					    position: absolute;
					    top: 0;
					    left: 0;
					    right: 0;
					    bottom: 0;
					    border: 2px solid #2a2e3a;
					}
					.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-left img {
						max-width: 100%;
						height: auto;
						display: block;
					}
			.dh-right {
				padding: 37px 15px;
				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: #fff;
								margin-right: 7px;
							}
							.dh-contact li a {
								display: inline-block;
								vertical-align: middle;
								font-size: 17px;
								font-weight: 600;
								color: #fff;
								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: #fff;
								opacity: 0.7;
							}
				.dh-brokerage {
					display: inline-block;
					vertical-align: middle;
					border-left: 1px solid var(--secondary-color);
					padding-left: 20px;
					margin-left: 20px;
				}
		.dh-bottom {
			background: #2b2f3b;
			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: #Fff;
					}
					.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: #fff;
								color: var(--primary-color);
							}
			.default-header .site-navi > li > a {
				padding: 12px 45px;
			}
	.fixed-header {
		background: #2a2e3a;
		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;
				position: relative;
			}
				.fh-left a:before {
				    content: '';
				    position: absolute;
				    top: 0;
				    left: 0;
				    right: 0;
				    bottom: 0;
				    border: 2px solid #2a2e3a;
				}
				.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-left img {
			    max-width: 100%;
			    height: auto;
			    display: block;
			}
		.fh-middle {
			display: inline-block;
			vertical-align: middle;
			width: 60.42%;
			text-align: center;
		}
			.fixed-header .site-navi > li > a {
				padding: 9px 20px;
			}
			.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 #fff;
					}
					.fh-contact li:first-child {
						border-left: 0;
					}
						.fh-contact li a {
							display: inline-block;
							color: #fff;
							-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: #fff;
							opacity: 0.7;
						}
							.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;
}
	.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;
			opacity: 0;
		}
		.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;

			display: none!important;
		}
			.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: relative;
	    background: var(--background-color);
	    margin-top: 0;
	    top: 0;
	    transform: none;
	    padding: 50px 0;
	}
		.qs-form {
			max-width: 100%;
			margin: auto;
			text-align: center;
		}
			.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: 13.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: #fff;
				color: 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: #fff;
				color: var(--primary-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;
				}

			.qs-form input[type="submit"], .qs-form a.adv-btn {
			    margin-right: 1%;
			    margin-left: 0;
			    width: 10%;
			    margin-top: 0;
			    height: 30px;
			}

			.qs-form a.adv-btn {
			    margin-right: 0;
			}

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

	}
		.welcome-left .agent-photo {
			margin: 30px auto 0;
		}
		.agent-photo {
			position: relative;
			border: 1px solid #d8d8d8;
			max-width: 263px;
			margin: 0 auto;
		}
			.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;
		}
		a.welcome-btn.site-btn {
		    background: #fff;
		    border: 1px solid var(--primary-color);
		    color: var(--primary-color);
		}

.welcome-agents {
    margin: 60px 0 20px;
}
.hp-agents-list {
    font-size: 0;
    margin: 0 -1px;
}
    .hp-agents {
    width: 20%;
        display: inline-block;
        vertical-align: top;
        padding: 15px 1px;
    }

        .hp-agents a {
            display: block;
            color: var(--secondary-color);
        }
        	.hp-agents a:hover .hp-agents-img {
			    opacity: 0.8;
			}

        .hp-agents-img {
            position: relative;
            transition: all .3s ease;
        }

            .hp-agents-img canvas {
                display: block;
                width: 100%;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

        .hp-agents-name {
            font-family: var(--secondary-font);
            font-size: 25px;
            line-height: 1;
            text-transform: uppercase;
            text-align: center;
            margin: 15px 0 5px;
        }

        .hp-agents-title {
            display: block;
            font-family: var(--body-font);
            font-size: 17px;
            line-height: 1;
            text-align: center;
        }

/* CALL TO ACTION */
#calltoaction-wrap {
    padding: 50px 0 30px;
	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 */
#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;
	margin: 50px 0 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;
		text-align: center;
	}
		.areas-items li {
			display: inline-block;
			vertical-align: middle;
			width: 20%;
			padding: 0 15px;
			margin: 7px 0;
			text-align: left;
		}
			.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: var(--primary-color);
					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-left img {
					display: block;
					max-width: 100%;
					height: auto;
				}
		.ft-middle {
			padding-top: 47px;
			padding-bottom: 47px;
			text-align: right;
		}
			.ft-middle div[class*="contact-"] {
			    font-size: 16px;
			    color: var(--primary-color);
			    margin-bottom: 5px;
			    line-height: 1.2;
			}
			    .ft-middle div[class*="contact-"] a {
			        color: inherit;
			        transition: color .3s ease;
			    }
			        .ft-middle div[class*="contact-"] a:hover {
			            color: #fff;
			        }
			    .ft-middle div[class*="contact-"] i.ai-font-location-c {
			        font-size: 20px;
			        display: inline-block;
			        top: 4px;
			    }

			    .ft-middle div[class*="contact-"] i.ai-font-phone {
			        display: inline-block;
			        margin-right: 5px;
			        font-size: 13px;
			    }

			    .ft-middle div[class*="contact-"] i.ai-font-envelope-f {
			        font-size: 12px;
			        display: inline-block;
			        margin-right: 5px;
			    }
		.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: var(--primary-color);
						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: #fff;
					}
			.copyright {
				font-size: 12px;
				color: var(--primary-color);
				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: #fff;
				}
				.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: var(--primary-color);
				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-repeat: no-repeat;
		background-size: cover;
        background-position: center 70%;
		background-image: url(/wp-content/uploads/2021/04/slide2.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;
}

article.communities.type-communities {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dotted var(--primary-color);
}

#content .archive-thumbnail {
    font-size: 0;
}

.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;
}

/* Disclaimer */
.footer-credit-disclaimer{
    line-height: 1.5;
    font-size: 12px;
    color: var(--primary-color);
    margin-top: 12px;
}


#content.aios-testimonials-page {
    margin-bottom: 66px;
}

#content.aios-testimonials-page h1 {
    line-height: 1;
    margin: 60px 0;
}

#content.aios-testimonials-page strong {
    display: block;
}

/*#content .aios-testimonials-lists {
    display: none;
}*/

#content .aios-testimonials-lists > div {
    padding: 80px 50px;
    text-align: center;
    border: 1px solid #cecece;
    margin-bottom: 25px;
    cursor: pointer;
    min-height: 425px;
}

#content .aios-testimonials-lists a {
    color: inherit;
    text-decoration: none;
}

#content .aios-testimonials-lists p {
    font-size: 17px;
    line-height: 1.8;
}

#content .aios-testimonials-lists h3 {
    font-size: 17px;
}

#content.aios-testimonials-page .show-more-testimonials {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: var(--primary-color);
    margin: 66px 0 0;
}

#content .aios-testimonials-lists.aios-primary-testimonials {}

#content .aios-testimonials-lists.aios-primary-testimonials p {
    font-size: 25px;
}

#content .aios-testimonials-lists.aios-primary-testimonials h3 {
    font-size: 25px;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap {
    width: 50%;
    min-height: auto;
    padding: 80px;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap p {
    font-size: 20px;
    line-height: 1.7;
    text-align: center;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap .star_rating_display {
    text-align: center;
    padding-bottom: 30px;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap h2 {
    padding-top: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
}

.postid-146 .sidebar {
	display: none;
}
.postid-146 #content-sidebar #content {
	width: 100%;
}

.single-aios_agent .sb-agent{
    display:none;
}

.bootstrap-select.btn-group {
    /*select width, display and position are set here and set to !important
    no height attribute. padding in .bootstrap-select.btn-group .dropdown-toggle sets the height*/
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-toggle {
    /*form appearance should be set here
    no height attribute. set the height by setting the padding*/
    border-radius: 0;
    -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;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    /*font size, family, etc. should be set here*/
    font-size: 12px;
    font-style: italic;
    color: #404040;
}


.grecaptcha-badge {
	z-index: 999;
}


#ihf-main-container .nav-tabs {
    margin-left: 0;
}

#ihf-main-container .chosen-results {
    padding-left: 0;
    margin-left: 0;
}

#listings-details .listings-form textarea {
	padding-right: 45px !important;
}

.wpcf7-response-output {
    text-align: center;
}


/* FV */
.fv-wrap {
    padding: 70px 0px;
}
.fv-container {
    margin-top: 35px;
}
.fv-container a {
    position: relative;
    display: block;
}
.fv-poster {
    position: relative;
}

.fv-poster img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    filter: brightness(0.45);
}
.fv-poster canvas {
    display: block;
    width: 100%;
    height: auto;
}
.fv-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -44%);
    width: clamp(80px, 8.75vw, 180px);
    height: clamp(80px, 8.75vw, 180px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: 0.3s;
}
.fv-play-btn:hover i {
    color: #000;
}
.fv-play-btn:hover {
    background: #fff;
}
.fv-play-btn i {
    transform: rotateX(36deg);
    color: #fff;
    font-size: clamp(25px,2.8125vw,45px);
    padding-left: 5px;
    transition: 0.3s;
}
.fv-inner .section-title {
    text-align: center;
}














.hp-agents-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    max-width: 912px;
    margin-left: auto;
    margin-right: auto;
}

.hp-agents {
    width: calc(100% / 4);
}

.welcome-left span {
    display: block;
    font-family: var(--body-font);
    font-size: 17px;
    color: var(--secondary-color);
    line-height: 1;
    margin-bottom: 6px;
    text-transform: uppercase;
}


span.wct {
    font-family: var(--secondary-font);
    font-size: 34px;
    line-height: 1;
    text-transform: uppercase;
    color: var(--primary-color);
    /* margin-bottom: 30px; */
    display: block;
}


.hp-agents:nth-child(3) {
    margin-right: 1px;
}


/*
.hp-agents:first-child {
    margin-left: 10%;
} */


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