/*
Theme Name: Justin Goldberg
Theme URI: http://aios3-staging.agentimage.com/j/justinsfrealestate_new.com/htdocs
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.4
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,
#burger-nav li {
	position:relative;
}

#nav .sub-menu,
#burger-nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: rgba(0,0,0,0.9) url("images/submenu-fixer.png");
    display: none;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width:180px;
}
#nav .sub-menu a,
#burger-nav .sub-menu a  {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover,
#burger-nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu,
#burger-nav .sub-menu .sub-menu {
    /*margin-left: 100%;*/
    margin-left: -90px;
 	top:0;
}
#nav li:hover > .sub-menu,
#burger-nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li,
#burger-nav .sub-menu li {
    position: relative;
}


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

/* Global */

body{
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	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;
}

a,a:hover,a:visited,a:focus{
    outline: 0 !important;
    text-decoration: none !important;
}

.slick-slide{
    outline: 0 !important;
}

.label-hide{
    display: none;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

div#main-wrapper{
    overflow: hidden;
}

/*header*/
header.main-header {
    position: fixed;
    width: 100%;
    z-index: 1001;
    padding-top: 10px;
    padding-bottom: 12px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #202122;
}

/*fixed header*/
header.main-header.show-fixed{
    background: #fff;
}

    header.main-header.show-fixed nav.nav-holder ul#nav > li > a{
        color: #4a4b4c;
    }

        header.main-header.show-fixed .header-burger-menu span{
            background: #4a4b4c;
        }

            header.main-header.show-fixed .header-contact-info {
                opacity: 0;
                margin-top: -28px;
            }

                header.main-header.show-fixed img.img-responsive.default-logo {
                    display: none;
                }

                    header.main-header.show-fixed img.img-responsive.fixed-logo {
                        display: block;
                    }

/*logo*/
.logo-holder {
    margin-right: 15px;
}

    .logo-holder,
    .brokerage-logo {
        display: inline-block;
        vertical-align: middle;
        padding-top: 5px;
    }

        img.img-responsive.fixed-logo {
            display: none;
        }

            .logo-holder a {
                display: block;
                max-width: 230px;
            }

/*contact*/
.header-contact-info{
    color: #fff;
    text-align: right;
    color: #fff;
    position: relative;
    opacity: 1;
    padding-top: 8px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .header-contact-info span,
    .header-contact-info span a {
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        color: #fff;
        font-weight: 300;
        letter-spacing: 1px;
    }

        .header-contact-info span a:hover, a.asis-mailto-obfuscated-email:hover {
            opacity: .8;
        }

        .header-contact-info span em.ai-mobile-phone,
        .header-contact-info span em.ai-mobile-phone a {
            font-weight: 500;
        }

            .header-contact-info span {
                display: inline-block;
                margin: 0 12px;
            }

                .header-contact-info span:last-child{
                    margin-right: 0;
                }

                    .header-contact-info span.header-site-name {
                        font-size: 20px;
                        font-weight: 400;
                        margin-right: 0;
                        font-family: 'Montserrat', sans-serif;
                    }

/*nav*/
nav.nav-holder {
    font-size: 0;
    text-align: right;
    padding-top: 9px;
}

    nav.nav-holder ul#nav > li{
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
    }

        nav.nav-holder ul#nav li a {
            font-size: 14px;
            color: #fff;
            font-weight: 300;
            text-transform: uppercase;
            text-align: center;
            font-family: 'Raleway', sans-serif;
            display: block;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

            nav.nav-holder ul#nav > li > a{
                padding: 5px;
                position: relative;
            }

                nav.nav-holder ul#nav > li > a::after{
                    content: '';
                    position: absolute;
                    bottom: -4px;
                    left: 0;
                    width: 100%;
                    height: 0px;
                    background: #00264B;
                    -webkit-transition: all 0.4s ease-in-out;
                    -moz-transition: all 0.4s ease-in-out;
                    -o-transition: all 0.4s ease-in-out;
                    transition: all 0.4s ease-in-out;
                }

                    nav.nav-holder ul#nav > li:hover > a::after{
                        height: 4px;
                    }

                nav.nav-holder .menu-header-top-menu-container,
                nav.nav-holder .header-burger-menu {
                    display: inline-block;
                    vertical-align: middle;
                }

                    nav.nav-holder .header-burger-menu:hover {
                        opacity: .6;
                    }

                    .header-burger-menu {
                        width: 34px;
                        margin-left: 19px;
                        cursor: pointer;
                    }

                        .header-burger-menu span{
                            width: 100%;
                            height: 2px;
                            background: #fff;
                            display: block;
                            -webkit-transition: all 0.4s ease-in-out;
                            -moz-transition: all 0.4s ease-in-out;
                            -o-transition: all 0.4s ease-in-out;
                            transition: all 0.4s ease-in-out;
                        }

                            .header-burger-menu span:nth-child(2){
                                margin: 9px 0;
                            }

                                nav.nav-holder #nav .sub-menu, #burger-nav .sub-menu {
                                    background: transparent;
                                    left: 50%;
                                    margin-left: -90px;
                                }

                                    nav.nav-holder #nav .sub-menu a{
                                        background: #00264b;
                                    }

                                        nav.nav-holder ul#nav > li > .sub-menu {
                                            padding-top: 36px;
                                        }

/*fixed burger menu*/
.hamburger-menu-holder {
    width: 30.813%;
    position: fixed;
    /*right: -20%;*/
    right: -50%;
    height: 100%;
    z-index: 1002;
    background: #fff;
    font-size: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

    .hamburger-menu-holder.show-hamburger-menu{
        right: 0;
        opacity: 1;
    }

        .burger-menu-inner {
            position: relative;
            height: 100%;
        }

            .burger-menu-inner::before{
                content: '';
                width: 0;
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }

                .bmenu-center{
                    display: inline-block;
                    vertical-align: middle;
                    text-align: center;
                    width: 100%;
                }

                    ul#burger-nav li a {
                        font-size: 14px;
                        color: #3f3f40;
                        font-weight: 400;
                        text-transform: uppercase;
                        text-align: center;
                        font-family: 'Montserrat', sans-serif;
                        display: block;
                        letter-spacing: .5px;
                        -webkit-transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        transition: all 0.4s ease-in-out;
                    }

                        ul#burger-nav {
                            max-width: 136px;
                            margin: 0 auto;
                        }

                            ul#burger-nav > li {
                                display: block;
                                position: relative;
                                margin-bottom: 16px;
                            }

                                ul#burger-nav > li:hover a{
                                    background: #00264b;
                                    color: #fff;
                                }

                                    ul#burger-nav > li > a {
                                        padding: 11.5px 0;
                                    }

                                        .bmenu-close {
                                            position: absolute;
                                            right: 28px;
                                            top: 54px;
                                            z-index: 1;
                                        }

                                            .bmenu-close span {
                                                cursor: pointer;
                                            }

                                            #burger-nav .sub-menu {
                                                background: transparent;
                                                min-width: 160px;
                                                left: -71px;
                                                top: 0;
                                            }

                                            ul#burger-nav .sub-menu li a {
                                                font-size: 13px;
                                                padding: 7px;
                                            }

/*slideshow*/
section.slideshow-area,
.slider-holder{
    position: relative;
}

    .slider-holder .cycle-slide:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 100;
        opacity: .3;
    }

        .slider-tagline-holder {
            position: absolute;
            top: 303px;
            left: 0;
            width: 100%;
            text-align: center;
            z-index: 1;
        }

            .tagline-top {
                font-size: 18px;
                text-transform: uppercase;
                color: #fff;
                font-family: 'Montserrat', sans-serif;
                line-height: 1.17;
            }

                .tagline-top span{
                    font-size: 70px;
                    font-weight: 600;
                    display: block;
                }

                    .tagline-bottom {
                        font-size: 24px;
                        color: #fff;
                        font-family: 'Playfair Display', serif;
                        font-style: italic;
                        line-height: 1;
                        padding-top: 4px;
                    }

                        .tagline-bottom span{
                            font-size: 70px;
                            display: block;
                        }

                            section.slideshow-area .cycloneslider-template-responsive img.cycloneslider-slide-js[width="1"] + canvas {
                             display:block;
                            }

                            section.slideshow-area .cycloneslider-template-responsive img.cycloneslider-slide-js[width="1"] {
                             display:none;
                            }

/*featured properties*/
.fp-list{
    background: #000;
    position: relative;
    overflow: hidden;
}

    .fp-title {
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        letter-spacing: 2px;
        padding-bottom: 4px;
    }

        .fp-image{
            position: relative;
            background-size: cover;
            background-position: center;
            height: 773px;
            opacity: .7;
        }

            .fp-details {
                position: absolute;
                bottom: 0;
                width: 100%;
                z-index: 3;
            }

                .fp-address {
                    font-size: 24px;
                    font-weight: 500;
                    color: #fff;
                    text-transform: uppercase;
                    font-family: 'Raleway', sans-serif;
                    letter-spacing: 2.4px;
                    padding-bottom: 26px;
                }

                    .fp-price {
                        font-size: 30px;
                        font-style: italic;
                        color: #fff;
                        font-family: 'Playfair Display', serif;
                        letter-spacing: 3.1px;
                    }

                        .fp-inner-details{
                            position: relative;
                        }

                            .fp-view-details a {
                                display: block;
                                text-align: center;
                                color: #fff;
                                font-size: 13px;
                                text-transform: uppercase;
                                font-weight: 500;
                                border: solid 1px #fff;
                                width: 165px;
                                padding: 19px 0;
                                position: absolute;
                                bottom: 75px;
                                right: 0;
                                font-family: 'Raleway', sans-serif;
                                -webkit-transition: all 0.4s ease-in-out;
                                -moz-transition: all 0.4s ease-in-out;
                                -o-transition: all 0.4s ease-in-out;
                                transition: all 0.4s ease-in-out;
                            }

                                .fp-view-details a:hover{
                                    background: #00264b;
                                    border-color: #00264b;
                                }

                                    .fp-inner-info {
                                        width: 50%;
                                        position: relative;
                                        padding-bottom: 75px;
                                    }

                                        .fc-details-hover {
                                            position: absolute;
                                            bottom: -100%;
                                            opacity: 0;
                                            left: 0;
                                            width: 100%;
                                            background: rgba(0, 38, 75, 0.89);
                                            -webkit-transition: all 0.4s ease-in-out;
                                            -moz-transition: all 0.4s ease-in-out;
                                            -o-transition: all 0.4s ease-in-out;
                                            transition: all 0.4s ease-in-out;
                                        }

                                            .fc-details-hover .fp-price {
                                                background: #fff;
                                                color: #414040;
                                                padding: 12px 34px 24px;
                                            }

                                                .fc-details-hover .fp-address {
                                                    font-size: 14px;
                                                    padding-top: 33px;
                                                    padding-bottom: 14px;
                                                }

                                                    .fp-text {
                                                        font-size: 13px;
                                                        color: #7e9ebd;
                                                        font-style: italic;
                                                        font-family: 'Playfair Display', serif;
                                                        line-height: 1.6;
                                                        padding-bottom: 29px;
                                                    }

                                                        .fp-unit {
                                                            font-size: 14px;
                                                            color: #fff;
                                                            text-transform: uppercase;
                                                            font-family: 'Raleway', sans-serif;
                                                            padding-bottom: 30px;
                                                        }

                                                            .fc-details-hover-inner {
                                                                padding: 0 34px;
                                                            }

                                                                .fp-unit span {
                                                                    margin: 0 16px;
                                                                }

                                                                    .fp-unit span:first-child{
                                                                        margin-left: 0;
                                                                    }

                                                                .fp-inner-info:hover .fc-details-hover{
                                                                    bottom: 0;
                                                                    opacity: 1;
                                                                }

                                                            .fp-inner-info:hover .fp-inner-content{
                                                                opacity: 0;
                                                            }

                                                        .fp-inner-content{
                                                            -webkit-transition: all 0.4s ease-in-out;
                                                            -moz-transition: all 0.4s ease-in-out;
                                                            -o-transition: all 0.4s ease-in-out;
                                                            transition: all 0.4s ease-in-out;
                                                        }

                                                    .fp-arrow .slick-arrow.slick-next {
                                                        float: right;
                                                       background: rgba(255,255,255,0) url(images/fp-arrow-r.png) center center no-repeat;
                                                    }

                                                .fp-arrow .slick-arrow.slick-prev {
                                                    float: left;
                                                   background: rgba(255,255,255,0) url(images/fp-arrow-l.png) center center no-repeat;
                                                }

                                            .fp-arrow .slick-arrow {
                                               margin: auto;
                                               outline: none;
                                               border-radius: 0;
                                               border: none;
                                               width: 15px;
                                               height: 16px;
                                               background: transparent;
                                               appearance: none;
                                               -webkit-appearance: none;
                                               -moz-appearance: none;
                                               font-size: 0;
                                               transition: all 0.4s ease-out;
                                               -webkit-transition: all 0.4s ease-out;
                                               cursor: pointer;
                                            }

                                        .fp-full-slider {
                                            position: relative;
                                        }

                                    .fp-arrow-holder {
                                        position: absolute;
                                        width: 100%;
                                        bottom: 146px;
                                        left: 0;
                                        text-align: right;
                                    }

                                .fp-arrow {
                                    width: 68px;
                                    text-align: center;
                                    margin: 0 0 0 auto;
                                    position: relative;
                                    padding-top: 4px;
                                    height: 29px;
                                }

                            .fp-arrow::after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                right: 0;
                                width: 1px;
                                height: 26px;
                                background: #fff;
                                margin: auto;
                                opacity: .26;
                            }

/*welcome*/
.wc-content {
    padding: 153px 70px 0 0;
}

    .wc-content h1 {
        font-size: 30px;
        color: #343435;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        letter-spacing: 7px;
        padding-bottom: 27px;
    }

        .wc-content p {
            font-size: 14px;
            color: #6d6d6d;
            font-family: 'Playfair Display', serif;
            padding-bottom: 20px;
            text-align: justify;
        }

            .wc-learn-more a {
                display: block;
                border: solid 1px #171819;
                text-align: center;
                font-size: 13px;
                text-transform: uppercase;
                color: #393939;
                font-weight: 500;
                font-family: 'Raleway', sans-serif;
                padding: 19px 0;
                margin: 25px 0;
                max-width: 150px;
                letter-spacing: 1.5px;
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
            }

                .wc-learn-more a:hover {
                    background: #00264b;
                    color: #fff;
                }



                .agent-photo-holder {
                    padding: 73px 0 0;
                }

                    .welcome-agent-photo {
                       /*  background: url(images/agent-bg.jpg) no-repeat; */
                        background-size: cover;
                        background-position: center;
                    }

                        .agent-photo-holder img {
                            margin: 0 0 0 auto;
                            position: relative;
                            right: -10px;
                        }

/*featured communities*/
section.fetured-communities-area {
    background: #343435;
    padding-top: 38px;
    display: none;
}

    .fc-title {
        font-size: 30px;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Raleway', sans-serif;
        letter-spacing: 7.5px;
        padding-top: 10px;
    }

        .fc-view-all a {
            display: block;
            border: solid 1px #fff;
            text-align: center;
            font-size: 13px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            font-family: 'Raleway', sans-serif;
            padding: 19px 0;
            margin: 0 0 0 auto;
            max-width: 150px;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

            .fc-view-all a:hover {
                background: #fff;
                color: #343435;
            }

                .fc-list-holder {
                    font-size: 0;
                    padding-top: 34px;
                }

                    .fc-photo{
                        position: relative;
                        height: 290px;
                        background-size: cover;
                        background-position: center;
                    }

                        .fc-list {
                            display: inline-block;
                            vertical-align: middle;
                            width: 33.33333%;
                        }

                            .fc-list a{
                                display: block;
                                position: relative;
                            }

                                .fc-list a .fc-photo::after{
                                    content: '';
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background: #171819;
                                    opacity: .6;
                                    -webkit-transition: all 0.6s ease-in-out;
                                    -moz-transition: all 0.6s ease-in-out;
                                    -o-transition: all 0.6s ease-in-out;
                                    transition: all 0.6s ease-in-out;
                                }

                                    .fc-name {
                                        font-size: 24px;
                                        font-weight: 500;
                                        color: #fff;
                                        position: relative;
                                        z-index: 2;
                                        text-align: center;
                                        display: inline-block;
                                        vertical-align: middle;
                                        width: 100%;
                                        font-family: 'Raleway', sans-serif;
                                        line-height: 1.1;
                                        text-transform: uppercase;
                                        margin-top: 0;
                                        opacity: 1;
                                        -webkit-transition: all 0.4s ease-in-out;
                                        -moz-transition: all 0.4s ease-in-out;
                                        -o-transition: all 0.4s ease-in-out;
                                        transition: all 0.4s ease-in-out;
                                    }

                                        .fc-photo::before {
                                            content: '';
                                            width: 0;
                                            height: 100%;
                                            display: inline-block;
                                            vertical-align: middle;
                                        }

                                            .fc-text-holder {
                                                position: absolute;
                                                top: 0;
                                                left: 0;
                                                width: 100%;
                                                height: 100%;
                                            }

                                                .fc-text{
                                                    position: relative;
                                                    height: 100%;
                                                    text-align: center;
                                                }

                                                    .fc-text span{
                                                        font-size: 14px;
                                                        color: #fff;
                                                        font-style: italic;
                                                        font-family: 'Playfair Display', serif;
                                                        text-align: center;
                                                        max-width: 420px;
                                                        margin: 100px auto 0;
                                                        padding: 18px 5px 0;
                                                        position: relative;
                                                        display: inline-block;
                                                        vertical-align: middle;
                                                        opacity: 0;
                                                        -webkit-transition: all 0.4s ease-in-out;
                                                        -moz-transition: all 0.4s ease-in-out;
                                                        -o-transition: all 0.4s ease-in-out;
                                                        transition: all 0.4s ease-in-out;
                                                    }

                                                        .fc-text span::after{
                                                            content: '';
                                                            position: absolute;
                                                            left: 0;
                                                            top: 0;
                                                            right: 0;
                                                            margin: auto;
                                                            width: 30px;
                                                            height: 2px;
                                                            background: #fff;
                                                        }

                                                            .fc-text::before {
                                                                content: '';
                                                                width: 0;
                                                                height: 100%;
                                                                display: inline-block;
                                                                vertical-align: middle;
                                                            }

                                                                .fc-list a:hover .fc-text span{
                                                                    margin: 0 auto 0;
                                                                    opacity: 1;
                                                                }

                                                            .fc-list a:hover .fc-photo::after{
                                                                background: rgba(0, 38, 75, 1);
                                                                opacity: .8;
                                                            }

                                                        .fc-list a:hover .fc-name{
                                                            margin-top: -100px;
                                                            opacity: 0;
                                                        }

/*video gallery*/
section.video-gallery-area {
    padding-top: 90px;
    padding-bottom: 88px;
}

    .video-gallery-title {
        font-size: 30px;
        color: #202122;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 6px;
        font-family: 'Raleway', sans-serif;
        position: relative;
        padding-top: 64px;
        padding-bottom: 66px;
    }

        .video-gallery-title span{
            display: block;
            font-size: 14px;
            color: #6d6d6d;
            text-transform: none;
            font-family: 'Playfair Display', serif;
            letter-spacing: 0;
            font-style: italic;
            line-height: 1.75;
            padding-top: 17px;
        }

            .video-gallery-title::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 88.071%;
                height: 536px;
                border: solid 2px #202122;
                right: 0;
                margin: auto;
                pointer-events: none;
            }

                .video-pic {
                    position: relative;
                    height: 405px;
                    opacity: .56;
                    background-position: center;
                    background-size: cover;
                }

                    .video-list a{
                        display: block;
                        max-width: 360px;
                        margin: 0 auto;
                        background: #171819;
                    }

                        .video-list a span.vid-title{
                            width: 100%;
                            display: block;
                            padding: 15px 0;
                            background: #fff;
                            font-family: 'Playfair Display', serif;
                            color: #414040;
                            font-size: 19px;
                            font-style: italic;
                            text-align: center;
                            transition: 400ms ease;
                            -webkit-transition: 400ms ease;
                            -moz-transition: 400ms ease;
                            -o-transition: 400ms ease;
                        }

                        .video-list a:hover span.vid-title {
                            background: #00264b;
                            color: #fff;
                        }

                        .video-list a img {
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 84px;
                            margin: auto;
                            opacity: .43;
                        }

                            .video-list a:hover .video-pic{
                                opacity: .7;
                            }

                                .video-gallery-title a {
                                    display: block;
                                    border: solid 1px #171819;
                                    text-align: center;
                                    font-size: 13px;
                                    text-transform: uppercase;
                                    color: #393939;
                                    font-weight: 500;
                                    font-family: 'Raleway', sans-serif;
                                    padding: 19px 0;
                                    margin: 25px 0;
                                    max-width: 300px;
                                    letter-spacing: .5px;
                                    -webkit-transition: all 0.4s ease-in-out;
                                    -moz-transition: all 0.4s ease-in-out;
                                    -o-transition: all 0.4s ease-in-out;
                                    transition: all 0.4s ease-in-out;
                                    margin: 20px auto 0;
                                }

                                    .video-gallery-title a:hover {
                                        background: #00264b;
                                        color: #fff;
                                    }

/*footer form*/
section.footer-contact-area {
    background: url(images/footer-form-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 168px 0;
}

    .footer-contact-holder {
        background: #202122;
        padding: 43px 54px 40px;
        max-width: 528px;
        margin: 0 auto;
    }

        .footer-contact-holder h2 {
            font-size: 30px;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 6px;
            font-family: 'Raleway', sans-serif;
            padding-bottom: 32px;
        }

            .ff-fields input,
            .ff-fields textarea {
                border-radius: 0;
                color: #fff;
                font-size: 12px;
                font-weight: 300;
                font-family: 'Raleway', sans-serif;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                width: 100%;
                height: 41px;
                padding: 0 12px;
                border: solid 1px rgba(255,255,255,.48);
                text-align: center;
            }

                .ff-fields{
                    margin-bottom: 10px;
                }

                    .ff-fields textarea {
                        padding-top: 12px;
                        height: 107px;
                    }

                    .ff-fields.ff-textarea{
                        height: 107px;
                        margin-bottom: 12px;
                    }

                        .ff-fields-btn input {
                            border-radius: 0;
                            color: #fff;
                            font-size: 13px;
                            font-weight: 500;
                            font-family: 'Montserrat', sans-serif;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            background: transparent;
                            width: 100%;
                            height: 41px;
                            padding: 0 12px;
                            border: solid 1px rgba(255,255,255,1);
                            text-align: center;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                        }

                            .footer-contact-holder div.wpcf7-response-output {
                                margin: 0;
                                text-align: center;
                                color: #fff;
                            }

                                .ff-fields-btn input:hover{
                                    background: #fff;
                                    color: #202122;
                                }

/*footer*/
footer.main-footer {
    background: #202122;
    padding-top: 89px;
    padding-bottom: 74px;
}

    .footer-contact-info {
        text-align: center;
        font-size: 18px;
        color: #888989;
    }

        .footer-contact-info span,
        .footer-contact-info span a,
        .footer-contact-info span em.ai-mobile-phone{
            font-size: 16px;
            /*font-style: italic !important;*/
            color: #fff;
            font-family: 'Playfair Display', serif;
        }

            .footer-contact-info span {
                margin: 0 32px;
            }

            .footer-contact-info span.header-site-name {
                font-size: 22px;
                font-weight: 400;
                margin: 0 auto;
                font-family: 'Montserrat', sans-serif;
                font-style: normal !important;
                display: block;
            }

                .footer-contact-info span a:hover{
                    opacity: .7;
                }

                     .footer-location{
                        font-size: 16px;
                        /*font-style: italic !important;*/
                        color: #fff;
                        font-family: 'Playfair Display', serif;
                        text-align: center;
                        line-height: 2;
                        padding-top: 10px;
                    }

                        .footer-logos img {
                            display: inline-block;
                            vertical-align: middle;
                            margin: 15px 21px;
    max-height: 98px;
                        }

                            .footer-logos {
                                text-align: center;
                                padding-top: 32px;
                            }

                                ul.footernav{
                                    text-align: center;
                                    padding-top: 31px;
                                }

                                    ul.footernav li {
                                        display: inline-block;
                                        vertical-align: top;
                                        margin: 0 10px;
                                    }

                                        ul.footernav li a{
                                            display: block;
                                            font-size: 12px;
                                            font-weight: 300;
                                            color: #7a7a7a;
                                            text-transform: uppercase;
                                            font-family: 'Raleway', sans-serif;
                                            padding: 5px;
                                        }

                                            .footer-copyright,
                                            .footer-copyright a {
                                                text-align: center;
                                                font-size: 12px;
                                                color: #7a7a7a;
                                                font-weight: 300;
                                                font-family: 'Raleway', sans-serif;
                                            }

                                                ul.footernav li a:hover, .footer-copyright a:hover{
                                                    color: #fff !important;
                                                }

                                                    .mls {
                                                        text-align: center;
                                                        font-size: 25px;
                                                        color: #7a7a7a;
                                                        padding-top: 10px;
                                                    }


/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner {
    height: 510px;
    background-size: cover;
    background-position: top center;
    opacity: .5;
}

.ip-banner-wrap {
    position: relative;
    background: #000;
}

.ip-banner-text {
    position: absolute;
    bottom: 30%;
    width: 100%;
    z-index: 2;
}

/*.ip-banner-text.long-ip-title {
    bottom: 10%;
}*/

.ip-banner-text.long-ip-title .ip-page-title {
    font-size: 50px;
}

.ip-page-title {
    font-size: 70px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.13;
}
.ip-page-title span {
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 20px 0 0;
}
.ip-page-title span:first-child {
    display: block;
    font-size: 36px;
    font-weight: 400;
}

.ip-banner-text.solo-ip-title .ip-page-title span {
    font-size: 50px !important;
    color: #fff;
    font-weight: 700 !important;
}

#inner-page-wrapper {
    margin-bottom: 20px;
}

.ip-container .logo-holder img.ip-header-logo{
    display: none;
    max-width: 57px;
}

.home .logo-holder img.ip-header-logo {
    display: none;
}

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

/* 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 post/page main headings (h1) */
#content .entry-title {
    display: none;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title {

}

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

}

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

#content .entry {
    font-size: 14px;
}

/*active / sold properties template*/
.page-template-active-properties #inner-page-wrapper .container,
.page-template-sold-properties #inner-page-wrapper .container {
    width: 100%;
    padding: 0 20px;
}

    .page-template-active-properties .ip-page-title span:first-child,
    .page-template-sold-properties .ip-page-title span:first-child {
        display: block;
        font-size: 36px;
        font-weight: 400;
    }

    .property-filter-container {
        padding: 0 15px;
        margin-top: 33px;
         display: none;/*hide for the meantime* https://na29.salesforce.com/a1L34000004y07u/*/
    }

        .col-md-6.prop-filter-left {
            border-right: 1px solid rgba(0, 0, 0, 0.1);
            padding: 30px 15px;
        }

            .property-filter-container label {
                color: #000;
                font-weight: 500;
                font-size: 10px;
                text-transform: uppercase;
                display: block;
                text-align: center;
                font-family: 'Raleway', sans-serif;
                letter-spacing: 2px;
            }

                .custom-ip-quick-search .bootstrap-select.btn-group {
                    width: 100% !important;
                }

                    .property-filter-container .input-holder input,
                    .property-filter-container .input-holder select {
                        width: 100%;
                        height: 42px;
                        border: 1px solid #000;
                        color: #666666;
                        font-family: 'Playfair Display', serif;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        background: #fff url(images/qs-arrow.png) no-repeat scroll right 15px center;
                        border-radius: 0;
                        letter-spacing: .5px;
                        padding: 0 15px;
                        margin-top: 13px;
                    }

                        .property-filter-container .input-holder input{
                            background: #fff;
                        }

                            .property-filter-container .input-holder select::-ms-expand{
                                display: none;
                            }

                                .theme-green .back-bar .pointer-label {
                                    color: #666666 !important;
                                    font-size: 15px !important;
                                    font-family: 'Playfair Display', serif;
                                    top: -44px !important;
                                }

                                    .slider-container .scale {
                                        display: none;
                                    }

                                        .prop-filter-right {
                                            padding-top: 30px;
                                        }

                                            .theme-green .back-bar {
                                                margin-top: 52px;
                                            }

                                                .range-price .pointer-label.low::before,
                                                .range-price .pointer-label.high::before {
                                                    content: '$';
                                                }

                                                    .range-price .pointer-label.high::after {
                                                        content: ' M+';
                                                    }

                                                        .our-property-img {
                                                            height: 433px;
                                                            background-size: cover;
                                                            background-position: center;
                                                            position: relative;
                                                            text-align: center;
                                                        }

                                                        .our-property-img {
                                                            -webkit-filter: blur(3px);
                                                            -moz-filter: blur(3px);
                                                            -o-filter: blur(3px);
                                                            -ms-filter: blur(3px);
                                                            filter: blur(3px);
                                                        }

                                                        .our-property-list-item a:hover .our-property-img {
                                                            -webkit-filter: blur(0);
                                                            -moz-filter: blur(0);
                                                            -o-filter: blur(0);
                                                            -ms-filter: blur(0);
                                                            filter: blur(0);
                                                        }

                                                            .our-property-img::before {
                                                                content: '';
                                                                width: 0;
                                                                height: 100%;
                                                                display: inline-block;
                                                                vertical-align: middle;
                                                            }

                                                            .our-property-list-container{
                                                                font-size: 0;
                                                                margin: 0 -10px;
                                                            }

                                                            .our-property-list-item {
                                                                display: inline-block;
                                                                vertical-align: top;
                                                                width: 33.33%;
                                                                padding: 10px;
                                                            }

                                                        .our-property-list-item a {
                                                            display: block;
                                                            position: relative;
                                                            overflow: hidden;
                                                        }

                                                    .our-property-list-item a::after {
                                                       content: '';
                                                       position: absolute;
                                                       top: 0;
                                                       left: 0;
                                                       width: 100%;
                                                       height: 100%;
                                                       background: rgba(82, 84, 86, 0.6);
                                                       -webkit-transition: all 0.4s ease-in-out;
                                                        -moz-transition: all 0.4s ease-in-out;
                                                        -o-transition: all 0.4s ease-in-out;
                                                        transition: all 0.4s ease-in-out;
                                                    }

                                                .our-property-view-wrap {
                                                    position: absolute;
                                                    top: 0;
                                                    height: 100%;
                                                    width: 100%;
                                                    font-size: 0;
                                                }

                                                .our-property-view-wrap:before {
                                                    content: '';
                                                    vertical-align: middle;
                                                    display: inline-block;
                                                    height: 100%;
                                                    width: 0;
                                                }

                                                .our-property-view-inner{
                                                    display: inline-block;
                                                    vertical-align: middle;
                                                    width: 100%
                                                }

                                                .our-property-view {
                                                    font-size: 13px;
                                                    color: #fff;
                                                    position: relative;
                                                    z-index: 1;
                                                    text-transform: uppercase;
                                                    font-weight: 500;
                                                    border: solid 1px;
                                                    max-width: 400px;
                                                    padding: 17px 0;
                                                    font-family: 'Raleway', sans-serif;
                                                    letter-spacing: 1.5px;
                                                    text-align: center;
                                                    display: block;
                                                    margin: 0 auto;
                                                    -moz-transition: all 0.4s ease-in-out;
                                                    -o-transition: all 0.4s ease-in-out;
                                                    transition: all 0.4s ease-in-out;
                                                }

                                                    .our-property-view span.address {
                                                        display: block;
                                                        font-size: 16px;
                                                    }

                                                    .our-property-view span.price {
                                                        display: block;
                                                    }

                                                    .our-property-view span.sqft {
                                                        display: block;
                                                    }

                                                    .our-property-view span.amenities {
                                                        display: block;
                                                    }

                                                    .our-property-view span.property-type {
                                                        display: block;
                                                    }

                                            .our-property-hover {
                                                position: absolute;
                                                bottom: -62px;
                                                width: 100%;
                                                left: 0;
                                                padding: 0 20px;
                                                z-index: 2;
                                                font-size: 12px;
                                                opacity: 0;
                                                -webkit-transition: all 0.4s ease-in-out;
                                                -moz-transition: all 0.4s ease-in-out;
                                                -o-transition: all 0.4s ease-in-out;
                                                transition: all 0.4s ease-in-out;
                                            }

                                        .our-property-details{
                                            background: #fff;
                                            padding: 31px;
                                        }

                                    .our-property-address-price {
                                        font-size: 20px;
                                        color: #777777;
                                        font-weight: 300;
                                        font-family: 'Raleway', sans-serif;
                                        line-height: 1.1;
                                        display: inline-block;
                                        vertical-align: middle;
                                        width: 65%;
                                    }

                                .our-property-address-price span{
                                    font-size: 26px;
                                    color: #000;
                                    font-family: 'Playfair Display', serif;
                                    display: block;
                                    letter-spacing: 3.5px;
                                }

                            .our-property-view-property {
                                font-size: 13px;
                                color: #000;
                                position: relative;
                                z-index: 1;
                                width: 100%;
                                text-align: center;
                                text-transform: uppercase;
                                font-weight: 500;
                                border: solid 1px #000;
                                max-width: 35%;
                                margin: 0 auto;
                                padding: 17px 0;
                                font-family: 'Raleway', sans-serif;
                                letter-spacing: 1.5px;
                                vertical-align: middle;
                                display: inline-block;
                            }

                                .our-property-view-property:hover {
                                    background: #000;
                                    color: #fff;
                                }

                                .our-property-list-item a:hover .our-property-hover{
                                    bottom: 20px;
                                    opacity: 1;
                                }

                                    .our-property-list-item a:hover .our-property-view{
                                        opacity: 0;
                                    }

                                        .our-property-list-item a:hover::after{
                                            opacity: 0;
                                        }

.blogfeed-image {
    text-align: center;
}
.blogfeed-image img {
    max-width: 100%;
}

.news-feed-row {
    padding: 20px 0;
}
a.rssnews-title {
    color: #000;
    font-size: 20px;
    text-decoration: underline !important;
}
.newsrss-excerpt a.read-more-link {
    color: #000;
    text-transform: uppercase;
}

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

    #ihf-main-container .chosen-container .chosen-results {
        padding: 0 !important;
    }

.ihf-listing-detail .ihf-detail-tab-content #ihf-detail-features-tab > .row.mt-10 {
    margin: 0;
}

#ihf-mortgage-calculator-tab-content .mc-total-payment-subline {
    color: #666;
}


body.page-template-active-properties .range-holder.range-price.col-md-6 {
    /*width: 100%;*/
}

body.page-template-active-properties .slider-container.theme-green {
    margin:0 auto;
}

body.page-template-sold-properties .slider-container.theme-green{
    margin:0 auto;
}

.theme-green .back-bar .pointer::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(3);
}


.ip-vid-holder {
    font-size: 0;
}
.ip-vid-inner {
    position:  relative;
}

.ip-vid-inner canvas {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: top center;
}
.ip-vid-icon {
    position:  absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
    text-align: center;
}

    .ip-vid-icon::before {
        content:  '';
        width: 0;
        height: 100%;
        display:  inline-block;
        vertical-align:  middle;
    }

   .ip-vid-icon::after {
        content:  '';
        width:  100%;
        height: 100%;
        position:  absolute;
        top: 0;
        left:  0;
        background: rgba(0, 0, 0, .56);
        /* z-index: -1; */
    }

.ip-vid-icon .ip-vid-icon-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
}
    .ip-vid-icon-inner img {
        opacity: .43;
    }

.ip-vid-title {
    text-align: center;
    min-height: 100px;
    position: relative;
    -webkit-transition: 400ms ease;
    -moz-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
}
.ip-vid-title-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    }
    .ip-vid-title-inner::before {
        content: '';
        width: 0;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }
    .ip-vid-title span {
        display: inline-block;
        vertical-align: middle;
        font-family: 'Playfair Display', serif;
        color: #414040;
        font-size: 20px;
        font-style: italic;
        -webkit-transition: 400ms ease;
        -moz-transition: 400ms ease;
        -o-transition: 400ms ease;
        transition: 400ms ease;
    }
        .ip-vid-holder a:hover .ip-vid-title{
            background:#00264b;
        }
        .ip-vid-holder a:hover .ip-vid-title span{
            color: #fff;
        }

.category #content .archive-more {
    display: none;
}
.fp-full-slider{
    text-align: center;
}

.btn-video-view-more a{
	display: block;
    border: solid 1px #171819;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    color: #393939;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    padding: 19px 0;
    margin: 25px 0;
    max-width: 300px;
    letter-spacing: .5px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 20px auto 0;
}
.btn-video-view-more a:hover {
    background: #00264b;
    color: #fff;
}

.Brochure-holder strong {
    display: block;
    margin-top: 14px;
    margin-bottom: -14px;
    font-size: 18px;
}

.Brochure-holder canvas {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #cbcbcb;
    width: 100%;
    height: auto;
}

.Brochure-holder {
    margin-bottom: 78px;
    display: block;
}




/*.home .hp-video .video-list {
    position: relative;
    width: 100%;
}


.home .video-pic {
    background-size: cover;
    width: 100%;
    height: auto;
}

.home .hp-video .video-list a {
    max-width: 100%;
}

.home .hp-video .video-list a canvas {
    width: 100%;
    height: auto;
}*/

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

.page-id-646 #content .entry .brochure-holder {
    margin-bottom: 30px;
}
.page-id-646 #content .entry .brochure-holder > div a {
    background: #eee;
}

section.hp-video iframe {
    display: block;
    margin: 0px auto;
    margin-top: 62px;
}
body #listings-results .listings-grid .listings-item a {
    display: block;
}
#listings-results .listings-grid .listings-img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 4;
}

.fp-slider-holder .our-property-list-item {
	width: calc(100% / 3 - 5px);
}

.feat-prop-btn {
	display: block;
	border: solid 1px #171819;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #393939;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	padding: 19px 0;
	margin: 25px 0;
	max-width: 300px;
	letter-spacing: .5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin: 20px auto 0;
}

.feat-prop-btn:hover {
  background: #00264b;
  color: #fff;
}

.hp-fp-title {
	font-size: 30px;
	color: #202122;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 6px;
	font-family: 'Raleway', sans-serif;
	position: relative;
	padding-top: 64px;
	padding-bottom: 20px;
}