/* FULLPAGE */
html {  
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    
    --bs-sm: 0 1px 2px rgba(0,0,0,0.05),0 1px 4px rgba(0,0,0,0.05),0 2px 8px rgba(0,0,0,0.05);
    --bs-md: 0 1px 3px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.06),0 3px 8px rgba(0,0,0,0.09);
    --bs-lg: 0 1px 4px rgba(0,0,0,0.09),0 3px 8px rgba(0,0,0,0.09),0 4px 13px rgba(0,0,0,0.13);
     
    --scrollbarBG: #ffffff;
    --thumbBG: #EEEEEE;

}
body {
   font-family: 'Roboto', sans-serif; font-weight:400; color:#323232; font-size: 15px; line-height: 1.2;
}
button, input, optgroup, select, textarea { font-family: 'Roboto', sans-serif; font-weight:400; } 

/* BOOTSTRAP */
.container { max-width: 1260px; }
.form-label { display: block; margin-bottom: 5px; }
.mb-3 { margin-bottom: 15px; }
.alert a { text-decoration: underline; }

/* *[lang="en"] { display: none; } */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { 
    font-family: 'Roboto', sans-serif; font-weight:500;
	margin-top:0; -webkit-font-smoothing: subpixel-antialiased;
}
.h1 { font-size: 20px; }
.h2 { font-size: 19px; }
.h3 { font-size: 18px; }
.h4 { font-size: 17px; }
.h5 { font-size: 16px; }
.h6 { font-size: 15px; }
 
strong, b { font-weight:500; }
.strong { font-weight: 700; }
.stronger { font-weight: 900; }

a { color:#115dbf; text-decoration:none;  }
a:hover, a:focus, a:active  { outline: none;  text-decoration:none; }

button, input, optgroup, select, textarea { 
    font-family: 'Roboto', sans-serif; font-weight:400;
    font-size: initial; /* Disables the Safari's autozoom function on focus */
    font-size: inherit;
}
iframe { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

input[type=number] { -moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input, textarea { font-size: initial; } /* Disables the Safari's autozoom function on focus */
iframe { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

*[role="button"]:hover,
*[role="button"]:focus,
*[role="button"]:active { text-decoration: none;  }

.btn { line-height: 1.1; padding: .5rem .9rem;  }

/* tezi si gi premesti nqkyde */
/* OT TUK */
.checktable-wrapper.active .checktable-actions-wrapper {}
.checktable-wrapper.active .checktable thead.sticky {  top: 50px; }

.checktable-footer-wrapper { padding:8px 15px;   }
.checktable-footer-wrapper .left .checktable-footer { float: left; }
.checktable-footer-wrapper .right .checktable-pagination { float: right; }
.checktable-footer { 
    padding: 0; list-style: none none; list-style-position: outside;
    display: table; max-width:100%; border-spacing:0; border-collapse:collapse; margin: 0 -15px;  
}
.checktable-footer > li.cell {
    display: table-cell; vertical-align: middle; text-align: right; padding-left: 2px; padding-right: 2px;  
    font-size: 13px; color: #737373;
    height: 26px; 
}
.checktable-footer > li.cell a { color: #000000; }
.checktable-footer > li.cell select { color: #000000;  }
.checktable-footer > li.cell-divider { width: 20px; }
.checktable-footer .form-current-page { width: 40px; text-align: center; }
.checktable-footer .button-go2page { border: none; background-color: transparent; }
.checktable-footer .button-go2page .zmdi,
.checktable-footer .button-go2page .bi { font-size: 22px; }

.checktable-pagination { display: inline-block; margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.checktable-pagination > li.cell { display: block; width: auto; float: left; }
.checktable-pagination > li.cell > span.divider { color: #D9D9D9; }
.checktable-pagination > li.cell > a,
.checktable-pagination > li.cell > span.divider {  
    display: inline-flex;
    vertical-align: middle;
    padding: 2px 4px; line-height: 26px;   }
.checktable-pagination > li.cell > a:hover { color:#115DBF; }
.checktable-pagination > li.cell > a { color: #737373; }
.checktable-pagination > li.cell > a .zmdi,
.checktable-pagination > li.cell > a .bi { font-size: 20px;  }
.checktable-pagination > li.cell.disabled a { color: #bbbbbb; cursor:not-allowed; }
.checktable-pagination > li.cell .zmdi,
.checktable-pagination > li.cell .bi { margin: 0 6px; }
.checktable-pagination > li.cell .pagenav-label { font-size: 13px;  }
/* DO TUK */


/* ASPECT RATIOS */
.ratiobox { display: flex; flex-wrap: wrap; width: 100%; position: relative; }
/* .ratiobox::after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } */
.ratiobox .content { display: flex; width: 100%; align-items: center; justify-content: center; /* center children */ }

/* https://www.w3schools.com/howto/howto_css_aspect_ratio.asp */
.ratiobox .content::after { content:"";  }
.ratiobox .content[data-ratio="1:1"]::after { padding-top: 100%; } /* 1:1 (Square) */
.ratiobox .content[data-ratio="1:2"]::after { padding-top: 200%; }  
.ratiobox .content[data-ratio="1:3"]::after { padding-top: 300%; }  
.ratiobox .content[data-ratio="2:1"]::after { padding-top: 50%; }
.ratiobox .content[data-ratio="3:1"]::after { padding-top: 33.33%; }
.ratiobox .content[data-ratio="3:2"]::after { padding-top: 66.66%;   }
.ratiobox .content[data-ratio="3:4"]::after { padding-top: 133%;   }
.ratiobox .content[data-ratio="4:1"]::after { padding-top: 25%;   }
.ratiobox .content[data-ratio="4:3"]::after { padding-top: 75%; } /* also known as 1.78:1 or widescreen. */
.ratiobox .content[data-ratio="5:3"]::after { padding-top: 60%; }
.ratiobox .content[data-ratio="5:4"]::after { padding-top: 80%;  } /* not sure, to check */	
.ratiobox .content[data-ratio="8:5"]::after { padding-top: 62.5%;  }
.ratiobox .content[data-ratio="9:16"]::after { padding-top: 177%;  }
.ratiobox .content[data-ratio="16:9"]::after { padding-top: 56.25%; } /*  also known as 1.33:1 or fullscreen */
.ratiobox .content[data-ratio="16:5"]::after { padding-top: 31.25%; }
.ratiobox .content[data-ratio="16:7"]::after { padding-top: 43.75%; }
.ratiobox .content[data-ratio="16:9"]::after { padding-top: 56.25%; }
.ratiobox .content[data-ratio="16:10"]::after { padding-top: 62.5%;  }
	
.ratiobox .content[data-custom="10"]::after { padding-top: 10%;  }
.ratiobox .content[data-custom="35"]::after { padding-top: 35%;  }
.ratiobox .content[data-custom="40"]::after { padding-top: 40%;  }
.ratiobox .content[data-custom="55"]::after { padding-top: 55%;  }
 
.aspectratio-spacer { height: 30px; }
	
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }

/* END |  ASPECT RATIOS */

.tabs-default { -webkit-animation: fadein 0.8s; -moz-animation: fadein 0.8s; -ms-animation: fadein 0.8s; -o-animation: fadein 0.8s; animation: fadein 0.8s; }
@keyframes fadein{from{opacity:0}to{opacity:1}}
@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}
@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}
@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}
@-o-keyframes fadein{from{opacity:0}to{opacity:1}}


.line-spacer { height: 20px; }
.line { margin-bottom: 20px; }
.line-label { 
    display: block; margin-bottom: 2px;  opacity: 0.666; 
    position: relative; 
    -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;  
}
.line:hover .line-label { opacity: 1; color: #0275D8;  }
.line-label .required::after { content:" *"; color:#CD090C; }
.line-control {
    height: calc(2.25rem + 2px); padding: .4rem .75rem;
    /* padding: 8px 12px; */
    display: block; width: 100%;  font-size: 15px; line-height: 1.25rem; background-clip: padding-box;
    border: 1px solid #CCCCCC; border-radius: 3px; 
    box-shadow: inset 0 0px 4px 0 rgba(0,0,0,.05); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    position: relative; 
}
.line-control:focus,
.line-control:active { color: #464a4c; background-color: #fff; border-color: #5cb3fd; outline: 0; }
.line-control:disabled,
.line-control[readonly] {background-color:#eceeef;opacity:1; border-color:rgba(0,0,0,.15); box-shadow: none; }
.line-control:invalid { border-color:  #F37173; outline: 0; box-shadow: 0 0 0 1px #F37173; }
.line-text {}
.line-text:focus {  outline: 0; /* border-color:  #E4E7ED;  box-shadow: 0 0 0 1px #E4E7ED; */ }

.line.expired-date .line-label { color: #D74417; }
.line.expired-date .line-label .line-icon::before { font-family: 'Font Awesome 6 Free'; content: "\f071"; margin-right: 4px;  }
.line.expired-date .line-text { background-color: #FFF2E5; color: #D74417; border-color: #EEBB8B;   }

.line-select {
    display: block; width: 100%; border: 1px solid rgba(0,0,0,.15);
    -moz-appearance: none; -webkit-appearance: none; appearance: none;
    line-height: 1.3;
    padding: 7px 12px 8px 8px;
    background-image: url('../images/select.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px 14px;
    border-radius: 3px; 
    
}
.line-select:focus { box-shadow: 0 1px 0 1px rgba(0,0,0,.04); outline: 0; }
.line-select::-ms-expand { display: none; }
.line-select option { font-weight:normal; }

 
.line-list {}
.line-list ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.line-list ul li { margin-bottom: 8px;  }

.line.is-date { position: relative; }
.line.is-date .icon { 
    pointer-events:none; cursor:default;
    display: block; width: 19px; height: 19px; 
    background-image: url('../images/icon-calendar-search.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    position: absolute; bottom: 9px; right: 9px;
}

.line-range { padding: 14px 66px 20px 40px; position: relative; }
.line-range .range-value { display: inline-block; position: absolute; top: 10px;  }
.line-range .range-value.lower { left: 0; }
.line-range .range-value.upper { right: 0; }
.line-range .range-value input[type="number"] { 
    display: block; width: 40px; border: none; padding: 0; margin: 0;
    color: #52666D; font-weight: 500; font-size: 16px;
    outline: none; 
    background-color: transparent; 
    
}


.search-controls-grid {}
.search-controls-grid .line-label { color: #919191;  text-transform: uppercase; margin-bottom: 5px; font-weight: 500; font-size: 12px;  }
.search-controls-grid .form-control,
.search-controls-grid .ms-options-wrap > button  { color: #52666D; font-weight: 500; font-size: 16px; }
.search-controls-grid .btn.btn-primary { border-radius: 0; background-color: #4B9EF1; border-color: #4B9EF1; padding: 9px 30px; font-size: 16px; font-weight: 700;   }
.search-controls-grid .btn.btn-primary:hover { background-color: #2F88E1; border-color: #2F88E1; }
 

select.form-control:not([size]):not([multiple]) {
    -moz-appearance: none; -webkit-appearance: none; appearance: none;
    background-image: url('../images/select.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px 14px;
    padding-left: 10px; padding-right: 30px;    
    box-shadow: inset 0 0px 4px 0 rgba(0,0,0,.05);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
}
select.form-control:focus { outline: 0; }
select.form-control::-ms-expand { display: none; }
select.form-control option { font-weight:normal; }
/* SM */
select.form-control-sm:not([size]):not([multiple]) { 
    padding-top: 0; padding-bottom: 0; padding-left: 4px;  padding-right: 22px;  
    background-size: 12px 12px;
    background-position: center right 6px;
}


.dialog { 
    background-color: #ffffff; border-radius: 3px; 
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4);
}
.dialog-confirmation {  padding: 20px; }
.dialog-title {}
.dialog-title .title { }
.dialog-preview {}
.dialog-preview .preview { background-color: #FFEDEE; padding: 15px; margin-bottom: 20px; color: #D90A17;   }
.dialog-consent { margin-bottom: 20px; }
.dialog-actions {}
.dialog-actions.move-up { margin-top: -20px; }
.dialog-actions hr { margin-top: 0; margin-bottom: 20px; }
.dialog-actions ul { 
    margin: 0; padding: 0; list-style: none none; list-style-position: outside; 
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; 
}
.dialog-actions ul li { display: table-cell; vertical-align: middle; }
.dialog-actions ul li.cell { text-align: left; }
.dialog-actions ul li.cell-1 {}
.dialog-actions ul li.cell-1::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.dialog-actions ul li.cell-1 > .btn { float: left; margin-right: 10px; }
.dialog-actions ul li.cell-1 > .btn:last-of-type { margin-right: 0; }
.dialog-actions ul li.cell-2 { text-align: right;   }


/* Storefront */
.header-spacer {  }
main.inner { padding-bottom: 30px;  }

.header-wrapper { 
    position: static; top: 0; left: 0; width: 100%; z-index: 2;  
    background-color: #14354b; 
}
.page-home .header-wrapper { position: absolute; background-color: transparent; }

.header { 
	padding: 10px 0; 
	display: flex; align-items: center; 
}

.logo { display: inline-block;  }
.logo .logo-graphic { display: block; width: 70px;  }
/*
.logo-long { display: inline-block;  }
.logo-long .relative { display: block; padding:6px 0 6px 68px;  } 
.logo-long .logo-graphic { display: block; width: 76px; position: absolute; top: -4px; left: 0; }
.logo-long .logo-title { display: block; line-height: 1; margin-bottom: 5px;  text-transform: uppercase; font-weight: 600; font-size: 18px; color: #023B5F;   }
.logo-long .logo-subtitle { display: block; line-height: 1;  font-weight: 500; font-size: 10px; color: #FA6E00; text-transform: uppercase;    }
*/

.header-menu { display: inline-block; margin-left: auto; }
.header-menu > ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.header-menu > ul > li { display: inline-block; float: left; margin-right: 15px;  }
.header-menu > ul > li:last-child { margin-right: 0; }
.header-menu > ul > li .btn {  
    border-color: rgba(255,255,255,0.20); color: #fff;  padding: .30rem .80rem;   font-size: 0.86rem; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
	display: flex; align-items: center; 
	line-height: 1; 
}
.header-menu > ul > li .btn:hover { border-color: rgba(255,255,255,0.40); }
.header-menu > ul > li .btn .bi {
	font-size: 18px;
	margin-right: 2px; position: relative; vertical-align: middle;
}
.header-menu > ul > li .btn .bi-box-arrow-right { font-size: 20px; float: right; position: relative; line-height: 17px; margin-left: 4px;  }
.header-menu > ul > li a { color: #fff; } 
.header-menu > ul > li .divider { opacity: 0.4; padding: 0 5px; }
 
.my-props { position: relative; }
.my-props-count {
	pointer-events: none; 
	position: absolute; top: -1px; left: -1px; 
	display: flex; align-items: center; justify-content: center; 
	background-color: #FA6E00; color: #fff; font-size: 13px; font-weight: 700; 
	height: 20px; min-width: 20px; border-radius: 12px;
	border:1px solid rgba(255,255,255,0.20);
}

.navigation {   }
.navigation > ul {
    margin: 0; padding: 0; list-style: none none; list-style-position: outside; 
    display: table; max-width:100%; border-spacing:0; border-collapse:collapse; 
}
.navigation > ul > li { display: table-cell; vertical-align: middle;   }
.navigation > ul > li > a {
    display: block; width: auto; padding: 8px 20px;
    color: #ffffff; font-size: 15px; font-weight: 500; text-transform: uppercase; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.navigation > ul > li > a:hover { color: #FF8740; text-decoration: none; }
.navigation > ul > li.active > a { color: #FF8740; }


.navigation-spacer { height: 20px; }

.breadcrumbs-wrapper { padding: 10px 0;  }
.breadcrumbs {  line-height: 1;  } 
.breadcrumbs ul { 
    opacity: 0.5; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
    margin: 0; padding: 0; list-style: none none; list-style-position: outside; 
}
.breadcrumbs ul:hover { opacity: 1; }
.breadcrumbs ul li { display: inline; font-size: 13px;  }
.breadcrumbs ul li:not(:last-child)::after { /* font-family: 'Material-Design-Iconic-Font'; content: '\f2fb'; margin: 0 6px; line-height: 18px; */  }
.breadcrumbs ul::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.breadcrumbs ul li a { color: #000; text-decoration: underline; }
.breadcrumbs ul li a:hover { text-decoration: none; }
.breadcrumbs ul li .bi-chevron-right { padding: 0 3px; font-size: 10px;  }

.breadcrumbs-spacer { height: 10px; }


.footer-wrapper {
    /* background-image: url('../images/storefront/map-footer.jpg'); */ 
    background-repeat: no-repeat;
    background-position: bottom center; /* fixed*/ 
    background-size: 1200px auto;

    background-color: #F3F4F9; padding: 30px 0;  }

.copyright-line { margin: 30px 0; }

.copyright { text-align: center; font-size: 13px; opacity: 0.5; }
.copyright ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.copyright ul li { display: inline; }
.copyright ul li a { color: inherit;  }
.copyright ul li::after { content: "|"; color: #899DA4; padding: 0 15px; }
.copyright ul li:last-child::after { display: none; }


.page-title  { display: flex; position: relative; /* padding: 15px 20px; */ ; margin-bottom: 18px; margin-top: 0px;  }
.page-title .title { margin: 0; /* overflow: visible; flex-shrink: 1; left: 0; position: sticky; white-space: nowrap; */   }

.property-title { margin-bottom: 30px; text-align: center  }
.property-title .title.h1 { margin: 0; font-size: 24px;  }

.newsletter-signup-line { margin-bottom: 15px; }
.newsletter-signup-line .label { display: block; margin-bottom: 3px; }
.newsletter-signup-line .form-control { width: 100%; display: block; }
.newsletter-signup-actions {  }

.newsletter-signup-terms { font-size: 10px; }
.newsletter-signup-terms p { margin-bottom: 10px; }
.newsletter-signup-terms p:last-of-type { margin-bottom: 0; }

.footer-title { margin-bottom: 15px; }
.footer-title .title { margin-bottom: 0; }

.social-media {}
.social-media ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.social-media ul > li { display: inline-block; margin-right: 10px;  }
.social-media ul > li .fa,
.social-media ul > li .bi { font-size: 30px; }


.contact-details {}
.contact-details ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.contact-details ul > li { margin-bottom: 5px;     }

.property-management-software-preview {
    position: relative; 
    height: 100px; 
    margin-bottom: 15px; 
    background-image: url('../images/storefront/property-management-software-preview.jpg');
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.property-management-software-preview .btn { position: absolute; bottom: 15px; right: 15px; }

.useful-links {}
.useful-links ul { 
    margin: 0; padding: 0; list-style: none none; list-style-position: outside; 
    -webkit-columns: 1; -moz-columns: 1; columns: 1;
}
.useful-links ul > li { margin-bottom: 5px;     }

.flexgrid { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -15px;  }
.flexcell { 
	display: flex; flex-direction: column;
	position: relative; min-height: 100%; width: 25%; padding: 0 15px;   
}
.flexlink { 
    position: relative; width: 100%; height: 100%; 
    display: flex;  align-items: center; justify-content: center;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.flexlink:hover .catalogue-title .title-1 { color: #4B9EF1;  }
.flexlink:hover .catalogue-title .title-3 { background-color: #252C35; color: #fff; }

.object-fit-cover {
    position: absolute; top: 0; left: 0;
    height: 100%; width: 100%; object-fit: cover; 
}

.prosection { display: block; margin-bottom: 30px;  color: #384A5E; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.prosection:hover { opacity: 0.77; }
.prosection dl { margin: 0; background-color: #FFFFFF; position: relative; }
.prosection dt { margin: 0; }
.prosection dd { margin: 0; padding: 13px 20px; font-size: 18px;   }
.prosection .count { color: #FF8740; font-size: 16px;  }

.catalogue-title { color: #252C35; display: block; text-align: center;  }
.catalogue-title .title-0 { display: block; margin-bottom: 15px; }
.catalogue-title .title-0 .catalogue-icon { max-width: 40px; }
.catalogue-title .title-1 { 
    display: block; font-size: 20px; margin-bottom: 4px;  
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.catalogue-title .title-2 { display: block; color: #A7ADB7; font-size: 11px; text-transform: uppercase; margin-bottom: 15px;  }
.catalogue-title .title-3 { 
    display: inline-block; font-size: 12px; font-weight: 400; border: 1px solid #252C35; text-transform: uppercase; padding: 10px 20px;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}

.propertybox-wrapper { /* display: flex; flex-direction: column; flex: 1; min-height: 100%; align-items: stretch; */  }
.propertybox { 
	border: 1px solid #ECECEC; border-radius: 6px; margin-bottom: 30px;  
	display: flex; flex-direction: column; align-items: stretch;
	flex: 1;
}
.propertybox .photo { 
    position: relative; 
    margin-bottom: 10px; /* width: 100%; height: 200px; */
}
.propertybox .photo .content .object-fit-cover {  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.propertybox .photo:hover .content .object-fit-cover { opacity: 0.8;   }
.propertybox .title { margin-bottom: 10px; }
.propertybox .specs {}
.propertybox .specs ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.propertybox .prices {}

.photo-gradient { 
    position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; 
    background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
    opacity: 0.9;
    pointer-events:none; cursor:default;
}
.photo-labels { 
    display: inline-block; position: absolute; top: 15px; left: 0; 
     pointer-events:none; cursor:default;
}
.photo-labels ul { display: inline-block;  margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.photo-labels ul li { padding: 4px 8px; font-weight: 500; font-size: 12px; color:#ffffff; text-transform: uppercase; }
.photo-labels ul li.label-tolet { background-color: #5B76DC; }
.photo-labels ul li.label-forsale { background-color: #019E74; }

.rent-labels ul { display: inline-block;  margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.rent-labels ul li { padding: 4px 8px; font-weight: 500; font-size: 12px; color:#ffffff; text-transform: uppercase; }
.rent-labels ul li.label-tolet { background-color: #5B76DC; }
.rent-labels ul li.label-forsale { background-color: #019E74; }

.photo-badges {  
    display: inline-block; position: absolute; top: 15px; right: 15px; 
    pointer-events:none; cursor:default;
} 
.photo-badges ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; } 
.photo-badges ul::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.photo-badges ul li { display: inline-block; float: left; width: 30px; margin-left: 5px;  }
.photo-badges ul li.badge-1 {}
.photo-badges ul li.badge-2 {}
.photo-badges ul li.badge-3 {}
.photo-badges ul li img { max-width: 100%; }
 
.photo-id {
    display: inline-block; position: absolute; bottom: 0px; right: 0px; 
    pointer-events:none; cursor:default;
    background-color: #E75D20; color: #fff; padding: 2px 5px; font-size: 13px; 
}
 
.photo-price { 
    position: absolute; bottom: 8px; left: 12px; color: #ffffff;  
    pointer-events:none; cursor:default;
}

.price-per-night { text-shadow: 0 1px 1px #000000; font-size: 17px; }
.price-per-night::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.price-per-night small { font-size: 14px; }

.price-per-month { text-shadow: 0 1px 1px #000000;  font-size: 17px; }
.price-per-month::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.price-per-month small { font-size: 14px; }

.photo-favorites { display: inline-block; position: absolute; bottom: -15px; right: 15px; }
.photo-favorites .favorite { 
    display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;  
    border-radius: 50%; background-color: #ffffff; 
    
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07);
    
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.photo-favorites .favorite .fa,
.photo-favorites .favorite .bi { 
    position: relative; bottom: -1px;
    color: #B1B1B1; line-height: 1; font-size: 19px;  
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.photo-favorites .favorite:hover .fa,
.photo-favorites .favorite:hover .bi { color: #EC4EA0; }
.photo-favorites .favorite.active { background-color: #EC4EA0; }
.photo-favorites .favorite.active:hover { background-color: #9C6582; }
.photo-favorites .favorite.active .fa,
.photo-favorites .favorite.active .bi { color: #FFFFFF; }


.propertybox-data { padding: 8px 15px; flex: 1;  }
.propertybox-data .title { }
.propertybox-data .title a { color: inherit; }
.propertybox-data .specs { margin-bottom: 12px; color: #52666D; }
.propertybox-data .specs ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.propertybox-data .specs ul li { font-size: 14px; }
.propertybox-data .specs ul li .fa,
.propertybox-data .specs ul li .bi { color:#5B76DC; }
.propertybox-data .description { font-size: 14px;  color: #52666D; margin-bottom: 12px; font-style: italic; }

.propertybox-icons { background-color: #F6F5F7; padding: 12px 15px; margin-top: auto; }
.propertybox-icons ol { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.propertybox-icons ol li { display: inline-block; float: left; margin-right: 12px; cursor: help; }
.propertybox-icons ol li span {font-size: 13px; }
.propertybox-icons ol li a {font-size: 13px; }
.propertybox-icons ol li.last { float: right; margin-right: 0px;   }

.picon { 
    padding: 1px 0 1px 20px; 
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 19px 19px;
    color: #656565; 
    font-size: 15px; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
a.picon { color: #656565;  }
a.picon:hover { color: #FF8740;  }
.picon-bedrooms { background-image: url('../images/picon-bedrooms.svg'); }
.picon-people { background-image: url('../images/picon-people.svg'); }
.picon-bathrooms { background-image: url('../images/picon-bathrooms.svg'); }
.picon-plot { background-image: url('../images/picon-plot.svg'); }
.picon-floor { background-image: url('../images/picon-floor.svg'); }
.picon-photos { background-image: url('../images/picon-photos.svg'); }

.picon-favorite .fa,
.picon-favorite .bi { font-size: 18px; }
a.picon.picon-favorite { color: #B3B3B3;  }
a.picon.picon-favorite:hover,
a.picon.picon-favorite.active { color: #D62135; }



.extended-title { 
    position: relative; 
    padding: 40px 0; 
    margin-bottom: 0px; 
    background-image: url('../images/storefront/hero-title-contact.jpg');
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.extended-title-mask { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; 
    background-color: rgba(9,51,78,0.71);
}
.extended-title .title { text-align: center; color: #fff; margin: 0; position: relative; }

.search-hero {
    padding-top: 200px; padding-bottom: 60px; 
    background-color: #14354b; 
    background-image: url('../images/storefront/background-cover.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.search-title { color: #fff; margin-bottom: 40px;  }
.search-title .title { margin: 0;  font-weight: 100; font-size: 45px;   }
.search-title .title .stress { font-weight: 500; font-style: italic; }



/**  МАЗНАТА ГАЛЕРИЯ **/
.slider-single { margin-bottom: 15px; position: relative; }
.slider-single .slick-arrow {
    display: block; width: 100px; height: 100px;  border: none; 
    /* font-size: 0; color: transparent; */
    position: absolute; top: calc(50% - 36px); z-index: 10;
	background-color: transparent; 
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    background-size: contain;
    opacity: 0.7;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
    color: #fff; text-shadow: 0 1px 1px #000000; 
}
.slider-single .slick-arrow .fa,
.slider-single .slick-arrow .bi { font-size: 36px; }
.slider-single .slick-arrow:hover { opacity: 1; }
.slider-single .slick-prev { left: -20px;  }
.slider-single .slick-next { right: -20px;}

/* Navigation */
.slider-nav { overflow: hidden; }
.slider-nav .slick-slide {  }
.slider-nav .slick-slide {  margin-left:  8px;  margin-right:  8px; border: 2px solid transparent; }
.slider-nav .slick-slide.slick-current.slick-active { border-color: #FA6E00; }

/* .slider-nav .slick-slide > div { padding: 0 15px; } */ 
.slider-nav .slick-list {  margin-left: -8px; margin-right: -8px; }

.slider-nav .slick-dots { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.slider-nav .slick-dots > li { display: inline; }


.mediabox-main {  position: relative; display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed;   }
.mediabox-main > a { height: 400px; display: table-cell; vertical-align: middle; text-align: center; }

.mediabox-thumb { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.mediabox-thumb:hover { opacity: 0.77; }

/*
.mediabox-thumb {
    height: 110px; position: relative;
    
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  
    flex-direction: column;  
    -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;  
}
 
.mediabox-thumb.video::before {
    content: ""; display: block; border-radius: 50%;
    position: absolute; top: calc(50% - 20px); left:calc(50% - 20px); 
    width: 40px; height: 40px; 
    border: 1px solid #F90004;
    background-color: rgba(255,255,255,0.69)
}
.mediabox-thumb.video::after { 
    content: ""; display: block; width: 12px; height: 12px;
    position: absolute; top: calc(50% - 6px); left:calc(50% - 6px); 
    border: 1px solid #F90004;
}
*/

.spacer-mediabox { 
    position: absolute; top: 0; left: 0;
    height: 100%; width: 100%; object-fit: cover; 
}
.slider-click-zoom {
    padding: 0px 15px; color: #fff; text-shadow: 0 1px 1px #000000;  
    height: 48px; margin-top: -48px; 
    position: relative; z-index: 10; font-size: 20px; 
    pointer-events: none; opacity: 0.6; 
    
}
/** END |  МАЗНАТА ГАЛЕРИЯ **/

.slider-spacer-bottom { height: 20px; }
.listsave {}
.listsave > ul {  margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.listsave > ul > li {  }
.listsave > ul > li a { }

.listshare {  }
.listshare ul {
    margin: 0; padding: 0; list-style: none none; list-style-position: outside;
    display: table; max-width:100%; border-spacing:0; border-collapse:collapse; 
    float: right; 
}
.listshare ul li {  display: table-cell; vertical-align: middle; padding: 0 5px;  }
.listshare ul li .fa,
.listshare ul li .bi { font-size: 25px; }

.colour-facebook { color: #4267B2 !important; }
.colour-twitter { color: #1DA1F2 !important; }
.colour-whatsapp { color: #3EBD4E !important; }

.search-wrapper { padding: 0 60px; }
.search-tabs { 
    margin: 0; padding: 0; list-style: none none; list-style-position: outside;
    /* display: table;   max-width:100%; border-spacing:0; border-collapse:collapse; */
}
.search-tabs > li { 
    /* display: table-cell; */ 
    display: block; width: auto; float: left; margin-right: 1px; 
}

.btn-radiotab {  }
.btn-radiotab .label { 
    padding: 14px 28px; display: block; width: auto; background-color: rgba(255,255,255,0.80);  
    font-size: 16px; color: #4E5A6D; 
    text-transform: uppercase; font-weight: 500;
    -webkit-transition:background-color 0.3s; -moz-transition:background-color 0.3s; transition:background-color 0.3s;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn-radiotab input[type="radio"]:checked + .label { background-color: #FF8740; color: #fff; }

.search-container { border-width: 4px; border-style: solid; padding: 25px 25px 5px 25px; background-color: #fff;  position: relative; }
.search-container-style-short { border-color: #5B76DC; }
.search-container-style-long { border-color: #019E74; }
.search-container-style-byid { border-color: #FF8740; }

/* 2 colours */
.btn-radiotab.radiotab-short input[type="radio"]:checked + .label { background-color: #5B76DC; }
.btn-radiotab.radiotab-long input[type="radio"]:checked + .label { background-color: #019E74; }
.btn-radiotab.radiotab-id input[type="radio"]:checked + .label { background-color: #FF8740; }
/* END | 2 colours */


.advanced-search { /* display: inline-block; */position: absolute; top: -32px; right: 0; }
.advanced-search a {
    color: #fff; font-size: 15px; opacity: 0.8; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.advanced-search a:hover { opacity: 1; }

.property-section-spacer { height: 20px; }
.property-section-spacer-bottom  { height: 20px; }
.property-section { padding: 30px 0 0px 0;  }
.property-section.light-blue { background-color: #F7F7F8; }




/** Custom nouislider.min.js **/
.noUi-target {  background-color: #C7C7C7; border-radius: .15rem; border-color: #ffffff; box-shadow: none; }
.noUi-connects { border-radius: .15rem;  }
.noUi-connect { background-color: #FF8740; }
.noUi-horizontal { height: 10px; }
.noUi-horizontal .noUi-handle { width: 30px;  height: 30px; right: -18px; top: -11px; }
.noUi-handle { 
    box-shadow: none; border-color: #EA7632; background: #FF8740; border-radius: 50%; outline: none; cursor: grab; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.noUi-handle.noUi-active {
    outline: none;  cursor: grabbing; background-color: #FF6E11;  
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
}
.noUi-handle::after, 
.noUi-handle::before { opacity: 0.4; background: #FFC477; top: 7px; height: 14px; }
.noUi-handle::before { left: 11px;  }
.noUi-handle::after { left: 15px;  }
/** END | nouislider.min.js **/



/* ДИНКО https://cloudpm.eu/website2020.php?page=property&id=15  в ТАБ РАЗПРЕДЕЛЕНИ */

.facilities-block { 
	border: 1px solid #ECECEC; border-left: 3px solid transparent; margin-bottom: 30px;
}
.facilities-block dt {
	display: flex; align-items: center; justify-content: space-between; 
    position: relative; 
    padding: 8px 15px;
    background: rgb(249,249,249); background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 100%);
	font-weight: normal; 
}
.facilities-block dt .title { text-transform: uppercase; font-weight: 500;  }
.facilities-block dt .title .fa,
.facilities-block dt .title .bi { margin-left: 7px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0.25; font-size: 15px; }
.facilities-block dt .title:hover .fa,
.facilities-block dt .title:hover .bi { opacity: 1; }

.facilities-block .actions {   }
.facilities-block .actions a { display: inline-block;  }
.facilities-block .actions a.danger { color:#C70C0C; }
.facilities-block .actions a.danger:hover { background-color:#C70C0C; border-color:#C70C0C; color:#ffffff; }
.facilities-block .actions a .fa,
.facilities-block .actions a .bi { font-size: 16px; }
 

.facilities-block dd { padding: 8px 15px 0px 15px; }

.facilities-list { 
    margin: 0 -10px; padding: 0; list-style: none none; list-style-position: outside; 
    display: flex; flex-wrap: wrap;
}
.facilities-list > li {
    position: relative; min-height: 1px; width: 25%; padding: 0px 10px; margin-bottom: 5px;  
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.facilities-list > li:hover { /* background-color: #F9F9F9; */ }

.search_form_hidden{display: none;}
.search_form_visible{display: block;}

.search-controls-grid { display: flex; flex-wrap: wrap; margin: 0 -8px;  }
.search-controls-grid .cell { min-height: 1px; position: relative; padding: 0 8px;  }

.scg-1 .cell-1 { width: 30%; }
.scg-1 .cell-2 { width: 15%; }
.scg-1 .cell-3 { width: 20%; }
.scg-1 .cell-4 { width: 15%; }
.scg-1 .cell-5 { width: 20%; }
.scg-1 .cell-6 { width: 30%; }
.scg-1 .cell-7 { width: 36.66%; }
.scg-1 .cell-8 { width: 33.33%; }

.scg-2 .cell-1 { width: 30%; }
.scg-2 .cell-2 { width: 20%; }
.scg-2 .cell-3 { width: 17%; }
.scg-2 .cell-4 { width: 16%; }
.scg-2 .cell-5 { width: 17%; }
.scg-2 .cell-6 { width: 30%; }
.scg-2 .cell-7 { width: 36.66%; }
.scg-2 .cell-8 { width: 33.33%;  text-align: right; }

.scg-3 {  justify-content: center;  }
.scg-3 .cell-1 { width: 250px; }
.scg-3 .cell-2 { width: 180px;  }

.select2-results__option .wrap::before{
    font-family:'Font Awesome 6 Free';
    color:#999;
    content:"\f096";
    width:25px;
    height:25px;
    padding-right: 10px;
}
.select2-results__option[aria-selected=true] .wrap::before{
    content:"\f14a";
}

.homesearch-container { max-width: 100%; }

/* https://www.trysmudford.com/blog/css-header-legend/ */
.line-title-wrapper { padding: 0 30px; }
.line-title { text-align: center; color: #384A5E; margin-bottom: 35px;   }
/*
.line-title .title { display: inline-block; position: relative; font-size: 28px;   }
.line-title .title::before {  }
.line-title .title::after { content: ''; position: absolute; top: 50%; width: 100%; height: 2px; background: #CCD3DA; margin-left: 12px; }
*/
.line-title .title { 
    display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; 
    font-size: 26px; font-weight: 300; 
} 
.line-title .title::before,
.line-title .title::after { content: ''; border-top: 3px solid #CCD3DA; margin: 0 20px 0 0; flex: 1 0 20px; }
.line-title .title::after { margin: 0 0 0 20px; border-color: transparent; }


.focuslick-wrapper { position: relative; }
.harrow-controls { 
    position: absolute; top: -70px; right: 0; 
    display: inline-block; margin: 0; padding: 0; list-style: none none; list-style-position: outside;
}
.harrow-controls li { display: inline-block; margin-left: 10px; }
.harrow { 
    cursor: pointer; 
    width: 40px; height: 40px;  border: 2px solid #CCD3DA; color: #FA6E00; 
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
}
.harrow .fa,
.harrow .bi { font-size: 26px; line-height: 1; position: relative;  }
.harrow-left .fa,
.harrow-left .bi { left: -1px; }
.harrow-right .fa,
.harrow-right .bi { right: -1px; }

/** Add spaces between Slick carousel item https://stackoverflow.com/questions/30999076/how-add-spaces-between-slick-carousel-item **/
.focuslick .slick-slide { margin: 0 15px; } /* the slides */
.focuslick .slick-list { margin: 0 -15px; } /* the parent */


.columns-2 { display: flex;  align-items: stretch; }
.columns-2 .column-left { position: relative;  width: 300px; padding-right: 30px;  }
.columns-2 .column-right { position: relative;   flex: 1;  }

.filters-wrapper { background-color: #F5F5F5; padding: 10px 15px;  }

.flexgrid-results .flexcell { width: 33.33%; }

.toolbar { position: relative; margin-bottom: 15px; }
.toolbar-amount { margin: 0; display: inline-block; }

.toolbar-sorter { display: inline-block; float: right; font-size: 14px;  }
.toolbar-sorter::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.toolbar-sorter .sorter-label { 
    display: inline-block; float: left; margin-right: 8px;  
    line-height: 32px;
}
.toolbar-sorter .sorter-options { 
    display: inline-block; float: left; 
    padding: 0.45rem 0.45rem; font-size: 14px; color: #464a4c;
    background-color: #fff;
    -webkit-background-clip: padding-box; background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .15rem;

    -moz-appearance: none; -webkit-appearance: none; appearance: none;
    background-image: url('../images/select.svg');
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px 14px;
    padding-right: 30px;
    box-shadow: inset 0 0px 4px 0 rgba(0,0,0,.05);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
}
.toolbar-sorter .sorter-options:focus,
.toolbar-sorter .sorter-options:active {  outline: 0px transparent;  } 
.toolbar-sorter .sorter-options:-ms-expand { display: none; }
.toolbar-sorter .sorter-direction { 
    color: #FA6E00;  display: inline-block; float: left; 
    border: none; padding: 0; margin: 0; margin-left: 8px;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.toolbar-sorter .sorter-direction:hover { color: #4B9EF1; }
.toolbar-sorter .sorter-direction .fa,
.toolbar-sorter .sorter-direction .bi { font-size: 22px; line-height: 34px;  }


.block-filter {}
.filter-options-title {
    cursor: pointer; font-weight: 500; padding: 0px 0px 0px 0px; margin: 0;  position: relative;  
    word-break: break-all; z-index: 1; display: block; text-decoration: none; 
    background-repeat: no-repeat;
    background-position: center right; /* fixed*/ 
    background-size: 20px 20px;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	display: flex; align-items: center; justify-content: space-between; 
	min-height: 32px;
	 border-top: 1px solid #DBDBDB;
}
.filter-options-title .fot-label {}
.filter-options-title .fot-icon { font-size: 20px; line-height: 1; }

.filter-options-title:focus,
.filter-options-title:active { outline: 0 transparent; }
/*
.filter-options-title[aria-expanded="true"] { background-image: url('../images/filter-up.svg'); }
.filter-options-title[aria-expanded="false"] { background-image: url('../images/filter-down.svg'); }
*/

.filter-options-title:hover .fot-icon { color: #FA6E00; }

.filter-options-title[aria-expanded="false"] { }
.filter-options-title[aria-expanded="false"] + .filter-options-content { display: none; }
.filter-options-title[aria-expanded="false"] .fot-icon {  }
.filter-options-title[aria-expanded="true"] .fot-icon { 
    /* -webkit-transform: rotateX(180deg); transform: rotateX(180deg); */
    transform: rotate( -180deg ); transition: transform 150ms ease;
    /* content: "\f107"; */  
}

.filter-options-title[aria-expanded="true"] + .filter-options-content { padding-bottom: 7px; }

.filter-options-item { margin-bottom: 1px;  }
.filter-options-item ol.items {
    margin: 0; padding: 0 0 0px 0; list-style: none none; list-style-position: outside; 
    overflow-x: hidden;  overflow-y: auto;  max-height: 240px; 
    
}
.filter-options-item ol.items > li.item { font-size: 14px; }
.filter-options-item ol.items > li.item.active > a.cpm-filter-item { color: #FA6E00; font-weight: 500; }
.filter-options-item ol.items > li.item.active > a.cpm-filter-item::before { font-family: 'Font Awesome 6 Free'; font-weight: 900; content: "\f054"; }

.cpm-filter-item { display: block; position: relative; padding: 5px 0;  }
.cpm-filter-item .label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cpm-filter-item .count { position: absolute; right: 5px; color: #B9B9B9;  }

.cpm-filter-item input[type="checkbox"] { position: absolute; width: 0px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.cpm-filter-item input[type="checkbox"] + .label { padding-left: 24px; }
.cpm-filter-item input[type="checkbox"] + .label::before,
.cpm-filter-item input[type="checkbox"] + .label::after {
    content: ''; position: absolute; top: calc(50% - 9px); left: 0; 
	display: flex; width: 18px; height: 18px; 
    opacity: 0.85; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.cpm-filter-item input[type="checkbox"] + .label::before {
	border: 1px solid #115dbf; 
	background-color: #fff;
}
.cpm-filter-item input[type="checkbox"]:checked + .label::before { content: ''; border-color: #1CA73D; border-width: 2px;   }
.cpm-filter-item input[type="checkbox"]:checked + .label::after { 
	width: 10px; height: 10px;  
	position: absolute; top: calc(50% - 5px); left:4px;
	background-color: #1CA73D;
}
/* Hover */
.cpm-filter-item input[type="checkbox"] + .label:hover::before { opacity: 1.0; border-color: #115dbf; border-width: 2px; }

.cpm-filter-item input[type="radio"] { position: absolute; width: 0px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.cpm-filter-item input[type="radio"] + .label { padding-left: 20px; }
.cpm-filter-item input[type="radio"] + .label::before {
    position: absolute; top: 1px; left: 0; 
    font-family: 'Material-Design-Iconic-Font'; content: '\f26c'; font-size: 21px; color: #457abd; 
    opacity: 0.755; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.cpm-filter-item input[type="radio"] + .label:hover::before { opacity: 1.0; }
.cpm-filter-item input[type="radio"]:checked + .label::before { content: '\f26f'; color: #1CA73D;  }


@-webkit-keyframes animatePreparing { 0%{opacity:.5} 50%{opacity:.8} to{opacity:.5} }
@keyframes animatePreparing { 0%{opacity:.5} 50%{opacity:.8} to{opacity:.5} }
.animatePreparing{-webkit-animation:animatePreparing 2s infinite;animation:animatePreparing 2s infinite;background-color:#9C9C9C;height:100%;width:100%}
 
#filter_mask {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; 
    background-color: #FFFFFF;
}
#filter_mask::after {
    font-family: 'Font Awesome 6 Free'; content: "\f110";
	font-size: 30px;   position: absolute; top:calc(50% - 15px); left: calc(50% - 15px);  
    
    -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite;
    -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%;

}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.glances-sticky { position: sticky; top: 15px; }
.glances {  border: 3px solid #EDEDED; margin-bottom: 15px; padding: 10px;   }
.glances-inner { margin-bottom: 10px; }

.glances ol {
    margin: 0; padding: 0; list-style: none none; list-style-position: outside; 
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed;
}
.glances ol li { display: table-cell; vertical-align: middle; }

dl.glance { 
    margin:0; padding-left: 30px;  
    background-repeat: no-repeat; background-position: center left; background-size: 26px 26px;
}
dl.glance dt { margin:0; font-size: 16px; color: #2391FE; font-weight: 500;   }
dl.glance dd { margin:0; font-size: 9px; color: #7A7E90; font-weight: 500; text-transform: uppercase; line-height: 1; }


.glance-guest { background-image: url('../images/picon-people.svg'); }
.glance-plot { background-image: url('../images/picon-plot.svg'); }
.glance-floor { background-image: url('../images/picon-floor.svg'); }

dl.glance.glance-price { display: inline-block; padding-left: 5px; border-left: 4px solid #DE0606; }
dl.glance.glance-price dt { color: #DE0606; font-size: 24px;  }
dl.glance.glance-price dd { color: #DE0606; }


.glance-table { margin-bottom: 20px; }
.glance-table table { display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse;   }
.glance-table table tbody tr td,
.glance-table table tbody tr th { padding: 8px 0; border-bottom: 1px solid #E6E6E6; font-weight: normal; }
.glance-table table tbody tr td a { text-decoration: underline;  }
.glance-table table tbody tr:last-child th,
.glance-table table tbody tr:last-child td { border-bottom: none; }

.langlist { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.langlist li { display: inline; margin-right: 15px;  }
.langlist li:last-child { margin-right: 0; }
.langlist li .flag-icon {  }


.article-wrapper { margin-bottom: 30px; }
.article-title { margin-bottom: 20px; }
.article-title .title { margin: 0; }
.article-description { text-align: justify;}


.property-actions { margin-bottom: 30px; }
.property-actions > ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.property-actions > ul > li { border-bottom: 1px solid transparent; padding: 1px 0; color: #2D2D2D;   }
.property-actions > ul > li a { color: inherit; }


.icon-action { display: block; padding: 6px 0px 6px 26px; background-repeat: no-repeat; background-position: center left; background-size: 20px 20px; }
.icon-action-view { background-image: url('../images/icon-action-view.svg'); }
.icon-action-print { background-image: url('../images/icon-action-print.svg'); }
.icon-action-share { background-image: url('../images/icon-action-share.svg'); }
.icon-action-report { background-image: url('../images/icon-action-report.svg'); }
.icon-action-note { background-image: url('../images/icon-action-note.svg'); }

.landlord-wrapper {  
    border: 3px solid #EDEDED; padding: 15px;
    display: flex; flex-wrap: wrap; align-items: center; 
    margin-bottom: 60px; 
}
.landlord-left { flex: 1;  }
.landlord-right { width:180px; }
.landlord-action { display: block; width: 100%;  text-align: center; }
.landlord-action-button { margin-bottom: 8px; }
.landlord-action-button .btn-primary { 
    text-transform: uppercase; background-color: #4B9EF1; border-color: #4B9EF1;  
    font-weight: 500; font-size: 16px; 
}
.landlord-action-number { font-size: 14px; }
.landlord-profile table { display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed; }
.landlord-profile table tbody tr td.cell { vertical-align: middle; }
.landlord-profile table tbody tr td.cell-picture { width: 80px; padding-right: 10px; }
.landlord-profile table tbody tr td.cell-info {  }

.profile-names {}
.profile-names small { font-size: 14px; }

.profile-phone-wrapper {
	margin: 0; padding: 0; list-style: none none; list-style-position: inside;
}
.profile-phone-wrapper > li { padding: 4px 0; }
.profile-phone-wrapper > li > a { }
.profile-phone-wrapper > li:last-child {  }

.profile-phone-wrapper > li.profile-phone { padding-top: 12px; }
.profile-phone-wrapper > li.profile-phone strong { font-weight: 700; }
.profile-phone-wrapper > li.profile-phone a { color: #EC0606; }


.alt-contacts-title {
	opacity: 0.5; font-size: 11px; text-transform: uppercase; margin-bottom: 12px; padding-top: 12px;  font-weight: 600;  
	display: block; width: 100%;
}
.alt-contacts {
	margin: 0 -8px; padding: 0px 0 0 0; list-style: none none; list-style-position: inside;
	display: flex; flex-wrap: wrap;  width: 100%;
}
.alt-contacts > li { width: 33.33%; padding: 4px 8px;  }

.agent-photo { 
    display: inline-block; position: relative; width: 70px; height: 70px;  
    border-radius: 50%; border: 1px solid #E0E0E0; overflow: hidden; 
}
.agent-photo img { 
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: 50% 50%; /* even if we dont declare this the image will still be centered https://css-tricks.com/on-object-fit-and-object-position/ */  
}


.agency-photo { 
    display: inline-block; margin-top: -24px;  margin-bottom: 10px; margin-left: 5px; 
    background-color: #fff; padding: 2px; 
    float: right; border: 1px solid #D9D9D9;
}
.agency-photo > span { display: block; width: 66px; height: 66px;  position: relative; }
.agency-photo img { 
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: 50% 50%; /* even if we dont declare this the image will still be centered https://css-tricks.com/on-object-fit-and-object-position/ */  
}

.ptabs-wrapper { border-top: 1px solid #E6E6E6; }
ul.ptabs { 
	margin: 0; padding: 0; list-style: none none; list-style-position: outside;  
	display: flex; align-items: center; justify-content: space-between; 
}
ul.ptabs::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
ul.ptabs .ptab-link { 
    position: relative; padding: 0 10px; 
    background: none; color: #2F7BCC; display: block; width: 20%; float: left; text-align: center; 
    font-size: 14px; 
    -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
ul.ptabs .ptab-link.current { color: #FA6E00; }
ul.ptabs .ptab-link::after {
    content: ""; display: block; width: 100%; height: 3px; 
    position: absolute; top: -2px; left: 0; 
    -webkit-transition:background-color 0.3s; -moz-transition:background-color 0.3s; transition:background-color 0.3s;
}
ul.ptabs .ptab-link.current::after { background-color: #F56C09; }
.ptab-content { display: none;  }
.ptab-content.current { display: inherit; }

.ptab-icon {
    display: inline-block; 
    padding: 12px 0px 12px 26px; cursor: pointer; 
    background-repeat: no-repeat; background-position: center left; background-size: 20px 20px;
}
.ptab-icon-gallery { background-image: url('../images/ptab-icon-gallery.svg'); }
.ptab-icon-360 { background-image: url('../images/ptab-icon-360.svg'); }
.ptab-icon-video { background-image: url('../images/ptab-icon-video.svg'); }
.ptab-icon-map { background-image: url('../images/ptab-icon-map.svg'); }
.ptab-icon-plot { background-image: url('../images/ptab-icon-plot.svg'); }
.ptab-icon-furnishing { background-image: url('../images/ptab-icon-furnishing.svg'); }
.ptab-icon-equipment { background-image: url('../images/ptab-icon-equipment.svg'); }
.ptab-icon-dispositions { background-image: url('../images/ptab-icon-dispositions.svg'); }

.ptab-link.current .ptab-icon-gallery { background-image: url('../images/ptab-icon-gallery-active.svg'); }
.ptab-link.current .ptab-icon-360 { background-image: url('../images/ptab-icon-360-active.svg'); }
.ptab-link.current .ptab-icon-video { background-image: url('../images/ptab-icon-video-active.svg'); }
.ptab-link.current .ptab-icon-map { background-image: url('../images/ptab-icon-map-active.svg'); }
.ptab-link.current .ptab-icon-plot { background-image: url('../images/ptab-icon-plot-active.svg'); }
.ptab-link.current .ptab-icon-furnishing { background-image: url('../images/ptab-icon-furnishing-active.svg'); }
.ptab-link.current .ptab-icon-equipment { background-image: url('../images/ptab-icon-equipment-active.svg'); }
.ptab-link.current .ptab-icon-dispositions { background-image: url('../images/ptab-icon-dispositions-active.svg'); }

.agency-wrapper { border: 1px solid #F9F9F9; background-color: #F9F9F9; margin-bottom: 30px;  }
.agency-title { background-color: #ECECEC; padding: 6px 10px; color: #B1B1B1; font-size: 13px; font-weight: 600; text-transform: uppercase; }
.agency-data { padding: 10px 10px; }
.agency-data .title { margin-bottom: 10px; }
.agency-buttons {}
.agency-buttons ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.agency-buttons ul li { margin-bottom: 10px; }
.agency-website { font-size: 12px; padding: 10px 0 0px 0; border-top: 1px solid #E8E8E8;  }
.agency-website a { color: inherit; opacity: 0.7;  }

.media-container { margin-bottom: 30px; }

.floor-plan-wrapper { padding: 15px 0; }
.floor-plan-title { font-size: 18px; }
.floor-plan-image { text-align: center; margin-bottom: 20px;  }
.floor-plan-image img { max-width: 100%; }
.floor-plan-actions {}

/* https://haacked.com/archive/2018/12/03/css-column-list-adventure/ */
.ficons-wrapper {}
.ficons {
    display: block; 
    margin: 0; padding: 0; list-style: none none; list-style-position: outside; 
    /* column-rule: dotted 1px #DEDEDE;  */     
    
    -webkit-columns: 2; -moz-columns: 2; columns: 2;
    /* -moz-column-width: 13em; -webkit-column-width: 13em; column-width: 13em; */
    -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em;
}
.ficons > li.fitem {
    text-align: left;  
    display: inline-block; width: 100%; vertical-align: top;
    /*  width: 50%; float: left;  display: inline;  */
    padding-bottom: 30px;
}
.ficons::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }

.ficon-title { 
    color: #FA6E00; font-size: 13px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px;  
    display: flex; width: 100%; justify-content:flex-start; align-items:center; text-align: left;
}
.ficon-title::after {
    content: '';
    border-top: 1px solid #E2E5E9;
    margin: 0 0 0 10px;
    flex: 1 0 20px;
}
.ficon-list { margin: 0; padding: 15px 0 0 0; list-style: none none; list-style-position: outside; }
.ficon-list > li.item { 
    padding: 10px 0 10px 32px;  
    background-image: url('../images/icon-facility-default.svg');
    background-repeat: no-repeat;
    background-position: center left; /* fixed*/ 
    background-size: 29px 29px;

}

.protypebox { margin: 0 0 15px 0; border: 1px solid #ECECEC;   }
.protypebox dt { 
	font-size: 15px; background-color: #F6F5F7; padding: 10px 15px; text-transform: uppercase; 
	display: flex; justify-content: space-between; align-items: center; 
}
.protypebox dd { padding: 8px 15px; }
.protypebox ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.protypebox ul li { border-bottom: 1px solid #E8E8E8; padding: 8px 0;  }
.protypebox ul li:last-child { border-bottom: none; }
.protypebox ul li a {}
.protypebox ul li a:hover { text-decoration: underline; }
.protypebox ul li.active {  }
.protypebox ul li.active a { color: #E65D10; }

.quicklinks {}
.quicklinks ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside;  }
.quicklinks ul li { padding: 8px 0; border-bottom: 1px solid #F6F5F7; }

.checkpolicy { font-size: 13px; padding-top: 10px;  }
.checkpolicy input[type="checkbox"] { margin-right: 5px; }

.addprop-wrapper {  border: 1px solid #ECECEC; position: sticky; top: 15px; }
.addprop { margin: 0; } 
.addprop dt {background-color: #ffffff; padding: 9px 15px; margin: 0;  }
.addprop dd { background-color: #F5F5F5; padding: 0px 0px; margin: 0;  }
.addprop ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.addprop ul li {}
.addprop ul li a { display: block; padding: 10px 15px; color: inherit; position: relative; }
.addprop ul li.active { background-color:#FFE2CB; }
.addprop ul li.active a { color:#D94700;  }
.addprop ul li.active a::after {
    position: absolute; top: 5px; right: 10px; 
    font-family: 'Font Awesome 6 Free'; content: "\f105"; font-weight: 900;
    font-size: 22px;
	
}

.tab_property { display: none; }
.tab_property_active { display: block; }

.red { color: #D90104; }
em.required { color: #D90104; font-style: normal; }

a.red-hover { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a.red-hover:hover { color:#FA6E00;  }

.gprice {   
    margin: 0 0 10px 0; padding: 0 0 0 0; list-style: none none; list-style-position: outside; 
    display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; 
    border-bottom: 2px solid #EDEDED;
}
.gprice > li { display: table-cell; padding-bottom: 8px; vertical-align: middle; }
.gprice > li.gcell-1 {}
.gprice > li.gcell-2 { text-align: right; }

.gcell-number {  color: #DE0606;  }
.gcell-number strong { font-size: 16px; }

.contactmap { width: 100%; height: 100%; }
.contactmap iframe { border: none; width: 100%; height: 100%; object-fit: cover; } 

.recapnote { font-size: 13px; opacity: 0.5; padding: 15px 0; text-align: center;  }
.recapnote a { color: #000; }
.grecaptcha-badge {  visibility: hidden; }




/* #############################################################################################################
												PRODUCT IMAGE
############################################################################################################## */
.product-image { display:block; background:#FFF; border:1px solid #CCC; }
.product-image img { width:100%; }

.product-image-brand { display:block; background:#FFF;  }
.product-image-brand img { width:100%; }

.fx-delete-link { 
	position:absolute; bottom:8px; right:8px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; 
	background-color:rgba(255,255,255,0.8);
	color:#C00; 
	-webkit-transform:all 0.5s; -moz-transform:all 0.5s; transition:all 0.5s;
}
.fx-delete-link:hover,
.fx-delete-link:focus,
.fx-delete-link:active { background:#C00; color:#FFF; }
.fx-delete-link .fa,
.fx-delete-link .zmdi,
.fx-delete-link .bi { font-size:18px; }

.fx-all { display:block; position:relative; }
.fx-all img { max-width:100%; }

.fx-trigger { 
	display:inline-block; position:absolute; top:8px; left:8px; 
}
.fx-trigger-link { 
	display:inline-block; width:30px; height:30px; line-height:32px; text-align:center; 
	background-color:rgba(255,255,255,0.8);
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	color:#000000;
	-webkit-transform:all 0.5s; -moz-transform:all 0.5s; transition:all 0.5s;
}
.fx-trigger-link:hover,
.fx-trigger-link:focus,
.fx-trigger-link:active {
	color:#000000;
	background-color:#d4ebcc; 
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.20); 
}
.fx-trigger-link .fa, 
.fx-trigger-link .zmdi,
.fx-trigger-link .bi { font-size:18px; }

.fx-controls { 
	display:inline-block; 
	position:absolute; top:1px; left:1px;
	z-index:10;
}

.fx-controls ul { margin: 0; padding: 0; list-style: none none; }
.fx-controls ul li {
	white-space:nowrap;
	position:relative;
	display:block; padding:4px 5px; font-size:13px; background-color:rgba(255,255,255,0.9); 
	-webkit-transform:all 0.5s; -moz-transform:all 0.5s; transition:all 0.5s;
}
.fx-controls ul li:hover {
	z-index:10;
	background-color:#d4ebcc;
	/* 	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); */
}
.fx-controls ul li .fa,
.fx-controls ul li .zmdi,
.fx-controls ul li .bi { 
	width:14px; text-align:center; 
	-webkit-transform:all 1s; -moz-transform:all 1s; transition:all 1s; 
}
.fx-controls ul li a { color:#000; }
.fx-controls ul li a:hover { text-decoration:none; }

.spin-right-once .fa, .spin-right-once .zmdi, .spin-right-once .bi { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); }
.spin-right-once:hover .fa, .spin-right-once:hover .zmdi, .spin-right-once:hover .bi { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); }
	
.spin-left-once .fa, .spin-left-once .zmdi, .spin-left-once .bi { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); }
.spin-left-once:hover .fa, .spin-left-once:hover .zmdi, .spin-left-once:hover .bi { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); }

.spin-180-once .fa, .spin-180-once .zmdi, .spin-180-once .bi { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); }
.spin-180-once:hover .fa, .spin-180-once:hover .zmdi, .spin-180-once:hover .bi { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); }

.spin-flip-horizontal .fa, .spin-flip-horizontal .zmdi, .spin-flip-horizontal .bi { -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); transform:rotateY(0deg); }
.spin-flip-horizontal:hover .fa, .spin-flip-horizontal:hover .zmdi, .spin-flip-horizontal:hover .bi { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); }

.spin-flip-vertical .fa, .spin-flip-vertical .zmdi, .spin-flip-vertical .bi { -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); transform:rotateX(0deg); }
.spin-flip-vertical:hover .fa, .spin-flip-vertical:hover .zmdi, .spin-flip-vertical:hover .bi { -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); transform:rotateX(180deg); }

.admin-page-title { border-bottom:2px double #999999; padding-bottom:10px; margin-bottom:20px;  }

.no-photo-available { position:relative;  }
.no-photo-available img { width:100%; }

.no-photo-description { background:#CDCED0; position:absolute; left:0; bottom:0; padding:6px 8px; font-size:11px; line-height: 1.2; font-style:italic; }


/* ############################# PRODUCT GALLERY ############################# */
.media-wrapper { 
	outline: 1px solid #EBEBEB; border: 1px solid #ffffff; background-color:#F1F1F1; display:block; height: 180px; /* = 1 */
	/*
	background: #FFFFFF;
	background: -webkit-linear-gradient(left top, #FFFFFF, #f4f4f4);
	background: -o-linear-gradient(bottom right, #FFFFFF, #f4f4f4);
	background: -moz-linear-gradient(bottom right, #FFFFFF, #f4f4f4);
	background: linear-gradient(to bottom right, #FFFFFF, #f4f4f4);
	*/
}
.media-table { margin: 0; padding: 0; list-style: none none;display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed;}
.media-table .media-table-cell { position: relative; display: table-cell; text-align: center; vertical-align: middle; height:180px; } /* = 2 */
.media-image { text-align: center; max-width: 100%; max-height: 100%; }
.gallery-item { position:relative;  }
.gallery-item-photo {  /* display:block; background:#FFF; border:1px solid #CCC; overflow:hidden; height:200px; */   }

.skew-overlay { display:block; position:relative; overflow:hidden; }
.skew-overlay img {
	-webkit-transform:all 0.3s; -moz-transform:all 0.3s; transition:all 0.3s;
	/*
	-webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
	*/
}
.skew-overlay:hover { background-color:rgba(0,0,0,1); }
.skew-overlay:hover img {	
    -webkit-transform: scale(1.2) rotate(-5deg);
    -moz-transform: scale(1.2) rotate(-5deg);
    -o-transform: scale(1.2) rotate(-5deg);
    -ms-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
	opacity: 0.7;	
}
/* figcaption */
.skew-overlay figcaption::before {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(255,255,255,0.33);
	content: '';
	z-index: 1;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);
	
	pointer-events:none; cursor:default;
}
.skew-overlay:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);
}

.gallery-item-delete {
	font-size:18px; 
	position:absolute; bottom:8px; right:8px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; 
	background-color:rgba(255,255,255,0.8);
	color:#C00; 
	-webkit-transform:all 0.5s; -moz-transform:all 0.5s; transition:all 0.5s;
}
.gallery-item-delete:hover,
.gallery-item-delete:focus,
.gallery-item-delete:active { background-color:#C00; color:#FFF; }
/* ############################# END | PRODUCT GALLERY ############################# */

.galleryflex { display: flex; margin: 0 -15px; align-items: stretch;  }
.galleryflex-main { padding: 0 15px; flex: 1; order: 1;  }
.galleryflex-aside { width: 300px; order: 2;    }
.galleryflex-float { position: sticky; top: 15px; padding: 15px;   border: 2px solid #14354B;  }
.galleryflex-float-title { margin-bottom: 10px; }

.form-upload-image { padding-top: 15px; }
.form-upload-image dl {}
.form-upload-image dt { font-weight: 500; margin-bottom: 10px;  }
.form-upload-image dd {}

.galrow {
	margin: 0 -8px  20px -8px; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; flex-wrap: wrap; 
}
.galrow .galitem { width: 33.33%; padding: 0 8px; margin-bottom: 15px;   }

.galleryflex-main-title { margin-bottom: 10px; }
.main-add-photo { display: flex; align-items: center;  border: 1px dashed #14354B; padding: 10px 12px; margin-bottom: 20px;  }
.main-add-photo .cell-1 { padding-right: 8px; }
.main-add-photo .cell-2 {}

.map-height-tab-wrapper { margin-bottom: 15px; }
.map-height-tab { height: 400px; }

.pretty { margin-bottom: 10px; }
.footer-hr-mobile { display: none; }

.hamburger-menu { display: none; }
.page-filters-wrapper  { display: none; }
.page-filters {}
.page-filters .btn { position: relative; }
.page-filters .btn .btn-count { 
	display: inline-flex; font-size: 12px; line-height: 1; font-weight: 500; 
	background-color: rgba(255,45,113,1.00); color: #fff;
	position: absolute; top:  -5px; right: -5px; 
	border-radius: 50%; height: 16px; min-width: 16px;
	padding: 0 4px;  
}
.sidebar-close-button { display: none; position:fixed; top: 15px; right: 15px; z-index: 10; }
.sidebar-close-button.expanded { display: inline-block; }
.sidebar-close-button .btn-toggle-filters {
	padding: 0; background-color: transparent; font-size: 30px; line-height: 1;
	color: #FA6E00; border: none;
}


.my-tabs { margin-bottom: 15px; }
.my-tabs > ul {
	margin: 0; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; align-items: stretch; 
	position: relative; 
}
.my-tabs > ul::after { 
	content: ''; display: block; height: 1px; background-color: #CDCDCD; 
	position: absolute; bottom: 3px; left: 0; width: 100%;
}

.my-tabs > ul > li {  margin-right: 6px;    }
.my-tabs > ul > li > a {
	display: block; padding: 10px 20px; 
	border: 1px solid #CDCDCD; border-bottom: none; 
	position: relative; 
	color: #14354B; 
	font-size: 13px; font-weight: 500;
	opacity: 0.8;
}

.my-tabs > ul > li.current {}
.my-tabs > ul > li.current a {
	opacity: 1; font-size: 14px; border-width: 2px;  
	border-color: #14354B; background-color: #fff; font-weight: 600;
	position: relative; z-index: 10;
}

.my-count { 
	position: absolute; top: -9px; right: -3px;
	display: flex; align-items: center; justify-content: center; 
	min-width: 20px; height: 20px;  font-weight: 600; 
	background-color: #39393A;  color: #fff; 
	border-radius: 50%;
	font-size: 14px; 
}
.my-count.status-default { background-color: #FA6E00; }
.my-count.status-active { background-color: #0A940D; }
.my-count.status-inactive { background-color: #9A9A9A; }


.table-properties { display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed; }
.table-properties thead {}
.table-properties thead th { text-align: left; background-color: #F6F5F7; padding: 6px 10px;  }
.table-properties thead th.idno { width: 46px; }
.table-properties thead th.actions { text-align: right; }
.table-properties tbody {}
.table-properties tbody tr {}
.table-properties tbody tr.tr-success {  }
.table-properties tbody tr.tr-danger { background-color: #F9EBE6; }
.table-properties tbody tr.tr-danger  .btn-status { color: #4EA30B; border-color: #4EA30B; }
.table-properties tbody tr.tr-danger .td-label a { text-decoration: line-through; color: #AD0C0F; font-style: italic; }
.table-properties tbody td { padding: 6px 10px; border-bottom: 1px solid #ECECEC; }
.table-properties tbody td.actions { text-align: right; }

.block-actions-wrapper { display: inline-block; }
.block-actions {
	margin: 0 -5px; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; align-items: center; 
}
.block-actions > li { padding: 0 5px; }
.block-actions > li > a { 
	display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; 
	padding: 3px 6px; border: 2px solid #ECECEC;  border-radius: 50%; 
	color: #14354B; 
}
.block-actions > li > a:hover { border-color:#14354B;  }
.block-actions > li > a.btn-delete { color: #EA4545;  border-color: #EA4545; }
.block-actions > li > a .bi,
.block-actions > li > a .fa { font-size: 20px; line-height: 1; }


/* Checkboxes */
label.checkmark.is-hidden { display: none; }
label.checkmark { display: flex; align-items: center; cursor: pointer; user-select: none; margin-bottom: 10px;  }
label.checkmark:hover { text-decoration: underline; color: #115DBF; }
label.checkmark .checkmark-icon { 
	position: relative;  content: '';
	display: flex; height: 21px; width: 21px; margin-right: 6px;
	border: solid 2px #3BA53B; background-color: #ffffff;
	-webkit-transition:all 0.15s; -moz-transition:all 0.15s; transition:all 0.15s;
}
label.checkmark .checkmark-icon::after {
	display: flex;  content: ''; pointer-events: none;
	position: absolute; top: 2px; left: 0px; 
	height: 10px; width: 17px;
	border-bottom: solid 4px #ffffff; border-left: solid 4px #ffffff;
	background-color: none;
	transform: rotate(-45deg) scale(0);
	transition: transform .1s ease, opacity .1s ease;
	transform-origin: center center;
}
label.checkmark .checkmark-label { flex: 1; }
label.checkmark input[type="checkbox"]:checked +  .checkmark-icon { background-color: #3BA53B; }
label.checkmark input[type="checkbox"]:checked +  .checkmark-icon::after {
  opacity: 1; transform: rotate(-45deg) scale(.8);
}
/* END | Checkboxes */

ul.socialgrid {
	margin: 0 -15px; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; flex-wrap: wrap; 
}
ul.socialgrid > li.item { width: 33.33%; padding: 0 15px; margin-bottom: 20px;  }

.soflex { 
	display: flex; align-items: stretch; align-items: center; 
	margin: 0 -4pxpx; padding: 0; list-style: none none; list-style-position: inside;
}
.soflex > li { padding: 0 4px; }
.soflex > li.item-icon { font-size: 30px; line-height: 1;  }
.soflex > li.item-input { flex: 1; }
.soflex > li.item-help { font-size: 20px; line-height: 1;  }


.social-enquiry { margin-bottom: 20px; border: 2px solid #F3F4F9;  }
.social-enquiry dt { padding: 10px 15px; background-color: #F3F4F9; }
.social-enquiry dd { padding: 12px 15px; }

.socialgrid-title { font-size: 12px; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; color: #2F7BCC;  }


.facilities-list { 
    margin: 0 -10px; padding: 0; list-style: none none; list-style-position: outside; 
    display: flex; flex-wrap: wrap;
}
.facilities-list > li {
    position: relative; min-height: 1px; width: 25%; padding: 0px 10px; margin-bottom: 20px;  
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.facilities-list > li:hover { /* background-color: #F9F9F9; */ }

.icon-facility {
    display: block; padding: 5px 0 5px 38px; position: relative;
    background-image: url('../images/icon-facility-default.svg');
    background-repeat: no-repeat; background-position: top 3px left 0; background-size: 30px 30px; 
    min-height: 32px;
}

.img-contain { width: 100%; height: 100%; object-fit: contain; }
.img-cover { width: 100%; height: 100%; object-fit:cover; }
 
/* Facility Checkbox */
.factcheck-label { 
	cursor: pointer; display: block; position: relative; user-select: none;
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.factcheck-label:hover .factcheck { border-color: #EEEEEE; }
.factcheck { 
	margin: 0 -5px; 
	display: flex; align-items: center; 
	border: 2px solid transparent;
}
.factcheck-icon { padding: 0 5px; display: block; width: 42px; height: 42px; }
.factcheck-label { padding: 0 5px; flex: 1; }
.factcheck-mark { 
	position: absolute; top: 5px; right: 5px; 
	display: inline-block; 
	font-size: 16px; line-height: 1; color: #1EB315; 
	pointer-events: none; 
	opacity: 0; 
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.factcheck-label input[type="checkbox"] {}
.factcheck-label input[type="checkbox"]:checked + .factcheck { border-color: #68A968; background-color: #F0FFF0;  }
.factcheck-label input[type="checkbox"]:checked + .factcheck .factcheck-icon { }
.factcheck-label input[type="checkbox"]:checked + .factcheck .factcheck-label { color: #2F900B; font-weight: 500; }
.factcheck-label input[type="checkbox"]:checked + .factcheck .factcheck-mark { opacity: 1;  }

.factcheck-name { display: block; line-height: 1; font-size: 14px;   }
.facility-note { display: flex; align-items: center; }
.facility-note > i { font-size: 12px;  margin-right: 3px; }
.facility-note-label { font-size: 11px; }
/* END | Facility Checkbox */


.btn-facility-edit { 
	display: block; padding: 4px 4px; font-size: 10px;  font-weight: 500; text-transform: uppercase; 
	border-radius: 3px; line-height: 1; 
	background-color: #FFE2CB; color: #D94700; 
}


.addroomtype { margin-top: -15px; margin-bottom: 20px;  padding: 15px; position: relative; background-color: #F5F5F5; }
.addroomtype::after {
	position: absolute; bottom: -10px; right: 20px; 
	content: ''; display: block; width: 20px; height: 20px; transform: rotate(45deg);
	background-color: #F5F5F5;
}


.roomarea-wrapper { background-color: #14354B; color: #fff; }
.roomarea { display: flex; align-items: center; padding: 8px 15px; justify-content: space-between;    }
.roomarea .action-title {}
.roomarea .action-title .title { margin-bottom: 0; font-size: 20px; line-height: 1;  text-transform: uppercase; font-weight: bold; }
.roomarea .action-primary {}
.roomarea .action-secondary {}
.roomarea-notes {}

.address-flex { display: flex; align-items: center; margin-bottom: 5px;   }
.address-flex-label { padding-right: 15px; }
.address-flex label[role="button"] { color: #115DBF; }

.ml-section { display: flex; align-content: stretch; margin-bottom: 20px;  }
.ml-nav { display: flex; flex-direction: column; justify-content: center; }
.ml-nav ul {
	margin: 0; padding: 0; list-style: none none; list-style-position: inside;
	display: flex; flex-direction: column;  
}
.ml-nav ul > li {}
.ml-nav ul > li > a { 
	opacity: 0.6; background-color: #E6E9ED;  
	border: 1px solid #CED4DA; border-bottom: none; border-left: none; 
	display: block; padding: 6px 8px;  
	position: relative; 
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.ml-nav ul > li > a::after {
	position: absolute; top: 0; left: -1px; bottom: 0; 
	content: ''; width: 1px; height: 100%; background-color: #fff;  
}
.ml-nav ul > li.is_active > a { opacity: 1; background-color: #fff; }
.ml-nav ul > li:last-child > a { border-bottom: 1px solid #CED4DA; }

.ml-container { flex: 1; }
.ml-content { display: none; }
.ml-content.is_visible { display: block; }




/* ▬▬▬▬ι═══════════════════════════════════════════════════════════════════════════════════════════ι▬▬▬▬ */
/* ▬▬▬▬ι════════════════════════════ﺤ   ●▬▬▬▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬▬▬▬▬●   -═══════════════════════════ι▬▬▬▬ */
/* ▬▬▬▬ι═══════════════════════════ﺤ       B R E A K P O I N T S       -═══════════════════════════ι▬▬▬▬ */
/* ▬▬▬▬ι════════════════════════════ﺤ   ●▬▬▬▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬▬▬▬▬●   -═══════════════════════════ι▬▬▬▬ */
/* ▬▬▬▬ι═══════════════════════════════════════════════════════════════════════════════════════════ι▬▬▬▬ */

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                      BOOTSTRAP 5 BREAKPOINTS                                      ║ */
/* ╠═══════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                               SPECIFIC BREAKPOINT RANGES (AVOID USING)                            ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XS -> SKPPED (dublicated breakpoint below)  */
/* SM */
@media (min-width:576px) and (max-width:767.98px) {} /* @media */
/* MD */
@media (min-width:768px) and (max-width:991.98px) {} /* @media */

/* ══════════╣   The following codes are specifically for iPad (portrait and landscape)    ╠═════════════ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {} /* @media iPad Portrait */

/* LG */
@media (min-width:992px) and (max-width: 1279.98px) {} /* @media */
/* XL */
@media (min-width:1280px) and (max-width: 1365.98px) {} /* @media */
/* 2XL */
@media (min-width:1366px) and (max-width: 1439.98px) {} /* @media */
/* 3XL: */
@media (min-width:1440px) and (max-width: 1599.98px) {} /* @media */
/* 4XL */
@media (min-width:1600px) and (max-width: 1919.98px) {} /* @media */
/* 5XL -> SKPPED (dublicated breakpoint below)  */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                         IF WIDTH EXCEEDS "$" (DO NOT USE ON FULL-WIDTH SITES)                        ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	/* DESKTOP MENU */

} /* @media */
@media (min-width: 1280px) {
	.newsletter-signup-actions { text-align: right; }
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {

}
@media (min-width: 1600px) {

}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                         IF WIDTH REACHES "$"                                         ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
	 

} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {

	 

} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
 
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {

	ul.socialgrid > li.item { width: 50%; }
 

} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
	
	.h4 { font-size: 15px; }
	
	.extended-title .title { font-size: 28px; }
	
    .flexcell {  width: 33.33%; }
	.flexgrid-results .flexcell { width: 50%; }
    .extended-title { padding: 25px 0; }
    .navigation > ul > li > a { padding-left: 15px; padding-right: 15px; }
	
	.checktable-pagination > li.cell-1 .pagenav-label,
	.checktable-pagination > li.cell-4 .pagenav-label { display: none; }
	
	.propertybox .photo { margin-bottom: 0; }
	.propertybox-data { padding: 10px; }
	.propertybox-data .title.h4 {}
	.propertybox-data .description { font-size: 13px; margin-bottom: 0;  }
	
	.facilities-list > li { width: 33.33%; }
	.galrow .galitem { width: 50%; }
	
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {
	
	.extended-title .title { font-size: 26px; }
    .h1, h1 { font-size: 19px; }
	.h4, h4 { font-size: 14px; }
    .search-title .title { font-size: 26px; }
    .line-title .title { font-size: 24px; }
	
	.columns-2 .column-left { padding-right: 16px; width: 260px;  }
	
	.hamburger-menu { display: inline-block; margin-right: 18px;  }
	.navigation { display: none; }
    
	.flexgrid { margin-left: -8px; margin-right: -8px; }
    .flexcell {  width: 50%; padding-left: 8px; padding-right: 8px;  }
    .footer-hr-mobile { display: block; }
    .copyright-line { margin: 14px 0; }
    .checkpolicy { padding-top: 0; margin-bottom: 10px;  }
    .extended-title { padding: 20px 0; }
    .propertybox { margin-bottom: 20px; }
    .logo { }
	
	.photo-labels { top: 8px; }
	.photo-labels ul li { padding: 2px 4px; font-size: 10px; }
	.photo-id { padding: 2px 4px; font-size: 11px; }
	.photo-badges { top: 8px; right: 8px; }
	.photo-badges ul li { width: 24px; }
	.photo-price  { bottom: 4px; left: 6px;  }
	.picon.picon-favorite  { padding-left: 0; }
    
    .scg-1 .cell-1,
    .scg-1 .cell-2,
    .scg-1 .cell-3,
    .scg-1 .cell-4,
    .scg-1 .cell-5,
    .scg-1 .cell-6  { width: 33.33%; }
    .scg-1 .cell-7,
    .scg-1 .cell-8 { width: 50%; }
    
    .scg-2 .cell-1,
    .scg-2 .cell-2,
    .scg-2 .cell-3,
    .scg-2 .cell-4,
    .scg-2 .cell-5,
    .scg-2 .cell-6  { width: 33.33%; }
    .scg-2 .cell-7,
    .scg-2 .cell-8 { width: 50%; }
    
    .scg-3 .cell-1 { width: 100%; }
    .scg-3 .cell-2 .line .line-label { display: none; }
	
	.facilities-list > li { width: 50%; }
	.galleryflex-aside { width: 240px; }
	.galleryflex-float { padding: 8px; }
	.galleryflex-float #upload_photo,
	.galleryflex-float #upload_photo2 { font-size: 13px; }
	

} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {
 
	.flexgrid-results .flexcell { width: 100%; }

    .h1, h1 { font-size: 19px; }
	.property-title .title.h1 { font-size: 19px; }
	
    .search-title .title { font-size: 26px; }
    .line-title .title { font-size: 20px; }
    .catalogue-title .title-1 { font-size: 18px; }
    .prosection dd  { font-size: 15px; }
    .prosection .count { font-size: 14px; }
    
    .flexcell {  width: 50%; }
    .footer-hr-mobile { display: block; }
    .copyright-line { margin: 14px 0; }
    .checkpolicy { padding-top: 0; margin-bottom: 10px;  }
    .extended-title { padding: 15px 0; }
    .search-hero { padding-top: 100px; padding-bottom: 30px; }
    .line-title { margin-bottom: 20px; }
    .line-title-wrapper { padding: 0 15px; }
    .prosection dd { padding: 8px 10px; }
    .prosection .count {
        position: absolute; top: 0; right: 0; background-color: #FA6E00; color: #fff; 
        display: inline-block; padding: 4px 5px; 
    }
    .catalogue-title .title-2 { margin-bottom: 5px; font-size: 10px; }
    .catalogue-title .title-3 { font-size: 10px; padding: 4px 8px; }
    .btn-radiotab .label { font-size: 12px; padding: 10px 13px; }
    .search-title { margin-bottom: 20px; }
    .property-section { padding-top: 0; }
    .flexgrid-properties .flexcell { width: 100%; }
    .footer-wrapper { padding-bottom: 15px; padding-top: 25px; }
    .useful-links ul { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
    .header-menu > ul > li {  }
    .propertybox { margin-bottom: 15px; }
    .logo { }
    
    .scg-1 .cell-1,
    .scg-1 .cell-2,
    .scg-1 .cell-3,
    .scg-1 .cell-4,
    .scg-1 .cell-5,
    .scg-1 .cell-6  { width: 50%; }
    .scg-1 .cell-7,
    .scg-1 .cell-8 { width: 100%; }
    
    .scg-2 .cell-1,
    .scg-2 .cell-2,
    .scg-2 .cell-3,
    .scg-2 .cell-4,
    .scg-2 .cell-5,
    .scg-2 .cell-6  { width: 50%; }
    .scg-2 .cell-7,
    .scg-2 .cell-8 { width: 100%; }
    
    .scg-3 .cell-1 { width: 100%; }
    .scg-3 .cell-2 .line .line-label { display: none; }
	
	ul.ptabs .ptab-link { padding: 0; }
	.ptab-icon { padding-top: 10px; padding-bottom: 10px; font-size: 13px;  }
	.ptab-label { display: block; overflow: hidden; max-width: 0; opacity: 0;  }
	.ptab-link.current .ptab-label { max-width:inherit; opacity: 1;  }
	.property-title { margin-bottom: 15px; }
	.listshare ul li.listshare-label { display: none; }
	
	.gprice { display: flex; flex-wrap: wrap; }
	.gprice > li { display: block; width: 50%; }
	.gprice > li.gcell-2 { text-align: left; }
	dl.glance dt { font-size: 13px; }
	dl.glance {  padding-left: 26px; background-size: 22px 22px; }
	.glance-table { font-size: 14px; }
	.langlist li { display: block; }
	
	ul.ptabs .ptab-link { width: 100%; }
	.landlord-wrapper { padding: 10px; flex-direction: column; margin-bottom: 30px;  }
	.landlord-left { display: flex; width: 100%; margin-bottom: 10px; }
	.landlord-right { display: flex; width: 100%; }
	.ficon-title { font-size: 12px; }
	.ficon-list { padding-top: 0; }
	.ficon-list > li.item  { font-size: 13px; padding-left: 26px; background-size: 24px 24px;  }
	.ficons > li.fitem { padding-bottom: 10px; }
	
	.harrow { width: 32px; height: 32px; }
	.harrow-controls { top: -51px; }
	.line-title { text-align: left; }
	.line-title .title { justify-content: flex-start; }
	.line-title .title::before, 
	.line-title .title::after { display: none; }
	
	.page-title { margin-bottom: 9px; }
	.addprop-wrapper { margin-bottom: 20px; }
	
	
	.columns-2 { position: relative; }
	.columns-2 .column-left {
		display: none; 
		background-color: #fff;
		position: fixed; top: 0; left: 0; z-index: 10;
		height: 100vh; overflow-y: auto; 
		width: 280px; padding-right: 0;
		box-shadow: 0 0 30px;
		/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */
	}
	.columns-2 .column-left.expanded { display: block; }
	.columns-2 .column-right.expanded { position: relative; }
	.columns-2 .column-right.expanded::after {
		content: ''; display: block; position: fixed; top:0; left: 0; bottom: 0; right: 0;
		background-color: rgba(0,0,0,0.78);
	}
	
	
	.filter-options-item ol.items { max-height: inherit; }
	
	.checktable-footer-wrapper { text-align: center; }
	.checktable-footer-wrapper .left .checktable-footer { float: none; }
	.checktable-footer { margin: 0 auto 10px auto; }
	.checktable-footer-wrapper .right .checktable-pagination { float: none; }
	main.inner { padding-bottom: 15px; }
	
	.page-filters-wrapper { display: block; margin-bottom: 15px; }
	ul.socialgrid > li.item { width: 100%; }
	.alt-contacts > li  { width: 50%; }
	
	.facilities-block dt .title { font-size: 14px; }
	.facilities-list > li { margin-bottom: 20px; }
	.factcheck-icon { width: 34px; height: 34px; }
	.factcheck-name { font-size: 13px; }
	
	.roomarea { flex-wrap: wrap; }
	.roomarea .action-title .title { font-size: 18px; margin-bottom: 0;  }
	.roomarea .action-title { width: 100%; order: 1; text-align: center; padding-bottom: 0px;  }
	.roomarea .action-primary {  order: 2; margin-top: 10px;  }
	.roomarea .action-secondary { order: 3; margin-top: 10px;  }
	.roomarea .btn-sm { padding: .3rem .5rem; font-size: .775rem; }
	
	.galrow .galitem { width: 100%; }
	.galleryflex { flex-wrap: wrap; }
	.galleryflex-aside { order: 1; width:  100%; margin-bottom: 20px;  }
	.galleryflex-main  { order: 2; width:  100%; }
	
	.main-add-photo { flex-wrap: wrap; }
	.main-add-photo .cell-1 { width:  100%; margin-bottom: 6px;   }
	.main-add-photo .cell-2 { width:  100%;  }
	
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
/* https://css-tricks.com/snippets/css/orientation-lock/ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { 
	.flexcell {  width: 50%; }
}
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */