/*
Theme Name: KATHY BROOCK & CO
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.8
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. Navigation
 *
 *******************************************************/
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.font-gotham {
	font-family: 'Gotham';
}

/* Sub Menu */

#nav li,
#nav2 li{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#nav > li, #nav2 > li {
    margin-right: 5.5vw;
}


#nav > li:last-child,
#nav2 > li:last-child{
    margin: 0;
}

#nav li a,
#nav2 li a {
    color: #000000;
    font-weight: 400;
    font-size: 1.2vw;
    font-family: 'EB Garamond', serif;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nav > li:hover > a,
#nav2 > li:hover > a{
    text-shadow: 0 0 0 #000;
}

#nav > li > a::after,
#nav .sub-menu a::after,
#nav2 > li > a::after,
#nav2 .sub-menu a::after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -15px;
    pointer-events: none;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    background: #050708;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

#nav .sub-menu a::after,
#nav2 .sub-menu a::after{
    bottom: 4px;
}

#nav > li:hover > a::after,
#nav .sub-menu li:hover a::after,
#nav2 > li:hover > a::after,
#nav2 .sub-menu li:hover a::after{
    width: 27px;
    opacity: 1;
}

#nav .sub-menu,
#nav2 .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width:100%;
    min-width:180px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#nav .sub-menu a,
#nav2 .sub-menu a {
    color: #050708;
    display: block;
    padding: 20.4px 2.5px;
    font-size: 15px;
    letter-spacing: 0.15em;
    background: #fff;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nav .sub-menu a:hover,
#nav2 .sub-menu a:hover {
    text-shadow: 0 0 0 #000, 0 0 0 #000, 0 0 0 #000;
}

#nav .sub-menu li a,
#nav2 .sub-menu li a{
    border: none;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

#nav .sub-menu li:first-child a,
#nav2 .sub-menu li:first-child a{
    border-top: 1px solid #c7c7c7;
}

#nav .sub-menu li:last-child a,
#nav2 .sub-menu li:last-child a{
    border-bottom: 1px solid #c7c7c7;
}

#nav .sub-menu .sub-menu,
#nav2 .sub-menu .sub-menu {
    margin-left: 100%;
    top: -19px;
	left: calc(100% + 170px);
}
#nav li:hover > .sub-menu,
#nav2 li:hover > .sub-menu  {
    /* display: block; */
}

#nav2 > li:hover .sub-menu,
#nav > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding-top: 26px;
}


#nav .sub-menu li,
#nav2 .sub-menu li {
    position: relative;
    display: block;
    width: 100%;
}

#nav .nav-padding > a {
    padding: 20.4px 15.5px 10.4px;
    line-height: 25px;
}

/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/
 .mbody {
    overflow: hidden;
}
/* Global */
div#main-wrapper {
    overflow: hidden;
}

.global-container {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
}

body{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background: #FFF;
    color: #000000;
    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; */
}

/* Header */
header.header{
    font-size: 0;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-logo {
    text-align: center;
    height: 127px !important;
}

.header-logo img {
    margin: 18px 10px;
    display: inline-block;
}

.header-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    padding: 25px 0;
}

.header-phone,
.header-details {
    display: flex;
    align-items: center;
}

.header-phone em,
.header-phone a{
    font-style: italic !important;
    font-size: 1.2vw;
    font-weight: 400;
    color: #000000;
    font-family: 'EB Garamond', serif;
    letter-spacing: 0.08em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-phone em:hover{
    color: #ccc;
}

.header-phone span {
    font-size: .9vw;
    font-weight: 700;
    margin: 5px 0 0 10px;
    display: block;
}

.header-email span {
    font-size: .9vw;
    color: #000;
    margin-top: 5px;
    margin-left: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 0;
    display: block;
}

.header-email span:hover{
    color: #ccc;
}

header.header .container-fluid.mbody,
.fixed-header .container-fluid.mbody {
    overflow: initial;
}

.header-logo {
    text-align: center;
}

    .header-logo a {
        display: inline-block;
    }
/* End Header */

/* Fixed Header */
.fh-holder{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1010;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    font-size: 0;
}

.fh-holder.show-fixed{
    opacity: 1;
    pointer-events: all;
}

.fixed-header{
    position: relative;
}

.fh-holder.show-fixed .header-info,
.header-info{
    margin: 11px 0;
}

/* End Fixed  */

/* Slideshow */
.hp-slideshow {
    margin: 15px 0 0;
    position: relative;
    font-size: 0;
}

div#aios-slider-hp-slideshow {
    z-index: 1;
}

.hp-slideshow .cycloneslider:before,
.hp-slideshow #aios-slider-hp-slideshow::before {
    content: '';
    position: absolute;
    z-index: 101;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    left: 0;
    top: 0;
}

.hp-slideshow .cycle-slide::before,
.hp-slideshow .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 127px;
    bottom: 0;
    left: 0;
    background: rgba(65,65,65,.49);
    z-index: 2;
    pointer-events: none;
}

.slide-wrapper{
    position: relative;
}

.slide-inner {
    position: absolute;
    width: 100%;
    bottom: 0%;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
}

.hp-slideshow .mbody {
    overflow: inherit;
}
/* End Slideshow */

/* Floating Element */
.floating-title {
    position: fixed;
    top: 57%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 6.25%;
    z-index: 20;
}

.floating-smi {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    right: 20px;
    top: 57%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    right: 6.25%;
    text-align: center;
    z-index: 1010;
}

.floating-smi a {
    position: relative;
    display: block;
}

.floating-smi a:not(:last-child) {
    margin-bottom: 55px;
}

.floating-smi a img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.floating-smi a img,
.floating-smi a svg{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.floating-smi a:hover img,
.floating-smi a:hover svg{
    opacity: .5;
}

.floating-title svg#Layer_1,
.floating-title img{
    height: 384px;
    height: 451px;
    width: 28px;
    /* filter: drop-shadow(0 0 3px #fff); */
}

/* End Element */

/* Cta */
.hp-cta {
    position: relative;
    padding: 0 0 78px;
}

.cta-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 322px;
    height: 67px;
    border: 1px solid #ffffff;
    background: rgba(0,0,0,.57);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.170em;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 0 22px;
}

.cta-list a:hover{
    background: #000;
    border: 1px solid #000;
}
/* End Cta */

/* Qs */
.qs-title {
    font-family: 'Playfair Display', serif;
    font-size: 25.93px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    padding: 0 0 12px;
}

.qs-form {
    max-width: 940px;
    margin: 0 auto;
    width: 100%;
    padding: 0 0 15px;
}

.qs-lg {
    display: inline-block;
    vertical-align: top;
    width: 139px;
    height: 40px;
    margin-right: 1px;
}

.qs-lg.city {
    width: 268px;
}

.qs-xs{
    display: inline-block;
    vertical-align: top;
    width: 74px;
    height: 40px;
    margin-right: 1px;
}

.qs-sm{
    display: inline-block;
    vertical-align: top;
    width: 75px;
    height: 40px;
    margin-right: 1px;
}

.qs-lg select,
.qs-xs select,
.qs-sm input{
    width: 100%;
    height: 100%;
    background: #fff url(images/qs-arrow.png) no-repeat scroll right 12px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: #626265;
    text-transform: uppercase;
    letter-spacing: 0.005em;
    padding: 0 11px;
    border: none;
}

.qs-lg.city select {
    background: #fff;
}

.qs-sm input{
    background: #fff;
}

.qs-search {
    margin-left: 15px;
}

.qs-search,
.qs-advanced {
    display: inline-block;
    vertical-align: top;
    width: 106px;
    height: 40px;
    margin-right: 2px;
}

.qs-advanced{
    margin-right: 0;
}

.qs-search input,
.qs-advanced a{
    width: 100%;
    height: 100%;
    background: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.005em;
    color: #fff;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.qs-search input:hover{
    background: #7c7c7c;
}

.qs-advanced a{
    background: #7c7c7c;
}

.qs-advanced a:hover{
    background: #000000;
}
/* End Qs */

/* Hp Welcome */
.hp-welcome {
    font-size: 0;
    position: relative;
    margin: 56px 0 0;
}

.welcome-inner{
    background: #efeeed;
}

.welcome-img {
    width: 100%;
}

.welcome-inner .row:before,
.welcome-inner .row:after {
    display: none;
}

.welcome-inner .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.welcome-left {
    margin-right: -15px;
}

.welcome-right {
    padding: 20px 20px 20px 5px;
}

.global-title,
h1.global-title{
    text-align: center;
}

.global-title span,
h1.global-title span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.17em;
    text-transform: uppercase;
    padding: 0 0 25px;
    font-family: 'Raleway', sans-serif;
}

.global-title em,
h1.global-title em{
    display: block;
    font-size: 56px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.120em;
    text-transform: uppercase;
    font-family: 'Cormorant Garamond', serif;
    font-style: normal;
    font-weight: 600;
}

.welcome-realtor {
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0.17em;
    text-align: center;
    padding: 27px 0 36px 0;
    font-family: 'Raleway', sans-serif
}

section.hp-welcome .global-title span,
section.hp-welcome h1.global-title span{
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.welcome-descrip {
    font-size: 16px;
    letter-spacing: .050em;
    line-height: 36px;
    color: #000;
    font-weight: 500;
    text-align: center;
    max-width: 100%;
    margin-left: 0;
    padding: 0 0 36px;
}

.global-button a{
    max-width: 394px;
    width: 100%;
    height: 72px;
    border: 1px solid #bbbaba;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    z-index: 1;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 0 auto;
}

.global-button a:hover{
    color: #fff;
}

.global-button a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: -1;
    opacity: 0;
}

.global-button a:hover::before{
    opacity: 1;
    transform: scale(1);
}

.hp-welcome .global-button a {
    margin: 0 auto;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.hp-welcome .global-title span,
.hp-welcome h1.global-title span {
    padding-right: 0;
}

.hp-welcome .global-title em,
.hp-welcome h1.global-title em {
    padding-right: 0;
}
/* End Welcome */

/* Difference */
.hp-difference {
    font-size: 0;
    position: relative;
    padding: 53px 0 0;
}

.difference-wrapper {
    display: block;
    border: 1px solid #bbbaba;
    padding: 50px 0;
    position: relative;
}

/* .hp-difference::before {
    content: 'KB';
    position: absolute;
    font-family: 'Cormorant Garamond', serif;
    font-size: 664px;
    color: #000000;
    opacity: .02;
    text-transform: uppercase;
    letter-spacing: 0;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    font-weight: 700;
} */

.difference-logo{
    position: absolute;
    font-family: 'Cormorant Garamond', serif;
    font-size: 550px;
    color: #000000;
    opacity: .02;
    text-transform: uppercase;
    letter-spacing: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    font-weight: 700;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hp-difference .row{
    display: flex;
    align-items: center;
}

.hp-difference .row::before{
    display: none;
}

.df-title span {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.df-title {
    font-weight: 600;
    font-size: 19px;
    color: #000000;
    letter-spacing: 0.190em;
    text-align: center;
    padding: 0 0 35px;
    text-transform: uppercase;
    font-family: 'EB Garamond', serif;
}

.df-icon {
    min-height: 65px;
    position: relative;
    margin: 0 0 50px;
}

.df-icon::after {
    content: '';
    position: absolute;
    width: 132px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    pointer-events: none;
    background: #000;
}


.df-icon img {
    margin: 0 auto;
}

.df-descrip {
    font-size: 22px;
    color: #000000;
    letter-spacing: 0.075em;
    text-align: center;
    text-shadow: 0 0 0 #000;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 600;
}

.df-main-title {
    text-align: center;
    font-weight: 700;
    font-size: 75px;
    color: #b2b2b2;
    letter-spacing: 0.23em;
    font-family: 'EB Garamond', serif;
    opacity: .50;
    padding: 50px 0;
}
/* End Difference */

/* Properties */
.featured-properties {
    font-size: 0;
    position: relative;
    padding: 80px 0 0;
}

.fp-slick-holder {
    position: relative;
    padding: 80px 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.fp-slick-holder:not(.slick-initialized) > div {
    width: calc(100% / 2);
}


.fp-list {
    padding: 5px;
}

.fp-arrow-number ul.slick-dots {
    display: block;
    font-size: 0;
}

.fp-arrow-number ul.slick-dots li {
    display: inline-block;
    vertical-align: middle;
}

.fp-list a{
    position: relative;
    display: block;
    overflow: hidden;
}

.fp-img{
    position: relative;
}

/* .fp-img::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.29);
    z-index: 1;
    pointer-events: none;
} */

/* .fp-img::after{
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    margin: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
} */

.fp-list a:hover .fp-img::after{
    opacity: 0;
}

.fp-img canvas{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    opacity: .80;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-list a:hover .fp-img canvas{
    opacity: 1;
}

.fp-slick-holder:not(.slick-initialized) > div:not(:nth-child(-n + 6)) {
    display: none;
}

.fp-title {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-size: 18.69px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
    transform: scale(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-list a:hover .fp-title{
    transform: scale(0);
}

.fp-hover{
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: -300px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 1;
    background: rgba(0,0,0,.80);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fp-list a:hover .fp-hover{
    opacity: 1;
    top: 50%;
}

.fp-address {
    padding: 22px 0 0;
    font-family: 'EB Garamond', serif;
}

.fp-address span:first-child {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 7px;
}

.fp-address span{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    display: block;
    text-align: center;
}

.fp-details {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0 0;
    position: relative;
    max-width: 226px;
    margin: 0 auto;
    left: -5px;
    width: 100%;
}

.fp-details::after{
    content: '';
    position: absolute;
    width: calc(100% + 6px);
    height: 1px;
    background: rgba(255,255,255,.34);
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.fp-details span {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 0 0 9px;
    font-family: 'Cormorant Garamond', serif;
}

.fp-details span:last-child {
    font-size: 15px;
    font-family: 'EB Garamond', serif;
}


.fp-button {
    max-width: 138px;
    width: 100%;
    height: 32px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px auto 0;
    pointer-events: all;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    font-family: 'Cormorant Garamond', serif;
}

.fp-button:hover{
    border: 1px solid #000;
}

.fp-button::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transform: scale(.3);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.fp-button:hover::before{
    transform: scale(1);
    opacity: 1;
}

.global-title.line,
h1.global-title.line{
    position: relative;
}

.global-title.line::after,
h1.global-title.line::after {
    content: '';
    position: absolute;
    width: 101px;
    height: 1px;
    background: #000;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.featured-properties .global-title em,
.featured-properties h1.global-title em {
    font-size: 60px;
}

.featured-properties .global-button a{
    margin: 15px auto 0;
}

.fp-ip-info {
    position: absolute;
    bottom: -70px;
    left: 0;
    width: 100%;
    background: #d0d0d0;
    padding: 13px 24px 15px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-list a:hover .fp-ip-info{
    bottom: 0;
}

.fp-info-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-ip-info .fp-info-inner span,
.fp-ip-info  .fp-info-inner em {
    font-size: 24px;
    font-family: 'EB Garamond', serif;
    color: #fff;
    letter-spacing: 0.07em;
    display: block;
    font-weight: 500;
}

.fp-ip-info .fp-info-inner em{
    display: block;
    letter-spacing: 0.22em;
}

.fp-info-inner span {
    text-transform: capitalize !important;
}

.fp-ipsm-address {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.22em;
    padding: 13px 0 9px;
}

.fp-ipsm-address,
.fp-ip-hover{
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-list a:hover .fp-ipsm-address,
.fp-list a:hover .fp-ip-hover {
    opacity: 1;
}

.fp-ip-hover span{
    display: block;
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.22em;
    font-style: italic;
    text-transform: capitalize;
}

.fp-ip-hover {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-ip-button {
    max-width: 154px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.25em;
    width: 100%;
    position: relative;
    bottom: 4px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-ip-button:hover{
    background: #fff;
    color: #000;
}

.fp-ip-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 37px 0 0;
}

.fp-ip-arrow span{
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: #0e0e0e;
    letter-spacing: 0.07em;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.fp-ip-arrow span:first-child::before {
    content: '«';
    position: absolute;
    top: -26%;
    left: -20px;
    font-size: 24px;
    color: #0e0e0e;
}

.fp-ip-arrow span:last-child::before{
    content: '»';
    position: absolute;
    top: -26%;
    right: -20px;
    font-size: 24px;
    color: #0e0e0e;
}

.fp-arrow-number {
    display: flex;
    align-items: center;
    margin: 0 15px 0 10px;
}

.fp-arrow-number em{
    font-style: normal;
    font-size: 18px;
    display: block;
    font-family: 'EB Garamond', serif;
    color: #0e0e0e;
    letter-spacing: 0.07em;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 9px;
    font-weight: 500;
}

.insta-list {
    display: inline-block;
    margin: 5px;
}

.fp-arrow-number em.active,
.fp-arrow-number .slick-active em{
    background: #e0e0e0;
    font-weight: 700;
}

/* End Properties */

/* Recognition */
.hp-recognition {
    font-size: 0;
    position: relative;
    padding: 100px 0 0;
}

.hp-recognition .global-title span
h1.hp-recognition .global-title span {
    padding: 0 0 37px;
}

.recog-flex {
    padding: 75px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hp-recognition .global-button a{
    margin: 57px auto 0;
}

.recog-fortune img {
    margin: 30px auto 0;
}
/* End recognition */

/* Testimonials */
.hp-testimonials {
    position: relative;
    display: block;
    font-size: 0;
    margin: 80px 0 0;
}

.hp-testimonials .global-title.line::after{
    bottom: -35px;
}

section.hp-testimonials.pad-sec > .test-inner > .container-fluid.mbody > .container{
    padding: 0;
}

.hp-testimonials .testi-holder{
    position: relative;
    background: #efeeed;
    padding: 55px 0 55px;
 }

.hp-testimonials .global-title span {
    padding: 0 0 30px;
}

.hp-testimonials .global-title em{
    position: relative;
    letter-spacing: .075em;
    display: inline-block;
}

.hp-testimonials .global-title em::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 91px;
    top: 20px;
    left: -155px;
    background: url(images/testi-down.png) no-repeat;
    background-size: 100%;
    opacity: .03;
    pointer-events: none;
}

.hp-testimonials .global-title em::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 91px;
    top: 20px;
    right: -155px;
    background: url(images/testi-up.png) no-repeat;
    background-size: 100%;
    opacity: .03;
    pointer-events: none;
}

.testi-wrap {
    position: relative;
    margin: 80px 0 0;
}

.testi-descrip {
    font-size: 17px;
    color: #555555;
    line-height: 31px;
    letter-spacing: 0.17em;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

.testi-name{
    text-align: center;
}

.testi-name span {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    font-size: 22px;
    color: #252525;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    display: block;
    padding: 40px 0 15px;
}

.testi-name em{
    font-size: 21px;
    color: #000000;
    letter-spacing: 0.170em;
    display: block;
    font-weight: 600;
    font-style: italic;
    font-family: 'Cormorant Garamond', serif;
}

.testi-arrow{
    position: absolute;
    top: 10px;
    left: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}

.testi-arrow span{
    font-size: 53px;
    pointer-events: all;
    color: #464645;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.testi-arrow span:hover{
    color: #000;
}

.testi-arrow span.ai-font-arrow-b-n {
    padding-right: 12px;
}

/* End Testimonials */

/* Blog */
.hp-blog {
    font-size: 0;
    position: relative;
    padding: 80px 0 0;
}

.hp-blog .global-title.line {
    margin: 0 0 90px;
}

.hp-blog .global-title span{
    padding: 0 0 37px;
}

.blog-img{
    background: #fff;
}

.blog-img canvas{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.blog-img a:hover canvas{
    opacity: .6;
}

.blog-title a {
    font-weight: 700;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 0.07em;
    line-height: 24px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    min-height: 115px;
    padding: 43px 0 0;
}

.blog-title a:hover{
    color: #736d6d;
}

.blog-descrip {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    max-width: 301px;
    margin: 0 auto;
    padding: 12px 0 42px;
    min-height: 126px;
}

.blog-button a{
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.17em;
    color: #000000;
    text-shadow: 0 0 0 #000;
    font-size: 14px;
    display: block;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.blog-button a:hover{
    opacity: .6;
}

.blog-button a::after,
.blog-button a::before {
    content: '';
    position: absolute;
    width: 57px;
    height: 1px;
    background: #000;
    top: 50%;
    left: 56px;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.blog-button a::before{
    left: initial;
    right: 56px;
}

.blog-button a:hover::before,
.blog-button a:hover::after{
    width: 0;
    opacity: 0;
}
/* End Hp Blog */

/* Help */
.hp-help {
    font-size: 0;
    position: relative;
    margin: 76px 0 0;
}

.help-holder {
    padding: 60px 0;
    position: relative;
}

.help-holder::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(images/help-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .13;
}

.help-title {
    text-align: center;
    padding: 0 0 90px;
}

.help-title span {
    padding: 0 0 50px;
    font-weight: 900;
}

.help-title span,
.help-title em{
    font-size: 46px;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0.17em;
    display: block;
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    display: block;
    font-style: normal;
    position: relative;
}

.help-title em {
    font-size: 34px;
    font-weight: 500;
    text-shadow: 0 0 0 #000;
    letter-spacing: 0.18em;
    line-height: 61px;
}

.help-title em::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 1px;
    background: #000;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.help-list {
    font-weight: 700;
    font-size: 27px;
    color: #000000;
    text-shadow: 0 0 0 #000;
    letter-spacing: 0.230em;
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
    padding: 0 0 37px;
    text-transform: initial;
    font-style: italic;
}

.hp-help .global-button a {
    margin: 13px auto 0;
    max-width: 362px;
    height: 83px;
    font-weight: 500;
    letter-spacing: .075em;
}

.hp-help .global-button a i {
    font-style: normal;
    margin: 0 10px;
}
    .hp-help .global-button a span {
        position: relative;
        font-family: 'Cormorant Garamond', serif;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        margin-bottom: 3px;
        font-weight: 900;
        font-size: 0;
        letter-spacing: 0;
        text-transform: none;
        width: 99px;
        height: 19px;
    }
    .hp-help .global-button a span::before,
    .hp-help .global-button a span::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
    .hp-help .global-button a span::before {
        background-image: url(images/help-kbco-logo.png);
    }
    .hp-help .global-button a:hover span::before {
        opacity: 0;
    }
    .hp-help .global-button a span::after {
        background-image: url(images/help-kbco-logo-w.png);
        opacity: 0;
    }
    .hp-help .global-button a:hover span::after {
        opacity: 1;
    }
/* End Help */

/* Instagram */
.hp-instagram {
    font-size: 0;
    position: relative;
    padding: 49px 0 0;
}

.insta-small-title {
    text-shadow: 0 0 0 #000;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-style: italic;
    padding: 76px 0 39px;
    letter-spacing: 0.175em;
    font-weight: 500;
    font-family: 'Cormorant Garamond', serif;
}

.insta-holder {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1060px;
    margin: 0 auto;
    position: relative;
}

.insta-item {
    display: flex;
    flex-direction: column;
    width: 190px;
    margin-right: 10px;
}

.insta-list {
    display: inline-block;
    margin: 5px;
}

.insta-list canvas{
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.insta-list a:hover canvas{
    opacity: .6;
}

.insta-button {
display: inline-block;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-left: 1px;
    width: 56px;
    position: absolute;
    top: 5px;
    right: 0;
}

.insta-button a{
    width: 100%;
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.17em;
    background: #000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    writing-mode: tb-rl;
    transform: scale(-1);
}

.insta-button a:hover{
    color: #000;
    background: #ccc;
}

.insta-button a:last-child {
    background: #fff;
    color: #050708;
    font-size: 24px;
    height: 190px;
    justify-content: flex-start;
    margin-bottom: 10px;
}
/* End Instagram */

/* Footer */
footer.footer {
    font-size: 0;
    background: #0e0e0e;
    padding: 90px 0;
    margin: 67px 0 0;
}

.footer-logo {
    padding: 0 0 310px;
}

.footer-logo img, .broker-logo img {
    margin: 0 auto;
}

.footer-logo img {
    filter: brightness(0) invert(1);
}

.footer-title {
    font-weight: 600;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #fff;
    text-align: center;
    padding: 175px 0 0;
    position: relative;
}

.footer-title::after {
    content: '';
    position: absolute;
    width: 104px;
    height: 1px;
    background: #fff;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    pointer-events: none;
}

.footernav {
    padding: 60px 0 0;
}

.footernav li {
    padding: 0 0 20px;
}

.footernav li a{
    font-size: 19px;
    color: #fff;
    letter-spacing: 0.17em;
    text-align: center;
    display: block;
    font-family: 'Cormorant Garamond', serif;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.footer-details {
    text-align: center;
    padding: 60px 0 0;
}

.footer-phone span {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding-right: 16px;
}

.footer-right {
    margin-left: -30px;
}


.footer-phone em,
.footer-email a,
.footer-location em{
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    letter-spacing: 0.17em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-style: normal;
    font-family: 'Cormorant Garamond', serif;
}

.footer-phone em:hover,
.footer-email a:hover,
.footernav li a:hover{
    color: #807d7d;
}

.footer-email {
    padding: 18px 0 8px;
}

.footer-email span{
    font-size: 10px;
    color: #fff;
    padding-right: 19px;
}

.footer-email a{
    font-weight: 400;
}

.footer-location em{
    font-weight: 400;
    line-height: 40px;
}

.footer-phone em {
    font-size: 24px;
    font-family: 'EB Garamond', serif;
    font-weight: 600;
}

.footer-location > span {
    font-size: 17px;
    color: #fff;
    padding-right: 17px;
}

.footer-smi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 0;
}

.footer-location em span {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.footer-smi a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #fff;
    border-radius: 50%;
    font-size: 24px;
    color: #0e0e0e;
    margin: 0 8px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer-smi a:hover{
    background: #000;
    color: #fff;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px 0 0;
}

.copyright{
    font-size: 10px;
    color: #fff;
}

.copyright a{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.copyright a:hover{
    color: #807d7d;
}

.mls{
    font-size: 19px;
    color: #676767;
    padding-left: 35px;
}
/* End Footer */
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
 .ip-banner {
    position: relative;
    width: 100%;
    margin: 17px 0 0;
}
    .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.6);
        opacity: 0;
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 472px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .45;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-size: 32px;
            text-align: center;
            color: #000;
            text-transform: uppercase;
            line-height: 1.7;
            font-family: 'Cormorant Garamond', serif;
            font-weight: 600;
            font-size: 42px;
            letter-spacing: 0.15em;
        }
            .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%;
    padding: 27px 0 0;
}

/* 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 {

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {

}

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

/* Side Logo */
.side-logo img {
    max-width: 200px;
    margin: 0 auto;
}
/* End Side */

/* Side Qs */
.side-qs {
    font-size: 0;
    letter-spacing: 0;
    margin: 20px 0;
}

.side-qs .slide-qs {
    background: #ccc;
}

.side-qs .qs-title {
    padding: 12px 0 12px;
    font-size: 19.93px;
}

.side-qs .qs-form {
    max-width: 500px;
    padding: 0 15px 30px;
}

.side-qs .qs-form > div {
    margin-bottom: 5px;
}

.side-qs .qs-lg,
.side-qs .qs-lg.city {
    width: 100%;
    margin-right: 0;
}

.side-qs .qs-xs,
.side-qs .qs-sm {
    width: 50%;
    margin-right: 0;
}

.side-qs .qs-search,
.side-qs .qs-advanced {
    margin: 0;
    width: 100%;
}

.side-qs .qs-xs.pad-right,
.side-qs .qs-sm.pad-right{
    padding-right: 2.5px;
}

.side-qs .qs-xs.pad-left,
.side-qs .qs-sm.pad-left{
    padding-left: 2.5px;
}
/* End Side Qs */

.qs-form span.filter-option.pull-left {
    font-size: 10px !important;
}
.qs-form button.btn.dropdown-toggle.btn-default {
    width: 100%;
    height: 40px;
    background: #fff url(images/qs-arrow.png) no-repeat scroll right 12px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    color: #626265;
    text-transform: uppercase;
    letter-spacing: 0.005em;
    padding: 0 11px;
    border: none;
    border-radius: unset;
}

.qs-form ul.dropdown-menu.inner {
    max-height: 212px !important;
}

.aios-roadmaps .aios-roadmap-link{
  border: unset !important;
}

#IDX-main.IDX-page-listing{
  /* display: none; */
}
.aios-roadmaps.buyers-roadmap,
.aios-roadmaps.sellers-roadmap {
    justify-content: space-between;
}

/** Archive Default Layout (Archive Page) */
#content .archive-list {
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

#content .archive-list:before,
#content .archive-list:after {
    display: none;
}

#content .archive-list > article {
    float: none;
}

#content .archive-list .post {
    border-bottom: none;
}

#content .archive-list .archive-thumbnail,
#content .archive-list .archive-content {
    width: 100%;
}

#content .archive-list .archive-thumbnail a {
    display: block;
    outline: none;
}

#content .archive-list .archive-thumbnail canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#content .archive-list .article-long .archive-thumbnail {
    width: 60%;
}

#content .archive-list .article-long .archive-has-thumbnail {
    width: 37%;
    margin-left: 3%;
}

#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
    margin-top: 0;
    font-size: 32px;
}

#content .archive-list .article-long p {
    font-size: 22px;
}

#content .archive-more {
    font-style: normal;
    text-decoration: none;
}

element.style {
}
#content .archive-list .post {
    border-bottom: none;
}
#content .archive-list > article {
    float: none;
}
#content .post {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.category .post, .archive .post {
    border-bottom: 1px dotted;
}
[data-aios-reveal=true]:not([data-aios-reveal-mobile=true]),
[data-aios-staggered-child=true]:not([data-aios-reveal-mobile=true]) {
    opacity: 1 !important;
}
/** End of Archive Default Layout (Archive Page) */

/** Button */
a.btn-a,
.btn-a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 338px;
    padding: 26px 0 23px;
    font-size: 13px;
    letter-spacing: .46em;
    color: #212121;
    font-family: 'Source Serif Pro', serif;
    text-transform: uppercase;
    border: 1px solid rgba(42, 42, 42, 0.3);
    background: transparent;
    text-align: center;
    -webkit-transition: background .3s, color .3s, border .3s;
    -o-transition: background .3s, color .3s, border .3s;
    transition: background .3s, color .3s, border .3s;
}

a.btn-a:hover,
.btn-a:hover {
    background: #2a2a2a;
    border-color: #2a2a2a;
    color: #fef2c2;
}

select[name="city[]"] {
      width: 100%;
    height: 20px;
    border: none;
    border-bottom: 1px solid #231f20;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.17em;
    padding: 0 10px;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    color: #676465;
}

.ip-slideshow {
    position: relative;
}

.ip-slideshow::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    opacity: .55;
}

/* ip video list */
.ip-video-list {
    font-size: 0;
}

    .ip-video-item {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        padding: 5px;
    }

        .ip-video-item a {
            display: block;
            position: relative;
        }

            .ip-video-item .ip-video-img {
                position: relative;
            }

                .ip-video-item .ip-video-img canvas {
                    opacity: .80;
                    display: block;
                    width: 100%;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    -webkit-transition: all 0.4s ease-in-out;
                    -moz-transition: all 0.4s ease-in-out;
                    -o-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out;
                }

                .ip-video-item a:hover .ip-video-img canvas {
                    opacity: 1;
                }

                .ip-video-details {
                    position: absolute;
                    left: 0;
                    width: 100%;
                    bottom: 0;
                    background: #d0d0d0;
                    padding: 15px;
                    -webkit-transition: all 0.4s ease-in-out;
                    -moz-transition: all 0.4s ease-in-out;
                    -o-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out;
                }

                    .page-template-press-media #content .ip-video-details h3 {
                        font-size: 17px;
                        font-family: 'EB Garamond', serif;
                        color: #fff;
                        letter-spacing: 0.07em;
                        display: block;
                        font-weight: 500;
                        margin: 0;
                        line-height: normal;
                    }

        .ip-video-item p {
            display: none;
        }
/** End of Button */

.page-id-272 .ip-p-qs,
.page-id-277 .ip-p-qs {
    display: none !important;
}

.header-info li li.nav-padding {
    line-height: 1.5;
}

.page-template-birmingham .fp-ip-info,
.page-template-lake .fp-ip-info,
.page-template-property .fp-ip-info {
    background-color: #d0d0d0;
}

.page-id-280 .fp-inner,
.page-id-283 .fp-inner,
.page-id-286 .fp-inner,
.page-id-288 .fp-inner {
    display: none;
}



.page-id-280 .ip-p-qs,
.page-id-283 .ip-p-qs,
.page-id-286 .ip-p-qs,
.page-id-288 .ip-p-qs  {
    display: none;
}

/*Communities Style*/
.ip-featured-communities-area {
    position: relative;
    padding: 50px 0;
    margin: 0 -15px;
}

.ip-featured-communities-area .fc-list {
    padding: 4px;
    position: relative;
}

.ip-featured-communities-area .fc-list a {
    display: block;
    position: relative;
}

.ip-featured-communities-area .fc-list a::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
    background-color: rgba(0,0,0,.4);
    opacity: 0;
}

.ip-featured-communities-area .fc-photo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ip-featured-communities-area .fc-list a:hover .fc-photo{
    opacity: .45;
}

.ip-featured-communities-area .fc-photo canvas {
    display: block;
    width: 100%;
    background: var(--primary-color);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ip-featured-communities-area .fc-list a:hover .fc-photo canvas {
    opacity: .9;
}

.ip-featured-communities-area .fc-label {
    font-family: var(--primary-font);
    font-weight: 600;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: 0 0 0 #000;
    font-weight: 500;
}

.ip-featured-communities-area .fc-label span {
    font-weight: 600;
}

.ip-featured-communities-area .fc-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

.ip-featured-communities-area .fc-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -110px;
    font-size: 0;
}

.ip-featured-communities-area .fc-holder {
    margin: 0 auto !important;
}

.ip-featured-communities-area .fc-col1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.ip-featured-communities-area .fc-col1 .fc-list {
   /*  width: 50%; */
}

.ip-featured-communities-area .fc-col1 .fc-list {
    width: calc(100% / 3 - 5px);
}

.ip-featured-communities-area .fc-col2 {
    width: 26.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ip-featured-communities-area .fc-col2 .fc-list a,
.ip-featured-communities-area .fc-col2 .fc-photo,
.ip-featured-communities-area .fc-col2 .fc-photo canvas {
    height: 100%
}

.ip-featured-communities-area .fc-col3 {
    width: 24.5%;
}

.ip-featured-communities-area .fc-list.fc-title {
    position: relative;
}

.ip-featured-communities-area .fc-title {
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: var(--primary-font);
    color: var(--secondary-color);
    line-height: 1.15;
    position: relative;
    text-align: center;
}

.ip-featured-communities-area .fc-title span {
    display: block;
    font-weight: 600;
}

.ip-featured-communities-area .fc-title-inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    width: 100%;
    height: 100%;
}

.ip-featured-communities-area .fc-title-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #ded1c1;
    height: 100%;
}

.ip-featured-communities-area .fc-col3 .fc-list {
    height: calc(100% / 3);
}

/* ip community banner */
.ip-comm-banner {
    position: relative;
}

.ip-comm-banner::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
    opacity: .55;
}

.ip-comm-banner canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ip-comm-banner-title {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
}

#content .fp-content .ip-comm-banner-title h2,
#content .fp-content .ip-comm-banner-title h3 {
    margin: 0;
    line-height: 1;
}

#content .fp-content .ip-comm-banner-title h2,
#content .fp-content .ip-comm-banner-title h3 {
    margin: 0;
    line-height: 1;
    font-size: 42px;
    letter-spacing: 0.15em;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    text-transform: uppercase;
}


#content .fp-content h2,
#content .fp-content h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 35px;
    text-transform: uppercase;
}
/* hide community slideshow */
.page-id-280 .ip-slideshow,
.page-id-272 .ip-slideshow,
.page-id-286 .ip-slideshow,
.page-id-288 .ip-slideshow {
    display: none;
}

.page-template-lake .ip-p-banner-title,
.page-id-277 .ip-p-banner {
    display: none;
}

.page-id-378 p#breadcrumbs {
    /*display: none;*/
    margin-left: 150px;
}


.category-testimonials #content-sidebar #content,
.page-id-73 #content-sidebar #content {
    width: 100%;
}

.category-testimonials .sidebar,
.page-id-73 .sidebar{
    display: none;
}

.category-blog div#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

#content.aios-testimonials-page .show-more-testimonials{
    display: none !important;
}

#content .aios-testimonials-lists > div{
    min-height: 392px;
}

.page-id-73 .ip-banner canvas{
    background-image: url(images/property-banner-new.jpg) !important;
}

#IDX-propStatus-group label.IDX-control-label{
    display: block !important;
}

.grecaptcha-badge {
    z-index: 1010 !important;
}

#content .contact-main .contact-smis > a {
    margin: 0 2px;
}

#main-wrapper {
    z-index: unset;
}

.select2-drop-mask {
    z-index: 8;
}

.select2-drop {
    z-index: 9;
}

ul#ihf-search-location-tabs, ul#ihf-detail-extrainfotabs,
ul.chosen-results {
    margin-left: 0px !important;
    padding-left: 0px !important;
}
#ihf-main-container .nav-tabs {
    margin-left: 0;
}

div#IDX-main ul {
    margin-left: 0 !important;
}

#content .contact-main > .contact-phone-email > span:last-child {
    margin: -4px 0 0;
}

ul.sitemap-list li:nth-child(73), ul.sitemap-list li:nth-child(68), ul.sitemap-list li:last-child {
    display: none;
}

.ip-team-details {
    text-align: center;
    margin: 30px 0 0;
}

.ip-team-details .ip-team-title span {
    font-size: 28px;
}

.page-template-templatesmeet-team-php .ip-p-banner canvas {
    /* background-image: url('https://kathybroock.com/wp-content/uploads/2023/08/about-banner-3.jpg') !important; */
}

#IDX-registrationDefaultMessage a.close.psudolink {
    display: none;
}

.category-testimonials #content .aios-testimonials-lists {
  display: block;
}

.recog-flex2 {
    padding: 40px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recog-flex2 img {
    margin: 0 20px;
}

.properties-grid-item-labels {
    position: absolute;
    /* left: 0; */
    right: 0;
    top: 0;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    letter-spacing: 1.5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.properties-grid-item-labels .status {
    border-radius: 3px;
    text-transform: uppercase;
    padding: 9px 15px;
    color: black;
    background-color: rgba(255, 255, 255, 0.75);
}


.aiosp-content.aios-popup-body.aix-testimonial-wrap p {
    margin-bottom: 20px;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap p.aix-testimonial-full {
    display: none;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap h2 {
    padding: 0 !important;
}

.aiosp-content.aios-popup-body.aix-testimonial-wrap .star_rating_display {
    display: none;
}

.post-page-birmingham .ip-slideshow .cycloneslider,
.post-page-the-bloomfields .ip-slideshow .cycloneslider,
.post-page-west-bloomfield-and-orchard-lake .ip-slideshow .cycloneslider,
.post-page-commerce-and-walled-lake .ip-slideshow .cycloneslider,
.post-page-keego-harbor-and-sylvan-lake .ip-slideshow .cycloneslider,
.post-page-franklin-and-bingham-farms-and-beverly-hills .ip-slideshow .cycloneslider,
.post-page-pleasant-ridge-and-huntington-woods .ip-slideshow .cycloneslider,
.post-page-royal-oak-and-berkley-and-ferndale .ip-slideshow .cycloneslider,
.post-page-southfield-and-lathrup-village .ip-slideshow .cycloneslider,
.post-page-northville .ip-slideshow .cycloneslider,
.post-page-novi-and-farmington .ip-slideshow .cycloneslider,
.post-page-troy .ip-slideshow .cycloneslider,
.post-page-rochester-and-rochester-hills .ip-slideshow .cycloneslider,
.post-page-lake-orion-and-clarkston .ip-slideshow .cycloneslider {
    display: none;
}

.post-page-birmingham .ip-slideshow .ip-p-banner-title,
.post-page-the-bloomfields .ip-slideshow .ip-p-banner-title,
.post-page-west-bloomfield-and-orchard-lake .ip-slideshow .ip-p-banner-title,
.post-page-commerce-and-walled-lake .ip-slideshow .ip-p-banner-title,
.post-page-keego-harbor-and-sylvan-lake .ip-slideshow .ip-p-banner-title,
.post-page-franklin-and-bingham-farms-and-beverly-hills .ip-slideshow .ip-p-banner-title,
.post-page-pleasant-ridge-and-huntington-woods .ip-slideshow .ip-p-banner-title,
.post-page-royal-oak-and-berkley-and-ferndale .ip-slideshow .ip-p-banner-title,
.post-page-southfield-and-lathrup-village .ip-slideshow .ip-p-banner-title,
.post-page-northville .ip-slideshow .ip-p-banner-title,
.post-page-novi-and-farmington .ip-slideshow .ip-p-banner-title,
.post-page-troy .ip-slideshow .ip-p-banner-title,
.post-page-rochester-and-rochester-hills .ip-slideshow .ip-p-banner-title,
.post-page-lake-orion-and-clarkston .ip-slideshow .ip-p-banner-title {
    position: relative;
}

.post-page-birmingham .ip-p-qs,
.post-page-the-bloomfields .ip-p-qs,
.post-page-west-bloomfield-and-orchard-lake .ip-p-qs,
.post-page-commerce-and-walled-lake .ip-p-qs,
.post-page-keego-harbor-and-sylvan-lake .ip-p-qs,
.post-page-franklin-and-bingham-farms-and-beverly-hills .ip-p-qs,
.post-page-pleasant-ridge-and-huntington-woods .ip-p-qs,
.post-page-royal-oak-and-berkley-and-ferndale .ip-p-qs,
.post-page-southfield-and-lathrup-village .ip-p-qs,
.post-page-northville .ip-p-qs,
.post-page-novi-and-farmington .ip-p-qs,
.post-page-troy .ip-p-qs,
.post-page-rochester-and-rochester-hills .ip-p-qs,
.post-page-lake-orion-and-clarkston .ip-p-qs {
    display: none;
}

#nav li.menu-item-381 .sub-menu, #nav2 li.menu-item-381 .sub-menu {
        width: 700px;

    display: flex;
    flex-flow: row wrap;
}

#nav li.menu-item-381 .sub-menu li, #nav2 li.menu-item-381 .sub-menu li {
    width: 50%;
}

#nav li.menu-item-381 .sub-menu li:nth-child(2) a, #nav2 li.menu-item-381 .sub-menu li:nth-child(2) a {
    border-top: 1px solid #c7c7c7;
}

.ip-property .cycloneslider-canvas {
	min-height: 472px;
}

#nav > li > .sub-menu li > .sub-menu {
	display: none;
}

#nav > li > .sub-menu li:hover .sub-menu {
	display: flex;
}

#nav2 > li > .sub-menu li > .sub-menu {
	display: none;
}

#nav2 > li > .sub-menu li:hover .sub-menu {
	display: flex;
}

.hp-blog {
	display: none;
}

.page-id-40 .ip-featured-communities-area .fc-col1 {
	width: 100%;
}

#content .communities-wrap .communities-lists {
	list-style: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 0;
	font-weight: 600;
}

#content .communities-wrap ul.communities-lists li a {
	border-bottom: 1px solid;
	width: 100%;
	display: block;
	padding: 10px;
}

.ip-featured-communities-area.press-media .fc-col1 {
	width: 100%;
}

.page-id-23619 .ip-banner canvas {
	background-image: url(https://kathybroock.com/wp-content/uploads/2023/08/press-banner.jpg) !important;
}

.page-id-283 .ip-banner {
	display: block;
}

.page-id-283 .ip-banner canvas {
	background-image: url(https://kathybroock.com/wp-content/uploads/2023/08/press-banner.jpg) !important;
}

.page-id-23619 .ip-featured-communities-area .fc-photo {
	background-position: right center;
}

.page-id-23619 .ip-featured-communities-area .fc-photo.center-align{
    background-position: center;
}

/* social css */

.aios-smf-theme-three {
 display: block;
 overflow: hidden;
 font-size: 20px;
 margin-left: -15px;
 margin-right: -15px;
}
.aios-smf-theme-three br {
 display: none;
}
.aios-smf-theme-three a {
 color: inherit;
}
.aios-smf-theme-three ul {
 list-style: none !important;
}
.aios-smf-theme-three p {
 margin: 0 !important;
}
.aios-smf-theme-three .aios-smf-header {
 padding: 0 15px;
}
.aios-smf-theme-three .aios-smf-header #theme-title {
 display: block;
 padding: 50px 0;
 color: #333333;
 text-align: center;
}
.aios-smf-theme-three .aios-smf-header #theme-title h2 {
 font-weight: 700;
 font-size: 37px;
 text-transform: uppercase;
 letter-spacing: -3px;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 margin: 22px 0 0;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li {
 margin: 5px;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 133px;
 height: 103px;
 border: solid 1px #999999;
 transition: all 0.3s linear;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a::before {
 content: attr(data-title);
 background-color: rgba(0, 0, 0, 0.5);
 border-radius: 5px;
 display: inline-block;
 min-width: 120px;
 padding: 7px;
 position: absolute;
 left: 50%;
 bottom: 95%;
 font-size: 14px;
 text-align: center;
 color: #ffffff;
 line-height: 1.5;
 transform: translate(-50%, 0);
 transition: opacity 0.3s linear;
 opacity: 0;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a::after {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 7px 7px 0 7px;
 border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
 position: absolute;
 left: 50%;
 bottom: calc(95% - 7px);
 transform: translate(-50%, 0);
 transition: opacity 0.3s linear;
 opacity: 0;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a .ai-smi {
 font-size: 31px;
 margin-right: 8px;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a .social-followers {
 font-size: 12px;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a:hover {
 background-color: #333333;
 border-color: #333333 !important;
 color: #ffffff;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a:hover::before,
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons li a:hover::after {
 opacity: 1;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons[data-layout-inner=compact] li a {
 display: block;
 justify-content: initial;
 align-items: initial;
 width: 123px;
 height: 123px;
}
.aios-smf-theme-three .aios-smf-header #theme-title .social-media-icons[data-layout-inner=compact] li a .ai-smi {
 display: block;
 margin: 33px 0 4px !important;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin-top: 35px;
 font-size: 0;
 padding-bottom: 20px;
 border-bottom: solid 1px #d9d9d9;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed a {
 font-weight: 700;
 font-size: 15px;
 text-transform: uppercase;
 letter-spacing: 0.6em;
 text-decoration: none !important;
 color: #999999;
 margin: 12px 25px;
 transition: color 0.3s linear;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed a:first-of-type {
 margin-left: 0 !important;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed a.filter-active {
 color: #3f3f3f !important;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed a:hover {
 color: #3f3f3f;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed[data-style=underline] a {
 position: relative;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed[data-style=underline] a::before {
 content: '';
 display: block;
 width: calc( 100% - 8px);
 height: 3px;
 background: #3f3f3f;
 position: absolute;
 bottom: -24px;
 left: 0;
 opacity: 0;
 transition: opacity 0.3s linear;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed[data-style=underline] a:hover {
 color: #3f3f3f !important;
}
.aios-smf-theme-three .aios-smf-header #theme-title .filter-feed[data-style=underline] a:hover::before {
 opacity: 1;
}
.aios-smf-theme-three .aios-smf-group {
 margin-top: 90px;
 ;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-title {
 font-weight: 700;
 font-size: 15px;
 text-transform: uppercase;
 letter-spacing: 0.6em;
 text-decoration: none !important;
 color: #999999;
 text-align: center;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-title span {
 display: inline-block;
 font-size: 22px;
 margin-right: 10px;
 vertical-align: middle;
 margin-top: -3px;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 list-style: none !important;
 padding: 0 !important;
 margin: 30px 0 0 !important;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li {
 width: calc( ( 100% / 3 ) - 11px);
 position: relative;
 margin-bottom: 20px;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item {
 display: block;
 position: relative;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item .filter-view-img {
 display: block;
 position: relative;
 z-index: 0;
 overflow: hidden;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item .filter-view-img::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 2;
 background-color: #000000;
 opacity: 0.42;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item .filter-view-img canvas {
 display: block;
 width: 100%;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item .filter-view-status {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 1;
 padding: 0 30px 30px;
 font-weight: 300;
 font-size: 20px;
 color: #ffffff;
 line-height: 23px;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item .filter-view-status .filter-view-time {
 font-size: 12px;
 margin-top: 13px;
}
.aios-smf-theme-three .aios-smf-group .aios-smf-group-items li .aios-smf-group-item .filter-view-status .filter-smi {
 position: absolute;
 bottom: 15px;
 right: 15px;
 z-index: 3;
 font-size: 22px;
 color: #ffffff;
}
.aios-smf-theme-three .aios-smf-group[data-feed-type=facebook] .aios-smf-group-items li .aios-smf-group-item .filter-view-img canvas {
 background-color: #336699;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=styleone] .aios-smf-group-items li .aios-smf-group-item .filter-view-img::before {
 display: none;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=styleone] .aios-smf-group-items li .aios-smf-group-item .filter-view-status {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background: rgba(0, 0, 0, 0.51);
 padding-top: 15px;
 padding-bottom: 15px;
 padding-right: 0;
 font-size: 13px;
 line-height: 23px;
 min-height: 82px;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=styleone] .aios-smf-group-items li .aios-smf-group-item .filter-view-status .filter-smi {
 position: static !important;
 padding: 0 15px;
 font-size: 30px;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=styletwo] .aios-smf-group-items li .aios-smf-group-item .filter-view-img::before {
 display: none;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=styletwo] .aios-smf-group-items li .aios-smf-group-item .filter-view-img canvas {
 background-color: #999999;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=styletwo] .aios-smf-group-items li .aios-smf-group-item .filter-view-status {
 background: #999999;
 padding-top: 15px;
 padding-bottom: 15px;
 font-size: 15px;
 line-height: 24px;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=stylethree] .aios-smf-group-items li .aios-smf-group-item .filter-view-status {
 display: flex;
 justify-content: space-between;
 align-items: center;
 background: rgba(0, 0, 0, 0.51);
 padding-top: 15px;
 padding-bottom: 15px;
 padding-right: 0;
 font-size: 21px;
 line-height: 23px;
 min-height: 82px;
}
.aios-smf-theme-three .aios-smf-group[data-feed-style=stylethree] .aios-smf-group-items li .aios-smf-group-item .filter-view-status .filter-smi {
 position: static !important;
 padding: 0 15px;
 font-size: 30px;
}
.aios-smf-theme-three[data-layout=ungrid] .aios-smf-group .aios-smf-group-items {
 padding: 108px 0 0 !important;
}
.aios-smf-theme-three[data-layout=ungrid] .aios-smf-group .aios-smf-group-items li:nth-of-type(2),
.aios-smf-theme-three[data-layout=ungrid] .aios-smf-group .aios-smf-group-items li:nth-of-type(5),
.aios-smf-theme-three[data-layout=ungrid] .aios-smf-group .aios-smf-group-items li:nth-of-type(8),
.aios-smf-theme-three[data-layout=ungrid] .aios-smf-group .aios-smf-group-items li:nth-of-type(11) {
 margin-top: -108px;
}

/* .page-id-23376 .ip-banner canvas {
	background-image: none !important;
} */

.communities-wrap img {
	width: 100%;
	height: 795px;
	object-fit: cover;
}

.page-id-23621 .ip-banner {
	display: block;
}

.page-id-23621 .ip-property-top {
	display: none;
}

.recog-flex > div:nth-child(1) img, .recog-flex > div:nth-child(2) img {
	filter: grayscale();
	opacity: .6;
}

.recog-flex img {
	padding: 0 12px;
}

.footer-logo a {
	margin-bottom: 40px;
	display: block;
}

.page-id-23376 .ip-featured-communities-area .fc-label {
	text-align: center;
}

.broker-logo img {
	display: inline-block;
	padding: 0 10px;
	width: calc(100% / 2);
	vertical-align: middle;
}

.page-id-40 #inner-page-wrapper > .container,
.page-id-41 #inner-page-wrapper > .container,
.page-id-23619 #inner-page-wrapper > .container,
.page-id-23795 #inner-page-wrapper > .container {
	width: 100%;
	/* max-width: 1425px; */
	padding-left: calc(12.5% + 10px);
	padding-right: 12.5%;
}

.page-id-378 #inner-page-wrapper > .container {
	width: 100%;
	/* max-width: 1425px; */
	padding-left: 12.5%;
	padding-right: 12.5%;
}

.page-id-378 .communities-wrap .col-md-6:nth-child(1) {
	padding: 3px;
}

.page-id-40 #breadcrumbs,
.page-id-41 #breadcrumbs,
.page-id-23619 #breadcrumbs,
.page-id-23795 #breadcrumbs,
.page-id-378 #breadcrumbs {
	display: none;
}

.page-id-23376 .p-qs-form {
	display: none;
}

.page-id-23376 .ip-banner {
	display: block;
}

.page-id-23376 .ip-slideshow {
	display: none;
}

.page-id-24516 .ip-slideshow div.cycloneslider-slides {
	display: none;
}

.page-id-24516 .propert-qs {
	display: none;
}

.page-id-24516 #cycloneslider-birmingham-the-bloomfields-1 {
	display: none;
}

.page-id-24516 .ip-slideshow .ip-p-banner-title {
	position: relative;
}

/* .footer-logo a {
	text-align: center;
}

.footer-logo img {
	display: inline-block;
	height: 5vw;
	width: auto;
	padding: 0 5px;
} */


.page-id-25567 p#breadcrumbs,
.category-7 p#breadcrumbs,
.category-kathys-lens p#breadcrumbs,
.category-testimonials p#breadcrumbs,
.page-id-6364 p#breadcrumbs{
    opacity: 0;
}

.page-id-25567 .ip-featured-communities-area.press-media .fc-col1{
    justify-content: center;
}

.page-id-23621 .fp-content{
    font-size: 20px;
}

.audio-wrap h3 strong span {
	text-transform: none;
}

.page-id-6364 .aios-smf-group {
	display: none;
}

.page-id-6364 .filter-feed {
	display: none !important;
}

.page-id-6364 .aios-smf-theme-three {
	display: none !important;
}

.page-id-6364 .aios-smf-theme-three.active {
	display: block !important;
}

.category-testimonials .aiosp-wrap .aiosp-container .aios-popup-body {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 3% 5%;
	min-height: 0;
	max-width: 900px;
	text-align: center;
}

.category-testimonials .aiosp-wrap .aiosp-container .aios-popup-body p {
	line-height: 30px;
}

.category-testimonials .aiosp-wrap .aiosp-container .aios-popup-body h3 {
	font-weight: 600;
	margin-top: 30px;
}

.glyphicon-ok:before {
    content: "\e013";
}
.hp-video-wrap {
	/* max-width: 1440px; */
	margin: 50px auto 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 54.50%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-id-28819 .slick-slide > div {
	display: inline-block;
	width: calc(100% / 2);
}

.page-id-28819 .propert-qs {
	display: none;
}

.page-id-28819 .ip-property .cycloneslider-canvas {
    background: url(https://kathybroock.com/wp-content/uploads/2023/07/birmingham.jpg);
    width: 100%;
    position: relative;
}

.page-id-28819 .cycloneslider-template-responsive .cycloneslider-slides {
    display: none;
}

.podcast-list {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

.podcast-list a {
	display: block;
	width: 100%;
}

.podcast-list a div {
	display: inline-block;
	/* width: calc(100% / 2 - 10px); */
}

.podcast-list a div:first-child {
	text-align: left;
}

.podcast-list a div:last-child {
	text-align: right;
	float: right;
}

.podcast-list a div:nth-child(2) span {
	margin-right: 15px;
	width: 40px;
	height: 40px;
	display: inline-flex;
	text-align: center;
	background: #ebbb3c;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 14px;
	color: #fff;
}

.podcast-list a img {
	width: 25px;
	margin-left: 10px;
}

.podcast-lists .podcast-list {
	padding: 10px;
	display: flex;
	align-items: center;
}

.podcast-lists .podcast-list:first-child {
	background: #cccccc;
	padding: 10px;
}

.podcast-list p {
  font-size: 0;
  display: inline-block;
}

.page-template-press-media .aiosp-wrap .aiosp-container.aiosp-inline-holder .aios-popup-body {
	max-width: 500px;
	min-height: 0;
}

.aupod-wrap audio {
	width: 100%;
}

.aupod-wrap h2 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}




.header-logo img {
    padding: 10px 20px;
    margin-left: 0;
    margin-right: 0;
}

.header-logo img:first-child {
    border-right: 1px solid #d9d9d9;
}