/*
 * Template Name: Search
 */

.ip-banner canvas{
 	background-attachment: fixed;
 	background-position: center center;
}
#inner-page-wrapper{
	margin-bottom: 0;
}
#inner-page-wrapper > .container{
	padding: 0 0;
	width: 100%;
}
.bc-wrap{
	text-transform: uppercase;
}
#srch-page{
	margin-top: 1.25vw;
}
.srch-wrap{
	margin: 0;
}
.srch-subtext{
	text-align: center;
    margin: 20px auto 0;
    max-width: 1100px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.020em;
    line-height: 1.423;
    padding: 0 15px;
}
.srch-blocks{
	display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0 0;
    padding: 0 0.188vw;
}
.srch-blocks .srch-block{
	width: 32.55vw;
	margin: 0 0 0.313vw;
}
.srch-blocks .srch-block a{
	display: block;
	position: relative;
}
.srch-blocks .srch-block a .block-img{
	position: relative;
	z-index: 0;
}
.srch-blocks .srch-block a:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:url(../../images/search/srch-block-fade.png) center bottom repeat-x;
	background-size: cover;
}
.srch-blocks .srch-block a canvas{
	display: block;
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: center center;
}
.srch-blocks .srch-block a .block-hov{
	position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    background: rgba(0,0,0,0.35);
}
.srch-blocks .srch-block a:hover .block-hov{
	opacity: 1;
}
.srch-blocks .srch-block a .block-hov img{
	width: auto;
	max-width: 55%;
	display: block;
	height: auto;
}
.srch-blocks .srch-block a .block-name{
	position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-family: var(--font-family-title);
    font-size: 1.563vw;
    letter-spacing: 0.010em;
    padding: 0 0 1.063vw;
}
.lux-cond{
	margin: 115px 0 0;
}
.new-dev{
	margin: 115px 0 0;
}

.new-dev .srch-blocks.newdev{
	max-width: 66vw;
	margin: 60px auto 0;
}
.srch-content {
    background: url(../../images/search/srch-form-bg.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 0 0 85px;
}
.srch-title{
	font-family: var(--font-family-title);
	font-size: 60px;
    font-size: 3.75vw;
    font-weight: 500;
    letter-spacing: .025em;
    line-height: 1;
    color: #000;
	margin: .67em 0;
}
.srch-title .sec-title,
.srch-title .sec-title span{
	color: #000;
}
.srch-qs {
    margin: 44px 0 0;
    font-family: 'Roboto', sans-serif;
}
.srch-qs .srch-bttns{
	overflow: hidden;
	font-size: 0;
}
.srch-qs .srch-bttns a{
    font-size: 13px;
    text-transform: uppercase;
    color: #5f5f5f;
    display: inline-block;
    padding: 11px 22px;
    position: relative;
    border:1px solid transparent;
    letter-spacing: 0.100em;
}
.srch-qs .srch-bttns a.active{
	border:1px solid #aeaeae;
	border-bottom:0px solid #aeaeae;
}
.srch-qs .srch-bttns a.active:before{
	content:'';
	display: block;
	height: 1px;
	width: 100vw;
	position: absolute;
	right: 100%;
	bottom: 0;
	background:#aeaeae;
}
.srch-qs .srch-bttns a.active:after{
	content:'';
	display: block;
	height: 1px;
	width: 100vw;
	position: absolute;
	left: 100%;
	bottom: 0;
	background:#aeaeae;
}
.srch-qs .srch-panel{
	display: none;
	margin: 33px 0 0;
}
.srch-qs .srch-panel.active{
	display: block;
}

.srch-qs .srch-panel form{}
.srch-qs .srch-panel select,
.srch-qs .srch-panel button,
.srch-qs .srch-panel input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
}
.srch-qs .srch-qs-row{
	margin: 15px 0 0;
}
.srch-qs .srch-qs-row:first-child{
	margin: 0 0 0;
}
.srch-qs .srch-qs-row h3{
	font-size: 14px;
    letter-spacing: 0.100em;
    color: #5f5f5f;
    text-transform: uppercase;
}
.srch-qs .srch-radio{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
}
.srch-qs .srch-radio > div{
	margin: 0 0 0 16px;
}
.srch-qs .srch-radio > div:first-child{
	margin: 0 0 0 0;
	width: 100%;
}
.srch-qs .srch-radio > div:nth-child(2){
	margin: 0 0 0 0;
}
.srch-qs .srch-radio label{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.srch-qs .srch-radio label input{
	width: 15px;
	height: 15px;
	background:url(https://cdn.agentimagehosting.com/rUMWO19o1fSCY0Bg5402q/2026/04/30114538/srch-qs-radio.png) center center;
	margin: 0 13px 0 0;
}
.srch-qs .srch-radio label input:checked{
	background:url(https://cdn.agentimagehosting.com/rUMWO19o1fSCY0Bg5402q/2026/04/30114605/srch-qs-radio-active.png) center center;
}
.srch-qs .srch-radio label span{
	font-size: 12px;
	letter-spacing: 0.020em;
	color: #929292;
}
.srch-qs .srch-input-dd{
	position: relative;
}
.srch-qs .srch-input-dd button{
	display: block;
    width: 100%;
    font-size: 12px;
    letter-spacing: 0.020em;
    color: #929292;
    border: 0;
    text-align: left;
    padding: 0 0 0;
    border-bottom: 1px solid #a1a6a9;
    height: 37px;
    background: url(https://cdn.agentimagehosting.com/rUMWO19o1fSCY0Bg5402q/2026/04/30114715/srch-qs-dd.png) right center no-repeat;
}
.srch-qs .srch-input-dd select#city-islands {
    font-size: 14px;
    letter-spacing: 0.100em;
    color: #5f5f5f;
}

.srch-qs-btn-holder {
    display: flex;
    justify-content: center; 
    align-items: center;      
    gap: 10px;                
}
.srch-qs .srch-input-dd select{
	display: block;
    width: 100%;
    font-size: 12px;
    letter-spacing: 0.020em;
    color: #929292;
    border: 0;
    text-align: left;
    padding: 0 0 0;
    border-bottom: 1px solid #a1a6a9;
    height: 37px;
    background: url(https://cdn.agentimagehosting.com/rUMWO19o1fSCY0Bg5402q/2026/04/30114715/srch-qs-dd.png) right center no-repeat;
}
.srch-qs .srch-input-options{
	position: absolute;
	z-index: 3;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 17px 22px;
    opacity: 0;
    pointer-events: none;
}
.srch-qs .srch-input-options.active{
	opacity: 1;
	pointer-events: auto;
}
.srch-qs .srch-input-options ul{
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}
.srch-qs .srch-input-options li{
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.020em;
}
.srch-qs .srch-input-options a{
	color: #929292;
	display: inline-block;
	padding: 2px;
	background: #fff;
}
.srch-qs .srch-input-options a.active{
	background: #000;
	color: #fff;
}
.srch-qs .srch-input-options a:hover{
	color: #000;
}
.srch-qs .srch-input{}
.srch-qs .srch-input ::-webkit-input-placeholder { /* Edge */
	text-transform: uppercase;
}
.srch-qs .srch-input :-ms-input-placeholder { /* Internet Explorer 10-11 */
	text-transform: uppercase;
}
.srch-qs .srch-input ::placeholder {
	text-transform: uppercase;
}
.srch-qs .srch-input input, .srch-qs .srch-input select{
	display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #a1a6a9;
    font-size: 14px;
    letter-spacing: 0.100em;
    color: #5f5f5f;
    background: none;
    height: 37px;
    padding: 0 0;
}
.srch-qs .srch-qs-row.dual{
	display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 38px 0 0;
}
.srch-qs .srch-qs-row.dual{
	
}
.srch-qs .srch-qs-row.dual .srch-input-dd{
	width: calc(100% - 245px);
    max-width: 880px;
}
.srch-qs .srch-qs-row.dual .srch-input-dd ul{
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
.srch-qs .srch-qs-row.dual .srch-radio{
	max-width: 235px;
}
.srch-qs .srch-qs-row.dual .srch-radio h3{
	    margin: 0 0 13px;
}
.srch-qs .srch-qs-row.beds-baths{}
.srch-qs .srch-qs-row.beds-baths .srch-input-dd{
	width: calc(50% - 10px);
}
.srch-qs .srch-chckbx{
	width: 100%;
}
.srch-qs .srch-chckbx .chckbx-list{
	display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 15px 0 0;
}
.srch-qs .srch-chckbx .chckbx-list > div{
	margin: 0 0 0 105px;
}
.srch-qs .srch-chckbx .chckbx-list > div:first-child{
	margin: 0 0 0 0;
}
.srch-qs .srch-chckbx .chckbx-list label{
	display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.srch-qs .srch-chckbx .chckbx-list label input{
	width: 14px;
    height: 13px;
    background: url(../../images/search/srch-qs-checkbox.png) center center;
    margin: 0 13px 0 0;
}
.srch-qs .srch-chckbx .chckbx-list label input:checked{
	background: url(../../images/search/srch-qs-checkbox-active.png) center center;
}
.srch-qs .srch-chckbx .chckbx-list label span{
	font-size: 16px;
    letter-spacing: 0.020em;
    color: #929292;
}
.srch-qs .srch-qs-row.submit{
    align-items: center;
}
.srch-qs .srch-qs-row.submit .srch-qs-text{
	width: calc(100% - 252px);
    padding: 0 15px 0 0;
    font-size: 16px;
    letter-spacing: 0.020em;
    color: #929292;
    line-height: 2;
}
.srch-qs .srch-qs-row.submit .srch-qs-submit{}
.srch-qs .srch-qs-row.submit .srch-qs-submit input {
	font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.050em;
    color: #000;
    text-transform: uppercase;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #3c3c3c;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    min-width: 252px;
    min-height: 52px;
    padding: 5px;
    position: relative;
    background: rgba(0,0,0,0);
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.srch-qs-submit a,
.srch-qs-submit input  {
	font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.050em;
    color: #000;
    text-transform: uppercase;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #3c3c3c;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    min-width: 252px;
    min-height: 52px;
    padding: 5px;
    position: relative;
    background: rgba(0,0,0,0);
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.srch-qs .srch-qs-row.submit .srch-qs-submit input:hover,
.srch-qs-submit input:hover,
.srch-qs-btn-holder .srch-qs-submit.advanced-search a:hover {
	background: #2f2f2f;
    color: #fff;
    border: 1px solid #000;
}
.cta-title{
	display: none;
}
.cta-wrap .cta-bttns{
	margin: 72px 0 0;
}
.cta-wrap .cta-bttns a{
	background:rgba(255,255,255,0);
}

.srch-qs-btn-holder .srch-qs-submit {
    display: inline-block;
    vertical-align: top;
}

.srch-qs-btn-holder .srch-qs-submit.advanced-search a {
    position: relative;
    margin: 0;
    top: unset;
}

.search-qs-btn-row {
	margin-top: 60px;
}

/***Mobile***/

@media (max-width: 1600px){
	.new-dev .srch-blocks.newdev {
	    max-width: 66.678vw;
	}
	.srch-blocks .srch-block{
		width: 33vw;
	}
}
@media (max-width: 1440px){
	.srch-blocks .srch-block {
	    width: 32.85vw;
	}
	.srch-blocks {
	    padding: 0 0.1vw;
	}
	
}
@media (max-width: 1366px){}
@media (max-width: 1199px){
	.srch-qs .srch-qs-row.dual .srch-input-dd {
	    max-width: 670px;
	}
	.srch-qs .srch-input-options{
		padding: 17px 15px;
	}
	.srch-qs .srch-input-options li{
		font-size: 11px;
	}
	.srch-content,
	.ip-banner canvas{
		background-attachment: scroll;
	}
}
@media (max-width: 991px){
	.new-dev .srch-blocks.newdev{
		max-width: none;
	}
	.srch-blocks{
		padding: 0 3px;
	}
	.srch-blocks .srch-block {
	    width: calc((100% / 2) - 3px);
	    margin: 0 0 6px;
	}
	.srch-blocks .srch-block a .block-name{
		font-size: 20px;
		padding: 0 10px 15px;
	}
	.srch-qs .srch-qs-row.dual .srch-input-dd ul,
	.srch-qs .srch-input-options ul {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
	.srch-qs .srch-chckbx .chckbx-list > div {
	    margin: 0 0 0 55px;
	}
}
@media (max-width: 767px){
	.srch-blocks{
		flex-flow: column wrap;
		justify-content: center;
	}
	.srch-blocks .srch-block{
		margin: 6px 0 0;
		width: 100%;
		max-width: 520px;
	}
	.srch-blocks .srch-block:first-child{
		margin: 0 0 0;
	}
	.sec-title span {
	    font-size: 35px;
	}
	.srch-qs .srch-qs-row.dual {
	    flex-flow: column wrap;
	}
	.srch-qs .srch-qs-row.dual .srch-input-dd {
	    max-width: none;
	    width: 100%;
	}
	.srch-qs .srch-qs-row.dual .srch-radio {
	    max-width: none;
	    margin: 40px 0 0;
	}
	.srch-qs .srch-qs-row.beds-baths .srch-input-dd:last-child{
		margin: 40px 0 0;
	}
	.srch-qs .srch-chckbx .chckbx-list{
		flex-flow: column wrap;
    	align-items: flex-start;
	}
	.srch-qs .srch-chckbx .chckbx-list > div {
	    margin: 10px 0 0;
	}
	.srch-qs .srch-qs-row.submit .srch-qs-text {
	    width: 100%;
	    text-align: center;
	    padding: 0;
	    font-size: 13px;
	    line-height: 1.7;
	    margin: 0 0 20px;
	}
}
@media (max-width: 567px){
	.srch-qs .srch-bttns a {
	    width: 50%;
	    text-align: center;
	}
	.srch-qs .srch-qs-row.dual .srch-input-dd ul,
	.srch-qs .srch-input-options ul {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	}
}
@media (max-width: 480px){}

.srch-qs-submit.advanced-search {
	position: relative;
}

.srch-qs-submit.advanced-search a {
	z-index: 10;
    position: absolute;
    right: 0;
    top: 38px;
	font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.050em;
    color: #000;
    text-transform: uppercase;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #3c3c3c;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    min-width: 252px;
    min-height: 52px;
    padding: 5px;
    background: rgba(0,0,0,0);
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
	margin-bottom: 25px;
}