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

/*

TABLE OF CONTENTS

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

*/

/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/

:root {
    /** Font default */
    --font-family-default: 'Compass Sans, sans';
    --font-family-title: 'Compass Serif, sans-serif';
    --font-size-default: 16px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;

    /** Use for input, button, and any other element */
    --background-color: #fff;
    --background-color-darker: #dbdbdb;
    --primary-text-color: #000;
    --primary-text-accent: #898989;
    --primary: #0000;
    --primary-accent: #898989;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/

/* Sub Menu */
/* Sub Menu */
#nav li{
    position:relative;
    display: inline-block;
}

#nav .sub-menu{
    list-style: none outside none;
    margin: 0;
    background: transparent;
    display: block;
    padding: 0;
    position: absolute;
    width:100%;
    min-width:180px;
    left: 50%;
    margin-left: -90px;
    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

#nav .sub-menu a{
    color: #fff;
    display: block;
    padding: 10px;
    background: var(--primary);
}
#nav .sub-menu li:hover a{
    background: #fff;
    color:#000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu{
    margin-left: 100%;
    top:0;
}
#nav li:hover > .sub-menu{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#nav .sub-menu li{
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
}



/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */

body{
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: var(--background-color);
    color: var(--primary-text-color);
    margin: 0;

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

.slick-slide *{
   outline: none !important;
}
.container-padding{
    padding-left: 15px;
    padding-right: 15px;
}
.max-container{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.has-pattern::after{
}
.has-pattern.pattern-white::after{
    background-image: url(images/pattern-white.svg);
}
.has-pattern.pattern-dark::after{
    background-image: url(images/pattern-dark.svg);
}

.default_title{
    font-family: var(--font-family-title);
    font-size: 50px;
    text-transform: uppercase;
}
    .default_title.title-white{
        color:#fff;
    }

    .default_title.align_center{
        text-align: center;
    }
.default_pagination{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
    .default_pagination .aios-arrows{
        font-size: 34px;
        color: #c6c6c6;
        margin: 0 24px;
        cursor: pointer;
        display: flex !important;
        align-items: center;
        transition: all 0.6s ease;
    }
        .default_pagination .aios-arrows:hover{
            color: #000;
        }
.default_button_container{

}
    .default_button_container.button_center{
        text-align: center;
    }
.default_button{
    display: inline-block;
    border: 2px solid #000000;
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    font-family: var(--font-family-default);
    transition: all 0.6s ease;
    font-size: 13px;
}
    .default_button:hover{
        background: #000;
        color:#fff;
        border-color: #000;
    }

.default_form_popup{
    display: none;
}
body .aiosp-wrap .aiosp-container .aios-popup-body{
    width: 100%;
    max-width: 1140px;
    background: var(--primary);
    border: 1px solid rgba(184, 184, 184, 0.502);
    min-height: 670px;
    padding: 87px 0;
}
    .aiosp-wrap .aiosp-container .aios-popup-body:after{
        background-image: url(images/pattern-white.svg);
        display: flex;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: contain;
        opacity: 0.25;
    }

    .aiosp-wrap .aiosp-container .default_form_popup{
        position: relative;
        z-index: 8;
        display: block;
    }

    .aios-popup-body .aiosp-close {
        color: #fff;
        z-index: 99;
        font-size: 0;
        opacity: 1;
        right: 20px;
        top: 20px;
    }

        .aios-popup-body .aiosp-close::after{
            display: block;
            content: "\b0242";
            font-family: agentimage!important;
            font-size: 30px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, 0);
        }


/* Gallery Popup */
.default_gallery{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s,
    opacity 0.3s ease-in-out, top 0.3s;

}
    .default_gallery.gallery-show{
        opacity: 1;
        visibility: visible;
    }
    .default_gallery .default_close {
        position: absolute;
        right: 4%;
        top: 3%;
        color: #fff;
        font-size: 35px;
        cursor: pointer;
        transition: all 0.6s ease;
        z-index: 10;
        text-shadow: 1px 0px 3px #000;
    }
        .default_gallery .default_close:hover{
            opacity: 0.7;
        }
    .default_gallery_view{
        display: block;
        width: 100vw;
        height: 83vh;
        position: relative;
    }
        .default_gallery_view .slick-slide > div > div{
            display: block !important;
            width: 100vw !important;
            height: 83vh;
        }
        .default_gallery_view .slick-slide canvas{
            display: block;
            width: 100%;
        }
            .default_gallery_view .slick-slide img{
                object-fit: contain;
                object-position: center center;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .default_gallery_view .slick-arrow{
                position: absolute;
                z-index: 9;
                top: 50%;
                transform: translate(0, -50%);
                background: transparent;
                border: transparent;
                font-family: agentimage!important;
                color:#fff;
                font-size: 0;
                transition: all 0.6s ease;
            }
                .default_gallery_view .slick-arrow:hover{
                    opacity: 0.7;
                }
                .default_gallery_view .slick-arrow:after{
                    display: block;
                    font-size: 51px;
                    text-shadow: 1px 1px 1px #000;
                }
                .default_gallery_view .slick-arrow.slick-prev {
                    left: 5%;
                }
                    .default_gallery_view .slick-arrow.slick-prev::after{
                        content: "\b0001";
                    }
                .default_gallery_view .slick-arrow.slick-next {
                    right: 5%;
                }
                    .default_gallery_view .slick-arrow.slick-next::after{
                        content: "\b0002";
                    }


    .default_gallery_thumbnail{
        display: block;
        width: 100vw;
        height: 17vh;
        padding: 2px;
    }
        .default_gallery_thumbnail .slick-slide{
            position: relative;
            cursor: pointer;
        }
        .default_gallery_thumbnail .slick-slide div{
            position: relative;
            padding: 2px;
        }
            .default_gallery_thumbnail .slick-slide canvas{
                width: 100%;
                height: calc(17vh - 8px);
            }
            .default_gallery_thumbnail .slick-slide img{
                object-fit: cover;
                object-position: center center;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .default_gallery_thumbnail .slick-slide::after{
                display: block;
                content: "";
                width: 100%;
                height: 100%;
                background: #000;
                position: absolute;
                left: 0;
                top: 0;
                opacity: 0.3;
                transition: all 0.6s ease;
            }
                .default_gallery_thumbnail .slick-slide:hover::after,
                .default_gallery_thumbnail .slick-slide.slick-current::after{
                    opacity: 0;
                }

/* Gallery Popup */
/* Sticky Notes */
.sticky-menu{
    position: fixed;
    right: 40px;
    z-index: 99;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
    .sticky-menu ul{

    }
        .sticky-menu ul li {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding: 15px 0;
            pointer-events: auto;
        }
        .sticky-menu ul li a{
            color: #000;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            transition: all 0.6s ease;

        }
            .sticky-menu ul li.aios-scroll-id-meet-your-agents{
                display: none;
            }
            .sticky-menu.nav-active-section-more-informations ul li a,
            .sticky-menu.nav-active-section-hp-floorplan  ul li a,
            .sticky-menu.nav-active-section-hero  ul li a{
                color:#fff;
            }
            .sticky-menu ul li a em{
                display: block;
                width: 20px;
                height: 20px;
                background: #000;
                transition: all 0.6s ease;

            }
                .sticky-menu ul li.aios-scroll-id-hero a em {
                    -webkit-mask-image: url(images/svg/home.svg);
                    mask-image: url(images/svg/home.svg);
                }
                .sticky-menu ul li.aios-scroll-id-hp-overview a em {
                    -webkit-mask-image: url(images/svg/search.svg);
                    mask-image: url(images/svg/search.svg);
                }
                .sticky-menu ul li.aios-scroll-id-hp-video a em {
                    -webkit-mask-image: url(images/svg/video.svg);
                    mask-image: url(images/svg/video.svg);
                }
                .sticky-menu ul li.aios-scroll-id-hp-gallery a em {
                    -webkit-mask-image: url(images/svg/photo.svg);
                    mask-image: url(images/svg/photo.svg);
                }
                .sticky-menu ul li.aios-scroll-id-hp-floorplan a em {
                    -webkit-mask-image: url(images/svg/floorplan.svg);
                    mask-image: url(images/svg/floorplan.svg);
                }
                    .sticky-menu ul li.aios-scroll-id-hp-floorplan a span{
                        text-shadow: 1px 1px #000;
                    }
                .sticky-menu ul li.aios-scroll-id-more-informations a em {
                    -webkit-mask-image: url(images/svg/download.svg);
                    mask-image: url(images/svg/download.svg);
                }
                .sticky-menu ul li.aios-scroll-id-hp-contactform a em {
                    -webkit-mask-image: url(images/svg/contact.svg);
                    mask-image: url(images/svg/contact.svg);
                }

                .sticky-menu ul li.aios-scroll-id-hp-map a em {
                    -webkit-mask-image: url(images/svg/map.svg);
                    mask-image: url(images/svg/map.svg);
                }
                .sticky-menu.nav-active-section-more-informations ul li a em,
                .sticky-menu.nav-active-section-hp-floorplan  ul li a em,
                .sticky-menu.nav-active-section-hero ul li a em,
                .sticky-menu.nav-active-section-sec-cta ul li a em{
                    background: #fff;
                }
            .sticky-menu ul li a span{
                margin-right: 8px;
                transition: all 0.6s ease;
                opacity: 0;
                position: relative;
                right: -50px;
                padding-top: 6px;
                display: block;

            }
                .sticky-menu ul li:hover a span,
                .sticky-menu ul li.nav-active-section a span{
                    opacity: 1;
                    right: 0;
                }
/* Sticky Notes */
/* Burger Menu */
.burger-header {
    position: fixed;
    top: 0;
    right:-100%;
    width: 100%;
    height: 100%;
    background: var(--primary);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s ease;
    visibility: hidden;
}
    .burger-header.has-pattern:after{
        width: 95px;
        height: 354px;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.35;
    }
    .burger-header.burger-show{
        right: 0;
        visibility: visible;
    }
    .burger-header .bh-close{
        color: #fff;
        right: 5%;
        top: 3%;
        font-size: 22px;
        position: absolute;
        cursor: pointer;
        transition: all 0.8s ease;
        opacity: 0;
        z-index: 9;
    }
        .burger-header.burger-show .bh-close{
            opacity: 1;
        }
    .burger-header .burger-menu-nav{
        padding-top: 60px;
    }
        .burger-header .burger-menu-nav #burger-menu{
            display: flex;
            flex-flow: row wrap;
            margin-top: 40px;

        }
            .burger-header .burger-menu-nav #burger-menu li{
                width: 42.5%;
                border-top: 1px solid rgba(184, 184, 184, 0.202);
                margin: 0 5%;
                padding: 20px 0;
            }
                .burger-header .burger-menu-nav #burger-menu li:nth-child(odd) {
                    margin-left: 0;
                }
                .burger-header .burger-menu-nav #burger-menu li:first-child,
                .burger-header .burger-menu-nav #burger-menu li:nth-child(2){
                    border-top: 0;
                }
                .burger-header .burger-menu-nav #burger-menu li a{
                    font-size: 25px;
                    color:#cccccc;
                    transition: all 0.6s ease;
                }
                    .burger-header .burger-menu-nav #burger-menu li:hover a{
                        opacity: 0.5;
                    }

    .burger-header .burger-image{
        position: relative;
    }

        .burger-header.has-pattern .burger-image::after{
            display: block;
            content: "";
            width: 335px;
            height: 355px;
            background: url(images/burger-pattern.png) no-repeat 0 0 transparent;
            position: absolute;
            right: -22%;
            bottom: -30%;
        }
/* Burger Menu */
/* Header */
.header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 41px 5%;
    background: transparent;
    transition: all 0.6s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .header.show-fh{
        background: var(--primary);
        padding: 25px 5%;
    }

    .header .hd-address{
        transition: all 0.6s ease;
        opacity: 0;
    }
        .header.show-fh .hd-address{
            opacity: 1;
        }
        .header .hd-address h2{
            color: #ffffff;
            font-size: 30px;
            letter-spacing: 0.05em;
            font-family: var(--font-family-title);
        }
            .header .hd-address h2 span{
                display: block;
                font-size: 20px;
                font-family: var(--font-family-default);
            }
    .header .burger-menu-trigger{
        width: 28px;
        float: right;
        cursor: pointer;
    }
        .header .burger-menu-trigger span{
            display: block;
            background: var(--primary);
            height: 3px;
            width: 100%;
            margin: 2px 0;
            transition: all 0.6s ease;
        }
            .header.show-fh .burger-menu-trigger{
                background: #fff;
            }
/* Header */

/* Hero */
#hero{
    position: relative;
    width: 100%;
    height: 100vh;
}
    /* Slideshow */
    #hero .slideshow{
        position: relative;
        width: 100%;
        height: 100vh;
    }

    #hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video::after {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        content: "";
        background: #000;
        opacity: 0.2;
    }

    #hero .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video::before {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        content: "";
        background: #000;
        opacity: 0.1;
    }
    /* Slideshow */

    section#hero .cycloneslider-template-video .cycloneslider-volume,
    #hero #aios-slider-homepage-slidershow-auto-generated .aios-slider-volume {
        top: 135px;
        right: 22px;
        filter: brightness(0) invert(1);
        transform: scale(0.7);
        transform-origin: center;
    }

    /* Property Address */
    #hero .slide-property-address{
        position: absolute;

    }

        #hero.banner-center .slide-property-address{
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        #hero.lower-right .slide-property-address{
            right: 0;
            bottom: 11%;
            padding-right: 6%;
            padding-left: 50px;
        }
        #hero.banner-middle-left .slide-property-address{
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
        }
        #hero.banner-top-left .slide-property-address{
            top: 10%;
            left: 0;
        }
        #hero .slide-property-address .slide-address-bg{
            position: absolute;
            background: #fff;
            position: absolute;
            left: 0;
            top:0;
            height: 100%;
            width: 100%;
            z-index: 2;
            display: none;
        }
            #hero .slide-property-address.slide-has-bg .slide-address-bg{
                display: block;
            }
        #hero .slide-property-address h1{
            color: #fff;
            font-family: var(--font-family-title);
            text-align: center;
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.2;
            padding: 35px 30px;
            position: relative;
            z-index: 6;
        }
            #hero .slide-property-address.slide-has-bg h1{
                color:#000;
            }
            #hero.lower-right .slide-property-address h1 {
                text-align: right;
                font-size: 36px;
                padding: 20px 0 20px 0;

            }
            #hero.banner-middle-left .slide-property-address h1,
            #hero.banner-top-left .slide-property-address h1{
                text-align: left;
            }
                #hero .slide-property-address h1 span{
                    display: block;
                    font-size: 26px;
                    font-family: var(--font-family-default);
                    text-transform: capitalize;
                    font-weight: 400;

                }

    /* Property Address */
    /* Property Details */
    #hero .slide-property-details{
        position: absolute;
        background: var(--primary);
        color: #fff;
        width: 100%;
    max-width: 820px;
        right: 5.93%;
        bottom: -42px;
        display: flex;
        align-items: center;
        padding: 50px;
    }
        #hero .slide-property-details .slide-price{

        }
            #hero .slide-property-details .slide-price h3{
                font-size: 30px;
                font-weight: 700;
                letter-spacing: 0.05em;
                font-family: var(--font-family-default);
            }
        #hero .slide-property-details .slide-pp-other-info{
            display: flex;
            margin-left: 6%;
        }
            #hero .slide-property-details .slide-pp-other-info span{
                font-weight: 700;
                font-size: 24px;
                text-align: center;
                border-left: 1px solid rgba(184, 184, 184, 0.502);
                padding: 0 28px;
                line-height: 1.2;
            }
                #hero .slide-property-details .slide-pp-other-info span:first-child{
                    border-left: none;
                }
            #hero .slide-property-details .slide-pp-other-info span em{
                display: block;
                font-weight: 400;
                color:#999999;
                font-size: 16px;
                font-style: normal;
                padding-top: 5px;
            }
    /* Property Details */
/* Hero */
/* Overview */
.hp-overview{
    position: relative;
    width: 100%;
    padding-top: 112px;
}
    .hp-overview .container{
        position: relative;
    }
        .hp-overview .container::after{
            display: block;
            width: 18%;
            height: 85%;
            content: "";
            position: absolute;
            left: -20%;
            top: 41px;
            opacity: 0.35;
            background-size: cover;
            background-position: center left;
        }
    .hp-overview .overview-text{

    }
        .hp-overview .overview-text .ovt-wrap{
            padding-right: 15px;
            padding-top: 85px;
        }
        .hp-overview .overview-text h2{
            margin-bottom: 20px;
        }

        .hp-overview .overview-text p{
            line-height: 1.5;
            letter-spacing: 0.005em;
            padding: 15px 0;
        }

    .hp-overview .overview-image{

    }
        .hp-overview .overview-image .o-image-wrap{
            width: 100%;
            padding: 41px;
            position: relative;
        }
            .hp-overview .overview-image .o-image-wrap:after{
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                width: 80%;
                height: 100%;
                content: "";
                background: var(--primary);
            }
            .hp-overview .overview-image  .o-image-wrap img{
                display: block;
                width: 100%;
                position: relative;
                z-index: 6;
            }
/* Overview */
/* CTA */
.pp-cta{
    width: 100%;
    padding-top: 125px;
    padding-bottom: 90px;
}

    .pp-cta .cta-list{

    }
        .pp-cta .cta-list a{
            background: var(--primary);
            color: #fff;
            width: 100%;
            height: 98px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
            position: relative;
            border:2px solid var(--primary);
            transition: all 0.6s ease;
        }
            .pp-cta .cta-list a:hover{
                background:transparent;
                color:var(--primary);
            }
            .pp-cta .cta-list a::after{
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                background-position: center left;
                opacity: 0.4;
            }
                .pp-cta .cta-list a:hover::after{
                    opacity: 0;;
                }
            .pp-cta .cta-list a.has-pattern::before{
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                background-position: center left;
                background-image: url(images/pattern-dark.svg);
                opacity: 0;
            }
                .pp-cta .cta-list a.has-pattern:hover::before{
                    opacity: 0.4;
                }
            .pp-cta .cta-list a div{
                display: flex;
                align-items: center;
            }

            .pp-cta .cta-list a div span{
                font-size: 18px;
                margin-left: 10px;
            }


            .pp-cta .cta-list a div .cta-icon canvas{
                background: #fff;
                transition: all 0.6s ease;
            }

                .pp-cta .cta-list a:hover div .cta-icon canvas{
                    background: #000;
                }
/* CTA */
/* Video */
.video-area{
    width: 100%;
    padding: 45px 0;
    overflow: hidden;
}
    .video-area .video-wrapper{
        padding: 42px 0 95px;
        position: relative;
    }

        .video-area .video-wrapper .video-wrapper-inner{
            position: relative;
        }

        .video-area .video-wrapper.has-pattern:after{
            width: 335px;
            height: 355px;
            content: "";
            position: absolute;
            bottom: -46px;
            right: -150px;
            background-image: url(images/patter-l.png);
            pointer-events: none;
        }


        .video-area .video-wrapper a{
            display: block;
            position: relative;
        }
            .video-area .video-wrapper .vw-wrap{
                position: relative;
            }
                .video-area .video-wrapper .vw-wrap canvas{
                    display: block;
                    width: 100%;
                }
                .video-area .video-wrapper .vw-wrap img{
                    object-fit: cover;
                    object-position: center center;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                .video-area .video-wrapper .vw-wrap video{
                    display: block;
                    width: 100%;
                    height: auto;
                    aspect-ratio: 1140/545;
                }

                .video-area .video-wrapper .vw-wrap:after{
                    display: block;
                    content: "";
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background:#000;
                    opacity: 0.44;
                    display: none;
                }

                .video-area .video-wrapper .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-custom-video button{
                    display: none;
                }

            .video-area .video-wrapper .vw-volume-btn{
                position: absolute;
            }

            .video-area .video-wrapper .vwbuton{
                width: 116px;
                height: 116px;
                position: absolute;
                top: 50%;
                left: 50%;
                border: 1px solid #ffff;
                transform: translate(-50%, -50%);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                display: none;
            }
            .video-area .video-wrapper .vw-copyright{
                position: absolute;
                bottom: 60px;
                width: 100%;
                text-align: center;
                left: 0;
                display: none;
            }
                .video-area .video-wrapper .vw-copyright p{
                    color:#fff;
                    font-weight: 500;
                    font-size: 12px;
                    text-transform: uppercase;
                    padding-bottom: 10px;
                    letter-spacing: 0.2em;
                }

/* Video */
/* Gallery */
.hp-gallery{
    position: relative;
    margin-bottom: 92px;
}
    .hp-gallery .gallery-wrapper{
        display: flex;
        flex-flow: row wrap;
        margin: 40px 0 0;
        position: relative;
        z-index: 8;
    }
    .hp-gallery .gallery-container{
        position: relative;
    }

    .hp-gallery .default_button_container{
        padding-top: 51px;
        padding-bottom: 43px;
    }
        .hp-gallery .gallery-container.has-pattern:after{
            width: 335px;
            height: 355px;
            content: "";
            position: absolute;
            bottom: 0;
            left: -150px;
            background-image: url(images/pattern-l2.png);
        }

        .hp-gallery .gallery-wrapper .gallery-box-set{
            display: flex;
            width: 19.82%;
            flex-flow: row wrap;

        }
            .hp-gallery .gallery-wrapper .gallery-box-set:nth-child(2){
                flex-flow:  column;
            }
            .hp-gallery .gallery-wrapper .gallery-box-set:first-child,
            .hp-gallery .gallery-wrapper .gallery-box-set:nth-child(3){
                width:  39.64%;
            }

            .hp-gallery .gallery-wrapper .gallery-box-set .gallery-box{
                width: calc( 100% / 2);
                padding: 2.5px;
            }

                .hp-gallery .gallery-wrapper .gallery-box-set:first-child .gallery-box:first-child{
                    width: 100%;
                    padding-bottom: 0;
                }
                .hp-gallery .gallery-wrapper .gallery-box-set:nth-child(3) .gallery-box:last-child{
                    width: 100%;
                    padding-top: 0;
                }

                .hp-gallery .gallery-wrapper .gallery-box-set:nth-child(2) .gallery-box{
                    width: 100%;
                }

                .hp-gallery .gallery-wrapper .gallery-box .gb-img{
                    position: relative;
                }
                .hp-gallery .gallery-wrapper .gallery-box .gb-img canvas{
                    display: block;
                    width: 100%;
                }
                .hp-gallery .gallery-wrapper .gallery-box .gb-img img{
                    object-fit: cover;
                    object-position: center center;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }
/* Gallery */
/* Floor Plan */
.hp-floor-plan{
    background: var(--primary);
    padding: 115px 117px 0;
    position: relative;
}
    .hp-floor-plan .container{
        position: relative;
        z-index: 6;
    }
    .hp-floor-plan:after{
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: contain;
        opacity: 0.25;
    }
        .hp-floor-plan .hp-floor-plan-wrap{
            width: 100%;
            max-width: 1600px;
            margin: 50px auto 0;
            position: relative;
            z-index: 6;
            background: #fff;
            padding-top: 100px;
        }

            .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container{

            }
                .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container .crow{
                    /*margin: 0 -3%;*/
                    width: 100%;
                    display: flex;
                    flex-flow: row wrap;
                }
                .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container .floor-plan{
                    /*width: calc( 100% / 2);*/
                    width: 100%;
                    padding: 0 3%;
                }

                .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container .floor-plan a{
                    display: block;
                }
                .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container .floor-plan-img{
                    position: relative;
                }
                    .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container .floor-plan-img canvas{
                        display: block;
                        width: 100%;
                    }
                        .hp-floor-plan .hp-floor-plan-wrap .floor-plan-container .floor-plan-img img{
                            object-fit: contain;
                            object-position: center center;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                        }
            .hp-floor-plan .hp-floor-plan-wrap .default_button_container{
                margin-top: 55px;
            }

/* Floor Plan */
/* Second CTA */
.hp-cta-sec{
    position: relative;
    width: 100%;
    padding: 285px 0;
    background-size: cover;
    background-position: center;
    margin-top: 111px;
}

    .hp-cta-sec .cta-list{

    }
        .hp-cta-sec .cta-list a{
            background: #fff;
            color: #000;
            width: 100%;
            height: 98px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 500;
            position: relative;
            border:2px solid #fff;
            transition: all 0.6s ease;
        }
            .hp-cta-sec .cta-list a:hover{
                background: var(--primary);
                color:var(--primary);
                border-color: var(--primary);
            }
            .hp-cta-sec .cta-list a::after{
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                background-position: center left;
                opacity: 0.4;
            }
                .hp-cta-sec .cta-list a:hover::after{
                    opacity: 0;;
                }
            .hp-cta-sec .cta-list a.has-pattern::before{
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                background-position: center left;
                background-image: url(images/pattern-dark.svg);
                opacity: 0;
            }
                .hp-cta-sec .cta-list a.has-pattern:hover::before{
                    opacity: 0.4;
                }
            .hp-cta-sec .cta-list a div{
                display: flex;
                align-items: center;
            }

            .hp-cta-sec .cta-list a div span{
                font-size: 18px;
                margin-left: 10px;
                transition: all 0.6s ease;
            }
                .hp-cta-sec .cta-list a:hover div span{
                    color:#fff;
                }
                .hp-cta-sec .cta-list a div .cta-icon canvas{
                    background: #000;;
                    transition: all 0.6s ease;
                }

                .hp-cta-sec .cta-list a:hover div .cta-icon canvas {
                    background: #fff;
                }
/* Second CTA */
/* More Information */
.hp-more-information{
    background: var(--primary);
    padding:100px 0;
}

    .hp-accordion{
        margin-top: 60px;
    }
    .hp-accordion .hp-accordion-title{
        position: relative;
        padding: 24px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 20px;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-property: all !important;
        transition-property: all !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.251);
    }
        .hp-accordion .hp-accordion-title.active{
            border-bottom: transparent;
        }
        .hp-accordion .hp-accordion-title span{
            font-size: 18px;
            letter-spacing: 0.05em;
        }
        .hp-accordion .hp-accordion-title i{
            font-style: normal;
            font-size: 30px;
        }

    .hp-accordion .hp-accordion-content:not([aria-hidden=false]) {
        display: none;
    }
    .hp-accordion .hp-accordion-content {
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .hp-accordion .hp-accordion-content ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            margin: 0;
            padding: 0;
            position: relative;
        }
        .hp-accordion .hp-accordion-content ul li {
            display: block;
            font-size: 18px;
            font-weight: 300;
            line-height: 1.619;
            color: #fff;
            width: 50%;
            padding: 10px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .hp-accordion .hp-accordion-content ul li:nth-child(odd) {
            padding-right: 10px;
        }

        .hp-accordion .hp-accordion-content ul li:nth-child(even) {
            padding-left: 10px;
        }

        .hp-accordion .hp-accordion-content ul li:nth-child(1),
        .hp-accordion .hp-accordion-content ul li:nth-child(2) {
            border-top: none;
        }

        .hp-accordion .hp-accordion-content ul li:nth-child(odd):nth-last-child(1) {
            width: 100%;
        }

        .hp-accordion .hp-accordion-content ul li strong {
            display: block;
            font-weight: 500;
            width: 250px;
            padding-right: 15px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }

        .hp-accordion .hp-accordion-content ul li p {
            line-height: inherit;
            margin: 0;
            width: calc(100% - 250px);
            color: #c4c4c4;
        }

/* More Information */
/* Hp Agents */
.hp-meet-your-agents{
    width: 100%;
    padding: 127px 0;
}
    .hp-meet-your-agents .default_title{
        font-size: 48px;
        padding-top: 60px;
    }

    .hp-meet-your-agents .agents-description{

    }
        .hp-meet-your-agents .agents-description h3{
            font-size: 45px;
            font-family: var(--font-family-title);
            padding-top: 80px;
            padding-bottom: 35px;
        }
            .hp-meet-your-agents .agents-description h3 span{
                font-size: 14px;
                font-family: var(--font-family-default);
                display: block;
            }
        .hp-meet-your-agents .agents-description p{
            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0.005em;
            padding: 10px 70px 10px 0;
        }

    .hp-meet-your-agents .agent-image-wrap{

    }
        .hp-meet-your-agents .agent-image-wrap .aiw-wrap{
            position: relative;
            padding-left: 13%;
        }

        .hp-meet-your-agents .agent-image-wrap .aiw-wrap img{
            display: block;

        }

        .hp-meet-your-agents .agent-image-wrap .aiw-wrap .agent-contact-info {
            position: absolute;
            /*bottom: 61px;*/
            bottom: 15px;
            left: 0;
            background: var(--primary);
            color: #fff;
            /*padding: 60px;*/
            padding: 20px 30px;
        }
            .hp-meet-your-agents .agent-image-wrap .aiw-wrap .agent-contact-info.has-pattern:after{
                display: block;
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                opacity: 0.25;
            }
            .hp-meet-your-agents .agent-image-wrap .aiw-wrap .agent-contact-info ul{
                position: relative;
                z-index: 6;
            }
                .hp-meet-your-agents .agent-image-wrap .aiw-wrap .agent-contact-info ul li{
                    font-size: 16px;
                    color: #fff;
                    padding: 5px 0;
                }
                    .hp-meet-your-agents .agent-image-wrap .aiw-wrap .agent-contact-info ul li a{
                        color: #fff;
                    }
/* Hp Agents */
/* HP Contact Form */
.hp-contact-form{
    position: relative;
}

    .hp-contact-wrap{
        background: var(--primary);
        padding: 91px 0;
    }
        .hp-contact-wrap.has-pattern::after{
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.25;
        }
        .hp-contact-wrap .hpcwrap{
            position: relative;
            z-index: 5;
        }
            .hp-contact-wrap .hpcwrap .pp-address{
                text-align: center;
                color:#fff;
            }

            .cf-form{
                width: 100%;
                max-width: 800px;
                margin: 0 auto;
                padding: 60px 40px 0;
                position: relative;
            }
                .cf-form form{
                    display: flex;
                    flex-flow: row wrap;
                    margin: 0 -10px; 
                    position: relative;
                }
                    .cf-form form .field-input{
                        width: 50%;
                        padding: 15px 10px;
                    }
                            .cf-form form .field-input.field-lg{
                                width: 100%;
                            }
                    .cf-form form .field-input label{
                        display: none;
                    }

                    .cf-form form .field-input input[type="text"],
                    .cf-form form .field-input input[type="email"],
                    .cf-form form .field-input input[type="tel"]{
                        width: 100%;
                        height: 50px;
                        background: transparent;
                        border: none;
                        border-bottom: 1px solid rgba(184, 184, 184, 0.502);
                        color:#fff;
                        font-size: 14px;
                    }
                    .cf-form form .field-input textarea{
                        width: 100%;
                        height: 81px;
                        background: transparent;
                        border: none;
                        border-bottom: 1px solid rgba(184, 184, 184, 0.502);
                        color:#fff;
                        font-size: 14px;
                        resize: none;
                    }

                    .cf-form form .form-btn{
                        width: 100%;
                        padding-top: 30px;
                    }
                        .cf-form form .form-btn input{
                            width: 100%;
                            max-width: 210px;
                            height: 50px;
                            border: 1px solid #fff;
                            color:#fff;
                            font-weight: 500;
                            font-size: 16px;
                            background: transparent;
                            transition: all 0.6s ease;
                            display: block;
                            margin: 0 auto;
                        }
                            .cf-form form .form-btn input:hover{
                                background: #fff;
                                color:#000;
                            }

            .cf-form .wpcf7 form .wpcf7-response-output{
                width: calc(100% - 30px);
                text-align: center;
                color: #fff;
                padding: 10px 0;
                position: absolute;
                bottom: -60px;
                left: 0; 
                right: 0;
            }
            .cf-form .use-floating-validation-tip .wpcf7-not-valid-tip {
                top: 0;
                left: 0;
                width: 100%;
                position: absolute;
            }
/* Hp Contact Form */
/* HP MAP */
.hp-map{
    position: relative;
    margin-top: 121px;
}
    .hp-map::after{
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        z-index: 4;
        pointer-events: none;
    }
    .hp-map #property-pro-hp-leaflet-map{
        width: 100%;
        height: 500px;
        filter: grayscale(1);
    }

    .hp-map .hp-map-address{
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 81px;
        z-index: 7;
    }
        .hp-map .hp-map-address h2{
            background: var(--primary);
            color: #fff;
            display: inline-block;
            vertical-align: middle;
            font-size: 30px;
            font-family: var(--font-family-title);
            line-height: 1.1;
            padding: 34px;

        }
            .hp-map .hp-map-address h2 span {
                display: block;
                font-size: 20px;
                font-family: var(--font-family-default);
                font-weight: 400;
            }
/* HP MAP */

/** Footer **/
#main-footer{
    width: 100%;
    background: var(--primary);
    padding: 109px 0;
    position: relative;
}
    #main-footer .container{
        position: relative;
        z-index: 6;
    }

    #main-footer.has-pattern::after{
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.25;
    }
    #main-footer .ft-logo{
        text-align: center;
        padding-bottom: 48px;
    }
        #main-footer .ft-logo a{
            display: inline-block;
        }

    #main-footer .ft-nav{

    }
        #main-footer .ft-nav .footernav{
            display: flex;
            align-items: center;
            justify-content: center;
        }
            #main-footer .ft-nav .footernav li{
                border-left: 1px solid #696969;
                padding: 0 20px;
            }
                #main-footer .ft-nav .footernav li:first-child{
                    border-left: 0;
                }
                #main-footer .ft-nav .footernav li a{
                    color:#fff;
                    font-size: 14px;
                }
    #main-footer .ft-copright{
        padding-top: 20px;
        text-align: center;
    }
        #main-footer .ft-copright p{
            font-size: 14px;
            color: #a3a3a3;
            padding: 15px 0;
            line-height: 1.5;
        }
            #main-footer .ft-copright a:hover{
                color: #fff;
            }
        #main-footer .ft-copright p i{
            color: #fff;
            font-size: 24px;
        }
/** Footer **/

/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
    z-index: 5;
}
    .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: var(--dark);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(images/slide-1.jpg);
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFFFFF;
            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 .ip-breadcrumbs {
            position: absolute;
            bottom: 0;
            z-index: 4;
            width: 100%;
            color: #dddddd;
            font-size: 16px;
            padding-top: 21px;
            padding-bottom: 21px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
            .ip-banner .ip-breadcrumbs .breadcrumb_last{
                color:#fff;
            }
/* Adjust minimum height of page area */
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

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

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

/* 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;
    }
#content #breadcrumbs{
    display: none;
}
/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

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

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    color: var(--primary-text-color);
    font-family: var(--font-family-title);
}

#main-footer .ft-logo img {
    max-width: 100px;
}

.hp-more-info-content p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 28px;
}

.hp-more-info-content ul.ttl-list {
    list-style-type: disc;
    color: #fff;
    padding-left: 30px;
}

.hp-more-info-content ul.ttl-list li {
    width: 100%;
    line-height: 28px;
/*  margin-left: 30px;*/
    font-size: 18px;
}

.hp-more-info-content {
    margin-top: 30px;
}
.aios-mobile-header-wrapper{
    z-index: 1000 !important;
}

body #pojo-a11y-toolbar {
    bottom:0 !important;
    top: auto !important;
}
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top:auto !important;
    bottom:0 !important;
}
button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}

/* High contrast and Negative contrast break canvas elements with backgrounds */
#pojo-a11y-toolbar .pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-btn-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display:none !important;
}

.aios-popup-body .aiosp-close {
    color: #fff !important;
}
.aios-popup-body .aiosp-close {
    right: 20px !important;
    top: 20px !important;
}
.error-page-cf-wrap .wpcf7-response-output {
    text-align: center;
}
.post-page-sitemap .sitemap-list .page-item--1{
    display: none;
}

.hp-contact-form .cf-form .wpcf7 form .wpcf7-response-output{
    width: -webkit-fill-available;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */