@import url('bootstrap.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');

.font-size-xs {
    font-size: 0.813em;
}
.font-weight-semibold {
    font-weight: 400;
}
.icon-opacity .icon-opacity__icon {
    transition: filter 0.3s ease;
}
.icon-opacity:hover .icon-opacity__icon {
    filter: brightness(1.2);
}
.shrink-fix {
    min-width: 0;
}
.show {
  display: block !important;
}

/*** COMMON STYLES ***/
body, html {
	height: 100%;
}
body {
	margin: 0px auto;
	background: #ffffff;
	font-size: 17px;
	color: #111111;
	/*** Change 9thJune 11am / font-family: 'Open Sans', sans-serif;***/
font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased;
	font-weight: 400;
}

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;
}
body:not([class*="static-page"]) ul, body:not([class*="static-page"]) li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-padding: 0;
	width: 100%;
}
table.fixed {
	table-layout: fixed;
}
img {
	vertical-align: middle;
}
label {
	-moz-user-select: none;
	-webkit-user-select: none;
}
b, strong {
	font-weight: 600;color: white;
}

.grid-icon-fill,
.details-icon-fill {
    fill: #247ed2 !important;
}
.header-usernav-icon-fill {
    fill: #157ed2 !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: #006EC7;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
a:hover,
a:active,
.link:hover {
	color: #00569c;
}
a.color-gray {
    color: #111;
}
a.color-gray:hover {
    color: #666;
}
/* links end */

/* fonts */
a.font1:hover,
a.active.font1,
.active .font1,
a.font2.active {
	color: #09396E;
}

.link-large {
	font-size: 1.143em!important;
	font-weight: bold!important;
}
span.text-notice,
div.text-notice {
    padding-bottom: 20px;
}
.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;
}
/* fonts end */

/* h1 */
h1 {
	font-size: 1.750em;
	margin: 0 0 22px 0;
	font-weight: normal;
	padding: 0;
	font-weight: 400;
	overflow: hidden; /* to allow two items inline */
}
h1.text-center {
    margin: -10px 0 28px 0;
}

.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: #f4f4f4;
}
.hborder {
	border-color: #d4d4d4;
}
/* global style items end */

/* inputs Change margin-bottom: 0px;*/
input[type=text],
input[type=password],
input[type=number],
textarea,
select,
div.cd-extendable > div.dropdown,
span.pills {
	height: 44px;/*** height: 44px;***/
	background: white;
	border: 1px #157ed2 solid;
	color: green;
	font-size: 0.875em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

	padding: 0 8px 3px;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	
	transition: border-color 0.3s ease;opacity: .9;margin-bottom: 3px;
}
input:hover,
select:hover,
div.cd-extendable > div.dropdown:hover {
    border-color: #999999;
}
input:focus {
	border-color: #222222;
}
select:focus,
div.cd-extendable.opened > div.dropdown {
    background-color: #CBE7FF;
    border-color: #8ABEE8;
}
textarea {
	line-height: normal;
	height: auto;
	padding: 8px 10px 8px;
	width: 100%;
}
select,
div.cd-extendable > div.dropdown {
    background: url('../img/dropdown-arrow.svg') right 18px no-repeat white;
    background-size: 18px 5px;
    padding-right: 28px;
}
select.disabled,
select[disabled=disabled],
input[disabled=disabled] {
	cursor: not-allowed;
	color: #acacac;
    background-color: #F2F2F2;
    background-image: none;
}

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: #157ED2;
	height: 44px;
	padding: 0 20px 3px;
	color: white;
	font-size: 0.813em;
    text-transform: uppercase;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;

	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: #106AB4;
}
a.button {
	display: inline-block;
	line-height: 44px;
}
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: 28px;
	font-size: 0.750em;
	padding: 0 11px 3px;
	white-space: nowrap;background: #111111;
    border: 1px solid #157dd2;/*** change 1st June : add background***/ 
}
.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%;width: 230px;
	padding-top: 3px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    vertical-align: top;
    font-size: 0.938em;
}
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=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: #006EC7;
	font-size: 0.929em;
}
input[type=radio].multiline:checked + label,
input[type=checkbox].multiline:checked + label {
	color: #010101;
}
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: #888888;
}

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

/* 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;
    font-weight: 300;
}
:-moz-placeholder {
	color: #b9b9b9;
    font-weight: 300;
}
::-moz-placeholder {
	color: #b9b9b9;
    font-weight: 300;
}
:-ms-input-placeholder {
	color: #b9b9b9;
    font-weight: 300;
}
*: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 {
	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: 44px;
	margin-left: 3px;
}
.file-input + em {
	margin: 0 10px;
}

span.pills {
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	padding: 0;
    border-radius: 4px;
}
span.pills > label > span {
	display: none!important;
}
span.pills > label {
	padding: 0 15px!important;
	height: 42px!important;
	line-height: 40px;
	border-right: 1px #E6E6E6 solid;
	display: inline-block;
	text-align: center;
}
span.pills > label:last-child {
	border: 0;
}
span.pills input[type=radio]:checked + label {
	background: #E6E6E6;
	text-decoration: none;
	cursor: default;
}
span.pills > label:not(.active) {
	cursor: pointer;
	color: #09396E;
}
span.pills > label:not(.active):hover {
	text-decoration: underline;
}
/* inputs end */
/*** COMMON STYLES END ***/

/*** PAGE HEADER ***/
header.page-header > div.point1 {
    max-width: 100%;
}
header.page-header div.top-navigation {
    height: 44px;
    margin: 0 auto;
    position: relative;
    box-shadow: inset 0 -1px 0 #E6E6E6;border:1px solid lightblue;background:#09396e0d;z-index:100;
}
/*** Header change Border to red 31 May ***/
div.top-navigation > div > span.circle:first-of-type {
	margin-left: -12px;
}
header.page-header > div > * > * {
	margin: 0 auto;
}
.header-contacts {
    white-space: nowrap;font-weight: bold;
}
.header-contacts svg {
    width: 12px;
    height: 10px;
    opacity: .6;
    fill: #111;
}
.contacts__handset svg {
    height: 12px;
    margin-bottom: -2px;
}
.header-contacts a:hover svg {
    opacity: 1;
}

.header-nav {
   /** Change min-height: 92px;
    box-shadow: inset 0 -1px 0 #E6E6E6;**/
min-height: 168px;
    box-shadow: inset 0 -1px 0 #E6E6E6;background: url('https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg') center center no-repeat #f2f2f2;
	background-size: cover;
}

div.header-banner-cont {
    width: 100%;
   padding: 4px;
    border-bottom: 0px solid lightblue;
}
body.bc-exists div.header-banner-cont {
	padding: 8px;
}
div.header-banner-cont > div {
	margin: 0 auto;
	height: 100%;
}
div#header-banner {
    width: 728px;
    height:100%;/*** change 1st June to height: 90px; ***/
    margin: auto;
    overflow: hidden;border: 1px #d3d3d340 solid;
}
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 #157ED2;
    width: 100%;
    height: 100%;
    color: #157ED2;
    font-size: 1.125em;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
div.banner-in-grid + div.banner-in-grid {
    display: none;
}
div.banner-in-grid > div.banner-space {
    height: 90px;
    margin-bottom: 30px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
#listings.list div.banner-space {
    margin-bottom: 8px;
}

/* top navigation */
.circle {
	position: relative;
	-moz-user-select: none;
	-webkit-user-select: none;

	display: flex;
	height: 100%;
	z-index: 103;
}
.circle > .default {
	line-height: 28px;
    font-size: 0.750em;
    text-transform: uppercase;
	cursor: pointer;
	display: flex;
    padding: 0 10px;
    align-items: center;border: 1px solid lightcyan;
}
.circle > .default:after {
	content: '';
	width: 8px;
	height: 5px;
	margin-left: 10px;
	background: url('../img/dropdown-arrow.svg') 0 -4px no-repeat;
    background-size: 18px 13px;
	opacity: 0.7;
}
.circle:not(.circle_opened):hover > .default:after {
	opacity: 1;
}
.circle_opened > .default:after {
	transform: scaleY(-1);
    filter: invert(1);
}
.circle_opened > .content {
	display: flex;
	background: white;
	padding: 10px 15px;
	min-width: 100%;
	position: absolute;
	z-index: 20;
	left: 0;
	top: 100%;
	margin-top: 2px;
    box-shadow: inset 0 0 0 1px #B4C9E1, 0 0 12px -4px rgba(21,126,210, .4);
    border-radius: 4px;
}
div.fright > .circle {
	float: left;
}
div.fright > .circle_opened > .content {
	left: auto;
	right: 0;
}
.circle_opened {
    background-color: #09396E;
    border-radius: 4px;
}
.circle_opened > .default {
	color: white;
}
.circle ul > li {
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
    font-size: 0.875em;
}

.user-navbar .circle > .default {
    text-transform: none;
}
.user-navbar .circle > .default:after {
    display: none;
}
.user-navbar .circle_opened > .content {
    left: auto;
    right: 0;
}
.user-navbar > span.circle:last-of-type {
    margin-right: -10px;
}

#user-navbar > span.default:before,
.circle.cart-box-container > span.default:before {
	content: '';
	display: inline-block;
	background: url('../img/gallery.png') 0 -242px no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.user-navbar .circle_opened > span.default:before {
    filter: brightness(15);
}
#user-navbar > span.default > span.logged-in {
	background-position: -19px -255px;
	width: 14px;
	height: 20px;
	margin: 8px 0 0 0;
}
.circle.cart-box-container > span.default:before {
	background-position: -22px -637px;
}

#user-navbar.notify:not(.circle_opened)  > span.default:before {
	-webkit-animation: blinker 2.0s infinite ease-in-out;
	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 {
	padding: 10px 0;
	min-width: 240px;
    font-size: 0.875em;
}
.user-navbar-container input[name=username],
.user-navbar-container input[name=password] {
	width: 100%;
	margin: 0 0 12px;
}
.user-navbar-container input[type=submit] {
    width: 100%;
}
.user-navbar-container .links {
	padding: 20px 0 0 0;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.user-navbar-container .links > span {
	padding: 0 0 10px 0;
	display: inline-block;
	width: 100%;
}
.hookUserNavbar {
	display: block;
	vertical-align: top;
    font-size: 0.813em;
}
#user-navbar span.content.a-menu {
	padding: 13px 20px;
}
#user-navbar ul > li {
	padding-right: 25px;
	position: relative;
}
#user-navbar ul > li > a {
	white-space: nowrap;
}
#user-navbar ul > li > a.logout {
	color: #f97777;
}
#user-navbar ul > li > a.logout:hover {
	color: #fe8f8f;
}
#user-navbar a.counter,
.account-menu-content a.counter {
	color: #fb6a5c;
	padding: 0;
	display: inline-block;
	line-height: initial;
	position: absolute;
	right: 0;
	top: 5px;
}

.remember-me {
    padding: 10px 0 15px;
}
.user-navbar-container .remember-me {
    padding: 20px 0 0;
}
/* top navigation end */

/* popup */
.popup > div {
    padding: 0 !important;
    background: none !important;
}
.popup > div > div {
    border: 1px #B4C9E1 solid !important;
    border-radius: 4px !important;
}
/* popup end */

/* categories menu */
.categories__block {
  background: #157DD2;border: 1px solid #157dd2;font-family: Arial, Helvetica, sans-serif;
}

.categories__container {
  max-width: 1440px;
  margin: 0 auto; }

.categories__item {
  padding: 0 !important; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .categories__item.col-4 {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }
  .categories__item:hover {
    background: #106AB4; }
  .categories__item_active {
    background: #001d33 !important; }

.categories__link {
    color: #ffffff !important;
    display: block;
    padding: 51px 10px 0;
    height: 100px;
    font-size: 0.813em !important;
    font-weight: 300;
    line-height: 16px;
    -webkit-font-smoothing: auto; /*** change 6th July antialiased; ***/
    font-weight: 600;
}
  .categories__link svg {
    fill: white;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 19px; }
    .categories__link svg > * {
      stroke: white;
      stroke-width: 1.8px; }

.owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .owl-carousel {
      margin: 0 40px; } }
  .owl-carousel.owl-hidden {
    overflow: hidden; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-nav.disabled {
    display: none; }
  .owl-carousel .owl-prev,
  .owl-carousel .owl-next {
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 1.571em;
    width: 40px;
    height: 100%;
    right: 100%; }
    .owl-carousel .owl-prev:before,
    .owl-carousel .owl-next:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -9px;
      margin-left: -4.5px;
      width: 9px;
      height: 16px;
      background: url("../img/gallery.png") -24px -700px no-repeat; }
      @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) {
        .owl-carousel .owl-prev:before,
        .owl-carousel .owl-next:before {
          background-image: url(../img/@2x/gallery2.png);
          background-size: 40px auto;
          background-position: -22px -587px; } }
  .owl-carousel .owl-next {
    right: auto;
    left: 100%;
    transform: scaleX(-1); }

body[dir=rtl] .owl-prev {
  right: auto;
  left: 100%;
  transform: scaleX(-1); }

body[dir=rtl] .owl-next {
  left: auto;
  right: 100%;
  transform: none; }
/* categories menu end */
/*** PAGE HEADER END ***/

/*** PAGE CONTENT ***/
body > div.main-wrapper {
	overflow: hidden;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
div#wrapper {
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
section#controller_area:empty {
	padding-bottom: 0!important;
}
section#main_container {
	position: relative;
	overflow: hidden;
}
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: 15px;/*** Change 9June 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;
    font-size: 0.9813em;border: 1px lightgray solid;
}
#bread_crumbs > ul {
	margin: 0 auto;
	padding: 10px 0 20px;
}
#bread_crumbs > ul > * {
    display: inline-block;
    padding-top: 10px;
}
#bread_crumbs > ul a {
    font-weight: bolder;/*** 31 May change color: black; ***/
}
#bread_crumbs > ul > *:not(:last-child):after {
	content: attr(accesskey);
	padding: 0 8px;
	color: #B5B5B5;
    font-size: 12px;
}
/* bread crubmbs end */

/* change 31 may content/side blocks */
section.content_block,
section.side_block {
	position: relative;
	margin-bottom: 30px;
    border-radius: 4px;border: 1px solid #f2f2f238;padding:3px;/*** 3rd Change - 2ndjune  padding:7px;***/
}
section.content_block > h3,
section.side_block > h3 {
	font-size: 1.530500em;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}
section.content_block > div,
section.side_block > div {
	position: relative;
}
section.content_block > div h3,
section.side_block > div h3 {
	font-size: 1.357em;
	margin-top: -5px;
	margin-bottom: 25px;
}
section.content_block:not(.no-header) > div,
section.side_block:not(.no-header) > div {
    margin: 17px 0 0 0;
}
section.content_block.highlighted:not(.no-style) > div {
	padding: 20px;
    background: white;/*** change 6thJune background: #F5F5F5; ***/
    border-radius: 4px;border: 1px solid lightblue;
}
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: #f5f5f5!important;
}
/* content/sidebar block end */

/* sidebar search block */
.search-item .field {
    font-size: 0.813rem;
}
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%;border:1px red solid; /*** 7thjune Change/Add height100% ***/
height: 100%;
	min-height: 44px;}
/* 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: #555555;
	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: 28%;
	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 elements end */
/*** PAGE CONTENT END ***/

/*** PAGE FOOTER 31 May footer change color & border to ***/
.page-footer {
  background: #09396e;
  color: #777777; border-top: 1px solid #157dd2;
}
  .page-footer > div {
    padding: 20px 0;
    min-height: 162px;
    margin: 0 auto;
    position: relative; }
  .page-footer .footer-menu ul li a {
    /**white-space: nowrap; change 4th June 3pm **/
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.99813em;
    padding: 4px 0;
    display: inline-block;
    color: white; }
    .page-footer .footer-menu ul li a:hover, .page-footer .footer-menu ul li a.active {
      color: red; }
  .page-footer .newsletter .subscribe {
    display: flex; }
    .page-footer .newsletter .subscribe div:first-of-type {
      display: none !important; }
    .page-footer .newsletter .subscribe div:last-of-type {
      flex: 1; }
  .page-footer .newsletter input[type=text] {
    width: 100%;
    max-width: 100%;
    border-radius: 4px 0 0 4px; }
  .page-footer .newsletter input.button {
    background: #157DD2;
    border-radius: 0 4px 4px 0;
    padding: 0 15px 3px !important;
    height: 44px; }
  .page-footer .newsletter #newsletter_email {
    border: 0; }
  .page-footer .newsletter__text {
    margin-bottom: 20px;
    color: lightgray;
    font-size: 0.813em; }

.footer__menu-title {
    margin-bottom: 18px;
    text-transform: uppercase;
    color: navajowhite;
/***font-weight: 500;*** change 4thJune 314pm ***/
    font-size: 0.9838em;
    white-space: nowrap;margin-top:auto;
}

.footer-data {
  font-size: 0.929em; }
  .footer-data a {
    color: orangered !important;
    text-decoration: underline; }
  .footer-data .icons {
    text-align: right; }
    @media screen and (max-width: 767px) {
      .footer-data .icons {
        text-align: left; } }
    .footer-data .icons a {
      width: 24px;
      height: 24px;
      display: inline-block;font-size: 0.90813em;
      position: relative;
     background: transparent;
      border-radius: 4px;
      vertical-align: top;
      opacity: 1;
      transition: opacity 0.3s ease; }
      .footer-data .icons a:hover {
        opacity: 0.8; }
      .footer-data .icons a:before {
        content: '';
        width: 13px;
        height: 13px;
        position: absolute;
        top: 5px;
        left: 6px;
        background: url("../img/gallery.png") 0 -328px no-repeat; }
      .footer-data .icons a.facebook {
        background: #157dd2; }
        .footer-data .icons a.facebook:before {
          width: 10px;
          height: 20px;
          background-position: -13px -328px;
          top: 4px;
          left: 9px; }
      .footer-data .icons a.twitter {
        background: transparent;
        top: 0;
        left: 0; }
        .footer-data .icons a.twitter:before {
          width: 0px;
          height: 24px;
          background-position: 0 -746px;
          top: 0;
          left: 0; }
/*** PAGE FOOTER END Change Twitter from 24 to 0***/

/*** PAGINATION ***/
ul.pagination {
	margin: 30px 0 0;
	height: 38px;
	text-align: right;
}
ul.pagination > li {
	display: inline-block;
	height: 38px;
	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: 36px;
}
/*** 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 */
.kws-block {
    padding-bottom: 10px;
}
form.kws-block {
    padding-bottom: 30px;
}
.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;
	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: #09396E;
	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: #44773d;
}

/* 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 */

/* seach on map */
body.search-on-map-page section#content.col-lg-12 {
    position: static;
}
body.search-on-map-page .header-contacts {
    display: none !important;
}
body.search-on-map-page .header-nav {
    min-height: 62px !important;
}
body.search-on-map-page .main-menu .menu {
    padding-right: 20px;
}

@media screen and (min-width: 768px) {
    body.search-on-map-page .header-nav {
        box-shadow: none !important;
    }
    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        height: 62px !important;
        box-shadow: none !important;
    }
    body.search-on-map-page .header-nav div.row > div:not(:first-child) {
        display: none !important;
    }
    body.search-on-map-page .main-menu span.menu-button {
        height: 62px;
    }
    #map_listings footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #map_listings .footer-data {
        margin-top: 0 !important;
    }
    #map_listings .search-block-content form div.search-form-cell {
        width: 50%;
    }
    form[name=map-search-form] {
        margin: 0 -15px;
    }
    .search-map-container #search_area {
        background-color: #f7f6f6 !important;
    }
    .search-map-container #search_area ul.tabs {
        margin-top: 20px !important;
    }

    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        z-index: 100 !important;
    }
}
@media screen and (max-width: 767px) {
    body.search-on-map-page header.page-header.fixed-menu {
        height: 44px !important;
        z-index: 80;
    }
    body.search-on-map-page section#main_container {
        top: 106px !important;
    }
    body.search-on-map-page .header-nav div.row > div:nth-child(2) {
        display: none !important;
    }
    body.search-on-map-page .header-nav {
        box-shadow: inset 0 -1px 0 #E6E6E6;
        padding-bottom: 8px !important;
    }
    body.search-on-map-page .search-form-cell > div {
        margin-left: 0;
        margin-right: 0;
    }
    .search-map-container div.mobile-navigation {
        background-color: white !important;
    }
}
/* seach on map end */
/*** MISCELLANEOUS END ***/

/*** TABS **********************************************************************
ul.tabs {
	height: 49px;
	white-space: nowrap;
	border-bottom: 1px #D5E7FC solid;
	margin-bottom: 20px;
}
ul.tabs > li {
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	height: 48px;
	white-space: nowrap;
}
ul.tabs:not(.tabs-hash) > li,
ul.tabs.tabs-hash > li > a {
	padding: 14px 24px 0;
	height: 48px;
	font-size: 0.813rem;
	cursor: pointer;
	position: relative;
	color: white;
	vertical-align: top;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;background: #157ED2;font-weight: 400;border: 2px solid white;
}
ul.tabs.tabs-hash > li > a {
    display: block;
}
ul.tabs:not(.tabs-hash) > li:hover,
ul.tabs.tabs-hash > li a:hover {
    color: #00569c;
}
ul.tabs:not(.tabs-hash) > li.active,
ul.tabs > li.active > a {
	background: #00203A;
	cursor: default;
    color: white !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}
ul.tabs > li.more {
	padding: 0;
	margin: 0!important;
	width: 40px;
	height: 49px;
	text-align: center;
	position: absolute;
	right: auto; 
	z-index: 40;
} 
ul.tabs > li.more.opened {
	background: white;
	box-shadow: inset 0 1px 0 0px #D5E7FC, inset 1px 0 0 0px #D5E7FC, inset -1px 0 0 0px #D5E7FC;
    z-index: 42;
}
ul.tabs > li.more > span {
	width: 4px;
	height: 4px;
	background: #000000;
	display: inline-block;
	margin: 23px 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: 0;
	padding: 0;
	display: none;
	z-index: 41;
    margin-top: -1px;
}
ul.tabs > li.overflowed.opened {
	display: block;
}
ul.tabs > li.overflowed > ul {
	background: white;
	padding: 3px 0 5px;
	border: 1px #D5E7FC 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 > li {
	margin: 0 10px;
}  the end ****************************************************************** ***/
/*** TABS END ***/


ul.tabs-custom {
    height: 49px;
    white-space: nowrap;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}
ul.tabs-custom > li {
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    height: 48px;
    white-space: nowrap;border: 1px solid white;
}
ul.tabs-custom:not(.tabs-hash) > li,
ul.tabs-custom.tabs-hash > li > a {
    padding: 14px 24px 0;
    height: 48px;
    font-size: 1em;
    cursor: pointer;
    position: relative;
    color: #333;
    vertical-align: top;
}
ul.tabs-custom.tabs-hash > li > a {
    display: block;
}

ul.tabs-custom:not(.tabs-hash) > li.active,
ul.tabs-custom > li.active > a {
    background: #ccc;
    cursor: default;
}
ul.tabs-custom > li.more {
    padding: 0;
    margin: 0!important;
    width: 40px;
    height: 49px;
    text-align: center;
    position: absolute;
    right: auto; 
    z-index: 40;
} 
ul.tabs-custom > li.more.opened {
    background: white;
    box-shadow: inset 0 1px 0 0px #D5E7FC, inset 1px 0 0 0px #D5E7FC, inset -1px 0 0 0px #D5E7FC;
    z-index: 42;
}
ul.tabs-custom > li.more > span {
    width: 4px;
    height: 4px;
    background: #000000;
    display: inline-block;
    margin: 23px 2px 0 0;
    border-radius: 2px;
    vertical-align: top;
}
ul.tabs-custom > li.more > span:last-child {
    margin-right: 0;
}
ul.tabs-custom > li.overflowed {
    position: absolute;
    right: 0;
    padding: 0;
    display: none;
    z-index: 41;
    margin-top: -1px;
}
ul.tabs-custom > li.overflowed.opened {
    display: block;
}
ul.tabs-custom > li.overflowed > ul {
    background: white;
    padding: 3px 0 5px;
    border: 1px #D5E7FC solid;
}
ul.tabs > li.overflowed > ul > li {
    padding: 0 18px;
    white-space: nowrap;
    line-height: 40px;
}
ul.tabs-custom > li.overflowed > ul > li.active a {
    color: #2b2b2b;
}

ul.tabs-custom.search_tabs > li {
    margin: 0 10px;
}
.acc_gallery_box .tab_area{
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/*** 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: 1px #d0d0d0 solid;
	display: inline-block;
	text-align: center;
	margin: -1px 0 0 -1px;
	line-height: 38px;
}
div.alphabetic-saerch > div > a.wide {
	width: 81px;
}
div.alphabetic-saerch > div > a:hover {
	background: #d0d0d0;
	color: #010101;
}
div.alphabetic-saerch > div > a.active {
	background: #707070;
	color: white;
}
/*** ALPHABETIC SEARCH END ***/

/*** SUBMIT FORM ELEMENTS ***/
div.submit-cell {
	padding-bottom: 10px;
	*zoom: 1;
}
div.submit-cell:after {
	clear: both;
	content: '';
	display: table;
}

form > div.submit-cell:last-of-type {
	padding-bottom: 0;
}
div.submit-cell > div.name {
	float: left;
	width: 170px;
	padding: 8px 10px 8px 0;
    font-size: 0.875em;
}
div.submit-cell > div.field {
	overflow: hidden;
	min-height: 38px;
}
div.submit-cell > div.field.checkbox-field,
div.submit-cell > div.field.inline-fields {
	padding-top: 10px;
	min-height: 28px;
}
div.submit-cell.custom-padding {
	padding: 5px 0 10px 0;
}
div.submit-cell.custom-padding > div {
	min-height: 25px;
}
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(21,126,210,.7);
	margin: -3px 0 0 10px;
    border-radius: 2px;
}
img.qtip:hover {
	background-color: rgba(21,126,210,1);
}
div.qtip_cont {
	display: none;
}
div.qtip-defaults {
	max-width: 300px;
}
/* qtip end */

/* multilingual tabs */
div.ml_tabs_content {
	padding-bottom: 10px;
}
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: #f4f4f4;
	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;
}
div#messages_cont .mCSB_container {
	margin-right: 10px;
}
ul#messages_area {
	margin-left: 13px;
}
ul#messages_area > li {
	border: 2px #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: #f5f5f5;
	background: #f5f5f5;
	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: -2px;
	border-style: solid;
	border-width: 0 0 14px 14px;
	border-color: transparent transparent #e1e1e1 transparent;
}
ul#messages_area > li:after {
	left: -10px;
	bottom: 0;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent white 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 #f5f5f5 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;
}
ul.featured > li > .picture {
    position: relative;
    width: 100%;
    /***padding-bottom: 66%;***/
    border: 1px #E8E8E8 solid;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}
ul.featured > li img {
    position: relative;/***position: absolute;***/
    display: block;
    width: 100%;
    height: 100%;
	object-fit: cover;
    background: url('../img/no-picture.svg') center center no-repeat #F8F8F8;
    border-radius: 3px 3px 0 0;
}
ul.featured > li img:hover {
  width: 101%;
  height: auto;}

.listing-fit-contain ul.featured > li img {
    object-fit: contain !important;
}
.listing-fit-contain ul.featured > li:not(.no-picture) img {
    background: #F8F8F8 !important;
}
ul.featured > li > ul {
	position: relative;
	padding: 9px 13px;
	/***background: white; change - removed white***/
    border-radius: 0 0 4px 4px;
   /*** border: 1px #E8E8E8 solid; Change 31 May 807pm***/
    border-top: 1px solid #e8e8e8;
	box-shadow: 0 1px 1px 0 #f2f2f2, 0 2px 1px 0 #aaa;
}
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;
}

article.item:not(.no-image) ul.ad-info > li.title,
article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields,
ul.featured.with-pictures ul.ad-info > li.title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 220px; / Change 11 july ***/
        font-size: 1.18056139938em;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}
article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields {
	-webkit-line-clamp: 2;/***-webkit-line-clamp: 1; Change 5thJune 723pm ***/ 
	height: 220px;/*** for 3 top 2 bottomHeight 30; Change 6thJune 1025pm ***/
}
article.item:not(.no-image) ul.ad-info > li.fields:empty {
	display: none;
}
ul.ad-info > li.services > span {
	display: inline-block;
	margin-right: 20px;
	color: #333333;
	font-size: 0.929em;
	position: relative;
	padding-left: 25px;
    font-size: 0.813em;
}
ul.ad-info > li.services > span:last-child {
	margin-right: 0;
}
ul.ad-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.ad-info > li.services > span.bathrooms:before {
	top: 0;
	height: 15px;
	background-position: right -283px;
}
ul.ad-info > li.services > span.square_feet:before {
	top: 2px;
	height: 15px;
	background-position: right -194px;
}
ul.ad-info > li.fields > span:not(:last-child) {
	margin-right: 5px;
}
ul.ad-info > li.fields > span:not(:last-child):after {
	content: ',';
}
ul.ad-info > li.fields {
	color: #888888;
	font-size: 0.813em;
}
ul.ad-info > li.price_tag > div > span,
ul.ad-info .price-tag > span,
ul.ad-info > li.system .type {
	font-weight: 400;
	font-size: 1.0250em;
}
ul.ad-info > li.price_tag {
    flex-wrap: wrap-reverse;
}
ul.ad-info > li.price_tag > *:last-child {
    min-width: unset;
    overflow: visible;
    line-height: 28px;
    white-space: nowrap;
}
ul.ad-info .converted-price {
    font-size: 1rem !important;
}
/*** FEATURED LISTINGS BOX END ***/

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

/*** GRID NAVIGATION BAR ***/
.grid_navbar {
	height: 45px;
	margin-bottom: 20px;
    font-size: 0.813em;border: 1px solid lightblue;
}
.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;
}
.grid_navbar .buttons > div > div {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 9px;
	left: 9px;
	line-height: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.grid_navbar .buttons > div > div > span {
	display: inline-block;
	border: 2px #157ED2 solid;
	border-radius: 2px;
	vertical-align: top;
}

/* list view */
.grid_navbar div.list > div > span {
	width: 22px;
	height: 6px;
	margin: 0 0 2px 0;
}
.grid_navbar div.list > div > span:nth-child(2n+1) {
	display: none;
}

/* grid view */
.grid_navbar div.grid > div > span {
	width: 10px;
	height: 10px;
}
.grid_navbar div.grid > div > span:nth-child(2n) {
	margin: 0 0 2px 2px;
}
.grid_navbar div.active div > span {
	border-color: #d8583a;
}
.grid_navbar .buttons div:not(.active):hover div > span {
	border-color: #111111;
}

/* map view */
.grid_navbar div.map > div {
	width: 20px;
    left: 10px;
}
.grid_navbar div.map > div > span {
	width: 20px;
	border: 0;
	height: 22px;
	background: url('../img/gallery.png') 0 -65px no-repeat;
}
.grid_navbar div.map:hover span,
.grid_navbar div.map.active span {
	background-position: right -65px;
}

/* sorting */
.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;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.grid_navbar .current.active {
	background: white;
	z-index: 11;
	position: relative;
	box-shadow: inset 0 2px 0 0px #aaaaaa, inset 2px 0 0 0px #aaaaaa, inset -2px 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: 38px;
	left: 0;
	display: none;
	padding: 3px 0 5px;
	min-width: 100%;
	border: 2px #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 .main-column {
    box-shadow: 0 0 0 1px #E8E8E8;
    border-radius: 4px;
    height: 100%;border-top: 1px solid #e8e8e8;box-shadow: 0 3px 2px 0 #ddd, 0 2px 4px 0 #ccc;
	/***box-shadow: 0 1px 1px 0 #f2f2f2, 0 2px 1px 0 #aaa;***//*** change 31 may from shadow ***/
}
section#listings .link-large {
    font-size: .98938em !important;/*** change 5thJune from 0.9em ***/
}
section#listings div.picture {
    position: relative;
    width: 100%;
    /***padding-bottom: 66%;***/
    border-bottom: 1px #E8E8E8 solid;
}
section#listings div.picture > img {
	position: relative; /*** position: absolute; ***/
    display: block;
    width: 100%;
    /***height: 100%;***/
    object-fit: cover;
    background: url(../img/no-picture.svg) center center no-repeat #F8F8F8;
}
/*** Change 31 May hover ***/
section#listings div.picture > img:hover {
  width: 101%;
  height: auto;}
.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: #f1f1f1 !important;
}
section#listings div.picture > span {
	min-width: 21px;
	height: 20px;
	position: absolute;
	bottom: 6px;
	left: 12px;
	border: 2px lightgray 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: #bdccde;
	left: -4px;
	top: -4px;
	box-shadow: 0 0 0 2px #bdccde;
    line-height: 18px;
    font-size: 0.813em;
}
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.ad-info > li:not(:last-of-type) {
	margin-bottom: 8px;
}
section#listings div.stat-line {
	position: absolute;
	bottom: 5px;
    font-size: 0.813rem;
}
section#listings span.price-tag + div.stat-line {
	position: static;
	display: inline-block;
}
section#listings div.stat-line > li,
section#listings div.stat-line > span {
	display: inline-block;
	margin-right: 10px;
}
section#listings div.stat-line > * > a,
section#listings div.stat-line > * > span {
	padding: 0 0 0 22px;
	position: relative;
}
section#listings div.stat-line > * > a:after,
section#listings div.stat-line > * > span:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 2px;
	background: url('../img/gallery.png') left -675px no-repeat;

	opacity: 0.7;
}
section#listings div.stat-line > * > a:hover:after,
section#listings div.stat-line > * > span:hover:after {
	opacity: 1;
}

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 .ad-info {
	/***background: #F4F9FF; ***/
}
article.featured div.picture > span:after {
	box-shadow: 0 0 0 2px #157ED2!important;
    background-color: #157ED2!important;
    color: white;
}
article.featured div.picture > span {
	border-color: #157ED2 !important;
}
article.featured div.picture > div.label {
	position: absolute;
	left: 8px;
	top: 8px;
	height: 16px;
	line-height: 16px;
	padding: 0 3px;
	background: #157ED2;
	font-size: 0.688em;
	color: white;
	font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
section.my-listings article.featured div.picture > div.label {
	top: 0;
}

article div.picture > div.label_view_360 {
    position: absolute;
    left: 40px;
    bottom: 5px;
    width: 35px;
    height: 25px;
    padding: 0 3px;
    background: url('../img/view_360_icon.png') center center no-repeat;
    
    z-index: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
/* featured end */

/* list view - change add padding-bottom: 30px; 31May*/
section#listings:not(.list):not(.grid) {
	display: none;
}
section.list > article {
	margin: 0 0 8px 0;
	min-height: 95px;
    flex: 0 0 100%;
	max-width: 100%;padding-bottom: 30px;
}
section#listings.list > article:last-of-type {
	margin-bottom: 0;
}
section#listings.list div.picture {
    width: 240px;
    /***height: 160px;***/ /* aspect ratio 3:2 */
    padding-bottom: 0;
	display: inline-block;
	vertical-align: top;
	float: left;
    border: 0;
    border-right: 1px #E8E8E8 solid;
}
section#listings.list ul.ad-info {
	overflow: hidden;
    height: 100%;
    padding: 10px 210px 10px 15px;
}
section#listings ul.ad-info > li.system > span:not(:last-child) {
	margin-right: 30px;
}
section#listings ul.ad-info span.favorite {
	display: inline-block;
	vertical-align: middle;
}

section#listings.list ul.nav-column.stick-top {
	padding: 8px; /*** Change 12 July 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;
	-moz-user-select: none;
	-webkit-user-select: none;
}
section#listings.list ul.ad-info > li.fields > div.table-cell:last-child > div {
	padding-bottom: 0;
}
/* list view end */

/* grid view */
section.grid > article {
	padding-bottom: 20px;/*** Change 2ndJune 1036am change padding-bottom:30px; too latge gap***/
}
section#listings.grid ul.ad-info {
    padding: 10px 15px;
}
section#listings .fields {
    color: black;
    font-size: 0.8613em;font-family: Arial, Helvetica, sans-serif;
}
section#listings.grid ul.ad-info > ol {
	display: none;
}
section#listings.grid > article:not(.no-image) ul.ad-info > li.title,
section#listings.grid > article:not(.no-image) ul.ad-info > li.fields {
	display: block;
	/***white-space: nowrap; 31 may change - disabled***/
	/*** change 11th July overflow: hidden;***/overflow: inherit;
	text-overflow: ellipsis;
}
section#listings.grid ul.ad-info > li:not(:last-of-type) {
	margin-bottom: 4px;
}
section#listings.grid > article div.navigation-column {
	position: absolute;
	width: auto;
	bottom: 19px;/*** Change 2ndJune 1036am change bottom:38px; too latge gap / 5th June change to 19px from 16 ***/
    right: 28px;
	z-index: 1;margin-bottom:7px; /*** 9th July ***/
}
section#listings.grid > article div.navigation-column div.before-nav {
	display: initial; /*** new ***/
	padding-left: 108px; /*** New ***/
/*** Change 11th July 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;
    padding: 0 0 10px;
}
section#listings.list.no-image a.link-large {
	font-size: 1.125em!important;
}
section#listings.list.no-image ul.ad-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: 2px cornflowerblue solid;
	padding: 4px 4px;/*** change 23th Jun from 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 */
.listing-header > .col-md-2 {
	height: 42px;
	padding: 0 15px;
	position: relative;
}
.listing-header div.icons {
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	display: block;
	text-align: right;

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

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

/* gallery */
div.gallery {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
div.gallery > div#media {
	/*** change 5th July height: 513px; ***/
	position: relative;
}
div.gallery div.preview,
div.gallery div.map-container,
div.gallery video#player {
    width: 100%;
	height: 100%;
    border-radius: 4px;
}
div.gallery div.map-container {
	background-color: #F8F8F8;
}

div.gallery div#media.map .preview,
div.gallery div#media.map + div.thumbs,
div.gallery div#media.locked span.zoom,
div.gallery div#media.map span.map,
div.gallery div#media.map span.zoom,
div.gallery div#media.gallery span.gallery,
div.gallery div#media.video .nav-buttons {
	display: none !important;
}

div.gallery div#media > .nav-buttons span.nav-button {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 28px;
	line-height: 26px;
	padding: 0 12px;
	background: rgba(241, 8, 8);/*** Change 9thJune background: rgba(17,17,17,.5); ***/
	color: white;
	font-size: 0.813em;
	cursor: pointer;
	display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    border-radius: 4px;
}
div.gallery div#media > .nav-buttons > span.map-group {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
}
div.gallery div#media > .nav-buttons > span.map-group span {
	position: static;
}

div.gallery div#media.map .map-container {
	display: block;
}

div.gallery div.preview iframe {
	width: 100%;/*** Change 6th July height: 100%;***/
	  MIN-HEIGHT: 500PX;	MAX-HEIGHT: 100%; 
	display: none;
}
div.gallery div#media.video:not(.local) div.preview iframe {
	display: block;
}
div.gallery div#media.local div.preview video#player {
	display: block;
}
div.gallery div#media.video div.preview img {
	display: none; /*** Change from display:none’24th July ***/
}
div.gallery div.preview.video span.media-enlarge,
div.gallery div.preview.video img {
	display: none;
}
div.gallery div.preview > img {
	width: 100%;
	/***height: 100%; change 4th July ***/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    background-color: #F2F2F2;
	cursor: pointer;
    object-fit: contain;
    border-radius: 4px;border: 1px solid lightgray;
}

/* locked gallery */
div.gallery div#media.locked div.preview > * {
	display: none;
}
div.gallery div#media.locked div.preview div#picture_locked {
	display: block;
}
div#picture_locked {
	height: 100%;
	background-color: #eeeeee;
}
div#picture_locked > div {
	height: 100%;
	text-align: center;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
div#picture_locked > div > div {
	width: 100%;

	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	align-self: center;
}
div#picture_locked img {
	width: 96px;
	height: 142px;
	background: url('../img/locked-large.png') center center no-repeat;
	text-align: center;
	margin-bottom: 20px;
}
#media.picture #picture_locked p.picture-hint {
	display: block;
}
#media.fake-video #picture_locked p.video-hint {
	display: block;
}
/* locked gallery end */

/* gallery thumbnains bar */
div.gallery > div.thumbs {
	height: 95px;
	position: relative;
    margin-top: 4px;

}
div.gallery > div.thumbs > div.prev,
div.gallery > div.thumbs > div.next {
	width: 28px;
	height: 82px;
	background: #F2F2F2;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
    border-radius: 4px;
    position: relative;border: 1px solid lightgray;
}
div.gallery > div.thumbs > div.next {
	left: auto;
	right: 0;
}
div.gallery > div.thumbs > div.disabled {
	cursor: default;
	opacity: 0.5;
}
div.gallery > div.thumbs > div.prev:before,
div.gallery > div.thumbs > div.next:before {
	content: '';
	width: 6px;
	height: 10px;
	background: url('../img/gallery.png') -26px -8px no-repeat;
	position: absolute;
	top: 36px;
	left: 11px;
	opacity: 0.7;
}
div.gallery > div.thumbs > div.next:before {
	background-position: -20px -8px;
}
div.gallery > div.thumbs > div.prev:not(.disabled):hover,
div.gallery > div.thumbs > div.next:not(.disabled):hover {
	background-color: #CBE7FF; 
}
div.gallery > div.thumbs > div.slider {
	padding: 0 3px;
}
div.gallery > div.thumbs > div.slider > ul {
	white-space: nowrap;border: 1px solid #675e5e21;
}
div.gallery > div.thumbs > div.slider > ul > li {
	position: relative;
	transition: transform 0.3s ease;
}
div.gallery > div.thumbs > div.slider > ul > li span.play {
	position: absolute;
	background: url('../img/play.png') center center no-repeat rgba(0,0,0,.2);
	margin: 2px;
	left: 0px;
	top: 0;
	right: 2px;
	bottom: 0px;
	cursor: pointer;
}
div.gallery > div.thumbs > div.slider > ul > li img {
	width: 82px;
	height: 82px;
	background: #F2F2F2;
	cursor: pointer;
	margin-right: 3px;
    object-fit: cover;
    border-radius: 4px;
}
/*.listing-fit-contain div.thumbs > div.slider > ul > li img {
    object-fit: contain !important;
}*/
div.gallery > div.thumbs > div.slider > ul > li:hover:after,
div.gallery > div.thumbs > div.slider > ul > li.active:after {
    content: '';
    box-shadow: inset 0 0 0 2px #111111, inset 0 0 0 4px white;
    position: absolute;
    left: 0;
    right: 3px;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    pointer-events: none;
}
div.gallery > div.thumbs > div.slider > ul > li.locked img {
	background-color: #eeeeee;
	background-image: url('../img/locked.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}
div.gallery span.img-loading {
	background: url('../img/img_loader.gif') center center no-repeat #444444;
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px;
}
/* gallery thumbnains bar end */
/* gallery end */

div.listing-details {
	overflow: hidden;
}

div.listing-details #area_listing > div.two-inline {
	margin: 10px 0 15px;
}
div.listing-details #area_listing > div.two-inline div.price-tag:first-child:last-child {
	float: left;
}
div.listing-details div.price-tag {
	margin-top: -8px;
}
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 */

/* content section */
div.listing-details .content-section {
    margin-top: 30px;
}
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 10px 0;
}
.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.750em;
    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 {
	margin: 10px 0 0;
}
.seller-short div.form {
	margin-top: 25px;
}
.seller-short form div.field {
	position: relative;
}
.seller-short form div.field > input[type=text]:not([name=security_code]) {
	width: 100%;
	padding-left: 37px;
}
.seller-short form div.field > input + span {
	position: absolute;
	left: 11px;
	top: 12px;
	width: 18px;
	height: 18px;
	background: url('../img/gallery.png') right -141px no-repeat;

	opacity: 0.7;
	transition: opacity 0.3s ease;
}
.seller-short form div.field > input[name=contact_email] + span {
	background-position: right -159px;
	height: 16px;
	top: 13px;
}
.seller-short form div.field > input[name=contact_phone] + span {
	background-position: right -175px;
}
.seller-short form div.field > input:focus + span {
	opacity: 1;
}
.seller-short .file-input {
    display: block;
}
.seller-short .file-input div {
    overflow: hidden;
    width: auto;
}
.seller-short .file-input input.file-name {
    width: 100%;
}
.seller-short .file-input span {
    float: right;
}

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

/* 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) {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	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: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.masked div.login-mask > div {
	width: 100%;

	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
	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: #f4f4f4;
    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 ul.info > li {
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}
section#accounts ul.info > li.fields {
	font-size: 0.929em;
	line-height: 18px;
}
section#accounts ul.info > li.fields > span:not(:last-child):after {
	content: ',';
}
section#accounts ul.info > li.tel a {
	font-weight: 400;
}

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 CHANGE to 100%***/
.login-form input[type=text],
.login-form input[type=password] {
	/***width: 250px;***/
width: 100%;
	display: block;
	margin: 0 0 20px;
}
.login-form div.button {
	padding-bottom: 15px;
}
.login-form div.divider {
	padding-top: 5px;
}
.fb-connect {
	display: inline-block;
    width: 100%;
	line-height: 36px;
	height: 44px;
	padding: 3px 10px 0;
	color: white !important;
	font-size: 0.813em;
	background-color: #295AB4;
	position: relative;
	vertical-align: top;
    border-radius: 4px;
    margin-top: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    text-align: center;
}
.fb-connect:hover {
	background-color: #184597;
	transition: background-color 0.3s ease;
}
.button .fb-connect {
    width: auto;
    margin-top: 0;
    font-size: 0.813em !important;
}

.welcome {
	padding: 0 0 10px;
	font-size: 1.071em;
}
ul.account-menu-content {
	display: inline-block;
}
ul.account-menu-content > li {
	padding: 5px 30px 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;
}
/*** ACCOUNT AREA END ***/

/*** MY PACKAGES ***/
ul.packages > li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 30px;
}
ul.packages > li div.frame {
	width: 364px;
	border: 2px #F8F8F8 solid;
	padding: 15px 18px;
	-webkit-box-flex: none;
	-moz-box-flex: none;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}
ul.packages > li div.plan-info {
	width: 45%;
	float: left;
	margin-top: -3px;
}
ul.packages > li .highlight {
	color: black;
}
ul.packages > li div.listing-info {
	overflow: hidden;
	padding: 3px 0 0 20px;
}
ul.packages li > div > div > span {
	display: block;
}
ul.packages h3 {
	color: #393939;
	font-size: 1.286em;
	font-weight: 200;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: -5px 0 10px 0;
}
ul.packages span.price {
	color: #3a3a3a;
	font-size: 2.429em;
	font-weight: normal;
	padding: 0 0 15px;
}
ul.packages span.count {
	color: #888;
	font-weight: 300;
}
ul.packages div.listing-info > span.count:not(:last-child) {
	padding-bottom: 8px;
}
ul.packages > li div.listing-info > span.count:last-child {
	padding: 0;
}

ul.packages > li div.status {
	margin: auto;
	margin-left: 30px;
}
ul.packages > li div.status div.renew {
	padding-top: 15px;
}
ul.packages .overdue,
ul.packages .expired {
	color: #a52323;
}
ul.packages .active {
	color: #63b53b;
}
form[name="payment"] div.nav-buttons {
	padding-top: 20px;
}
/*** MY PACKAGES 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: 120px; /*** change 12th July width:160px;***/
	color: #888888;
    font-size: 0.875em;
	float: left;    font-weight: 700;

	overflow: hidden;
	text-overflow: ellipsis;
}
div.table-cell > div.name > div {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: 24px;
}
div.table-cell > div.name > div > span {
    /***background: white; Change 20thJune ***/
    padding-right: 7px;
}
div.table-cell > div.name > div > span:after {
	content: ':';
}
div.table-cell div.value {
	font-size: 0.875em;
	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;width:900px; /*** 6th July ***/
}
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: #888888;
	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 #F8F8F8 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 #F8F8F8 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 #F8F8F8 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;background: black;font-weight:700px;
    padding: 3px;
}
.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:paid,
.statuses .active:unpaid,
.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 ***/

/*** NEWS BLOCK ***/
ul.news > li {
	padding: 0 0 20px;
}
ul.news > li:last-child {
	padding: 0;
}
ul.news div.date {
	float: right;
	padding-top: 4px;
}
ul.news h4 {
	overflow: hidden;
	padding: 0 10px 0 0;
}
ul.news article {
	padding: 10px 0 0 0;
	font-size: 0.929em;
}
article.news {
	padding: 10px 0;
	line-height: 26px;
	font-size: 1.143em;
}
/*** NEWS BLOCK END ***/

/*** FIELDSET ***/
div.fieldset {
	margin: 0 0 20px 0;
}
div.fieldset > header {
	padding: 7px 12px;
background: lightskyblue;
/***    background: #157ED2;***/
    display: inline-block;
	text-transform: uppercase;
        font-weight: 700;
    font-size: 0.8613em;
   /*** color: #888888;***/
    font-family: Arial, Helvetica, sans-serif;
}
.side_block div.fieldset > header {
    background: none;
    padding: 0 0 7px 0;
}
div.fieldset > header > span.arrow {
	display: none;
}
div.fieldset > div.body > div {
	padding: 15px 0 5px;
    border-top: 1px #167ed2 solid;
}

#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') -29px -342px no-repeat;
}
#controller_area div.fieldset > header > span.arrow:hover {
	opacity: 1;
}
#controller_area div.fieldset > header > span.arrow.up {
	transform: scaleY(-1);
}
#controller_area div.fieldset > div.body > div {
	padding-top: 10px;
}

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

/*** CATEGORIES BLOCK ***/
div.categories {
	width: auto;
	overflow: hidden;
	margin-bottom: -10px;
}

div.categories ul > li {
	float: left;
	width: 100%;
}
div.categories ul div.item div.parent-cateory {
	padding: 0 2px 10px;
	white-space: nowrap;
}
div.categories div.category-name {
	background: url('../img/gallery.png') 0 19px repeat-x;
	text-overflow: ellipsis;
}
div.categories.sub-categories-exist div.category-name,
div.categories.sub-categories-exist div.category-counter {
	display: inline-block;
}
div.categories:not(.sub-categories-exist) div.category-counter {
	float: right;
}
div.categories:not(.sub-categories-exist) div.category-name {
	overflow: hidden;
}
a.category {
	font-size: 1.143em;
	font-weight: 400;
	color: black;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: white;
	padding-right: 5px;
}
section.content_block:not(.no-style) a.category {
	background-color: white;
}
div.categories div.category-counter > span {
	color: #515151;
	display: inline-block;
	padding: 0 0 0 7px;
	font-size: 1.143em;
}
.content_block div.category-slider-bar span.navigation > span:not(.active) {
	background: white;
}
.empty-category a,
.empty-category a:hover,
.empty-category div.category-counter > span,
.empty-category div.sub_categories {
	color: #bbbbbb!important;
}
div.category-slider-bar {
	position: absolute;
	top: -21px;
	right: -5px;
}
section.content_block div.category-slider-bar {
	top: -45px;
}
div.fieldset div.category-slider-bar {
	position: static!important;
	top: auto;
	right: auto;
	text-align: center;
	padding-top: 3px;
}
div.category-slider-bar > span.arrow {
	width: 19px;
	height: 24px;
	display: none;
	cursor: pointer;
}
div.category-slider-bar span.prev,
div.category-slider-bar span.next {
	width: 7px;
	height: 12px;
	display: inline-block;
	background: url('../img/gallery.png') 0px -583px no-repeat;
	margin: 6px;
	-moz-user-select: none;
	-webkit-user-select: none;
}
div.category-slider-bar span.next {
	background-position: right -583px;
}
div.category-slider-bar > span.navigation {
	height: 24px;
	display: inline-block;
	vertical-align: top;
	width: 80px;
	margin: 0 5px;
	height: 4px;
	background: #f1f1f1;
	margin-top: 10px;
}
div.category-slider-bar > span.navigation > span {
	height: 4px;
	display: inline-block;
	vertical-align: top;
}
div.category-slider-bar > span.navigation > span.active {
	background: #fb6a5c;
}
section.categories-box {
	box-shadow: none;
}
section.categories-box ul.cat-tree > li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
section.categories-box div.cat-tree-cont.limit-height {
	overflow: hidden;
}

.sub-categories-exist div.item.banners-box {
	display: block;
	margin-bottom: 30px;
}
.sub-categories-exist div.categoty-column {
	column-count: 5;
	-moz-column-count: 5;
	-webkit-column-count: 5;
	-ms-column-count: 5;
	
	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap : 30px;
	-ms-column-gap: 30px;
}
body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    -ms-column-count: 4;
}
.sub-categories-exist div.parent-cateory {
	padding-bottom: 10px!important;
	display: inline-block;
}
.sub-categories-exist div.category-name {
	background: none!important;
}
.sub-categories-exist div.category-name > a {
	padding: 0;
}
.categories .sub_categories {
	padding: 0 0 20px 0;
}
.categories .sub_categories > span:not(:last-child),
.other_categories_tmp > div > span:not(:last-child) {
	padding: 0 0 5px 0;
	display: block;
}
.categories .sub_categories > span > a {
	font-size: 1.000em;
}
.categories .sub_categories span.more {
	cursor: pointer;
	color: #15a700;
	font-size: 0.929em;
	display: inline-block;
}

div.other_categories_tmp {
	position: absolute;
	z-index: 3;
}
div.other_categories_tmp div {
	background: white;
	border: 2px #F8F8F8 solid;
	padding: 13px 25px 15px 17px;
	margin: 25px 0 0 45px;
	max-width: 200px;
	position: relative;
}
div.other_categories_tmp div img.close {
	display: block;
	cursor: pointer;
	top: 0;
	right: 0;
	position: absolute;
	width: 12px;
	height: 12px;
	margin: 4px;
	background: url('../img/gallery.png') -27px -470px no-repeat;
	opacity: 0.7;
}
div.other_categories_tmp div img.close:hover {
	opacity: 1;
}
/*** CATEGORIES BLOCK END ***/

/*** CATEGORIES TREE BLOCK ***/
ul.cat-tree li {
	padding-top: 4px;
	padding-bottom: 6px;
}
ul.cat-tree > li.rest {
	display: none;
}
ul.cat-tree span.counter {
	display: inline-block;
}
ul.cat-tree li ul {
	display: none;
}
ul.cat-tree li ul > li {
	padding-left: 25px!important;
}
ul.cat-tree li span.toggle {
    width: 18.5px;
	display: inline-block;
	cursor: pointer;
	font-size: 0.929em;
    padding: 0 5px;
    margin: 0 5px 0 -5px;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.cat-toggle {
	background: #e2e2e2;
	height: 10px;
	margin-top: 3px;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	line-height: 2px;
	text-align: center;
}
section.side_block > span.expander {
	width: 18px;
	height: 18px;
	background: url('../img/gallery.png') right -119px no-repeat;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
}
section.side_block > span.expander.active {
	background-position: 0 -119px;
}
/*** CATEGORIES TREE BLOCK END ***/

/*** STATISTICS BLOCK - Change 1st June color: royalblue;
    font-weight: 700; ***/
table.stats {
	margin-bottom: 0!important;
	border-spacing: 2px;
	border-collapse: separate;
	margin: 0 0 5px;
	table-layout: fixed;
    font-size: 0.95875em;border-bottom: #d5e7fc 1px solid;
}
table.stats td.column,
table.stats td.counter {
	white-space: nowrap;
	text-align: center;
    border-radius: 2px;
}
table.stats td.counter {
	background: border-box;color: royalblue;
    font-weight: 700;
}
table.stats td.divider {
	width: 5px;
	text-align: center;
	padding: 0 5px;
}
table.stats td.dotted {
	background: border-box;
	padding: 2px 5px 4px;
}
table.stats td.dotted a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;color: royalblue;
    font-weight: 700;
}
section > div > table.stats:last-child {
	margin-bottom: 0;
}
/*** STATISTICS BLOCK 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: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
ul.steps > li {
	display: inline-block;
	height: 44px;
	line-height: 44px;
	text-align: center;
	position: relative;
	-webkit-flex: 1;
	-ms-flex: 1;
	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: white;
	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 #F8F8F8;
}
ul#payment_gateways li.active,
ul#payment_gateways li:hover {
	background: #F8F8F8;
}
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.caption_padding {
	padding: 0 0 20px 70px;
}
.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: 0;
	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: 15px;
	min-height: 95px;
border: 1px #e6e6e6 solid;
	/*** 5thjune Change 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; margin-bottom: 12px; /*** Change 5thJune Add***/
}
.my-listings > article > div:last-child {
	margin-right: 0;margin-top: 8px;
}
.my-listings div.title {
	font-size: 1.143em!important;
	font-weight: 700!important;
	padding: 5px;background-color:lightgray;border:1px solid white;
}
.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.85;
}
.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;
}
/*** MY BANNERS END ***/

/*** HORIZONTAL SEARCH ***/
div.cd-extendable,
.cd-dropdown {
	position: relative;
	-moz-user-select: none;
	-webkit-user-select: none;
    z-index: 1;
    width: 50%;
/***   change 30% to 50%  max-width: 190px;***/
}
div.cd-extendable > div.dropdown {
    padding-top: 10px;
    padding-right: 29px;
}
div.cd-extendable > div.dropdown,
select.cd-dropdown {
    border-radius: 4px 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #F2F2F2;
}
input.tags-autocomplete,
input.tags-autocomplete + input {
    border-radius: 0;
    z-index: 1;
    margin-left: -1px;
}
input.tags-autocomplete:hover,
input.tags-autocomplete + input:hover,
input.tags-autocomplete:focus,
input.tags-autocomplete + input:focus,
div.cd-extendable:hover,
div.cd-extendable.opened {
    z-index: 2;
}
.cd-form input[type=submit] {
    background-color: #CBE7FF;
    color: #157ED2;z-index: 1;
}
.cd-form .button-lens {
    width: 44px;
    background: url(../img/lens.svg) center center no-repeat #CBE7FF !important;
    border-radius: 0 4px 4px 0;
}
.cd-form input[type=submit]:hover {
    background-color: #A0D1FA !important;
}

div.cd-extendable > div.box {
	display: none;
	position: absolute;
	top: 48px;
	right: 0;
	background: white;
	border: 1px #B4C9E1 solid;
	width: 100%;
	min-height: 20px;
	margin: 0;
	z-index: 1;
	white-space: nowrap;
	overflow-x: auto;
    border-radius: 4px;
}
div.cd-extendable > div.box > div.uls {
	padding: 2px 0 4px;
	white-space: nowrap;
	overflow: hidden;
	max-height: 400px;
	overflow-y: auto;
}
div.cd-extendable.opened > div.dropdown {
	border-color: #00203A;
}
div.cd-extendable.opened > div.box {
	display: block;
    z-index: 120;
    font-size: 0.813em;
}
div.cd-extendable > div.box ul {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
div.cd-extendable > div.box ul > li {
	padding: 6px 0 7px 22px;
	position: relative;
}
div.cd-extendable > div.box ul > li > a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #09396E;
	font-size: 1.071em;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	padding: 0 10px;
}
div.cd-extendable > div.box > div.bc {
	background: #F8F8F8;
	height: 36px;
	font-size: 0.929em;
	cursor: pointer;
	display: none;
	line-height: 36px;
	padding: 0 10px 0 32px;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.cd-extendable > div.box > div.bc:before {
	content: '';
	width: 6px;
	height: 10px;
	background: url('../img/gallery.png') -26px -8px no-repeat;
	position: absolute;
	top: 13px;
	left: 12px;
}
div.cd-extendable > div.box ul > li > a:hover,
div.cd-extendable > div.box ul > li.selected > a {
	color: #111111;
}
div.cd-extendable > div.box ul > li.selected > a:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 10px;
	top: 11px;
	left: 10px;
	background: url('../img/gallery.png') right -213px no-repeat;
}
div.cd-extendable > div.box ul > li > span {
	width: 30px;
	height: 21px;
	display: block;
	float: right;
	position: relative;
	cursor: pointer;
	margin: 0 10px;
}
div.cd-extendable > div.box ul > li > span:after {
	content: '';
	width: 6px;
	height: 10px;
	background: url('../img/gallery.png') -20px -8px no-repeat;
	position: absolute;
	top: 7px;
	right: 0;

	opacity: 0.7;
}
div.cd-extendable > div.box ul > li > span:hover:after {
	opacity: 1;
}


section.horizontal-search h1 {
    color: #f4f4f4;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4);
    margin-bottom: 25px;
}
/*** HORIZONTAL SEARCH END ***/

/*** PLUGINS CUSTOM ***/
a.reportBroken {
	color: #d04525;
}

div#compare_listings_tab {
	max-width: 145px!important;
}
div#compare_listings_area {
	width: 270px!important;
}
.compare-icon > span,
section#listings ul.nav-column > li.add_to_compare span.icon {
	background: url('../img/gallery.png') right -22px no-repeat!important;
}
.compare-icon.remove > span,
section#listings ul.nav-column > li.remove_from_compare span.icon {
	background: url('../img/gallery.png') right -40px no-repeat!important;
}

#lnp_container {
    display: flex;
    padding-bottom: 15px;
    position: relative;
}
#lnp_container > li {
    flex: 1;
}
#lnp_container > li.link {
	display: none;
}
#lnp_container li.nav a {
	font-size: 0.929em;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 16px;
}
#lnp_container li.nav a:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 10px;
	left: 0;
	top: 8px;
	background: url('../img/gallery.png') -26px -8px no-repeat;

	opacity: 0.7;
}
#lnp_container li.next {
    display: flex;
    justify-content: flex-end;
}
#lnp_container li.next a {
	padding: 0 16px 0 0;
}
#lnp_container li.next a:before {
	left: auto;
	right: 0;
	background-position: -20px -8px;
}
#lnp_container li:hover a:before {
	opacity: 1;
}

li#listing_rating_dom {
	padding: 7px 0 12px!important;
}

/* field bound boxes */
ul.field-bound-box {
	margin-bottom: -2px;
}
ul.field-bound-box:not(.list) {
	margin: 5px -20px -13px 0;
}
ul.field-bound-box:not(.list) > li {
	display: inline-block;
	padding: 0 20px 27px 5px;
	text-align: center;
}
ul.field-bound-box > li > a {
	display: inline-block;
}
ul.field-bound-box > li.empty {
	opacity: 0.5;
}
ul.field-bound-box:not(.list) > li span.count {
	display: block;
	font-size: 1.286em;
	color: #797979;
	padding: 5px 0 0 0;
}
ul.field-bound-box:not(.list) > li:not(.empty):hover span.count {
	color: #09396E;
}
ul.field-bound-box > li.left img {
	float: left;
}
ul.field-bound-box > li.left span.count {
	overflow: hidden;
	padding: 2px 0 0 5px;
}
ul.field-bound-box > li.right img {
	float: right;
}
ul.field-bound-box > li.right span.count {
	overflow: hidden;
	padding: 2px 5px 0 0;
}

ul.field-bound-box.list > li {
	width: 48%;
	margin-right: 4%;
	display: inline-block;
}
ul.field-bound-box.list > li:nth-child(2n) {
	margin-right: 0;
}
ul.field-bound-box.list > li > a {
	padding: 0 0 5px;
}
ul.field-bound-box.list > li > a > span.count {
	font-size: 1.143em;
	padding: 0 0 0 5px;
	color: #797979;
}

.ha-or:before,
.ha-or:after {
    background-color: #E6E6E6 !important;
    height: 1px !important;
}
/* field bound boxes */

#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;
}
a.button.bg-green {
    background: #AB4334;
    float: right;
}
ul.comments li > div:after,
ul.comments li > div:before {
	content: '';
	bottom: -15px;
	left: 17px;
	height: 0;
	width: 0;
	position: absolute;
	
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-color: transparent #f4f4f4 transparent transparent;
}

ul.comments li > div:before {
	border-color: transparent #d4d4d4 transparent transparent!important;
	border-width: 0 17px 17px 0!important;
	left: 16px!important;
	bottom: -18px!important;
}

.jslider .jslider-bg .v {
	background-color: #09396E!important;
}

/* slider */
div.slider {
	overflow: hidden;
	position: relative;
	-moz-user-select: none;
	-webkit-user-select: none;
}
/* horizontal mode */
div.slider > div.container {
	margin: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
}
div.horizontal div.prev,
div.horizontal div.next {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -38px;
	cursor: pointer;
    background: white;
    opacity: .7;

    transition: all 0.3s ease;
}
div.horizontal div.next {
	left: auto;
	right: 0;
}
div.horizontal:hover div.prev {
    left: -10px;
}
div.horizontal:hover div.next {
    right: -10px;
}
div.horizontal div.prev:before,
div.horizontal div.next:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 14px;
	top: 13px;
	left: 14px;
	background: url('../img/gallery.png') -24px -366px no-repeat;
}
div.horizontal div.next:before {
	background-position: right -366px;
	left: auto;
	right: 14px;
}
div.horizontal div.prev:hover,
div.horizontal div.next:hover {
    opacity: 1;
}
/* vertical mode */
div.vertical {
	padding: 25px 0!important;
}
div.vertical div.prev,
div.vertical div.next {
	width: 40px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20px;
	cursor: pointer;
}
div.vertical div.next {
	background-position: 0 -1525px;
	top: auto;
	bottom: 0;
}
div.vertical div.prev:before,
div.vertical div.next:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 10px;
	top: 2px;
	left: 11px;
	background: url('../img/gallery.png') 0 -663px no-repeat;
}
div.vertical div.next:before {
	background-position: right -663px;
	top: 4px;
}
/* slider end */

#booking_calendar div.horizontal > div.prev {
	left: 0;
}
#booking_calendar div.horizontal > div.prev:before {
	left: 0!important;
	top: 3px!important;
}
#booking_calendar div.horizontal > div.next {
	left: auto;
	left: right;
}
#booking_calendar div.horizontal > div.next:before {
	left: auto!important;
	right: 0!important;
	top: 3px!important;
}

div.banner {
	display: inherit!important;
}

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

.testimonials .side_block .header {
	height: 34px;
}
.testimonials .side_block > div:last-child {
	margin-top: 21px;
}
.testimonials .side_block .header > p {
	color: #484848;
	font-size: 1.786em;
	font-weight: 300;
}
.testimonials .side_block .header > a.add-testimonial {
	top: 7px;
}
.testimonials .area {
	font-style: normal!important;
	font-size: 0.929em!important;
	padding: 25px 30px 25px 60px!important;
}
.testimonials .area > div.quotes {
	top: 30px!important;
	left: 20px!important;
	width: 19px!important;
	height: 12px!important;
	background: url('../img/gallery.png') 0 -26px no-repeat!important;
}
.testimonials .bottom span.author {
	font-size: 13px;
	font-style: italic;
	font-weight: 400;
}
.testimonials .bottom {
	padding-left: 60px!important;
}
.testimonials .triangle {
	border-width: 0 25px 25px 0!important;
	left: 20px!important;
}

div#compare_listings_area {
	bottom: 48px!important;
}

#shc_fields_area div.name {
	width: 170px!important;
}
#fs_shopping_cart .ml_tabs_content {
	padding: 10px 0!important;
}
div.auction-details {
	border-color: #b2d5af!important;
}
div.auction-details .bid-info {
	display: inline-block;
}
div.auction-details .bid-info a {
	padding: 0 3px;
}
div.auction-details > ul > li {
	vertical-align: top;
}

.cart-box-container ul.cart-items {
	min-width: 280px;
}
.cart-box-container ul.cart-items > li {
	position: relative;
	height: auto;
	line-height: inherit;
	white-space: normal;
}
.cart-box-container ul.cart-items > li:not(:last-child) {
	margin-bottom: 15px;
}
.cart-box-container ul.cart-items div.item-picture {
	margin-right: 10px;
}
.cart-box-container ul.cart-items div.item-picture img {
	width: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.cart-box-container ul.cart-items div.info {
  padding-right: 20px;
}
.cart-box-container ul.cart-items > li div.info a {
	color: #a6e39d;
}
.cart-box-container ul.cart-items > li div.info a:hover {
	color: white;
}
.cart-box-container li div.close-red {
	position: absolute;
	top: 2px;
	right: 0;
}
.cart-box-container li.controls > div:last-child > a {
	color: #f97777;
}
.cart-box-container li.controls > div:last-child {
	padding-top: 8px;
}
.cart-box-container li.controls > div:last-child > a:hover {
	color: #fe8f8f;
}

section#listings ul.nav-column > li.add-to-cart span.icon {
	background: url('../img/gallery.png') right -637px no-repeat;
}

section#listings div.stat-line .comments_icon {
	padding: 0;
	background: none!important;
}
section#listings div.stat-line li.bids > a:after {
	background-position: right -675px;
}
body a.reportBroken img,
body a.removeBroken img {
	background-image: url(../img/gallery.png) !important;
	background-position: 0 -710px !important;
}
body  a.removeBroken img {
	background-position: 0 -728px !important;
}
body #listings a.reportBroken img,
body #listings a.removeBroken img {
	margin-top: -1px;
}
#rv_listings {
    font-size: 0.813rem;
}
body.view-details-page #content + .col-md-12.col-sm-12 {
    order: 3;
}
/*** PLUGINS CUSTOM END ***/

/*** RESPONSIVE ***/
@-ms-viewport {
  width: device-width;
}
.point1 {
	width: 100%;
}

/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
	section#main_container > div.inside-container {
		padding: 35px 0 50px;
	}
/*** Change padding-bottom change paading from 30 to 3 31st May 1334***/	
section#controller_area {
		padding: 5px;/*** change 2ndJune from padding:3px ***/
    border-top: 3px solid #0f82de;padding-bottom: 30px;
	}
/*** Change 5246 from 40 to 80 ***/
    .main-menu .menu {
        margin-left: 40px;
    }
	.main-menu .menu a {
		display: flex;
		font-size: 0.863em;
       /*** color: #111111; ***/
        font-weight: 700;
        align-items: center;
        white-space: nowrap;
	}
    .main-menu .menu a:not(.add-property) {
        margin-right: 24px;
    }
    .main-menu .menu div {
        overflow: hidden;
        flex-wrap: wrap;
    }
    .main-menu .menu div > a:last-of-type {
        margin-right: 0;
    }
	.main-menu .menu a:not(.add-property):hover,
	.main-menu .menu a.active {
		box-shadow: inset 0 3px 0 #111111;
	}
    .main-menu ul.menu > li.more > span {
		display: inline-block;
		margin: 4px 0 0 0;
		padding: 5px;
		cursor: pointer;
		-moz-user-select: none;
		-webkit-user-select: none;
	}
	.main-menu ul.menu > li.more > span > span {
		width: 4px;
		height: 4px;
		background: #09396E;
		display: inline-block;
		margin: 8px 2px 0 0;
		border-radius: 2px;
		vertical-align: top;
	}
	.main-menu ul.menu > li.more_active > span > span {
		background: #ffffff;
	}
	ul#main_menu_more {
		display: none;
		position: absolute;
		top: 139px;
		padding: 5px 20px;
		background: #6ba162;
		z-index: 102;
		border-top: 0;
		text-align: left;
	}
	ul#main_menu_more > li > a {
		padding: 10px 0;
		box-shadow: none;
	}
	/* main menu end */

	/* sidebar block */
	section.side_block > h3 {
		font-size: 0.9275em;
		font-weight: 700;
		margin-top: -3px;
        text-transform: uppercase;
	}
	section.side_block > div {
		padding: 0!important;
	}
    section.side_block:not(.no-style) {
        background: border-box;
        padding: 20px;
        margin-bottom: 20px;border: 1px solid #2b96dc;
    }
	section.side_block:not(.no-style).seller-short {
		background-color: border-box;/**background-color: #F5F5F5; change 5thJune***/
	}
	aside.left > section.side_block:not(.no-style):first-child table.stats td.dotted,
	aside.left > section.side_block:not(.no-style):first-child table.stats td.counter {
		background-color: white;
	}
	/* sidebar block end */

	section.side_block span.expander {
		display: none;
	}
	section.categories-box ul.cat-tree > li.rest {
		display: none;
	}
	section.categories-box div.cat-tree-cont.limit-height {
		max-height: 360px;
	}
/* Change add solid line border */
	.grid_navbar {
		margin-bottom: 30px;border: 1px solid lightskyblue;
	}

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

	section.side_block ul.featured {
        margin: 0;
    }
    section.side_block ul.featured:not(.list) {
        text-align: center;
    }
	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 {
		text-align: left;
	}

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

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

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

	div.special-block .col-md-3 {
		width: 100%;
	}

	section.side_block table.table td.name {
		width: 45%;
	}
    
    section.side_block .sub-categories-exist div.categoty-column {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -ms-column-count: 1;
    }
}
/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
	.point1 {
		/** Change 5/30 10:28 max-width: 1140px;**/max-width: 1140px;
	}

	div.special-block section.side_block h3 {
		font-size: 1.500em;
	}
	.sub-categories-exist a.category {
		font-size: 1.250em;
	}
	div.table-mode .search-form-cell {
		display: table-cell;
	}
	#search_area div.table-mode {
		display: table;
		width: 100%;
	}
	#search_area div.table-mode > form {
		display: table-row;
	}

	div.table-mode .search-form-cell.numeric-field,
	div.table-mode .search-form-cell.single-field {
		width: 10%;
	}
	div.table-mode .search-form-cell.checkbox-field {
		width: 15%;
	}
	div.table-mode .search-form-cell.submit {
		width: 8%;
	}

    section.side_block ul.featured > li div.picture {
       float: left;
       width: 250px;
        height: 260px;
        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;
        background: none;
        border: 0;
	}
	section.side_block ul.featured > li > ul > li:first-child {
		margin-top: 0px;/***margin-top: -4px; Change 12 July***/
	}

	table.info td.name,
	div.table-cell.small > div.name {
		width: 110px;
		white-space: nowrap;
	}

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

	div.special-block section > div.clearfix {
		height: 230px;
	}
	div.special-block a.category {
		font-size: 1.214em;
	}
}
/*** SMALL DESKTOP AND DOWN VIEW ***/
@media screen and (max-width: 1200px) {
    .header-nav {
        padding: 10px 0 16px; 
    }
/*** Banner change 1st June for SMALL screen / 2ndjune min-height and background-size to from contain to cover***/
    .header-nav {
    min-height: 168px;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: contain;background-position:top;padding:15px;
}
/*** Search Bar display:none for small screen IMPORTANT CHANGE ********************************/
    .horizontal-search {
        margin-top: 16px;
    }
}
/*** SUPER LARGE DESKTOP VIEW change to 1262***/
@media screen and (min-width: 1440px) {
    .point1 {
        max-width: 1262px;
    }

    body.no-sidebar .featured > li {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    body:not(.no-sidebar) .featured > li,
    body:not(.no-sidebar) section.grid > article {
        -ms-flex: 0 0 33.22%;
        flex: 0 0 33.322%;
        max-width: 33.322%;
    }
/***  31st May 1330 flex: 0 0 25%;
        max-width: 25%;***/
    div.listing-details:not(.no-listing-photos) #lnp_container {
        margin-left: 118px;
    }

    /*** LISTING DETAILS ***/
    div.listing-details:not(.no-listing-photos) .content-section {
        padding-left: 118px;
    }
    .acc_gallery_box div.gallery,
    .listing-details div.gallery {
        display: flex;
        flex-direction: row-reverse !important;
    }
    div.gallery > div#media {
        width: 100%;
        /*** change 5th July height: 605px; ***/
    }
    div.gallery > div.thumbs > div.slider {
        padding: 3px 0;border: 1px solid lightgray;
    }
    div.gallery > div.thumbs > div.slider > ul {
        flex-direction: column !important;
    }
    div.gallery > div.thumbs > div.prev,
    div.gallery > div.thumbs > div.next {
        width: 100%;
        flex: 0 0 28px;
    }
    div.gallery > div.thumbs > div.prev:before,
    div.gallery > div.thumbs > div.next:before {
        top: 9px;
        left: 42px;
        transform: rotate(90deg);
    }
    div.gallery > div.thumbs {
        min-height: 443px;
        max-height: 100%;
/*** height: 605px; change 6th July***/
        width: 90px;
        display: flex;
        flex-direction: column;
        margin: 0;
        margin-right: 30px;
    }
    div.gallery > div.thumbs > div.slider > ul > li img {
        margin: 0 0 3px;
        height: 88px;
        width: 88px;
    }
    div.gallery > div.thumbs > div.slider > ul > li:hover:after,
    div.gallery > div.thumbs > div.slider > ul > li.active:after {
        right: 0;
        bottom: 3px;
    }
    /*** LISTING DETAILS END ***/
}
/*** MIDDLE DESKTOP VIEW ***/
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.point1 {
		max-width: 940px;
	}
	body.home-page:not(.no-sidebar) section#content {
		float: left;
	}

	.shc-group ul.checkboxes > li {
		width: 100%!important;
	}

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

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

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

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

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

	div.special-block section > div.clearfix {
		height: 318px;
	}

	div.auction-details > div.field {
		width: 92%!important;
		left: 4%!important;
	}

    section#listings.list div.picture {
        width: 190px;
        height: 126px;
    }
	section#listings > article div.navigation-column {
		width: 150px;
	}
	section#listings ul.ad-info > li {
		margin-bottom: 4px;
	}
    .sub-categories-exist div.categoty-column {
        column-count: 4;
        -moz-column-count: 4;
        -webkit-column-count: 4;
        -ms-column-count: 4;
    }
    body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        -ms-column-count: 3;
    }
}
/*** ALL TABLET/DESKTOP VIEWS vv***/
@media screen and (min-width: 768px) {
.header-nav {
    min-height: 202px;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: cover;background-position:center;padding:15px;
}
	/*** CATEGORIES TREE BLOCK ***/
	section.content_block ul.cat-tree li span.toggle {
		display: none;
	}
	/*** CATEGORIES TREE BLOCK END ***/

    .menu .add-property {
        margin-left: 30px;
        display: flex;
        font-size: 0.813em;
        color: #111111;
        font-weight: 400;
        align-items: center;
        white-space: nowrap;
    }
    .menu .add-property span {
        display: block;
        width: 22px;
        height: 22px;
        background: #157DD2;
        border-radius: 50%;
        margin-right: 8px;
        position: relative;
    }
    .menu .add-property span:before,
    .menu .add-property span:after {
        content: '';
        position: absolute;
        background: white;
        width: 2px;
        height: 10px;
        left: 10px;
        top: 6px;
    }
    .menu .add-property span:after {
        width: 10px;
        height: 2px;
        left: 6px;
        top: 10px;
    }

    section#listings.list > article div.navigation-column {
        width: 180px;
        position: absolute;
        z-index: 1;
        right: 30px;
        top: 7px;
        font-size: 0.813rem;
    }
}
/*** ALL TABLET/MOBILE VIEWS 2ndjune 9am***/
@media screen and (max-width: 991px) {
 .header-nav {
    min-height: 168px;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: contain;background-position:top;padding:15px;
}
	div#logo {
		margin-top: 0;
	}
	section#controller_area:not(:empty) + aside {
		margin-top: 22px;
	}

	.main-menu span.menu-button {
		height: 44px;
        margin-left: 480px;/***  margin-left: 24px; ***/
		cursor: pointer;
        font-size: 0.813em;
        font-weight: 600;
	}
	.main-menu span.menu-button > svg {
		width: 20px;
		height: 14px;
		
		transition: background 0.3s ease;
	}
	.main-menu span.menu-button:hover > span {
		background: #040e03;
	}
	.main-menu nav.menu ul.menu {
		display: none;

		background: #2b2b2b;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 105;
		min-width: 230px;
		max-width: 305px;
		bottom: 0;

		overflow: auto;
		-webkit-overflow-scrolling: touch;

		padding: 58px 22px 55px;
	}
	.main-menu nav.menu ul.menu li.more {
		margin-bottom: 30px;
	}
	.main-menu nav.menu ul.menu > li > a {
		padding: 8px 0;
		display: inline-block;
	}
	.main-menu nav.menu ul.menu > li > a:hover {
		color: #67cc85;
	}
	.main-menu nav.menu ul.menu > li.active > a {
		color: white;
	}

    .mobile-menu {
        position: absolute;
        z-index: 300;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 320px;
        width: 100%;
        min-height: 200vh;
        background: white;
        box-shadow: 0 0 0 5000px rgba(0,0,0,.2);
    }

    .mobile-menu .mobile-menu-header {
        display: flex !important;
        height: 44px;
        box-shadow: inset 0 -1px 0 #E6E6E6;
        padding: 0 15px;
        margin-bottom: 10px;
    }
    .mobile-menu a {
        display: block;
        height: 40px;
        padding: 10px 15px;
       /*** color: #111111; — color: #111111; change 18th July ***/
        font-size: 0.875em;
    }
    .mobile-menu .add-property {
        display: block !important;
    }
	span.mobile-menu-header svg {
		width: 44px;
        height: 44px;
        fill: #157ED2;
        padding: 16px;
        margin-right: -16px;
	}
	span.mobile-menu-header > span:last-child:hover:before {
		opacity: 1;
	}

	body.view-details-page.get-details-box section#main_container section.seller-short {
		display: none;
	}

	section.side_block_search > h3 {
		color: #09396E;
	}

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

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

	a.category {
		font-size: 1.214em;
	}
    .sub-categories-exist div.categoty-column {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
        -ms-column-count: 3;
    }
/*** 1st June Change background - to border-box 11am background-color: #f4f4f4;***/
	section.side_block:not(.no-style) a.category {
		background:border-box;
	}

	section.side_block:not(.no-style) table.stats td.dotted,
	section.side_block:not(.no-style) table.stats td.counter {
		background-color: white;
	}
}
/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {.header-nav {
    min-height: 168px;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: contain;background-position:top;padding:15px;
}
	.main-menu nav.menu ul.menu {
		right: 0;
	}
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
 .header-nav {
    min-height: 168px;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: cover;background-position:top;padding:15px;
}
div#header-banner {
    width: 728px;
    height: 100%;/*** change 1st June to height: 90px; ***/
    margin: auto;
    overflow: hidden;border: 1px #d3d3d340 solid;
}
	.point1 {
		/*** change 1st June max-width: 720px;***/max-width: 800px;
	}

	section.content_block {
		margin-bottom: 20px;
	}
	aside.middle section.content_block:last-child {
		margin-bottom: 0;
	}

	/* owner details box */
	div.row > div.form {
		margin-top: 0!important;
	}
	/* owner details box end */

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

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

	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 > article div.navigation-column {
        width: 170px;
    }
	section#listings.list ul.info {
		max-width: 320px;
	}
	.link-large {
		font-size: 1.286em;
	}

	section.categories-box div.cat-tree-cont.limit-height {
		max-height: 222px;
	}
	section.categories-box div.cat-toggle {
		display: none;
	}

	/* listing details gallery */
	div.gallery > div#media {
		height: auto;/*** change 5th July height: 482px; ***/
	}
	div.gallery > div.thumbs > div.slider > ul > li img {
		width: 68px;
		height: 68px;
	}
	div.gallery > div.thumbs > div.prev,
	div.gallery > div.thumbs > div.next {
		width: 68px;
		height: 68px;   
	}
	div.gallery > div.thumbs > div.slider {
		margin:0; /*** change 5th July margin: -23px 70px 0 70px;***/
	}
	div.gallery > div.thumbs {
		height: 90px;
	}
	div.gallery > div.thumbs > div.prev:before {
		top: 23px;
		left: 27px;
	}
	div.gallery > div.thumbs > div.next:before {
		top: 23px;
		left: 29px;
	}
	/* listing details gallery end */
	
	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;
	}

	ul.packages > li div.frame {
		width: 420px;
	}
	body.no-sidebar .advanced-search-form {
		width: 80%;
	}
}
/*** MOBILE VIEW - change HEIGHT to 50px 1st June 322pm***/
@media screen and (max-width: 767px) {

.header-nav {
    min-height: 91px;width:100%;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: inherit;background-position:top;padding:15px;
}

div#header-banner {
    width: 728px;
   height: 74px;/*** change 1st June to height: 90px; ***/
    margin: auto;
    overflow: hidden;border: 1px #d3d3d340 solid;
}
	h1 {
		font-size: 1.714em;
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.h1-nav nav > a.post_ad {
		margin-right: 10px;
	}

	.h1-nav nav > a:not(.button) {
		height: 34px;
	}
	.h1-nav nav > a.post_ad:before,
	.h1-nav nav > a.post_ad:after {
		content: '';
		position: absolute;
		width: 16px;
		top: 16px;
		left: 9px;
	}
	.h1-nav nav > a.post_ad:after {
		width: 2px;
		height: 16px;
		top: 9px;
		left: 16px;
	}

	.point1 {
		/***change 1st June remove max-width: 480px;/2ndJune no.2 change from 95% to 97%***/max-width: 97%;
		min-width: 320px;
	}
	.header-nav > div > div {
        margin: 0 10px;/** Header change  display: none;**/
    }
    .top-navigation > div {
        padding: 0 10px;
    }
    .user-navbar .circle .default > span {
        width: 0;
        height: 40;
        text-indent: -1000px;
    }
    .user-navbar .circle .default:before {
        margin: 0 !important;
    }

    .cd-extendable,
    select.cd-dropdown {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 5px;
    }
    div.cd-extendable > div.dropdown,
    select.cd-dropdown {
        border-radius: 4px;
    }
    .cd-form input.tags-autocomplete, 
    .cd-form input.tags-autocomplete + input {
        margin-left: 0;
        margin-bottom: 5px;
        border-radius: 4px;
    }

	ul.tabs.search_tabs {
		width: 100%;
	}
	ul.tabs.search_tabs.tabs_count_2 > li {
		width: 50%;
		padding-right: 10px;
	}
	ul.tabs.search_tabs.tabs_count_3 > li {
		width: 33.333%;
		padding-right: 10px;
	}
	ul.tabs.search_tabs.tabs_count_4 > li {
		width: 25%;
		padding-right: 10px;
	}
	ul.tabs.search_tabs.tabs_count_2 > li a,
	ul.tabs.search_tabs.tabs_count_3 > li a,
	ul.tabs.search_tabs.tabs_count_4 > li a {
		width: 100%;
	}
	ul.tabs.search_tabs > li > a {
		padding: 0 10px;
		font-size: 1em;
	}

	div.special-block section.side_block {
		height: auto;
		margin-top: 20px;
	}

	.search-form-cell {
		width: 100%;
	}
	.search-form-cell > div {
		margin-left: 10px;
		margin-right: 10px;
	}
	.search-form-cell > div > div,
	.search-form-cell > div span.pills {
		width: 100%!important;
	}
	.search-form-cell.numeric-field {
		width: 50%;
	}
	.search-form-cell.numeric-field > div {
		margin-right: 10px;
	}
	.search-form-cell.numeric-field + .search-form-cell.numeric-field > div {
		margin-right: 0;
		margin-left: 10px;
	}
	.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;
	}

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

	section.content_block > h3,
	section.side_block > h3 {
		font-size: 1.429em;
	}
	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;
	}
	section.content_block div.category-slider-bar {
		top: -34px;
	}
	
	/* home content block */
	section.home-content {
		margin: 0 0 20px 0;
	}
	aside.bottom {
		margin-top: 20px;
	}
	/* home content block end */

    #controller_area > ul.tabs {
        margin-left: 10px;
        margin-right: 10px;
    }

	#bread_crumbs > ul {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.grid_navbar.listings-area .buttons > div.grid {
		display: inline-block;/*** 2ndJune 1019am change display none" ***/ 
	}
	.grid_navbar .current,
	.grid_navbar ul.fields > li {
		padding: 0 10px;
	}
	
	/*** listing list view change 1st June Bottom to 30px***/
	section#listings > article div.navigation-column {
		position: absolute;
		width: auto;
		bottom: 30px;
		right: 30px;
		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 span.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: 85%;/***	change	max-width: 298px;  ***/
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		display: block;
	}
    section#listings > article div.navigation-column {
        right: 10px;
    }
	section#listings.list div.picture {
		width: 100%;
        height: auto;/*** 1. change 4thJuly 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.ad-info {
		/*** change 1st June background: #f4f4f4; ***/
		padding: 10px;
	}
	section#listings ul.ad-info span.favorite {
		display: inline-block;
		vertical-align: middle;
	}
	section#listings.list ul.ad-info span.favorite {
		float: right;
		margin-top: 5px;
	}
	section#listings.list ul.ad-info > li:last-child {
		padding-bottom: 0;
	}
	section#listings.list ul.ad-info > ol {
		display: block;/* Change 6thJune Display:none */
	}
	/* listing list view end */

	section.categories-box div.cat-tree-cont.limit-height {
		max-height: 185px;
	}
	section.categories-box div.cat-toggle {
		display: none;
	}

	.sub-categories-exist div.categoty-column {
		column-count: 1 !important;
		-moz-column-count: 1 !important;
		-webkit-column-count: 1 !important;
		-ms-column-count: 1 !important;
		
		column-gap: 0;
		-moz-column-gap: 0;
		-webkit-column-gap : 0;
		-ms-column-gap: 0;
	}

    .listing-header h1 {
        margin: 0 10px 0;display:none;/***10th July Change ***/
    }
    .listing-header div.icons {
        text-align: center;
    }
	div.listing-details.loc-exists .content-section {
		margin-top: 42px;
	}
    #lnp_container {
        margin: 0 10px;
    }
	div.listing-details .content-section {
		padding: 10px 10px 0;
	}
	div.gallery {
		position: relative;
	}
	div.gallery > div#media {
		height: initial;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
    div.gallery > div#media.map {
        position: relative;
        padding-bottom: 66%;
    }
    div.gallery > div#media.map .map-container {
        position: absolute;
    }
	div.gallery > div#media .preview,
	div.gallery > div#media .map-container,
	div.gallery > div#media span.nav-button.zoom,
	div.gallery > div.thumbs > div.prev,
	div.gallery > div.thumbs > div.next {
		display: none;
	}

	div.gallery > div#media .nav-buttons {
		position: absolute;
		width: 100%;
		height: 42px;
		bottom: -42px;
		text-align: center;
		padding: 2px;
	}

	div.gallery > div#media .map,
	div.gallery > div#media .gallery,
	div.gallery > div#media .map-group {
		position: static!important;
		display: inline-block;
		vertical-align: top;
	}

	div.gallery div#media.map > .nav-buttons > .gallery {
		display: inline-block;
	}
	div.gallery > div#media.map + div.thumbs {
		visibility: hidden;
	}

	div.gallery > div.thumbs {
		margin-top: 0;
		padding: 10px;
		height: inherit;
		display: block!important;
	}
	div.gallery > div.thumbs > div.slider {
		margin: 0;
		padding: 0;
		position: relative;
	}
	div.gallery > div.thumbs > div.slider > ul {
		width: 100%;
        display: block !important;
	}
    div.gallery > div.thumbs > div.slider > ul > li {
        display: inline-block;
        width: 100%;
        margin-top: 0!important;
    }
	div.gallery > div.thumbs > div.slider > ul > li:after {
		display: none;
	}
	div.gallery > div.thumbs > div.slider > ul > li img {
		margin: 0!important;
		width: 100%;
		height: auto;
		border: 0;
	}
	div.gallery > div.thumbs > div.slider > ul > li span.play {
		margin: 0;
		right: 0;
	}
	div.gallery > div.thumbs > div.slider > ul > li iframe {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}
	div.gallery > div.thumbs > div.slider > ul > li iframe + div,
	div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 40%;
		height: 65%;
	}
	div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
		left: auto;
		right: 0;
	}
	div.gallery > div.thumbs > div.slider > ul > li.locked > img {
		background-position: center 26%;
	}
	div.gallery > div.thumbs > div.slider > ul > li.locked > div {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-align: center;
		padding-top: 28%;
	}

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

	div.listing-details h1 {
		margin-bottom: 15px;
		padding: 0;
	}
	div.listing-details div.price-tag {
		float: none;
		margin-bottom: 14px;
	}
	.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 > div.name {
		float: none;
		width: auto;
		padding: 0;
		min-height: 26px;
		line-height: 26px;
	}
	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 {
        display: flex;
        justify-content: center;
	}
	section#accounts.grid > article {
        width: auto;
	}
	section#accounts > article > div,
	section#accounts > article > ul {
        width: auto !important;
	}
    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;
	}
    .account-location .map-capture {
        margin: 15px -10px 0;
    }

	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 #F8F8F8 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#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 {
		margin: 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;
	}

	/*** MY PACKAGES ***/
	ul.packages > li {
		display: block;
	}
	ul.packages > li div.frame {
		width: auto;
		display: block;
	}
	ul.packages > li div.status {
		margin: 15px 0 0 0;
		padding: 0 20px;
	}
	ul.packages > li div.status div.renew {
		overflow: hidden;
		text-align: right;
		margin-top: 3px;
	}
	ul.packages > li div.status ul.package_info {
		float: left;
	}
	/*** MY PACKAGES END ***/

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

	ul.featured > li  {
		max-width: 100%;/*** Change 6thJune 1050am max-width: 350px;***/
		margin-left: auto;
		margin-right: auto;
	}

	section.side_block table.table td.name {
		width: 45%;
	}
	.shc-group ul.checkboxes > li {
		width: 100%!important;
	}
}
@media screen and (max-width: 383px) {
.header-nav {
    min-height: 68px;
    box-shadow: inset 0 -1px 0 #E6E6E6;
    background: url(https://www.towndirectory.sg/files/images/simei%20plaza%20729x50.jpg) center center no-repeat #f2f2f2;
    background-size: inherit;background-position:top;padding:15px;
}
div#header-banner {
    width: 728px;
   height: 62px;/*** change 1st June to height: 90px; ***/
    margin: auto;
    overflow: hidden;border: 1px #d3d3d340 solid;
}
	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;
	}
	.login-form input[type=text],
	.login-form input[type=password] {
		width: 100%;
	}
	div.table-cell ul.checkboxes > li {
		float: none;
		width: 100%;
		margin: 0;
	}
	section#listings.my-listings .item > div.navigation > ul > li select {
		width: 130px;
	}
	section.categories-box ul.cat-tree > li {
		display: inline-block;
		width: 100%;
		margin-right: 0;
	}
	.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) {
	#user-navbar > span.default:before {
		background: url('../img/@2x/gallery2.png') left -10px no-repeat;
		background-size: 40px auto;
	}
	.circle.cart-box-container > span.default:before {
		background: url('../img/@2x/gallery2.png') -21px -468px no-repeat;
		background-size: 40px auto;
	}

	span.mobile-menu-header > span:last-child:before {
		background: url('../img/@2x/gallery2.png') right -50px no-repeat;
		background-size: 40px auto; 
	}

	ul.ad-info > li.services > span:before {
		background: url('../img/@2x/gallery2.png') right -148px no-repeat;
		background-size: 40px auto; 
	}
	ul.ad-info > li.services > span.bathrooms:before {
		background-position: right -132px;
	}
	ul.ad-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;
	}
	input[type=number] {
		background-image: url('../img/@2x/gallery2.png');
		background-position: right -94px;
		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;
	}

	.testimonials .area > div.quotes {
		background: url('../img/@2x/gallery2.png') -22px -212px no-repeat!important;
		background-size: 40px auto!important;
	}
	.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: 0 -520px;
	}

	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;
	}
	div.category-slider-bar span.prev,
	div.category-slider-bar span.next,
	div.gallery > div.thumbs > div.prev > div,
	div.gallery > div.thumbs > div.next > div {
		background: url('../img/@2x/gallery2.png') -0px -467px no-repeat;
		background-size: 40px auto;
	}
	div.category-slider-bar span.next,
	div.gallery > div.thumbs > div.next > div {
		background-position: -7px -467px;
	}
	.footer-data img.rss,
	.footer-data img.facebook,
	.footer-data img.twitter {
		background: url('../img/@2x/gallery2.png') 0 -288px no-repeat;
		background-size: 40px auto;
	}
	.footer-data img.facebook {
		background-position: 0 -329px;
	}
	.footer-data img.twitter {
		background-position: 0 -370px;
	}
	.footer-data div.logo img {
		background: url('../img/@2x/logo_footer.png') 0 0 no-repeat;
		background-size: 100%;
	}
	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 -546px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar div.map:hover span,
	.grid_navbar div.map.active span {
		background: url('../img/@2x/gallery2.png') right -546px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar .sorting span.arrow {
		background: url('../img/@2x/gallery2.png') -21px -115px no-repeat;
		background-size: 40px auto;
	}
	.grid_navbar .sorting .active span.arrow {
		background-position: -22px -102px;
	}

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

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

	div.gallery > div.thumbs > div.prev:before,
	div.gallery > div.thumbs > div.next:before {
		background: url('../img/@2x/gallery2.png') right -872px no-repeat;
		background-size: 40px auto;
	}
	div.gallery > div.thumbs > div.next:before {
		background-position: -28px -872px;
	}
	div.gallery > div.thumbs > div.slider > ul > li.locked img {
		background-image: url('../img/@2x/locked.png');
		background-size: 25px auto;
	}
	div#picture_locked img {
		background-image: url('../img/@2x/locked-large.png');
		background-size: 96px auto;
	}
	#loan_reset_form {
		background: url('../img/@2x/gallery2.png') right -426px no-repeat;
		background-size: 40px auto;
	}

	.seller-short form div.field > input + span {
		background: url('../img/@2x/gallery2.png') right -373px no-repeat;
		background-size: 40px auto;
	}
	.seller-short form div.field > input[name=contact_email] + span {
		background-position: right -391px;
	}
	.seller-short form div.field > input[name=contact_phone] + span {
		background-position: right -407px;
	}

	div.categories div.category-name {
		background: url('../img/@2x/gallery2.png') 0 14px repeat-x;
		background-size: 40px auto!important;
	}
	div.table-cell > div.name > div {
		background: url('../img/@2x/gallery2.png') 0 17px repeat-x;
		background-size: 40px auto!important;
	}
	div.gallery > div.preview a > span > span {
		background: url('../img/@2x/gallery2.png') right -604px no-repeat;
		background-size: 40px auto;
	}

	.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;
	}
	div.ps-toolbar div div.ps-toolbar-content {
		background-image: url('../img/@2x/photoswipe@2x.png');
		background-size: 176px 88px;
	}

	#lnp_container li.nav a:before {
		background: url('../img/@2x/gallery2.png') right -362px no-repeat;
		background-size: 40px auto;
	}
	#lnp_container li.next a:before {
		background-position: -28px -362px;
	}

	.add-to-cart span.icon {
		background: url('../img/@2x/gallery2.png') 0 -949px no-repeat!important;
		background-size: 40px auto!important;
	}

	div.horizontal div.prev:before,
	div.horizontal div.next:before,
	div.vertical div.prev:before,
	div.vertical div.next:before {
		background: url('../img/@2x/gallery2.png') 0 -589px no-repeat;
		background-size: 40px auto;
	}
	div.horizontal div.next:before {
		background-position: -8px -589px;
	}
	div.vertical div.prev:before {
		background-position: 0 -839px;
	}
	div.vertical div.next:before {
	   background-position: right -839px;
	}

	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.gallery > div.thumbs > div.slider > ul > li span.play {
		background: url('../img/@2x/play.png') center center no-repeat rgba(0,0,0,.2);
		background-size: 100% auto;
	}

	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') -20px -77px no-repeat;
		background-size: 40px auto;
	}	.my-listings div.navigation ul li.nav-icon > a:before {
		background: url('../img/@2x/gallery2.png') 0 -775px 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;
	}

	#search_area #advanced_search:after {
		background: url('../img/@2x/gallery2.png') -34px -449px no-repeat;
		background-size: 40px auto;
	}

	div.cd-extendable > div.box ul > li.selected > a:before {
		background: url('../img/@2x/gallery2.png') right -933px no-repeat;
		background-size: 40px auto;
	}

	div.cd-extendable > div.box ul > li > span:after {
		background: url('../img/@2x/gallery2.png') -28px -362px 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 ***/

/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px),
only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 767px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 767px),
only screen and (min-resolution: 144dpi) and (max-width: 767px) {
	div.gallery > div.thumbs > div.slider > ul > li span.play {
		background-size: 40% auto;
	}
}

/*** CUSTOM SCROLLBAR ***/
.mCustomScrollbar {
    position: relative;
    display: block;
}
.mCustomScrollbar .mCustomScrollBox {
    overflow: hidden;
}
.mCustomScrollbar:not(.mCS_no_scrollbar) .mCSB_container {
    width: auto;
    overflow: hidden;
    margin-right: 20px;
}
.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}
.mCustomScrollBox > .mCSB_scrollTools {
    width: 4px;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.65;
}
.mCustomScrollbar:not(.mCS_no_scrollbar) .mCustomScrollBox.mCSB_vertical {
    margin-right: 3px;
}
.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f1f1f1;
    background-color: rgba(153,153,153,0.4);
    width: 3px;
    height: 100%;
    margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #09396E;
    width: 3px;
    height: 100%;
}
.mCSB_scrollTools_vertical .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_horizontal .mCSB_draggerContainer {
    width: 100%;
}
.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}
.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 3px;
    margin: 0;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: auto;
}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 3px;
    margin: 0 auto;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 3px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
/*** CUSTOM SCROLLBAR END ***/

/*** IE fallback ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select {
		padding: 4px 5px;
	}
	input[type=text],
	input[type=password],
	input[type=number] {
		padding-bottom: 1px;
	}
}
/*** IE fallback end ***/


article.item div.picture div.jListingQrcode {
	height: 35%;
	position: absolute;
}
article.item div.picture div.jListingQrcode:hover {
	height: 100%;
}
article.item div.picture div.jListingQrcode img {
	height: 100%;
	border: 1px black solid;
	cursor: none;
	width: auto;
	z-index: 10000;
}