/*
Theme Name: Your Home Brokerage
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.7
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
 *
 *******************************************************/


/* Sub Menu */
#nav li {
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width: 180px;
    text-align: center;
    left: -150%;
    right: -150%;
    margin: auto;
    padding-top: 10px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: 0.35s ease-in-out;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
}
    .scrolled #nav .sub-menu {
        padding-top: 34px;
    }
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 7px 5px;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
}
#nav .sub-menu a:hover {
    background: transparent;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: calc(100% + 1px);
 	top:0;
    left: 0;
    padding-top: 0;
}
#nav li:hover > .sub-menu {
    transform: none;
    opacity: 1;
    pointer-events: auto;
}
#nav .sub-menu li {
    position: relative;
    width: 100%;
    background: rgba(22,22,22,0.85);
    margin-top: 1px;
    transition: 0.35s ease-in-out;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
}
    #nav .sub-menu li:first-child {
        margin-top: 0;
    }
        #nav .sub-menu li:hover {
            background: rgba(22,22,22,1);
        }


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.02em;
	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; */
}
    body.body-overflow {
        overflow: hidden;
    }

#main-wrapper {
    overflow: hidden;
}

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

/***HEADER***/

    .header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1001;
        font-size: 0;
        letter-spacing: 0;
        padding: 36px 0;
        transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
    }
        .header.scrolled {
            padding: 18px 0;
            background: #000000;
        }
        .header-inner {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
            .header-left {
                width: 115px;
                text-align: center;
            }
                .header-logo {
                    display: block;
                }
                    .header-logo a {
                        display: inline-block;
                        pointer-events: none;
                        opacity: 0;
                        transition: 0.5s ease-in-out;
                        -webkit-transition: 0.5s ease-in-out;
                        -moz-transition: 0.5s ease-in-out;
                        -o-transition: 0.5s ease-in-out;
                    }
                        .scrolled .header-logo a {
                            pointer-events: auto;
                            opacity: 1;
                        }
                        .header-logo img {
                            display: block;
                            width: 100%;
    max-width: 102px;
    filter: brightness(0) invert(1);
                        }
            .header-center {
                width: calc(100% - 230px);
                text-align: center;
            }
                .header-center .navigation {
                    position: relative;
                    display: inline-block;
                }
                    .header-center .navigation #nav {
                    
                    }
                        .header-center .navigation #nav > li {
                            position: relative;
                            display: inline-block;
                            vertical-align: middle;
                            margin: 0 34px;
                        }
                            .header-center .navigation #nav > li:first-child {
                                margin-left: 0;
                            }
                            .header-center .navigation #nav > li:last-child {
                                margin-right: 0;
                            }
                            .header-center .navigation #nav li a {
                                font-size: 15px;
                                text-transform: uppercase;
                                line-height: 1;
                                color: #ffffff;
                                letter-spacing: 0.2em;
                                transition: 0.35s ease-in-out;
                                -webkit-transition: 0.35s ease-in-out;
                                -moz-transition: 0.35s ease-in-out;
                                -o-transition: 0.35s ease-in-out;
                            }
                                .header-center .navigation #nav > li:hover > a {
                                    color: #ccc;
                                }
                                .scrolled .header-center .navigation #nav > li:hover > a {
                                    color: #ccc;
                                }
            .header-right {
                width: 115px;
                text-align: center;
            }
                .header-right .burger-menu {
                    position: relative;
                    display: inline-block;
                    cursor: pointer;
                }
                    .header-right .burger-menu > span {
                        display: block;
                        width: 33px;
                        height: 2px;
                        background: #ffffff;
                        margin: 8px 0;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .header-right .burger-menu > span:first-child {
                            margin-top: 0;
                        }
                        .header-right .burger-menu > span:last-child {
                            margin-bottom: 0;
                        }
                        .header-right .burger-menu:hover > span {
                            background: #757575;
                        }

/***END OF HEADER***/

/***SLIDE MENU***/

    .slide-menu-wrap {
        overflow: hidden;
        position: relative;
        font-size: 0;
        letter-spacing: 0;
    }
        .slide-menu-wrap .slide-menu-backdrop {
            position: fixed;
            z-index: 1002;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            visibility: hidden;
        }
            .slide-menu-wrap .slide-menu-backdrop.active {
                visibility: visible;
            }
            .slide-menu-inner {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                max-width: 100%;
                height: 100%;
                opacity: 1;
                z-index: 1031;
                padding: 40px 15px;
                opacity: 0;
                overflow-y: auto;
                pointer-events: none;
                transition: 0.55s ease-in-out;
                -webkit-transition: 0.55s ease-in-out;
                -moz-transition: 0.55s ease-in-out;
                -o-transition: 0.55s ease-in-out;
            }
                .slide-menu-bg {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
                .slide-menu-bg:before,
                .slide-menu-bg:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
                    .slide-menu-bg:before {
                        background-image: url(images/slide-menu-bg.jpg);
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover;
                        filter: grayscale(1);
                        z-index: -2;
                    }
                    .slide-menu-bg:after {
                        background: rgba(100, 100, 100, 0.95);
                        z-index: -1;
                    }
                .slide-menu-inner.active {
                    opacity: 1;
                    pointer-events: auto;
                }
                    .slide-close {
                        position: absolute;
                        top: 24px;
                        right: 9.5%;
                        font-size: 24px;
                        color: #ffffff;
                        z-index: 3;
                        cursor: pointer;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .slide-close:hover {
                            color: #898989;
                        }
                    .slide-menu-content {
                        position: relative;
                        height: 100%;
                        z-index: 2;
                    }
                        .slide-menu-content-inner {
                            position: relative;
                            width: 100%;
                            max-width: 1084px;
                            margin: auto;
                        }
                        .slide-logo-wrap {
                            position: relative;
                        }
                            .slide-logos-inner {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                            }
                                .slide-logos-inner > div {

                                }
                                    .slide-site-logo {

                                    }
                                        .slide-site-logo a {
                                            display: inline-block;
                                            position: relative;
                                        }
                                            .slide-site-logo img {
                                      
    display: block;
    width: 100%;
    max-width: 80px;
    filter: brightness(0) invert(1);
                                            }
                                    .slide-brokerage-logo {
                                        display: flex;
                                        align-items: flex-end;
                                    }
                                        .slide-brokerage-logo img {
                                            display: block;
                                            width: 100%;
                                        }
                                            .slide-brokerage-logo img:first-child {
                                                max-width: 103px;
                                            }
                                            .slide-brokerage-logo img:last-child {
                                                max-width: 97px;
                                                margin-left: 16px;
                                            }
                            .slide-nav {
                                margin: 47px 0 0;
                            }
                                .slide-nav #nav2 {
                                    display: flex;
                                    justify-content: center;
                                    align-items: flex-start;
                                }
                                    .slide-nav #nav2 > li {
                                        position: relative;
                                        margin: 0 25.3px;
                                        text-align: center;
                                    }
                                        .slide-nav #nav2 > li:first-child {
                                            margin-left: 0;
                                        }
                                        .slide-nav #nav2 > li:last-child {
                                            margin-right: 0;
                                        }
                                        .slide-nav #nav2 > li > a {
                                            font-size: 15px;
                                            letter-spacing: 0.2em;
                                            color: #000000;
                                            text-transform: uppercase;
                                            color: #ffffff;
                                            transition: 0.35s ease-in-out;
                                            -webkit-transition: 0.35s ease-in-out;
                                            -moz-transition: 0.35s ease-in-out;
                                            -o-transition: 0.35s ease-in-out;
                                        }
                                            .slide-nav #nav2 > li:hover > a {
                                                /* text-shadow: 0 0 1px #000000;  */
                                                color: #000;
                                            }
                                            .slide-nav #nav2 .sub-menu {
                                                display: block;
                                                text-align: center;
                                                padding: 21px 0 0;
                                            }
                                                .slide-nav #nav2 .sub-menu > li {
                                                    display: block;
                                                    margin: 9px 0;
                                                }
                                                    .slide-nav #nav2 .sub-menu > li:first-child {
                                                        margin-top: 0;
                                                    }
                                                    .slide-nav #nav2 .sub-menu > li:last-child {
                                                        margin-bottom: 0;
                                                    }
                                                    .slide-nav #nav2 .sub-menu > li > a {
                                                        font-size: 12px;
                                                        letter-spacing: 0.05em;
                                                        color: #fff;
                                                        text-transform: uppercase;
                                                        transition: 0.35s ease-in-out;
                                                        -webkit-transition: 0.35s ease-in-out;
                                                        -moz-transition: 0.35s ease-in-out;
                                                        -o-transition: 0.35s ease-in-out;
                                                    }
                                                        .slide-nav #nav2 .sub-menu > li > a:hover {
                                                            color: #000000;
                                                        }
                                                    .slide-nav #nav2 .sub-menu .sub-menu {
                                                        display: none; 
                                                    }
                            .slide-contact-wrap {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                padding: 36px 0;
                                margin: 95px 0 0;
                                border-top: 1px solid rgba(255, 255, 255, 0.1);
                            }
                                .slide-contact {
                                    position: relative;
                                    padding: 0 21px;
                                }
                                    .slide-contact:before {
                                        content: '';
                                        position: absolute;
                                        top: calc(50% - 7px);
                                        right: 0;
                                        width: 2px;
                                        height: 14px;
                                        background: #fff;
                                    }
                                    .slide-contact:first-child {
                                        padding-left: 0; 
                                    }
                                    .slide-contact:last-child {
                                        padding-right: 0;
                                    }
                                    .slide-contact:last-child:before {
                                        display: none;
                                    }
                                    .slide-contact a {
                                        font-size: 18px;
                                        color: #fff !important;
                                        line-height: 1;
                                        letter-spacing: 0.05em;
                                        transition: 0.35s ease-in-out;
                                        -webkit-transition: 0.35s ease-in-out;
                                        -moz-transition: 0.35s ease-in-out;
                                        -o-transition: 0.35s ease-in-out;
                                    }
                                        .slide-contact a:hover {
                                            color: #000 !important;
                                        }
                    


/***END OF SLIDE MENU***/

/***UPPERFOLD***/

    .upperfold-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
    }
        /*SLIDESHOW*/

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

        /*END OF SLIDESHOW*/

        /*UF LOGO*/

            .upperfold-content {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 2;
            }
                .upperfold-logo {
                    display: block;
                    width: 195px;
                    text-align: center;
                }
                    .upperfold-logo a {
                        display: inline-block;
                        position: relative;
                    }
                    .uf-logo-wrap {
                        position: relative;
                    }
                        .uf-logo-wrap:before {
                            content: '';
                            position: absolute;
                            top: -12px;
                            left: 0;
                            right: 0;
                            margin: auto;
                            height: 91px;
                            z-index: 3;
                            opacity: 0;
                            background-size: contain;
                            background-position: center center;
                            background-repeat: no-repeat;
                            background-image: url(images/upperfold-logo2.png);
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                            max-width: 106px;
                        }
                            .upperfold-logo a:hover .uf-logo-wrap:before {
                                opacity: 1;
                            }
                    .upperfold-logo img {
                        display: block;
                        width: 100%;
                        max-width: 106px;
                        margin: auto;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .upperfold-logo a:hover .upperfold-logo img {
                            opacity: 0;
                        }
                    .uf-logo-text {
                        text-align: center;
                        margin: 7px 0 0;
                    }
                        .uf-logo-text span {
                            display: block;
                            font-style: italic;
                            font-size: 15px;
                            font-weight: 300;
                            color: #ffffff;
                            line-height: 1;
                        }
                            .uf-logo-text span:first-child {
                                text-transform: uppercase;
                            }
                            .uf-logo-text span:nth-child(2) {
                                margin: 2px 0 2px;
                            }
                            .uf-logo-text span:last-child {
                                font-weight: 500;
                                margin: 10px 0 0;
                            }

        /*END OF UF LOGO*/

/***UPPERFOLD***/

/***QUICK SEARCH***/

    .qs-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        z-index: 2;
        margin-top: -38px;
        padding-bottom: 38px;
    }
        .qs-wrap {
            position: relative;
            display: flex;
            flex-wrap: wrap;
        }
            .qs-left {
                width: 163px;
                position: relative;
                z-index: 2;
            }
                .qs-left-inner {
                    width: 100%;
                    height: 162px;
                    background: #757575;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                    .qs-left-inner img {
                        display: block;
                        width: 100%;
                        max-width: 61px;
                    }
            .qs-right {
                position: relative;
                z-index: 1;
                width: calc(100% - 163px);
                margin-left: -32px;
            }
                .qs-right-inner {
                    height: 100%;
                    display: flex; 
                    flex-wrap: wrap;
                    align-items: center;
                    margin-top: 38px;
                    position: relative;
                }
                    .qs-right-inner:before,
                    .qs-right-inner:after {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 100%;
                    }
                        .qs-right-inner:before {
                            background-image: url(images/qs-bg.jpg);
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: center center;
                            filter: grayscale(1);
                            z-index: -2;
                        }
                        .qs-right-inner:after {
                            background: rgba(22,22,22,0.95);
                            z-index: -1;
                        }
                .qs-title {
                    position: relative;
                }
                    .qs-title > span {
                        display: block;
                        font-size: 24px;
                        text-transform: uppercase;
                        font-weight: 300;
                        color: #ffffff;
                        line-height: 1;
                        letter-spacing: 0.15em;
                    }
                        .qs-title > span:last-child {
                            font-size: 33px;
                            margin-left: 33px;
                            letter-spacing: 0;
                        }
                .qs-form-wrap {
                    position: relative;
                }
                    .qs-form-wrap form {
                        display: block;
                        width: 100%;
                        position: relative;
                    }
                    .qs-input-top {

                    }
                    .qs-input-bot {

                    }
                        .qs-input-wrap {
                            display: inline-block;
                            vertical-align: bottom;
                            width: 28.998%;
                            margin-left: 1.75%;
                        }
                            .qs-input-wrap:first-child {
                                margin-left: 0;
                            }
                        .qs-input-wrap.qs-btn {
                            width: 38.434%;
                        }
                        .qs-input {
                            display: inline-block;
                            vertical-align: middle;
                            position: relative;
                        }
                            .qs-input.select:before {
                                content: '';
                                position: absolute;
                                top: 45%;
                                right: 0;
                                border-top: 5px dashed #ffffff;
                                border-left: 3px solid transparent;
                                border-right: 3px solid transparent;
                            }
                            .qs-input.long {
                                width: 100%;
                            }
                            .qs-input.short {
                                width: calc(50% - 7.5px);
                            }
                                .qs-input.short:last-child {
                                    margin-left: 15px;
                                }
                            .qs-input-wrap.qs-btn .qs-input.short {
                                width: calc(50% - 9.5px);
                            }
                                .qs-input-wrap.qs-btn .qs-input.short:last-child {
                                    margin-left: 19px;
                                }
                            .qs-input input[type="text"], .qs-input select, .qs-input .btn-group .dropdown-toggle, .sb-qs-input .btn-group .dropdown-toggle {
                                width: 100%;
                                height: 48px;
                                background: transparent;
                                border: 0;
                                outline: 0;
                                padding: 0;
                                border-bottom: 1px solid rgba(255,255,255,0.3);
                                font-size: 13px;
                                letter-spacing: 0.2em;
                                text-transform: uppercase;
                                color: #ffffff;
                                line-height: 1;
                                border-radius: 0;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                -o-appearance: none;
                                padding: 0 4px;
                            }
                        .qs-input .btn-group .dropdown-toggle:hover,
                        .sb-qs-input .btn-group .dropdown-toggle:hover {
                            background: transparent;
                            color: #fff;
                        }
                            .qs-input select option {
                                color: #000;
                            }
                        .qs-input input[type="submit"],
                        .qs-input-wrap.qs-btn a {
                            width: 100%;
                            height: 57px;
                            background: transparent;
                            border: 1px solid #ffffff;
                            outline: 0;
                            text-align: center;
                            font-size: 14px;
                            font-weight: 700;
                            color: #ffffff;
                            text-transform: uppercase;
                            letter-spacing: 0.2em;
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                            .qs-input input[type="submit"]:hover,
                            .qs-input-wrap.qs-btn a:hover {
                                background: #000000;
                                color: #ffffff;
                                border: 1px solid #000000;
                            }
                        .qs-input-wrap.qs-btn a {
                            line-height: 57px;
                            display: block;
                        }
                .qs-form-wrap .bootstrap-select.btn-group .dropdown-menu.inner,
                .sb-qs-form-wrap .bootstrap-select.btn-group .dropdown-menu.inner {
                    max-height: 200px !important;
                }
                .qs-form-wrap .bootstrap-select.btn-group .dropdown-menu,
                .sb-qs-form-wrap .bootstrap-select.btn-group .dropdown-menu {
                    top: 50px;
                }

/***END OF QUICK SEARCH***/

/***WELCOME***/

    .welcome-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
    }
        .welcome-sec h1 {
            font-size: 25px;
            letter-spacing: 0.15em;
            line-height: 1;
            text-transform: uppercase;
            color: #555555;
            font-weight: 300;
        }
            .welcome-sec h1 span {
                font-size: 50px;
                letter-spacing: -0.05em;
                line-height: 1;
                color: #000d1c;
                display: block;
                margin: 7px 0 0;
            }
        .welcome-left {
            position: relative;
            z-index: 2;
        }
            .welcome-content {
                padding: 80px 0 84px;
            }
                .welcome-text {
                    margin: 33px 0 0;
                }
                    .welcome-text p {
                        font-size: 16px;
                        line-height: 1.4;
                        letter-spacing: 0.02em;
                        color: #898989;
                        margin-top: 24px;
                    }
                        .welcome-text p:first-child {
                            margin-top: 0;
                        }
                    .welcome-text a {
                        position: relative;
                        display: block;
                        width: 211px;
                        height: 59px;
                        line-height: 59px;
                        margin: 53px 0 0;
                        background: transparent;
                        outline: 0;
                        border: 2px solid #757575;
                        text-align: center;
                        font-size: 15px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #757575;
                        letter-spacing: 0.1em;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .welcome-text a:hover {
                            color: #ffffff;
                            border: 2px solid #000000;
                            background: #000000;
                        }
                        .welcome-text a:before {
                            content: '';
                            position: absolute;
                            top: -15.5px;
                            left: 24px;
                            width: 1px;
                            height: 31px;
                            background: #ababab;
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out; 
                        }
                            .welcome-text a:hover:before {
                                transform: translateY(-15.5px);
                                opacity: 0;
                            }
        .welcome-right {
            position: relative;
        }
            .welcome-img-wrap {
                position: relative;
                height: 100%;
                width: calc((100vw - 1140px) / 2 + 100% + 75px);
                margin-left: -75px;
            }
                .welcome-img-wrap:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: linear-gradient(to right, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.66) 15%, rgba(255,255,255,0.2) 34%, rgba(255,255,255,0.1) 49%);
                    z-index: 1;
                }
                .welcome-img-wrap canvas {
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                }

/***END OF WELCOME***/

/***CALL TO ACTION***/

    .cta-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        padding: 148px 0 248px;
    }
        .cta-sec:before,
        .cta-sec:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
            .cta-sec:before {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                background-attachment: fixed;
                background-image: url(images/cta-bg.jpg);
                filter: grayscale(0.5);
                z-index: -2;
            }

            .firefox-true .cta-sec:before {
                filter: unset;
                background-image: url('./images/cta-bg-firefox.jpg');
            }

                .mobile .cta-sec:before {
                    background-attachment: scroll;
                }
            .cta-sec:after {
                background: rgba(0,0,0,0.25);
                z-index: -1;
            }
        .cta-wrap {
            position: relative;
        }
            .cta-list {
                display: block;
                position: relative;
                margin: 14px 0;
            }
                .cta-list:first-child {
                    margin-top: 0;
                }
                .cta-list:last-child {
                    margin-bottom: : 0;
                }
                .cta-list a {
                    position: relative;
                    width: 100%;
                    height: 66px;
                    display: flex;
                    background: transparent;
                    justify-content: center;
                    align-items: center;
                    border: 2px solid #000101;
                    outline: 0;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .cta-list a:hover {
                        border: 2px solid #ffffff;
                        background: #656565;
                    }
                    .cta-list a > span {
                        text-align: center;
                        padding: 0 10px;
                        font-size: 20px;
                        line-height: 1;
                        font-weight: 500;
                        text-transform: uppercase;
                        color: #000101;
                        letter-spacing: 0.05em;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .cta-list a:hover > span {
                            color: #ffffff;
                        }

/***END OF CALL TO ACTION***/

/***FEATURED COMMUNITIES***/

    .fc-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        padding: 75px 0 0;
    }
        .fc-wrap {
            position: relative;
            overflow: hidden;
        }
            .fc-wrap h2 {
                text-align: center;
                text-transform: uppercase;
            }
                .fc-wrap h2 > span:first-child {
                    display: block;
                    font-size: 25px;
                    line-height: 1;
                    letter-spacing: 0.15em;
                    font-weight: 300;
                }
                .fc-wrap h2 > span:last-child {
                    display: inline-block;
                    position: relative;
                    font-size: 60px;
                    font-weight: 300;
                    line-height: 1;
                    letter-spacing: -0.05em;
                    color: #000d1b;
                    padding: 0 37px;
                    margin: 8px 0 0;
                }
                    .fc-wrap h2 > span:last-child:before,
                    .fc-wrap h2 > span:last-child:after {
                        content: '';
                        position: absolute;
                        top: calc(50% - 1px);
                        width: 2000px;
                        height: 2px;
                        background: #ababab;
                    }
                    .fc-wrap h2 > span:last-child:before {
                        left: 100%;
                    }
                    .fc-wrap h2 > span:last-child:after {
                        right: 100%;
                    }
            .fc-slide-wrap {
                position: relative;
                margin: 58px 0 0;
            }
                .fc-slide {

                }
                    .fc-slide.slick-slider * {
                        outline: 0;
                    }
                    .fc-list {
                        position: relative;
                    }
                        .fc-list a {
                            display: block;
                        }
                            .fc-item {
                                position: relative;
                            }
                                .fc-img {
                                    position: relative;
                                }
                                    .fc-img:before,
                                    .fc-img:after {
                                        content: '';
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        bottom: 0;
                                        right: 0;
                                        margin: auto;
                                        z-index: 1;
                                        transition: 0.35s ease-in-out;
                                        -webkit-transition: 0.35s ease-in-out;
                                        -moz-transition: 0.35s ease-in-out;
                                        -o-transition: 0.35s ease-in-out;
                                    }
                                    .fc-img:before {
                                        width: 100%;
                                        height: 100%;
                                        background: rgba(101,101,101,0.8);
                                        transform-origin: center;
                                        opacity: 0;
                                        transform: scale(0.7);
                                    }
                                        .fc-list a:hover .fc-img:before {
                                            opacity: 1;
                                            transform: none;
                                        }
                                    .fc-img:after {
                                        width: 53px;
                                        height: 53px;
                                        background-image: url(images/fc-magnify.png);
                                        background-position: center center;
                                        background-size: contain;
                                        background-repeat: no-repeat;
                                        opacity: 0;
                                    }
                                        .fc-list a:hover .fc-img:after {
                                            opacity: 0.5;
                                        }
                                    .fc-img canvas {
                                        width: 100%;
                                        background-size: cover;
                                        background-repeat: no-repeat;
                                        background-position: center center;
                                        transform: translateZ(0);
                                        transition: 0.35s ease-in-out;
                                        -webkit-transition: 0.35s ease-in-out;
                                        -moz-transition: 0.35s ease-in-out;
                                        -o-transition: 0.35s ease-in-out;
                                    }
                                        .fc-list a:hover .fc-img canvas {
                                            filter: grayscale(1);
                                        }
                                .fc-name {
                                    height: 97px;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    padding: 0 10px;
                                }
                                    .fc-name span {
                                        font-size: 20px;
                                        text-align: center;
                                        line-height: 1;
                                        color: #000000;
                                        text-transform: uppercase;
                                        letter-spacing: 0.2em;
                                    }
                .fc-slide-btn {
                    position: absolute;
                    top: calc(50% - 65px); /* 50% - ((arrow height / 2) + (fc-name height / 2)) */
                    left: 0;
                    width: 100%;
                    padding: 0 18px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    pointer-events: none;
                    z-index: 2;
                }
                    .fc-slide-btn > span {
                        font-size: 33px;
                        color: #ffffff;
                        font-weight: 700;
                        text-shadow: 1px 0 0px #ffffff, 2px 0 0px #ffffff, 3px 0 0px #ffffff;
                        pointer-events: auto;
                        cursor: pointer;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .fc-slide-btn > span:hover {
                            color: #757575;
                            text-shadow: 1px 0 0px #757575, 2px 0 0px #757575, 3px 0 0px #757575;
                        }

/***END OF FEATURED COMMUNITIES***/

/***FEATURED LISTINGS***/

    .fl-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        padding: 54px 0 118px;
    }
        .fl-wrap {
            position: relative;
            overflow: hidden;
        }
            .fl-wrap h2 {
                display: inline-block;
                text-align: left;
                text-transform: uppercase;
                margin-left: 12%;
            }
                .fl-wrap h2 > span:first-child {
                    display: block;
                    font-size: 25px;
                    line-height: 1;
                    letter-spacing: 0.15em;
                    font-weight: 300;
                    margin-left: 42px;
                }
                .fl-wrap h2 > span:last-child {
                    display: inline-block;
                    position: relative;
                    font-size: 60px;
                    font-weight: 300;
                    line-height: 1;
                    letter-spacing: -0.05em;
                    color: #000d1b;
                    padding: 0 37px;
                    margin: 8px 0 0;
                }
                    .fl-wrap h2 > span:last-child:before,
                    .fl-wrap h2 > span:last-child:after {
                        content: '';
                        position: absolute;
                        top: calc(50% - 1px);
                        width: 2000px;
                        height: 2px;
                        background: #ababab;
                    }
                    .fl-wrap h2 > span:last-child:before {
                        left: 100%;
                    }
                    .fl-wrap h2 > span:last-child:after {
                        right: 100%;
                    }
            .fl-slide-wrap {
                margin: 72px 0 0;
            }
                .fl-slide {
                    margin: 0 -1.5px;
                }
                    .fl-slide.slick-slider * {
                        outline: 0;
                    }
                        .fl-list {
                            position: relative;
                            padding: 0 1.5px;
                        }
                            .fl-list a {
                                display: block;
                            }
                                .fl-item {
                                    position: relative;
                                }
                                    .fl-img {
                                        position: relative;
                                        overflow: hidden;
                                    }
                                        .fl-img:before {
                                            content: '';
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            background: rgba(0,0,0,0.3);
                                            z-index: 1;
                                        }
                                        .fl-img canvas {
                                            width: 100%;
                                            background-position: center center;
                                            background-size: cover;
                                            background-repeat: no-repeat;
                                            transition: 0.35s ease-in-out;
                                            -webkit-transition: 0.35s ease-in-out;
                                            -moz-transition: 0.35s ease-in-out;
                                            -o-transition: 0.35s ease-in-out;
                                        }
                                            .fl-list a:hover .fl-img canvas {
                                                filter: grayscale(1);
                                            }
                                    .fl-details {
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        display: flex;
                                        align-items: flex-end;
                                        z-index: 2;
                                        transition: 0.35s ease-in-out;
                                        -webkit-transition: 0.35s ease-in-out;
                                        -moz-transition: 0.35s ease-in-out;
                                        -o-transition: 0.35s ease-in-out;
                                    }
                                        .fl-list a:hover .fl-details {
                                            background: rgba(101,101,101,0.8);
                                        }
                                        .fl-details > div {
                                            position: relative;
                                            padding: 10px 10px 59px 50px;
                                            transform: translateY(33%);
                                            transition: 0.35s ease-in-out;
                                            -webkit-transition: 0.35s ease-in-out;
                                            -moz-transition: 0.35s ease-in-out;
                                            -o-transition: 0.35s ease-in-out;
                                        }
                                            .fl-list a:hover .fl-details > div {
                                                transform: none;
                                            }
                                        .fl-price {
                                            font-size: 32px;
                                            font-weight: 700;
                                            letter-spacing: 0;
                                            line-height: 1;
                                            color: #ffffff;
                                            text-transform: uppercase;
                                            position: relative;
                                        }
                                            .fl-price:before {
                                                content: '';
                                                position: absolute;
                                                width: 1px;
                                                height: 51px;
                                                left: -20px;
                                                top: calc(50% - 25.5px);
                                                background: #c2c2c2;
                                                transition: 0.35s ease-in-out;
                                                -webkit-transition: 0.35s ease-in-out;
                                                -moz-transition: 0.35s ease-in-out;
                                                -o-transition: 0.35s ease-in-out;
                                            }
                                                .fl-list a:hover .fl-price:before {
                                                    opacity: 0;
                                                }
                                            .fl-price:after {
                                                content: '';
                                                display: block;
                                                width: 1px;
                                                height: 0;
                                                background: #c2c2c2;
                                                margin: 13px 0 17px;
                                                transition: 0.35s ease-in-out;
                                                -webkit-transition: 0.35s ease-in-out;
                                                -moz-transition: 0.35s ease-in-out;
                                                -o-transition: 0.35s ease-in-out;
                                            }
                                                .fl-list a:hover .fl-price:after {
                                                    height: 51px;
                                                }
                                        .fl-address {
                                            font-size: 15px;
                                            letter-spacing: 0.25em;
                                            line-height: 1;
                                            text-transform: uppercase;
                                            color: #ffffff;
                                        }
                                        .fl-bb {
                                            margin: 18px 0 37px;
                                        }
                                            .fl-bb > span {
                                                display: inline-block;
                                                vertical-align: middle;
                                                position: relative;
                                                font-size: 15px;
                                                letter-spacing: 0.25em;
                                                line-height: 1;
                                                text-transform: uppercase;
                                                color: #ffffff;
                                                padding: 0 22px;
                                            }
                                                .fl-bb > span:before {
                                                    content: '';
                                                    position: absolute;
                                                    width: 2px;
                                                    height: 13px;
                                                    top: calc(50% - 6.5px);
                                                    background: #ffffff;
                                                    right: 0;
                                                }
                                                .fl-bb > span:first-child {
                                                    padding-left: 0
                                                }
                                                .fl-bb > span:last-child {
                                                    padding-right: 0
                                                }
                                                    .fl-bb > span:last-child:before {
                                                        display: none;
                                                    }
                                        .fl-btn {
                                            display: block;
                                            width: 150px;
                                            height: 39px;
                                            line-height: 39px;
                                            border: 1px solid #ffffff;
                                            font-size: 11px;
                                            text-align: center;
                                            text-transform: uppercase;
                                            color: #ffffff;
                                            opacity: 0;
                                            letter-spacing: 0.25em;
                                            transition: 0.35s ease-in-out;
                                            -webkit-transition: 0.35s ease-in-out;
                                            -moz-transition: 0.35s ease-in-out;
                                            -o-transition: 0.35s ease-in-out;
                                        }
                                            .fl-list a:hover .fl-btn {
                                                opacity: 1;
                                            }
                .fl-vm {
                    position: relative;
                    display: block;
                    width: 211px;
                    height: 59px;
                    line-height: 59px;
                    margin: 78px auto 0;
                    background: transparent;
                    outline: 0;
                    border: 2px solid #757575;
                    text-align: center;
                    font-size: 15px;
                    font-weight: 700;
                    text-transform: uppercase;
                    color: #757575;
                    letter-spacing: 0.1em;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .fl-vm:hover {
                        color: #ffffff;
                        border: 2px solid #000000;
                        background: #000000;
                    }
                    .fl-vm:before {
                        content: '';
                        position: absolute;
                        top: -15.5px;
                        left: 24px;
                        width: 1px;
                        height: 31px;
                        background: #ababab;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out; 
                    }
                        .fl-vm:hover:before {
                            transform: translateY(-15.5px);
                            opacity: 0;
                        }

/***END OF FEATURED LISTINGS***/

/***TESTIMONIALS***/

    .testi-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
    }
        .testi-sec:before,
        .testi-sec:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
            .testi-sec:before {
                background-image: url(images/testi-bg.jpg);
                background-position: center center;
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: fixed;
                z-index: -2;
            }
                .mobile .testi-sec:before {
                    background-attachment: scroll;
                }
            .testi-sec:after {
                background: rgba(0,0,0,0.2);
                z-index: -1;
            }
            .testi-wrap {
                padding: 90px 58px 0;
            }
                .testi-inner {
                    position: relative;
                    margin-bottom: -107px;
                    width: 100%;
                    background: linear-gradient(to top, rgba(18,18,18,1) 21%, rgba(18,18,18,0.9) 49%,rgba(18,18,18,0.6) 72%,rgba(18,18,18,0.5));
                    padding: 97px 72px 83px;
                }
                    .testi-inner h2 {
                        text-align: center;
                        text-transform: uppercase;
                        color: #ffffff;
                    }
                        .testi-inner h2 > span:first-child {
                            display: block;
                            font-size: 25px;
                            line-height: 1;
                            letter-spacing: 0.15em;
                            font-weight: 300;
                        }
                        .testi-inner h2 > span:last-child {
                            display: inline-block;
                            position: relative;
                            font-size: 60px;
                            font-weight: 300;
                            line-height: 1;
                            letter-spacing: -0.05em;
                            margin: 8px 0 0;
                        }
                    .testi-slide-wrap {
                        padding: 0 40px;
                        margin: 39px 0 0;
                        position: relative;
                    }
                        .testi-slide {
                            position: relative;
                            width: 100%;
                            max-width: 810px;
                            margin: auto;
                        }
                            .testi-item {
                                text-align: center;
                            }
                                .testi-item p {
                                    font-size: 16px;
                                    letter-spacing: 0.03em;
                                    color: #e8d8ce;
                                    line-height: 1.6;
                                }
                                .testi-item a {
                                    display: inline-block;
                                    margin: 73px 0 0;
                                }
                                    .testi-item a span {
                                        display: inline-block;
                                        font-size: 21px;
                                        text-transform: uppercase;
                                        letter-spacing: 0.1em;
                                        line-height: 1;
                                        color: #e8d8ce;
                                        transition: 0.35s ease-in-out;
                                        -webkit-transition: 0.35s ease-in-out;
                                        -moz-transition: 0.35s ease-in-out;
                                        -o-transition: 0.35s ease-in-out;
                                    }
                                        .testi-item a span:last-child {
                                            display: block;
                                            letter-spacing: 0.23em;
                                            font-weight: 300;
                                            font-size: 12px;
                                            margin: 10px 0 0;
                                        }
                                        .testi-item a:hover > span {
                                            color: #757575;
                                        }
                        .testi-slide-btn {
                            position: absolute;
                            top: calc(50% - 76px); /* (arrow fontsize / 2) + ((testi-item a height + testi-item a margin) / 2 ) */
                            display: flex;
                            left: 0;
                            width: 100%;
                            justify-content: space-between;
                            align-items: center;
                            pointer-events: none;
                            z-index: 2;
                        }
                            .testi-slide-btn > span {
                                font-size: 37px;
                                color: rgba(255,255,255,0.2);
                                cursor: pointer;
                                pointer-events: auto;
                                transition: 0.35s ease-in-out;
                                -webkit-transition: 0.35s ease-in-out;
                                -moz-transition: 0.35s ease-in-out;
                                -o-transition: 0.35s ease-in-out;
                            }
                                .testi-slide-btn > span:hover {
                                    color: #ffffff;
                                }

/***END OF TESTIMONIALS***/

/***CONTACT SEC***/

    .contact-sec {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        padding: 169px 0 85px;
    }
        .ip-container .contact-sec {
            padding: 85px 0;
        }
        .contact-sec:before,
        .contact-sec:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
            .contact-sec:before {
                background-image: url(images/contact-bg.jpg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                filter: grayscale(1);
                z-index: -2;
            }
            .contact-sec:after {
                background: rgba(29,29,29,0.95);
                z-index: -1;
            }
            .contact-left {
                position: relative;
                padding: 20px 0 0;
            }
                .contact-left-inner {
                    width: 100%;
                    max-width: 310px;
                    margin: 0 52px 0 auto;
                }
                    .contact-logo {
                        text-align: center;
                    }
                        .contact-logo a {
                            display: inline-block;
                        }
                        .contact-logo img {
                            display: block;
                            width: 100%;
                            max-width: 106px;
                            margin: auto;
                        }
                        .contact-logo-text {
                            text-align: center;
                            margin: 7px 0 0;
                        }
                            .contact-logo-text span {
                                display: block;
                                font-style: italic;
                                font-size: 15px;
                                font-weight: 300;
                                color: #ffffff;
                                line-height: 1;
                            }
                                .contact-logo-text span:first-child {
                                    text-transform: uppercase;
                                }
                                .contact-logo-text span:nth-child(2) {
                                    margin: 2px 0 2px;
                                }
                                .contact-logo-text span:last-child {
                                    font-weight: 500;
                                    margin: 10px 0 0;
                                }
                    .contact-info-wrap {
                        text-align: center;
                        margin: 29px 0 0;
                    }
                        .contact-info {
                            margin: 13px 0;
                        }
                            .contact-info:first-child {
                                margin-top: 0;
                            }
                            .contact-info:last-child {
                                margin-bottom: 0;
                            }
                            .contact-info a {
                                font-size: 18px;
                                letter-spacing: 0.05em;
                                line-height: 1;
                                color: #ffffff !important;
                                transition: 0.35s ease-in-out;
                                -webkit-transition: 0.35s ease-in-out;
                                -moz-transition: 0.35s ease-in-out;
                                -o-transition: 0.35s ease-in-out; 
                            }
                                .contact-info a:hover {
                                    color: #757575 !important;
                                }
                    .contact-brokerage {
                        display: flex;
                        justify-content: center;
                        align-items: flex-end;
                        margin: 21px 0 0;
                    }
                        .contact-brokerage img {
                            display: block;
                            width: 100%;
                            max-width: 103px;
                            margin: 0 10px;
                        }
                            .contact-brokerage img:first-child {
                                margin-left: 0;
                            }
                            .contact-brokerage img:last-child {
                                margin-right: : 0;
                            }
            .contact-right {

            }
                .contact-right-inner {
                    width: 100%;
                    max-width: 554px;
                    margin: 0 auto 0 25px;
                }
                    .contact-right-inner h2 {
                        font-size: 40px;
                        color: #ffffff;
                        text-transform: uppercase;
                        line-height: 1;
                        letter-spacing: -0.05em;
                        font-weight: 300;
                    }
                    .cf-subtitle {
                        font-size: 16px;
                        letter-spacing: 0.015em;
                        line-height: 1.4;
                        color: #ffffff;
                        font-weight: 300;
                        width: 100%;
                        max-width: 365px;
                        margin: 13px 0 0;
                    }
                    .contact-right-inner form {
                        width: 100%;
                        position: relative;
                        margin: 17px -9px 0;
                    }
                        .cf-input {
                            display: inline-block;
                            vertical-align: middle;
                            position: relative;
                            margin: 9px 9px;
                        }
                            .cf-input.short {
                                width: calc(50% - 18px);
                            }
                            .cf-input.long {
                                width: calc(100% - 18px);
                            }
                            .cf-input input[type="text"],
                            .cf-input input[type="email"],
                            .cf-input textarea {
                                width: 100%;
                                height: 52px;
                                border: 0;
                                outline: 0;
                                border-bottom: 1px solid rgba(255,255,255,0.5);
                                background: transparent;
                                font-size: 14px;
                                letter-spacing: 0.1em;
                                color: #ffffff;
                                text-transform: uppercase;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                -o-appearance: none;
                            }
                            .cf-input textarea {
                                height: 95px;
                                resize: none;
                            }
                            .cf-input.submit {
                                width: 211px;
                                display: block;
                                margin: 51px 0 0px 9px;
                            }
                                .cf-input.submit input[type="submit"] {
                                    width: 100%;
                                    height: 59px;
                                    background: transparent;
                                    outline: 0;
                                    border: 2px solid #ffffff;
                                    text-align: center;
                                    font-size: 15px;
                                    font-weight: 700;
                                    text-transform: uppercase;
                                    color: #ffffff;
                                    letter-spacing: 0.1em;
                                    transition: 0.35s ease-in-out;
                                    -webkit-transition: 0.35s ease-in-out;
                                    -moz-transition: 0.35s ease-in-out;
                                    -o-transition: 0.35s ease-in-out;
                                }
                                    .cf-input.submit input[type="submit"]:hover {
                                        color: #ffffff;
                                        border: 2px solid #000000;
                                        background: #000000;
                                    }
                                    .cf-input.submit:before {
                                        content: '';
                                        position: absolute;
                                        top: -15.5px;
                                        left: 24px;
                                        width: 1px;
                                        height: 31px;
                                        background: #ababab;
                                        transition: 0.35s ease-in-out;
                                        -webkit-transition: 0.35s ease-in-out;
                                        -moz-transition: 0.35s ease-in-out;
                                        -o-transition: 0.35s ease-in-out; 
                                    }
                                        .cf-input.submit:hover:before {
                                            transform: translateY(-15.5px);
                                            opacity: 0;
                                        }
                    .contact-right-inner span.wpcf7-not-valid-tip {
                        font-size: 11px;
                    }
                    .contact-right-inner .wpcf7-form-control-wrap {
                        display: block;
                    }
                    .contact-right-inner div.wpcf7-response-output {
                        font-size: 11px;
                        text-align: center;
                        color: #fff;
                        position: absolute;
                        width: calc(100% - 18px);
                        left: 0;
                        right: 0;
                        margin: auto;
                        bottom: -45px;
                    }
                    .contact-right-inner div.wpcf7 .ajax-loader {
                        position: absolute;
                        top: calc(50% - 8px);
                        right: -22px;
                        margin: 0;
                    }

/***END OF CONTACT SEC***/

/***FOOTER***/

    .footer {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        background: #000000;
        padding: 67px 0 49px;
    }
        .footernav {
            text-align: center;
        }
            .footernav li {
                display: inline-block;
                vertical-align: middle;
                margin: 0 18px;
            }
                .footernav li:first-child {
                    margin-left: 0;
                }
                .footernav li:last-child {
                    margin-right: 0;
                }
                .footernav li a {
                    font-size: 14px;
                    color: #ffffff;
                    text-transform: uppercase;
                    line-height: 1;
                    letter-spacing: 0.25em;
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .footernav li a:hover {
                        color: #757575;
                    }
            .copyright {
                font-size: 12px;
                line-height: 1;
                color: #ffffff;
                letter-spacing: 0.05em;
                font-weight: 500;
                text-align: center;
                margin: 15px 0 38px;
            }
                .copyright a {
                    transition: 0.35s ease-in-out;
                    -webkit-transition: 0.35s ease-in-out;
                    -moz-transition: 0.35s ease-in-out;
                    -o-transition: 0.35s ease-in-out;
                }
                    .copyright a:hover {
                        color: #757575;
                    }
                .copyright .site-name {
                    text-transform: uppercase;
                }
            .footer-icons {
                text-align: center;
            }
                .footer-icons i {
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 2px;
                    color: #8b8b8b;
                    font-size: 20px;
                }
                    .footer-icons i:first-child {
                        margin-left: 0;
                    }
                    .footer-icons i:last-child {
                        margin-right: 0;
                    }

/***END OF FOOTER***/

/***SIDEBAR***/

    .sidebar {
        position: relative;
        font-size: 0;
        letter-spacing: 0;
        margin-top: 25px !important;
    }

        /*QS*/

            .sb-qs-wrap {
                position: relative;
                display: block;
            }
                .sb-qs-left {
                    width: 100%;
                    position: relative;
                }
                    .sb-qs-left-inner {
                        width: 100%;
                        height: 95px;
                        background: #757575;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                        .sb-qs-left-inner img {
                            display: block;
                            width: 100%;
                            max-width: 61px;
                        }
                .sb-qs-right {
                    position: relative;
                    width: 100%
                }
                    .sb-qs-right-inner {
                        height: 100%;
                        display: block;
                        position: relative;
                        padding: 20px 5px 5px;
                    }
                        .sb-qs-right-inner:before,
                        .sb-qs-right-inner:after {
                            content: '';
                            position: absolute;
                            left: 0;
                            top: 0;
                            height: 100%;
                            width: 100%;
                        }
                            .sb-qs-right-inner:before {
                                background-image: url(images/qs-bg.jpg);
                                background-size: cover;
                                background-repeat: no-repeat;
                                background-position: center center;
                                filter: grayscale(1);
                                z-index: -2;
                            }
                            .sb-qs-right-inner:after {
                                background: rgba(22,22,22,0.95);
                                z-index: -1;
                            }
                    .sb-qs-title {
                        position: relative;
                        width: 100%;
                        text-align: center;
                    }
                        .sb-qs-title > span {
                            display: block;
                            font-size: 20px;
                            text-transform: uppercase;
                            font-weight: 300;
                            color: #ffffff;
                            line-height: 1;
                            letter-spacing: 0.15em;
                        }
                            .sb-qs-title > span:last-child {
                                font-size: 28px;
                                letter-spacing: 0;
                            }
                    .sb-qs-form-wrap {
                        width: 100%;
                        position: relative;
                        margin: 10px 0 0;
                    }
                        .sb-qs-form-wrap form {
                            display: block;
                            width: 100%;
                            position: relative;
                        }
                        .sb-qs-input-top {

                        }
                        .sb-qs-input-bot {

                        }
                            .sb-qs-input-wrap {
                                display: inline-block;
                                vertical-align: bottom;
                                width: 100%;
                            }
                            .sb-qs-input-wrap.qs-btn {
                                width: 100%
                            }
                            .sb-qs-input {
                                display: inline-block;
                                vertical-align: middle;
                                position: relative;
                                margin: 5px 2.5px;
                            }
                                .sb-qs-input.select:before {
                                    content: '';
                                    position: absolute;
                                    top: 45%;
                                    right: 0;
                                    border-top: 5px dashed #ffffff;
                                    border-left: 3px solid transparent;
                                    border-right: 3px solid transparent;
                                }
                                .sb-qs-input.long,
                                .sb-qs-input-wrap.qs-btn .sb-qs-input.short {
                                    width: calc(100% - 5px);
                                }
                                .sb-qs-input.short {
                                    width: calc(50% - 5px);
                                }
                            .sb-qs-input input[type="text"],
                            .sb-qs-input select {
                                width: 100%;
                                height: 48px;
                                background: transparent;
                                border: 0;
                                outline: 0;
                                border-bottom: 1px solid rgba(255,255,255,0.3);
                                font-size: 13px;
                                letter-spacing: 0.2em;
                                text-transform: uppercase;
                                color: #ffffff;
                                line-height: 1;
                                appearance: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                -o-appearance: none;								
                            }
							
							.sb-qs-input .bs-searchbox input {
								color: #333;
							}
                                .sb-qs-input select option {
                                    color: #000;
                                }
                            .sb-qs-input input[type="submit"],
                            .sb-qs-input-wrap.qs-btn a {
                                width: 100%;
                                height: 57px;
                                background: transparent;
                                border: 1px solid #ffffff;
                                outline: 0;
                                text-align: center;
                                font-size: 14px;
                                font-weight: 700;
                                color: #ffffff;
                                text-transform: uppercase;
                                letter-spacing: 0.2em;
                                transition: 0.35s ease-in-out;
                                -webkit-transition: 0.35s ease-in-out;
                                -moz-transition: 0.35s ease-in-out;
                                -o-transition: 0.35s ease-in-out;
                            }
                                .sb-qs-input input[type="submit"]:hover,
                                .sb-qs-input-wrap.qs-btn a:hover {
                                    background: #000000;
                                    color: #ffffff;
                                    border: 1px solid #000000;
                                }
                            .sb-qs-input-wrap.qs-btn a {
                                line-height: 57px;
                                display: block;
                            }

        /*END OF QS*/

        /*CTA*/

            .sb-cta-wrap {
                position: relative;
                margin: 14px 0 0;
            }
                .sb-cta-list {
                    display: block;
                    position: relative;
                    margin: 14px 0;
                }
                    .sb-cta-list:first-child {
                        margin-top: 0;
                    }
                    .sb-cta-list:last-child {
                        margin-bottom: : 0;
                    }
                    .sb-cta-list a {
                        position: relative;
                        width: 100%;
                        height: 66px;
                        display: flex;
                        background: transparent;
                        justify-content: center;
                        align-items: center;
                        border: 2px solid #000101;
                        outline: 0;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .sb-cta-list a:hover {
                            background: #656565;
                        }
                        .sb-cta-list a > span {
                            text-align: center;
                            padding: 0 10px;
                            font-size: 16px;
                            font-weight: 500;
                            text-transform: uppercase;
                            color: #000101;
                            line-height: 1;
                            letter-spacing: 0.05em;
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                            .sb-cta-list a:hover > span {
                                color: #ffffff;
                            }
        /*END OF CTA*/

/***END OF SIDEBAR***/
 
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}

    /* .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.6);
    } */



    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }

.ip-banner-holder {
    position: relative;
}
    .ip-banner-logo-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
        .home .ip-banner-logo-wrap {
            display: none;
        }
        .ip-banner-logo-wrap a {
            display: inline-block;
            position: relative;
        }
        .ip-banner-logo-wrap img {
            display: block;
            width: 100%;
    max-width: 202px;
            transition: 0.35s ease-in-out;
            -webkit-transition: 0.35s ease-in-out;
            -moz-transition: 0.35s ease-in-out;
            -o-transition: 0.35s ease-in-out;
            opacity: 0;
        }
            .ip-banner-logo-wrap a:before {

content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    width: 254px;
    height: 115px;
    z-index: 3;
    opacity: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/yourhomebrokerage.com_new/images/ip-banner-logo.png);
    transition: 0.35s ease-in-out;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
    transform: translate(-50% , -50%);


            }



.ip-banner-logo-wrap:hover  a:before {
    opacity: 1;
}







         /*   
                .ip-banner-logo-wrap a:hover:before {
                    opacity: 1;
                }*/

/* 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: 74.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 23.83%; }

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

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

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title { 
    font-size: 45px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #000d1b;
    text-transform: uppercase;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    font-size: 35px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #000d1b;
    text-transform: uppercase;
}

div.wpcr3_review div.wpcr3_review_datePublished{
    display: none !important;
}

/* .agent-holder .render-all-description{
    
    word-break: break-all;
} */

.page-id-1116 .ip-banner canvas{

    
    background-position: center 0px;
}
.page-id-1105 .ip-banner canvas {
    min-height: 750px;
}
.p1 {
    line-height: 1.6;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */

/*button.btn.dropdown-toggle.bs-placeholder.btn-default {
    width: 100%;
    height: 48px;
    background: transparent;
    border: 0;
    outline: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}*/

.qs-form-wrap .bs-searchbox input {
    color: #333 !important;
}


.agent-contact-lang.agent-contact-detail {
    display: none;
}

.agent-description.render-all-description a {
    display: block;
}

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

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

/*IHF FIXES*/

#ihf-main-container ul {
    padding-left: 0;
    margin-left: 0;
}

#ihf-main-container .pull-right.btn-group {
   text-align: right;
}

#ihf-main-container .btn-group>.btn-group {
  float: none;
  display: inline-block;
}

a.btn.btn-link.ihf-advanced-search-launch {
    white-space: normal;
}

img.compasslogo {
    max-width: 165px;
    display: block;
    text-align: center;
    margin: 0px auto;
}

img.slidercompasslogo {
    position: absolute;
    z-index: 99;
    max-width: 254px;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    opacity: 0;
    transition: 0.3s all ease-in-out;
}

.upperfold-sec:hover img.slidercompasslogo{
	opacity: 1;
}

.fp-slide-btn {
    position: absolute;
    top: calc(50% - 10px); /* 50% - ((arrow height / 2) + (fc-name height / 2)) */
    left: 0;
    width: 100%;
    padding: 0 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    z-index: 2;
}

    .fp-slide-btn > span {
        font-size: 33px;
        color: #ffffff;
        font-weight: 700;
        text-shadow: 1px 0 0px #ffffff, 2px 0 0px #ffffff, 3px 0 0px #ffffff;
        pointer-events: auto;
        cursor: pointer;
        transition: 0.35s ease-in-out;
        -webkit-transition: 0.35s ease-in-out;
        -moz-transition: 0.35s ease-in-out;
        -o-transition: 0.35s ease-in-out;
    }

    .fp-slide-btn > span:hover {
        color: #757575;
        text-shadow: 1px 0 0px #757575, 2px 0 0px #757575, 3px 0 0px #757575;
    }

#ihf-map-canvas .leaflet-bottom, .leaflet-top{
    z-index:999;
}