/* Loading animation */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 1;
    transition: opacity 0.5s ease-out 0s;
}
.overlay.cloak {opacity: 0; z-index: -1; }

.blurred {filter: blur(2px);}

.overlay .loader {
    position: absolute;
    margin: auto;
    left: 0;
    top: 50px;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
    -webkit-animation: spin ease infinite 4s;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}



/* TODO: REMOVE */
#siteWrapper.homepage{background:#F5F5F5 !important;}

/****************/


/* SEARCH MODULE */
.fb-search{/*height:80vh; margin-top:20px;*/ background:#F5F5F5;}
.fb-search .fb-left{/*flex:25% 0 0; */position:relative; background:#FDFBFC; padding:15px; margin-top:3px; width:25%;}
.fb-search .fb-left a[data-open]{position:fixed; left:0; top:55px;
	background:#53999b; color:#FDFBFC; padding:3px 7px 1px 10px;
	border-top-right-radius:6px; border-bottom-right-radius:6px;  font-size:1.2em; }
.fb-search .fb-left a[data-open].fb-top{top:35px;}
.fb-search .fb-right{/*overflow:auto; overscroll-behavior: contain;*/ padding:45px 15px 15px 15px;}
.fb-search .fb-left a[data-open]:hover{color:#fff; opacity:.7;}

@media (max-width: 995px)
{
	.fb-search .fb-left{position:fixed; left:-2000px; z-index:999; }
	.fb-search .fb-left.fb-open{left:0; width:80%; display:inline-block; border:1px solid #e1e1e1 !important; padding:15px;}
	.fb-search .fb-left.fb-open a[data-open]{display:none;}
	
	.fb-search .fb-filters a[data-open]{color:#53999b; opacity:.6; position:absolute; right: -35px; display:block !important; }
}

@media (min-width: 996px)
{
	.fb-search .fb-left a[data-open]{display:none;}
	.fb-search .fb-filters .fb-head a[data-close]{display:none;}
}


/* filters */
.fb-filters {/*position:fixed; width:25%;*/ font-size:.9rem;}
.fb-filters .fb-head h4{text-transform:uppercase; opacity:.5; font-size:1.1em;}
.fb-filters .fb-head a[data-close]{color:#53999b; opacity:.5; }
.fb-filters hr{border: solid 1.5px #53999b !important; margin:inherit;}
.fb-filters span.fb-title{color:#53999b; font-size: 1em; font-weight: 500; text-transform: uppercase;}
.fb-filters span{color:#777; font-size: .9em;}
.fb-filters.fb-closed{display:none;}



/* Result list */
.fb-search-list{max-width:90vw; /*background:#F5F5F5; */}

/* Result list item */
.fb-search-item{height:200px; cursor:pointer; overflow:hidden; background:#fff;}
.fb-search-item:hover {transition: .2s; transform: scale(1.03); /*border: 1px solid #ccc; opacity:.8;*/}
.fb-search-item .img-cont{overflow:hidden; flex:200px 0 0; position:relative;}
.fb-search-item .img-cont img{/*height:100%;*/ max-width:inherit !important; width:300px; min-width:200px;}
.fb-search-item .img-cont .fb-compra{font-size:.8rem; position:absolute; top:18px; right:0; background:#53999b; color:#fff; text-transform:uppercase; padding:0 15px;}
.fb-search-item .img-cont .fb-marker{display:none; position:absolute; bottom:15px; right: 20px; color:#fff; opacity:.7; font-size:1.5rem;}
.fb-search-item .fb-content{background:#fff; padding:15px; position:relative; overflow:hidden;}
.fb-search-item .fb-content .fb-more{position:absolute; bottom:30px; right:0; background:#53999b; color:#fff; text-transform:lowercase; padding:0 45px 0 10px; font-size:.8rem;}

@media (max-width: 330px)
{
	.fb-search-list{max-width:80vw;}
}

@media (max-width: 500px)
{
	.fb-search-item .img-cont{flex:125px 0 0 !important;}
	.fb-search-item .fb-content .fb-more{display:none;}
	.fb-search-item .fb-content h5{font-size:1rem;}
	.fb-search-item .fb-compra{font-size:.7rem; padding:0 5px !important; line-height:1.7;}
}

/* Property details */
.fb-prop{max-width:800px; color:#767676 !important; margin:0 auto; padding-top:30px;}
.fb-prop p{color:#767676 !important; /*#9E9EA0*/ margin:0;}
.fb-prop h2{font-weight:normal; color:#767676 !important; font-size:1.4rem;}
.fb-prop .fb-body{border-top:solid 1px #E0E0E0; margin-top:25px;}
.fb-prop .fb-chips {padding:40px 0 0 0;}
.fb-prop .fb-chips div{padding:10px 25px;}
.fb-prop .fb-chips div:not(:last-child){border-right:solid 1px #707980;}
.fb-prop .fb-desc{/*width:50%;*/}
.fb-prop .fb-desc dl{min-width:65%; border-bottom:solid 1px #E0E0E0; line-height:1.3; padding-bottom:2px;}
.fb-prop .fb-desc dt{font-weight:bold;}
.fb-prop .fb-desc img{width:200px;}

.fb-prop .fb-gallery {height:450px; width:100%;}
.fb-prop .fb-gallery div{height:100%;}
.fb-prop a.fb-contact{padding:7px 15px; background:#53999b; color: #fff; text-transform:uppercase;}
.fb-prop a.fb-contact:hover{transition: .2s; transform: scale(1.03); opacity:.8;}


@media (max-width: 500px)
{
	.fb-prop{padding-top:15px; height:100%;}
	.fb-prop h2{font-size:1.1rem;}
	.fb-prop .fb-desc dl{width:100%;}

	.fb-prop .fb-gallery {height:220px; }
	.fb-btn{font-size:.8em;}

	.fb-prop .fb-chips {padding:10px;}
	.fb-prop .fb-chips div{padding:5px 10px;}
	.fb-prop .fb-body{margin-top:0;}

	.fb-gallery .image-gallery .image-gallery-left-nav svg.image-gallery-svg{stroke-width: 1px !important;}
	.fb-gallery .image-gallery .image-gallery-right-nav svg.image-gallery-svg{stroke-width: 1px !important;}
}
@media (max-width: 767px){.fb-prop .fb-gallery {height:250px; }}

/* Image Gallery */
.fb-gallery div.image-gallery-slide{display: flex !important; flex-direction: row; justify-content: center; align-items: center;}
.fb-gallery div.image-gallery-slide img{width:110%; max-width: inherit; max-height: inherit !important;}
.fb-gallery div.image-gallery-slide.image-gallery-center{z-index:2;}
.fb-gallery .image-gallery{background:#333;}
.fb-gallery .image-gallery .image-gallery-left-nav svg.image-gallery-svg{stroke-width: .4px;}
.fb-gallery .image-gallery .image-gallery-right-nav svg.image-gallery-svg{stroke-width: .4px;}
@media(hover: hover) and (pointer: fine) {
	.fb-gallery .image-gallery .image-gallery-icon:hover svg.image-gallery-svg{stroke-width: .8px !important; color:#fff;}
}


/* Property Home */
.fb-home-list{overflow:hidden; max-width:1050px; margin:0 auto; margin-top:35px; font-size:1rem;}
.fb-home-list .fb-title{color:#53999b; font-size:1.3rem; margin-bottom:40px !important; overflow:hidden;}
.fb-home-list .fb-title .bb{margin-bottom:-20px; border-bottom: solid #53999b 1.5px; width:70px;}
.fb-home-list .fb-title span{white-space:nowrap !important; }

.fb-home-list a.fb-item{width:220px; /*height:248px;*/ overflow:hidden; border:solid 1px #d0d0d0; margin:0 35px 35px 0 !important; text-decoration:none;}
.fb-home-list a.fb-item:hover {transition: .2s; transform: scale(1.03); /*border: 1px solid #ccc; opacity:.8;*/}
.fb-home-list a.fb-item .img-cont{overflow:hidden; height:140px; position:relative;}
.fb-home-list a.fb-item .img-cont img{max-width:inherit !important; width:300px; min-width:200px;}
.fb-home-list a.fb-item .img-cont .fb-water{position:absolute; bottom:15px; right:0; font-size:.7rem;
	background:#53999b; color:#fff; text-transform:lowercase; padding:2px 5px; line-height:1; opacity:.6;}
.fb-home-list a.fb-item .fb-body{height:80px; background:#fff; color:#989C9B; padding:0 1rem; font-size:.9em; overflow:hidden; line-height:1.4;}
.fb-home-list a.fb-item .fb-block{background:#53999b; color:#fff; padding:0.5em 1em;}

@media (max-width: 600px) {
	.fb-home-list a.fb-item{width:85vw; height:inherit; margin:0 0 45px 0 !important;}
	.fb-home-list a.fb-item .img-cont{height: 200px;}
	.fb-home-list a.fb-item .img-cont img{width: 110% !important;}
	.fb-home-list a.fb-item .fb-body{font-size:1em;}
	.fb-home-list .fb-title{font-size:1.2rem; margin-bottom:30px !important;}
	.fb-home-list .fb-title .bb{margin-bottom:-12px; border-bottom: solid #53999b 2px; width:30px;}
}



/* GENERAL */
.no-wrap{white-space:nowrap;}
.fb-btn{border:1px solid #79716B !important; border-radius:2px; background:#FaFaFa !important; padding: 7px 10px !important; 
		color: #79716B !important;}
.fb-btn:hover{border-color:#000 !important; color:#000 !important; background:#fff !important;}
.fb-btn span{line-height:1 !important;}
a.fb-btn, a.fb-btn:hover{transition:none !important;}
.w-100{width:100%;}
.mt-40{margin-top:40px;}
.ws-nowrap{white-space:nowrap;}
.fb-text-light{font-size:.8rem; color:#777; text-transform:uppercase;}
.fb-text-light span{line-height:1;}
.flex-1-0-50{flex: 1 0 50%;}

/* PrimeReact MultiSelect */
.p-component{font-size:.9rem;}
.p-multiselect{padding: 7px 0 7px 7px !important;}
.p-multiselect-token{margin:0 3px 3px 0; border-radius:6px !important; padding:3px 7px;}
.p-checkbox-box{border:solid 1px #ccc !important; }
.p-multiselect-item span{display:inline-block; margin-left:5px; margin-bottom:4px;}
.p-multiselect-panel.p-component{margin-top:10px !important;}
ul.p-multiselect-items {list-style:none !important;}
ul.p-multiselect-items>li{list-style:none !important; padding:2px 7px 0 7px; margin-bottom:3px;}
ul.p-dropdown-items{padding:0;}
ul.p-dropdown-items li{padding:5px 10px;}
.p-multiselect-empty-message{font-size:.9em; font-style:italic;}
.p-dropdown.p-component .p-icon.p-dropdown-clear-icon {right:23px;}
.p-multiselect-label {display:flex; flex-direction: row; flex-wrap:wrap;}
.p-multiselect:not(.p-disabled).p-focus {box-shadow: 0 0 0 0.1rem #d0d0d0;}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {color:#333; background: #e5e5e5;}
.p-multiselect-trigger{position:absolute; right:0;}
.p-checkbox.p-component.p-highlight div.p-checkbox-box{background: #c5c5c5;}

.p-dropdown{padding:0 3px;}
.p-dropdown-items .p-dropdown{}
.p-dropdown-panel .p-dropdown-items li{outline:none !important;}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {background:#e5e5e5 !important;}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {color: #777; background:#e5e5e5 !important;}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {color:#333 !important;}
.p-dropdown:not(.p-disabled).p-focus {outline: 0 none;outline-offset: 0; box-shadow: 0 0 0 0.1rem #d0d0d0;}
div.p-dropdown .p-dropdown-trigger {width:inherit;}



/* alerts */
.fb-alert{padding:10px; border-radius: 6px; border:solid 1px #c7c7c7; font-size:.8em;}
.fb-alert.fb-blue{background:#EDF4F5; color: #53999b; border-color:#86b7b9; }