/*--kv6v3 custom.css--*/

/*--Typography--*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&family=Poppins&display=swap');
body,.font-sans{font-family:'Poppins',sans-serif;}
.h1,.h2,.h3,.h4,.h5,.h6,.section-inverse h1,h1,h2,h3,h4,h5,h6{font-family:'Playfair Display', serif}
.custom-content p,.custom-content li{font-size:1.2rem;letter-spacing:0em;line-height:1.65em}
.text-right{text-align:right}
.text-white{color:#fff}
@media (min-width: 768px){.text-md-center{text-align:center}.text-md-left{text-align:left}}

/*--Create equal height no-gutter columns--*/
.row.eq-height {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row.eq-height > .col-xs-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}
@media (min-width: 768px){.row.eq-height > .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
                          .row.eq-height > .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
                          .row.eq-height > .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}
.row.no-gutters{margin-right:0;margin-left:0;}
.row.no-gutters>[class*=col-]{padding-right:0;padding-left: 0;}

/*4-side equal gutters on columns*/
.row.equal-gutters{margin:7px}
.row.equal-gutters>[class*=col-]{padding:7px}

/*--Bootstrap Utility--*/
.flex-column{flex-direction:column}
.align-items-center{align-items:center}
.p-x-4{padding-left:4rem;padding-right:4rem}
.p-x-5{padding-left:5rem;padding-right:5rem}
@media (min-width: 768px){
    .m-x-md-0{margin-left:0!important;margin-right:0!important}
    .p-t-md-3{padding-top:3rem!important;padding-top:3rem!important}
    .p-b-md-3{padding-bottom:3rem!important;padding-bottom:3rem!important}
    .p-x-md-3{padding-left:3rem!important;padding-right:3rem!important}
    .p-x-md-4{padding-left:4rem!important;padding-right:4rem!important}
    .p-x-md-5{padding-left:5rem!important;padding-right:5rem!important}
}
@media (min-width: 992px){
    .p-x-lg-3{padding-left:3rem!important;padding-right:3rem!important}
    .p-x-lg-4{padding-left:4rem!important;padding-right:4rem!important}
    .p-x-lg-5{padding-left:5rem!important;padding-right:5rem!important}
}
.opaque{opacity:1!important}

/*--kvCORE Resets--*/
#home-bodycontent .main > .main-inner > .content > .container,
#home-bodycontent .main > .main-inner > .content > .container-fluid,
#home-bodycontent .main > .main-inner > .content > .container > #categories,
#home-bodycontent .main > .main-inner > .content > .container-fluid > #categories {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}
#home-bodycontent .information-bar,
#home-bodycontent #testimonials-carousel,
#home-bodycontent #about{display:none}

/*--Social Broker Logo--*/
#social-broker-logo {
    height: 30px;
    margin-top: -2px;
    filter: brightness(0);
}
#home-bodycontent #social-broker-logo,
#header.primary-color #social-broker-logo,
#header.secondary-color #social-broker-logo {
    filter: brightness(0) invert(1);
}

body #header #primary-logo img,
body #header #secondary-logo img {
    filter: brightness(0) invert(1);
}
body:not(#home-bodycontent) #header:not(.primary-color):not(.secondary-color) #primary-logo img {
    filter: brightness(0);
}
body:not(#home-bodycontent) #header:not(.primary-color):not(.secondary-color) #secondary-logo img {
    filter: none
}

#home-bodycontent #hero-title-inner h1 {
    text-transform: uppercase;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
#home-bodycontent #hero-title-inner h2 {
    text-transform: uppercase;
    font-size: 1rem;
}
#home-bodycontent #hero-title-inner img {
    display: block;
    width: 600px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
#home-bodycontent #froala-editor:not(.fr-box) #hero-title-inner {
    display: none;
}

/*--Clean Hero Banner--*/
#home-bodycontent .cover-title{opacity:0;transition:opacity 0.25s ease}
#home-bodycontent .cover-title-inner{text-align:center}
#home-bodycontent .cover-title-inner .hero-tagline{width:600px;max-width:90%;backface-visibility:hidden}

/*--Zilly Horizontal Search--*/
    #home-bodycontent #horizontal-search {
        max-width: 780px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    #home-bodycontent #horizontal-search .form-group {
        display:none;
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group {
        display: inline-block;
        width: calc(100% - 72px);
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group .form-control {
        height: 72px;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 18px;
        line-height: 18px;
        border-radius: 0;
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group .token-input.tt-input {
        height: 24px;
    }
    #home-bodycontent #horizontal-search .form-group.location-form-group .tokenfield .token .close {
        line-height: 1;
    }
    #home-bodycontent #horizontal-search .form-group:last-of-type {
        display: inline-block;
        width: 72px;
    }
    #home-bodycontent #horizontal-search #qs-submit {
        height: 72px;
        border-radius: 0 4px 4px 0;
    }
    #home-bodycontent #horizontal-search #qs-submit .fa{
        margin-right: 0;
        font-size: 22px;
        line-height: 44px;
    }
    #home-bodycontent #horizontal-search #listing_search_form ~ .row > [class*=col-] {
        padding: .5rem 0 0 !important;
    }
    #home-bodycontent #horizontal-search #more-options {
        float: right;
        background: transparent;
    }
    #home-bodycontent #horizontal-search #more-options i {
        display: none;
    }
/*--Add tab navigation above horizontal search--*/
    .search-tabs.nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    .search-tabs.nav .nav-item {
        position: relative;
        margin: 0 12px 4px 12px;
    }
    .search-tabs.nav .nav-item:first-child {
        margin-left: 0;
    }
    .search-tabs.nav .nav-link::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        visibility: hidden;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }
    .search-tabs.nav .nav-link.active::before,
    .search-tabs.nav .nav-link:hover::before {
        visibility: visible;
        transform: scaleX(1);
    }
    .search-tabs.nav .nav-link {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

/*--Custom Content--*/
h1.section-title{font-size:3rem}
h1.section-title .subtitle{display:block;font-size:16px}
hr.title-accent{width:148px;margin-top:28px;margin-bottom:28px;border-top:1px solid rgba(0,0,0,0.4)}
.section-inverse hr.title-accent{border-top:1px solid rgba(255,255,255,0.4)}


#agent-intro .headshot-cover{object-fit:cover;width:100%;height:100%}
#agent-intro .headshot-contain{object-fit:contain;width:100%;height:100%}
#agent-intro .agent-details{position:absolute;bottom:0;width:100%;background-color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),.5)}
#agent-intro .agent-name{font-size:1.1rem}

#search-metro figure {
  position: relative;
  display: block;
  width: 100%;
  height: 360px;
  margin-bottom: 0;
  overflow: hidden;
}
#search-metro figure img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#search-metro figcaption {
  width: 100%;
  height: 100%;
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}

#search-metro figcaption h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  margin-bottom: 0;
  text-shadow: 0px 1px 14px #000;
}

#search-metro figcaption h3:hover {
  color: #fff;
  text-decoration: none;
}

#search-metro figure:hover img {
  opacity: 1;
  filter: brightness(50%);
}

#search-metro figure .list-group {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  opacity: 0;
}
#search-metro figure .list-group a.btn {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#search-metro figure:hover .list-group {
  top: 0;
  transform: translateY(0);
  opacity: 1;
}

#home-bodycontent #froala-editor.fr-box #search-metro figure {
    height: 720px;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure img {
    height: 360px;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure figcaption {
    height: 100px;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure .list-group {
    height: 360px;
    transform: none;
    opacity: 1;
}
#home-bodycontent #froala-editor.fr-box #search-metro figure:hover .list-group {
    top: unset;
    transform: none;
}

#testimonials-intro .col-md-4{min-height:600px}
#testimonials-intro blockquote{background-color:transparent}
#testimonials-intro .blockquote-footer:before{display:none}
#testimonials-intro .blockquote-footer .fa-star.visible-star{color:#c5a95e}
#testimonials-intro.section-inverse blockquote{color:#fff;border-color:#fff}
#testimonials-intro #rate-my-agent {
    display: block;
    width: 200px;
    max-width: 50%;
    margin: 0 auto;
}
@media (min-width: 768px) {
    #testimonials-intro #rate-my-agent {
        width: 136px;
        position: absolute;
        bottom: 30px;
        right: 30px;
    }
}

#area-intro .col-md-4{min-height:600px}

.section-inverse #areas-we-cover .background-white {
    background-color: transparent;
}
.section-inverse #areas-we-cover .background-white a {
    color: #fff;
}

@media (max-width: 580px), screen and (orientation: portrait) {
    .cover-image {
        background-size: cover;
    }
    .listing-carousel-wrapper .owl-carousel button.owl-prev {
        left: -40px;
    }
    .listing-carousel-wrapper .owl-carousel button.owl-next {
        right: -40px;
    }
}




.parallax__container {
    clip: rect(0, auto, auto, 0);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    -z-index: -100;
}
.parallax {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
 
    /* BG behaviour */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.listings.container .owl-carousel {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
}

.listings.container .listing-box-wrapper {
    background: transparent;
    border: none;
}
.listings.container .listing-box {
    box-shadow: 0px 15px 10px -15px rgb(0 0 0 / 30%);
}
.listings.container .owl-nav button {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%);
}
.listings.container .owl-nav button i.fa {
    color: hsla(var(--colorPrimary-h,0),var(--colorPrimary-s,0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}

.footer-bottom .footer-left {
    float: none;
    text-align: center;
}
.footer-bottom .footer-left ul {
    display: inline-block;
}
#design-creds {
    clear: both;
}
#design-creds a {
    color: rgba(255,255,255,0.5);
    font-size: .8rem;
}
.post-content p {
    color: #575757;
}
.footer-top-right p {
    color: #f0f0f0 !important;
}

/*--Default kvCORE Page Customizations--*/

    /*--Agent's Profile Page--*/
        #agent-bodycontent {
            background-color: #fff;
        }
        #agent-bodycontent .listing-user-image {
            display: block;
            width: 320px;
            height: 320px;
            margin: 0 auto;
            box-shadow: none;
        }
        @media only screen and (min-width: 992px) { 
            #agent-bodycontent .listing-user-image {
                display: inline-block;
                margin: 0 30px 0 0;
            }
        }
        #agent-bodycontent .listing-user:hover .listing-user-image {
            background-color: transparent;
        }
        #agent-bodycontent .listing-user-image > a {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 0%;
        }
        #agent-bodycontent .listing-user:hover .listing-user-image > a {
            cursor: default;
        }
        #agent-bodycontent #custom-user-social {
            display: block;
            width: 100%;
            position: absolute;
            top: unset;
            bottom: 0;
            left: 50%;
            right: 50%;
            transform: translateX(-50%);
            margin: 0 !important;
        }
        #agent-bodycontent #custom-user-social > ul {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
        #agent-bodycontent #custom-user-social > ul > li {
            float: none;
            margin: 0 6px;
        }
        #agent-bodycontent #custom-user-social > ul > li > a {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
            bottom: unset;
        }
        #agent-bodycontent .listing-user-title {
            display: block;
            text-align: center;
        }
        @media only screen and (min-width: 992px) { 
            #agent-bodycontent .listing-user-title {
                display: inline-block;
                text-align: left;
            }
        }
        #agent-bodycontent table.contact {
            box-shadow: none;
        }
        #agent-bodycontent .listing-detail .row > .col-lg-7 [class*=col-] {
            width: 100%;
        }

    /*--Contact Page--*/
        #contact-bodycontent {
            background-color: #fff;
        }
        #contact-bodycontent .main-wrapper + .container-fluid {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        #contact-bodycontent .main-wrapper + .container-fluid > .container-fluid .container-fluid {
            margin-bottom: 0 !important;
        }
        #contact-bodycontent table.contact {
            box-shadow: none;
        }

/*--Home Page Editor--*/
#site-editor-screencast {
    position: fixed;
    z-index: 9999;
    bottom: 1rem;
    left: 1rem;
    max-width: 360px;
    border: 1px solid #ebe9e9;
    box-shadow: 1px 1px 15px -4px rgb(0 0 0 / 20%);
}
#close-screencast {
    position: absolute;
    top: -18px;
    right: 12px;
    padding: 0;
    margin: 0;
    border: 0;
}
#close-screencast .fa-stack-2x {
    height: 27.2px;
    width: 27.2px;
    transition: all .3s ease;
}
#close-screencast:hover .fa-stack-2x {
    transform: rotateZ(270deg);
}
#close-screencast .fa-times-circle {
    color: #e50000;
}
#close-screencast .fa-times-circle,
#close-screencast .fa-circle {
    line-height: 1;
}


.footer-top {
    background-color: hsla(var(--colorPrimary-h, 0),var(--colorPrimary-s, 0%),calc(var(--colorPrimary-l, 25%) + 0%),1);
}




/*--CUSTOM PAGES--*/
.position-relative{position:relative}
.overflow-hidden{overflow:hidden}
.d-block{display:block}
.d-inline-block{display:inline-block}
.flex-column{flex-direction:column}
.align-items-center{align-items:center!important;}
.h-100{height:100%}
.w-100{width:100%}
.text-white{color:#fff}
.object-fit-container{min-height:360px;z-index:1}
.object-fit-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
/*Fixed Background Styling*/
    .bg-wrap-fixed + .container {
        transform: translateZ(0);
        will-change: transform;
    }
    .bg-wrap-fixed {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        clip: rect(0, auto, auto, 0);
    }
    .bg-wrap-fixed img {
        position: fixed;
        z-index:0;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform: translateZ(0);
        will-change: transform;
        filter:brightness(.5);
    }
    .bg-wrap-fixed img::after {
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        background-color:#000;
        opacity:0.2
    }
#resources-bodycontent .bg-wrap-fixed img {
    filter:brightness(.5);
}
/*--Buyer & Seller Resources Pages--*/
        .full-width{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
        .bee-editor-container .bee-html-block { text-align:unset}
        .z-index-1{z-index:1}
        #custom-content p {margin: 0 0 20px;}
        #custom-content a.btn-primary{color:#fff}
        #custom-content a.btn-white{color:#000}
        /*Quick Search Styling*/
        #quick-search-wrapper{z-index:4}
        #quick-search-wrapper #quick-search{display:block !important;position:relative;z-index:3}
        #quick-search-wrapper #quick-search #header-search{display:flex;width:100%;align-items:center;margin-top:-14px}
        #quick-search-wrapper #quick-search #header-search::before,
        #quick-search-wrapper #quick-search #header-search::after{content:'';display:inline-block;width:16px;height:80px;border:1px solid #ffffff}
        #quick-search-wrapper #quick-search #header-search::before{border-right:none}
        #quick-search-wrapper #quick-search #header-search::after{border-left:none}
        #quick-search-wrapper .input-group.location-form-group{width: calc( 100% - 32px);}
        #quick-search-wrapper .token-input.tt-input{width:100%!important}
        #quick-search-wrapper .input-group-addon{position:relative;width:40px}
        #quick-search-wrapper .input-group-addon i.fa{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
        #quick-search-wrapper .tt-menu{min-width:unset!important;width: calc(100% + 68px) !important;margin:16px 0 0 -14px}
        #quick-search-wrapper #adv-search-btn{margin:-8px;padding:0 10px 0 0}
        #quick-search-wrapper #adv-search-btn i.fa{padding:10px;border-right:1px solid #c3c3c3;color:inherit;}
        @media (min-width: 768px){
            #quick-search-wrapper #quick-search{display:flex!important;align-items:center}
            #quick-search-wrapper #quick-search #quick-search-title{width:114px;margin-right:12px;font-size:1.75rem;}
            #quick-search-wrapper #quick-search #header-search{margin-top:0}
        }
        /*Roadmap Styling*/
        #roadmap .row .col-md-6{border-left:1px solid #ccab6c}
        #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before,
        #roadmap .row:nth-child(even) .col-md-6:nth-child(even)::before{display:block;position:absolute;top:.25rem;left:-.3625rem;font-family:"FontAwesome";font-size:.75rem;color:#ccab6c;content:'\f111'}
        #roadmap span.h5{font-size:1rem}
        #roadmap span.h5::before,
        #roadmap span.h5::after{display:inline-block;content:"";border-top:1px solid #fff;width:45px;margin:0 12px;transform:translateY(-6px)}
        #roadmap h4{font-weight:600}
        #roadmap .row .col-md-6 h4{text-align:left}
        #roadmap .row .col-md-6 p{text-align:left}
        #homeowner-badge img{display:block;height:auto;max-width:280px!important;margin:0 auto}
        @media only screen and (min-width: 768px) {
            #roadmap span.h5{font-size:1.25rem}
            #roadmap .row .col-md-6{border-left:none}
            #roadmap .row .col-md-6:first-child{border-right:1px solid #ccab6c}
            #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd)::before{right:-.3625rem;left:unset}
            #roadmap .row:nth-child(odd) .col-md-6:nth-child(odd) h4{text-align:right}
            #roadmap .row .col-md-6 p{text-align:justify}
        }