/*
Theme Name: californialifestylerealty.com
Theme URI: http://aios3-staging.agentimage.com/c/californialifestylerealty.com/htdocs/
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.3.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. Custom CSS
 *
 *******************************************************/

/* Global */

body {
    font-family: "Muli", Helvetica, Georgia, Sans-serif;
    font-size: 12px;
    background: #FFF;
    color: #000000;
    margin: 0;
}

/*** Header ***/

.mobile-header-logo {
    display: none;
    margin-top: 50px;
    padding: 30px;
    text-align: center;
}

.mobile-header-logo img {
    max-width: 100%;
    margin: 0 auto;
}

.cycloneslider-template-responsive, .cycloneslider-template-responsive canvas {
    max-width: 100% !important;
    width: 100% !important;
}

#header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 1029;
    width: 100%;
    padding: 10px 0;
	background-color: transparent;
    transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}

.home #header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
}

.home #header-wrapper.fixed { 
    padding: 5px 0;
}

#header-wrapper.fixed {
    background: #fff !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
}

#header-wrapper.fixed::after {
    display: none;
}

#header-wrapper.fixed img.mlogo,
#header-wrapper.fixed .header-tagline,
#header-wrapper.fixed .contact-no {
   /*  display: none; */
}

#header-wrapper.fixed img.glogo {
    display: block;
}

#header-wrapper.fixed #navi > li a {
    color: #333;
    border-left-color: #333;
}

#header-wrapper.fixed #navigation-wrapper {
    /*padding-top: 25px;*/
    /* padding: 28.5px 0; */
}

/*** Header Logo ***/

.header-logo {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
}

.header-logo a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
	font-size: 21px;
	color: #000;
}

.header-logo img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

.header-logo.logo-right img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.header-logo.logo-left strong {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
    color: #fff;
}

.fixed .header-logo.logo-left strong {
    color: #000;
}

.header-logo.logo-right img:last-child { 
    margin-bottom: 0;
}

img.glogo {
    display: none;
}

/*** Header Details ***/

.header-details {
    width: 100%;
    position: relative;
}

.top-header {
    font-size: 0;
    display: block;
}

    .top-header .smis-wrapper {
        position: fixed;
        right: 25px;
        top: 40%;
    }

    .top-header .smis-wrapper .smi {
        display: block;
        margin-top: 10px;
    }

.header-tagline {
    width: 72.5%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.header-tagline span {
    font: 700 17px "Lato";
    color: #fff;
    display: block;
    /*padding-left: 148px;*/
    /* padding-left: 70px; */
    text-align: left;
    padding-left: 0 !important;
}

.fixed .header-tagline span {
    color: #000;
}

.contact-no {
    width: 27.5%;
    text-align: right;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.contact-no:before {
    /* content: ""; */
    display: inline-block;
    margin-right: 45px;
    width: 23px;
    height: 16px;
    background: url(images/mail-icon.png) no-repeat;
}

.contact-no span {
    font: 700 24px "Lato";
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.contact-no a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
    .contact-no a:hover span.ai-envelope {
        color: #a9a9ad;
    }

.contact-no a .ai-envelope {
    font-size: 16px;
    margin-right: 45px;
}

.contact-no span.ai-envelope em{
    display:none;
}

/*** Navigation ***/

#navigation-wrapper {
    display: block;
    position: relative;
    padding-top: 35px;
}

#navi {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    /* text-align: center; */
}

#navi > li {
    display: inline-block;
    position: relative;
}

#navi > li a {
    display: block;
    font: 300 13px/1 "Lato", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    border-left: 1px solid #fff;
    /*padding: 0 13px;*/
    padding: 0 7px;
}

.fixed #navi > li a {
    color: #000;
    border-color: #000;
}

    #navi > li a:hover {
        color: #a9a9ad;
    }

#navi > li:first-child a {
    border-left: 0 !important;
    padding-left: 0 !important;
}

#navi > li:last-child a {
    padding-right: 0 !important;
    border-right: 0 !important;
}

/*#navi .sub-menu li a:hover {
    background: #387f2d;
}*/

/*** Sub-menu ***/

#navi .sub-menu {
    position: absolute;
    text-align: center;
    width: 180px;
    padding-top: 20px;
    left: 50%;
    margin-left: -90px;
    display: none;
}

#navi .sub-menu li {
    display: block;
    width: 100%;
    position: relative;
    background-color: rgba(81, 84, 97, .8);
    margin-bottom: 2px;
}

#navi .sub-menu li a {
    font-size: 15px;
    padding: 10px 0;
    border-left: 0;
    color: #fff !important;
}

#navi .sub-menu .sub-menu {
    margin-left: 51%;
    top: 0;
    padding-top: 0;
    display: none;
}

#navi > li:hover > .sub-menu,
#navi > li .sub-menu li:hover > .sub-menu {
    display: block;
}


#navi .sub-menu li a:hover {
    /* background: #387f2d; */
    color: #b0bbe0!important;
}


/*** Slideshow ***/

#slideshow-wrapper,
#slideshow-container {
    position: relative;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}

#slideshow-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/slide-shadow.png) no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*** Quick Search ***/

#quick-search-wrapper {
    position: absolute;
    bottom: 12.48%;
    left: 0;
    z-index: 2;
    width: 100%;
}

.quick-search-container {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}

.qs-title {
    display: block;
    text-align: center;
    font-size: 0;
    width: 100%;
}

.qs-title h2 {
    display: inline-block;
    font: 300 30px "Poppins";
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 24%;
    vertical-align: middle;
}

.qs-title:before,
.qs-title:after {
    content: "";
    display: inline-block;
    width: 38%;
    height: 1px;
    background-color: rgba(255, 255, 255, .25);
    vertical-align: middle;
}

.qs-inputs {
    display: inline-block;
    width: 88.42%;
    vertical-align: middle;
    background-color: #fff;
    padding: 10px 12px;
    box-sizing: border-box;
}

.qs-inputs label {
    display: none;
}

.qs-inputs > div {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
}

.qs-inputs .select-field {
    margin: 0 3px;
}

.qs-inputs .input-field {
    width: 33.23%;
    margin-right: 3px;
}

.qs-inputs .input-field input {
    width: 100%;
    height: 100%;
    font: 300 13px/38px "Muli";
    color: #515461;
    border: 0;
    padding-left: 15px;
    outline: none;
}

.qs-inputs .large-field {
    width: 15.88%;
}

.qs-inputs .small-field {
    width: 10.2%;
}

.qs-inputs select {
    width: 100%;
    height: 100%;
    font: 300 13px/38px "Muli";
    color: #999999;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    padding-left: 15px;
}

.search-btn {
    width: 11.30%;
    margin-left: 5px;
}

.search-btn input {
    width: 100%;
    height: 100%;
    font: 300 14px/38px "Muli";
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 0;
    background-color: #515461;
}

    .search-btn input:hover{
        background-color:#387f2d;
    }


.qs-submit-btn {
    display: inline-block;
    width: 11%;
    height: 57.78px;
    vertical-align: middle;
    background-color: #fff;
    margin-left: 6px;
}

.select2-dropdown{
    z-index: 1012!important;
}

.map-search-btn {
    width: 80.31%;
    height: 100%;
    margin: 0 auto;
    padding: 10px 0;
}

.map-search-btn a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    line-height: 38px;
    text-transform: uppercase;
    color: #fff;
    background-color: #515461;
    text-align: center;

}

    .map-search-btn a:hover{
        background-color:#205afe;
    }

/*** Weather ***/

#weather-wrapper {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.weather-container {
    width: 230px;
    height: 36px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 0 0 auto;
}

.weather-container a {
    text-decoration: none;
}

.weather-container span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 12px 0;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 1px;
}

/*** Featured Properties ***/

#featured-property-wrapper {
    position: relative;
    display: block;
    width: 100%;
    /*padding: 48px 0 78px;*/
    padding: 35px 0;
}

#featured-property {
    display: block;
    position: relative;
    text-align: center;
}

.fp-title {
    width: 48.77%;
    margin: 0 auto;
    position: relative;
    padding: 18px 0 0;
}

.fp-title:before {
    content: "";
    width: 100%;
    height: 1px;
    max-width: 289px;
    background-color: #bfbfbf;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: -1;
}

.fp-title:after {
    content: "";
    width: 100%;
    height: 1px;
    max-width: 289px;
    background-color: #bfbfbf;
    display: block;
    margin: 0 auto 0;
}

.fp-title span {
    font: 300 15px "Poppins";
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
    margin-bottom: 10px;
}

.fp-title h2 {
    font: 400 35px/1 "Poppins";
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #387f2d;
    padding-bottom: 18px;
}

.properties-wrapper {
    position: relative;
    width: 100%;
    font-size: 0;
    /*margin-top: 50px;*/
    margin-top: 35px;
}

.properties-wrapper:before {
    content: "";
    width: 14.75%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .55);
    z-index: 1;
}

.properties-wrapper:after {
    content: "";
    width: 14.75%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .55);
    z-index: 1;
}

.property {
    display: inline-block;
    vertical-align: middle;
    width: 23.75%;
    height: 100%;
    outline: none;
    text-decoration: none !important;
    margin: 0 5px;
}

.property .image-holder {
    width: 100%;
    height: 100%;
    min-height: 280px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 150% auto;
}

.property .image-holder:hover{
    opacity:0.6;
}

.fp-details {
    display: block;
    width: 100%;
    padding: 12px 0;
    text-decoration: none;
}

.fp-details address {
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    color: #515461;
    display: block;

}

.fp-details span {
    font: 18px "Poppins";
    color: #515461;
    display: block;
}

.hide-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 97px;
}

.hide-wrap:before {
    content: "";
    width: 14.75%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
}

.hide-wrap:after {
    content: "";
    width: 14.75%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
}

/*** Map ***/

#map-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 0;
    overflow: hidden;
}

#map-area-wrapper {
    position: absolute;
    top: 0;
    left: 4.375%;
    width: 408px;
    vertical-align: top;
    z-index: 4;
}

.map-area-container {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.60);
}

.map-compass {
    position: relative;
    display: block;
}

.map-compass img {
    width: 100%;
    height: 100%;
    max-width: 257px;
    display: block;
    margin: 0 auto;
}

.map-logos {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 44px;
}

.map-logos img {
    margin: 0 23px;
}

.map-logos p {
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    color: #333333;
    text-align: center;
    padding-top: 34px;
}

.map-area {
    position: relative;
    display: block;
    padding: 52px 55px 36px 55px;
}

.map-area h2 {
    font: bold 38px/1 "Cinzel";
    font-weight: bold;
    color: #000000;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.map-area h2 span {
    display: block;
    font-size: 40px;
    font-weight: 700;
    color: #b93d37;
}

.map-area ul {
    position: relative;
    display: block;
    padding-top: 30px;
    list-style-type: square;
}

.map-area ul li {
    position: relative;
    display: block;
    padding: 5.5px 0;
    list-style-type: square;
}

.map-area ul li:before {
    content: "";
    width: 11px;
    height: 11px;
    margin-right: 12px;
    position: absolute;
    top: 12px;
    left: -20px;
    margin: auto;
}

.map-area ul li a {
    font-size: 20px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
}

.map-area .sub-area {
    position: relative;
    display: block;
    margin-left: 40px;
}

.map-area .sub-area a {
    position: relative;
    display: block;
    padding: 0;
    font-size: 15px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
}

.map-area ul li.la-quinta-resort-villas .sub-area a:first-child:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -20px;
    top: 5px;
    z-index: 5;
}

.map-area ul li.la-quinta-resort-communities .sub-area a:first-child:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -20px;
    top: 5px;
    z-index: 5;
}

.map-area ul li.pga-west .sub-area a:first-child:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    left: -20px;
    top: 5px;
    z-index: 5;
}

.map-area ul li.mapResidenceClub {
    padding: 0;
}

.map-area ul li.mapResidenceClub a {
    font-size: 15px;
    margin-left: 40px;
}


.map-area ul.left-list li:nth-child(1) a {
    color: #236e14;
}

.map-area ul.left-list li:nth-child(1):before {
    background-color: #236e14
}

.map-area ul.left-list li:nth-child(2) a {
    color: #72052e;
}

.map-area ul.left-list li:nth-child(2):before {
    background-color: #72052e
}

.map-area ul.left-list li:nth-child(3) a {
    color: #b51609;
}

.map-area ul.left-list li:nth-child(3):before {
    background-color: #b51609
}

.map-area ul.left-list li:nth-child(4) a {
    color: #2b6c7b;
}

.map-area ul.left-list li:nth-child(4):before {
    background-color: #2b6c7b
}

.map-area ul.right-list li:nth-child(1) a {
    color: #cb7a00;
}

.map-area ul.right-list li:nth-child(1):before {
    background-color: #cb7a00
}

.map-area ul.right-list li:nth-child(2) a {
    color: #672e11;
}

.map-area ul.right-list li:nth-child(2):before {
    background-color: transparent;
}

.map-area ul.right-list li:nth-child(3) a {
    color: #7713cd;
}

.map-area ul.right-list li:nth-child(3):before {
    background-color: #7713cd
}

.map-area ul.right-list li:nth-child(4) a {
    color: #666666;
}

.map-area ul.right-list li:nth-child(4):before {
    background-color: #666666
}

.map-area ul li:nth-child(5) a {
    color: #23b4aa;
}

.map-area ul li:nth-child(5):before {
    background-color: #23b4aa
}

.map-area ul li:nth-child(6) a {
    color: #745633;
}

.map-area ul li:nth-child(6):before {
    background-color: #745633
}

.map-area ul li:nth-child(7) a {
    color: #0b00cd;
}

.map-area ul li:nth-child(7):before {
    background-color: #0b00cd
}

.map-area ul li:nth-child(8) a {
    color: #8c960f;
}

.map-area ul li:nth-child(8):before {
    background-color: #8c960f
}

#map {
    position: relative;
    display: block;
    vertical-align: top;
    /*      width: 1600px;*/
}

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

#trueMap {
    z-index: 1;
}

#map .hovers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#map .hovers .location .map-info {
    position: absolute;
    z-index: 9;
    background-size: 100% 100%;
}

#map .hovers div {
    position: absolute;
    width: 100%;
    max-width: 160px;
}

#map .hovers div img {
    display: block;
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#map .hovers #mapLegacyVillas {
    top: 57px;
    left: 38.9%;
}

#map .hovers #mapLegacyVillas .map-info {
    top: 0;
    left: -37px;
}

#map .hovers #mapLaQuintaCountyClub {
    top: 8.3%;
    left: 41.7%;
}

#map .hovers #mapLaQuintaCountyClub .map-info {
    top: 32px;
    left: 4px;
}

#map .hovers #mapLaQuintaResortVillas {
    top: 15.4%;
    left: 35.7%;
}

#map .hovers #mapLaQuintaResortVillas .map-info {
    top: 0;
    left: -69px;
}

#map .hovers #mapLaQuintaResortVillas:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 110px;
    top: 30px;
    z-index: 9;
}

#map .hovers #mapLaQuintaResortCommunities {
    top: 7.35%;
    left: 31.78%;
}

#map .hovers #mapLaQuintaResortCommunities .map-info {
    top: 176px;
    left: 38px;
}

#map .hovers #mapLaQuintaResortCommunities:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 70px;
    bottom: 70px;
    z-index: 9;
}

#map .hovers #mapRanchoLaQuintaCC {
    top: 2.41%;
    left: 51.1%;
}

#map .hovers #mapRanchoLaQuintaCC .map-info {
    top: 30%;
    left: 40%;
}

#map .hovers #mapTheCitrus {
    top: 21.3%;
    left: 51.2%;
}

#map .hovers #mapTheCitrus .map-info {
    top: 26.5%;
    left: 63%;
}

#map .hovers #mapMountainViewCC {
    top: 21.3%;
    left: 70%;
}

#map .hovers #mapMountainViewCC .map-info {
    top: 28.88%;
    left: 12.3%;
}

#map .hovers #mapTheTradition {
    top: 35.7%;
    left: 44.6%;
}

#map .hovers #mapTheTradition .map-info {
    top: 28%;
    left: 16%;
}

#map .hovers #mapTheHideaway {
    top: 40.2%;
    left: 70%;
}

#map .hovers #mapTheHideaway .map-info {
    top: 33%;
    left: 30%;
}

#map .hovers #mapTheMadison {
    top: 40.2%;
    left: 82.3%;
}

#map .hovers #mapTheMadison .map-info {
    top: 38%;
    left: 20%;
}

#map .hovers #mapResidenceClub {
    top: 58.9%;
    right: 20.8%;
}

#map .hovers #mapResidenceClub .map-info {
    top: 25%;
    right: 33%;
}

#map .hovers #mapResidenceClub:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 122px;
    bottom: 22px;
    z-index: 9;
}

#map .hovers #mapPGAWest {
    top: 59%;
    right: 28.2%;
}

#map .hovers #mapPGAWest .map-info .left {
    bottom: 61.5%;
    left: 65%;
}

#map .hovers #mapPGAWest .map-info .right {
    bottom: 343px;
    left: 350px;
}

#map .hovers #mapPGAWest:after {
    content: '';
    display: block;
    background: url("images/red-dot.gif") no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: -80px;
    top: 193px;
    z-index: 9;
}

.map-info {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px 0;
}

.map-info p {
    font: 18px "Poppins";
    color: #000;
    position: relative;
    line-height: 1.2;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#la-quinta-resort p.active {
    color: #236e14;
}

#la-quinta-country-club p.active {
    color: #7713cd;
}

#santa-rosa-cove p.active {
    color: #72052e;
}

#rancho-la-quinta p.active {
    color: #b51609;
}

#citrus-club p.active {
    color: #2b6c7b;
}

#mountain-view p.active {
    color: #23b4aa;
}

#tradition-golf-club p.active {
    color: #745633;
}

#hideaway p.active {
    color: #0b00cd;
}

#madison-club p.active {
    color: #8c960f;
}

#pga-west-top p.active {
    color: #cb7a00;
}

#pga-west p.active {
    color: #cb7a00;
}

/*** Welcome ***/

#welcome-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: url(images/welcome-bg-new.jpg) no-repeat;
    background-size: cover;
    padding: 14.35% 0;
    /*margin-top: 100px;*/
    margin-top: 50px;
}

#welcome-wrapper:after {
    content: "";
    background-color: rgba(255, 255, 255, .75);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.welcome-container {
    width: 100%;
    background-color: rgba(255, 255, 255, .85);
    /*padding: 70px 0 100px;*/
    padding: 50px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.left-welcome-info {
    padding-left: 27px;
    position: relative;
    width: 100%;
}

.welcome-logo {
    width: 100%;
    height: 100%;
    display: block;
    padding-bottom: 22px;
}

.welcome-logo img {
    /*width: 100%;*/
    height: 100%;
    max-width: 100%;
    margin: 0 auto 0 0;
    display: block;
}

.site-address {
    display: block;
}

.site-address h3 {
    display: block;
    line-height: 1;
    color: #333333;
    font-weight: 700;
    font-size: 13px;
}

.site-address span,
.site-address address {
    color: #555555;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px;
}

.contact-info {
    padding-top: 30px;
}

.contact-info p,
.contact-info p a,
.contact-info span {
    font-weight: 300;
    font-size: 13px;
    color: #555555;
    line-height: 22px;
    text-decoration: none;
}

.contact-info p a:hover {
    color: #69be5f;
}

.contact-info > span {
    padding-top: 14px;
    display: block;
}


.welcome-note {
    position: relative;
    width: 100%;
    display: block;
}

.welcome-note > h2,
.welcome-note > h1 {
    font: 35px/1 "Poppins";
    color: #515461;
    text-transform: uppercase;
}

.welcome-note > h2.welcome-tagline,
.welcome-note > h2.welcome-tagline {
    font: 25px/1 "Poppins";
    padding-top: 48px;
}

.welcome-note > h2.welcome-tagline span,
.welcome-note > h2.welcome-tagline span {
    color: #387f2d;
}

.welcome-note p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #666666;
    display: block;
    margin-top: 18px;
    text-align: justify;
}

/*** Footer ***/

#footer-wrapper {
    position: relative;
    width: 100%;
    background-color: #515461;
    text-align: center;
    padding: 70px 0;
}

/*** Footer Navigation ***/

.footer-navigation {
    display: block;
    width: 100%;
}

.footernav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}

.footernav > li {
    display: inline-block;
    position: relative;
}

.footernav > li a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    padding: 0 12px;
    border-left: 1px solid #fff;
    line-height: 1;
}

   .footernav > li a:hover{
        color:#69be5f;
    }

.footernav > li:first-child a {
    border-left: 0;
}

/*** Copyright ***/

.copyright {
    display: block;
    color: #dddddd;
    font-size: 13px;
    font-family: "Poppins";
    padding: 10px 0;
}

.copyright a {
    color: #fff;
}

.copyright a.site-name {
    color: #69d759;
    text-decoration: none;
}

/*** Realtor ***/

.realtor-logo {
    display: block;
}

.realtor-logo span {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

/*** Footer Logos ***/

.footer-logos {
    display: block;
    padding-top: 25px;
}

.footer-logos img {
    margin: 0 10px;
    display: inline-block;
}



/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/

.ip-container #header-wrapper {
    background: url(images/ip-header.jpg) no-repeat;
    background-size: cover;
}

.ip-container #header-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35);
    z-index: -1;
}

#inner-page-wrapper {
    padding-top: 20px;
    margin-top: 202px;
}

/* Adjust minimum height of page area */

#content-sidebar,
#content-full {
    min-height: 500px;
}

/** Adjust width of content columns **/

#content-sidebar #content {
    width: 77.08%;
}

#content-full #content {
    width: 100%;
}

/* Adjust width of sidebar */

.sidebar {
    width: 20.83%;
    margin-top: 8px;
}

/*** Sidebar Quick Search ***/

.sidebar-quick-search .qs-title:before,
.sidebar-quick-search .qs-title:after {
    display: none;
}

.sidebar-quick-search .qs-title h2 {
    color: #387f2d;
    font-size: 24px;
    width: 100%;
    margin: 0;
}

.sidebar-quick-search .qs-inputs {
    width: 100%;
    display: block;
    padding: 10px 0 5px;
    font-size: 0;
    background-color: #fff;
}

.sidebar-quick-search .qs-inputs .input-field {
    width: 100%;
    margin-right: 0;
    border: 1px solid #e4e4e4;
    margin-bottom: 5px;
}

.sidebar-quick-search .qs-inputs .large-field,
.sidebar-quick-search .qs-inputs .small-field {
    width: 50%;
    margin: 0 0 5px;
}

.sidebar-quick-search .qs-min-price,
.sidebar-quick-search .qs-beds {
    padding-right: 2px;
}

.sidebar-quick-search .qs-max-price,
.sidebar-quick-search .qs-baths {
    padding-left: 2px;
}

.sidebar-quick-search .search-btn {
    width: 100%;
    margin-left: 0;
    display: block;
    margin-top: 5px;
}

.sidebar-quick-search .qs-submit-btn {
    width: 100%;
    margin: 0;
    height: 38px;
    background-color: transparent;
}

.sidebar-quick-search .map-search-btn {
    width: 100%;
    padding: 0;
}

/* 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: 24px/1 "Poppins";
    color: #515461;
    text-transform: uppercase;
}

/* Style category/archive/etc main headings (h1) */

#content .archive-title {
    font: 24px/1 "Poppins";
    color: #515461;
    text-transform: uppercase;
}

/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {
    font: 24px/1 "Poppins";
    color: #515461;
    text-transform: uppercase;
}

    #content .archive-subtitle a:hover,
    #content .archive-more:hover{
        color:#387f2d;
    }

#content .entry{
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    color: #666666;
    display: block;
    margin-top: 18px;
    text-align: justify;
}

div#content-sidebar #content-full .post-53 .entry p{
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 24px !important;
    color: #666666 !important;
    display: block !important;
   /* margin-top: 18px !important;*/
    text-align: justify !important;
    margin: 1.12em 0 !important;
}

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

.page-template-community-page,
.page-template-non-golf-communities-page,
.page-template-golf-communities-page {
    background: url(images/comm-bg.jpg) center top no-repeat #fff;
    background-size: cover;
    background-attachment: fixed;
}

.page-template-community-page #header-wrapper,
.page-template-non-golf-communities-page #header-wrapper,
.page-template-golf-communities-page #header-wrapper{
    background: none;

}

.page-template-community-page .header-logo.logo-left strong,
.page-template-non-golf-communities-page .header-logo.logo-left strong,
.page-template-golf-communities-page .header-logo.logo-left strong{
    color: #000;
}

.page-template-community-page #header-wrapper:after,
.page-template-non-golf-communities-page #header-wrapper:after,
.page-template-golf-communities-page #header-wrapper:after {
    background-color: rgba(0, 0, 0, 0);
}

.page-template-community-page .header-tagline span,
.page-template-non-golf-communities-page .header-tagline span,
.page-template-golf-communities-page .header-tagline span {
    color: #387f2d;
}

.page-template-community-page-php #navi > li > a,
.page-template-non-golf-communities-page #navi > li > a {
    color: #7c7b7b!important;
    border-left: 1px solid #387f2d !important;
}

.page-template-community-page-php #navi > li:first-child > a,
.page-template-non-golf-communities-page #navi > li:first-child > a {
    border-left: 0 !important;
}

.page-template-community-page-php #navi > li:last-child > a,
.page-template-non-golf-communities-page #navi > li:last-child > a {
    border-right: 0 !important;
}

.page-template-golf-communities-page #navi > li > a {
    color: #7c7b7b!important;
    border-left: 1px solid #387f2d !important;
}

.page-template-community-page .contact-no:before,
.page-template-non-golf-communities-page .contact-no:before,
.page-template-golf-communities-page .contact-no:before {
    background: url(images/mail-icon-green.jpg) center center no-repeat;
}

.page-template-community-page .contact-no span,
.page-template-non-golf-communities-page .contact-no span,
.page-template-golf-communities-page .contact-no span {
    color: #387f2d;
}

.home .glogo {
    display: none;
}

.page-template-community-page .glogo,
.page-template-non-golf-communities-page .glogo,
.page-template-golf-communities-page .glogo {
    display: block;
}

.page-template-community-page .mlogo,
.page-template-non-golf-communities-page .mlogo,
.page-template-golf-communities-page .mlogo {
    display: none;
}

.page-template-community-page #content-sidebar #content,
.page-template-non-golf-communities-page #content-sidebar #content,
.page-template-golf-communities-page #content-sidebar #content {
    width: 100%;
}

.page-template-community-page #content .entry-title,
.page-template-non-golf-communities-page #content .entry-title,
.page-template-golf-communities-page #content .entry-title {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    float: left;
    font-size: 30px;
    color: #000000;
}

.page-template-community-page #content .entry-title:before,
.page-template-non-golf-communities-page #content .entry-title:before,
.page-template-golf-communities-page #content .entry-title:before {
    content: "";
    width: 38.0701%;
    top: 1px;
    border-bottom: 1px solid #b6b8bb;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.page-template-community-page #content .entry-title:after,
.page-template-non-golf-communities-page #content .entry-title:after,
.page-template-golf-communities-page #content .entry-title:after {
    content: "";
    width: 38.0701%;
    top: 1px;
    border-bottom: 1px solid #b6b8bb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.page-template-community-page #content .entry,
.page-template-non-golf-communities-page #content .entry,
.page-template-golf-communities-page #content .entry {
    float: left;
    width: 100%;
}

.comm-wrap {
    width: 100%;
    float: left;
    margin-bottom: 35px;
}

.comm-box {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

.commPhoto {
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.75);
}

.commPhoto img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.commPhoto:before {
    content: "View Details";
    position: absolute;
    z-index: 3;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0);
    text-align: center;
    text-transform: uppercase;
    display: block;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.commPhoto:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.comm-box:hover .commPhoto:before {
    color: rgba(0, 0, 0, 1);
}

.comm-box:hover .commPhoto:after {
    background: rgba(255, 255, 255, 0.75);
}

.commText {
    width: 100%;
    float: left;
    height: 245px;
}

#content .commText h3 {
    font-size: 25px;
    color: #515461;
    text-transform: uppercase;
    line-height: 1;
    margin: 24px 0;
    text-align: left;
}

#content .commText p {
    font-size: 15px;
    color: #666666;
    line-height: 1.5;
    text-align: justify;
}

#content .commText a {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #377f2d;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
    margin-top: 14px;
    text-decoration: underline;
}

#back-to-top {
    display: block;
    width: 87px;
    height: 55px;
    /* background: url(images/btop.png) center center no-repeat; */
    position: absolute;
    top: -30px;
    right: 220px;
    background: #adadad;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 7px 5px;
    text-decoration: none;
    letter-spacing: .5px;
}

#back-to-top:hover{
    background: #69be5f;
}

a#back-to-top img {
    margin: 0 auto 5px;
    max-width: 22px;
}

#btt-csutom-search {
    display: block;
    width: 100px;
    height: 58px;
    /* background: url(images/btop.png) center center no-repeat; */
    position: relative;
    background: #adadad;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 16px 11px;
    text-decoration: none;
    letter-spacing: .5px;
    display: block;
    text-align: center;
}

a#btt-csutom-search img {
    margin: 0 auto;
    max-width: 22px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

a#btt-csutom-search span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    line-height: 1.3;
}

.page-template-community-page #inner-page-wrapper,
.page-template-non-golf-communities-page #inner-page-wrapper,
.page-template-golf-communities-page #inner-page-wrapper {
    position: relative;
    z-index: 6;
}

.page-template-community-page #footer-wrapper,
.page-template-non-golf-communities-page #footer-wrapper,
.page-template-golf-communities-page #footer-wrapper {
    z-index: 5;
}


.single .glogo {
    display: none;
}

.single .mlogo {
    display: block;
}

.hp-quick-search .select2.select2-container {
    overflow: hidden;
}

.hp-quick-search .select2.select2-container .select2-selection--multiple {
    background: none;
    border-radius: 0;
    border: none;
    height: 38px;
    line-height: 3;
    min-height: 100%;
    overflow-y: scroll;
    width: 125%;
}

.hp-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
    font-size: 13px;
}

.hp-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search {
    height: 38px;
    color: #999999;
}

.hp-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    line-height: 2;
}

.hp-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
    margin-top: 0;
}

.ip-quick-search .select2.select2-container {
    overflow: hidden;
}

.ip-quick-search .select2.select2-container input {
    padding-left: 15px !important;
}

.ip-quick-search .select2.select2-container .select2-selection--multiple {
    background: none;
    border-radius: 0;
    border: none;
    height: 38px;
    line-height: 3;
    min-height: 100%;
    overflow-y: scroll;
    width: 125%;
}

.ip-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
    font-size: 13px;
}

.ip-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search {
    height: 38px;
    color: #999999;
}

.ip-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    line-height: 2;
}

.ip-quick-search .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
    margin-top: 0;
    color: #999999;
}


.page-template-community-page.page-id-52 #content .entry-title:before,
.page-template-non-golf-communities-page.page-id-1252 #content .entry-title:before,
.page-template-golf-communities-page.page-id-898 #content .entry-title:before {
    content: "";
    width: 33%;
    top: 1px;
    border-bottom: 1px solid #b6b8bb;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.page-template-community-page.page-id-52 #content .entry-title:after,
.page-template-non-golf-communities-page.page-id-1252 #content .entry-title:after,
.page-template-golf-communities-page.page-id-898 #content .entry-title:after {
    content: "";
    width: 33%;
    top: 1px;
    border-bottom: 1px solid #b6b8bb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}


.aw-widget-current {}

.aw-widget-current .aw-widget-current-inner {}

.aw-widget-current .aw-widget-current-inner .aw-widget-content {
    background: transparent !important;
    background-color: rgba(0, 0, 0, .5) !important;
}

#map-area-wrapper {
    width: 714px;
    max-width: 100%;
    position: relative;
    z-index: initial;
    left: 0 !important;
    height: 100%;
}

#map {
    width: 815px;
}

#map-wrapper {
    background: transparent url('images/new-map/map-bg.png') no-repeat;
    background-size: cover;
    background-position: center center;
}

#map-wrapper .m-w-left {
    float: left;
    width: 49.6%;
    padding-left: 5%;
}

#map-wrapper .m-w-right {
    width: 50.4%;
    float: right;
}

#map .hovers div span {
    font-family: 'Poppins', sans-serif;
    position: absolute;
    z-index: 5;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    opacity: 1 !important;
    text-align: center;
    letter-spacing: 1px;
}

#map .hovers div#legacy-villas span {
    top: 4.3%;
    left: 64%;
}

#map .hovers div#la-quinta-country-club span {
    top: 10.3%;
    left: 85.1%;
    min-width: 135px;
}

#map .hovers div#la-quinta-resort-villas span {
    top: 16.3%;
    left: 8%;
    min-width: 165px;
}

#map .hovers div#la-quinta-resort-communities span {
    top: 25.3%;
    left: 20%;
    min-width: 170px;
}

#map .hovers div#rancho-la-quinta-country-club span {
    top: 7.5%;
    left: 167.7%;
    min-width: 175px;
}

#map .hovers div#the-citrus span {
    top: 25.9%;
    left: 189.7%;
    min-width: 120px;
}

#map .hovers div#mountain-view-country-club span {
    top: 26.2%;
    left: 295.7%;
    min-width: 145px;
}

#map .hovers div#the-hideaway span {
    top: 45.9%;
    left: 288.7%;
    min-width: 145px;
}

#map .hovers div#the-madison span {
    top: 46.9%;
    left: 386.7%;
    min-width: 125px;
}

#map .hovers div#the-tradition span {
    top: 42%;
    left: 118.1%;
    min-width: 130px;
}

#map .hovers div#residence-club span {
    top: 61%;
    left: 253.1%;
    min-width: 155px;
}

#map .hovers div#pga-west span.lbl-1 {
    top: 75.3%;
    left: 256.1%;
    min-width: 150px;
}

#map .hovers div#pga-west span.lbl-2 {
    top: 67.8%;
    left: 378.1%;
    min-width: 150px;
}

.map-area h2 {
    text-align: left;
    margin-left: -23px;
}

.map-area {
    padding-right: 35px;
}

#map-wrap .map-text {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: #333333;
    right: 8%;
    top: 14%;
    transform: skewX(-10deg);
}

li.residence-club {
    margin-top: -11px;
}

li.residence-club a {
    font-size: 15px !important;
    padding-left: 40px;
    display: block;
}

#map-wrapper .m-w-left {
    height: 751px;
}

.agts-stngs {
    margin-bottom: 50px;
}

.agts-stngs > form:nth-child(1) {
    float: left;
}

.agts-stngs > form:nth-child(2) {
    float: right;
}

.agts-stngs-srch {
    display: table;
}

.agts-stngs-srch-lbl {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    color: #666666;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}

.agts-stngs-srch-ipt input {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #999999;
    padding: 7.5px 20px;
    width: 257px;
    outline: none;
    border: 1px solid #bfbfbf;
}

.agts-stngs-srt-slct {
    background: #666666 url(none) no-repeat;
    background-position: center right 25px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    border: 1px solid #666;
    padding: 10.5px 35px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 250px;
    text-align: center;
    display: block;
    text-decoration: none !important;
}

.agts-stngs-srt-slct:hover {
    color: #fff !important;
}

h1.agts-tle {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 300 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    position: relative;
}

h1.agts-tle span {
    width: 406px;
    display: inline-block;
    text-align: center;
    padding: 0 20px;
}

h1.agts-tle:before,
h1.agts-tle:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    background: #bfbfbf;
    width: calc(50% - (406px / 2));
}

h1.agts-tle:before {
    left: 0;
}

h1.agts-tle:after {
    right: 0;
}

.fll-agts .agts-lst {
    text-align: center;
    margin-top: 50px;
}

.fll-agts .agt-info {
    display: inline-block;
    padding: 0 5%;
    width: 33.07%;
    margin-bottom: 7.5%;
    vertical-align: top;
}

.agt-phto {
    /*background: transparent url('images/agents-background-photo.png') no-repeat;*/
    background: #fff;
    background-size: cover;
    background-position: center center;
    margin-bottom: 20px;
}

.agt-phto img {
    max-width: 100%;
    width: 100%;
}
    .agt-phto a:hover img {
        opacity: .8;
    }
.fll-agts .agt-name {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #387f2d;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.fll-agts .agt-cntct {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    padding: 10px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.fll-agts .agt-cntct a {
    color: inherit;
}

.fll-agts .agt-cntct img {
    vertical-align: baseline;
}

.fll-agts .agt-mre-info {
    display: block;
    width: 158px;
    max-width: 98%;
    margin: 0 auto;
    text-align: center;
    color: #fff !important;
    background: #387f2d;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    padding: 13px 15px;
    transition: all 0.4s ease-in-out;
    text-decoration: none !important;
}

.fll-agts .agt-mre-info:hover {
    background: #2a5f21;
}

.fll-agts .agnts-pgs {
    border: 1px solid #387f2d;
    display: table;
}

.fll-agts .agnts-pgs > * {
    display: table-cell;
    vertical-align: middle;
    color: #387f2d;
}

.fll-agts .agnts-pgs-prv,
.fll-agts .agnts-pgs-nxt {
    width: 45px;
    line-height: 15px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.4s ease-in-out;
}

.fll-agts .agnts-pgs-prv:hover,
.fll-agts .agnts-pgs-nxt:hover {
    background: #387f2d;
    color: #fff !important;
}

.fll-agts .agnts-pgs-lbl {
    font-size: 15px;
    line-height: 15px;
    border-left: 1px solid #387f2d;
    border-right: 1px solid #387f2d;
    padding: 10px 20px;
    text-decoration: underline;
}

.fll-agts .agnts-pgs-lbl,
.fll-agts .agnts-pgs-nxt {
    margin-left: -3px;
}

.sngl-agts {
    padding: 60px 0 0 5.7%;
}

.sngl-agts .agt-cntnt > * {
    float: left;
}

.sngl-agts .agt-cntnt:before,
.sngl-agts .agt-cntnt:after {
    content: "";
    display: table;
}

.sngl-agts .agt-cntnt:after {
    clear: both;
}

.sngl-agts .agt-cntnt .agt-cntnt-lft {
    width: 24.37%;
}

.sngl-agts .agt-cntnt .agt-cntnt-rgt {
    width: 100%;
}

.sngl-agts .agt-phto {
    width: 262px;
    max-width: 100%;
}

.sngl-agts .agt-name {
    font-family: 'Lato', sans-serif;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #387f2d;
    margin-bottom: 20px;
}

.sngl-agts .agt-info {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    padding: 25px 0;
}

.sngl-agts .agt-info-lft,
.sngl-agts .agt-info-rgt {
    color: #666666;
}


.sngl-agts .agt-adrs {
    padding-left: 60px;
}


.sngl-agts .agt-info-lft a {
    color: inherit;
}

.sngl-agts .agt-info-lft img {
    vertical-align: baseline;
    padding-right: 10px;
}

.sngl-agts .agt-info-lft img.mail {
    padding-right: 7px;
}

.sngl-agts .agt-vw-wbst {
    font-weight: 400;
    color: #000;
    text-decoration: underline;
    text-decoration-color: #bfbfbf;
}

.sngl-agts .agt-vw-wbst:hover {
    color: #387f2d;
    text-decoration-color: #387f2d;
}

.sngl-agts .agt-dscptn {
 
      padding-top: 25px;
    margin-top: 100px;
    color: #666666;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
}

.sngl-agts .agt-dscptn b {
    font-weight: 500;
}

.sngl-agts .agt-info-rgt span {
    color: #387f2d;
}

.sngl-agts .agts-lstngs {
    position: relative;
    text-align: center;
}

.sngl-agts .agts-lstngs > span {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    width: 306px;
    display: inline-block;
    padding: 0 25px;
    background: #fff;
    z-index: 2;
    position: relative;
}

.sngl-agts .agts-lstngs:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 21px;
    height: 1px;
    z-index:1;
    background: url(images/gray-line.jpg) repeat-x;
}

.sngl-agts .agts-lstngs:before {
    left: 0;
}

.sngl-agts .agts-lstngs:after {
    right: 0;
}

.sngl-agts .agt-cntnt {
    margin-bottom: 10px;
}

.cstm-ttle {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.cstm-ttle span {
    padding: 0 5.5%;
    background: #fff;
    font-weight: 400;
    font-size: 30px;
}

.cstm-ttle:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #bfbfbf;
}

/* Featured Listings */

.fl-info {
    margin-top: 27px;
    padding-top: 27px;
    border-top: 1px solid #ebebeb;
}

.fl-info:nth-of-type(1) {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.fl-pht:before,
.fl-pht:after {
    content: "";
    display: table;
}

.fl-pht:after {
    clear: both;
}

a.fl-pht-bg {
    float: left;
    display: block;
    width: 74.534%;
    margin: 0 auto;
    position: relative;
}

a.fl-pht-bg:before {
    content: "VIEW MORE DETAILS";
    position: absolute;
    z-index: 1;
    top: calc(50% - 7.5px);
    left: calc(50% - 100px);
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 200px;
    text-align: center;
    color: #000;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

a.fl-pht-bg:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: rgba(225,225,225,0.85);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

a.fl-pht-bg:hover:before,
a.fl-pht-bg:hover:after {
    opacity: 1;
}

a.fl-pht-sm {
    float: right;
    display: block;
    width: 25.466%;
    margin: 0 auto;
    text-align: right;
    padding-left: 1.5%;
    position: relative;
}

a.fl-pht-sm:before {
    content: "VIEW MORE DETAILS";
    position: absolute;
    z-index: 1;
    top: calc(50% - 15px);
    left: calc(50% - 62.5px);
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 125px;
    text-align: center;
    color: #000;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

a.fl-pht-sm:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 94%;
    height: 100%;
    background: rgba(225,225,225,0.85);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

a.fl-pht-sm:hover:before,
a.fl-pht-sm:hover:after {
    opacity: 1;
}

.fl-pht-sm.fl-pht-frst {
    margin-bottom: 2%;
}

a.fl-pht-sm img {
    display: inline-block;
    max-width: 100%;
}

a.fl-pht-bg img {
    width: 100%;
    max-width: 100%;
}

.fl-info-rgt {
    font-family: 'Lato', sans-serif;
    color: #666;
}

.fl-adrs {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
}

.fl-prc {
    padding: 25px 0;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #387f2d;
}

.fl-bds,
.fl-bts,
.fl-sqft {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    line-height: 10px;
}

.fl-bts {
    padding: 0 15px;
    margin: 0 15px;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.fl-cmnty {
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    margin-top: 10px;
}

.fl-dscrptn {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.fl-vw-dtls {
    margin-top: 40px;
    display: block;
    width: 158px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    background: #387f2d;
    padding: 13px 15px;
    transition: all 0.4s ease-in-out;
}

.fl-vw-dtls:hover {
    background: #327128;
}

/* Single Featured Listings */
.sngl-fl-info-rgt {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #999999;
    margin-bottom: 30px;
}

.sngl-fl-prc {
    font-weight: 700;
    font-size: 25px;
    line-height: 25px;
    color: #387f2d;
    margin-bottom: 15px;
}

.sngl-fl-adrs {
    font-size: 18px;
    margin-bottom: 10px;
}

.sngl-sts,
.sngl-cmnty {
    font-size: 15px;
}

.sngl-sts span,
.sngl-cmnty span {
    color: #387f2d;
}

.sngl-fl-othrs {
    margin: 15px 0;
}

.sngl-fl-bds,
.sngl-fl-bts,
.sngl-fl-sqft {
    font-size: 14px;
    float: left;
    width: calc(100% / 3);
    padding: 17.5px 10px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
}

.sngl-fl-bts {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.sngl-fl-bds img,
.sngl-fl-bts img,
.sngl-fl-sqft img {
    padding-right: 5px;
}

.sngl-fl-othrs-b {
    font-size: 15px;
}

.sngl-fl-othrs-b span {
    color: #387f2d;
}

.sngl-fl-othrs-b-mt {
    margin-top: 5px;
}

.sngl-fl-vrtl-tr {
    display: block;
    width: 400px;
    max-width: 100%;
    margin: 20px auto 0;
    text-decoration: none !important;
    background: #387f2d;
    color: #fff !important;
    text-align: center;
    padding: 20.5px 15px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.4s ease-in-out;
}

.sngl-fl-vrtl-tr:hover {
    background: #327228;
}

.sngl-fl-vrtl-tr img {
    padding-right: 10px;
    vertical-align: text-top;
}

.sngl-agnt-info {
    margin-top: 40px;
}
.sngl-agnt-info .agent-listing-list{
    margin: 0 0 20px 0;
}
.sngl-agnt-info .agent-listing-list:last-child{
    margin: 0 0 0 0;
}

.sngl-agnt-phto {
    display: block;
    margin: 0 auto;
    width: 150px;
    max-width: 100%;
    max-height: 177px;
}

.sngl-agnt-cntct {
    font-size: 14px;
    line-height: 28px;
}

.sngl-agnt-cntct b {
    font-weight: 400;
}

.sngl-agnt-cntct span {
    color: #387f2d;
}

.sngl-agnt-cntct span a {
    color: inherit;
}

.sngl-fl-map {
    margin: 25px 0 20px;
}

.sngl-fl-map iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.sngl-sts span a {
    color: #387f2d!important;
    text-decoration: none!important;
}

.fl-smi-lbl {
    font-size: 14px;
    display: inline-block;
    padding-right: 15px;
}

.fl-smi {
    display: inline-table;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin-right: 5px;
}

.fl-smi span {
    display: table-cell;
    vertical-align: middle;
}

.fl-smi.smi-facebook {
    background: #3b5998;
}

.fl-smi.smi-twitter {
    background: #00aced;
}

.fl-smi.smi-mail {
    font-size: 11px;
    background: #515461;
}

.sngl-fl-cntnt {
    margin-top: 30px;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

.sngl-fl-sldr-thmb {
    margin-top: 20px;
}

.sngl-fl-sldr-mn img,
.sngl-fl-sldr-thmb img {
    width: 100%;
    max-width: 100%;
}

.sngl-fl-sldr-thmb {
    padding: 0 35px;
}

.sngl-fl-sldr-thmb-itm {
    outline: none;
    margin: 0 5px;
    cursor: pointer;
}

.sngl-fl-sldr-thmb-wrp {
    position: relative;
}

.sngl-fl-sldr-thmb-prv,
.sngl-fl-sldr-thmb-nxt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 41px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.sngl-fl-sldr-thmb-prv {
    background-image: url('images/fl-prev.png');
    left: 0;
}

.sngl-fl-sldr-thmb-prv:hover {
    background-image: url('images/fl-prev-hover.png');
}

.sngl-fl-sldr-thmb-nxt {
    background-image: url('images/fl-next.png');
    right: 0;
}

.sngl-fl-sldr-thmb-nxt:hover {
    background-image: url('images/fl-next-hover.png');
}
.sngl-sts span{
    color :#387f2d;
}

.fl-pgs {
    border: 1px solid #387f2d;
    display: table;
    margin-top: 40px;
}

.fl-pgs > * {
    display: table-cell;
    vertical-align: middle;
    color: #387f2d;
}

.fl-pgs-prv,
.fl-pgs-nxt {
    width: 45px;
    line-height: 15px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.4s ease-in-out;
}

.fl-pgs-prv:hover,
.fl-pgs-nxt:hover {
    background: #387f2d;
    color: #fff !important;
}

.fl-pgs-lbl {
    font-size: 15px;
    line-height: 15px;
    border-left: 1px solid #387f2d;
    border-right: 1px solid #387f2d;
    padding: 10px 20px;
    text-decoration: underline;
}

.fl-pgs-lbl,
.fl-pgs-nxt {
    margin-left: -3px;
}
a.listing-item {
    text-decoration: none;
    font-weight: bold;
    color: #6b6565;
}
.col-xs-6.sngl-sts span a {
    text-decoration: none;
    color: inherit;
    pointer-events: none;
    cursor: default;
}

#content-full h1,
aside h1,
#content-full h2,
aside h2,
#content-full h3,
aside h3,
#content-full h4,
aside h4,
#content-full h5,
aside h5,
#content-full h6,
aside h6,
#content-full b,
aside h6,
#content-full strong,
aside strong {
    font-weight: bolder;
    line-height: 1.7;
}


#ihf-main-container .ihf-grid-result-price.title-bar-1 {
    background-color: #3b7e32;
    border-color: #3b7e32;
}
#ihf-main-container .btn-detail-leadcapture {
    background-color: #3b7e32;
    border-color: #3b7e32;
    width: 100%;
    color: #FFF;
}
#ihf-main-container .title-bar-1.fs-12 {
    background-color: #3b7e32;
    border-color: #3b7e32;
    color: #fff;
}

.awesome-weather-cover {
    background: none;
}
.awesome-weather-attribution,.awesome-weather-forecast.awe_days_0.awecf {
    display: none;
}
.awesome-weather-wrap.darken .awesome-weather-header {
    background: rgba(0,0,0,0.5);
}
.awesome-weather-header {
    color: white;
}
.awesome-weather-current-temp {
    color: white;
    font-size: 16px;
    margin-top: -37px;
    margin-left: 74px;
    padding: 12px;
}
.awesome-weather-header {
    margin-top: 1px !important;
    font-size: 16px;
    padding-right: 46px;
    font-weight: 600;
}
#content sup, aside sup {
    vertical-align: middle;
}
.awesome-weather-cover {
    background-image: none !important;
}
div#awesome-weather-la-quinta-us{
    /*margin: 0px !important;*/
    margin: 0 0 -10px 0 !important;
}
.awesome-weather-wrap.darken .awesome-weather-header{
    background: rgba(0,0,0,0);
}
sup {
    top: 0em;
}
 /* Wide Weather */
#weather-wrapper .awe_wide .awesome-weather-current-temp {
    padding: 10px;
    width: auto;
    float: none;
    font-size: 16px;
    line-height: 1em;
    margin: 0;
}

#weather-wrapper .awesome-weather-wrap .awesome-weather-darken{
    display: flex;
    align-items: center;
    justify-content: center;
}

#weather-wrapper .awesome-weather-wrap.darken .awesome-weather-header{
    padding-right: 0;
}

#weather-wrapper .awe_wide .awesome-weather-current-temp sup{
    top: 0;
}

#content .archive-thumbnail:hover{
    opacity:0.7;
}
 /* End Wide Weather */

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


#ihf-main-container .nav-tabs {
    padding: 0;
    margin: 0;
}


    #areaPickerCustomListToggle{
        width: 70px!important;
    }


    #areaPickerClearAll{
        width:70px!important;
    }


    #areaPickerExpandAllCloseButton{
        width: 78px!important;
    }


#ihf-main-container .pagination{
    width: 150px;
}

.ihf-grid-result-address{
    display:block;
}


#ihf-main-container .btn-group>.btn-group{

    float:right;

}

.yoast-breadcrumbs {
    font-weight: 300 !important;
    color: #666666;
    font-size: 13px;
    margin: 20px 0;
}

.ip-container #main-wrapper {
    z-index: initial;
}

hr.custom-divider {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    display: block;
    border-top: 1px dashed #666666 !important;
}

hr.custom-divider.cd-sm {
    width: 300px;
}

.smis-wrapper {
    text-align: right;
}

.smis-wrapper .smi {
    font-size: 14px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    color: #387f2d;
    margin-left: 10px;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s; 
    text-decoration: none;
        border: 2px solid #387f2d;
}

.fixed .smis-wrapper .smi {
    color: #fff;
    background: #387f2d;
}

.left-welcome-info .smis-wrapper {
    margin-top: 10px;
    text-align: left;
}

.left-welcome-info .smis-wrapper .smi {
    color: #fff;
    background: #515461;
    margin-left: 0;
    margin-right: 5px;
}

img.agent-photo{
    width: 300px;
    float: left;
    padding-right: 40px;
    padding-bottom: 20px;
}


 .sngl-agts .agt-info-lft{

     padding-left: 0px;
 }

 #content img {
    max-width: 100%;
 }


 #custom-quick-search .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: auto;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: 100% !important;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: linear-gradient(#eee 1%,#fff 15%);
    cursor: text;
    background: transparent;
    box-shadow: none;
    border: none;
}

 #custom-quick-search .chosen-container-multi .chosen-choices li.search-choice{
    margin: 9px 5px;
 }

#custom-quick-search .chosen-container {
    width: 100%;
    height: 100%;
    font: 300 13px/38px "Muli";
    color: #999999;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    padding-left: 15px;
}

#custom-quick-search .chosen-container-multi .chosen-choices li.search-field,
#custom-quick-search .chosen-container-multi .chosen-choices li.search-field input[type=text]{
    height: 100% ;
}

#ihf-main-container .modal-header .close {
    color: #FFF;
    opacity: 1;
    text-shadow: none;
}

.site-name {
	text-align: center;
}

.ihf-listing-search-results .ihf-grid-result, .agts-lstngs .ihf-grid-result {
    height: auto !important;
}



img.fix-logo{
    display: none;
}

.fixed img.fix-logo {
    display: block;
}

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

img.c-laQuinta {
    display: none;
}

.fixed img.c-laQuinta{
    display: none;
}
img.w-laQuinta{
    max-width: 142px !important;
}
.fixed img.w-laQuinta{
    display: none;
}
img.w-California {
    max-width: 117px;
}
.c-California{
    display: none;
}

.fixed .c-California{
    display: none;
    float: right;
}

.fixed .w-California{
    display: none;
}
.w-image .c-California {
    display: none;
}
.w-image .comb-logo{
    display: none;
}
.w-image .w-California {
    width: 125px;
}
#header-wrapper .col-md-8 {
    margin-top: 30px;
}
.fixed .comb-logo {
    display: block;
}