/* 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; 
}
button, input, optgroup, select, textarea { font-family: 'Roboto', sans-serif; font-weight:400; } 

/* *[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;  }

/* 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; }
.checktable-footer .button-go2page .zmdi { 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 { font-size: 26px;  }
.checktable-pagination > li.cell.disabled a { color: #bbbbbb; cursor:not-allowed; }
.checktable-pagination > li.cell .zmdi { 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: FontAwesome; 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 0 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 { height: 73px; }
main.inner { padding-bottom: 30px;  }

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

.header { padding: 10px 0; }

.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; position: absolute; top: 20px; right: 0; }
.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;
}
.header-menu > ul > li .btn:hover { border-color: rgba(255,255,255,0.40); }
.header-menu > ul > li .btn .zmdi-plus { font-size: 20px; float: left; margin-right: 5px; position: relative; line-height: 17px;  }
.header-menu > ul > li .btn .zmdi-sign-in { 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; }

.navigation { display: inline-block; position: absolute; top: 17px; left: 70px; }
.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 { margin-bottom: 15px; }
.breadcrumbs { padding: 5px 0px;  } 
.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-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 { 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; margin: 0 -15px;  }
.flexcell { position: relative; min-height: 1px; 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 { border: 1px solid #ECECEC; border-radius: 6px; margin-bottom: 30px;  }
.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 { 
    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 { color: #EC4EA0; }
.photo-favorites .favorite.active { background-color: #EC4EA0; }
.photo-favorites .favorite.active:hover { background-color: #9C6582; }
.photo-favorites .favorite.active .fa { color: #FFFFFF; }


.propertybox-data { padding: 8px 15px; }
.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 { color:#5B76DC; }
.propertybox-data .description { font-size: 14px;  color: #52666D; margin-bottom: 12px; font-style: italic; }

.propertybox-icons { background-color: #F6F5F7; padding: 12px 15px; }
.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 { font-size: 18px; }
a.picon.picon-favorite { color: #B3B3B3;  }
a.picon.picon-favorite:hover,
a.picon.picon-favorite.active { color: #D62135; }
a.picon.picon-favorite.active .fa-heart-o::before { content: "\f004"; }



.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;  }

.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-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 { 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 { 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: 14px; 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 {
    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%);
}
.facilities-block dt .title { text-transform: uppercase; font-weight: 500;  }
.facilities-block dt .title .fa { 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 { opacity: 1; }

.facilities-block .actions { display: inline-block; position: absolute; top: 4px; right: 5px; font-size: 12px;  }
.facilities-block .actions::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }
.facilities-block .actions a { 
    display: block; float: left; margin-right: 8px;  font-size: 14px; 
    width: 28px; height: 28px; background-color: #F6F6F6; line-height: 28px; 
    border:1px solid transparent;
    border-radius: 50%; text-align: center;
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.facilities-block .actions a:last-of-type { margin-right: 0; }
.facilities-block .actions a:hover { border-color:#014C8C; }
.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 { 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: 37%; }
.scg-2 .cell-8 { width: 16%;}
.scg-2 .cell-9 { width: 17%;  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:fontAwesome;
    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 { font-size: 29px; line-height: 1; position: relative; bottom: 1px; }
.harrow-left .fa { left: -1px; }
.harrow-right .fa { 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; flex-wrap: wrap; }
.columns-2 .column-left { position: relative; min-height: 1px;  width: 300px; padding-right: 30px;  }
.columns-2 .column-right { position: relative; min-height: 1px;  width: calc(100% - 300px); }

.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 { font-size: 22px; line-height: 34px;  }


.block-filter {}
.filter-options-title {
    cursor: pointer; font-weight: 500; padding: 8px 30px 8px 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;

}
.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::after { 
    font-family: 'FontAwesome'; content: "\f106";
    position: absolute; top: 3px; right: -3px; font-size: 22px;  
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.filter-options-title:hover::after { color: #FA6E00; }

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


.filter-options-item { margin-bottom: 20px;  }
.filter-options-item ol.items {
    margin: 0; padding: 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: 'FontAwesome'; content: "\f105"; }

.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: 0; 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: 20px; }
.cpm-filter-item input[type="checkbox"] + .label::before {
    position: absolute; top: 1px; left: 0; 
    font-family: 'Material-Design-Iconic-Font'; content: '\f279'; 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="checkbox"] + .label:hover::before { opacity: 1.0; }
.cpm-filter-item input[type="checkbox"]:checked + .label::before { content: '\f26a'; color: #1CA73D;  }

.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 {
    content: "\f110"; font-size: 30px;  font-family: FontAwesome; 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 {  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 { display: flex; width: calc(100% - 180px); }
.landlord-right { display: flex; 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 { padding-top: 12px; }
.profile-phone strong { font-weight: 700; }
.profile-phone a { color: #EC0606; }

.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;  }
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: #222; 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-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'); }


.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-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: 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; }
.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; }
.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: FontAwesome;
    content: "\f105"; font-size: 22px;
}

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

.red { color: #D90104; }

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; }





/* #############################################################################################################
												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 { 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 { 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 { 
	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 { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); }
.spin-right-once:hover .fa, .spin-right-once:hover .zmdi { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); }
	
.spin-left-once .fa, .spin-left-once .zmdi { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); }
.spin-left-once:hover .fa, .spin-left-once:hover .zmdi { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); }

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

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

.spin-flip-vertical .fa, .spin-flip-vertical .zmdi { -webkit-transform:rotateX(0deg); -moz-transform:rotateX(0deg); transform:rotateX(0deg); }
.spin-flip-vertical:hover .fa, .spin-flip-vertical:hover .zmdi { -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; margin-bottom:20px;  }
.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 ############################# */


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

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

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


@media (max-width:767px) {
	.flexgrid-results .flexcell { width: 100%; }

    .h1, h1 { font-size: 20px; }
    .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 { margin-right: 0; }
    .propertybox { margin-bottom: 15px; }
    .logo { margin-left: 50px; }
    
    .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; }
     
    
} /* End of @media ----------------------------------------------------------------------------- */

/* https://css-tricks.com/snippets/css/orientation-lock/ */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .flexcell {  width: 50%; }
} /* End of @media ----------------------------------------------------------------------------- */


/* SM - SECONDARY */
/* Old small -screen devices (tablets, 575px and up) : KEEP IT AFTER :  @media (max-width:767px) */
@media (max-width:575px) {}
/* @media ==================================================================================== */
@media (max-width:575px) and (orientation:landscape) {}
/* @media ==================================================================================== */
/* --------------------------------------------------------------------------------------------- */


/* MD */
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
    .h1, h1 { font-size: 24px; }
    .search-title .title { font-size: 36px; }
    .line-title .title { font-size: 24px; }
    
    .flexcell {  width: 50%; }
    .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 { margin-left: 52px; }
    
    .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; }
    
} /* End of @media ----------------------------------------------------------------------------- */


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

/* LG */
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1247px) {
    .flexcell {  width: 33.33%; }
    .extended-title { padding: 25px 0; }
    .navigation > ul > li > a { padding-left: 15px; padding-right: 15px; }
    
} /* End of @media ----------------------------------------------------------------------------- */


/* ! USE THIS ONE ON NON-FULL-WIDTH SITES */
@media (min-width:1248px) {
    /* DEFAULT 1200px  changed to 1248px */ 
    .newsletter-signup-actions { text-align: right; }
}
 
/* ! USE BELOW ONLY ON NON-FULL-WIDTH SITES */


/* SPECIAL OCCASIONS ONLY */
@media (max-width:575px) {}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {}
 

/* ! USE BELOW ONLY ON FULL-WIDTH SITES */
/* XL: 1280x1024 */
/* Extra large devices (large desktops, 1280 and up) */
@media (min-width:1248px) and (max-width: 1333px) {
	 
} /* End of @media ----------------------------------------------------------------------------- */

/* 2XL: 1366 x 768 */
/* Extra large devices (large desktops, 1366px and up) */
@media (min-width:1334px) and (max-width: 1407px) {
	 
}
    
/* 3XL: 1440 x 900 */
/* Extra large devices (large desktops, 1440 and up) */
@media (min-width:1408px) and (max-width: 1879px) {
   
}

/* SPECIAL OCCASIONS ONLY  */
@media (min-width:1880px) { /* 1920 x 1080 and up  */
	 
} /* End of @media ----------------------------------------------------------------------------- */