/*
   
   style.css by Joshua Gatcke 99lime.com
   
 */
/*---------------------------------
   IMPORTS
   -----------------------------------*/
/*@import url(elements.css);
   @import url(kickstart-grid.css);
   @import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
   @import url(animate.css);
   @import url(featherlight.min.css);
   @import url(calendar.css);
   @import url(slick.css);*/

/*---------------------------------
   LAYOUT
   -----------------------------------*/
header{
    display:flex;
    background:#006275;
    border-bottom:2px solid #fff;
    box-shadow:0px 0px 20px rgba(0,0,0,0.3);
    position:fixed;
    top:0;
    left:0;
    padding:10px;
    color:#fff;
    width:100%;
    z-index:100;
    justify-content: space-between;
    align-items: center;
}

header h1{
    display:none;
}

header .logo{
    display:inline-block;
    vertical-align: middle;
}

header a{
    color:#fff;
    text-decoration:none;
    text-transform: uppercase;
}

.menu-nav{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    font-size:1.1em;
    width:600px;
    margin-left:-300px !important;
    transform: translate(0,-50%);
}
/* hide first level icons */
.menu-nav>li>a>i.fa{
    display:none;
}

.menu-nav>li:hover{
    background:rgba(0,0,0,0.2);
}

/* search navigation item */
.menu-nav>li#n1213:hover{background:none;}
.menu-nav>li#n1213>a>span{display:none;}
.menu-nav>li#n1213>a:before{
    content:"\f002";
    font-family:'FontAwesome';
    font-size:24px;
    color:#5f9ca8;
    transition: all 0.5s ease;
}
.menu-nav>li#n1213:hover>a:before{color:#fff;}

#mobile-nav .top-menu-options{
    text-decoration: none;
    left:10px;
    top: 24px;
    z-index: 1000;
}

#mobile-nav .top-menu-options a {
    text-decoration: none;
}

.top-menu-options{
    position:absolute;
    top:10px;
    right:15px;
    font-size:0.8em;
    display:flex;
    gap:10px;
}

.top-menu-options a{
    margin:0 5px;
}

.top-menu-options a.active{
    background: rgba(255, 255, 255, 0.16);
    padding: 2px 5px;
}

.menu-account{
    position:relative;
    top:12px;
    font-size:0.8em;
}

#asearch select {
  width: 100%;
  font-size: 1.1em;
  line-height: 1;
  padding: 15px;
}
#asearch h5 {
  cursor: pointer;
  background-color: #dbe1e5;
  margin: 0;
  padding: 1em .5em;
}

.menu-account li a{
    padding:10px 1px;
}

.menu-account li:hover .ks-circle{
    background:#fff;
    color:#006275;
}

.ks-circle{
    display:inline-block;
    position:relative;
    line-height:1;
    border-radius:200em;
    font-size:14px;
    width:32px;
    height:32px;
    padding:8px; 
    text-align:center;
    border:2px solid #5f9ca8;
    margin-right:3px;
    transition: all 0.5s ease;
}

/*---------------------------------
   HERO
   -----------------------------------*/
/* creates fake space to push content down */
.hero-bump{
    width:100%;
    position: relative;
    top:0;
    z-index:30;
    border:1px solid transparent;
    overflow:visible;
}

.hero-bump:after{
    content:url('../img/logo-spot.png');
    display:inline-block;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-12px;
    transform: translate(-50%,50%);
}

.hero{
    position:fixed;
    top:62px;
    left:0;
    text-align:center;
    width:100%;
    color:#fff;
    z-index:10;
}

.hero .video-wrap{
    width:100%;
    max-height:650px;
    overflow:hidden;
}

.hero .video-wrap img{
    width:180%;
    display:block;
    height:auto;
}

.hero video{
    width:100%;
    height:auto;
    vertical-align: bottom;
}

.hero .content{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
    padding:0 2%;
    z-index:1000;
}

.hero:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
}

.hero h2{font-size:3.7em;color:#fff;margin:0;}
.hero h3{font-size:1.2em;letter-spacing:2px;font-weight:400;color:#fff;margin:0;margin-bottom:2%;}
.hero .button{margin-top:10px;border:2px solid #fff;}

/* home page slideshow */
.hero ul.slider-header{
    margin:0;
    padding:0;
}

.hero ul.slider-header li{
    margin:0;
    padding:0;
    list-style-type:none;
}

.hero ul.slider-header li:after{
    content: "";
    transition: all 0.5s ease;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.hero ul.slider-header li img{
    width:100%;
    height:auto;
}

/*---------------------------------
   PLACE
   -----------------------------------*/
.cover.place{height:260px;}
.cover.place img{width:auto;height:100%;}
.cover.place:after{background:rgba(0,0,0,0.4);}
.cover.place:hover:after{background:rgba(0,0,0,0.6);}

.cover.place .content:before{
    content: url(../img/logo-waves-white.png);
    display:block;
    margin-bottom:10px;
}
.cover.place .content{transform: translate(-50%,-50%);}
.cover.place h3{margin:0;text-transform: uppercase;font-size:1.5em;letter-spacing:2px;}
.cover.place p{margin:0;}
.cover.place.tall{height:500px;}

/* hover effect */
.cover.place:hover h3{letter-spacing:4px;}

/*---------------------------------
   HOME
   -----------------------------------*/
.home .content-wrap{padding-top:0;}
.home-preview .cover{margin-bottom:25px !important;}
.home-preview .col_6 .col_6{margin-top:0;margin-bottom:0;}



/* .button.landing:after, .button.landing:after, .button-text:after{ */
/*     content: "\f054"; */
/*     font-family: 'FontAwesome'; */
/*     margin-left: 15px; */
/*     font-style: normal; */
/*     transition: all 0.5s ease; */
/*     position: relative; */
/*     left: 0; */
/* } */


.landing-page .cover{margin-bottom:25px !important;}
.landing-page .col_6 .col_6{margin-top:0;margin-bottom:0;}
.landing-page .col_6 > h2,
.landing-page .col_6 > h3
{text-align:left;}

.landing-page .col_6>h2{
    font-size: 2.2em;
}

/*---------------------------------
   SEARCH
   -----------------------------------*/



form.search{
    border:1px solid #ddd;
    background:#dbe1e5;
    padding:5%;
}

form.search input[type="text"]{
    font-size:1.1em;
    line-height:1;
    padding:15px;
}

form.search button:after{display:none;}

/*---------------------------------
   Properties / LISTINGS
   -----------------------------------*/
#filter-bar{
    background:#d8dde0;
    border-bottom:1px solid #c7ccce;
    box-shadow:0px 1px 5px rgba(0,0,0,0.1);
    line-height:1;
    font-size:0;
    position: fixed;
    top:82px;
    left:0;
    width:100%;
    z-index:50;
}

#filter-bar form{
    margin:0;
    padding:0;
    display:block;
}

.custom-select-menu{
    display:inline-block;
    vertical-align: middle;
    position:relative;
    font-size:14px;
    margin:0 -1px -1px 0;
    border:1px solid #c7ccce;
    outline:none;
}
.custom-select-menu label{
    cursor: pointer;
    padding:1.3em 3em 1.3em 2em;
    display:inline-block;
    /*width:170px;*/
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.custom-select-menu label:hover{
    background:#dbe1e4;
}

.custom-select-menu label:after{
    content:"\f078";
    font-family:'FontAwesome';
    font-size:12px;
    margin-left:10px;
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-0.5em;
}

.custom-select-menu ul{
    position:absolute;
    top:100%;
    left:0;
    min-width:200px;
    max-width:350px;
    margin:1px 0 0 0;
    padding:10px 0;
    /*border:1px solid #ddd;*/
    background:#fff;
    box-shadow:0px 5px 10px rgba(0,0,0,0.3);
    font-size:1em;
    overflow:hidden;
}

.custom-select-menu li{
    list-style-type:none;
    cursor: pointer;
}

.custom-select-menu ul li{
    display:block;
    padding:5px 35px 5px 10px;
    text-transform: none;
    color:#777;
    position:relative;
}

.custom-select-menu ul li.selected{
    color:#666;
}

.custom-select-menu ul li.selected:after{
    content:"\f00c";
    font-family:'FontAwesome';
    font-size:14px;
    color:#0bbbd7;
    display:inline-block;
    vertical-align: middle;
    position: absolute;
    top:0.3em;
    right:10px;
}

.custom-select-menu ul li:hover{
    background:rgba(0,0,0,0.05);
}

/* all selects */
#filter-bar [id*="select-"] label:before{
    content:'';
    font-family:'FontAwesome';
    display:inline-block;
    margin-right:10px;
}

/* each select */
#select-location{}
#select-price{}
#select-rooms{}
#select-baths{}
#select-sort{/*float:right;*/}
#select-sort ul{left:auto;right:0;}

/* custom icons */
#filter-bar #select-location label:before{ content:'\f277'; }
#filter-bar #select-price label:before{ content:'\f155'; }
#filter-bar #select-rooms label:before{ content:'\f236'; }
#filter-bar #select-baths label:before{ content:'\f043'; }
#filter-bar #select-sort label:before{ content:'\f0dc'; }
#filter-bar #select-sort label:after{ content:none; }

#filter-plus{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    background: #c65e02;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 1.2em 2em 1.2em 2em;
    height: 100%;
    float:right;
}

#results-bar{
    background:#f0f0f0;
    border-bottom:1px solid #d8dde0;
    width:100%;
    padding:10px 20px;
    color:#627582;
    font-style: italic;
}

a#map-toggle{
    float:right;
    color:#627582;
    text-decoration:none;
    font-style:normal;
}

#map{
    position:relative;
    border-bottom:1px solid #c7ccce;
    height:650px;
    overflow:hidden;
    transition: all 1s ease;
    margin-top:-601px;/*450+52px*/
    z-index:10;
}

#map.open{
    height:450px;
    margin-top:49px;/*-1+52px*/
}

iframe{
    position:relative;
    border:0;
    margin:0;
    vertical-align: bottom;
    z-index:10;
}

.map{
    position: relative;
}

.map .mobile-overlay{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.1);
    z-index:20;
    cursor: pointer;
}

.map .mobile-overlay.inuse{
    display:none;
}

/* map bubble */
.map-popup{
    width:100%;
    height:auto;
    display:block;
    text-decoration:none;
    text-align:center;
}

.map-popup img{
    width:100%;
    height:auto;
}

.map-popup h3{
    margin:0;
    padding:10px 10px 0 10px;
    font-size:16px;
}

.map-popup p{
    padding:0 10px 10px 10px;
    margin:0;
}

.map-popup .details{
    border-top:1px solid #ddd;
    padding:5px 10px;
    text-align:left;
}

.gm-style-iw{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:252px !important;
}

.gm-style-iw>div{
    max-width:none !important;
    width:100% !important;
}

#results-bar span.button.show-filter-mobile{
    margin:0px;
    padding: 0.7em 1em;
    margin-right: 20px;
}

#results-bar span.button.show-filter-mobile:after{
    content:"\f078";
}

.mobile-filter-action{
    display:block;
    width:90%;
    margin:1em auto;
    text-align:center;
    
}

.mobile-cancel-filter:after{
    content:'\f00d';
}

/*---------------------------------
   LISTING (single)
   -----------------------------------*/
.page{
    background:#fff;
    width:100%;
    box-shadow:0px 10px 20px rgba(0,0,0,0.1);
    overflow:hidden;
}

.pbar{
    position:relative;
}

.pbar h3{
    display:inline-block;
    vertical-align: middle;
    font-weight: normal;
    padding-left:20px;
}

.addr{
    font-size:11px;
    color:#999;
    display:inline-block;
    vertical-align: middle;
    line-height:1;
    margin-left:20px;
    position: relative;
    top:-3px;
}

#pback{
    display:inline-block;
    vertical-align: middle;
    background:#c65e02;
    color:#fff;
    text-decoration:none;
    font-style: italic;
    padding:0.5em 2em;
    margin:0;
}

#pback:before{
    content:"\f053";
    font-family:'FontAwesome';
    margin-right:10px;
    font-style: normal;
}	

#pclose{
    position: absolute;
    top:5px;
    right:0;
    padding:10px 20px;
    color:#627582;
    text-decoration:none;
}

#pclose:after{
    content:"\f00d";
    font-family:'FontAwesome';
    margin-left:10px;
}

.slideshow-holder .pager{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index:100;
    height:1px;
}

.pager .bar1{
    background:#000;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding:0 20px;
    line-height:10px;
    position:relative;
    top:-67px;
}

.pager .bar1 .count{
    padding:10px 0;
    display:inline-block;
}

.pager .bar1 .controls{
    float:right;
}

.pager .bar1 .controls a{
    color:#fff;
    text-decoration:none;
    padding:10px 7px 10px 7px;
    display:inline-block;
}

.pager .bar2{
    background:#c65e02;
    color:#fff;
    font-style: italic;
    padding:10px 20px;
    line-height:10px;
    position: relative;
    top:-67px;
}

.pager .bar2 i{ font-style: normal; }

.title-bar{
    border-bottom:1px solid #d8dde0;
    position:relative;
    z-index:200;
     -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition:         all 300ms cubic-bezier(0.23, 1, 0.32, 1); 
}
.title-bar a.fw{
    display:none;

}

.title-bar.fixed a.fw{
max-width: 25%;
float: right;
text-align: center;
display: block;
margin-right: 7%;
white-space: nowrap;
}

.title-bar.fixed{
    position:fixed;
    display:block;
    position: fixed;
    top:84px;
    background: white;
    width: 100%;
    -webkit-box-shadow: 0px 6px 24px -4px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 6px 24px -4px rgba(0,0,0,0.23);
    box-shadow: 0px 6px 24px -4px rgba(0,0,0,0.23);
    left: 0;
    height: 90px;
}

.title-bar h2{margin:20px 0 0 7%;font-size:2em;}
.title-bar h3{margin:0 0 20px 7%;}

.listing .page .details{
    text-align:right;
    white-space: nowrap;
    position: relative;
    z-index:10;
}

.listing .page .details span{
    vertical-align: middle;
    font-size:1.9em;
    font-weight: 300;
    margin:0 2%;
}

.listing .page .details .price{
    float:none;
    font-weight:normal;
}

.listing .agent_bubble{
	position:relative;
	top:0;left:0;
	display: inline-block;
	margin-right:50px;
}

	.listing .agent_bubble span.agent-name{
		position: absolute;
		top:100%;
		left:0; 
		width:100%;
		white-space: nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
		display:block;
		font-size:11px;
		background:#fff;
		border:2px solid #efefef;
		padding:3px 5px;
		margin:-10px 0 0 5px !important;
		font-style:italic;
		line-height:1;
		text-align:center;
		font-weight:400;
	}

.listing .page .details .avatar{
    width:100px;
    vertical-align: middle;
    margin:10px 9% -20px 4%;
}

.listing .content{
    position:relative;
}

.ammenities h3{
    font-size: 2em;
    margin: 1em 0em 0.2em;
    flex-basis:100%;
}


.ammenities h4{
    margin: 1em 0 0.3em;
}

.ammenities ul li{
    padding:0px;
}

.ammenities .col_4{
    width:50%;
}

.ammenities .grid{
    padding:0;
    display:flex;
     flex-wrap: wrap;
    justify-content:space-between;
}

.ammenities .row{
    display: flex;
    overflow: hidden;
    clear: both;
    flex-wrap: wrap;
    justify-content:space-between;
}

.ammenities ul{
    margin:0;
    list-style-position: inside;
}

.listing .sidebar{
    background:#eaeef0;
    height:100%;
    float:none;
    position:absolute;
    top:0;
    right:0;
    padding:3%;
}

.listing .content .button.plush{
    margin-bottom:0;
    text-align:center;
}

.listing .sidebar .button.plush{
    position:absolute;
    bottom:0;
    left:0;
}

.listing .sidebar .extras{
    text-align:center;
}

.listing .sidebar .extras a{
    color:#627582;
    text-decoration:none;
    display:inline-block;
    margin:0 5px;
}

.listing .sidebar .extras a i{
    margin-right:5px;
}

ul.actions{
    margin:0 0 20px 0;
    padding:0;
    border:1px solid #b9c4cb;
    border-top:0;
}

ul.actions li{
    display:block;
    border-top:1px solid #b9c4cb;
    margin-top:-1px;
}

ul.actions li a{
    text-decoration:none;
    color:#8596a1;
    display:block;
    font-style: italic;
    padding:0 15px;
}

ul.actions li a i{
    font-style: normal;
    margin-right:5px;
}

ul.detail-list{
    margin:0 0 20px 0;
    padding:0;
    border:1px solid #d8dde0;
    border-radius:5px;
    overflow:hidden;
}

ul.detail-list li{
    margin:0;
    padding:0;
    border-bottom:1px solid #d8dde0;
    display:block;
    padding:0.5em;
    list-style-type:none;
}

ul.detail-list li:hover i.fa{
    color:#627582;
}

ul.detail-list li:last-child{border:0;}

ul.detail-list li .fa{
    color:#d8dde0;
    margin-right:5px;
}

ul.detail-list.listing-contact-info strong{
    font-size:11px;
    text-transform:uppercase;
    padding-right:3px;
}

/*---------------------------------
   LIST-FEATURES
   -----------------------------------*/
.list-features{
    margin:0;
    padding:0;
}

.list-features li{
    margin:0;
    padding:0;
    list-style-type:none;
    width:29%;
    display:inline-block;
    padding:5px 0 5px 25px;
    position: relative;
    line-height:1.2;
}

.list-features li i.fa{
    position:absolute;
    top:0.5em;
    left:0;
    color:#ccc;
    display:inline-block;
    vertical-align: middle;
}

/*---------------------------------
   ARTICLES
   -----------------------------------*/

article{
    height:550px;
    overflow:hidden;
    position: relative;
}

article:after{
    content:"";
    display:block;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+57 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


article h3{
    font-size:1.5em;	
}	
/*---------------------------------
   ARTICLE
   -----------------------------------*/
.article article{
    padding-bottom:5%;
    height:auto !important;
}

article{
    background:#fff;
}

.article section{
    padding:2% 0;
}

.article article h3{
    font-weight:normal;
    color:#718594;
    font-size:2em;
    margin-left:0;
    margin-right:0;
}

article h3 a{text-decoration:none;}

article .meta{
    position:relative;
    text-align:center;
    line-height:1;
    color:#999;
    padding:5px;
    border-bottom:1px solid #ddd;
    height:40px;
    z-index:500;
    white-space:nowrap;
}

article .meta span{
    display:inline-block;
    margin:0 5px;
}

article .meta .author{
    position:absolute;
    top:50%;
    right:50%;
    margin-top:-0.5em;
    margin-right:40px;
}

article .meta .avatar{
    width:50px;
    border-width:2px;
    vertical-align: middle;
}

article .meta .date{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-0.5em;
    margin-left:40px;
}

article .meta .comment-count{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-0.5em;
    text-decoration:none;
}

article .image-preview{
    display:block;
    position:relative;
    height:250px;
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
}

article .image-preview a{
    display: block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

article h3{
    margin-left:2em;
    margin-right:2em;
}

article .excerpt{
    padding:0 2em;
}

article .excerpt p{
    margin:0;
}


article small{
    text-transform:uppercase;
    font-size:12px;
    display:block;
    line-height:1.2;
}

article .button{
    margin-top:30px;
}

article .content{
    padding:2% 5%;
}

article .sidebar{
    padding:5% 2%;
}

.author-bio{
    border-top:1px solid #efefef;
    padding:2% 0;
    margin:5% 0 0 0;
}

.author-bio .author{
    font-size:1.1em;
    line-height:1.2;
    margin-bottom:10px;
    display:block;
    text-align:center;
}

/*---------------------------------
   LIST-DIVIDED
   -----------------------------------*/
.list-divided{
    margin:0;
    padding:0;
}

.list-divided li{
    list-style-type:none;
    position:relative;
    border-bottom:1px dotted #ddd;
    margin:0;
    padding:1em 0 1em 20px;
}

.list-divided h5{
    margin:0;
    line-height:1.3;
}

.list-divided .date{
    display:block;
    text-transform: uppercase;
    font-size:11px;
    color:#999;
}

.list-divided a{
    text-decoration:none;
}

.list-divided p{
    margin:0;
    line-height:1.3;
}

.list-divided i.fa{
    position:absolute;
    top:1em;
    left:0;
    margin-top:2px;
    color:#999;
}

/*---------------------------------
   FOOTER
   -----------------------------------*/
.footer-bump{
    display:block;
    position:relative;
    width:100%;
    border-top:5px solid #006275;
    overflow:visible;
    z-index:20;
}

.footer-bump:after{
    content:url('../img/logo-spot.png');
    display:inline-block;
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-12px;
    transform: translate(-50%,50%);	
}

footer{
    position:relative;
    background:#dbe1e5;
    padding:0 0 0 0;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:15;
}
.home footer, .landing_page footer{display:none;}
footer .grid{z-index:20;position:relative;}
footer .grid > .col_6{padding:4%;}
footer *{transition: all 0.5s ease;}

footer:before{
    /* this is to hide anything that is behind the top of the footer 
       when scrolling past the bottom of the document. */
    content:"";
    display:block;
    width:100%;
    position:absolute;
    bottom:100%;
    left:0;
    height:100px;
    background:#dbe1e5;
}

footer:after{
    content:"";
    display:block;
    width:50%;
    height:120%;
    background:#cdd4d9;
    position: absolute;
    bottom:0;
    left:50%;
    z-index:10;
}

footer h4{
    text-transform: uppercase;
    color:#718594;
    font-weight:normal;
    margin:0 0 10px 0;
}

footer ul{
    margin:0 0 30px 0;
    padding:0;
}

footer ul li{
    list-style-type:none;
    line-height:1.2;
    margin:-1px 0 0 0;
    padding:2px 0;
    display:block;
    font-size:12px;
    border-bottom:1px dotted #bdc6cd; 
    border-top:1px dotted #bdc6cd; 
}

footer p{
    margin-bottom:30px;
    font-size:12px;
}

footer ul li a{
    color:#455765;
    text-decoration:none;
    display:block;
    padding: 0;
}

footer li:hover{
    background:rgba(255,255,255,0.2);
    padding-left:10px;
}

/* social */
.social{
    background:#fff;
    padding:3%;
    color:#bbc3c8;
    font-size:11px;
    position:relative;
    z-index:20;
    margin-top:0%;
}

.social a{
    text-deocation:none;
    border:2px solid #b6c2ca;
    border-radius:200em;
    display:inline-block;
    width:60px;
    height:60px;
    position:relative;
    vertical-align: middle;
    margin:0px 5px;
}

.social a .fa{
    color:#b6c2ca;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    font-size:24px;
}

.social span{display: inline-block;overflow:visible;width:1px;white-space: nowrap;padding-left:20px;}/* byline */

/*---------------------------------
   EVENTS
   -----------------------------------*/
#event-info .bx-wrapper *,#event-info .bx-wrapper{
    border-bottom: none;
}
#event-info .bx-wrapper{
    margin-bottom: 0;
}
#event-info .slideshow li span h3{
    text-transform: none;
}
.event-content{
    position: relative;
    margin-top:0;
}
.event-content h4{
    text-align: center;
    font-size: 1.25em;
    padding: 1.4em 0;
    color:#e86630;
}
.event-image{
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-left: 0px;
}
.event-content h4 a.cat-event{
    margin-right: 5px;
}		
ul.event-details{
    font-size: 0;
    text-align: center;
}
ul.event-details li{
    background-color: white;
    font-size: 15px;
    display: inline-block;
    border:1px solid #e6e6e6;
    width: 24%;
    margin: 0.5%;
    padding: 1.2em 1.2em 1.2em 3.5em;
    line-height: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
    min-height: 4.5em;
    vertical-align: middle;
}
ul.event-details a{
    display: block;
    overflow: nowrap;
    font-size: 0.8em;
}
ul.event-details span{
    font-size: 0.8em;
    display: block;
    overflow: nowrap;
}
ul.event-details div{
    display: inline-block;
    vertical-align: middle;
    margin: 5% 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.event-details .fa{
    font-size: 2em;
    color:#e6e6e6;
    position: absolute;
    display: block;
    left: 0.6em;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.event-content .event-description{
    margin: 4% 4% 8% 4% ;
}
.event-location-desc{
    font-style: italic;
    margin: 2%;
}
.event-website{
    display: block;
    text-align: right;
    margin: 0 0 5% 0;
    font-size:0.9em;
}
.event-recurring{
    display:block;
    margin-bottom: 2%;
}

.disabled{
    display:none;
}

.button-listing-bottom{
    width:90%;
    display:block;
    margin:auto;
    margin-bottom:10px;
}

.contact-info-mobile{
        text-align:center;
}

.contact-info-mobile{
    margin-bottom: 0.2em;
    margin-top: 1.5em;
}

.contact-info-mobile ul{
    margin:auto;
    padding:0 30px;
    margin-bottom:15px;
}

.contact-info-mobile ul li{
    list-style-type:none;
    line-height:1.2;
    margin:-1px 0 0 0;
    padding:10px 0;
    display:block;
    font-size:12px;
    border-bottom:1px dotted #bdc6cd; 

}

.contact-info-mobile ul li:last-child{
    border:0px;

}

/*---------------------------------
   Events on Modal
   -----------------------------------*/
.modal-content ul.event-details li{width: 48%;}
.modal-content #event-info{margin-top: 0;}
.modal-content .event-content{margin:0 5%;}
.modal-content .event-content a.cat-event{position: absolute; top:0;left:50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}

.map-area-label{
    
    background: #fff;
    padding: 10px;
    color: #474747;
    font-family: Lato;
    font-weight: 600;
    bottom: 30px;
    position: relative;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
border-radius:3px;
}

.map-area-label:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
     -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}

/*---------------------------------
   Subscription On Lists
   -----------------------------------*/

.subscription{
    width:100%;
    margin:auto;
    font-family:Lato;
    position:relative;
	margin-bottom:20px;
}

.subscription-inner{
    border:1px solid lightgrey;
    background:rgb(230,230,230);
    display:flex;
    margin-right:0.65em;
    margin-left:0.65em;
	border-radius: 3px;
    margin-left: 0.65em;
    overflow: hidden;
	flex-wrap:wrap;
	text-align:left;
}

.subscription-inner .subscription-details{
    width:70%;
    font-size:13px;
}


.subscription-inner form{
	display:flex;
	width:30%;
}

.subscription-inner > *{
    min-height:40px;
}


.subscription-details .fa{
    position: absolute;
   left: 27px;
   top: 12px;
    font-size:18px;
    color:#70808C;
}

.subscription-details p{
    position:relative;
    left:10px;
    margin:12px 35px 0;
    display:inline-block;
}

.subscription-details p span{
    color:#006275;
}

.subscription-inner input{
	padding-left:10px;
    display:flex;
    width:70%;
    font-style: italic;
    border:0;
	border-left:1px solid #C7CCCE;
	border-right:1px solid #C7CCCE;
	color:#70808C;
	font-size:13px;
	
}

.subscription-inner input::placeholder{
    opacity:0.6;
}

.subscription-inner button{
    padding:0;
    width:30%;
    margin:0;
	cursor:pointer;
	font-weight:normal;
	font-style:normal;
	font-size:14px;
	
}

.subscription-inner button span:not(.text){
	display:none;
   -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.subscription-inner button::after{ 
    display:none;
}


.subscription.done button{
    width:80%;
    background:rgb(230,230,230);
    color:#006275;
}

.subscription.done button span.success{
    font-size:20px;
    display:inline;
}

.subscription.done input{
    width:40%;
overflow: hidden;
text-overflow: ellipsis;
opacity: 0.6;
}

.subscription.ongoing button .text{
    font-size:0;
	display:none;
}

.subscription.ongoing button .spinner{
    font-size:20px;
    display:block;
}

.subscription.done button .success{
    font-size:20px;
    display:inline-block;
    position:relative;
    right:5px;
    top:1px;
    color:#006275;
    opacity:0.7;
}



/*---------------------------------
   BREAKPOINTS
   -----------------------------------*/
@media all and (min-width: 801px) {
    
    .grid *[class*="col_"]{}
    /*.grid{max-width: 800px;}*/
    .hide-desktop{display:none !important;}
    
}

@media all and (max-width: 320px){
    .listing .page .details .avatar {
	margin: 10px 9% -20px -4%;
    }
}

@media all and (max-width: 800px){

	/*---------------------------------
   Subscription On Lists
   -----------------------------------*/

	.subscription{
		margin:10px 0 10px 0;
	}

	.subscription-inner .subscription-details{
		width:100%;
		min-height: 60px;
	}

	.subscription-inner form{
		width:100%;
	}

	.subscription-inner input{
		border-left:0;
		width:50%;
	}

	.subscription-inner button{
		width:50%;
	}

	
	.slideshow-holder.grande .zoom{
		top:50px;
	}
	
   
    
    .grid{padding:0 10px;}

    .grid *[class*="col_"],
    .grid.no-space *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	margin-bottom:15px;
    }
    
    .grid.no-space *[class*="col_"]{ margin-bottom:0; }
    
    /* columns inside of columns */
    .grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	margin-bottom:20px;
	width:100%;
    }
    
    .ammenities  .col_4{
	width:48%;
	flex-basis:48%;
    }
    
    /* hide-mobile */
    .hide-mobile{display:none !important;}
    
    /* custom overrides */
    header{text-align:left;}
    header .logo img{width:80px;}
    header .menu-nav{display:none;}
    header .menu-account{display:none;}
    header .top-menu-options{display:none;}
    header #mobile-nav-toggle{display:inline-block;}
    .logo-seal:after{transform:translate(-50%,50%) scale(0.5);}
    
    .content-wrap{padding-top:61px;}
    
    /* hero */
    .hero h2{font-size:1.4em;font-weight:normal;}
    .hero h3{letter-spacing: normal;}
    .hero .video-wrap{max-height:none;}
    .hero a.button{padding:0.5em;}
    .hero ul.slider-header li img{width:150%;}
    
    /* headings */
    h1{font-size:2em;}
    h2{font-size:2em;}
    
    /* cards & covers */
    .card{height:auto;}
    .card .details{position:relative;margin-top:30px;}
    .card:hover{transform: none;}
    .cover{overflow:hidden;height:400px;}
    .cover.place.tall{height:260px;}
    .cover .button-text{margin-top:0;}
    
    /* buttons */
    .button,.button-text,.button.plush{padding:1em;}
    .button:hover,.button-text:hover{transform: none;}
    
    /* article */
    article{padding:0 10px;}
    article .button, article button{width:100%;text-align:center;}
    
    /* footer */
    footer{position:relative;display:block;}
    footer .social span{width:auto;display:block;padding-left:0;margin-top:15px;}
    footer:after{display:none;}
    
    /* properties */
    #filter-bar{display:none;position:absolute;width:100%;z-index:1000;top:60px;height:100%;overflow:scroll;}
    #filter-plus{display:none;}
    #filter-bar .custom-select-menu{width:100%;}
    #filter-bar .custom-select-menu label{width:100%;display:block;}
    #filter-bar ul{position:relative;width:100%;box-shadow:none;max-width:none;}
    #filter-bar #select-sort{float:none;}
    #filter-bar #select-sort ul{right:auto;left:0;}
    #map{margin-top:-611px;}
    #results-bar{position: fixed;top: 60px;left: 0;width: 100%;z-index: 500;padding:0}
    
    /* listing */
    .listing section{padding:0;}
    .listing #ajax-view>.grid{padding:0;}
    .listing .pager{height:auto;}
    .listing .pager .bar1{top:0;}
    .listing .pager .bar2{top:0;}
    .listing .pbar{z-index:200;}
    .listing .pbar #pback{display:none;}
    .listing .pbar #pclose{color:#fff;}
    .listing .pbar h3{display:none;}
    .listing .sidebar{display:none !important;}
    .listing #ajax-view>.related{padding:0 5%;}
    .listing .slideshow-holder .pager{position: relative;}
    .page .title-bar.fixed{display:none !important;}
    
    /* map */
    #map{margin-top:-651px;}
    #map{margin-bottom:30px;}
    #map.open{margin-top:40px;}
    
    /* overlay */
    #overlay .grid{padding:0;}
    #overlay .inner{padding:0;}

   

}

/*---------------------------------
   Videos Page
   -----------------------------------*/

.buyplaya-video iframe {
    height: 210px;
    width: 100%;
}
.buyplaya-video a {
    color: #999999;
    display: block;
    font-size: 1.2em;
    padding: 5px;
    text-align: right;
    text-decoration: none;
}
.buyplaya-video p {
    padding: 0 2em;
}


.profile{
    margin-bottom:30px;
    display:inline-block;
    width:100%;
}

.profile-pic, .profile-info{
    display:inline-block;
    width:50%;
    float:left;
}

.profile-pic img{
    display:block;
    float:right;
    margin-right:20px;
}

.profile-info{
    font-size:16px;
    text-align:left;
    width:30%;
}

.profile-info ul li{
    list-style-type:none;
    border-bottom:1px solid #dbdbdb;
}

.recover-pass .Inputfields li{
    list-style-type:none;	
}

.recover-pass .Inputfields input{
    width:100%;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    box-sizing: border-box;

}

.recover-pass .InputfieldForm button {
    padding: 0.5em 1em;
}

.listing-status{
    display: inline-block;
    background: #c65e02;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 3px 10px;
    margin: 0 -2px -1.5em -2px;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 1;
}

.listing-status.for-sale {background:#006275;}

.listing-status.sold{background:#b50026;}

.liting-status.sale-pending{background: #4aa2aa;}

.modal-search {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}

#csearch input, #asearch input[type=text], #asearch select {
    font-size: 1.1em;
    line-height: 1;
    padding: 15px;
}

#csearch input:nth-child(1), #asearch > div:nth-child(1) {
  margin-top: 25px;
} 

.slick-slide {
  height: auto;
}

@media(min-width:801px){
    .grid-cta{
        display:none;
    }
}

.home-buttons-wrapper{
    margin:auto;
    width: 550px;
    max-width:100%;
}

.home-buttons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;

}
.home-buttons> div{
    flex: 1 0 50%;
}

.home-buttons .button{
    padding: 1em 20px;
    margin:0;
}

.home-buttons .button:after{
    display:none;
}

@media (max-width: 800px) {
    .home-buttons{
        gap:5px;
    }
    .home-buttons .button{
        font-size: 14px;
        border-width: 1px;
        white-space:normal;
    }
}