/* === LIVE STYLE CHECK: REALTY_WIDE ROOT === */

.scrollbar {
  overflow-y: auto;
  overflow-x: hidden; }
  .scrollbar:not(.scrollbar_no-padding) {
    padding-right: 10px; }
  .scrollbar_horizontal {
    overflow-y: hidden;
    overflow-x: auto; }
    .scrollbar_horizontal:not(.scrollbar_no-padding) {
      padding-right: 0;
      padding-bottom: 10px; }
  .scrollbar::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0.1);
    width: 4px;
    height: 4px;
    border-radius: 2px; }
  .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(44, 151, 205, 0.4); }
  .scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(44, 151, 205, 0.8); }

/*** COMMON STYLES ***/
body, html {
	height: 100%;
}
body {
	margin: 0px auto;
	background: #f2f2f2;
	font-size: 14px;
	color: #444444;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

input,select,option,p,form,ul,li,ol,h1,h2,h3,h4,h5,h6,td,img,table {
	margin: 0;
	padding: 0;
	border: 0;
}
::selection {
	background: #707070;
	color: white;
}
::-moz-selection {
	background: #707070;
	color: white;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.clearfix {
    *zoom: 1;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

ul li {
	list-style: none;
}

body.static-page section#controller_area ul li,
section.side_block.html-block ul li,
section.content_block.html-block ul li {
    list-style: inherit;
}
body.static-page section#controller_area ul,
body.static-page section#controller_area ol,
section.side_block.html-block ul,
section.side_block.html-block ol,
section.content_block.html-block ul,
section.content_block.html-block ol {
	padding: 10px 0 10px 40px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.fixed {
	table-layout: fixed;
}
img {
	vertical-align: middle;
}
label {
	user-select: none;
}
b, strong {
	font-weight: 600;
}

.shrink-fix {
    min-width: 0;
}
.show {
  display: block !important;
}
.grid-icon-fill,
.details-icon-fill {
    fill: #2d97cd !important;
}
.header-usernav-icon-fill {
    fill: #f1cb00 !important;
}

.hide {
	display: none;
}
.hidden {
	visibility: hidden;
}
.invisble {
	opacity: 0;
}
.clear {
	clear: both;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.ralign {
	text-align: right!important;
}
.lalign {
	text-align: left!important;
}
.align-center {
	text-align: center;
}
.relative {
	position: relative;
}
.nowrap {
	white-space: nowrap;
}

/* links */
a:link,
a:visited,
.link {
	color: #2c97cd;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
a:hover,
a:active,
.link:hover {
	color: #116491;
}
a.active {
    color: #002b43;
    font-weight: 400;
}
/* links end */

/* fonts */
.link-large {
	font-size: 1.143em!important;
	font-weight: 400!important;
}
span.text-notice,
div.text-notice {
	padding-bottom: 10px;
}
.close,
.red {
	color: #e44848!important;
}
.close:hover,
.red:hover {
	color: #ff5d5d!important;
}
.red.margin {
	padding-left: 10px!important;
	cursor: pointer;
}
.date {
	font-size: 0.857em;
	color: #949494;
}
.notice,
.notice_message {
	color: #c95265;
	font-size: 0.929em;
}
.notice_message {
	padding-top: 5px;
}
a.card-link,
ul.featured li.title a {
	font-weight: 400;
	color: #111111;
}
a.card-link:hover,
ul.featured li.title a:hover {
	color: #0172af;
}
/* fonts end */

/* h1 */
h1 {
	color: #333333;
	font-size: 2.143em;
	margin: -8px 0 28px 0;
	font-weight: normal;
	padding: 0;
	font-weight: 300;
	overflow: hidden;
}
#controller_area > h1 {
	margin-bottom: 22px;
}
.h1-nav h1 {
	overflow: hidden;
	margin-top: 0;
}
.h1-nav nav {
	float: right;
	vertical-align: top;
}
.h1-nav nav > a.icon {
	display: none!important;
}
/* h1 end */

/* global style items */
.hlight {
	background: #ffffff;
}
.hborder {
	border-color: #e9e9e9;
}
/* global style items end */

/* inputs */
input[type=text],
input[type=search],
input[type=password],
input[type=number],
textarea,
select,
span.pills,
.select2-selection--single,
.select2-selection--multiple,
.select2-dropdown {
	height: 34px;
	background: white;
	border: 0;
	border-bottom: 1px #bbbbbb solid;
	color: #1b1b1b;
	font-size: 1.000em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding: 0 10px 3px;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: border-color 0.3s ease;
}
input:focus,
select:focus,
.select2-container:not(.select2-container--disabled) .select2-selection--single:focus,
.select2-container--open .select2-selection--single {
	border-color: black;
}
textarea {
	line-height: normal;
	height: auto;
	padding: 8px 10px 8px;
	width: 100%;
}
select.disabled,
select[disabled=disabled],
input[disabled=disabled],
.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
	color: #bfbfbf;
	opacity: .8;
}
select,
.select2-selection--single .select2-selection__arrow {
	background: url('../img/gallery.png') right -1228px no-repeat white;
	padding-right: 25px;
}
input[type=number] {
	background: url('../img/gallery.png') right -1260px no-repeat white;
	padding-right: 25px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
    margin: 0;
}
option {
	padding: 2px 0;
}
input[type=submit],
input[type=button],
.file-input span,
a.button,
.btn {
	background: #2c97cd;
	height: 34px;
	padding: 0 15px 3px;
	color: white;
	font-size: 1.000em;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	transition: background 0.3s ease;
}
input[type=submit]:hover,
input[type=button]:hover,
a.button:not(.disabled):hover,
.file-input span:hover,
.btn:hover {
	background: #3ba5da;
}
a.button {
	display: inline-block;
	line-height: 32px;
}
input[type=submit]:active,
input[type=button]:active,
a.button:not(.disabled):active,
.file-input span:active,
.btn:active {
	box-shadow: none;
    transform: translateY(1px);
}
a.button.disabled,
input[type=submit][disabled=disabled],
input[type=button][disabled=disabled],
input[type=submit].disabled,
input[type=button].disabled {
	cursor: not-allowed;
	background: #b1b1b1 !important;
	color: #e6e6e6;
	box-shadow: none;
}
input[type=submit].low,
input[type=button].low,
a.button.low {
	height: 28px;
	line-height: 26px;
	font-size: 0.929em;
	padding: 0 11px;
	white-space: nowrap;
}
.button.warning:not(.disabled) {
    background: #c51c1c;
    border: none;
}
.button.warning:not(.disabled):hover {
    background: #d62c2c !important;
}

input[type=checkbox]:not(.default),
input[type=radio]:not(.default) {
	opacity: 0;
	position: absolute;
	width: 22px;
	height: 22px;
}
input[type=checkbox]:not(.default) + label,
input[type=radio]:not(.default) + label {
	max-width: 100%;
	padding-top: 1px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
input[type=checkbox]:not(.default) + label > span,
input[type=radio]:not(.default) + label > span {
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url('../img/gallery.png') 0 -1177px no-repeat;
	vertical-align: top;
	margin: -1px 5px 0 0;
}
input[type=radio]:not(.default) + label > span {
	background-position: 0 -1098px;
}
input[type=checkbox]:not(.default):hover + label > span {
	background-position: 0 -1153px;
}
input[type=radio]:not(.default):hover + label > span {
	background-position: 0 -1072px;
}
input[type=checkbox]:not(.default):checked + label > span,
input[type=radio]:not(.default):checked + label > span {
	background-position: 0 -1201px;
}
input[type=checkbox]:not(.default):checked + label,
input[type=radio]:not(.default):checked + label {
	color: #1c1c1c;
}
input[type=radio]:not(.default):checked + label > span {
	background-position: 0 -1124px;
}

input[type=radio].multiline + label,
input[type=checkbox].multiline + label {
	height: auto;
	text-align: center;
	color: #2c97cd;
	font-size: 0.929em;
}
input[type=radio].multiline:checked + label,
input[type=checkbox].multiline:checked + label {
	color: #1a4b88;
}
input[type=checkbox].multiline:not(.default) + label > span,
input[type=radio].multiline:not(.default) + label > span {
	display: block;
	margin: 0 auto 5px;
}
input[type=radio][disabled=disabled] + label > span {
	opacity: 0.5;
}
input[type=radio][disabled=disabled] + label {
	color: #707070;
}

input[type=checkbox].inline + label {
	display: inline;
}
input[type=checkbox].inline + label > span {
	margin: 0;
}

input.search,
input.search:hover {
	background-image: url('../img/gallery.png');
	background-position: 12px -430px;
	width: 0;
	padding: 0 19px 2px;
}

/* Switcher */
label.switcher input[type=checkbox] {
    display: none;
}
label.switcher > input[type=checkbox] + span:not(.status) {
    margin-top: -1px;
    display: inline-block;
    width: 34px;
    height: 18px;
    background: #969696;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    transition: background-color 0.4s, opacity 0.4s;
    opacity: 0.7;
}
label.switcher > input[type=checkbox] + span:not(.status):after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    transition: transform 0.4s;
    z-index: 2;
}
label.switcher > input[type=checkbox] + span:not(.status):before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background: url(../img/gallery.png) -8px -699px no-repeat;
    transition: transform 0.4s;
    z-index: 3;
}
label.switcher:hover > input[type=checkbox] + span:not(.status) {
    opacity: 1;
}
label.switcher > input[type=checkbox]:checked + span:not(.status) {
    background: #52b600;
    transition: background-color 0.4s;
}
label.switcher > input[type=checkbox]:checked + span:not(.status):after {
    transform: translateX(-16px);
}
label.switcher > input[type=checkbox]:checked + span:not(.status):before {
    transform: translateX(-16px);
    background-position: 0 -699px;
}
label.switcher > input[type=checkbox] ~ .status {
	margin-left: 10px
}
label.switcher > input[type=checkbox] ~ .status:before {
	content: attr(data-enabled);
}
label.switcher > input[type=checkbox]:checked ~ .status:before {
	content: attr(data-disabled);
}

::-webkit-input-placeholder {
	color: #b9b9b9;
}
:-moz-placeholder {
	color: #b9b9b9;
}
::-moz-placeholder {
	color: #b9b9b9;
}
:-ms-input-placeholder {
	color: #b9b9b9;
}
*:focus {
    outline: none;
}

input[type=text].error,
input[type=password].error,
textarea.error {
	background: #fff2f4;
	color: #c92a44;
	border-color: #f79d9d;
}
div.field.error label {
	color: #c92a44;
}
select.error,
select.error + .select2-container .select2-selection--single {
	background-color: #fff3f5;
	border-color: #ffccd4;
	color: #c92a44
}
.image-field-preview {
    margin-bottom: 10px;
}
.image-field-preview > div.relative {
    width: 100%;
}
.file-input {
	position: relative;
	overflow: hidden;
	display: inline-block;
    vertical-align: middle;
}
.file-input input.file {
	position: absolute;
	right: 0;
	height: 40px;
	opacity: 0;
}
.file-input input.file-name {
	width: 200px;
	position: relative;
}
.file-input span {
	display: inline-block;
	vertical-align: top;
	line-height: 32px;
    margin-left: 3px;
}
.file-input + em {
    margin: 0 10px;
}

span.pills {
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	padding: 0;
}
span.pills > label > span {
	display: none!important;
}
span.pills > label {
	padding: 0 15px!important;
	height: 34px!important;
	line-height: 32px;
	display: inline-block;
	text-align: center;
}
span.pills input[type=radio]:checked + label {
	border-bottom: 2px #000000 solid;
	text-decoration: none;
	cursor: default;
}
span.pills > input[type=radio]:not(:checked) + label {
	cursor: pointer;
	color: #2c97cd;
}
span.pills > input[type=radio]:not(:checked) + label:hover {
	color: #1c1c1c;
}

section.content_block:not(.highlighted) input[type=text],
section.content_block:not(.highlighted) input[type=password],
section.content_block:not(.highlighted) input[type=number],
section.content_block:not(.highlighted) textarea,
section.content_block:not(.highlighted) select,
section.content_block:not(.highlighted) .select2-selection--single,
section.content_block:not(.highlighted) span.pills,
section.side_block:not(.highlighted) input[type=text],
section.side_block:not(.highlighted) input[type=password],
section.side_block:not(.highlighted) input[type=number],
section.side_block:not(.highlighted) textarea,
section.side_block:not(.highlighted) select,
section.side_block:not(.highlighted) .select2-selection--single,
section.side_block:not(.highlighted) span.pills,
div.listing-details .content-section input[type=text],
div.listing-details .content-section input[type=password],
div.listing-details .content-section select,
div.listing-details .content-section textarea,
.auth input[type=text],
.auth input[type=password] {
	background-color: #f4f4f4;
}
/* inputs end */
/*** COMMON STYLES END ***/

/*** PAGE HEADER ***/
header.page-header:not(.fixed-menu) > div.point1 {
	max-width: 100%;
}
header.page-header {
	background: #f9fbf7;
	height: 121px;
	z-index: 100;
	box-shadow: 0 3px 10px rgba(0,0,0,.2);
	top: -60px;

	transition: top 0.3s ease;
}
header.page-header div.top-navigation {
	height: 41px;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px #f1e9e9  solid;
}
header.page-header section.main-menu {
	height: 80px;
}
header.page-header > div > * > * {
	margin: 0 auto;
}
div#logo {
	width: 170px;
	height: 40px;
	float: left;
	margin-top: 19px;
}
div.header-banner-cont {
	height: 106px;
	background: #666666;
	top: 0;
	left: 0;
}
div.header-banner-cont > div {
	margin: 0 auto;
	height: 100%;
}
div#header-banner {
	overflow: hidden;
}
div#header-banner div.bmb10 {
	margin: 0!important;
	width: auto!important;
	height: auto!important;
}
div#header-banner img {
	width: 100%;
}
div#header-banner div.banner {
	width: 100%;
}
div#header-banner tr.banner-here {
	border: 0;
}
div#header-banner tr.banner-here > td {
	box-shadow: inset 0 0 0 1px #aed0c4;
	color: #92bfaf;
	background: #d5f1e7;
}

div.banner-space {
    box-shadow: inset 0 0 0 1px #282828;
    color: #282828;
    font-size: 1.286em;
}
div.banner-in-grid > div.banner-space {
    height: 90px !important;
    margin-bottom: 30px;
    max-width: 780px;
}

/* top navigation */
.circle {
	font-size: 0.929em;
	position: relative;
	user-select: none;
	display: inline-block;
	vertical-align: top;
	height: 41px;
	z-index: 103;
}
.circle > .default {
    color: #999999;
	line-height: 37px;
	height: 41px;
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.circle > .default > span {
	vertical-align: top;
}
.circle > .default:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 7px;
	margin-left: 10px;
	background: url('../img/gallery.png') 0 -314px no-repeat;
	opacity: 0.7;
}
.circle:not(.circle_opened):hover > .default:after {
	opacity: 1;
}
.circle_opened > .default:after {
	background-position: -13px -314px;
}
.circle_opened > .content {
	display: inline-block;
	background: white;
	padding: 10px 15px;
	min-width: 100%;
	position: absolute;
	z-index: 20;
	left: 0;
	top: 40px;
	margin-top: 1px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
div.fleft > .circle,
div.fright > .circle {
	float: left;
}
div.fright > .circle_opened > .content {
	left: auto;
	right: 0;
}
.circle ul > li {
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
}

#user-navbar > span.default:before {
	content: '';
	display: inline-block;
	background: url('../img/gallery.png') 0 -244px no-repeat;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin: -1px 10px 0 0;

	opacity: 0.7;
}
#user-navbar.circle:not(.circle_opened):hover > span.default:before {
	opacity: 1;
}
#user-navbar.circle_opened > span.default:before {
	opacity: 0.7;

	background-position: right -244px;
}
#user-navbar > span.default > span.logged-in {
	background-position: -19px -255px;
	width: 14px;
	height: 20px;
	margin: 8px 0 0 0;
}

#user-navbar.notify > span.default:before {
	background-position: left -533px;
}
#user-navbar.notify > span.default:before {
	animation: blinker 2.0s infinite ease-in-out;
}

@-webkit-keyframes blinker {
    0% { opacity: .2; }
    50% { opacity: .8; }
    100% { opacity: .2; }
}
@keyframes blinker {
    0% { opacity: .2; }
    50% { opacity: .8; }
    100% { opacity: .2; }
}

.user-navbar-container {
	display: inline-block;
	padding: 5px 0;
	min-width: 210px;
}
#user-navbar span.content.a-menu {
	padding: 13px 20px;
}
#user-navbar ul > li > a {
	white-space: nowrap;
}
#user-navbar ul > li > a.logout {
	color: #f25353;
}
#user-navbar ul > li > a.logout:hover {
	color: #ff7e7e;
}
#user-navbar a.counter,
.account-menu-content a.counter {
	color: #c5aa30;
	padding: 0;
	font-weight: 400;
	display: inline-block;
	line-height: initial;
}
.user-navbar-container .remember-me label,
.hookUserNavbar span {
    color: #116491 !important;
}
/* top navigation end */
/*** PAGE HEADER END ***/

/*** PAGE CONTENT ***/
body > div.main-wrapper {
	overflow: hidden;
	min-height: 100%;
	position: relative;
}
body.header-banner > div.main-wrapper {
	padding-top: 106px;
}
section#controller_area:empty {
	padding-bottom: 0!important;
}
section#main_container {
	position: relative;
}
section#main_container > div.inside-container {
	margin: 0 auto;
	position: relative;
	padding: 20px 0 40px;
}
body.bc-exists section#main_container > div.inside-container {
	padding-top: 0;
}
section#content {
	vertical-align: top;
}

aside.bottom > section:last-child {
	margin-top: 0;
	margin-bottom: 0;
}

/* bread crubmbs */
#bread_crumbs {
	margin: 0 auto;
}
#bread_crumbs > ul {
	margin: 0 auto;
	min-height: 42px;
	padding-bottom: 13px;
}
#bread_crumbs > ul > * {
	display: inline-block;
	font-size: 0.929em;
	padding-top: 10px;
}
#bread_crumbs > ul > *:not(:last-child):after {
	content: attr(accesskey);
	padding: 0 6px;
	color: #737373;
}
/* bread crubmbs end */

/* content/side blocks */
section.content_block,
section.side_block {
	position: relative;
	margin-bottom: 30px;
}
section.content_block > h3,
section.side_block > h3 {
	color: #333333;
	font-size: 1.286em;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}
body.home-page.no-sidebar aside.middle section.content_block > h3,
body.home-page.no-sidebar aside.bottom section.content_block > h3,
body.home-page.no-sidebar aside.top section.content_block > h3 {
	text-align: center;
	display: block;
}
section.content_block > div,
section.side_block > div {
	position: relative;
}
section.content_block > div h3,
section.side_block > div h3 {
	font-size: 1.571em;
	margin-top: -5px;
	margin-bottom: 25px;
}
section.content_block:not(.no-header) > div,
section.side_block:not(.no-header) > div {
	margin: 15px 0 0 0;
}
section.content_block:not(.no-style) > div {
    padding: 30px 30px;
}
section.content_block:not(.no-style) > div,
section.side_block:not(.no-style) > div {
	background: white;
}
section.content_block:not(.no-style) > div {
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
aside.middle {
	margin-bottom: 30px;
}
aside.middle section.content_block:last-child {
	margin-bottom: 0;
}
section.contact-seller-bottom {
	margin-top: 30px;
	padding-bottom: 0!important;
}
section.contact-seller-bottom > div {
	background: #f9fdff!important;
}
/* content/sidebar block end */

/* sidebar search block */
section.side_block_search div.search-item {
	padding-bottom: 15px;
}
section.side_block_search div.search-item:last-child {
	padding-bottom: 0;
}
section.side_block_search div.field {
	padding: 0 0 4px 0;
	min-height: 8px;
}
.search-button {
	padding-top: 15px;
}
.search-button > a {
	margin-left: 20px;
	white-space: nowrap;
}
/* single */
.search-item.single-field > select,
.search-item.single-field > input[type=text],
.search-item.single-field .two-inline input[type=text] {
	width: 100%;
}
/* two */
.search-item.two-fields > select,
.search-item.two-fields > input[type=text] {
	width: 48%;
	margin-right: 4%;
}
.search-item.two-fields > select:last-child,
.search-item.two-fields > input[type=text]:last-child {
	margin-right: 0;
}
.search-item.two-fields > .custom-input,
.search-item.couple-field > .custom-input {
	width: 50%;
	display: inline-block;
}
/* three 
.search-item.three-field > select,
.search-item.three-field > span {
	width: 24%;
	margin-right: 4%;
}
.search-item.three-field > input {
	width: 34%;
	margin-right: 4%;
}
.search-item.three-field > span,
.search-form-cell.three-field > div > div > span {
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	padding-top: 9px;
	vertical-align: top;
}
.three-field > select.multicat {
	width: 31%;
	margin-right: 3.5%;
}
.search-item.three-field > *:last-child {
	margin-right: 0;
}
*/
/* checkbox */
.search-item.checkbox-field {
	margin-bottom: -10px;
}
.search-item.checkbox-field > .custom-input {
	display: inline-block;
	width: 50%;
}
.search-item.checkbox-field > .custom-input {
	padding: 0 0 10px 0;
}
.search-item.checkbox-field > .custom-input > label {
	padding-right: 5px;
}
.search-item.checkbox-field div.field,
.search-item.couple-field div.field {
	padding-bottom: 8px;
}

.search-item span.divider {
	padding: 0 10px;
}
/* sidebar search block end */

/* search form elements */
.search-form-cell {
	display: inline-block;
	vertical-align: top;
}
.search-form-cell > div {
	margin: 10px 15px 0;
}
.search-form-cell > div > span {
	color: #6b6b6b;
	font-size: 0.929em;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 6px;
	height: 24px;
	white-space: nowrap;
}
.search-form-cell.vertical-middle > div > div {
	padding-top: 8px;
}

.search-form-cell.numeric-field > div > span {
	max-width: 120px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.search-form-cell > div > div input[type=text],
.search-form-cell > div > div input[type=number],
.search-form-cell > div > div select,
.search-form-cell > div > div span.pills {
	width: 100%;
}
.search-form-cell.three-field > div > div input[type=text],
.search-form-cell.three-field > div > div input[type=number] {
	width: 33%;
	vertical-align: top;
}
.search-form-cell.three-field > div > div select {
	width: 35%;
	vertical-align: top;
}
.search-form-cell.three-field > div > div > *:not(:last-child) {
	margin-right: 3%;
}
.search-form-cell.two-fields > div > div select {
	width: 48%;
	margin-right: 3%;
}
.search-form-cell.two-fields > div > div select:last-of-type {
	margin-right: 0;
}

.search-form-cell .two-inline input.wauto {
	width: 100%!important;
}

.search-form-cell.submit input[type=submit] {
    width: 100%;
}
/* === CLEAN SELECT RESET (NO GREY, NO ARROWS) === */
#search_area .search-form-cell > div > div select {
  background-color: #fff !important;     /* restore white */
  background-image: none !important;     /* kill arrow */
  background-repeat: no-repeat !important;
  background-position: 200% center !important;
  background-size: 0 0 !important;
}


/* search form elements end */
/*** PAGE CONTENT END ***/

/*** PAGE FOOTER ***/
footer.page-footer {
	background: #282828;
	color: #a8a8a8;
	border-top: 1px white solid;
}
footer.page-footer > div {
	padding: 30px 0 40px;
	margin: 0 auto;
	position: relative;
}
footer.page-footer span.scroll-top {
	width: 34px;
	height: 34px;
	position: absolute;
	top: -50px;
	left: -34px;
	background: rgba(166,166,166,.8);
	cursor: pointer;

	transition: background 0.3s ease;
}
footer.page-footer span.scroll-top:hover {
	background: rgba(166,166,166,1);
}
footer.page-footer span.scroll-top:before {
	content: '';
	width: 16px;
	height: 18px;
	position: absolute;
	top: 8px;
	left: 9px;
	background: url('../img/gallery.png') left -40px no-repeat;
}
nav.footer-menu {
	position: relative;
	float: left;
	width: 75%;
	padding-right: 30px;
}
nav.footer-menu > ul {
	margin-top: -3px;
}
nav.footer-menu > ul > li {
	display: inline-block;
	width: 33.33%;
}
nav.footer-menu a {
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 1.071em;
	padding: 0 10px 8px;
	vertical-align: top;
	display: inline-block;
	color: #999999;
}
nav.footer-menu li.active a,
nav.footer-menu a:hover {
	color: #ffd100;
}
.footer-data {
	font-size: 0.929em;
	color: #a8a8a8;
	overflow: hidden;
}
.footer-data div.cp a {
	color: #2c97cd;
}
.footer-data div.cp a:hover {
	color: #45abdf;
}
.footer-data .icons a svg {
    width: 24px;
    height: 24px;
    fill: #7a7a7a;
}
.footer-data .icons a:hover svg {
    fill: #c4c4c4;
}
/*** PAGE FOOTER END ***/

/*** PAGINATION ***/
ul.pagination {
	margin: 30px 0 0;
	height: 37px;
	text-align: right;
}
ul.pagination > li {
	display: inline-block;
	height: 37px;
	vertical-align: top;
	font-size: 0.929em;
}
ul.pagination > li.transit {
	padding: 0 20px;
}
ul.pagination > li.transit input {
	min-width: 45px;
    width: auto;
	margin: 0 5px;
}
ul.pagination > li.navigator a {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 28px;
	line-height: 26px;
}
/*** PAGINATION END ***/

/*** MISCELLANEOUS ***/
.two-inline {
    display: flex !important;
}
.two-inline > *:first-child {
	flex: 0 0 auto;
}
.two-inline > *:last-child {
	flex: 1;
    min-width: 0;
	overflow: hidden;
}
.two-inline:not(.left) {
	flex-direction: row-reverse;
}

.text-overflow {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.mass-actions {
	padding: 15px 0 0 0;
}
.qtip-content {
	font-weight: 300!important;
}

div.textarea_counter_default,
div.textarea_counter_warning {
	font-size: 0.857em;
	text-align: right;
	display: inline-block;
}
div.textarea_counter_warning {
	color: #a81818;
}

/* enlarge media */
span.media-enlarge {
	width: 46px;
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
}
span.media-enlarge:after {
	content: '';
	width: 18px;
	height: 18px;
	background: url('../img/gallery.png') 0 -389px no-repeat;
	position: absolute;
	left: 14px;
	top: 14px;

	opacity: 0.7;
}
span.media-enlarge:hover:after {
	opacity: 1;
}
/* enlarge media end */

/* keyword search in box */
.submit-cell .kws-block {
	padding-bottom: 10px;
}
.kws-block input[type=text] {
	width: 100%;
}
.kws-block > div:last-of-type {
    margin-top: 5px;
}
.kws-block .options ul {
	padding: 10px 0 5px;
}
.kws-block .options ul > li {
	padding: 0 0 7px 0;
}
.kws-block .options ul > li:last-child {
	padding: 0;
}
.kws-block a {
	margin-top: 10px;
	display: inline-block;
}
#area_keyword form.kws-block .two-inline {
	width: 70%;
}
/* keyword search in box end */

/* close bars */
div.close-black {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
div.close-black:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url('../img/gallery.png') 0 -287px no-repeat;
	opacity: 0.7;
}
div.close-black:hover:before {
	opacity: 1;
}

.close-red {
	width: 12px;
	height: 12px;
	display: inline-block;
	cursor: pointer;
	background: url('../img/gallery.png') -3px -11px no-repeat;
	opacity: 0.5;
}
.close-red:hover {
	opacity: 0.8;
}

img.remove {
	cursor: pointer;
	width: 10px;
	height: 12px;
	margin: 0 0 0 8px;
	background: url('../img/gallery.png') 0 -1460px no-repeat;
	opacity: 0.7;
}
img.remove:hover {
	opacity: 1;
}
/* close bars end */

#save_search {
	margin: 20px 0 0;
	display: inline-block;
}

.h1-nav nav > a:not(.button) {
	display: inline-block;
	height: 38px;
	margin-left: 5px;
	margin-top: 3px;
	opacity: 0.7;
}
.h1-nav nav > a:not(.button):not(.post_ad) {
	margin-top: 13px;
}
.h1-nav nav > a:hover {
	opacity: 1;
}
.h1-nav nav > a.post_ad {
	width: 38px;
	background: #2c97cd;
	border-radius: 20px;
	position: relative;
	opacity: 1;
}
.h1-nav nav > a.post_ad:before,
.h1-nav nav > a.post_ad:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 2px;
	top: 18px;
	left: 9px;
	background: white;
}
.h1-nav nav > a.post_ad:after {
	width: 2px;
	height: 20px;
	top: 9px;
	left: 18px;
}
.h1-nav nav > a.post_ad:hover {
	background: #3ba5da;
}

/* credit card styles */
img.cvc {
	width: 45px;
	height: 26px;
	background: url('../img/cc.png') 0 0 no-repeat;
	margin: 0 0 0 5px;
}
img#card_icon {
	width: 38px;
	height: 24px;
	background: url('../img/cc.png') 0 150px no-repeat;
	margin: 0 0 4px 6px;
}
img#card_icon.visa,
img#card_icon.visa_electron {
	background-position: 0 -122px;
}
img#card_icon.mastercard {
	background-position: 0 -98px;
}
img#card_icon.discover {
	background-position: 0 -50px;
}
img#card_icon.maestro {
	background-position: 0 -74px;
}
img#card_icon.amex {
	background-position: 0 -26px;
}
/* credit card styles end */
/*** MISCELLANEOUS END ***/

/*** TABS ***/
ul.tabs {
	height: 48px;
	white-space: nowrap;
	border-bottom: 1px #d4d4d4 solid;
	margin-bottom: 20px;
}
ul.tabs > li {
    display: inline-block;
    user-select: none;
    height: 48px;
    white-space: nowrap;
    margin: 0 20px;
}
ul.tabs:not(.tabs-hash) > li {
	padding: 5px 0 0;
	height: 48px;
	font-size: 1.143em;
	cursor: pointer;
	position: relative;
	color: #2c97cd;
	vertical-align: top;
}
ul.tabs.tabs-hash > li a {
    display: inline-block;
    padding: 5px 0 0;
    height: 100%;
    font-size: 1.143em;
    cursor: pointer;
    position: relative;
    color: #2c97cd;
    vertical-align: top;
    text-decoration: none;
}
ul.tabs > li:first-child {
	margin-left: 0;
}
ul.tabs > li:last-child {
	margin-right: 0;
}
ul.tabs:not(.tabs-hash) > li.active,
ul.tabs.tabs-hash > li.active a {
    border-bottom: 3px #030303 solid;
    color: #030303;
    cursor: default;
}
ul.tabs > li.more {
	padding: 0;
	margin: 0;
	width: 40px;
	height: 42px;
	text-align: center;
	position: absolute;
    right: 15px;
    z-index: 40;
}
ul.tabs > li.more.opened {
	background: white;
	box-shadow: inset 0 2px 0 0px #aaaaaa, inset 2px 0 0 0px #aaaaaa, inset -2px 0 0 0px #aaaaaa;
    z-index: 42;
}
ul.tabs > li.more > span {
	width: 4px;
	height: 4px;
	background: #000000;
	display: inline-block;
	margin: 16px 2px 0 0;
	border-radius: 2px;
	vertical-align: top;
}
ul.tabs > li.more > span:last-child {
	margin-right: 0;
}
ul.tabs > li.overflowed {
	position: absolute;
	right: 15px;
	margin-top: -8px !important;
	padding: 0;
	display: none;
	z-index: 41;
}
ul.tabs > li.overflowed.opened {
	display: block;
}
ul.tabs > li.overflowed > ul {
	background: white;
	padding: 3px 0 5px;
	border: 2px #aaaaaa solid;
}
ul.tabs > li.overflowed > ul > li {
	padding: 0 18px;
	white-space: nowrap;
	line-height: 40px;
}
ul.tabs > li.overflowed > ul > li.active a {
	color: #2b2b2b;
}

ul.tabs.search_tabs {
	width: 100%;
	position: absolute;
	height: 34px;
	top: -34px;
	margin: 0;
	border: 0;
}
ul.tabs.search_tabs > li {
	height: 34px;
	border: 0;
	padding: 0;
	margin: 0;
    float: left;
}
ul.tabs.search_tabs > li:not(.more) > a {
	display: inline-block;
	height: 100%;
	line-height: 32px;
	margin: 0 10px 0 0;
	padding: 0 15px;
	border: 0;
	color: white;
	font-weight: 400;
	font-size: 0.929em;
	background: rgba(57,105,50,.9);
	position: relative;
}
ul.tabs.search_tabs > li:not(.more) > a:after {
	content: '';
	position: absolute;
	right: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 0 0 10px;
	border-color: transparent transparent transparent rgba(57,105,50,.9);
}
ul.tabs.search_tabs > li.active > a {
	background: rgba(255,255,255,.9);
	color: #111111;
}
ul.tabs.search_tabs > li.active > a:after {
	border-color: transparent transparent transparent rgba(255,255,255,.9);
}
/*** TABS END ***/

/*** ALPHABETIC SEARCH ***/
div.alphabetic-saerch {
	margin: 0 auto;
}
div.alphabetic-saerch > div {
	margin: 2px 0 0 2px;
}
div.alphabetic-saerch > div > a {
	width: 41px;
	height: 41px;
	border: 2px #d0d0d0 solid;
	display: inline-block;
	text-align: center;
	margin: -2px 0 0 -2px;
	line-height: 38px;
}
div.alphabetic-saerch > div > a.wide {
	width: 80px;
}
div.alphabetic-saerch > div > a:hover {
	background: #d0d0d0;
}
div.alphabetic-saerch > div > a.active {
	background: #707070;
	color: white;
}
/*** ALPHABETIC SEARCH END ***/

/*** SUBMIT FORM ELEMENTS ***/
.search-block-content {
	height: auto;
}

div.submit-cell {
	padding-bottom: 10px;
}
div.submit-cell:not(.hide):not(.disabled) {
    display: flex;
}
form > div.submit-cell:last-of-type {
	padding-bottom: 0;
}
div.submit-cell > div.name {
	max-width: 170px;
    flex: 1 0 170px;
    padding: 10px 10px 10px 0;
    display: flex;
}
div.submit-cell > div.field {
	min-height: 38px;
    flex: 1;
    min-width: 0;
}
div.submit-cell > div.field.checkbox-field,
div.submit-cell > div.field.inline-fields {
	padding-top: 10px;
	min-height: 28px;
}
div.submit-cell > div.field ul.tabs {
    margin: 0;
}
div.submit-cell.custom-padding {
	padding: 5px 0 10px 0;
}
div.submit-cell.custom-padding > div {
	min-height: 25px;
}
div.submit-cell ul.tabs {
    margin-bottom: 0;
    max-width: 100%;
    overflow: hidden;
}
div.submit-cell ul.tabs.tabs-ready {
    overflow: unset;
}
div.submit-cell.buttons {
	padding: 10px 0 0 0;
}

#modal_block div.submit-cell div.name {
	width: 120px;
}
#modal_block div.submit-cell div.field input[type=text],
#modal_block div.submit-cell div.field input[type=password] {
	width: 100%;
}

/* single */
.field.single-field > select {
	width: 250px;
}
.field.single-field > input[type=text] {
	width: 400px;
	min-width: 80px;
}
.field.single-field > textarea {
	max-width: 600px;
	display: block;
}
/* inline */
.field.inline-fields > span.custom-input {
	display: inline-block;
	padding: 0 30px 0 0;
}
/* two */
.field.two-fields > select,
.field.two-fields > input[type=text] {
	margin-right: 10px;
	min-width: 80px!important;
}
.field.two-fields > select:last-child,
.field.two-fields > input[type=text]:nth-child(2n) {
	margin-right: 0;
}
.field.two-fields > .custom-input,
.field.couple-field > .custom-input {
	display: inline-block;
	padding-top: 10px;
}
/* combo */
.field.combo-field > input {
	width: 150px;
	margin-right: 20px;
}
.field.combo-field > select {
	width: 80px;
}
/* three */
.field.three-field > select {
	width: 90px;
}
.field.three-field > input {
	margin-right: 10px;
}
.field.three-field > *:last-child {
	margin-right: 0;
}
/* checkbox */
.field.checkbox-field .custom-input {
	padding-bottom: 10px;
}
span.phone-field > select {
	width: 80px;
}
.field.two-fields input.date {
	width: 140px!important;
}

.field span.divider,
.search-form-cell span.divider {
	padding: 0 10px;
}

.form-buttons {
	display: block;
}
.form-buttons:not(.no-top-padding) {
	padding-top: 30px;
}
.form-buttons a:not(.button) {
	padding: 0 30px 0 0;
}

.wauto {
	width: auto!important;
	max-width: 100%;
}
.w120 {
	width: 120px!important;
}
.w210 {
	width: 210px!important;
}

/* qtip */
img.qtip {
	width: 18px;
	height: 18px;
	background: url('../img/gallery.png') 0 -467px no-repeat rgba(44,151,205,.7);
	margin: 2px 0 0 10px;
}
img.qtip:hover {
	background-color: rgba(44,151,205,1);
}
div.qtip_cont {
	display: none;
}
div.qtip-defaults {
	max-width: 300px;
}
/* qtip end */

/* multilingual tabs */
div.ml_tabs_content {
	padding: 10px 0;
}
div.ml_tabs_content input[type=text] {
	width: 100%;
	max-width: 600px;
}
/* multilingual tabs end */
/*** SUBMIT FORM ELEMENTS END ***/

/*** MESSAGES ***/
img.account-picture {
	width: 200px;
	height: 100px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/no-account.png');
    object-fit: contain;
}
table.contacts-list {
    table-layout: auto !important;
}
table.contacts-list td.info {
	vertical-align: top;
}
table.contacts-list td.info .name {
	color: #494949;
}
table.contacts-list td.info .name > span:not(.new) {
	font-size: 0.929em;
	color: black;
}
table.contacts-list td.info .date {
	color: #949494;
	font-size: 0.929em;
	padding: 0 0 10px 0;
}
table.contacts-list div.picture {
	position: relative;
	display: inline-block;
}
table.contacts-list div.picture span {
	width: 10px;
	height: 10px;
	background: #60d400;
	position: absolute;
	border-radius: 7px;
	top: -5px;
	right: -5px;
}
table.contacts-list div.name span.new {
	width: 10px;
	height: 10px;
	background: #60d400;
	border-radius: 7px;
	border: 2px white solid;
	display: none;
}
table.contacts-list tr.header td.user {
    width: 5%;
}

div#messages_cont {
	max-height: 600px;
	margin-bottom: 20px;
}
ul#messages_area {
	margin-left: 13px;
}
ul#messages_area > li {
	border: 1px #e1e1e1 solid;
	padding: 15px 24px 15px 20px;
	margin: 0 40px 20px 0;
	position: relative;
}
ul#messages_area > li > div {
	padding: 0 0 10px 0;
}
ul#messages_area > li:last-child {
	margin-bottom: 0;
}
ul#messages_area > li.me {
	border-color: #e8f3f7;
	background: #e8f3f7;
	margin: 0 13px 20px 20px;
}
ul#messages_area > li.removed {
	opacity: 0.5;
}
ul#messages_area > li div.date {
	margin-top: 5px;
}
ul#messages_area > li:before,
ul#messages_area > li:after {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	left: -15px;
	bottom: -1px;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e1e1e1 transparent;
}
ul#messages_area > li:after {
	left: -12px;
	bottom: 0;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #f9f9f9 transparent;
}
ul#messages_area > li.me:after {
	display: none;
}
ul#messages_area > li.me:before {
	left: auto;
	right: -15px;
	border-width: 0 14px 14px 0;
	border-color: transparent transparent #fffecc transparent;
}
ul#messages_area > li > span {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 8px;
	right: 8px;
	background: url('../img/gallery.png') right -469px no-repeat;
	cursor: pointer;
	display: none;
	opacity: 0.5;
}
ul#messages_area > li > span:hover {
	opacity: 0.9;
}
ul#messages_area > li:hover > span {
	display: block;
}

div.send-controls {
	margin: 0 0 0 33px;
	text-align: right;
}
div.send-controls > div {
	display: inline-block;
	margin: 0 0 0 20px;
}
textarea#message_text {
	margin-bottom: 10px;
}
/*** MESSAGES ***/

/*** FEATURED LISTINGS BOX ***/
ul.featured > li {
	margin-bottom: 30px;
}
ul.featured:not(.row) {
	margin-left: -15px;
	margin-right: -15px;
}
section ul.featured:last-child {
	margin-bottom: -30px;
}
/* works to a level 15012026 
ul.featured > li img {
    position: relative;
    display: block;
    width: 340px;
    height: 240px;
    object-fit: cover;
    background: url('../img/no-picture.png') center center no-repeat #e9e9e9;
} */
/* FEATURED LISTING IMAGE — CLEAN & SAFE */
ul.featured > li .picture {
    width: 340px;
    height: 240px;
    position: relative;      /* anchor for image */
    overflow: hidden;
    background: #e9e9e9 url('../img/no-picture.png') center center no-repeat;
}

/* Image stays inside the picture box */
ul.featured > li .picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ✅ STABLE LISTING IMAGE SYSTEM */
section#listings div.picture {
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden;
}

section#listings div.picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: static;
    display: block;
}
/* 🔥 FINAL LIST MODE RESET */
#listings ul,
#listings ul.featured,
#listings ul.listings-search {
    display: block !important;
    column-count: 1 !important;
    column-gap: 0 !important;
}

#listings li {
    float: none !important;
    width: 100% !important;
    display: block !important;
    break-inside: avoid !important;
    margin-bottom: 20px;
}
/* 🔥 FIX FEATURED CARDS IN SEARCH RESULTS */
.listings-search > li {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* kill bootstrap columns */
.listings-search > li[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
/* featured-style list layout */
.listings-search > li {
    display: flex;
    align-items: stretch;
}

/* image column */
.listings-search .picture {
    width: 260px;
    flex: 0 0 260px;
}

/* content column */
.listings-search .card-info {
    flex: 1;
    padding-left: 20px;
}
/* 🔥 FORCE CONSISTENT HEIGHT EVEN IF NO IMAGE */
.listings-search > li.no-picture {
    display: flex !important;
}

.listings-search > li.no-picture .picture {
    width: 260px;
    flex: 0 0 260px;
    background: #f2f2f2;
}

.listings-search > li.no-picture .picture img {
    object-fit: contain;
}
/* 🔥 Kill Masonry behaviour in search results */
.listings-search {
    position: static !important;
}

.listings-search > li {
    position: static !important;
    float: left;
}

/* Ensure rows clear properly */
.listings-search::after {
    content: "";
    display: block;
    clear: both;
}

.listing-fit-contain ul.featured > li img {
    object-fit: contain !important;
}
.listing-fit-contain ul.featured > li:not(.no-picture) img {
    background: #e9e9e9 !important;
}
ul.featured > li > ul {
	position: relative;
	padding: 9px 13px;
	background: white;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
section.side_block:not(.no-style) ul.featured > li > ul,
section.content_block:not(.no-style) ul.featured > li > ul {
	padding-left: 0;
	padding-right: 0;
    box-shadow: none;
}
ul.featured > li > ul > li:not(:last-child) {
	margin-bottom: 8px;
}
ul.featured .icons {
    display: flex;
    align-self: center;
    align-items: center;
}
ul.featured .icons .icon {
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    opacity: .7;
}
ul.featured .icons .icon:hover {
    opacity: 1;
}
ul.featured .icons > *:not(:last-child) {
    margin-right: 10px;
}

ul.featured.list > li {
	position: relative;
}
ul.featured.list > li:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	background: #707070;
	border-radius: 4px;
	top: 8px;
}
ul.featured.list > li {
	display: block!important;
}
ul.featured.list > li > ul > li {
	padding: 0 0 5px 15px;
	position: relative;
	white-space: normal;
}

ul.featured.with-pictures ul.card-info > li.title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

article.item:not(.no-image) ul.card-info > li.title,
article.item:not(.no-image) ul.card-info:not(.with-names) > li.fields {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 45px;
}
article.item:not(.no-image) ul.card-info:not(.with-names) > li.fields {
	-webkit-line-clamp: 1;
	height: 20px;
}
article.item:not(.no-image) ul.card-info > li.fields:empty {
	display: none;
}
ul.card-info > li.services > span {
	display: inline-block;
	margin-right: 20px;
	color: #333333;
	font-size: 0.929em;
	position: relative;
	padding-left: 25px;
}
ul.card-info > li.services > span:last-child {
	margin-right: 0;
}
ul.card-info > li.services > span:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 13px;
	left: 0;
	top: 1px;
	background: url('../img/gallery.png') right -299px no-repeat;
}
ul.card-info > li.services > span.bathrooms:before {
	top: 0;
	height: 15px;
	background-position: right -283px;
}
ul.card-info > li.services > span.square_feet:before {
	top: 2px;
	height: 15px;
	background-position: right -194px;
}
ul.card-info > li.fields > span:not(:last-child) {
	margin-right: 5px;
}
ul.card-info > li.fields > span:not(:last-child):after {
	content: ',';
}
ul.card-info > li.fields {
	color: #444444;
	font-size: 0.929em;
}
ul.card-info > li.price_tag > div > span,
ul.card-info .price-tag > span,
ul.card-info > li.system .type {
	font-weight: 400;
	font-size: 1.286em;
}
ul.card-info > li.price_tag {
    flex-wrap: wrap-reverse;
}
ul.card-info > li.price_tag > *:last-child {
    min-width: unset;
    overflow: visible;
    line-height: 28px;
    white-space: nowrap;
}
/*** FEATURED LISTINGS BOX END ***/

/*** FEATURED ACCOUNTS BOX ***/
.featured.accounts > li:not(.no-picture) img {
    object-fit: contain;
    background: #e9e9e9;
}
/*** FEATURED ACCOUNTS BOX END ***/

/*** GRID NAVIGATION BAR ***/
.grid_navbar {
	height: 40px;
	border-bottom: 1px #d4d4d4 solid;
	margin-bottom: 20px;
}
.grid_navbar .switcher {
	float: right;
	line-height: normal;
	height: 40px;
}
.grid_navbar .switcher > div {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.grid_navbar .hook {
	vertical-align: top;
}
.grid_navbar .buttons > div {
	position: relative;
	width: 40px;
	height: 40px;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	margin-left: 2px;
}
.grid_navbar .buttons > div.active {
	border-bottom: 3px #030303 solid;
}
.grid_navbar .buttons > div > div {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 11px;
	left: 11px;
	line-height: 0;
	user-select: none;
}
.grid_navbar .buttons > div > div > span {
	display: inline-block;
	border: 2px #2c97cd solid;
	border-radius: 1px;
	vertical-align: top;
}

/* list view */
.grid_navbar div.list > div {
	top: 12px;
}
.grid_navbar div.list > div > span {
	width: 10px;
	height: 2px;
	margin: 0 0 2px 2px;
	border: 0;
	background: #2c97cd;
}
.grid_navbar div.list > div > span:nth-child(3n+1) {
	width: 6px;
	height: 6px;
	border: 2px #2c97cd solid;
	background: none;
	margin: 0 0 4px 0;
}
.grid_navbar div.list > div > span:nth-child(3n) {
	width: 6px;
	height: 2px;
	float: right;
	margin: -6px 4px 0 0;
	border: 0;
	background: #2c97cd;
}

/* grid view */
.grid_navbar div.grid > div > span {
	width: 8px;
	height: 8px;
}
.grid_navbar div.grid > div > span:nth-child(2n) {
	margin: 0 0 2px 2px;
}

.grid_navbar div.list.active > div > span {
	background-color: #030303;
}
.grid_navbar div.list:not(.active):hover > div > span {
	background-color: #2c97cd;
}

.grid_navbar div.grid.active div > span,
.grid_navbar div.list.active div > span:nth-child(3n+1) {
	border-color: #030303;
	background: none;
}
.grid_navbar div.grid:not(.active):hover div > span,
.grid_navbar div.list:not(.active):hover div > span:nth-child(3n+1) {
	border-color: #2c97cd;
	background: none;
}

/* map view */
.grid_navbar div.map > div {
	width: 14px;
	left: 13px;
}
.grid_navbar div.map > div > span {
	width: 14px;
	border: 0;
	height: 18px;
	background: url('../img/gallery.png') 0 -67px no-repeat;

	opacity: 0.7;
}
.grid_navbar div.map.active span {
	background: url('../img/gallery.png') -26px -67px no-repeat;
}
.grid_navbar div.map:hover span,
.grid_navbar div.map.active span {
	opacity: 1;
}

/* sroting */
.grid_navbar .sorting {
	display: inline-block;
	position: absolute;
	line-height: 40px;
}
.grid_navbar .sorting > div.current.disabled {
	cursor: default;
	background: #e2e2e2;
}
.grid_navbar .sorting > div.current.disabled span.link {
	color: inherit;
}
.grid_navbar .current {
	height: 40px;
	padding: 0 20px 0 18px;
	cursor: pointer;
	user-select: none;
}
.grid_navbar .current.active {
	background: white;
	z-index: 11;
	position: relative;
	box-shadow: inset 0 1px 0 0px #aaaaaa, inset 1px 0 0 0px #aaaaaa, inset -1px 0 0 0px #aaaaaa;
	border-bottom: 0;
}
.grid_navbar .sorting span.arrow {
	width: 9px;
	height: 6px;
	display: inline-block;
	margin: 0 0 0 2px;
	background: url('../img/gallery.png') -22px -1280px no-repeat;
}

.grid_navbar .sorting .active span.arrow {
	background-position: -22px -1267px;
}
.grid_navbar ul.fields {
	z-index: 10;
	background: white;
	position: absolute;
	top: 39px;
	left: 0;
	display: none;
	padding: 3px 0 5px;
	min-width: 100%;
	border: 1px #aaaaaa solid;
}
.grid_navbar ul.fields > li {
	padding: 0 18px;
	white-space: nowrap;
}
.grid_navbar ul.fields > li a.active {
	color: #2b2b2b;
}
/*** GRID NAVIGATION BAR END ***/

/*** LISTINGS GRID ***/
/* grid view */
section#listings > article {
	position: relative;
}
/*
section#listings div.picture {
    position: relative;
    width: 100%;
    padding-bottom: 66%;
} */
section#listings div.picture > img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(../img/no-picture.png) center center no-repeat white;
}
.listing-fit-contain div.picture > img {
    object-fit: contain !important;
}
#accounts div.picture > img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.listing-fit-contain div.picture:not(.no-picture) > img {
    background: white !important;
}
section#listings div.picture > span {
	min-width: 21px;
	height: 20px;
	position: absolute;
	bottom: 4px;
	left: 8px;
	border: 2px #efefef solid;
	text-align: center;
	font-size: 0.857em;
	cursor: pointer;
	z-index: 2;
}
section#listings div.picture > span:after {
	content: attr(accesskey);
	width: 100%;
	height: 100%;
	position: absolute;
	background: #f1f1f1;
	left: -4px;
	top: -4px;
	box-shadow: 0 0 0 2px #f1f1f1;
    line-height: 18px;
}
section#listings ul.nav-column > li .icon {
    opacity: 0.7;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 5px;
	cursor: pointer;
}
section#listings ul.nav-column > li:hover .icon {
    opacity: 1;
}

.favorite span.icon {
	background: url('../img/gallery.png') 0 -94px no-repeat;
	display: block;
	width: 18px;
	height: 16px!important;
    cursor: pointer;
}
section#listings.grid .icon {
	top: 1px!important;
}
.favorite.remove span.icon {
	background-position: -22px -94px;
}

section#listings ul.card-info > li:not(:last-of-type) {
	margin-bottom: 8px;
}
section#listings div.stat-line {
	position: absolute;
	bottom: 0;
}
section#listings div.stat-line > li,
section#listings div.stat-line > span {
	display: inline-block;
	margin-right: 10px;
}

section#listings > article div.navigation-column {
	width: 190px;
	padding-left: 20px
}
section#listings > article div.navigation-column div.before-nav {
	margin-bottom: 10px;
}
section#listings > article div.navigation-column div.before-nav:empty {
	display: none;
}

/* featured */
article.featured div.picture > span {
	border-color: #ffd100!important;
}
article.featured div.picture > span:after {
	box-shadow: 0 0 0 2px #ffd100!important;
	background-color: #ffd100!important;
    color: #282828;
}
article.featured div.picture > span {
	border-color: #ffd100!important;
}
article.featured div.picture > div.label {
	position: absolute;
	right: 0;
	top: -5px;
	height: 25px;
	line-height: 23px;
	padding: 0 10px;
	background: #ffd100;
	font-size: 0.857em;
	text-align: center;
	color: #282828;
	font-weight: 400;
	border-radius: 2px;
    z-index: 1;
}
section.my-listings article.featured div.picture > div.label {
	top: 0;
}
/* featured end */

/* list view */
section#listings:not(.list):not(.grid) {
	display: none;
}
section.list > article {
    margin: 0 0 30px 0;
    max-width: 100%;
    flex: 0 0 100%;
}
section.list > article:not(.no-image) {
    min-height: 240px;
}
section#listings.list > article:last-of-type {
	margin-bottom: 0;
}
section#listings.list div.picture {
    width: 340px;
    height: 240px; /* aspect ratio 3:2 */
    padding-bottom: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	float: left;
	position: relative;
}
section#listings.list div.picture > mark {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	line-height: 100%;
	display: flex;
	align-items: center;
}
section#listings.list div.picture > mark > span {
	color: white;
	font-size: 1.071em;
	padding: 0 20px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	margin: auto;
}
section#listings div.main-column {
	overflow: visible;
}
section#listings.list ul.card-info {
	overflow: hidden;
}
section#listings.list ul.card-info > li.title {
	margin-top: -4px;
}
section#listings ul.card-info > li.system > span:not(:last-child) {
	margin-right: 30px;
}
section#listings ul.card-info span.favorite {
	display: inline-block;
	vertical-align: middle;
}

section#listings.list ul.nav-column.stick-top {
	padding: 0;
}
section#listings.list ul.nav-column > li {
	cursor: pointer;
	position: relative;
	padding: 3px 0 8px 25px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	user-select: none;
}
section#listings.list ul.card-info > li.fields > div.table-cell:last-child > div {
	padding-bottom: 0;
}
/* list view end */

/* grid view */
section.grid > article {
    padding-bottom: 30px;
}
section#listings.grid ul.card-info > ol {
	display: none;
}
section#listings.grid > article div.picture {
	margin-bottom: 10px;
}
section#listings.grid > article:not(.no-image) ul.card-info > li.title,
section#listings.grid > article:not(.no-image) ul.card-info > li.fields {
	display: block;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
section#listings.grid ul.card-info > li:not(:last-of-type) {
	margin-bottom: 4px;
}
section#listings.grid > article div.navigation-column {
	position: absolute;
	width: auto;
	bottom: 28px;
	right: 16px;
	z-index: 1;
}
section#listings.grid > article div.navigation-column div.before-nav {
	display: none;
}
section#listings.grid ul.nav-column > li {
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-left: 8px;
	position: relative;
}
section#listings.grid ul.nav-column > li:first-child {
	margin-left: 0;
}
section#listings.grid ul.nav-column > li span.icon {
	top: 0;
}
section#listings.grid ul.nav-column > li > a > span.link,
section#listings.grid ul.nav-column > li > span.link {
	display: none;
}
/* grid view end */

/* no image grid view */
section#listings.list.no-image {
	margin: 0;
	padding: 0;
}
section#listings.list.no-image > article {
	display: block;
	border-bottom: 2px #e6e6e6 solid;
	margin: 0 auto 20px;
	padding: 0 0 10px;
}
section#listings.list.no-image a.link-large {
	font-size: 1.125em!important;
}
section#listings.list.no-image li.fields {
	padding-top: 7px;
}
section#listings.list.no-image ul.card-info > li.title {
	padding-bottom: 0;
}
/* no image grid view end */

/* map view */
#listings_map,
#accounts_map {
	height: 65vh;
}
/* map view end */

.category-description {
	border: 1px #e9e9e9 solid;
	padding: 14px 18px;
	margin: 0 0 20px;
}
/*** LISTINGS GRID END ***/

/*** LISTING DETAILS ***/
div.listing-details {
	position: relative;
}
div.listing-details h1 {
	margin: 0 0 18px 0;
}

/* top navigation */
div.listing-details div.top-navigation {
	height: 42px;
	padding: 0 15px;
	background: #e1e1e1;
	position: relative;
}

div.listing-details div.top-navigation div.icons a.button {
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	text-align: left;
}
div.listing-details div.top-navigation div.icons > *:not(.button) {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin: 12px 10px 0;

	opacity: 0.7;
}
div.listing-details div.top-navigation div.icons > *:not(.button):hover {
	opacity: 1;
}
div.listing-details div.top-navigation div.icons > a.button {
	margin-top: 7px;
}
div.listing-details div.top-navigation div.icons > * > span {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: top;
}
div.listing-details div.top-navigation div.icons > span.favorite {
	margin-top: 13px;
}
/* top navigation end */

div.listing-details {
	overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

div.listing-details div.price-tag > span {
	font-size: 1.714em;
	font-weight: 400;
	color: #333333;
}
#area_listing  div.listing-fields > div.row {
	margin-bottom: 25px;
}
/* main info section end */

/* icons */
a.print > span {
	background: url('../img/gallery.png') right -389px no-repeat;
}
/* icons end */

/* home page search */
.home-search h1 {
    text-shadow: 1px 1px 0 rgba(255,255,255,.4);
}
.home-search .search-block-content form div.search-form-cell input[type=submit] {
    width: 100%;
}
/* home page search end */

/* content section */
div.listing-details .content-section {
	padding: 20px 30px 25px;
	background: white;
}
div.listing-details .content-section div.details {
	overflow: hidden;
}
div.listing-details div.tab_area div.no-group + div:not(.no-group) {
    margin-top: 25px;
}
div.table-cell + div.fieldset {
	margin-top: 20px;
}
#area_listing > div.content-padding > div.table-cell:last-of-type {
	margin-bottom: 20px;
}
/* content section end */

/* seller info section */
.seller-short div.picture {
    margin: 0 20px 0 0;
    float: left;
}
.seller-short div.picture.landscape {
	margin-bottom: 20px;
}
.seller-short ul.seller-info {
	overflow: hidden;
}
.seller-short div.button-exists ul.seller-info {
	padding-bottom: 45px;
}
.seller-short ul.seller-info > li.name {
	margin-top: -4px;
}
.seller-short ul.seller-info > li.name a {
	font-weight: 400;
}
.seller-short ul.seller-info .type {
	font-weight: 400;
	color: #8e8e8e;
	font-size: 0.929em;
	font-style: italic;
    padding-top: 3px;
}
.seller-short ul.seller-info > li.about {
	font-size: 0.929em;
	padding: 10px 0 0;
}
.seller-short:not(.no-pucture) a.low {
	position: absolute;
	bottom: 0;
}
.seller-short div.form {
	margin-top: 25px;
}
.seller-short form div.field {
	position: relative;
}
.seller-short form input[type=text]:not([name=security_code]) {
	width: 100%;
	padding-left: 37px;
}
.seller-short form input + span {
	position: absolute;
	left: 11px;
	top: 10px;
	width: 18px;
	height: 18px;
	background: url('../img/gallery.png') right -141px no-repeat;

	opacity: 0.7;
	transition: opacity 0.3s ease;
}
.seller-short form input[name=contact_email] + span {
	background-position: right -159px;
	height: 16px;
	top: 11px;
}
.seller-short form input[name=contact_phone] + span {
	background-position: right -175px;
}
.seller-short form input:focus + span {
	opacity: 1;
}

.seller-short div.info-table:not(.no-top-gap),
.seller-short div.owner-details {
	margin-top: 20px;
}

/* masked fields */
h3.cd-caption {
	margin: 0!important;
	padding-bottom: 10px;
}
h3.cd-caption + div.info-table:not(.no-top-gap) {
	margin-top: 0!important;
}
.masked > h3 {
	font-size: 1.286em;
	margin-top: 0;
	margin-bottom: 10px;
}
.masked {
	position: relative;
	min-height: 90px;
}
.masked > *:not(.login-mask):not(h3) {
	filter: blur(2px)
}
.masked div.login-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,.6);
	text-align: center;
	box-shadow: 0 0 6px 6px rgba(255,255,255,.6);
	display: flex;
}
.masked div.login-mask > div {
	width: 100%;
	align-self: center;
}
.restricted-content > span {
	display: inline-block;
	margin-top: 10px;
}
.masked div.login-mask p {
	text-shadow: 1px 0 0 white;
}
.restricted-content > span > span {
	padding: 0 10px;
}
/* seller info section */

/* map capture */
.map-capture {
	cursor: pointer;
	position: relative;
}
.map-capture > img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	background-color: #e9e9e9;
}
/* map capture end */

/* statistics section */
div.listing-details section.statistics ul.counters {
	overflow: hidden;
}
div.listing-details section.statistics ul.counters > li {
	padding: 5px 0;
	color: #222222;
	min-height: 26px;
	line-height: 26px;
	font-size: 0.929em;
}
div.listing-details section.statistics ul.counters > li span.count {
	font-size: 1.714em;
	margin-right: 5px;
}

div.listing-details section.statistics ul.controls {
	float: right;
	width: 70%;
}
div.listing-details section.statistics ul.controls > li:first-child {
	padding: 4px 0 10px;
}
div.listing-details section.statistics ul.controls > li {
	padding: 7px 0 12px;
	min-height: 20px;
}
/* statistics section end */
/*** LISTING DETAILS END ***/

/*** ACCOUNTS GRID ***/
section#accounts > article div.picture {
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: white;
    text-align: center;
}
section#accounts > article div.no-picture div.picture > a,
section#accounts > article div.picture > a > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
section#accounts > article div.no-picture div.picture {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-image: url('../img/no-account.png');
}
section#accounts div.statistics {
	overflow: hidden;
	position: relative;
	height: 105px;
}
section#accounts div.statistics > ul > li.name {
    padding-bottom: 5px;
    word-break: break-word;
}
section#accounts div.statistics div.counter span:first-child {
	display: block;
	font-size: 1.286em;
	font-weight: 600;
}
section#accounts div.statistics div.counter span:last-child {
	font-size: 0.929em;
}
section#accounts > article > ul {
	margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
section#accounts ul.info > li.fields {
	font-size: 0.929em;
	line-height: 24px;
}
section#accounts ul.info > li.fields > span:not(:last-child):after {
	content: ',';
}
section#accounts ul.info > li.tel a {
	font-weight: 600;
}

section#accounts .landscape {
	position: relative;
    max-width: 100%;
}
section#accounts .landscape div.picture {
	margin-right: 0;
	margin-left: 0;
	float: none;
}
section#accounts .landscape div.statistics {
	height: auto;
	position: static;
}
section#accounts .landscape div.statistics > ul > li.name {
    padding-top: 5px;
}
section#accounts .landscape div.statistics > div.counter {
	top: 0;
    position: absolute;
	background: rgba(27,31,38,.8);
	height: 22px;
	line-height: 20px;
	padding: 0 5px;
	color: white;
	pointer-events: none;
}
section#accounts .landscape div.statistics > div.counter span:first-child {
	display: inline;
	font-size: 0.929em;
	font-weight: 400;
}
/*** ACCOUNTS GRID END ***/

/*** ACCOUNT DETAILS PAGE ***/
section.seller-short li.counter {
	padding: 15px 0 0 0;
}
section.seller-short li.counter span:first-child {
	font-size: 1.286em;
	font-weight: 600;
}
section.seller-short li.counter span:last-child {
	font-size: 0.929em;
}
.account-location .map-capture {
	border: 1px #e9e9e9 solid;
	margin: 15px -18px -18px;
}
/*** ACCOUNT DETAILS PAGE END ***/

/*** ACCOUNT AREA ***/
.fb-connect,
a.border-button {
	display: inline-block;
	width: 100%;
	line-height: 32px;
	height: 34px;
	text-align: center;
	color: white!important;
	font-size: 1.000em;
	background: #547fd8!important;
	position: relative;
	vertical-align: top;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 2px;
    margin-top: 1rem;
}
.fb-connect:hover {
	background: #668fe3!important;
	transition: background 0.3s ease;
}
div.button a.fb-connect {
	width: auto;
	padding: 0 15px;
	margin: 0 10px;
}

a.border-button {
	background: white!important;
	border: 1px #2c97cd solid;
	color: #2c97cd!important;
	line-height: 30px;
}
a.border-button:hover {
	border-color: #09608c;
	color: #09608c!important;
}
.fb-connect:active,
a.border-button:active {
	box-shadow: none;
    transform: translateY(1px);
}

.welcome {
	padding: 0 0 10px;
	font-size: 1.071em;
}
ul.account-menu-content {
	display: inline-block;
}
ul.account-menu-content > li {
	padding: 5px 0 5px 0;
	position: relative;
}
ul.account-menu-content > li:last-child {
	padding: 0;
}
div.attention:not(:empty) {
	padding: 0 0 15px;
}
div.attention span.red {
	padding: 0;
}
.login-page-form {
    max-width: 250px;
}
/*** ACCOUNT AREA END ***/

/*** TABLES ***/
/* submit table */
table.submit {
	table-layout: fixed;
}
table.submit td {
	height: 38px;
	padding: 0 0 10px;
}
table.submit td.name {
	width: 170px;
	padding-right: 10px;
}
table.submit td .name {
	padding: 5px 0 5px;
}
table.submit td.field input[type=text],
table.submit textarea {
	width: 100%;
}
table.submit td.button {
	padding: 10px 0 0 0;
}
table.submit a.close {
	padding-left: 20px;
}
/* submit table end */

/* details table */
div.table-cell > div {
	min-height: 28px;
	line-height: 26px;
	vertical-align: top;
}
div.table-cell:not(.wide-field) > div {
	font-size: 0.929em;
}
div.table-cell > div.name {
	width: 160px;
	color: #888888;
	float: left;

	overflow: hidden;
	text-overflow: ellipsis;
}
div.table-cell > div.name > div {
	background: url('../img/gallery.png') 0 16px repeat-x;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 24px;
}
div.table-cell > div.name > div > span {
	background: #f9f9f9;
	padding-right: 7px;
}
section.content-section div.table-cell > div.name > div > span {
	background: white;
}
div.table-cell div.value {
	color: #111111;
	word-wrap: break-word;
	overflow: hidden;
}
div.table-cell > div.name + div.value {
	padding-left: 10px;
}
div:not(.body) > div > div.table-cell.wide-field {
	margin-top: 10px;
	margin-bottom: 20px;
}
#area_listing div.listing-fields > div:first-child > div.table-cell.wide-field:first-child div.name {
	display: none;
}
div.table-cell.wide-field div.name {
	float: none;
	width: 100%!important;
}
div.table-cell.wide-field div.name > div {
	background: none;
}
div.table-cell.wide-field > div.name + div.value {
	padding-left: 0px;
}
div.table-cell ul.checkboxes {
	margin-bottom: 15px;
}
div.table-cell ul.checkboxes > li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.table-cell ul.checkboxes > li img {
	width: 17px;
	height: 12px;
	vertical-align: baseline;
	margin-right: 8px;
	margin-left: 2px;
}
div.table-cell ul.checkboxes > li.active img {
	background: url('../img/gallery.png') 0 -147px no-repeat;
}
div.table-cell ul.checkboxes > li:not(.active) {
	color: #9e9e9e;
	text-decoration: line-through;
}
/* details table end */

/* information table */
table.info {
	table-layout: fixed;
}
table.info td,
div.table-cell.small > div {
	vertical-align: top;
	padding-bottom: 5px;
	font-weight: normal!important;
	line-height: normal;
	min-height: inherit;
}
table.info td.name:after,
div.table-cell.small > div.name:after  {
	content: ':';
}
div.table-cell.small > div.value {
	white-space: normal;
}
table.info td.image,
div.table-cell.small > div.image {
	padding-top: 5px;
}
div.info-table > div.table-cell:last-of-type {
	margin-bottom: 0!important;
}
/* information table end */

/* table view table */
table.table {
	table-layout: fixed;
}
table.table td {
	min-height: 30px;
	padding: 5px 0;
	vertical-align: top;
}
table.table td.name {
	width: 215px;
	color: #949494;
	padding-right: 10px;
}
table.table td.value {
	color: #000000;
	word-wrap: break-word;
}
/* table view table end */

/* list table */
table.list {
	width: 100%;
	table-layout: fixed;
}
table.list span.text {
	color: #515151;
	font-size: 0.857em;
}
table.list > tbody > tr.header {
	border: 2px #e9e9e9 solid;
}
table.list > tbody > tr.header > td {
	font-size: 0.929em;
	padding: 0 0 0 30px;
	height: 40px;
}
table.list > tbody > tr.header > td:first-child {
	padding-left: 10px;
	width: 33px;
}
table.list tr.header td.divider {
	padding: 0;
	width: 5px;
	border: 0;
}
table.list > tbody > tr.body {
	border-bottom: 2px #e9e9e9 solid;
}
table.list > tbody > tr.body > td {
	padding: 20px 0 20px 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
table.list > tbody > tr.body > td.info > a {
    white-space: normal;
}
table.list > tbody > tr.body > td:first-child {
	padding-left: 11px;
}
table.list>tbody td.no_padding
{
	padding-left: 5px!important;
	padding-right: 5px!important;
}
table.list tr.body td.divider {
	border: 0;
}
table.list td.price div {
	width: 50px;
	background: red;
	color: #000000;
	font-size: 16px;
	line-height: 17px;
	padding: 5px 5px;
	margin-right: 10px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 600;
	overflow: hidden;
}
table.list span.name
{
	text-transform: uppercase;
}
/* list table end */

div.list-table {
	display: table;
	width: 100%;
}
div.list-table > div {
	display: table-row;
	position: relative;
	margin: 0;
}
div.list-table > div:not(.header):hover {
	background: rgba(0,0,0,.05)
}
div.list-table > div:before,
div.list-table > div:after {
	content: none;
}
div.list-table > div.header {
	height: 28px;
}
div.list-table > div > div {
	display: table-cell;
	padding-right: 15px;
}
div.list-table > div > div:last-child {
	padding-right: 0;
}
div.list-table > div.header > div {
	vertical-align: top;
	font-size: 0.929em;
	color: #8e8e8e;
	border-bottom: 2px #e9e9e9 solid;
	text-transform: uppercase;
	font-weight: 400;
	white-space: nowrap;
}
div.list-table > div > div.center {
	padding-right: 0!important;
}
div.list-table > div.row > div {
	vertical-align: top;
	padding-top: 11px;
	padding-bottom: 11px;
	color: #111111;
}
div.list-table > div.row > div > div.inline {
	display: inline;
}
div.list-table > div.row > div.text {
	padding-top: 22px;
}
div.list-table > div.row > div > table.table {
	margin-top: -5px;
}
div.list-table > div.row > div > table.table td.name {
	width: 150px;
}
div.list-table .text {
	color: #515151;
	font-size: 0.857em;
}
div.list-table span.title {
	display: none;
}

.transactions div.table-cell.small > div.name {
	width: 95px;
}

.mass-actions {
	padding: 15px 0 0 14px;
}
.mass-actions > a:not(:last-child):after {
	content: '|';
	padding: 0 10px;
	color: #5c5c5c;
	font-size: 0.929em;
}

.statuses .paid,
.statuses .unpaid,
.statuses .active,
.statuses .approval,
.statuses .incomplete,
.statuses .pending,
.statuses .expired {
	color: #63b53b;
	font-size: 0.929em;
}
.statuses .approval {
	color: #666666;
}
.statuses .incomplete {
	color: #2767b5;
}
.statuses .pending {
	color: #e88d22;
}
.statuses .expired {
	color: #fb0000;
}
.statuses .paid {
	color: #63b53b;
}
.statuses .unpaid {
	color: #fb0000;
}

.statuses .active:before,
.statuses .approval:before,
.statuses .incomplete:before,
.statuses .pending:before,
.statuses .expired:before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #63b53b;
	margin-right: 8px;
}
.statuses .approval:before {
	background: #666666;
}
.statuses .incomplete:before {
	background: #2767b5;
}
.statuses .pending:before {
	background: #e88d22;
}
.statuses .expired:before {
	background: #fb0000;
}
/*** TABLES END ***/

/*** FIELDSET ***/
div.fieldset {
	margin: 0 0 20px 0;
}
div.fieldset > header {
	padding: 0 0 8px;
	border-bottom: 2px #e1e1e1 solid;
	text-transform: uppercase;
	color: #8e8e8e;
	font-weight: 400;
	font-size: 0.929em;
}
div.fieldset > header > span.arrow {
	display: none;
}
div.fieldset > div.body > div {
	padding: 15px 0 5px;
}

#controller_area div.fieldset > header,
.content_block div.fieldset > header {
	border: 0;
	padding-bottom: 0;
}

#controller_area div.fieldset > header > span.arrow {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
	cursor: pointer;
	opacity: 0.7;
	position: relative;
	background: url('../img/gallery.png') 0 -225px no-repeat;
}
#controller_area div.fieldset > header > span.arrow:hover {
	opacity: 1;
}
#controller_area div.fieldset > header > span.arrow.up {
	background-position: right -225px;
}
#controller_area div.fieldset > div.body > div {
	padding-top: 10px;
}

.row > div.fieldset.divider {
    padding-left: 15px;
    padding-right: 15px;
}
div.fieldset.divider {
	margin: 0 0 15px 0;
}
div.fieldset.divider > header {
	margin: 0;
}
/*** FIELDSET END ***/

/*** STEPS ***/
ul.steps {
	box-shadow: inset 0 0 0 2px #e1e1e1;
	height: 44px;
	margin: 0 0 25px 0;
	white-space: nowrap;
	overflow: hidden;
    display: flex;
}
ul.steps > li {
	display: inline-block;
	height: 44px;
	line-height: 44px;
	text-align: center;
	position: relative;
    flex: 1;
}
ul.steps > li a {
	cursor: default;
	padding: 0 0 0 15px;
}
ul.steps > li.past a {
	cursor: pointer;
}
ul.steps > li.past,
ul.steps > li.current {
	background: #e1e1e1;
}
ul.steps > li:not(.past) a {
	color: #5c5c5c;
}
ul.steps > li:not(:last-child):not(.past):after,
ul.steps > li:not(:last-child):not(.past):before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
ul.steps > li:not(:last-child):not(.past):after {
	border-color: transparent;
	border-left-color: #f9f9f9;
	border-width: 20px 0 20px 10px;
	margin-top: -20px;
}
ul.steps > li:not(:last-child):not(.past):before {
	border-color: transparent;
	border-left-color: #e1e1e1;
	border-width: 24px 0 24px 13px;
	margin-top: -24px;
}
ul.steps > li.current:after {
	display: none;
}
/*** STEPS END ***/

/*** PAYMENT GATEWAYS ***/
ul#payment_gateways li {
	display: inline-block;
	width: 120px;
	height: 85px;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0 10px 10px 0;
	box-shadow: inset 0 0 0 2px #e9e9e9;
}
ul#payment_gateways li.active,
ul#payment_gateways li:hover {
	background: #e9e9e9;
}
ul#payment_gateways li p {
	padding: 5px 0 0 0;
}
ul#payment_gateways li input {
	opacity: 1;
	position: relative;
	width: auto;
	height: auto;
}
/* PAYMENT GATEWAYS END ***/

/*** REGISTRATION ***/
/* password strange control */
div.password_strength {
	padding: 0 0 0 10px;
}
div.password_strength div.scale {
	background: #dfdfdf;
	width: 71px;
	height: 7px;
	position: relative;
}
div.password_strength div.scale div.color {
	height: 7px;
	width: 0;
}
div.password_strength div.scale div.red {
	background: #ed2f0b;
}
div.password_strength div.scale div.green {
	background: #23a50c;
}
div.password_strength div.scale div.yellow {
	background: #ebcc00;
}
div.password_strength div.scale div.shine {
	width: 0;
	height: 7px;
	position: absolute;
	top: 0;
	left: 0;
}
div.area_profile div.notice {
	padding: 7px 0 10px;
}
div.area_profile div.options {
	padding-top: 10px;
}
div.area_profile div.field img.qtip {
	margin-top: 2px;
}
/* password strange control end */

span.fail_field,
span.success_field {
	display: none;
}
/*** REGISTRATION END ***/

/*** MODAL WINDOW ***/
#modal_mask {
	background: rgba(255,255,255,0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1005;

}
.modal_block {
	position: absolute;
	left: 50%;
	margin-left: -176px;
	width: 340px;
	height: 230px;
	background: #f1f1f1;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}
.modal_block.fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
}
.modal_block.fullscreen .gmnoprint {
	margin-right: 60px!important;
}
.modal_block div.inner div.close {
	position: absolute;
	top: 5px;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.modal_block div.inner div.close > div {
	width: 14px;
	height: 14px;
	margin: 11px;
	background: url('../img/gallery.png') right -469px no-repeat;
	opacity: 0.7;
}
.modal_block div.inner div.close:hover > div {
	opacity: 1;
}
.modal_block div.inner div.modal_content {
	padding: 25px 50px 25px 30px;
	position: relative;
}
.modal_block.fullscreen div.inner,
.modal_block.fullscreen div.inner > .modal_content {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.modal_block.fill-edge div.inner div.modal_content {
	padding: 0;
}
#map_fullscreen {
	width: 100%;
	height: 100%;
}
.modal_block div.inner div.caption,
.modal_block div.inner div.caption_padding {
	color: #2b2b2b;
	font-size: 1.143em;
	padding: 0 0 20px;
	font-weight: bold;
	margin-top: -7px;
}
.modal_block div.inner div.warning,
.modal_block div.inner div.notice {
	background: url('../img/gallery.png') -20px -1594px no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 20px;
}
.modal_block div.inner div.notice {
	background-position: -21px -1346px;
}
.modal_block div.prompt {
	padding: 20px 0 0 0;
}
.modal_block div.prompt input {
	margin: 0 15px 0 0;
}
.modal_block div.submit-cell div.name {
	width: 80px!important;
	padding-right: 10px;
}
/*** MODAL WINDOW END ***/

/*** NOTIFICATIONS ***/
div.notification {
	min-height: 45px;
	position: absolute;
	top: 0;
	width: 576px;
	left: 50%;
	margin-left: -288px;
	z-index: 100;
}
div.notification > div {
	background: rgba(0,0,0,.3);
	min-height: 46px;
	color: white;
	position: relative;
	font-size: 0.929em;
	font-weight: 300;
	padding: 3px;
}
div.notification > div > div.message {
	background: #31c26b;
}
div.notification.fixed {
	position: fixed;
}
div.notification.done {
	top: 62px;
	transition: top 0.3s ease;
}
div.notification.top {
	z-index: 1200;
	position: fixed;
	top: 0;
}
div.notification.error > div > div.message {
	background: #f2695e;
}
div.notification.warning > div > div.message {
	background: #dab500;
}
div.notification > div > div.message {
	padding: 14px 45px 14px 18px;
	word-wrap: break-word;
	line-height: 1.640em;
}
div.notification ul {
	padding: 0 0 0 20px;
}
div.notification ul > li {
	list-style: circle;
}
div.notification ul > li:not(:first-child) {
	list-style: circle;
	padding: 4px 0 0 0;
}
div.notification div.close-black {
	top: 3px;
	right: 3px;
}
/*** NOTIFICATIONS END ***/

/*** MY LISTINGS ***/
.my-listings > article div.picture {
	margin: 0!important;
}
.my-listings > article {
	margin: 0 0 15px 0!important;
	padding: 0 0 15px 0;
	min-height: 240px;
	border-bottom: 2px #e6e6e6 solid;
}
.my-listings > article:last-child {
	margin-bottom: 0;
}
.my-listings > article > div.nav > div {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
.my-listings > article > div:last-child {
	margin-right: 0;
}
.my-listings div.title {
	font-size: 1.143em!important;
	font-weight: 600!important;
	padding-bottom: 15px;
}
.my-listings div.navigation ul > li {
	padding: 0 0 12px 0;
}
.my-listings div.navigation ul > li:last-child {
	padding: 0;
}
.my-listings div.navigation ul > li select {
	width: 100%;
}
.my-listings div.navigation ul > li a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 25px;
}
.my-listings div.navigation ul li.nav-icon > a:before {
	content: '';
	background-image: url('../img/gallery.png');
	background-repeat: no-repeat;
	background-position: right -535px;
	width: 16px;
	height: 16px;
	left: 0;
	top: 2px;
	position: absolute;
	opacity: 0.5;
}
.my-listings div.navigation ul li.nav-icon > a.add-video:before {
	background-position: right -513px;
}
.my-listings div.navigation ul li.nav-icon > a.edit:before {
	background-position: 0 -488px;
}
.my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
	background-position: right -621px;
}
.my-listings div.navigation ul li.nav-icon > a.delete:before {
	background-position: right -489px;
}
.my-listings div.navigation ul li.nav-icon > a:hover:before {
	opacity: 0.8;
}
.my-listings div.stat ul > li {
	padding: 0 0 8px 0;
	color: #333333;
}
.my-listings div.stat ul > li.switcher-controll {
	padding-bottom: 12px;
}
.my-listings div.stat ul > li span.name {
	color: #949494;
}
.my-listings div.stat ul > li span.name:after {
	content: ':';
}
.delete.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../img/gallery.png') right -489px no-repeat;
	cursor: pointer;
	opacity: 0.5;
}
.delete.icon:hover {
	opacity: 0.8;
}
/*** MY LISTINGS END ***/

/*** MY BANNERS ***/
body.my-banners-page .my-listings > article > div {
  display: inline-block;
  vertical-align: top;
  width: 190px;
  margin-right: 30px;
}
body.my-banners-page .my-listings div.title {
  padding-top: 5px;
}
/*** added 15012026      ***/
:root {
  --gold-border: #d4af37;   /* classic gold */
  --gold-soft: rgba(212, 175, 55, 0.35);
}
/* SEARCH RESULTS – GOLD CARD */
#listings.listings-search > ul > li {
  border: 1px solid var(--gold-soft);
  border-radius: 6px;
  background: #fff;
  padding: 14px;
}

/* Hover polish */
#listings.listings-search > ul > li:hover {
  border-color: var(--gold-border);
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
/* GOLD BORDER — FEATURED-STYLE (the article in your screenshot) */
section#listings article.listing-card.featured-style {
  border: 2px solid #d4af37 !important;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  padding: 12px;          /* gives the border breathing room */
  overflow: hidden;       /* keeps corners clean */
}

/* Optional hover polish */
section#listings article.listing-card.featured-style:hover {
  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.25);
}
/* Gold divider under image Chef's kiss */
ul.featured > li .picture {
  border-bottom: 1px solid var(--gold-soft);
}

/* LUXURY CARD BASE */
article.listing-card,
ul.featured > li {
    background: #121212;
    border: 1px solid rgba(201, 162, 77, 0.35);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 28px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45);
}
/* GOLD ACCENT BAR */
article.listing-card::before,
ul.featured > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        #e0b85c,
        #c9a24d
    );
}

/* BIG FEATURED PROPERTY – container */
/* ================================
   FEATURED PROPERTY – LUXURY CARD
================================ */

section.content_block.ltfb_listings ul.featured > li {
  background: #0f0f0f;                 /* deep black */
  border: 2px solid #d4af37;           /* gold */
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  overflow: hidden;
  padding: 0;
}

/* Image area */
section.content_block.ltfb_listings ul.featured > li .picture {
  background: #111;
}

/* Image behaviour */
section.content_block.ltfb_listings ul.featured > li .picture img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}

/* Content */
section.content_block.ltfb_listings ul.featured > li .card-info {
  padding: 18px 20px 22px;
  background: #0f0f0f;
}

/* Title */
section.content_block.ltfb_listings ul.featured > li .title a {
  color: #d4af37;
  font-weight: 600;
  text-decoration: none;
}

/* Meta text */
section.content_block.ltfb_listings ul.featured > li .fields,
section.content_block.ltfb_listings ul.featured > li .services {
  color: #bbb;
}

/* Price */
section.content_block.ltfb_listings ul.featured > li .price_tag span {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}

/* Favourite icon */
section.content_block.ltfb_listings ul.featured > li .favorite .icon {
  filter: brightness(1.4);
}

/* Hover polish */
section.content_block.ltfb_listings ul.featured > li:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 55px rgba(0,0,0,.45);
}
section.content_block.ltfb_listings ul.featured > li {
  width: 820px !important;
  max-width: 820px;
}
section.content_block.ltfb_listings ul.featured > li .picture::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.0),
    rgba(0,0,0,0.35)
  );
  pointer-events: none;
}
section.content_block.ltfb_listings ul.featured > li {
  border-color: #c9a24d; /* softer gold */
}
section.content_block.ltfb_listings ul.featured > li {
  box-shadow:
    0 20px 45px rgba(0,0,0,.45),
    0 0 0 1px rgba(201,162,77,.35);
}
section.content_block.ltfb_listings ul.featured > li .title a {
  line-height: 1.3;
  display: block;
  margin-bottom: 6px;
}

/* FEATURED BADGE */
section.content_block.ltfb_listings ul.featured > li {
  position: relative;
}

section.content_block.ltfb_listings ul.featured > li::before {
  content: "FEATURED";
  position: absolute;
  top: 14px;
  left: 14px;
  background: linear-gradient(135deg, #d4af37, #b8962e);
  color: #111;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 10px;
  border-radius: 4px;
  z-index: 5;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}




/*** HORIZONTAL HOME SEARCH ***/
/*** HORIZONTAL HOME SEARCH ***/
.home-search {
	background: url('../img/search-bg.jpg') center bottom no-repeat #f2f2f2;
	background-size: cover;

	/* FULL-WIDTH BACKGROUND ONLY */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* CONSTRAIN CONTENT */
.home-search > div {
	margin: 0 auto;
	padding: 70px 0;
}

.home-search .search-block-content {
	max-width: 1510px;
	margin: 0 auto;
	padding: 0 24px;
	background:#fff
}

/* SEARCH PANEL */
.home-search #search_area {
	background: rgba(239, 239, 239, 0.9);
padding: 16px 24px 18px; /* 🔥 reduced height */
	border-radius: 6px;
}

/* =====================================================
   SAFE FIXES — scoped, no Bootstrap collateral damage
   ===================================================== */

/* Neutralise gutters ONLY inside search panel */
.home-search #search_area .row {
	--bs-gutter-x: 0;
}

/* === PRICE: force FROM / TO on one row === */
.home-search .search-form-cell.three-field > div > div {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
}

/* Price FROM / TO selects */
.home-search .search-form-cell.three-field select[name$="[from]"],
.home-search .search-form-cell.three-field select[name$="[to]"] {
	flex: 1 1 0;
	min-width: 75px;
}

/* === BEDROOMS: force MIN / MAX on one row === */
.home-search .search-form-cell.number > div > div {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
}

/* Min / Max bedroom selects */
.home-search .search-form-cell.number select[name$="[from]"],
.home-search .search-form-cell.number select[name$="[to]"] {
	flex: 1 1 0;
	min-width: 115px;
}

/* === SEARCH BUTTON: reserve space, prevent overlap === */
.home-search .search-form-cell.submit {
	flex: 0 0 120px;
	max-width: 120px;
	margin-left: auto;
}
/* =====================================================
   SEPARATE PRICE & BEDROOM GROUPS (no overlap)
   ===================================================== */

/* Give each search cell its own breathing room */
.home-search #search_area .search-form-cell {
	padding-right: 18px;
	box-sizing: border-box;
}

/* Extra spacing after PRICE block */
.home-search #search_area 
.search-form-cell.three-field {
	margin-right: 24px;
}

/* Ensure BEDROOM block never collapses 
.home-search #search_area 
.search-form-cell.number {
	min-width: 260px;
} */

/* Fake select wrapper */
.fake-select-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Arrow */
.fake-select-wrap .rm-arrow {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #111;
  pointer-events: none;
  z-index: 2;
}

/* Hide native arrows completely */
#search_area select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}
/* 02012026 */
.rm-arrow {
  transition: transform 0.18s ease;
}

/* rotated state */
.rm-arrow.is-open {
  transform: translateY(-50%) rotate(180deg);
}
.rm-arrow {
  transition: transform 0.18s ease;
}

.rm-arrow.is-open {
  transform: translateY(-50%) rotate(180deg) !important;
}
/* 02012026 */

/* =========================================================
   HIDE Country / Region / City (SAFE, NO COLLATERAL DAMAGE)
   ========================================================= */

/* Hide the SELECT elements (keep them functional) */
.search-block-content select[name="f[country]"],
.search-block-content select[name="f[country_level1]"],
.search-block-content select[name="f[country_level2]"] {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hide their Select2 visual UI ONLY (not all Select2!) */
.search-block-content select[name="f[country]"] + .select2,
.search-block-content select[name="f[country_level1]"] + .select2,
.search-block-content select[name="f[country_level2]"] + .select2 {
  display: none !important;
}
/* =========================================================
   Hide labels for Country / Region / City ONLY
   (Property Type remains visible)
   ========================================================= */

.search-block-content label[for="f[country]"],
.search-block-content label[for="f[country_level1]"],
.search-block-content label[for="f[country_level2]"] {
  display: none !important;
}

/* Hide labels inside the SAME cell as the location selects */
.search-block-content select[name="f[country]"]
  ~ label,
.search-block-content select[name="f[country_level1]"]
  ~ label,
.search-block-content select[name="f[country_level2]"]
  ~ label {
  display: none !important;
}
/*              04012026 */
/* ===============================
   Hybrid City Autocomplete Styling
   =============================== */

.ui-autocomplete {
  background: #ffffff !important;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
  padding: 6px 0;
  z-index: 9999 !important;
}

/* Each item */
.ui-autocomplete .ui-menu-item {
  padding: 0;
}

/* Text */
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 12px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #111111 !important;   /* 🔥 FIX: strong readable text */
  cursor: pointer;
}

/* Hover / active */
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  background: #f2f4f7 !important;
  border-radius: 12px;
  color: #000000 !important;
}

/* Remove default jQuery UI borders */
.ui-widget.ui-widget-content {
  border: none !important;
}
/* 04012026 */
/* Autocomplete animation */
.autocomplete {
  animation: fadeSlide 0.12s ease-out;
}

@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Suggestion row */
.suggestion {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
}

.suggestion:hover {
  background: #f5f5f5;
}

.suggestion strong {
  font-weight: 600;
}
/* End 04012026 */
/* 🔥 Autocomplete polish */
.ui-autocomplete {
  animation: fadeSlide 0.12s ease-out;
  z-index: 9999;
}

.ui-menu-item-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ui-menu-item-wrapper::before {
  content: "📍";
  opacity: 0.7;
}

.ui-menu-item-wrapper strong {
  font-weight: 600;
}

@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ui-menu-item-wrapper:hover {
  background: #f5f5f5;
}
.ui-state-active {
  background: #eee !important;
  color: #000 !important;
}
/** Hide Horizontal SearchBar */
/* Homepage: hide all search fields initially */
.home .search_tab_area .search-form-cell {
  display: none;
}

/* Keep Buy / Rent pills visible */
.home .search_tab_area
.search-form-cell.checkbox-field.radio {
  display: block;
}

/* After intent is selected, show everything */
.home .search_tab_area.is-active .search-form-cell {
  display: block;
}
/* 05012026   */
/* Make hero/search overlay ignore mouse clicks */
.home-page .search-block-content::before,
.home-page .search-block-content::after {
  pointer-events: none;
}

/* Ensure Buy / Rent pills are always clickable */
.home-page .search-form-cell.checkbox-field.radio {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}
/* Ensure All / Buy / Rent pills are clickable */
.home-page .search-form-cell.checkbox-field.radio,
.home-page .search-form-cell.checkbox-field.radio * {
  pointer-events: auto;
  position: relative;
  z-index: 5;
}
/* Fix truncated All / Buy / Rent pills */
.home-page .pills label {
  width: auto !important;
  min-width: 90px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: unset;
}
/* Breadcrumb container */
.search-breadcrumb {
  display: none;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}
/* 05012026 */

/* Completely remove Flynax All / Buy / Rent pills on homepage */
.home-page .search-form-cell.checkbox-field.radio {
  display: none !important;
}
.intent-select {
  margin-bottom: 16px;
}

.intent-select label {
  display: block;
  font-size: 13px;
  color: #777;
  margin-bottom: 6px;
}

.intent-select select {
  width: 130px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  font-size: 15px;
  font-weight: 500;
  background: #fff;
}
/* Property for (Buy / Rent) — compact */
.home-page .intent-select {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  flex-shrink: 0;
}

.home-page .intent-select select {
  padding: 10px 12px;
  font-size: 14px;
}

}

/* Make the select fill the container */
.home-page .intent-select select {
  width: 100%;
}
/* Give the intent block the same “field height” as the search inputs */
.home-page .intent-select {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;

  padding: 10px 12px;
  box-sizing: border-box;
}

/* Make label readable and consistent */
.home-page .intent-select label {
  font-size: 13px;
  line-height: 1.1;
  margin: 0;
}

/* Make the dropdown itself tall like other controls */
.home-page .intent-select select {
  height: 46px;              /* control height */
  line-height: 46px;         /* text vertically centered */
  padding: 0 14px;           /* no vertical padding needed with height */
  border-radius: 999px;      /* match your pill/input style */
  box-sizing: border-box;
}


/* Keep intent dropdown visible 
.home-page:not(.search-expanded)
.intent-select {
  display: block;
}
*/

/* see if this works 05012026 */ 

/* Intent dropdown sizing (from earlier) */
.home-page .intent-select {
  
  padding: 10px 12px;
  box-sizing: border-box;
}

.home-page .intent-select select {
  width: 100%;
  height: 46px;
  line-height: 46px;
  border-radius: 999px;
}
/* This can be deleted if the CSS messes alignment     */
/* Premium vertical alignment for intent selector */
.home-page .intent-select {
  display: flex;
  flex-direction: column;
  
}
/* Match label spacing with other search fields */
.home-page .intent-select label {
  margin-bottom: 8px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.65);
}
/* Gentle left padding to match premium layouts */
.home-page .intent-select {

}

/* Make intent selector behave like a search field */
.home-page .intent-select {
  display: flex;
  flex-direction: column;
 
}

/* Match label rhythm */
.home-page .intent-select label {
  font-size: 13px;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.6);
}

/* Match input height */
.home-page .intent-select select {
  height: 46px;
  line-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  border: none;
  background: rgba(255, 255, 255, 0.95);
}
/* Always keep intent selector visible 
.home-page:not(.search-expanded)
.intent-select {
  display: block !important;
}*/
/* Emergency visibility lock for intent selector */
.home-page .intent-select {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative;
  z-index: 5;
}

/* === Homepage Search: Premium Full-Width Padding === */
.home-page .search-block-content {
  padding-left: 24px;
  padding-right: 24px;
}

/* Optional: slightly tighter on desktop for ultra-premium look */
@media (min-width: 1200px) {
  .home-page .search-block-content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
/* ================================
   STEP 2 — Desktop One-Line Search
   ================================ */

@media (min-width: 992px) {

  /* Search container 
  .search-expanded .search_tab_area form {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 14px;
  }*/

  /* Each search field */
  .search-expanded .search-form-cell {
    flex: 0 0 auto;
    margin: 0;
  }

  /* Location gets priority width */
  .search-expanded .search-form-cell.location {
    flex: 1 1 320px;
    min-width: 260px;
  }

  /* Property type */
  .search-expanded .search-form-cell.select {
    min-width: 180px;
  }

 

  /* Submit button */
  .search-expanded .search-form-cell.submit {
    margin-left: auto;
    flex: 0 0 auto;
  }

  /* Normalize input heights */
  .search-expanded input,
  .search-expanded select,
  .search-expanded .select2-selection {
    height: 48px;
    border-radius: 999px;
  }

  /* Search button */
  .search-expanded .search-form-cell.submit input {
    height: 48px;
    padding: 0 28px;
    border-radius: 999px;
    font-weight: 600;
  }

}
/* ================================
   STEP 2.2 — Proper Containment Fix
   ================================ */

@media (min-width: 992px) {

  /* The ACTUAL glass container */
  .search-block {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  /* Keep everything inside */
  .search-block-content {
    overflow: visible;
  }

  /* Tighten vertical spacing of labels */
  .search-form-cell > div > span {
    margin-bottom: 6px;
    display: block;
  }

}




/* =========================================
   FIX SEARCH ROW PUSHING CONTENT DOWN
   ========================================= */

.home-page #search_area form.row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  row-gap: 0 !important;
  align-items: flex-end;
}

/* =========================================
   Intent dropdown — FINAL CLEAN VERSION
   ========================================= */

.home-page .intent-select {
  flex: 0 0 160px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  z-index: 5;
}

.home-page .intent-select label {
  font-size: 13px;
  margin: 0;
  color: rgba(0,0,0,0.6);
}

.home-page .intent-select select {
  height: 46px;
  line-height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,0.95);
  font-size: 14px;
  font-weight: 500;
}
/* FINAL — move search + heading UP together */
.home-page .home-search .point1 {
  position: relative;
  top: -130px;   /* ← this WILL move it */
}
/* Tighten label spacing inside search */
.home-page .search-form-cell > div > span {
  margin-bottom: 4px;   /* was ~10px */
  font-size: 13px;
  line-height: 1.1;
}
.home-search #search_area {
  padding: 14px 24px 16px;
}

/* =========================================
   FORCE BUY / RENT (INTENT SELECT) VISIBLE
   ========================================= */

.home-page .intent-select {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  /* one-line layout control */
  flex: 0 0 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;

  /* alignment */
  align-self: flex-end;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 10;
}

/* Ensure dropdown itself is visible */
.home-page .intent-select select {
  display: block !important;
  width: 100%;
  height: 48px;
}

/* ================================
   FINAL — ONE LINE HOMEPAGE SEARCH
   ================================ */

@media (min-width: 992px) {

  /* Kill Bootstrap row behavior */
  .home-page .search_tab_area form.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  /* Every field behaves inline */
  .home-page .search-form-cell {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* Intent (Buy / Rent) ,main place to change Size */
  .home-page .intent-select {
    min-width: 110px !important;
    max-width: 110px !important;
    margin-left: 0 !important;
  }

  /* Location gets priority width */
  .home-page .search-form-cell.location {
    flex: 1 1 320px !important;
    min-width: 260px !important;
  }

  /* Property type */
  .home-page .search-form-cell.select {
    min-width: 180px !important;
  }

 

  /* Submit button stays right */
  .home-page .search-form-cell.submit {
    margin-left: auto !important;
  }

  /* Normalize ALL control heights */
  .home-page select,
  .home-page input,
  .home-page .select2-selection {
    height: 46px !important;
    line-height: 46px !important;
    border-radius: 999px !important;
  }

  /* Reduce glass height */
  .home-page #search_area {
    padding: 16px 20px !important;
  }
}

/* 🔥 FINAL OVERRIDE — kill Bootstrap row behaviour on homepage search */
.home-page #search_area form.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
  row-gap: 0 !important;
}
.home-page #search_area .search-form-cell {
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
}
.home-page #search_area .search-form-cell.location {
  flex: 1 1 320px !important;
  min-width: 260px;
}
.home-page #search_area {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
/* ============================
   HOMEPAGE SEARCH — MASTER FIX
   ============================ */

/* 1) REMOVE the huge vertical push from theme wrapper */
.home-page section.home-search > .point1 {
  padding-top: 20px !important;   /* was 70px */
  padding-bottom: 20px !important;
}

/* 2) Make the glass shorter */
.home-page #search_area {
  padding: 16px 22px !important;
}

/* 3) Kill Bootstrap row behaviour INSIDE homepage search only */
.home-page #search_area form.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 14px !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 4) Keep every field inline */
.home-page #search_area .search-form-cell {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* 5) Let location expand, everything else fixed */
.home-page #search_area .search-form-cell.location {
  flex: 1 1 360px !important;
  min-width: 260px !important;
}

/* 6) Keep button compact */
.home-page #search_area .search-form-cell.submit {
  flex: 0 0 170px !important;
}
/* =========================================
   FINAL STABLE DESKTOP SEARCH LAYOUT
   ========================================= */

@media (min-width: 992px) {

  /* Force ONE row only */
  .home-page #search_area form.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 16px;
  }

  /* Every field behaves */
  .home-page #search_area .search-form-cell {
    flex: 0 0 auto;
    margin: 0 !important;
  }

  /* Location is widest */
  .home-page .search-form-cell.location {
    flex: 1 1 320px;
    min-width: 280px;
  }

  /* Property type */
  .home-page .search-form-cell.select {
    min-width: 180px;
  }

 
  /* Search button */
  .home-page .search-form-cell.submit {
    margin-left: auto;
    flex: 0 0 auto;
  }

}
/* Tighten label spacing */
.home-page .search-form-cell > div > span,
.home-page .intent-select label {
  margin-bottom: 6px;
  font-size: 13px;
}
/* Always keep intent selector visible */
.home-page .intent-select {
  display: block !important;
  min-width: 80px;
}
/* =========================================
   REMOVE GLASS SEARCH CONTAINER (CLEAN)
   ========================================= */

/* Kill glass background */
.home-page #search_area {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Keep spacing controlled */
.home-page .search-block-content {
  padding-top: 12px;
  padding-bottom: 12px;
}
/* Turn Bootstrap row into a horizontal toolbar */
.home-page #search_area form.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end;
  gap: 14px;

  margin: 0 !important;
  padding: 0 !important;
}
/* Buy / Rent (Property For) */
.home-page .search-form-cell.intent,
.home-page .intent-select {
  flex: 0 0 80px;
  min-width: 80px;
}
.home-page .search-form-cell,
.home-page .intent-select {
  margin: 0;
  padding: 0;
  height: auto;
}
/* HARD STOP: kill hero vertical centering */
.home-page section.home-search {
  min-height: auto !important;
  height: auto !important;
  display: block !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.home-page section.home-search .point1 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  position: relative !important;
}
/* Slim down the glass container */
.home-page #search_area {
  padding: 12px 20px !important;
}
.home-page #search_area form.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end;
  gap: 14px;
}
/* ================================
   MICRO TIGHT SPACING (2px)
   ================================ */

/* Reduce gap between fields */
.home-page #search_area form.row {
  gap: 2px !important;
}

/* Kill internal padding between cells */
.home-page #search_area .search-form-cell {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* Same for intent selector */
.home-page #search_area .intent-select {
  margin-right: 2px !important;
}

/* Remove ghost spacing from inner wrappers */
.home-page #search_area .search-form-cell > div {
  margin: 0 !important;
  padding: 0 !important;
}

/* Tighten label spacing even more */
.home-page #search_area label,
.home-page #search_area .search-form-cell > div > span {
  margin-bottom: 4px !important;
}

/* Optional: visually “group” pills */
.home-page #search_area select,
.home-page #search_area input,
.home-page #search_area .select2-selection {
  margin-right: 0 !important;
}
/* ======================================
   TIGHTER WIDTHS + PRICE/BEDS KISS 😘
   ====================================== */

@media (min-width: 992px) {

  /* LOCATION — slimmer but usable */
  .home-page #search_area
  .search-form-cell.location {
    flex: 0 0 260px !important;
    min-width: 260px !important;
  }

  /* PROPERTY TYPE — reduce bulk */
  .home-page #search_area
  .search-form-cell.single-field.select {
    flex: 0 0 200px !important;
    min-width: 200px !important;
  }

  /* PRICE block — tighter */
  .home-page #search_area
  .search-form-cell.three-field {
    margin-right: 4px !important;
  }

  /* BEDROOMS — kiss the price 💋 */
  .home-page #search_area
  .search-form-cell.number {
    margin-left: 4px !important; /* subtle overlap */
    min-width: 235px !important;
  }

  /* Inside Price + Bedrooms: reduce inner gaps Main PLace */
  .home-page #search_area
  .search-form-cell.three-field > div > div,
  .home-page #search_area
  .search-form-cell.number > div > div {
    gap: 6px !important;
  }

}




/* Force Price FROM + TO to behave as 2 fields only */
.home-page
.search-form-cell.three-field > div > div {
  grid-template-columns: 1fr 1fr !important;
}




/* Force Price grid to be 2 columns only */
.home-page
.search-form-cell.three-field.price
> div
> div {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 2px !important;
}

.home-page
.search-form-cell.three-field.price {
  margin-right: 4px !important;
}

.home-page
.search-form-cell.number {
  margin-left: 0 !important;
}
/* =========================================
   REMOVE GAP BETWEEN PRICE & BEDROOMS
   ========================================= */

@media (min-width: 992px) {

  /* Kill gap AFTER Price */
  .home-page
  .search-form-cell.three-field.price {
    margin-right: 0 !important;
  }

  /* Kill gap BEFORE Bedrooms */
  .home-page
  .search-form-cell.number {
   /* margin-left: -6px !important;  fine-tune: -4px to -8px */
  }

  /* Reduce internal form gap slightly */
  .home-page
  #search_area
  form.row {
    gap: 8px !important;
  }

}
/* =========================================
   RECOVERY — RESTORE BEDROOMS & SEARCH BTN
   ========================================= */

@media (min-width: 992px) {

  .home-page #search_area form.row {
    gap: 8px !important; /* safe, controlled */
  }

  .home-page .search-form-cell {
    margin: 0 !important;
  }

  .home-page .search-form-cell.number,
  .home-page .search-form-cell.submit {
    position: relative;
    left: 0 !important;
    margin-left: 0 !important;
  }

}
/* =========================================
   SAFE PRICE ↔ BEDROOM TIGHTENING
   ========================================= */

@media (min-width: 992px) {

  /* Reduce gap between ALL fields slightly */
  .home-page #search_area form.row {
    gap: 6px !important;
  }

  /* Tighten INSIDE Price */
  .home-page
  .search-form-cell.three-field.price
  > div > div {
    gap: 2px !important;
  }

}/* =========================================
   SAFE REMOVE PRICE CURRENCY (NO COLLATERAL)
   ========================================= */

.home-page
.search-form-cell.three-field.price
select[name$="[currency]"] {
  display: none !important;
}

/* Force Price From + To layout */
.home-page
.search-form-cell.three-field.price
> div
> div {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}
/* Ensure Price select wrappers match other fields */
.home-page
.search-form-cell.three-field.price
.rm-select-wrap {
  height: 46px;
  display: flex;
  align-items: center;
}

/* Keep Price grid tight and aligned */
.home-page
.search-form-cell.three-field.price
> div
> div {
  align-items: center;
}
/* Buy / Rent — compact */
.home-page .intent-select {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}

.home-page .intent-select select {
  padding: 0 12px;
  font-size: 14px;
}
/* Price From / To — compact This is main place to change price width     */
.home-page
.search-form-cell.three-field.price
select {
  min-width: 115px;
  max-width: 115px;
  	gap: 14px;
}
/* Tighten spacing between ALL fields */
.home-page #search_area form.row {
  gap: 5px;
}
/* =========================================
   PRICE DROPDOWNS — ALIGN + ARROWS (COMPACT)
   ========================================= */

/* Keep each Price select wrapper a proper pill-height */
.home-page
.search-form-cell.three-field.price
.rm-select-wrap{
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important; /* anchor arrow */
}

/* Make the Price selects compact 
.home-page
.search-form-cell.three-field.price
.rm-select-wrap select{
  height: 46px !important;
  line-height: 46px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  padding-right: 28px !important; 
  box-sizing: border-box;
}*/

/* Re-center arrow inside the smaller pill 
.home-page
.search-form-cell.three-field.price
.rm-select-wrap .rm-arrow{
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 10px !important;
  font-size: 12px !important;
  pointer-events: none;
} */

/* Tighten spacing INSIDE Price (From/To) */
.home-page
.search-form-cell.three-field.price
> div > div{
  gap: 6px !important;
}

/* Make everything smoochy across the whole row 😘 */
.home-page #search_area form.row{
  gap: 4px !important;
}

/*   Delete from Below here today if need be 07012026 */

/* Wrapper */
.rm-select-wrap {
  position: relative;
  height: 46px;
  display: flex;
  align-items: center;
}

/* Native select = grey pill */
.rm-select-wrap select {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 46px 0 14px; /* RIGHT padding defines grey pill edge */
  border-radius: 999px;
  background: #f1f1f1; /* your grey pill */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Arrow visually INSIDE grey pill */
.rm-select-wrap .rm-arrow {
  position: absolute;
  right: 28px; /* 🔥 THIS moves it INTO the grey pill */
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  pointer-events: none;
  z-index: 2;
}
/* Price From / To wrapper */
.rm-select-wrap {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

/* Ensure select fills wrapper
.rm-select-wrap select {
  width: 120%;
  min-width: 120%;
  max-width: 120%;  */
}
.rm-select-wrap.price-from {
  margin-right: 2px;
}
.rm-select-wrap.price-to {
  margin-right: 2px;
}
.search-form,
.sb-search,
.sb-search .fields {
  gap: 0 !important;
}
.rm-select-wrap.price-from,
.rm-select-wrap.price-to {
  margin-right: -8px !important;
}
/* Kill internal spacing between Price From / To / Bedrooms 
.home-page .search-form-cell.three-field.price > div > div {
  gap: 6 !important;
  margin: 0 !important;
  padding: 0 !important; 
}
.home-page .search-form-cell.three-field.price > div > div > * {
  margin-right: 8px !important;
}
 */
 /* main place to increase decrease size for form cell */
.home-page .search-form-cell.three-field.price {
  width: 235px !important;
  max-width: 235px !important;
  min-width: 235px !important;
   margin-right: 2px;
}
/* Move search bar below fixed header */
.home-page .search-form,
.home-page .search-form-wrapper {
  margin-top: 100px;
}

/* Below   Added 08012026 *****************************************/

/* PRICE */
.home-page .price-from .rm-select-wrap,
.home-page .price-to .rm-select-wrap {
  width: 120px !important;
  min-width: 120px !important;
}

/* BEDROOMS – give it breathing room */
.home-page .bedrooms .rm-select-wrap {
  width: 120px !important;
  min-width: 120px !important;
}

/* Improve internal spacing */
.home-page .rm-select-wrap select {
  padding-left: 14px;
  padding-right: 34px; /* arrow space */
}

/* Small, polite spacing between pills */
.home-page .price-from .rm-select-wrap {
  margin-right: 4px;
}

.home-page .price-to .rm-select-wrap {
  margin-right: 4px;
}

/* REAL spacing – this WILL show */
.home-page .price-from .rm-select-wrap {
  margin-right: 8px !important;
}

}
.home-page .search-form-cell.three-field.price {
  width: 230px !important;
  min-width: 230px !important;
  margin-right: -12px;
}

.home-page .price-to .rm-select-wrap {
  margin-right: 6px !important;
}
.home-search .search-form-cell.number {
  min-width: 230px;
}
.home-search .search-form-cell.number > div > div > *:first-child {
  margin-right: 12px;
}

/* Reduce Search button width */
.home-search .search-form button,
.home-search .search-form input[type="submit"] {
  width: 90px;          /* 👈 sweet spot */
  min-width: 90px;
  padding: 0 16px;
  white-space: nowrap;
}
.home-search .search-form button {
  font-weight: 600;
  letter-spacing: 0.2px;
}
/* Add breathing room before Search button */
.home-search .search-form button,
.home-search .search-form input[type="submit"] {
  margin-left: 10px;
}
/* Lock homepage search submit CELL */
.home-search .search-form-cell.submit {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  flex: 0 0 170px !important;
}

/* Let button fill the cell cleanly */
.home-search .search-form-cell.submit input[type="submit"] {
  width: 80px;
  min-width: 80px;
  padding: 0 6px;
  white-space: nowrap;
}
.home-search .search-form {
  column-gap: 16px;
}
.home-page #search_area form.row {
  gap: 14px !important;
}

/* Hide labels above search fields on homepage */
.home-page #search_area .search-form-cell > div > span {
  display: none !important;
}
/* Hide Property For label (intent selector) */
.home-page #search_area .intent-inner > label {
  display: none !important;
}

/* added 10012026 **************************************/
.home-search .search-form {
  column-gap: 16px;
}

.home-page #search_area form.row {
  gap: 14px !important;
}

/* Hide labels above search fields on homepage */
.home-page #search_area .search-form-cell > div > span {
  display: none !important;
}

/* Hide Property For label (intent selector) */
.home-page #search_area .intent-inner > label {
  display: none !important;
}

/* 🔒 LOCK SEARCH BAR UNDER HEADER */
.home-page #search_area {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1001;
  background: #fff;
}

/* Prevent content jump / overlap */
.home-page section.home-search {
  padding-top: 64px;
}
/* Lock search bar directly under header */
.home-page #search_area {
  position: fixed;
  top: 50px;              /* header height */
  left: 0;
  right: 0;
  z-index: 1001;
  background: #fff;
}

/* Push page content down */
.home-page section.home-search {
  padding-top: 80px;
}
/* Search bar locked to header */
.home-page #search_area {
  position: fixed;
  top: 64px;               /* EXACT main-menu height */
  left: 0;
  right: 0;
  z-index: 1001;
  background: #fff;

  /* visual polish */
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
/* Hide top sign-in bar on homepage only */
.home-page .top-navigation {
  display: none !important;
}
/* Fully collapse top-navigation space on homepage */
.home-page .top-navigation {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Remove phantom spacing caused by header wrapper */
.home-page .page-header > .point1 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  min-height: unset !important;
}
/* =========================================
   HARD COLLAPSE TOP HEADER BAR (HOME ONLY)
========================================= */

/* Kill top navigation completely */
.home-page .top-navigation {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Collapse the wrapper that held top-navigation */
.home-page .page-header > .point1 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* Ensure header height is driven ONLY by main-menu */
.home-page .page-header {
  height: auto !important;
  min-height: 0 !important;
}

/* Safety: remove phantom spacing inside main-menu */
.home-page .page-header .main-menu {
  margin-top: 0 !important;
}
/* above works well up to  level with min gap */

/* ================================
   FORCE HEADER TO CONSTANT HEIGHT
================================ */

.home-page .page-header,
.home-page .page-header.fixed-menu {
  height: 80px !important;
  min-height: 80px !important;
  max-height: 80px !important;
  padding: 0 !important;
  background: #fff;
  z-index: 1002;
}
/* Vertically center header content */
.home-page .page-header .main-menu {
  height: 60px;
  display: flex;
  align-items: center;
}
/* Lock search directly under header */
.home-page #search_area {
  position: fixed;
  top: 60px;               /* same as header */
  left: 0;
  right: 0;
  z-index: 1001;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
/* Push page content down */
.home-page section.home-search {
  padding-top: 120px;      /* 60 header + ~60 search */
}
/* =========================================
   REMOVE SELECT2 SEARCH INPUT (GHOST PILL)
========================================= */

/* Hide search field inside Select2 dropdown */
.select2-container--default .select2-search--dropdown {
  display: none !important;
}

/* Safety: remove extra padding caused by it */
.select2-container--default .select2-results {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ============================= */
/* GOLD OUTLINE – HOME SEARCH    */
/* ============================= */

:root {
  --gold-outline: #d4af37; /* premium gold */
  --gold-outline-soft: rgba(212, 175, 55, 0.45);
}

/* ---- Base pill styling ---- */
.home-page #search_area input,
.home-page #search_area select,
.home-page #search_area .select2-selection--single {
  border: 1.5px solid var(--gold-outline-soft) !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* ---- Hover state ---- */
.home-page #search_area input:hover,
.home-page #search_area select:hover,
.home-page #search_area .select2-selection--single:hover {
  border-color: var(--gold-outline) !important;
}

/* ---- Focus / active state ---- */
.home-page #search_area input:focus,
.home-page #search_area select:focus,
.home-page #search_area .select2-selection--single.select2-selection--focus {
  border-color: var(--gold-outline) !important;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.18) !important;
  outline: none !important;
}

/* ---- Remove ugly browser focus ring ---- */
.home-page #search_area input:focus-visible,
.home-page #search_area select:focus-visible {
  outline: none !important;
}

/* ---- Fix Select2 height alignment ---- */
.home-page #search_area .select2-selection--single {
  height: 46px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  padding-right: 34px;
  border-radius: 999px;
}

/* ---- Select2 text vertical centering ---- */
.home-page #search_area .select2-selection__rendered {
  line-height: 46px !important;
}

/* ---- Kill default Select2 arrow (we use custom arrow) ---- */
.home-page #search_area .select2-selection__arrow {
  display: none !important;
}

.home-page #search_area input[type="submit"] {
  background: var(--gold-outline);
  border: none;
  color: #111;
}

.home-page #search_area input[type="submit"]:hover {
  background: #c9a32f;
}
/* 🔥 Hide Select2 original select WITHOUT breaking it */
.home-page #search_area
select.select2-hidden-accessible {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}
/* evening of 10012026   */








/*** HORIZONTAL HOME SEARCH END ***/
/* === HIDE PRICE CURRENCY DROPDOWN === */



/*** HOME PAGE GALLERY ***/
.gallery-container {
    height: 377px;
}
section.features-gallery {
	margin-top: 30px;
}
section.features-gallery > div.point1 {
	margin: 0 auto;
}
div.featured_gallery {
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}
div.featured_gallery ul.featured {
	white-space: nowrap;
	font-size: 0;
	background: #e9e9e9;
	margin: 0;
	float: right;
	width: 142px;
	height: 100%;
	padding: 0 0 0 2px;
    align-content: flex-start;

    transition: transform 0.2s ease;
}
div.featured_gallery div.preview {
	background: white;
	position: relative;
	overflow: hidden;
	user-select: none;
}
div.featured_gallery div.preview:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 30px;
	height: 30px;
	background-color: #2c97cd;
	margin: -15px 0 0 -15px;
	animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
div.featured_gallery div.preview > .fg-title,
div.featured_gallery div.preview > .fg-price {
	height: 39px;
	max-width: 100%;
	line-height: 39px;
	background: rgba(0,0,0,.8);
	position: absolute;
	padding: 0 15px;
	color: white;
	font-size: 1.143em;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.featured_gallery div.preview > .fg-price {
	background: rgba(44,151,205,.85);
	top: auto;
	bottom: 0;
	height: 45px;
	line-height: 45px;
	font-size: 1.5em;
}
div.featured_gallery div.preview > a > div {
	height: 100%;
	display: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: relative;
}
div.featured_gallery ul.featured > li {
	position: relative;
	overflow: visible;
	padding: 0;
	opacity: 0.7;
    flex: none;
    height: 95px;
    width: 100%;
    margin: 0;
}
div.featured_gallery ul.featured > li img {
	filter: grayscale(100%);
	cursor: pointer;
	width: 100%;
	height: 100%;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
div.featured_gallery ul.featured > li:last-child img {
	margin: 0;
}
div.featured_gallery ul.featured li.active {
	opacity: 1;
}
div.featured_gallery ul.featured li.active img {
	filter: none;
	cursor: default;
}
div.featured_gallery ul.featured ul.card-info .icons {
    display: none;
}

.special-block > section {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}
.special-block > section > div {
    flex: 1;
    overflow: hidden;
    overflow-x: hidden !important;
}
.special-block .field-bound-box-text-pic,
.special-block .field-bound-box-icon {
    margin-bottom: 0 !important;
}
.special-block section ul.featured:last-child {
    margin-bottom: 0;
}
/*** HOME PAGE GALLERY END ***/

/*** PLUGINS CUSTOM ***/
li#listing_rating_dom {
	padding: 7px 0 12px!important;
}

#loan_reset_form {
	content: '';
	display: inline-block;
	width: 18px;
	height: 16px;
	background: url('../img/gallery.png') 0 -621px no-repeat;
	margin-left: 20px;
	cursor: pointer;

	opacity: 0.7;
}
#loan_reset_form:hover {
	opacity: 1;
}

div.banner {
	display: inherit!important;
}

#recaptcha_response_field {
	height: 20px;
}
body > iframe[src='about:blank'] {
	display: none;
}
/*** PLUGINS CUSTOM END ***/

/*** RESPONSIVE ***/
.point1 {
	width: 100%;
}

/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
	div#header-banner {
		width: 728px;
		height: 90px;
		margin: auto;
	}
	section#main_container > div.inside-container {
		padding: 35px 0 70px;
	}
	section#controller_area {
		padding-bottom: 30px;
	}

	/* main menu */
	header.page-header.fixed-menu + div#wrapper {
		margin-top: 121px;
	}
	header.page-header.fixed-menu > div.point1 {
		margin: 0 auto;
	}
	header.page-header.fixed-menu {
		height: 60px;
		width: 100%;
		position: fixed;
		top: 0;
	}
	header.page-header.stick {
		transition: none;
	}
	header.page-header.fixed-menu div.top-navigation {
		float: right;
	}
	header.page-header.fixed-menu section.main-menu {
		height: 60px;
	}
	header.page-header.fixed-menu section.main-menu > div {
		max-width: inherit;
	}
	header.page-header.fixed-menu div#logo {
		margin: 9px 11px 0 0;
	}
	header.page-header.fixed-menu section.main-menu nav {
		margin: 0;
		float: none;
		text-align: left;
		width: auto;
	}
	header.page-header.fixed-menu ul#main_menu_more {
		top: 60px;
	}
	header.page-header.fixed-menu section.main-menu ul.menu {
		height: 60px;
		padding-left: 20px;
	}
	header.page-header.fixed-menu section.main-menu ul.menu > li {
		height: 60px;
	}
	header.page-header.fixed-menu section.main-menu ul.menu > li > a {
		margin-top: 8px;
	}
	header.page-header.fixed-menu section.main-menu ul.menu > li.more > span {
		margin-top: 11px;
	}
	header.page-header.fixed-menu section.main-menu a.add-property {
		margin: 12px 10px 0 10px;
	}

	header.page-header.fixed-menu div.top-navigation {
		height: 60px;
		border-bottom: 0;
		z-index: 1;
	}
	header.page-header.fixed-menu .circle {
		height: 62px;
	}
	header.page-header.fixed-menu .circle > .default {
		height: 62px;
		line-height: 59px;
        padding: 0 10px;
	}
	header.page-header.fixed-menu .circle_opened > .content {
		top: 59px;
	}
	header.page-header.fixed-menu .lang-wrapper {
		margin: 0 0 20px 30px;
	}

	section.main-menu nav {
		float: right;
		text-align: right;
	}
	section.main-menu ul.menu {
		height: 60px;
		white-space: nowrap;
		overflow: hidden;
	}
	section.main-menu div.mobile-menu-button {
		display: none;
	}
	section.main-menu ul.menu > li {
		display: inline-block;
		margin: 0 0 0 40px;
		vertical-align: top;
		border-top: 2px transparent solid;
        text-align: left;
	}
	section.main-menu a.add-property {
		float: right;
		margin: 23px 0 0 40px;
		box-shadow: 0 1px 3px black;
	}
	section.main-menu ul.menu > li:first-child {
		margin-left: 0;
	}
	section.main-menu ul.menu > li:last-child {
		margin-right: 0;
	}
	section.main-menu ul > li > a {
		display: inline-block;
		font-size: 1.071em;
		padding: 7px 0;
		margin-top: 19px;
	    width: inherit;
	    vertical-align: top;
	    color: #999999;
	}
	section.main-menu ul > li > a:hover,
	section.main-menu ul > li.active > a {
		color: #ffd100;
	}
	section.main-menu ul.menu > li.active {
		border-color: #ffd100;
	}
	section.main-menu ul.menu > li.more > span {
		display: inline-block;
		margin: 23px 0 0 0;
		padding: 5px;
		cursor: pointer;
		user-select: none;
	}
	section.main-menu ul.menu > li.more > span > span {
		width: 4px;
		height: 4px;
		background: #999999;
		display: inline-block;
		margin: 8px 2px 0 0;
		border-radius: 2px;
		vertical-align: top;
	}
	section.main-menu ul.menu > li.more_active > span > span {
		background: #ffd100;
	}
	ul#main_menu_more {
		display: none;
		position: absolute;
		top: 121px;
		padding: 5px 20px;
		background: #282828;
		z-index: 10;
		border-top: 0;
		text-align: left;
	}
	body.header-banner ul#main_menu_more {
		top: 227px;
	}
	ul#main_menu_more > li > a {
		padding: 10px 0;
		box-shadow: none;
		margin-top: 0;
	}
	/* main menu end */

	/* sidebar block */
	section.side_block > h3 {
		font-size: 1.214em;
		font-weight: 400;
		margin-top: -4px;
		text-transform: none;
	}
	section.side_block:not(.no-header) > div {
		margin: 19px 0 0 0!important;
	}
	section.side_block:not(.no-style) {
		background: white;
		padding: 30px;
		box-shadow: 0 1px 3px rgba(0,0,0,.15);
	}
	section.highlighted > div {
		background-color: #fffbe7!important;
	}
	section.side_block:not(.no-style) > div {
		background-color: transparent!important;
	}
	/* sidebar block end */

	section.side_block span.expander {
		display: none;
	}

	.grid_navbar {
		margin-bottom: 30px;
	}

	body.no-sidebar .advanced-search-form {
		width: 60%;
	}

	section.side_block ul.featured {
		text-align: center;
		margin: 0;
	}
	section.side_block ul.featured > li {
        flex: 0 0 100%;
        max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	section.side_block ul.featured > li:last-child {
		margin-bottom: 0;
	}
	section.side_block ul.featured:not(.list) > li ul {
		width: 100%;
		padding: 10px 0 0 0;
		text-align: left;
		background: none;
		box-shadow: none;
	}

	section.side_block_search div.field:empty {
		min-height: 0;
	}

	div.submit-cell > div.field.checkbox-field,
	div.submit-cell > div.field.inline-fields {
		max-width: 600px;
	}

	section.account-info div.picture > div:first-child {
		margin-bottom: 20px;
	}

	.seller-short div.landscape ul.seller-info {
		padding: 0;
	}
	.seller-short div.landscape ul.seller-info > li.name {
		margin-top: 0;
	}
	.seller-short div.landscape ul.seller-info > li {
		padding-bottom: 5px;
	}
	.seller-short div.landscape ul.seller-info a.low {
		position: static;
		margin-top: 10px;
	}

    .special-block .categories-box__scrollbar {
        max-height: none;
    }

    .home-search .search-block-content form div.search-form-cell {
        width: 25%;
    }
	.home-search .search-block-content form div.search-form-cell.number {
        width: 12.5%;
    }
}
/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
	.point1 {
		max-width: 1140px;
	}
	section.main-menu nav {
		width: 870px;
	}

	section.side_block ul.featured > li div.picture {
		float: left;
		width: 120px;
		height: 75px;
		margin-right: 20px;
        padding-bottom: 0;
	}
    section.side_block ul.featured div.picture img {
        background-size: 100% auto;
    }
	section.side_block ul.featured > li > ul {
		padding: 0!important;
		overflow: hidden;
		width: auto!important;
	}
	section.side_block ul.featured > li > ul > li:first-child {
		margin-top: -4px;
	}

	section.account-info h3 {
		white-space: normal;
		max-width: 230px;
	}
	table.info td.name,
	div.table-cell.small > div.name {
		width: 110px;
		white-space: nowrap;
	}

	.seller-short ul.seller-info {
		min-width: 170px;
	}

	.seller-short ul.seller-info {
		min-width: 170px;
	}
}
/*** MIDDLE DESKTOP VIEW ***/
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.point1 {
		max-width: 940px;
	}
	section.main-menu nav {
		width: 660px;
	}

	section.side_block:not(.no-style) {
		padding: 20px;
	}

    .gallery-container {
        height: 418px;
    }
	div.featured_gallery {
		padding-bottom: 84px;
		position: relative;
	}
	div.featured_gallery ul.featured {
		flex-wrap: nowrap;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 84px;
		padding: 2px 0 0 0;
	}
	div.featured_gallery ul.featured > li {
		flex: 0 0 20%;
        max-width: 20%;
		margin: 0 1px 0 0;
        height: 82px;
	}
	div.featured_gallery ul.featured > li img {
		width: 122px;
	}

	div.table-cell > div.name {
		width: 140px;
	}

	section.account-info h3 {
		white-space: normal;
		max-width: 160px;
	}

	table.info td.name,
	div.table-cell.small > div.name {
		width: 75px;
	}

	.search-item.checkbox-field > .custom-input {
		width: 100%;
	}

	section#accounts.grid > article {
		width: 50%;
	}

	.seller-short ul.seller-info {
		min-width: 110px;
	}
}
/*** ALL TABLET/DESKTOP VIEWS ***/
@media screen and (min-width: 768px) {
	section.main-menu a.add-property {
		float: right;
	}

    .horizontal-search .search-block-content form {
        margin-left: -15px;
        margin-right: -15px;
    }
    .search-block-content form div.search-form-cell {
        width: 50%;
    }
    .search-block-content form div.search-form-cell.number {
        width: 25%;
    }
    .search-block-content form div.search-form-cell.submit {
        float: right;
    }

    header:not(.fixed-menu) div.fright > .circle:not(:first-child) {
        margin-left: 30px;
    }
    header:not(.fixed-menu) div.fleft > .circle:not(:last-child) {
        margin-right: 30px;
    }
}
/*** ALL TABLET/MOBILE VIEWS ***/
@media screen and (max-width: 991px) {
	body header.page-header {
		height: 102px!important;
	}
	body header.page-header section.main-menu {
		height: 58px;
	}
	div#logo {
		margin-top: 0;
	}
	section#controller_area:not(:empty) + aside {
		margin-top: 22px;
	}

	section.main-menu {
		padding-top: 10px;
	}
	section.main-menu nav.menu {
		float: right;
	}
	section.main-menu a.button.add-property {
		margin-top: 2px;
	}
	section.main-menu span.menu-button {
		float: right;
		display: inline-block;
		width: 38px;
		height: 38px;
		margin-left: 30px;
		cursor: pointer;
		position: relative;
	}
	section.main-menu span.menu-button > span {
		position: absolute;
		width: 20px;
		height: 4px;
		background: #ffd100;
		right: 0;
		top: 11px;
		border-radius: 2px;

		transition: background 0.3s ease;
	}
	section.main-menu span.menu-button > span:nth-child(2n) {
		top: 18px;
	}
	section.main-menu span.menu-button > span:last-child {
		top: 25px;
	}
	section.main-menu span.menu-button:hover > span {
		background: #ffe46a;
	}
	section.main-menu nav.menu ul.menu {
		display: none;
		background: #111111;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 105;
		min-width: 230px;
		max-width: 305px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding: 58px 22px 55px;
	}
	body.header-banner section.main-menu nav.menu ul.menu {
		top: 106px;
	}
	section.main-menu nav.menu ul.menu li.more {
		margin-bottom: 30px;
	}
	section.main-menu nav.menu ul.menu > li > a {
		padding: 8px 0;
		color: #999999;
		display: inline-block;
	}
	section.main-menu nav.menu ul.menu > li > a:hover {
		color: #f7e8a4;
	}
	section.main-menu nav.menu ul.menu > li.active > a {
		color: #ffd100;
	}
	section.main-menu ul.menu span.mobile-menu-header {
		display: block;
		margin-bottom: 15px;
		position: relative;
	}
	section.main-menu span.mobile-menu-header > span:first-child {
		color: #6f6f6f;
		font-size: 1.286em;
	}
	section.main-menu span.mobile-menu-header > span:last-child {
		position: absolute;
		width: 25px;
		height: 32px;
		right: 0;
		top: -3px;
		cursor: pointer;
	}
	section.main-menu span.mobile-menu-header > span:last-child:before {
		content: '';
		position: absolute;
		width: 18px;
		height: 18px;
		left: 7px;
		top: 8px;
		background: url('../img/gallery.png') 0 -8px no-repeat;
		opacity: 0.7;

		transition: opacity 0.3s ease;
	}
	section.main-menu span.mobile-menu-header > span:last-child:hover:before {
		opacity: 1;
	}

	footer.page-footer .footer-data {
		text-align: center;
	}
	nav.footer-menu > ul {
		display: none;
	}
	footer.page-footer span.scroll-top {
		top: 0px;
		left: 0px;
	}
	body.view-details-page.get-details-box section#main_container section.seller-short {
		display: none;
	}

	section.side_block_search > h3 {
		color: #2c97cd;
	}

	div.search-footer div.search-item {
		float: left;
	}
	div.search-footer div.align-button {
		text-align: right;
	}

	ul#messages_area > li > span {
		display: block;
	}

    .gallery-container {
        height: auto;
    }
    .seller-short div.picture.landscape {
        float: none;
    }
    section.content_block:not(.no-style) > div,
    section.side_block:not(.no-style) > div {
        padding: 20px 20px;
    }
}
/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {
	section.main-menu nav.menu ul.menu {
		right: 0;
	}
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.point1 {
		max-width: 720px;
	}

	.home-search > div {
		padding: 50px 0;
	}
	section.content_block {
		margin-bottom: 22px;
	}
	aside.middle section.content_block:last-child {
		margin-bottom: 0;
	}
	span.pills > label {
		width: auto!important;
	}
	div#header-banner {
		width: auto;
		height: 90px;
	}

	div.featured_gallery {
        height: 380px !important;
    }

	aside.bottom {
		margin-top: 20px;
	}
	/* home content block end */

	section.seller-short > div > div.picture img {
		height: 92px;
	}
    .seller-short div.form {
        margin-top: 0;
    }

	.search-block-content form div.search-form-cell {
		width: 50%;
	}
	section.side_block_search div.search-item {
		width: 48%;
		margin-right: 4%;
		display: inline-block;
		vertical-align: top;
	}
	section.side_block_search div.search-item:nth-of-type(2n) {
		margin-right: 0;
	}
	.search-item.checkbox-field > .custom-input {
		width: 50%;
	}
	.field.search-item.checkbox-field > .custom-input {
		width: 33.33%;
	}
	.search-item.couple-field > .custom-input {
		width: 33.33%;
	}
	section#listings.grid ul.info {
		padding-top: 8px;
	}
	section#listings.list ul.info {
		max-width: 320px;
	}
	.link-large {
		font-size: 1.286em!important;
	}

	div.table-cell > div.name {
		width: 140px;
	}

	div.listing-details section.statistics ul.controls {
		width: 60%;
	}

	section.account-location table.info {
		float: left;
		width: 235px;
		display: inline-block;
	}

	section.account-location div.location-info {
		float: left;
		max-width: 300px;
	}
	section.account-location div.map-capture {
		width: 55%;
		margin: -18px -18px -18px 0;
		float: right;
	}

	div.notification {
		width: 442px;
		margin-left: -221px;
	}
	div.notification.done {
		top: 0;
	}

	body.no-sidebar .advanced-search-form {
		width: 80%;
	}
}
/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
	h1 {
		font-size: 1.714em;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.h1-nav nav > a.post_ad {
		margin-right: 10px;
	}

	body.header-banner > div.main-wrapper {
		padding-top: 75px;
	}

	div#header-banner {
		width: 100%;
		height: 59px;
	}
	div.header-banner-cont {
		height: 75px;
	}
	#header-banner div.banner table {
		height: 58px;
	}

	.point1 {
		max-width: 480px;
		min-width: 320px;
	}

	.home-search > div {
		padding: 30px 0;
	}
	.home-search #search_area {
		padding: 8px 10px 20px;
	}

	section.home-search {
		height: auto;
	}
	div.map_fullscreen_area div#map_container {
		height: 100%;
	}

	.circle > .default {
		padding: 0 10px;
	}

	#lang-selector > span.default {
		text-indent: -300px;
		width: 56px;
	}
	#lang-selector > span.default:before {
		content: attr(accesskey);
		position: absolute;
		right: 32px;
		text-indent: initial;

	}
	#lang-selector > .default:after {
		position: absolute;
		right: 10px;
		top: 17px;
	}
    #user-navbar > .default:before {
        display: none !important;
    }
	#user-navbar > .default > span {
		max-width: 110px;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		text-overflow: ellipsis;
	}
	section.main-menu a.add-property {
		display: none;
		float: none;
	}
	div#logo {
		margin-left: 10px;
	}
	#search_area {
		padding: 0 10px;
	}
	body.header-banner section.main-menu nav.menu ul.menu {
		top: 77px;
	}

	section.home-search > div.point1 {
		margin: 0 auto;
	}
	.home-search #search_area {
	    background: rgba(239,239,239, .8);
	}
	.home-search {
		background-image: url('../img/search-bg-mobile.jpg');
	}

	section.main-menu span.menu-button {
		margin-left: 10px;
		margin-right: 10px;
	}

	footer.page-footer span.scroll-top {
		left: auto;
		right: 10px;
		top: -36px;
	}

	div.featured_gallery {
        height: 334px !important;
		padding-bottom: 84px;
		position: relative;
	}
	div.featured_gallery div.preview {
		height: 240px;
	}
	div.featured_gallery ul.featured {
		flex-wrap: nowrap;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 84px;
		padding: 2px 0 0 0;
	}
	div.featured_gallery ul.featured > li {
		display: inline-block;
		width: 124px;
		margin: 0 2px 0 0;
	}
	div.featured_gallery div.preview > .fg-title {
		height: 34px;
		line-height: 32px;
		font-size: 1em;
	}
	div.featured_gallery div.preview > .fg-price {
		height: 40px;
		line-height: 38px;
		font-size: 1.286em;
	}

	.search-form-cell {
		width: 100%;
	}
	.search-form-cell > div > div,
	.search-form-cell > div span.pills {
		width: 100%!important;
	}
	.search-form-cell.numeric-field {
		width: 50%;
	}
	.search-form-cell.submit > div {
		margin-top: 15px;
	}
	.search-form-cell.submit > div > span {
		display: none;
	}
	.search-form-cell.submit > div input[type=submit] {
		width: 100%;
	}

	.search-form-cell.three-field > div > div input[type=text],
	.search-form-cell.three-field > div > div input[type=number] {
		width: 33%!important;
		margin-right: 4%;
	}
	.search-form-cell.three-field > div > div select {
		width: 26%;
	}
	.search-form-cell.three-field > div > div > *:not(:last-child) {
		margin-right: 0;
	}

	section.main-menu nav.menu ul.menu {
		padding: 58px 14px 55px 22px;
	}

	section.content_block > h3,
	section.side_block > h3 {
		font-size: 1.214em;
	}
	section.content_block,
	section.side_block {
		margin-left: 10px;
		margin-right: 10px;
	}
	section.content_block:not(.no-header) > div,
	section.side_block:not(.no-header) > div {
		margin-top: 10px;
	}

	section.side_block > span.expander {
		margin-top: 6px;
	}

	/* home content block */
	section.home-content {
		margin: 0 0 20px 0;
	}
	aside.bottom {
		margin-top: 20px;
	}
	/* home content block end */

	ul.tabs.tabs-hash {
		margin-left: 10px;
		margin-right: 10px;
		height: 42px;
	}
    div.submit-cell ul.tabs {
        margin-left: 0;
        margin-right: 0;
    }
	ul.tabs.tabs-hash > li:not(.overflowed) {
		margin: 0px 10px;
		font-size: 1em;
		height: 42px;
	}
    div.submit-cell ul.tabs > li:not(.overflowed) {
        margin-left: 0;
    }
    ul.tabs.tabs-hash > li > a {
        height: 42px;
    }
    ul.tabs > li.overflowed {
        right: 25px;
        margin-top: -2px !important;
    }

    .side_block:not(.no-style) ul.tabs,
    .content_block:not(.no-style) ul.tabs,
	section.content-section ul.tabs {
		margin-left: 0;
		margin-right: 0;
	}
	#bread_crumbs > ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	.grid_navbar.listings-area .buttons > div.grid {
		display: none;
	}
	.grid_navbar .current,
	.grid_navbar ul.fields > li {
		padding: 0 10px;
	}

	/* listing list view */
	section#listings > article div.navigation-column {
		position: absolute;
		width: auto;
		bottom: 8px;
		right: 20px;
		z-index: 1;
	}
    section#listings.list.no-image > article div.navigation-column {
        bottom: 25px;
        right: 10px;
    }
	section#listings > article div.navigation-column div.before-nav {
		display: none;
	}
	section#listings ul.nav-column > li {
		display: inline-block;
		height: 18px;
		margin-left: 5px;
	}
	section#listings ul.nav-column > li .icon {
		top: 0;
	}
    section#listings ul.nav-column > li > a > span.link,
	section#listings ul.nav-column > li > span.link {
		display: none;
	}

	section.list > article {
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		display: block;
	}
	section#listings.list > article:not(.no-image) div.main-column {
		padding: 0 10px;
	}
	section#listings.list div.picture {
        width: 300px;
        height: 200px;
		float: none;
		margin: 0;
	}
	section#listings.list div.picture img {
		width: 100%;
		position: static;
	}
	article.featured div.picture > div.label {
		top: 0;
	}
	section#listings.list ul.card-info {
		background: white;
		padding: 10px;
	}
	section#listings ul.card-info span.favorite {
		display: inline-block;
		vertical-align: middle;
	}
	section#listings.list ul.card-info span.favorite {
		float: right;
		margin-top: 5px;
	}
	section#listings.list ul.card-info > li:last-child {
		padding-bottom: 0;
	}
	section#listings.list ul.card-info > ol {
		display: none;
	}
	/* listing list view end */

	div.listing-details.loc-exists .content-section {
		margin-top: 42px;
	}
	div.listing-details .content-section {
		padding: 10px 10px 0;
	}

	#area_keyword form.kws-block .two-inline {
		width: 100%;
	}

	div.listing-details h1 {
		margin-bottom: 15px;
		padding: 0;
	}
	.seller-short > div:last-child {
		margin-top: 20px;
	}
	.seller-short.landscape div.picture {
		float: none;
	}

	div.table-cell > div.name {
		width: 35%!important;
	}

	div.listing-details section.statistics ul.controls {
		float: none;
		width: 100%;
	}
    div.submit-cell {
        flex-direction: column;
    }
	div.submit-cell > div.name {
		padding: 0;
		min-height: 26px;
		line-height: 26px;
        flex-basis: auto;
	}
	div.submit-cell > div.name:empty {
		display: none;
	}
	#modal_block div.submit-cell div.name {
		width: 120px;
	}

	div.submit-cell.buttons div.name {
		min-height: inherit;
		height: 0;
	}

	.field.single-field > select {
		width: 100%;
	}
	.field.single-field > input[type=text] {
		width: 100%;
	}

	/* two */
	.field.two-fields > select,
	.field.two-fields > input[type=text] {
		width: 48%;
		margin-right: 4%;
	}
	.field.two-fields > select:last-child,
	.field.two-fields > input[type=text]:nth-child(2n) {
		margin-right: 0;
	}
	.field.two-fields > .custom-input,
	.field.couple-field > .custom-input {
		width: 50%;
		display: inline-block;
		padding-top: 10px;
	}
	/* three */
	.field.three-field > select {
		width: 26%;
		margin-right: 4%;
	}
	.field.three-field > input {
		width: 33%!important;
		margin-right: 4%;
	}
	.field.three-field > *:last-child {
		margin-right: 0;
	}

	.form-buttons.form a {
		width: auto;
	}
	section#accounts.grid {
		text-align: center;
	}
	section#accounts.grid > article {
		max-width: 320px;
		margin: 0 auto;
		margin-top: 3px;
	}
	section#accounts > article > div,
	section#accounts > article > ul {
		text-align: left;
	}
    section#accounts div.statistics {
        width: 155px;
    }
    section#accounts .landscape div.statistics {
        width: 260px;
    }
    section#accounts ul.info {
        width: 290px;
    }

	section.seller-short > div > div.picture {
		margin: 0 20px 0 0;
		float: left;
	}
	section.seller-short > div > div.picture img {
		max-width: 150px;
		height: auto;
	}
	section.seller-short ul.seller-info > li:first-child {
		margin-top: 0;
	}
	section.seller-short ul.seller-info {
		overflow: hidden;
	}

	section.seller-short div.picture + div div.name,
	section.account-location div.name {
		width: 120px!important;
	}
	section.seller-short div.picture > div:first-child {
		margin-top: 10px;
	}
	section.seller-short div.counter {
		display: block;
	}

	ul.steps.mobile > li {
		display: none;
	}
	ul.steps.mobile > li.prev,
	ul.steps.mobile > li.current,
	ul.steps.mobile > li.current + li,
	ul.steps.mobile > li.current + li + li {
		display: inline-block;
		width: 33.33333%!important;
	}
	ul.steps.mobile > li.prev + li + li + li {
		display: none!important;
	}

	.form-buttons {
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}

	table.contacts-list tr > td:nth-child(2n) {
		display: none;
	}
	table.contacts-list div.name span.new {
		display: inline-block;
	}

	div.notification {
		width: 100%;
		left: 0;
		margin: 0;
	}
	div.notification > div {
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
	}
	div.notification.done {
		top: 0;
	}

	.content-padding {
		padding-left: 10px;
		padding-right: 10px;
	}
	.content-padding .content-padding,
	.content-padding .text-notice,
	div.listing-details .content-section .content-padding {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	/* tables content */
	div.list-table {
		display: block;
	}
	div.list-table > div.header {
		display: none;
	}
	div.list-table > div.row {
		display: block;
		border-bottom: 2px #e9e9e9 solid;
		position: relative;
		padding: 13px 25px;
		margin: 0;
	}
	div.list-table > div:nth-child(2) {
		padding-top: 0;
	}
	div.list-table > div:last-child {
		padding-bottom: 0;
		border: 0;
	}
	div.list-table > div.row > div {
		display: block;
		border: 0;
		padding: 5px 0 5px 95px!important;
		overflow: hidden;
		position: relative;
	}
	div.list-table > div.row > div:not(.no-flex):before {
		content: attr(data-caption) ":";
		width: 85px;
		display: inline-block;
		white-space: normal;
		word-wrap: break-word;
		font-size: 0.929em;
		color: #949494;
		position: absolute;
		left: 0;
		top: 5px;

		/* it is the best solution for now */
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	div.list-table > div.row > div.iteration {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -10px;
		padding: 0!important;
	}
	div.list-table > div.row > div.action {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -12px;
	}
	div.list-table > div.row > div > div.inline {
		display: inline-block;
	}
	div.list-table > div.row > div.content {
		padding-top: 2px!important;
	}

	div.content div.table-cell > div.name {
		float: none;
		width: auto!important;
	}
	div.content div.table-cell > div.name + div.value {
		padding: 0;
		min-height: 18px;
		line-height: 18px;
	}
	div.content div.table-cell {
		margin-bottom: 10px;
	}
	/* tables content end */

	/* my listings */
    section.list.my-listings > article {
        margin-left: auto !important;
        margin-right: auto !important;
    }
	section#listings.my-listings .item div.info {
		display: block;
		width: 100%;
		padding: 0;
	}
	section#listings.my-listings .item div.picture > span {
		width: 34px;
		height: 24px;
		bottom: 20px;
		right: 20px;
		line-height: 22px;
		font-size: 1.071em;
	}
	section#listings.my-listings .item div.info .title {
		position: absolute;
		top: 10px;
		background: white;
		height: 38px;
		line-height: 36px;
		box-shadow: 0 4px 0 rgba(0,0,0,.1);
		max-width: 100%;
		white-space: nowrap;
	}
	section#listings.my-listings .item .title {
		padding: 5px 10px 10px;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	section#listings.my-listings .item.featured div.info .title {
		background: #fb6a5c;
		color: #010101;
	}
	section#listings.my-listings div.picture > div.label {
		display: none;
	}
	section#listings.my-listings .item div.navigation {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	section#listings.my-listings .item div.navigation > ul {
		padding: 10px 10px 0;
	}
	section#listings.my-listings .item div.navigation > ul > li {
		display: inline-block;
		vertical-align: top;
		padding-bottom: 0;
	}
	section#listings.my-listings .item div.navigation > ul > li.single-inline {
		display: block;
		margin-bottom: 5px;
	}
	section#listings.my-listings .item div.navigation > ul > li select {
		max-width: 200px;
		width: 100%;
	}
	section#listings.my-listings .item div.navigation > ul > li.nav-icon {
		padding: 8px 0 0 12px;
	}
	section#listings.my-listings .item div.navigation > ul > li a {
		padding: 5px 10px;
	}
	section#listings.my-listings .item div.navigation > ul > li a > span {
		display: none;
	}

	section#listings.my-listings .item div.stat {
		display: block;
		width: 100%;
		position: relative;
	}
	section#listings.my-listings .item div.stat > ul {
		padding: 0 10px;
	}
	section#listings.my-listings .item div.stat .two-inline > *:first-child {
		float: none;
	}
	section#listings.my-listings .item div.stat ul > li {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		margin-right: 4%;
	}
	section#listings.my-listings .item div.stat ul > li:nth-child(2n) {
		margin-right: 0;
	}
	/* my listings end */

	#controller_area div.fieldset.divider > header {
		padding: 0 10px;
	}
	.content-padding div.fieldset > header,
	div.fieldset.light > header {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	ul.pagination {
		padding-left: 20px;
		padding-right: 20px;
	}

	ul.account-menu-content > li {
		padding: 2px 0 10px;
	}
	ul.account-menu-content > li a {
		font-size: 1.143em;
	}

	.modal_block div.inner div.close {
		right: 20px;
	}

	.map-search > div.controls > div > div.buttons {
		top: auto;
		left: 10px;
		bottom: 210px;
	}
}
@media screen and (max-width: 575px) {
    ul.featured > li  {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .login-page-form {
        max-width: 240px;
    }
}
@media screen and (max-width: 440px) {
    .circle_mobile-full-width {
        position: static !important;
    }
}
@media screen and (max-width: 383px) {
	div#header-banner {
		max-width: 100%;
		height: 62px;
		top: 20px;
		left: 0;
		margin-left: 0;
	}
	section.seller-short > div > div.picture {
		margin: 0 0 15px 0;
		float: none;
	}
	section.seller-short > div > div.picture img {
		max-width: 150px;
		height: auto;
	}
	section.seller-short ul.seller-info {
		overflow: auto;
	}
	div.table-cell ul.checkboxes > li {
		float: none;
		width: 100%;
		margin: 0;
	}
	section#listings.my-listings .item > div.navigation > ul > li select {
		width: 130px;
	}
    .gptwdg {
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}
/*** RESPONCIVE END ***/

/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	.circle > .default:after {
		background: url('../img/@2x/gallery2.png') left -62px no-repeat;
		background-size: 40px auto;
	}
	.circle_opened > .default:after {
		background-position: -12px -62px;
	}
	#user-navbar > span.default:before {
		background: url('../img/@2x/gallery2.png') left -12px no-repeat;
		background-size: 40px auto;
	}
	#user-navbar.circle_opened > span.default:before {
		background-position: right -12px;
	}
	section.main-menu span.mobile-menu-header > span:last-child:before {
		background: url('../img/@2x/gallery2.png') right -50px no-repeat;
		background-size: 40px auto;
	}

	ul.card-info > li.services > span:before {
		background: url('../img/@2x/gallery2.png') right -148px no-repeat;
		background-size: 40px auto;
	}
	ul.card-info > li.services > span.bathrooms:before {
		background-position: right -132px;
	}
	ul.card-info > li.services > span.square_feet:before {
		background-position: right -162px;
	}

	div.close-black:before {
		background: url('../img/@2x/gallery2.png') right -857px no-repeat;
		background-size: 40px auto;
	}

	select,
	.select2-selection--single .select2-selection__arrow {
		background-image: url('../img/@2x/gallery2.png');
		background-position: right -68px;
		background-repeat: no-repeat;
		background-size: 40px auto;
	}
	input[type=number] {
		background-image: url('../img/@2x/gallery2.png');
		background-position: right -95px;
		background-repeat: no-repeat;
		background-size: 40px auto;
	}
	label.switcher > input[type=checkbox] + span:not(.status):before {
        background-image: url('../img/@2x/gallery2.png');
        background-position: -8px -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type=checkbox]:checked + span:not(.status):before {
        background-image: url('../img/@2x/gallery2.png');
        background-position: 0 -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }

	footer.page-footer span.scroll-top:before {
		background: url('../img/@2x/gallery2.png') right -224px no-repeat;
		background-size: 40px auto;
	}
	.footer-data div.icons a:before {
		background: url('../img/@2x/gallery2.png') 0 -270px no-repeat;
		background-size: 40px auto;
	}
	.footer-data div.icons a.facebook:before {
		background-position: -13px -270px;
	}
	.footer-data div.icons a.twitter:before {
		background-position: -24px -270px;
	}

	input[type=checkbox]:not(.default) + label > span,
	input[type=radio]:not(.default) + label > span {
		background: url('../img/@2x/gallery2.png') 0 -224px no-repeat;
		background-size: 40px auto;
	}
	input[type=radio]:not(.default) + label > span {
		background-position: 0 -132px;
	}
	input[type=checkbox]:not(.default):hover + label > span {
		background-position: 0 -201px;
	}
	input[type=checkbox]:not(.default):checked + label > span {
		background-position: 0 -246px;
	}
	input[type=radio]:not(.default):hover + label > span {
		background-position: 0 -155px;
	}
	input[type=radio]:not(.default):checked + label > span {
		background-position: 0 -178px;
	}
	ul.menu-mobile:before {
		background: url('../img/@2x/gallery2.png') right -409px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar div.map > div > span {
		background: url('../img/@2x/gallery2.png') 0 -449px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar div.map:hover span,
	.grid_navbar div.map.active span {
		background: url('../img/@2x/gallery2.png') -14px -449px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar .sorting span.arrow {
		background: url('../img/@2x/gallery2.png') -22px -114px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar .sorting .active span.arrow {
		background-position: -22px -101px;
	}

	.favorite span.icon {
		background: url('../img/@2x/gallery2.png') right -178px no-repeat;
		background-size: 40px auto;
	}
	.favorite.remove span.icon {
		background-position: right -195px;
	}
	#user-navbar.notify > span.default:before {
		background-position: right -341px;
	}

	span.media-enlarge:after {
		background: url('../img/@2x/gallery2.png') left -345px no-repeat;
		background-size: 40px auto;
	}

	#loan_reset_form {
		background: url('../img/@2x/gallery2.png') right -426px no-repeat;
		background-size: 40px auto;
	}

	section#listings div.picture > img,
    ul.featured:not(.accounts) > li .picture img {
		background-image: url('../img/@2x/no-picture.png'); 
		background-size: 190px auto;
	}
	.seller-short form input + span {
		background: url('../img/@2x/gallery2.png') right -373px no-repeat;
		background-size: 40px auto;
	}
	.seller-short form input[name=contact_email] + span {
		background-position: right -391px;
	}
	.seller-short form input[name=contact_phone] + span {
		background-position: right -407px;
	}

	div.table-cell > div.name > div {
		background: url('../img/@2x/gallery2.png') 0 17px repeat-x;
		background-size: 40px auto!important;
	}

	.modal_block div.inner div.close > div {
		background: url('../img/@2x/gallery2.png') right -326px no-repeat;
		background-size: 40px auto;
	}
	a.print > span {
		background: url('../img/@2x/gallery2.png') right -625px no-repeat;
		background-size: 40px auto;
	}
	div.table-cell ul.checkboxes > li.active img {
		background: url('../img/@2x/gallery2.png') 0 -625px no-repeat;
		background-size: 40px auto;
	}

	section#accounts > article div.no-picture div.picture img,
	div.no-picture img.account-picture {
		background-image: url('../img/@2x/no-account.png');
		background-size: contain;
	}

	section.side_block > span.expander {
		background: url('../img/@2x/gallery2.png') right -502px no-repeat;
		background-size: 40px auto;
	}
	section.side_block > span.expander.active {
		background-position: 0 -502px;
	}

	input.search:hover {
		height: 37px;
		background: url('../img/gallery.png') 12px -431px no-repeat #fec04f;
	}

	div.close-black > div {
		background: url('../img/@2x/gallery2.png') right -675px no-repeat;
		background-size: 40px auto;
	}
	.close-red {
		background: url('../img/@2x/gallery2.png') -25px -53px no-repeat;
		background-size: 40px auto;
	}
	div.close-black:hover > div,
	.close-red:hover {
		opacity: 0.8;
	}
	img.remove {
		background: url('../img/@2x/gallery2.png') 0 -857px no-repeat;
		background-size: 40px auto;
	}

	ul#messages_area > li > span {
		background: url('../img/@2x/gallery2.png') right -326px no-repeat;
		background-size: 40px auto;
	}

	img.qtip {
		background-image: url('../img/@2x/gallery2.png');
		background-position: 6px -325px;
		background-size: 40px auto;
	}

	#controller_area div.fieldset > header > span.arrow {
		background: url('../img/@2x/gallery2.png') 0 -798px no-repeat;
		background-size: 40px auto;
	}
	#controller_area div.fieldset > header > span.arrow.up {
		background-position: right -798px;
	}
	.my-listings div.navigation ul li.nav-icon > a:before {
		background: url('../img/@2x/gallery2.png') 0 -776px no-repeat;
		background-size: 40px auto;
	}
	.my-listings div.navigation ul li.nav-icon > a.add-video:before {
		background-position: 0 -821px;
	}
	.my-listings div.navigation ul li.nav-icon > a.edit:before {
		background-position: 0 -755px;
	}
	.my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
		background-position: left -933px;
	}
    .my-listings div.navigation ul li.nav-icon > a.delete:before,
	.delete.icon {
		background: url('../img/@2x/gallery2.png') right -755px no-repeat;
		background-size: 40px auto;
	}
	span.media-enlarge > span {
		background: url('../img/@2x/gallery2.png') right -604px no-repeat;
		background-size: 40px auto;
	}

	div.map-capture > img {
		background-size: auto 100%;
	}
	div.controls a#advanced_search:after {
		background: url('../img/@2x/gallery2.png') right -449px no-repeat;
		background-size: 40px auto;
	}

    body a.reportBroken img {
        background: url(../img/@2x/gallery2.png) 100% -964px no-repeat !important;
        background-size: 40px auto !important;
    }
    body a.removeBroken img {
        background: url(../img/@2x/gallery2.png) 100% -982px no-repeat !important;
        background-size: 40px auto !important;
    }
}
/*** PIXEL RETIO 1.5 END ***/
/* =====================================
   FINAL SEARCH BAR – CLEAN & STABLE
   No glass | Rounded | 44px | One arrow
   ===================================== */

/* Remove glass / blur effect */
.horizontal-search,
.horizontal-search .search-block-content {
  background: #ffffff !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Core geometry variables */
:root {
  --search-field-h: 44px;
  --search-radius: 16px;
}

/* Rounded white search container */
.horizontal-search,
.horizontal-search .search-block-content {
  border-radius: 24px !important;
  overflow: hidden !important;
}

/* ---------- Inputs & native selects ---------- */
#search_area input,
#search_area select {
  height: var(--search-field-h) !important;
  min-height: var(--search-field-h) !important;
  line-height: var(--search-field-h) !important;
  border-radius: var(--search-radius) !important;
}

/* ---------- Select2 containers ---------- */
#search_area .select2-container--default .select2-selection--single {
  height: var(--search-field-h) !important;
  border-radius: var(--search-radius) !important;
  display: flex !important;
  align-items: center !important;
}

/* Select2 text */
#search_area .select2-selection__rendered {
  line-height: var(--search-field-h) !important;
  padding: 0 16px !important;
}

/* ---------- Select2 arrow (single, stable) ---------- */
#search_area .select2-selection__arrow {
  height: var(--search-field-h) !important;
  width: 32px !important;
  position: relative !important;
  overflow: hidden !important;
}

#search_area .select2-selection__arrow b {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

/* ---------- Bedrooms: remove icon ---------- */
#search_area input[name*="bed"],
#search_area input[id*="bed"],
#search_area .ui-spinner input {
  background-image: none !important;
  background:
/* === FINAL FIX: neutralise Select2 arrow height === */
#search_area .select2-selection--single .select2-selection__arrow {
  height: 44px !important;      /* NOT 100% */
  overflow: hidden !important;  /* clip sprite */
  background: none !important;  /* kill theme sprite */
}
/* === FINAL FIX: neutralise native <select> under Select2 === */
#search_area select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: none !important;
}
/* === FINAL FINAL FIX: kill Realty_Wide dropdown overlay arrow === */
#search_area .dropdown-wrapper {
  display: none !important;
}
/* === FINAL FIX: remove Bedrooms arrows === */

/* Native select fallback */
#search_area select[name*="bed"],
#search_area select[id*="bed"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: none !important;
}

/* jQuery UI spinner (most common) */
#search_area .ui-spinner,
#search_area .ui-spinner-input,
#search_area .ui-spinner-button {
  background-image: none !important;
  box-shadow: none !important;
}

/* Remove any injected icons */
#search_area .field-bedrooms,
#search_area .bedrooms,
#search_area .min-bedrooms {
  background-image: none !important;
}

/* Normal padding so it doesn’t look broken */
#search_area input[name*="bed"],
#search_area input[id*="bed"] {
  padding-right: 14px !important;
}
/* === FINAL FIX: remove currency dropdown arrows === */

/* Native currency select */
#search_area select[name*="currency"],
#search_area select[id*="currency"],
#search_area .currency select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: none !important;
  background: #fff !important;
  padding-right: 14px !important;
}

/* If wrapped in a custom container */
#search_area .currency,
#search_area .field-currency {
  background-image: none !important;
}
/* === RIGHTMOVE-STYLE FAKE ARROWS (REAL FIX) === */

/* Anchor: the visible field wrapper */
#search_area .search-form-cell > div {
  position: relative;
}

/* Make room inside dropdowns */
#search_area select,
#search_area .select2-selection--single {
  padding-right: 36px !important;
  background-image: none !important;
}
#search_area .search-form-cell > div {
  position: relative;
  border-radius: 14px !important; /* match inner rounding */
  overflow: visible !important;   /* CRITICAL */
}
#search_area .search-form-cell > div::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 6px;
  height: 6px;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  pointer-events: none;
  z-index: 5;
}
#search_area select,
#search_area .select2-selection--single {
  padding-right: 36px !important;
  background-image: none !important;
}
/* =========================================================
   RIGHTMOVE-STYLE ARROW OVERLAY (HARD OVERLAY)
   ========================================================= */

/* Anchor each cell */
#search_area .search-form-cell {
  position: relative !important;
}

/* Space inside inputs/selects */
#search_area select,
#search_area .select2-selection--single {
  padding-right: 38px !important;
}

/* HARD overlay arrow (not clipped, not inside Select2) */
#search_area .search-form-cell::before {
  content: "▾";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #111;
  pointer-events: none;
  z-index: 2147483647; /* above everything */
}
/* Space so text never hits arrow */
#search_area select,
#search_area .select2-selection--single {
  padding-right: 42px !important;
}

/* Optional: slightly soften arrow */
#search_area .rm-arrow {
  line-height: 1;
}
/* =========================================================
   SEARCH DROPDOWNS – centred chevrons INSIDE rounded fields
   Height = 44px
   ========================================================= */

:root{
  --search-h: 44px;
  --search-radius: 18px;
  --search-border: #d6d6d6;
  --search-bg: #fff;

  --chev-size: 6px;
  --chev-right: 16px;  /* inside the field */
  --chev-top: 50%;
}

/* make all search controls consistent */
#search_area input,
#search_area select,
#search_area .select2-container--default .select2-selection--single{
  height: var(--search-h) !important;
  min-height: var(--search-h) !important;
  border-radius: var(--search-radius) !important;
  border: 1px solid var(--search-border) !important;
  background: var(--search-bg) !important;
  box-shadow: none !important;
}

/* --------- SELECT2: remove the REAL arrow completely --------- */
#search_area .select2-container--default .select2-selection--single .select2-selection__arrow,
#search_area .select2-selection__arrow,
#search_area .select2-selection__arrow b{
  display: none !important;
}

/* select2 layout + keep chevron INSIDE the rounded shape */
#search_area .select2-container--default .select2-selection--single{
  position: relative !important;
  overflow: hidden !important;      /* IMPORTANT: stops overhang */
  padding-right: 44px !important;   /* room for chevron */
}

/* select2 text padding */
#search_area .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: var(--search-h) !important;
  padding-left: 16px !important;
  padding-right: 44px !important;
}

/* fake chevron (triangle) – centred */
#search_area .select2-container--default .select2-selection--single::after{
  content: "" !important;
  position: absolute !important;
  top: var(--chev-top) !important;
  right: var(--chev-right) !important;
  transform: translateY(-50%) !important;

  width: 0 !important;
  height: 0 !important;
  border-left: var(--chev-size) solid transparent !important;
  border-right: var(--chev-size) solid transparent !important;
  border-top: calc(var(--chev-size) + 1px) solid #111 !important;

  pointer-events: none !important;
}

/* --------- NATIVE <select> (currency etc) --------- */
#search_area select{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  overflow: hidden !important;      /* stops any weird overhang */
  padding-left: 16px !important;
  padding-right: 44px !important;

  background-repeat: no-repeat !important;
  background-position: right var(--chev-right) center !important;
  background-size: 14px 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
}

/* --------- Property For tabs: force NO arrow/background-image --------- */
#search_area ul.tabs a,
#search_area ul.tabs span{
  background-image: none !important;
}
#search_area ul.tabs a::after,
#search_area ul.tabs span::after{
  content: none !important;
}
#search_area .select2-selection--single,
#search_area select {
  padding-right: 44px !important;
}
/* =========================================
   FULL-WIDTH HOME SEARCH BAR
   ========================================= */

#search_area {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important; /* break out of centered container */
  margin-right: calc(-50vw + 50%) !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
#search_area .horizontal-search,
#search_area .search-block-content {
  width: 100% !important;
  max-width: none !important;
}
#search_area .horizontal-search,
#search_area .search-block-content {
  border-radius: 28px !important;
  padding: 20px 24px !important;
}
/* =========================================
   FORCE SEARCH BAR TO STRETCH FULL WIDTH
   ========================================= */

/* Remove inner max-width constraint */
#search_area .horizontal-search,
#search_area .search-block-content {
  max-width: 100% !important;
  width: 100% !important;
}

/* Kill any theme container wrapping it */
#search_area .container,
#search_area .content-wrapper {
  max-width: none !important;
  width: 100% !important;
}

/* Optional: align content nicely */
#search_area .search-block-content {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
/* =====================================================
   KILL THEME-INJECTED DROPDOWN ARROWS (FINAL)
   Applies ONLY to horizontal search
   ===================================================== */

/* Remove pseudo arrows injected by theme */
#search_area .search-form-cell::before,
#search_area .search-form-cell::after,
#search_area .search-form-cell > div::before,
#search_area .search-form-cell > div::after,
#search_area .dropdown-wrapper::before,
#search_area .dropdown-wrapper::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Safety: ensure selects themselves don't draw arrows */
#search_area select {
  background-image: none !important;
}

/* Keep layout clean */
#search_area .search-form-cell {
  background-image: none !important;
}
/* =====================================================
   FINAL FIX — Bedrooms & Price rogue arrows
   (same logic as currency, correct wrapper)
   ===================================================== */

/* Numeric fields (Bedrooms, Price min/max) */
#search_area .numeric-field::before,
#search_area .numeric-field::after,
#search_area .numeric-field > div::before,
#search_area .numeric-field > div::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Safety: kill any background arrow images */
#search_area .numeric-field,
#search_area .numeric-field > div {
  background-image: none !important;
}
/* =====================================================
   NUCLEAR OPTION — Kill background-sprite arrows
   Bedrooms + Price (native selects)
   ===================================================== */

#search_area .search-form-cell select {
  background-image: none !important;
  background-repeat: no-repeat !important;

  /* If theme forces a sprite, shove it off-screen */
  background-position: 200% center !important;
  background-size: 0 0 !important;
}
#search_area form.row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end;
}
#search_area .search-form-cell {
    display: flex !important;
    flex: 1 1 0 !important;
    max-width: none !important;
}
/* Price field */
#search_area .search-form-cell.three-field.price {
    flex: 1.35 1 0 !important;
}

/* Bedrooms (numeric-field) */
#search_area .search-form-cell.numeric-field {
    flex: 1.25 1 0 !important;
}
#search_area .search-form-cell > div {
    width: 100% !important;
}

#search_area .search-form-cell > div > div {
    width: 100% !important;
    display: flex !important;
    gap: 3px;
}

/* ==================================================
   STEP 2: PRICE FIELD – FINAL FLEX LAYOUT
   ================================================== */

/* Turn the price inner wrapper into a flex row */
#search_area .search-form-cell.three-field > div > div {
  display: flex !important;
  align-items: center;
  width: 100%;
  gap: 10px;                 /* spacing between fields */
}

/* Let all price controls share space evenly */
#search_area .search-form-cell.three-field > div > div > * {
  flex: 1 1 0 !important;
  min-width: 0 !important;   /* critical: prevents overflow */
}
/* ==================================================
   STEP 2 (CORRECTED): PRICE FIELD – FLEX LAYOUT
   ================================================== */

/* Flex the price row (all known wrappers) */
#search_area .three-field,
#search_area .search-item.three-field {
  display: flex !important;
  align-items: center;
  width: 100%;
  gap: 10px;
}

/* Equal width for all price controls */
#search_area .three-field > input,
#search_area .three-field > select,
#search_area .three-field > span {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin-right: 0 !important; /* kill legacy spacing */
}
/* changes made 09012026 ***********************************/

/* Fix search bar under fixed header */
.home-page #search_area {
  position: fixed;
  top: 44px; /* exact height of header */
  left: 0;
  right: 0;
  z-index: 1001;
}
/* Reserve space for fixed search bar */
.home-page section.home-search {
  padding-top: 90px; /* header + search height */
}
/* HEADER is fixed */
.page-header.fixed-menu {
  z-index: 1000;
}

/* SEARCH sticks under header */
.home-page #search_area {
  position: fixed;
  top: 44px;              /* height of header */
  left: 0;
  right: 0;
  z-index: 1001;          /* above header */
  background: #fff;
}

/* Reserve space so content doesn’t slide under */
.home-page section.home-search {
  padding-top: 120px;     /* header + search height */
}
/* base state */
.home-page #search_area {
  position: relative;
  z-index: 1001;
}

/* frozen state */
.home-page #search_area.search-fixed {
  position: fixed;
  top: 44px;          /* header height */
  left: 0;
  right: 0;
  background: #fff;
}
/* Make search follow the real sticky header only */
.home-page #search_area {
  position: fixed;
  top: 64px;               /* height of main-menu only */
  left: 0;
  right: 0;
  z-index: 1001;
  background: #fff;
}

/* Prevent content jump */
.home-page section.home-search {
  padding-top: 140px;      /* main-menu + search height */
}
/* Search bar sticks under the real sticky header (main-menu only) */
.home-page #search_area {
  position: fixed;
  top: 64px;              /* confirmed height of main-menu */
  left: 0;
  right: 0;
  z-index: 1001;
  background: #fff;
}

/* Reserve space so content below doesn’t jump */
.home-page section.home-search {
  padding-top: 140px;    
  /*Above this leave alone  main-menu (64px) + search height */
}

/* added 13012026  *******************************/
.listings-search li .picture {
    padding-bottom: 75%;
}
/* =====================================================
   LIST VIEW (SEARCH RESULTS & LIST MODE)
   ===================================================== */

#listings.list article {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

#listings.list div.picture {
    flex: 0 0 260px;
    height: auto;
}

#listings.list div.picture img {
    width: 100%;
    height: auto;
    max-height: 180px;
    object-fit: cover;
    display: block;
}

#listings.list .card-info {
    flex: 1;
}

/* =====================================================
   SEARCH RESULTS (ISOLATED & STABLE)
   ===================================================== */

#listings.listings-search > ul > li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
}

#listings.listings-search .picture {
    width: 280px;
    height: 180px;
    flex-shrink: 0;
}

#listings.listings-search .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#listings.listings-search ul.card-info {
    flex: 1;
    padding-left: 24px;
    margin: 0;
}

/* Neutralise Bootstrap columns ONLY here */
#listings.listings-search [class*="col-"] {
    float: none !important;
    width: auto !important;
    max-width: none !important;
}

/* =====================================================
   FEATURED LISTINGS (LIST VIEW / SEARCH)
   ===================================================== */

section#listings article.listing-card.featured-style {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

section#listings article.listing-card.featured-style .picture {
    flex: 0 0 340px;
    height: 240px;
}

section#listings article.listing-card.featured-style .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#listings article.listing-card.featured-style .card-info {
    flex: 1;
    margin: 0;
    padding: 0;
}

/* =====================================================
   HOME PAGE — RECENTLY ADDED ONLY
   ===================================================== */

aside.bottom ul[id^="listing_box_"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

aside.bottom ul[id^="listing_box_"] > li {
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* Image */
aside.bottom ul[id^="listing_box_"] .picture {
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

aside.bottom ul[id^="listing_box_"] .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Details */
aside.bottom ul[id^="listing_box_"] .card-info {
    padding: 12px;
    margin: 0;
}

/* =====================================================
   PAGE FLEX WRAPPER (HOME / DETAILS)
   ===================================================== */

.page-flex {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.page-flex > aside,
.page-flex > section {
    min-width: 0;
}

aside.bottom,
aside.middle,
aside.top {
    width: 100%;
}