/*
Theme Name: Molly Fleming
Theme URI: http://solanabeachliving.com/
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.5
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

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


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


/* Sub Menu */
#nav li {
	position:relative;
}
  
#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    display: none;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width:180px;
    left: 50%;
    margin-left: -90px;
    padding-top: 19px;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    background: #ad8465;
}
#nav .sub-menu a:hover {
    background: #3c7177;
    color: #fff;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 50%;
 	top:0;
    padding-top: 0;
}
#nav li:hover > .sub-menu {
    display: block;
}
#nav .sub-menu li {
    position: relative;
}


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

/* Global */

body{
	font-family: 'Barlow', 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;
    position: relative;
}

div#main-wrapper::before {
    content: "";
    width: 100%;
    height: 300px;
    position: absolute;
    top: : 0;
    left: 0px;
    z-index: 2;
    background: linear-gradient(to bottom,rgba(0, 0, 0, .8) 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
}

/*fixed header*/
header.main-header.show-fixed .logo-holder a {
    max-width: 215px;
}

    header.main-header.show-fixed .header-left {
        opacity: 0;
        margin-top: -39px;
    }

    header.main-header.show-fixed .brokerlogo {
        max-width: 120px;
        margin-top: 0;
    }

/*header*/
header.main-header {
    
    background: #ad8465;
    position: fixed;
    width: 100%;
    z-index: 1001;
    padding: 17px 0;
}

    .header-left {
        text-align: right;
        padding-top: 13px;
        padding-bottom: 10px;
        margin-top: 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;
    }


/*logo*/
.logo-holder a {
    display: block;
    max-width: 299px;
    -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;
}

/*smi*/
.header-smi {
    display: inline-block;
    vertical-align: middle;
    margin: 0 21px;
}

    .header-smi a {
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        color: #fff;
        font-size: 15px;
        margin: 0 3px;
    }

        .header-smi a:hover{
            color: #3c7177;
        }

/*contacts*/
.header-contacts {
    display: inline-block;
    vertical-align: middle;
}

    .header-contacts span, .header-contacts span a {
        font-size: 14px;
        color: #fff;
        font-family: 'Barlow', sans-serif;
        letter-spacing: 1.5px;
    }

        .header-contacts span em.ai-font-phone {
            font-size: 11px;
        }

            .header-contacts em.ai-font-envelope-f {
                font-size: 10px;
            }

                .header-contacts span:nth-child(2) {
                    margin: 0 8px 0 6px;
                }

                    .header-contacts span a:hover{
                        color: #3c7177;
                    }

/*nav*/
nav.header-nav{
    text-align: center;
    font-size: 0;
}

    nav.header-nav ul#nav > li {
        display: inline-block;
        vertical-align: top;
    }

        nav.header-nav ul#nav li a{
            display: block;
            color: #fff;
            font-size: 15px;
            font-family: 'Barlow', sans-serif;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 1px;
        }

            nav.header-nav ul#nav > li > a {
                padding: 5px;
                /* margin: 0 25px; */
                margin: 0 10px;
            }

                nav.header-nav ul#nav li.move-molly-nav a {
                    border: solid 1px #fff;
                    font-family: 'Tinos', serif;
                    font-weight: 700;
                    font-style: italic;
                    text-transform: none;
                    font-size: 17px;
                    padding: 3px 17.47px;
                    border-radius: 3px;
                }

                    nav.header-nav ul#nav li.move-molly-nav a:hover{
                        background: #3c7177;
                        border: solid 1px #3c7177;
                        color: #fff;
                    }

                

                    nav.header-nav ul#nav > li:last-child > a{
                        margin-right: 0;
                        margin-left: 16px;
                    }

                        nav.header-nav ul#nav > li:hover > a{
                            color: #3c7177;
                        }

/*featured communities*/ 
.fc-top {
    position: relative;
    background: transparent;
    margin-top: -58px;
}

    .fc-title {
        background: url(images/map-title-bg.png) no-repeat;
        background-size: 100% 100%;
        background-position: center;
        height: 122px;
        font-size: 33px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Prata', serif;
        letter-spacing: 5px;
        padding-top: 30px;
    }                   

/*fc map*/
.fc-holder {
    padding-top: 32px;
    position: relative;
}

    div#map-wrap {
        overflow: hidden;
        position: relative;
    }

        #map {
            position: relative;
            width: 1600px;
        }

            #transparent {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 3;
            }

                #trueMap {
                    z-index: 1;
                }

                    #map .hovers div, #map .hovers div p {
                        position: absolute;
                    }

                        span.map-label,
                        span.map-way1,
                        .map-hover-label {
                            font-size: 14px;
                            font-weight: 700;
                            color: #3c7177;
                            font-family: 'Barlow', sans-serif;
                            position: absolute;
                            z-index: 1;
                            pointer-events: none;
                            line-height: .98;
                            text-align: center;
                            text-shadow: 1px 1px 1px rgba(255,255,255,1);
                            letter-spacing: .2px;
                        }

                            .map-hover-label{
                                color: #fff;
                                text-shadow: 1px 1px 1px rgba(0,0,0,1); 
                                opacity: 0;
                            }

                            span.map-way1{
                                z-index: 0;
                                color: #414141;
                                font-size: 12px;
                            }

                            .show-map-label span.map-label{
                                /*opacity: 0*/
                            }

                                #map .hovers div > img {
                                    opacity: 0; 
                                    position: relative;
                                    z-index: 1;
                                }

                                    div#theVillas {
                                        top: 193px;
                                        right: 492px;
                                    }

                                        div#west {
                                            top: 108px;
                                            left: 651px;
                                        }

                                            div#theBluffs {
                                                top: 0;
                                                left: 360px;
                                            }

                                                div#theBluffs {
                                                    top: 234px;
                                                    left: 472px;
                                                }

                                                    div#staHelena {
                                                        top: 176px;
                                                        right: 485px;
                                                    }

                                                        div#lomaDelCielo {
                                                            top: 170px;
                                                            right: 398px;
                                                        }

                                                            div#customHomes {
                                                                top: 192px;
                                                                right: 293px;
                                                            }

                                                        div#customHomes2 {
                                                            top: 264px;
                                                            right: 326px;
                                                        }

                                                    div#countryClubVillas {
                                                        top: 219px;
                                                        right: 356px;
                                                    }

                                                div#sixGreen {
                                                    top: 215px;
                                                    right: 509px;
                                                }

                                            div#stFrancisCourt {
                                                top: 150px;
                                                right: 283px;
                                            }

                                        div#staElijo {
                                            top: 106px;
                                            right: 222px;
                                        }

                                    div#villaDelValle {
                                        bottom: 180px;
                                        left: 630px;
                                    }

                                div#islaVerde {
                                    top: 251px;
                                    right: 386px;
                                }

                            div#staFeHills {
                                top: 86px;
                                right: 341px;
                            }

                        div#westL5 {
                            top: 87px;
                            left: 558px;
                        }

                            div#west span.map-label,
                            div#west .map-hover-label {
                                top: 65px;
                                left: 15px;
                            }

                                div#theBluffs span.map-label,
                                div#theBluffs .map-hover-label {
                                    top: 65px;
                                    left: 64px;
                                }

                                    div#villaDelValle span.map-label,
                                    div#villaDelValle .map-hover-label {
                                        top: 47px;
                                        left: 46px;
                                    }

                                        div#westL5 span.map-label,
                                        div#westL5 .map-hover-label {
                                            top: 138px;
                                            left: 257px;
                                        }

                                            div#staFeHills span.map-label {
                                                top: 30px;
                                                left: 58px;
                                            }

                                                div#staElijo span.map-label {
                                                    top: 19px;
                                                    left: 23px;
                                                }

                                                    div#stFrancisCourt span.map-label {
                                                        top: 11px;
                                                        left: 9px;
                                                    }

                                                        div#customHomes span.map-label {
                                                            top: 2px;
                                                            left: 8px;
                                                        }

                                                            div#customHomes2 span.map-label,
                                                            div#customHomes2 .map-hover-label {
                                                                top: -17px;
                                                                left: 20px;
                                                            }

                                                        div#islaVerde span.map-label {
                                                            top: 29px;
                                                            left: 10px;
                                                        }

                                                    div#staHelena span.map-label {
                                                        top: -26px;
                                                        left: 13px;
                                                    }

                                                div#theVillas span.map-label {
                                                    top: 2px;
                                                    left: 2px;
                                                }

                                            div#sixGreen span.map-label,
                                            div#sixGreen .map-hover-label {
                                                top: 14px;
                                                left: 17px;
                                            }

                                        div#lomaDelCielo span.map-label {
                                            top: 13px;
                                            left: 22px;
                                            white-space: nowrap;
                                        }

                                    div#countryClubVillas span.map-label {
                                        top: 8px;
                                        left: 16px;
                                    }

                                div#theBluffs span.map-way1 {
                                    top: 41px;
                                    right: 11px;
                                }

                            div#westL5 span.map-way1 {
                                top: 89px;
                                right: 70px;
                            }

                        div#islaVerde span.map-way1 {
                            top: 33px;
                            left: -68px;
                        }

                    div#staFeHills .map-hover-label {
                        top: 40px;
                        left: 58px;
                    }

                div#staElijo .map-hover-label {
                    top: 35px;
                    left: 40px;
                }

                    div#stFrancisCourt .map-hover-label {
                        top: 20px;
                        left: 25px;
                        white-space: nowrap;
                    }

                        div#customHomes .map-hover-label {
                            top: 20px;
                            left: 45px;
                        }

                            div#islaVerde .map-hover-label {
                                top: 53px;
                                left: 10px;
                            }

                                div#countryClubVillas .map-hover-label {
                                    top: 17px;
                                    left: 16px;
                                }

                                    div#lomaDelCielo .map-hover-label {
                                        top: 30px;
                                        left: 7px;
                                        white-space: nowrap;
                                    }

                                        div#theVillas .map-hover-label {
                                            top: 0px;
                                            left: -28px;
                                        }

                                            div#staHelena .map-hover-label {
                                                top: -22px;
                                                left: 0px;
                                            }

                                                .map-hover-label::after{
                                                    content: '';
                                                    position: absolute;
                                                    width: 16px;
                                                    height: 27px;
                                                    pointer-events: none;
                                                    background: url(images/map-img/map-pin-icon.png) no-repeat;
                                                    background-size: contain;
                                                    background-position: center;
                                                }

                                                    div#west .map-hover-label::after {
                                                        top: -26px;
                                                    }

                                                        div#theBluffs .map-hover-label::after {
                                                            top: -22px;
                                                        }

                                                            div#westL5 .map-hover-label::after {
                                                                top: -31px;
                                                                left: 25px;
                                                            }

                                                                div#villaDelValle .map-hover-label::after {
                                                                    top: -29px;
                                                                    right: 11px;
                                                                }

                                                                    div#staFeHills .map-hover-label::after {
                                                                        top: -29px;
                                                                        left: 34px;
                                                                    }

                                                                div#staElijo .map-hover-label::after {
                                                                    top: -28px;
                                                                    left: 22px;
                                                                }

                                                            div#stFrancisCourt .map-hover-label::after {
                                                                top: -29px;
                                                                left: 22px;
                                                            }

                                                        div#customHomes .map-hover-label::after {
                                                            top: -18px;
                                                            left: -18px;
                                                        }

                                                    div#customHomes2 .map-hover-label::after {
                                                        top: 21px;
                                                        left: -5px;
                                                    }

                                                div#islaVerde .map-hover-label::after {
                                                    top: -29px;
                                                    left: 24px;
                                                }

                                            div#countryClubVillas .map-hover-label::after {
                                                top: -30px;
                                                left: 49px;
                                            }

                                        div#lomaDelCielo .map-hover-label::after {
                                            top: -30px;
                                            left: 28px;
                                        }

                                    div#staHelena .map-hover-label::after {
                                        top: 7px;
                                        right: -13px;
                                    }

                                div#theVillas .map-hover-label::after {
                                    top: -5px;
                                    right: -20px;
                                }

                            div#sixGreen .map-hover-label::after {
                                top: -27px;
                                right: 26px;
                            }

/*fc list*/
.fc-list-area {
    max-width: 180px;
    position: absolute;
    z-index: 5;
    opacity: 0;
    margin-top: 29px;
}

    .fc-list-head {
        background: url(images/map-img/list-ribbon.png) no-repeat;
        background-size: 100% 100%;
        font-size: 15px;
        color: #fff;
        font-family: 'Prata', serif;
        width: 135px;
        height: 43px;
        text-align: center;
        padding-top: 8px;
        letter-spacing: 1px;
        margin-top: 7px;
    }

        .fc-list span {
            display: block;
            padding-left: 30px;
        }

            .fc-list span a {
                display: inline-block;
                font-size: 15px;
                color: #303133;
                font-family: 'Barlow', sans-serif;
                padding: 2px 0;
            }

                .fc-list span a em {
                    font-size: 16px;
                    top: 2px;
                    color: #3c7177;
                    margin-right: -16px;
                    -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;
                    -webkit-transform: scale(0);
                    -moz-transform: scale(0);
                    transform: scale(0);
                    display: inline-block;
                }

                    .fc-list span a:hover em{
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        transform: scale(1);
                        margin-right: 2px;
                    }

                        .fc-list span a:hover{
                           font-weight: 700;
                           color: #3c7177;
                        }

                          



/*cta*/
section.cta-area {
    position: relative;
    margin-top: -52px;
    z-index: 2;
}

    .cta-list a {
        display: block;
        padding: 10px;
        max-width: 302px;
        margin: 15px auto;
        border-radius: 100%;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.5);
        text-align: center;
    }

        .cta-img {
            height: 282px;
            border-radius: 100%;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;
        }

            .cta-img::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #ad8465;
                opacity: .9;
                pointer-events: none;
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
                transition: all 0.4s ease-in-out;
            }

                .cta-list a:hover .cta-img::after{
                    background: #3c7177;
                }

                    .cta-name {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: 15px;
                        position: relative;
                        z-index: 1;
                        font-family: 'Prata', serif;
                        color: #fff;
                        line-height: 1.2;
                        letter-spacing: 2px;
                    }

                        .cta-name span{
                            display: block;
                            font-size: 25px;
                            text-transform: uppercase;
                            letter-spacing: 1px;
                        }

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

/*featured videos*/
section.featured-videos-area{
    background: url(images/fv-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    margin-top: -306px;
    padding-top: 364px;
    padding-bottom: 65px;
}

    section.featured-videos-area::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 210px;
        background: url(images/fv-overlay.png) no-repeat;
        background-size: cover;
        background-position: center;
    }

        section.featured-videos-area .container {
            position: relative;
            z-index: 1;
        }

            .fv-title {
                text-align: center;
                font-size: 35px;
                color: #3c7177;
                font-family: 'Prata', serif;
                letter-spacing: 3.5px;
                padding-bottom: 53px;
            }

                .fv-list {
                    max-width: 360px;
                    margin: 0 auto;
                    position: relative;
                }

                    .fv-img {
                        height: 224px;
                        background-size: cover;
                        background-position: center;
                        position: relative;
                    }

                        .fv-img a{
                            display: block;
                            height: 100%;
                        }

                            .fv-img img.fv-play-icon {
                                position: absolute;
                                top: 0;
                                bottom: 0;
                                left: 0;
                                right: 0;
                                margin: auto;
                                z-index: 2;
                                pointer-events: none;
                            }

                                .fv-img::after {
                                    content: '';
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 100%;
                                    background: #000;
                                    opacity: .4;
                                    pointer-events: none;
                                    z-index: 1;
                                    -webkit-transition: all 0.4s ease-in-out;
                                    -moz-transition: all 0.4s ease-in-out;
                                    -o-transition: all 0.4s ease-in-out;
                                    transition: all 0.4s ease-in-out;
                                }

                                    .fv-video {
                                        padding: 7px;
                                        position: relative;
                                    }

                                        .fv-border {
                                            position: absolute;
                                            top: 0;
                                            left: 0;
                                            width: 100%;
                                            height: 100%;
                                            pointer-events: none;
                                            max-width: 100%;
                                            right: 0;
                                            margin: auto;
                                            border: solid 4px #a8774e;
                                        }

                                            .fv-label{
                                                text-align: center;
                                            }

                                                .fv-label a{
                                                    text-align: center;
                                                    font-size: 14px;
                                                    color: #403b41;
                                                    font-family: 'Barlow', sans-serif;
                                                    letter-spacing: .7px;
                                                    margin: 42px 0;
                                                    display: inline-block;
                                                    font-weight: 500;
                                                }

                                            .fv-img:hover::after{
                                                opacity: 0;
                                            }

                                        .fv-label a:hover {
                                            color: #a8774e;
                                        }

/*featured properties*/
section.featured-properties-area {
    padding-top: 82px;
    padding-bottom: 30px;
}

    .fp-title{
        text-align: center;
        position: relative;
        margin-bottom: 72px;
    }

        .fp-title span{
            text-align: center;
            font-size: 25px;
            position: relative;
            z-index: 2;
            font-family: 'Prata', serif;
            color: #3c7177;
            line-height: .98;
            letter-spacing: 6px;
            display: inline-block;
            background: #fff;
            padding: 0 28px;
        }

            .fp-title em{
                display: block;
                font-size: 50px;
                letter-spacing: 5px;
                font-style: normal;
            }

                .fp-title::after{
                    content: '';
                    position: absolute;
                    top: 0;
                    bottom: -25px;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    margin: auto;
                    background: #7dbcc4;
                }

                    .fp-content {
                        background: #e9e9e9;
                        width: calc(100% - 196px);
                        margin: -56px auto 0;
                        font-size: 0;
                        text-align: center;
                        padding: 27px 0 24px 0;
                        border-bottom: solid 7px #cccccc;
                        position: relative;
                    }

                    .fp-image {
                       background-position: center;
                       background-size: cover;
                    }

                        .fp-image a{
                            display: block;
                        }

                            .fp-image a canvas{
                                display: block;
                                width: 100%;
                                height: 100%;
                            }

                                .fp-address {
                                    font-size: 27px;
                                    color: #454545;
                                    font-family: 'Prata', serif;
                                    line-height: 1.49;
                                    display: inline-block;
                                    vertical-align: bottom;
                                    text-align: left;
                                    letter-spacing: 1px;
                                }

                                    .fp-address span {
                                        font-size: 14px;
                                        color: #303133;
                                        display: block;
                                        font-family: 'Barlow', sans-serif;
                                        letter-spacing: .6px;
                                    }
                                        .fp-address,
                                        .fp-room,
                                        .fp-view-btn{
                                            display: inline-block;
                                            vertical-align: middle;
                                        }

                                            .fp-room span {
                                                font-size: 14px;
                                                color: #303133;
                                                font-family: 'Barlow', sans-serif;
                                                display: inline-block;
                                                vertical-align: bottom;
                                                margin: 0 4px;
                                            }

                                                .fp-room span img{
                                                    display: inline-block;
                                                    vertical-align: sub;
                                                    margin-right: 2px;
                                                }

                                                    .fp-view-btn a {
                                                        display: block;
                                                        font-size: 9px;
                                                        color: #3c7177;
                                                        text-transform: uppercase;
                                                        font-weight: 600;
                                                        border: solid 1px #6facb3;
                                                        text-align: center;
                                                        width: 116px;
                                                        height: 54px;
                                                        line-height: 54px;
                                                        font-family: 'Barlow', sans-serif;
                                                        padding: 0 15px;
                                                    }

                                                        .fp-room {
                                                            margin: 0 28px;
                                                        }

                                                            .fp-image:hover {
                                                                opacity: .8;
                                                            }

                                                                .fp-view-btn a:hover{
                                                                    background: #6facb3;
                                                                    color: #fff;
                                                                }

/*welcome ,testi bg*/
.wc-testi-bg{
    background: url(images/testi-bg.png) no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-bottom: 255px;
    position: relative;
    margin-bottom: -187px;
}

/*welcome*/
section.welcome-area {
    padding-top: 63px;
}

    .wc-holder {
        padding-top: 15px;
        padding-right: 15px;
    }

        .wc-holder h1 {
            font-size: 67px;
            color: #715745;
            font-family: 'Tinos', serif;
            font-weight: 400;
            font-style: italic;
            margin-bottom: 10px;
            letter-spacing: .8px;
        }

            .wc-holder p {
                font-size: 14px;
                color: #303133;
                font-family: 'Barlow', sans-serif;
                line-height: 1.8;
                padding-bottom: 26px;
            }

                .wc-holder p.p-large {
                    font-size: 18px;
                    line-height: 1.45;
                }

                    .agent-photo img {
                        border: solid 10px #a8774e;
                    }

/*testi*/
section.testimonials-area {
    position: relative;
    margin-top: -15px;
    padding-bottom: 30px;
}

    .testi-holder::after {
        content: '';
        position: absolute;
        top: -57px;
        left: 26px;
        width: 1px;
        height: 244px;
        background: #a8774e;
    }

        .testi-holder {
            position: relative;
            padding-left: 75px;
        }

            .testi-title {
                font-size: 40px;
                color: #a8774e;
                font-family: 'Prata', serif;
                letter-spacing: 3px;
                margin-bottom: 9px;
            }

                .testi-title span{
                    color: #3c7177;
                }

                    .testi-text {
                        font-size: 14px;
                        color: #303133;
                        font-family: 'Barlow', sans-serif;
                        line-height: 1.8;
                        padding-bottom: 25px;
                    }

                        .testi-author {
                            font-size: 14px;
                            color: #a8774e;
                            font-family: 'Prata', serif;
                            letter-spacing: 1px;
                        }

/*footer bg*/
footer.main-footer{
    background: url(images/footer-bg.png) no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    margin-top: -110px;
    padding-top: 78px;
}

/*footer form*/
.footer-form-holder {
    font-size: 0;
    padding-top: 26px;
    max-width: 750px;
    margin: 0 auto;
}

    .gt-title {
        font-size: 35px;
        font-family: 'Prata', serif;
        letter-spacing: 4px;
        color: #3c7177;
        padding-bottom: 36px;
        text-align: center;
    }

        .gt-form {
            position: relative;
        }

            .footer-form-holder input,
            .footer-form-holder textarea {
                font-size: 13px;
                width: 100%;
                font-weight: 400;
                -webkit-appearance: none;
                -moz-appearance: none;
                background: transparent;
                height: 31px;
                border: 0;
                color: #3c7177;
                font-family: 'Barlow', sans-serif;
                padding: 0 10px;
                border-radius: 0;
                resize: none;
                border-bottom: solid 1px #3c7177;
                letter-spacing: 1px;
            }

                .gt-fields.gt-textarea textarea {
                    padding-top: 7px;
                    height: 72px;
                }

                    .gt-fields {
                        display: block;
                        margin-bottom: 19px;
                        width: 100%;
                    }

                        .gt-fields.gt-textarea {
                            width: 100%;
                            position: relative;
                            height: 72px;
                            margin-top: -10px;
                        }

                            .gt-fields.gt-textarea input.wpcf7-form-control.wpcf7-submit {
                                font-size: 0;
                                border: 0 !important;
                            }

                                .footer-form-holder span.wpcf7-not-valid-tip {
                                    color: #f00;
                                    font-size: 11px;
                                }

                                    .footer-form-holder span.wpcf7-form-control-wrap {
                                        display: block;
                                    }

                                        .footer-form-holder div.wpcf7-response-output {
                                            margin: 0;
                                            font-size: 13px;
                                            text-align: center;
                                            color: #3c7177;
                                            position: absolute;
                                            width: 100%;
                                        }

                                        .gt-fields.gt-textarea input.wpcf7-form-control.wpcf7-submit {
                                            position: absolute;
                                            bottom: 0;
                                            top: 0;
                                            right: 10px;
                                            width: 21px;
                                            height: 21px;
                                            background: url(images/form-btn-icon.png) no-repeat;
                                            background-size: contain;
                                            background-position: center;
                                            margin: auto;
                                        }

                                            .gt-fields.gt-textarea input.wpcf7-form-control.wpcf7-submit:hover{
                                                opacity: .8;
                                            }

/*footer logo*/
.footer-logo img {
    margin: 50px auto 35px;
}

/*contacts*/
.footer-contacts-area {
    text-align: center;
    padding-bottom: 53px;
}

    .footer-contacts {
        display: inline-block;
        vertical-align: middle;
    }
	.footer-lic{
		display: inline-block;
        vertical-align: middle;
		font-size: 15px;
		color: #3c7177;
		font-family: 'Prata', serif;
		letter-spacing: 1.5px;
	}

        .footer-contacts span, .footer-contacts span a {
            font-size: 15px;
            color: #3c7177;
            font-family: 'Prata', serif;
            letter-spacing: 1.5px;
        }

            .footer-contacts span em.ai-font-phone {
                font-size: 13px;
                color: #a8774e;
            }

                .footer-contacts em.ai-font-envelope-f {
                    font-size: 11px;
                    color: #a8774e;
                }

                    .footer-contacts span a:hover{
                        color: #a8774e;
                    }

                        .footer-contacts > span {
                            margin: 0 5px;
                        }

/*smi*/
.footer-smi {
    /* display: inline-block; */
    vertical-align: middle; 
    display: block;
    margin: 0 3px;
}

    .footer-smi a {
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        color: #a8774e;
        font-size: 16px;
        margin: 0 3px;
    }

        .footer-smi a:hover{
            color: #3c7177;
        }

/*bottom footer*/
.bottom-footer {
    padding-top: 33px;
    padding-bottom: 16px;
    border-top: solid 1px #83b4ba;
    text-align: center;
}

    .footer-copyright, .footer-copyright a {
        color: #3c7177;
        font-size: 11px;
        font-family: 'Barlow', sans-serif;
        font-weight: 600;
    }

        .mls {
            font-size: 22px;
            color: #3c7177;
            padding-top: 27px;
        }

            .footer-copyright {
                padding-top: 0;
            }

                .footer-copyright a:hover{
                    color: #a8774e !important;
                }
 
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/

div#inner-page-wrapper {
    margin-top: 130px;
    margin-bottom: 140px;
}

.ip-container div#main-wrapper::before{
    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: 74%; }
#content-full #content { width: 100%; }

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

.side-search a {
    display: block;
    text-align: center;
    border: solid 1px #ad8465;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    color: #ad8465;
    max-width: 300px;
    margin: 0 auto;
    -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;
}

.brokerlogo{
    max-width: 136px;
    display: block;
    margin: 10px 0 0 auto;
    -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;
}

.side-search a:hover{
    color: #fff;
    background: #ad8465;
}

.sidebar .footer-logo img {
    margin: 26px auto;
}

.sidebar .agent-photo img {
    border-radius: 10px;
    max-width: 300px;
    width: 100%;
}

.sidebar .footer-contacts > span {
    margin: 5px 0;
    display: block;
    text-align: center;
}

.sidebar .footer-contacts{
    display: block;
    padding-top: 15px;
}
.sidebar .footer-lic{
	display: block;
    padding-top: 15px;
	text-align:center;
}
.sidebar .footer-smi {
    display: block;
    text-align: center;
}

.sidebar .cta-img {
    height: 100px;
    border-radius: 0;
}

.sidebar .cta-list a {
    margin: 10px auto;
    border-radius: 0;
    padding: 0;
}

.sidebar .cta-name span {
    font-size: 20px;
}

.sidebar .mwm-btn a {
    border: solid 1px #3c7177;
    font-family: 'Tinos', serif;
    font-weight: 700;
    font-style: italic;
    text-transform: none;
    font-size: 20px;
    padding: 10px 17.47px;
    border-radius: 3px;
    display: block;
    text-align: center;
    color: #3c7177;
}

.sidebar .mwm-btn a:hover{
    color: #fff;
    background: #3c7177;
}

/* 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 {
    font-size: 45px;
    color: #715745;
    font-family: 'Tinos', serif;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 10px;
    letter-spacing: .8px;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 
    font-size: 45px;
    color: #715745;
    font-family: 'Tinos', serif;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 10px;
    letter-spacing: .8px;
}

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

}

#content .entry {
    font-size: 15px;
    color: #303133;
    font-family: 'Barlow', sans-serif;
    line-height: 1.8;
    padding-bottom: 26px;
}

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


.ip-container div#map-wrap {
    margin-left: -110px;
}

/* IP CONTENTS solana-beach-real-estate */
#content .newsletter-wrapper {
    position: relative;
    width: 100%;
    font-size: 0;
}

    #content .newsletter-stat {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
    }

        #content .nl-stat-title {
            position: relative;
        }

        #content .nl-stat-title h3 {
            font-family: 'Tinos', serif;
            font-weight: 400;
            font-style: italic;
            font-size: 40px;
            color: #366092;
            letter-spacing: .8px;
            margin: 10px 0;
        }

        #content .nl-stat-box {
            position: relative;
            width: 100%;
            border: 2px solid #000;
            padding: 5px;
            font-family: 'Barlow', sans-serif;
            color: #000;
            font-size: 14px;
        }

            #content .nl-stat-row {
                position: relative;
                width: 100%;
                padding-bottom: 30px;
            }

                #content .nl-stat-row.last-row {
                    padding-bottom: 0;
                }

                #content .nl-stat-col {
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    width: 33%;
                }

                #content .nl-stat-col.nl-col-left, 
                #content .nl-stat-col.nl-col-mid {
                    text-align: left;
                }
                #content .nl-stat-col.nl-col-right {
                    text-align: center;
                }

                    #content .nl-col-header span {
                        font-size: 14px;
                        font-weight: 700;
                        padding: 3px 0;
                    }

                    #content .nl-col-text span {
                        display: block;
                        font-size: 14px;
                        font-weight: 400;
                        padding: 3px 0;
                    }

.nl-col-header {
    background: #fed000;
    display: inline-block;
    font-weight: bold;
    border-radius: 10px;
    padding: 0 10px;
}

.nl-col-text {
    padding: 0 10px;
}

    #content .newsletter-files {
        position: relative;
        width: 100%;
    }

        #content .nl-main-title {
            position: relative;
            text-align: center;
        }

            #content .nl-main-title h3 {
                font-family: 'Tinos', serif;
                font-weight: 400;
                font-style: italic;
                font-size: 40px;
                color: #366092;
                letter-spacing: .8px;
                margin: 10px 0;
            }

        #content .nl-main-content {
            position: relative;
            width: 100%;
        }

            #content ul.nl-list {
                margin-left: 0;
                text-align: center;
            }

                #content ul.nl-list li {
                    list-style-type: none;
                    width: 23.33%;
                    padding: 0 1%;
                    margin-bottom: 20px;
                    display: inline-block;
                }

                    #content ul.nl-list li img {
                        max-width: 100%;
                    }

                        ul.nl-list li a {
                            font-size: 14px;
                            display: block;
                        }
        img.sold-image {
            position: absolute;
            width: 26%;
        }

/*IDX FIX */
        ul#ihf-detail-extrainfotabs, #ihf-search-tabs > ul.nav-tabs, #ihf_select_property_type_chosen ul.chosen-results, #ihf_select_bedrooms_homes_chosen ul.chosen-results, #ihf_select_baths_homes_chosen ul.chosen-results{
                margin-left:0!important;
                }

                .ihf-advanced-property-search ul.chosen-results {
                    padding-left: 0 !important;
                }
                #ihf-main-container .dropdown-menu > .active > a{
                    color:#333 !important
                    }
                    
                    #ihf-main-container .dropdown-menu > li > a:hover {
                                color: #000 !important;
                            }
                    .page-id-0 #content ul{
                        margin-left: 0 !important;
                        padding: 0 !important;
                } 
                 #ihf-main-container .btn-primary:hover{
                     background-color: #285e8e !important;
                }
                #ihf-main-container .pagination>li>a, #ihf-main-container .pagination>li>span{
                    padding: 6px 8px !important;
                }
                .ihf-grid-result-address{
                    display: block !important

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

            #ihf-schoolDistrict + .chosen-container ul.chosen-results {
                max-height: 200px;
            }

            .ihf-advanced-search-launch{
                white-space: pre-wrap !important;
            }
            /* #ihf-main-container .btn {
                padding: 12px 0;
                font-size: 14px;
            } */
           
	 
     .m-form .form-sec .result-label{
        padding-top: 10px!important;
     }

#ihfsaveListing.modal .ihf-save-favorites-submit {
    min-width: 100px;
    height: 34px;
    padding: 0 10px;
}

#ihfsaveListing.modal .ihf-save-listing-create-submit,
#ihfsaveListing.modal .ihf-more-info-submit,
#ihfsaveListing.modal .ihf-schedule-showing-submit {
    min-width: 150px;
}

aside.sidebar:before, aside.sidebar:after {
    content: '';
    display: table;
    clear: both;
}

.slick-next{
    background: none;
    border:none;
    position: absolute;
    top:50%;
    right: 0;
}
.slick-prev{
    background: none;
    border:none; 
    position: absolute;
    left: 0;
    top:50%;   
    z-index: 9;
}
.slick-next:hover{
    background: none !important;
    border:none !important;
}
.slick-prev:hover{
    background: none !important;
    border:none !important;    
}
.slick-prev:not( :hover ){
    background: none !important;
    border:none !important;    
}
.slick-next:not( :hover ){
    background: none !important;
    border:none !important;
}

.disclaimer-wrap {
    color: #3c7177;
    font-size: 12px;
    margin-bottom: 20px;
}

.grecaptcha-badge{
    z-index: 2;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */