@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
  --bg-light: #FAFBFC;
  --bg-medium: #EDF1F5;
  --bg-high: #DCE3EA;
  --bg-modal: linear-gradient(116.88deg, rgba(16, 13, 2, 0.8) 0.77%, rgba(18, 2, 15, 0.8) 100%);
  --color-black: #000;
  --color-yellow: #EFC84F;
  --color-green: #3BAB13;
  --color-pink: #F64BB8;
  --color-crimson: #FF6893;
  --color-dark: #4A3268;
  --color-white-100: #fff;
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-grey-100: #B7ADC3;
  --color-grey-30: rgba(183, 173, 195, 0.3);
  --color-gradient: linear-gradient(298.32deg, #F64BB8 10.24%, #EFC84F 119.31%);
  --shadow: 0 2px 4px rgba(89, 116, 170, 0.08);
  --shadow-solid: 0 11px 30px rgba(89, 116, 170, 0.25);
  --shadow-modal: 0 50px 40px rgba(0, 0, 0, 0.2);
  --shadow-plate: 0 8px 12px rgba(89, 116, 170, 0.06);
  --font-family: 'Inter', sans-serif;
  --border-radius-15: 15px;
  --border-radius-20: 20px;
  --border-radius-30: 30px;
  --border-radius-40: 40px;
  --border-radius-100: 100px;
}

.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: 0 auto;
  background: var(--bg-light);
  font-size: 16px;
  color: var(--color-dark);;
  font-family: var(--font-family);
  font-weight: 400;
  letter-spacing: 0.2px;
}

input, select, option, p, form, ul, li, ol, h1, h2, h3, h4, h5, h6, td, img, table {
  margin: 0;
  padding: 0;
  border: 0;
}

::selection {
  background: #707070;
  color: white;
}

::-moz-selection {
  background: #707070;
  color: white;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

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

ul li {
  list-style: none;
}

body.static-page section#controller_area ul li,
section.side_block.html-block ul li,
section.content_block.html-block ul li {
  list-style: inherit;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table.fixed {
  table-layout: fixed;
}

img {
  vertical-align: middle;
}

label {
  user-select: none;
}

b, strong {
  font-weight: 600;
}

.grid-icon-fill,
.details-icon-fill {
  fill: #247ed2 !important;
}

.header-usernav-icon-fill,
.header-contacts svg {
  fill: var(--color-grey-100) !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: var(--color-dark);
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:active,
.link:hover {
  color: #111111;
}

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: 400 !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: var(--color-grey-100);
}

.notice,
.notice_message {
  color: #c95265;
  font-size: 0.929em;
}

.notice_message {
  padding-top: 5px;
}

/* fonts end */

/* h1 */
h1 {
  margin: 0 0 20px 0;
  padding: 0;
  overflow: hidden; /* to allow two items inline */
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  color: var(--color-black);
}

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 */
input[type=text],
input[type=search],
input[type=password],
input[type=number],
textarea,
select,
button[type="submit"],
div.cd-extendable > div.dropdown,
span.pills,
.select2-selection--single,
.select2-selection--multiple {
  height: 58px;
  background: var(--color-white-100);
  border: 1px solid transparent;
  color: var(--color-dark);
  font-size: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  padding: 0 30px 3px;
  border-radius: var(--border-radius-15);
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=text],
input[type=search],
input[type=password],
input[type=number],
textarea,
select,
button[type="submit"],
div.cd-extendable > div.dropdown,
span.pills,
.select2-selection--single,
.select2-selection--multiple {
  transition: all 0.3s ease-in-out;
}

.auth input[type=text],
.auth input[type=password] {
  background: #ffffff;
}

input:hover,
select:not(:disabled):hover,
div.cd-extendable > div.dropdown:hover,
.select2-container:not(.select2-container--disabled) .select2-selection--single:hover {
  box-shadow: var(--shadow-plate);
}

input:focus {
  box-shadow: var(--shadow-solid);
}

select:focus,
div.cd-extendable.opened > div.dropdown,
.select2-container:not(.select2-container--disabled) .select2-selection--single:focus,
.select2-container--open .select2-selection--single {
  box-shadow: var(--shadow-solid);
}

textarea {
  line-height: normal;
  height: auto;
  padding: 8px 10px 8px;
  width: 100%;
}

select,
.select2-selection--single {
  background: url('../img/icons/icon-chevron-down.svg') right 20px center no-repeat var(--color-white-100);
  padding-right: 38px;
}

div.cd-extendable > div.dropdown {
  background: url('../img/icons/icon-chevron-down.svg') right 20px center no-repeat white;
  padding-right: 28px;
}

select.disabled,
select[disabled=disabled],
input[disabled=disabled],
.select2-container--disabled .select2-selection--single {
  cursor: not-allowed;
  color: var(--color-grey-100);
  background-color: var(--bg-high);
  background-image: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
  margin: 0;
  background: url(../img/gallery.png) right 10px top -1249px no-repeat white;
}

option {
  padding: 2px 0;
}

#df_field_description_add {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.listings-button,
.srr-comments-count {
  width: 100%;
}

.price-line .print,
.price-line .favorite,
a.srr-account-comments,
input[type=submit],
input[type=button],
.file-input span,
a.button,
.btn {
  background: var(--color-white-100);
  height: 52px;
  padding: 0 20px 2px;
  color: var(--color-dark);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: var(--border-radius-15);
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  letter-spacing: 0.46px;
  border: 1px solid var(--bg-medium);
  transition: all 0.3s ease-in-out;
}

.btn:visited {
  color: #fff;
}

.side_block input[type=submit],
.side_block input[type=button],
.side_block .file-input span,
.side_block a.button,
.side_block .btn {
  background: var(--color-white-100);
  color: var(--color-dark);
}

.side_block input[type=button].contact-owner {
  border: 1px solid var(--bg-medium);
}

::-webkit-input-placeholder {
  color: var(--color-grey-100) !important;
}

:-ms-input-placeholder {
  color: var(--color-grey-100) !important;
}

::placeholder {
  color: var(--color-grey-100) !important;
}

.side_block input[type=submit]:hover,
.side_block input[type=button]:hover,
.side_block .file-input span:hover,
.side_block a.button:hover,
.side_block .btn:hover {
  background: var(--color-pink);
  color: var(--color-white-100);
}

a.srr-account-comments:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.button:not(.disabled):hover,
.file-input span:hover,
.btn:hover {
  background: var(--color-pink);
  color: var(--color-white-100);
}

a.button {
  display: inline-flex;
  line-height: 20px;
}

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: var(--bg-high) !important;
  color: var(--color-grey-100);
  box-shadow: none;
}

input[type=submit].low,
input[type=button].low,
a.button.low {
  border: 1px solid var(--bg-medium);
  width: 100%;
}

.button.warning:not(.disabled) {
  background: #ff0606;
  border: none;
  color: var(--color-white-100);
  transition: all 0.3s ease-in-out;
}

.button.warning:not(.disabled):hover {
  background: #ff2626 !important;
}

input[type=checkbox]:not(.default),
input[type=radio]:not(.default) {
  opacity: 0;
  position: absolute;
  width: 22px;
  height: 22px;
}

input[type=checkbox]:not(.default) + label,
input[type=radio]:not(.default) + label {
  max-width: 100%;
  padding-top: 1px;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  font-size: 0.938em;
  justify-content: center;
}

input[type=checkbox]:not(.default) + label {
  justify-content: flex-start;
}

input[type=checkbox]:not(.default) + label > span,
input[type=radio]:not(.default) + label > span {
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: inline-block;
  background: var(--color-white-100);
  vertical-align: top;
  margin: -1px 10px 0 0;
  border: 2px transparent solid;
  position: relative;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}

input[type=radio]:not(.default) + label > span {
  border-radius: 50%;
}

input[type=checkbox]:not(.default) + label > span:before {
  content: '';
  position: absolute;
  -webkit-font-smoothing: antialiased;
  display: block;
  visibility: hidden;
  left: 9px;
  top: 13px;
  background: var(--color-pink);
  width: 3px;
  height: 3px;
  box-shadow: 2px 0 0 var(--color-pink), 4px 0 0 var(--color-pink), 4px -2px 0 var(--color-pink), 4px -4px 0 var(--color-pink), 4px -6px 0 var(--color-pink), 4px -8px 0 var(--color-pink);
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

input[type=radio]:not(.default) + label > span:before {
  content: '';
  display: block;
  visibility: hidden;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background: var(--color-pink);
  border-radius: 50%;
  margin: 7px 0 0 7px;
}

input[type=checkbox]:not(.default):hover + label > span,
input[type=radio]:not(.default):hover + label > span {
  border-color: var(--color-pink);
}

input[type=checkbox]:not(.default):hover + label > span:before,
input[type=radio]:not(.default):hover + label > span:before {
  visibility: visible;
  opacity: 1;
}

input[type=checkbox]:not(.default):checked + label > span,
input[type=radio]:not(.default):checked + label > span {
  background-color: var(--color-pink);
  border-color: transparent;
}

input[type=radio]:not(.default):checked + label > span:before {
  visibility: visible;
  background-color: var(--color-white-100);
  opacity: 1;
}

input[type=checkbox]:not(.default):checked + label > span:before {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  background-color: var(--color-white-100);
  box-shadow: 2px 0 0 var(--color-white-100), 4px 0 0 var(--color-white-100), 4px -2px 0 var(--color-white-100), 4px -4px 0 var(--color-white-100), 4px -6px 0 var(--color-white-100), 4px -8px 0 var(--color-white-100);
}

input[type=radio].multiline + label,
input[type=checkbox].multiline + label {
  height: auto;
  text-align: left;
  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: inline-block;
  margin: 0 auto 5px;
}

input[type=radio][disabled=disabled] + label > span {
  opacity: 0.5;
}

input[type=radio][disabled=disabled] + label {
  color: var(--color-grey-100);
}

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,
select.error + .select2-container .select2-selection--single {
  background-color: #fff3f5;
  border-color: #ffccd4;
  color: #c92a44;
}

.image-field-preview {
  margin-bottom: 10px;
}

.image-field-preview > div.relative {
  width: 100%;
}

.file-input {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.file-input input.file {
  position: absolute;
  right: 0;
  height: 40px;
  opacity: 0;
}

.file-input input.file-name {
  width: 200px;
  position: relative;
}

.file-input span {
  display: inline-block;
  vertical-align: top;
  line-height: 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: var(--border-radius-15);
}

span.pills > label > span {
  display: none !important;
}

span.pills > label {
  padding: 0 15px !important;
  height: 56px !important;
  line-height: 40px;
  border-right: 1px var(--bg-medium) solid;
  display: inline-block;
  text-align: center;
}

span.pills > label:last-child {
  border: 0;
  flex: 1;
}

span.pills input[type=radio]:checked + label {
  background: var(--bg-medium);
  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 ***/
div#logo img {
  vertical-align: initial;
}

header.page-header > div.point1 {
  max-width: 100%;
}

.search-on-map-page header.page-header > div.point1 {
  padding: 10px;
}

.logo {
  margin-right: 10px;
}

.top-line-navigation {
  background: var(--bg-medium);
  position: relative;
  padding-bottom: 4px;
  padding-top: 4px;
}

.top-line-navigation .point1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.none{
  display: none;
}

.search-on-map-page .top-line-navigation {
  display: none;
}

header.page-header div.top-navigation {
  margin: 0 auto;
  position: relative;
  height: 94px;
  display: flex;
  align-items: center;
}

div.top-navigation > div > span.circle:first-of-type {
  margin-left: -12px;
}

header.page-header > div > * > * {
  margin: 0 auto;
}

header.main-menu-hidden .top-user-navigation {
}

header.page-header:not(.main-menu-hidden) .top-user-navigation {
  box-shadow: 0 1px 0 rgb(255 255 255 / 15%);
  padding: 0 20px 0 10px;
}

header.page-header:not(.main-menu-hidden) .user-navbar {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  header.page-header div.top-navigation {
    height: 80px;
  }

  .horizontal-search input.tags-autocomplete {
    border-radius: 15px 0 0 15px !important;
  }

  div.cd-extendable .dropdown {
    border-radius: 0 15px 15px 0 !important;
  }

  header.page-header .top-navigation > div {
    flex-wrap: wrap;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  header.page-header .user-navbar {
    margin-left: auto;
  }

  header.page-header #logo {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  #sbd_dom {
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  .categories__item.col-md-4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.header-nav {
  min-height: 116px;
  background: var(--bg-medium);
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

div#header-banner {
  width: 100%;
  height: 90px;
}

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 var(--color-dark);
  color: var(--color-dark);
  font-size: 1.125em;
}

div.banner-in-grid + div.banner-in-grid {
  display: none;
}

div.banner-in-grid > div.banner-space {
  height: 90px !important;
  margin-bottom: 30px;
  max-width: 780px;
}

#listings.list div.banner-space,
#listings.list div.banner-in-grid > .content_block {
  margin-bottom: 8px;
}

/* top navigation */
.circle {
  position: relative;
  user-select: none;
  display: flex;
}

.circle > .default {
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: var(--color-grey-100);
}

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

.circle_opened .header-usernav-icon-fill {
  fill: white !important;
}

.circle_opened > .default,
.circle_opened > .default .button {
  color: var(--color-black);
}

.circle_opened > .content {
  display: flex;
  background: white;
  padding: 10px 15px;
  min-width: 100%;
  position: absolute;
  z-index: 20;
  left: 0;
  top: 100%;
  box-shadow: var(--shadow-solid);
  border-radius: var(--border-radius-30);
}

.user-navbar .circle_opened > .content {
  border-radius: var(--border-radius-15);
}

div.fright > .circle {
  float: left;
}

div.fright > .circle_opened > .content {
  left: auto;
  right: 0;
}

.circle_opened {
}

.circle ul > li {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.user-navbar .circle > .default {
  text-transform: none;
}

.user-navbar .circle > .default:after {
  display: none;
}

.user-navbar .circle.logged-in > .default > span {
  display: inline-block;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.user-navbar .circle.logged-in.circle_opened > .default > span {
  color: var(--color-dark);
}

.user-navbar .circle_opened > .content {
  left: auto;
  right: 0;
}

.user-favorites {
  position: relative;
}

.user-favorites > a:before,
.user-messages > a:before,
#user-navbar > span.default:before {
  content: '';
  display: inline-block;
  background: url('../img/icons/icon-user.svg') 0 0 no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin: 0 .5rem 0 0;
}

.user-favorites > a:before {
  background: url('../img/icons/icon-heart.svg') 0 0 no-repeat;
}

.user-favorites.have_favorites > a:after,
.user-messages.have_messages > a:after {
  content: '';
  display: block;
  background: var(--color-pink);
  background-size: contain;
  width: 16px;
  height: 16px;
  border-radius: var(--border-radius-15);
  border: 4px solid var(--color-white-100);
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 1;
}

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

#user-navbar.notify:not(.circle_opened) > span.default:before {
  animation: blinker 2.0s infinite ease-in-out;
}

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

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

.user-navbar-container {
  padding: 10px 0;
  min-width: 240px;
  font-size: 0.875em;
}

.user-navbar-container input[name=username],
.user-navbar-container input[name=password] {
  background: var(--bg-medium);
}

.user-navbar-container input[name=username] {
  background: url("../img/icons/icon-user.svg") no-repeat left 20px center var(--bg-medium);
  padding-left: 50px;
}

.user-navbar-container input[name=password] {
  background: url("../img/icons/icon-lock.svg") no-repeat left 20px center var(--bg-medium);
  padding-left: 50px;
}

#user-navbar span.content.a-menu {
  padding: 0;
  background: var(--bg-medium);
  overflow: hidden;
}

#user-navbar ul {
  padding: 0;
}

#user-navbar ul > li {
  padding: 10px 25px;
  position: relative;
  background: var(--color-white-100);
  margin-bottom: 1px;
}

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

#user-navbar .name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  white-space: nowrap;
}

/* @task OT-80 */
.user-messages {
  position: relative;
  margin: 0 5px 0 -5px;
}

.user-messages > a:before {
  background: url('../img/icons/icon-mail.svg') 0 0 no-repeat;
}

.user-messages.have_messages > a:after {
  background: var(--color-green);
}

/* top navigation end */

/* popup */
.popup {
  background: var(--bg-modal) !important;
}

.popup > div {
  padding: 0 !important;
  background: none !important;
}

.popup > div > div {
  border-radius: var(--border-radius-30) !important;
  background: var(--bg-medium) !important;
}

/* popup end */

/* categories menu */

.search-on-map-page .main-menu.d-flex {
  white-space: nowrap;
}

.categories__block {
  background: var(--color-white-100);
  padding: 40px 0;
}

.categories__link {
  padding: 0 0 18px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #004290 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.categories__link:hover,
.categories__link-active {
  color: #111111 !important;
}

.categories__link svg {
  width: 42px;
  height: 42px;
}

.categories__link svg > * {
  stroke: #004290;
  stroke-width: 1px;
}

.categories__carousel > *:nth-child(7n+2) svg > *,
.categories__carousel .owl-stage > *:nth-child(7n+2) svg > * {
  stroke: #b57d7d;
}

.categories__carousel > *:nth-child(7n+3) svg > *,
.categories__carousel .owl-stage > *:nth-child(7n+3) svg > * {
  stroke: #2167BF;
}

.categories__carousel > *:nth-child(7n+4) svg > *,
.categories__carousel .owl-stage > *:nth-child(7n+4) svg > * {
  stroke: #5D9893;
}

.categories__carousel > *:nth-child(7n+5) svg > *,
.categories__carousel .owl-stage > *:nth-child(7n+5) svg > * {
  stroke: #C39A34;
}

.categories__carousel > *:nth-child(7n+6) svg > *,
.categories__carousel .owl-stage > *:nth-child(7n+6) svg > * {
  stroke: #599752;
}

.categories__carousel > *:nth-child(7n+7) svg > *,
.categories__carousel .owl-stage > *:nth-child(7n+7) svg > * {
  stroke: #A26C9C;
}

.categories__item-icon {
  width: 87px;
  height: 106px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.sub-categories__container {
  background: var(--bg-light);
  border-radius: var(--border-radius-40);
  padding: 20px 30px;
}

.sub-categories__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
  bottom: 100%;
}

.sub-categories__container > header {
  border-bottom: 1px var(--bg-medium) solid;
  padding-bottom: 15px;
}

.sub-categories__container > header > a > span {
  color: black;
}

.sub-categories__body {
  padding-top: 15px;
  column-count: 4;
  column-gap: 30px;
}

.sub-categories__body > *:not(:last-of-type) > span:not(:first-of-type):last-of-type {
  margin-bottom: 15px;
}

.sub-categories__item > span {
  display: block;
  padding-bottom: 5px;
}

.sub-categories__item a {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}

.sub-categories__parent {
  padding-bottom: 10px !important;
}

.sub-categories__parent a {
  color: black;
  font-size: 1.125em;
}

.sub-categories__item > span > a > span {
  color: #515151;
  padding: 0 0 0 10px;
  font-size: 1.063em;
}

.sub-categories__parent a:hover {
  color: #222222;
}

@media screen and (min-width: 1440px) {
  .sub-categories__body {
    column-count: 5;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sub-categories__body {
    column-count: 3;
  }
}

@media screen and (max-width: 767px) {
  .categories__carousel {
    flex-wrap: nowrap;
  }

  .categories__block .categories__container {
    max-width: 100%;
  }
}

.owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  justify-content: center;
}

.owl-carousel.owl-hidden {
  overflow: hidden;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  backface-visibility: hidden;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0, 0);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  float: left;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled {
  display: 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;
}

section#controller_area:empty {
  padding-bottom: 0 !important;
}

section#main_container {
  position: relative;
}

section#main_container > div.inside-container {
  margin: 0 auto;
  position: relative;
}

body.bc-exists section#main_container > div.inside-container {
  padding-top: 0;
}

section#content {
  vertical-align: top;
}

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

/* bread crubmbs */
#bread_crumbs {
  margin: 0 auto;
  font-size: 0.813em;
}

#bread_crumbs > ul {
  margin: 0 auto;
  padding: 10px 0 20px;
}

#bread_crumbs > ul > * {
  display: inline-block;
  padding-top: 10px;
}

#bread_crumbs > ul a {
  color: var(--color-grey-100);
}

#bread_crumbs > ul > *:not(:last-child):after {
  content: attr(accesskey);
  padding: 0 8px;
  color: #B5B5B5;
  font-size: 12px;
}

/* bread crubmbs end */

/* content/side blocks */

section.side_block input[type=text],
section.side_block .select2-selection--single {
  height: 48px;
}

section.content_block,
section.side_block {
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
}

section.content_block > h3,
section.side_block > h3 {
  font-size: 1.500em;
  font-weight: 400;
  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: var(--bg-medium);
  border-radius: 4px;
}

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: var(--bg-medium) !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 {
  display: block;
  margin-top: 20px;
  margin-left: 10px;
  white-space: nowrap;
  font-size: 16px;
}

/* single */
.search-item.single-field > select,
.search-item.single-field > input[type=text],
.search-item.single-field .two-inline input[type=text] {
  width: 100%;
}

/* two */
.search-item.two-fields > select,
.search-item.two-fields > input[type=text] {
  width: 48%;
  margin-right: 4%;
}

.search-item.two-fields > select {
  padding-right: 42px;
  padding-left: 20px;
}

.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 {
  display: inline-block;
  margin-right: 10px;
}

/* 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: 18px;
  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 */

/* two middle boxes */
.middle-boxes {
  background: var(--bg-medium);
  padding: 32px 0;
}

/* two middle boxes end */
/*** PAGE CONTENT END ***/

/*** PAGE FOOTER ***/
.page-footer {
  color: var(--color-dark);
}

.page-footer > div {
  padding: 60px 0 60px 0;
  min-height: 162px;
  margin: 0 auto;
  position: relative;
}

.page-footer .footer-menu ul li a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  padding: 4px 0;
  display: inline-block;
  color: var(--color-grey-100);
  width: 100%;
}

.page-footer .footer-menu ul li a:hover {
  color: var(--color-dark);
}

.page-footer .footer-menu ul li a.active {
  color: var(--color-dark);
  font-weight: 700;
}

.footer__menu-title {
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
}

.newsletter {
  background: var(--color-gradient);
  padding: 36px 0;
}

.newsletter .submit-cell {
  flex: 1;
  padding-bottom: 0;
}

.newsletter .subscribe {
  display: flex;
}

.newsletter .subscribe [type=text] {
  width: 100%;
  background-color: white;
}

.newsletter .submit-cell:first-of-type {
  display: none;
}

.newsletter .submit-cell input#newsletter_email {
  width: 100%;
  max-width: 100%;
  background: url("../img/icons/icon-mail.svg") 20px center no-repeat white;
  padding-left: 64px;
}

.newsletter__text {
  color: #ffffff;
  font-size: 0.875em;
}

.line-hr {
  background: #4A3268;
  opacity: 0.06;
  border: 1px solid #4A3268;
}

.footer-data {
  font-size: 0.929em;
  margin-top: 60px;
}

.footer-data a {
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: underline;
}

.footer-data .icons a {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  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: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: 24px;
  height: 24px;
  background-position: 0 -746px;
  top: 0;
  left: 0;
}

/*** PAGE FOOTER END ***/

/*** 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;
  color: rgba(17, 17, 17, .4)
}

ul.pagination > li.transit input {
  min-width: 44px;
  width: auto;
  margin: 0 5px;
  background: var(--bg-medium);
  text-align: center;
  color: #111111;
}

ul.pagination > li.navigator a {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 28px;
  line-height: 33px;
  background: white;
  border: 2px solid var(--color-pink);
  color: var(--color-pink);
  font-weight: 300;
}

ul.pagination > li.navigator a:hover {
  background: var(--color-pink);
  color: white;
}

/*** PAGINATION END ***/

/*** MISCELLANEOUS ***/
.two-inline {
  display: flex !important;
  align-items: center;
}

.two-inline > *:first-child {
  flex: 0 0 auto;
  width: auto;
}

.two-inline > *:last-child {
  flex: 1;
  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 {
  background: var(--bg-medium);
  padding: 30px;
  border-radius: var(--border-radius-30);
  margin-bottom: 30px;
}

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;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

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

/* 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: flex;
  align-items: center;
  border: 1px solid #FFFFFF;
  padding: 8px 15px;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
}

#save_search:before {
  content: '';
  display: inline-block;
  background: url("../img/icons/icon-save.svg") 0 0 no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.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: #2a7ed2;
  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: #106AB4;
}

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

/* search on map */
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: 15px;
}

.search-map-container .line-hr {
  display: none;
}

.search-map-container .horizontal-search .select2-selection--single {
  border-radius: var(--border-radius-15);
}

.search-map-container .search-form-cell.checkbox-field.radio .pills {
  display: flex;
}
.search-map-container .search-form-cell.checkbox-field.radio .pills label {
  font-size: 14px;
}

.search-map-container .search-form-cell.checkbox-field.radio .pills label[for=css_INPUT_1],
.search-map-container .search-form-cell.checkbox-field.radio .pills label[for=css_INPUT_4],
.search-map-container .search-form-cell.checkbox-field.radio .pills label[for=css_INPUT_7] {
  border-radius: 15px 0 0 15px;
}

.search-map-container .search-form-cell.checkbox-field.radio .pills label[for=css_INPUT_3],
.search-map-container .search-form-cell.checkbox-field.radio .pills label[for=css_INPUT_6],
.search-map-container .search-form-cell.checkbox-field.radio .pills label[for=css_INPUT_9] {
  border-radius: 0 15px 15px 0;
}

@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;
    float: none !important;
  }

  body.search-on-map-page .header-nav div.row > div:not(:first-child) {
    display: none !important;
  }

  #map_listings footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
    background: var(--bg-light) !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: var(--bg-medium) !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;
    margin: 0 !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: 96px !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 var(--bg-medium);
    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: 48px;
  white-space: nowrap;
  border-bottom: 1px var(--bg-medium) solid;
  margin-bottom: 20px;
  position: relative;
}

ul.tabs > li {
  display: inline-block;
  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: 16px;
  cursor: pointer;
  position: relative;
  color: var(--color-grey-100);
  border: 1px solid var(--bg-medium);
  border-bottom-width: 0;
  vertical-align: top;
  border-radius: 15px 15px 0 0;
}

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: var(--color-white-100);
  cursor: default;
  color: var(--color-dark) !important;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
}

ul.tabs > li.more {
  padding: 0;
  margin: 0 !important;
  width: 40px;
  height: 49px;
  text-align: center;
  position: absolute;
  right: 0;
  z-index: 40;
}

ul.tabs > li.more.opened {
  background: white;
  box-shadow: inset 0 1px 0 0 var(--color-white-100), inset 1px 0 0 0 var(--color-white-100), inset -1px 0 0 0 var(--color-white-100);
  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 var(--color-white-100) 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;
}

/*** TABS END ***/

/*** ALPHABETIC SEARCH ***/
div.alphabetic-saerch {
  margin: 0 auto;
}

div.alphabetic-saerch > div {
  margin: 2px 0 0 2px;
}

div.alphabetic-saerch > div > a {
  width: 41px;
  height: 41px;
  border: 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;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

div.submit-cell.hide {
  display: none;
}

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;
  padding: 8px 10px 8px 0;
  font-size: 0.875em;
}

div.submit-cell > div.field {
  width: 100%;
}

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 {
  display: block;
  background: #edf1f5;
}

/* 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/icons/icon-help-circle.svg') 0 0 no-repeat;
  background-size: contain;
  margin: -3px 0 0 10px;
}

img.qtip:hover {
  opacity: .8;
}

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: var(--color-grey-100);
  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 var(--color-grey-30) 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: var(--bg-medium);
  background: var(--bg-medium);
  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: 0;
  height: 0;
  left: -15px;
  bottom: -2px;
  border-style: solid;
  border-width: 0 0 14px 14px;
  border-color: transparent transparent var(--color-grey-30) 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 var(--bg-medium) 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;
}

@media (min-width: 1200px) {
  ul.featured > li {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

ul.featured:not(.row) {
  margin-left: -15px;
  margin-right: -15px;
}

section ul.featured:last-child {
  margin-bottom: -30px;
}

article .inner {
  height: 100%;
}

.featured li > .inner:hover,
article .inner:hover {
  box-shadow: 0 6px 20px -4px rgba(0, 146, 227, .4);
}

ul.featured > li > .picture {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 2px 4px rgba(89, 116, 170, 0.08);
}

ul.featured > li img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: url('../img/no-picture.svg') center center no-repeat #F8F8F8;
  border-radius: 20px 20px 0 0;
}

.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;
  border-radius: 0 0 20px 20px;
  border-top: 0;
  box-shadow: 0 2px 4px rgba(89, 116, 170, 0.08);
}

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: 45px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

article.item:not(.no-image) ul.ad-info > li.title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields {
  -webkit-line-clamp: 1;
  height: 20px;
}

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: var(--color-dark);
  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: var(--color-grey-100);
  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: 600;
  font-size: 1.125em;
}

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: 48px;
  margin-bottom: 20px;
  font-size: 0.813em;
}

.grid_navbar .switcher {
  float: right;
  line-height: normal;
  height: 40px;
}

.grid_navbar .switcher > div {
  display: inline-block;
  height: 48px;
  line-height: 48px;
}

.grid_navbar .hook {
  vertical-align: top;
}

.grid_navbar .buttons > div {
  position: relative;
  width: 48px;
  height: 48px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  background: var(--color-white-100);
  border-radius: var(--border-radius-15);
  box-shadow: var(--shadow);
  margin-right: 10px;

}

.grid_navbar .buttons > div > div {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 13px;
  left: 13px;
  line-height: 0;
  user-select: none;
}

.grid_navbar .buttons > div > div > span {
  display: inline-block;
  border: 2px var(--color-dark) solid;
  border-radius: 2px;
  vertical-align: top;
  transition: all 0.3s ease-in-out;
}

/* list view */
.grid_navbar div.list > div > span {
  width: 26px;
  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: var(--color-grey-100);
}

.grid_navbar .buttons div:not(.active):hover div > span {
  border-color:  var(--color-grey-100);
}

/* map view */

.grid_navbar div.map {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.grid_navbar div.map path {
  stroke: var(--color-dark);
  transition: all 0.3s ease-in-out;
}

.grid_navbar div.map:hover path,
.grid_navbar div.map.active path {
  stroke: var(--color-grey-100);
}

/* sorting */
.grid_navbar .sorting {
  display: inline-block;
  position: absolute;
  line-height: 48px;
}

.grid_navbar .sorting > div.current.disabled {
  cursor: default;
  background: var(--bg-high);
  color: var(--color-grey-100);
  border-radius: var(--border-radius-15);
}

.grid_navbar .sorting > div.current.disabled span.link {
  color: inherit;
}

.grid_navbar .current {
  height: 48px;
  padding: 0 20px 0 18px;
  cursor: pointer;
  color: var(--color-grey-100);
  user-select: none;
  font-size: 16px;
}

.grid_navbar .current.active {
  z-index: 11;
  position: relative;
}

.grid_navbar .current .link {
  margin-left: 5px;
  color: var(--color-dark);
  font-weight: 500;
}
.grid_navbar .current.active .link {
  color: var(--color-black);
}

.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: var(--bg-medium);
  position: absolute;
  top: 38px;
  left: 0;
  display: none;
  padding: 0;
  min-width: 100%;
  border-radius: var(--border-radius-15);
  box-shadow: var(--shadow-solid);
  overflow: hidden;
}

.grid_navbar ul.fields > li {
  padding: 0 18px;
  white-space: nowrap;
  margin-bottom: 1px;
  background: var(--color-white-100);
}

.grid_navbar ul.fields > li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: var(--color-dark);
}

.grid_navbar ul.fields > li a.active {
  color: var(--color-grey-100);
}

/*** GRID NAVIGATION BAR END ***/

/*** LISTINGS GRID ***/
.listing-picture-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.listing-picture-slider__navbar {
  padding: 0 2px;
  z-index: 0;
}

.listing-picture-slider__navbar > span {
  padding: 3px 1px;
}

.listing-picture-slider__navbar > span:after {
  content: '';
  display: block;
  box-shadow: inset 0 -3px 0 rgba(180, 180, 180, 0.7);
  height: 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.listing-picture-slider__navbar > span:hover:after {
  box-shadow: inset 0 -3px 0 var(--color-dark);
}

.listing-picture-slider__navbar > span img,
.listing-picture-slider__navbar > span span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
}

.listing-picture-slider_loaded .listing-picture-slider__navbar:hover > span:after {
  opacity: 1;
}

.listing-picture-slider_loaded .listing-picture-slider__navbar > span:hover img,
.listing-picture-slider_loaded .listing-picture-slider__navbar > span:hover span {
  display: flex !important;
}

.listing-picture-slider__navbar > span > span {
  background: rgba(0, 0, 0, .2);
  display: none;
  z-index: -1;
  color: white;
}

.listing-picture-slider__navbar > span svg {
  width: 50px;
  fill: white;
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .listing-picture-slider__navbar > span:not(:first-child),
  .listing-picture-slider__navbar > span:after {
    display: none !important;
  }
}

/* grid view */
section#listings > article {
  position: relative;
}

section#listings .main-column {
  box-shadow: var(--shadow-plate);
  border-radius: 20px;
  background: var(--color-white-100);
}

section#listings .link-large {
  font-size: 16px !important;
  font-weight: 600 !important;
}

section#listings div.picture {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.list section#listings div.picture img {
  border-radius: 15px 0 0 15px;
}

.grid section#listings div.picture img {
  border-radius: 15px 15px 0 0;
}

section#listings div.picture img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: url('../img/no-picture.svg') center center no-repeat #F4F9FF;
  border-radius: var(--border-radius-15);
}

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

section#listings ul.nav-column > li .icon {
  opacity: 0.7;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 15px;
  cursor: pointer;
}

section#listings ul.nav-column > li:hover .icon {
  opacity: 1;
}

.favorite span.icon {
  background: url('../img/icons/icon-heart.svg') 0 0 no-repeat;
  background-size: contain;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-top: 1px;
}

section#listings.grid .icon {
  top: 1px !important;
}

.favorite.remove span.icon {
  background: url('../img/icons/icon-heart-add.svg') 0 0 no-repeat;
  background-size: contain;
}

section#listings ul.ad-info > li:not(:last-of-type) {
  margin-bottom: 8px;
}

section#listings ul.ad-info > li.short {
  font-size: 14px;
}

section#listings ul.ad-info > li.city {
  font-size: 12px;
  color: var(--color-grey-100);
}

section#listings ul.ad-info > li.date {
  font-size: 12px;
  color: var(--color-grey-100);
  margin-bottom: 0;
}

section#listings div.stat-line {
  position: absolute;
  bottom: 5px;
  font-size: 0.813rem;
}

section#listings div.stat-line > li,
section#listings div.stat-line > span {
  display: inline-block;
  margin-right: 10px;
}

section#listings > article div.navigation-column div.before-nav {
  margin-bottom: 10px;
}

section#listings > article div.navigation-column div.before-nav:empty {
  display: none;
}

/* featured */
article.featured div.picture > span:after {
  box-shadow: 0 0 0 2px #FFF164 !important;
  background-color: #FFF164 !important;
  color: #3E3E3E;
}

article.featured div.picture > span {
  border-color: #FFF164 !important;
}

article.featured div.picture > div.label {
  position: absolute;
  left: 8px;
  top: 8px;
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  background: #FFF164;
  font-size: 0.688em;
  color: #3E3E3E;
  font-weight: 600;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
}

section.my-listings article.featured div.picture > div.label {
  top: 0;
}

/* featured end */

/* list view */
section#listings:not(.list):not(.grid) {
  display: none;
}

section.list > article {
  margin: 0 0 9px 0;
  min-height: 95px;
  flex: 0 0 100%;
  max-width: 100%;
}

section#listings.list > article:last-of-type {
  margin-bottom: 0;
}

section#listings.list div.picture {
  width: 160px;
  height: 160px; /* aspect ratio 3:2 */
  padding-bottom: 0;
  display: inline-block;
  vertical-align: top;
  float: left;
  border: 0;
  border-right: 1px var(--color-white-100) solid;
}

section#listings.list ul.ad-info {
  overflow: hidden;
  padding: 20px 210px 20px 30px;
}

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

section#listings.list ul.nav-column > li {
  cursor: pointer;
  position: relative;
  padding: 15px 0 15px 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  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: 30px;
}

section#listings.grid ul.ad-info {
  padding: 10px 15px;
  background: white !important;
}

section#listings .fields {
  color: var(--color-grey-100);
  font-size: 0.813em;
}

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;
  overflow: hidden;
  text-overflow: ellipsis;
}

section#listings.grid ul.ad-info > li:not(:last-of-type) {
  margin-bottom: 4px;
}

section#listings.grid ul.nav-column > li.seller-rating,
section#listings.grid ul.nav-column > li.seller-write,
section#listings.grid ul.nav-column > li.seller-name,
section#listings.grid ul.nav-column > li.date,
section#listings.grid ul.ad-info > li.short,
section#listings.grid ul.ad-info > li.city {
  display: none !important;
}

section#listings.grid > article div.navigation-column {
  position: absolute;
  width: auto;
  bottom: 38px;
  right: 28px;
  z-index: 1;
}

section#listings.grid > article div.navigation-column div.before-nav {
  display: none;
}

section#listings.grid ul.nav-column > li {
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: 8px;
  position: relative;
}

section#listings.grid ul.nav-column > li:first-child {
  margin-left: 0;
}

section#listings.grid ul.nav-column > li span.icon {
  top: 0;
}

section#listings.grid ul.nav-column > li > a > span.link,
section#listings.grid ul.nav-column > li > span.link {
  display: none;
}

/* grid view end */

/* no image grid view */
section#listings.list.no-image {
  margin: 0;
  padding: 0;
}

section#listings.list.no-image > article {
  display: block;
  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;
  border-radius: var(--border-radius-30);
}

/* map view end */

.category-description {
  border: 2px #F4F9FF solid;
  padding: 14px 18px;
  margin: 0 0 20px;
}

/*** LISTINGS GRID END ***/

/*** LISTING DETAILS ***/
div.listing-details {
  position: relative;
}

div.listing-details h1 {
  margin: 0 0 18px 0;
}

/* top navigation */
.price-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.price-line .icons {
  display: flex;
}

.price-line .icons .text {
  margin-left: 10px;
}

.price-line .print {
  padding-left: 14px;
  padding-right: 14px;
  margin-right: 10px;
}

/* top navigation 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: var(--color-dark);
}

#area_listing div.listing-fields > div.row {
  margin-bottom: 25px;
}

/* main info section end */

/* icons */
a.print > span {
  background: url("../img/icons/icon-printer.svg") 0 0 no-repeat;
  background-size: contain;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-top: 1px;
}

/* 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 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 div.form {
  margin-top: 25px;
}

.seller-short form div.field {
  position: relative;
  color: var(--color-grey-100)
}

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

.seller-short h3 {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* masked fields */
h3.cd-caption {
  margin: 0 !important;
  padding-bottom: 10px;
}

h3.cd-caption + div.info-table:not(.no-top-gap) {
  margin-top: 0 !important;
}

.masked > h3 {
  font-size: 1.286em;
  margin-top: 0;
  margin-bottom: 10px;
}

.masked {
  position: relative;
  min-height: 90px;
}

.masked > *:not(.login-mask):not(h3) {
  filter: blur(2px)
}

.masked div.login-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, .6);
  text-align: center;
  box-shadow: 0 0 6px 6px rgba(255, 255, 255, .6);
  display: flex;
}

.masked div.login-mask > div {
  width: 100%;
  align-self: center;
}

.restricted-content > span {
  display: inline-block;
  margin-top: 10px;
}

.masked div.login-mask p {
  text-shadow: 1px 0 0 white;
}

.restricted-content > span > span {
  padding: 0 10px;
}

/* seller info section */

/* map capture */
.map-capture {
  cursor: pointer;
  position: relative;
}

.map-capture > img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  background-color: #F8F8F8;
  border-radius: var(--border-radius-30);
  box-shadow: var(--shadow-plate);
}

.search-on-map-box {
  display: block;
  border-radius: var(--border-radius-30);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.search-on-map-box:hover {
  opacity: .8;
}

.search-on-map-box .map-layout {
  height: 97px;
}

.search-on-map-box .icon {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -29px;
  width: 58px;
  height: 58px;
  background: var(--color-white-100);
  border-radius: var(--border-radius-100);
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-on-map-box .icon img {
  width: 24px;
  height: 24px;
}

.search-on-map-box:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(300.05deg, #F64BB8 2.83%, #EFC84F 97.14%);
  opacity: .8;
}

.search-on-map-box:after {
  content: attr(data-caption);
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--color-white-100);
  text-shadow: 0 2px 4px rgba(89, 116, 170, 0.08);
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding-left: 100px;
  padding-right: 20px;
}

/* 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 #F8F8F8 solid;
  margin: 15px -18px -18px;
}

/*** ACCOUNT DETAILS PAGE END ***/

/*** ACCOUNT AREA ***/
.fb-connect {
  display: inline-block;
  width: 100%;
  line-height: 36px;
  height: 44px;
  padding: 3px 10px 0 40px;
  color: white !important;
  font-size: 0.813em;
  background-color: #295AB4;
  position: relative;
  vertical-align: top;
  border-radius: 4px;
  margin-top: 1rem;
}

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

div.attention:not(:empty) {
  padding: 0 0 15px;
}

div.attention span.red {
  padding: 0;
}

.login-page-form {
  max-width: 450px;
  padding: 30px;
  background: var(--bg-light);
  border-radius: var(--border-radius-30);
  box-shadow: var(--shadow-solid);
}

/*** ACCOUNT AREA END ***/

/*** MY PACKAGES ***/
ul.packages > li {
  display: flex;
  margin-bottom: 30px;
}

ul.packages > li div.frame {
  width: 364px;
  border: 2px #F8F8F8 solid;
  padding: 15px 18px;
  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 auto auto 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: 160px;
  color: var(--color-grey-100);
  font-size: 0.875em;
  float: left;

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

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: var(--color-grey-100);
  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 {
}

/* 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;
  font-weight: 400;
  white-space: nowrap;
}

div.list-table > div > div.center {
  padding-right: 0 !important;
}

div.list-table > div.row > div {
  vertical-align: top;
  padding-top: 11px;
  padding-bottom: 11px;
  color: #111111;
}

div.list-table > div.row > div > div.inline {
  display: inline;
}

div.list-table > div.row > div.text {
  padding-top: 22px;
}

div.list-table > div.row > div > table.table {
  margin-top: -5px;
}

div.list-table > div.row > div > table.table td.name {
  width: 150px;
}

div.list-table .text {
  color: #515151;
  font-size: 0.857em;
}

div.list-table span.title {
  display: none;
}

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

.mass-actions {
  padding: 15px 0 0 14px;
}

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

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

.statuses .approval {
  color: #666666;
}

.statuses .incomplete {
  color: #2767b5;
}

.statuses .pending {
  color: #e88d22;
}

.statuses .expired {
  color: #fb0000;
}

.statuses .paid {
  color: #63b53b;
}

.statuses .unpaid {
  color: #fb0000;
}

.statuses .active:before,
.statuses .approval:before,
.statuses .incomplete:before,
.statuses .pending:before,
.statuses .expired:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #63b53b;
  margin-right: 8px;
  position: relative;
  top: 0px;
  border-radius: 5px;
}

.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: 15px 25px;
  background: var(--bg-medium);
  display: inline-block;
  border-radius: 15px 15px 0 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

.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 var(--bg-medium) 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/icons/icon-chevron-down.svg") 0 0 no-repeat;
  background-size: contain;
}

#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 0 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: 18px;
  font-weight: 500;
  color: var(--color-black);
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 5px;
}

.middle-boxes section.content_block:not(.no-style) a.category {
  background-color: var(--bg-medium);
}

section.side_block:not(.no-style) a.category {
  background-color: var(--bg-medium);
}

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: var(--color-grey-100) !important;
}

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;
  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') 0 -583px no-repeat;
  margin: 6px;
  user-select: none;
}

div.category-slider-bar span.next {
  background-position: right -583px;
}

div.category-slider-bar > span.navigation {
  width: 80px;
  margin: 0 5px;
  height: 4px;
  background: #e2e2e2;
}

div.category-slider-bar > span.navigation > span.active {
  background: #2a7ed2;
}

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;
  column-gap: 30px;
}

body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
  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-weight: 400;
  font-size: 14px;
  line-height: 26px;
}

.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: 18px;
  display: inline-block;
  cursor: pointer;
  font-size: 0.929em;
  color: rgba(17, 17, 17, .5);
  padding: 0 5px;
  margin: 0 5px 0 -5px;
  user-select: none;
}

.cat-toggle {
  background: var(--bg-medium);
  border-radius: var(--border-radius-15);
  height: 14px;
  margin-top: 3px;
  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;
  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 ***/
table.stats {
  border-spacing: 2px;
  border-collapse: separate;
  margin: 0 0 5px;
  margin-bottom: 0 !important;
  table-layout: fixed;
  font-size: 0.875em;
}

table.stats td.column,
table.stats td.counter {
  white-space: nowrap;
  text-align: center;
  border-radius: 2px;
}

table.stats td.counter {
  background: white;
}

table.stats td.divider {
  width: 5px;
  text-align: center;
  padding: 0 5px;
}

table.stats td.dotted {
  background: white;
  padding: 2px 5px 4px;
}

table.stats td.dotted a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section > div > table.stats:last-child {
  margin-bottom: 0;
}

/*** STATISTICS BLOCK END ***/

/*** STEPS ***/
ul.steps {
  box-shadow: inset 0 0 0 2px var(--bg-medium);;
  height: 80px;
  margin: 0 0 25px 0;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  border-radius: var(--border-radius-30);
  overflow: hidden;
}

ul.steps > li {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  position: relative;
  flex: 1;
}

ul.steps > li a {
  cursor: default;
  padding: 0 0 0 15px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}

ul.steps > li.past a {
  cursor: pointer;
}

ul.steps > li.past,
ul.steps > li.current {
  background: var(--bg-medium);
}

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: var(--bg-medium);
  border-width: 44px 0 44px 26px;
  margin-top: -44px;
}

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;
  font-size: 14px;
  color: var(--color-grey-100);
}

div.password_strength div.scale {
  background: #dfdfdf;
  width: 71px;
  height: 7px;
  position: relative;
  margin-bottom: 10px;
}

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: var(--bg-modal);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1005;
}

.modal_block {
  position: absolute;
  left: 50%;
  margin-left: -176px;
  width: 340px;
  height: 230px;
  background: var(--bg-medium);
  border-radius: var(--border-radius-30);
  box-shadow: var(--shadow-modal);
}

.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;
  border-radius: var(--border-radius-30);
}

.modal_block.fullscreen div.inner,
.modal_block.fullscreen div.inner > .modal_content {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal_block.fill-edge div.inner div.modal_content {
  padding: 0;
}

#map_fullscreen {
  width: 100%;
  height: 100%;
}

.modal_block div.inner div.caption,
.modal_block div.inner div.caption_padding {
  color: #2b2b2b;
  font-size: 1.143em;
  padding: 0 0 20px;
  font-weight: bold;
  margin-top: -7px;
}

.modal_block div.inner div.warning,
.modal_block div.inner div.notice {
  background: url('../img/gallery.png') -20px -1594px no-repeat;
  padding: 0 0 0 30px;
  margin: 0 0 20px;
}

.modal_block div.inner div.notice {
  background-position: -21px -1346px;
}

.modal_block div.prompt {
  padding: 20px 0 0 0;
  display: flex;
  align-items: center;
}

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

section.content_block.listings_box {
  margin-bottom: 20px;
}

/*** NOTIFICATIONS ***/
div.notification {
  min-height: 45px;
  position: absolute;
  top: 0;
  width: 576px;
  left: 50%;
  margin-left: -288px;
  z-index: 100;
}

div.notification > div {
  min-height: 46px;
  color: white;
  position: relative;
  font-size: 0.929em;
  font-weight: 300;
  padding: 3px;
}

div.notification > div > div.message {
  background: #31c26b;
  border-radius: var(--border-radius-15);
  padding: 20px !important;
}

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;
  min-height: 95px;
  background: var(--color-white-100);
  border-radius: var(--border-radius-30);
  box-shadow: var(--shadow-plate);
  padding: 20px;
}

.my-listings > article:last-child {
  margin-bottom: 0;
}

.my-listings > article > div.nav > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.my-listings > article > div:last-child {
  margin-right: 0;
}

.my-listings div.title {
  font-size: 1.143em !important;
  font-weight: 500 !important;
  padding-bottom: 15px;
}

.my-listings div.navigation ul > li {
  padding: 0 0 12px 0;
}

.my-listings div.navigation ul > li:last-child {
  padding: 0;
}

.my-listings div.navigation ul > li select {
  width: 100%;
}

.my-listings div.navigation ul > li a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
}

.my-listings div.navigation ul li.nav-icon > a:before {
  content: '';
  background-image: url('../img/gallery.png');
  background-repeat: no-repeat;
  background-position: right -535px;
  width: 16px;
  height: 16px;
  left: 0;
  top: 2px;
  position: absolute;
  opacity: 0.5;
}

.my-listings div.navigation ul li.nav-icon > a.add-video:before {
  background-position: right -513px;
}

.my-listings div.navigation ul li.nav-icon > a.edit:before {
  background-position: 0 -488px;
}

.my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
  background-position: right -621px;
}

.my-listings div.navigation ul li.nav-icon > a.delete:before {
  background-position: right -489px;
}

.my-listings div.navigation ul li.nav-icon > a:hover:before {
  opacity: 0.8;
}

.my-listings div.stat ul > li {
  padding: 0 0 8px 0;
  color: var(--color-dark);
}

.my-listings div.stat ul > li.switcher-controll {
  padding-bottom: 12px;
}

.my-listings div.stat ul > li span.name {
  color: var(--color-grey-100);
}

.my-listings div.stat ul > li span.name:after {
  content: ':';
}

.delete.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../img/gallery.png') right -489px no-repeat;
  cursor: pointer;
  opacity: 0.5;
}

.delete.icon:hover {
  opacity: 0.8;
}

/*** MY LISTINGS END ***/

/*** MY BANNERS ***/
body.my-banners-page .my-listings > article > div {
  display: inline-block;
  vertical-align: top;
  width: 190px;
  margin-right: 30px;
}

body.my-banners-page .my-listings div.title {
  padding-top: 5px;
}

/*** MY BANNERS END ***/

/*** HORIZONTAL SEARCH ***/
div.cd-extendable,
.cd-dropdown {
  position: relative;
  user-select: none;
  z-index: 1;
  height: 58px;
}

div.cd-extendable {
  margin-right: 1px;
}

div.cd-extendable > div.dropdown {
  padding-right: 48px;
  align-items: center;
  display: inline-block;
}

div.cd-extendable > div.dropdown,
select.cd-dropdown {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: var(--color-white-100);
  opacity: 1;
  width: 280px;
  padding-top: 17px;
}

@media screen and (max-width: 1199px) {
  div.cd-extendable > div.dropdown,
  select.cd-dropdown {
    width: 200px;
  }
}

input.tags-autocomplete,
input.tags-autocomplete + input {
  z-index: 1;
  margin-left: -1px;
}

input.tags-autocomplete,
.horizontal-search input#location_header_search {
  background: url('../img/icons/icon-search.svg') no-repeat left 20px center #ffffff;
  padding-left: 60px;
}

.horizontal-search input#location_header_search,
input.tags-autocomplete {
  width: 100%;
}

.horizontal-search input#location_header_search {
  background-image: url('../img/icons/icon-map-pin-input.svg');
  margin-right: 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 button[type=submit] {
  height: 58px;
  margin-left: 10px;
  display: flex !important;
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
  cursor: pointer;
}

.cd-form button svg {
  margin-right: 10px;
}

.cd-form button svg path {
  transition: all 0.3s ease-in-out;
}

.cd-form button:hover svg path {
  stroke: #fff;
}

.newsletter .button {
  background-color: transparent !important;
  border: 1px solid var(--color-white-100);
  color: var(--color-white-100);
  margin-left: 30px;
  padding: 0 42px;
  height: 58px;
}


.horizontal-search .btn {
  height: 58px;
  margin-right: 10px;
}

.horizontal-search .text {
  margin-left: 10px;
  color: var(--color-dark);
}

.horizontal-search .btn:hover {
  box-shadow: var(--shadow-plate);
  background: var(--color-white-100);
}

.horizontal-search .select2-selection--single {
  padding-right: 38px !important;
  border-radius: 0 15px 15px 0;
}

.horizontal-search .select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 0 15px 15px 0;
}

.select2-dropdown {
  background: var(--bg-medium);
  border-radius: var(--border-radius-15);
  box-shadow: var(--shadow-solid);
  overflow: hidden;
}

.select2-container--open .select2-dropdown {
  top: 1px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: var(--border-radius-15);
}

.select2-results__option {
  padding: 10px 20px !important;
  background: var(--color-white-100);
  margin-bottom: 1px;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}

.select2-results > .select2-results__options {
  max-height: 250px;
}

.select2-results__option--selected {
  background: var(--color-white-100) !important;
  color: var(--color-grey-100);
}

.select2-results__option:hover {
  color: var(--color-dark);
}

.cd-form button[type=submit]:hover,
.newsletter .button:hover {
  background-color: var(--color-crimson);
  color: var(--color-white-100);
}

div.cd-extendable > div.box {
  display: none;
  position: absolute;
  top: 59px;
  right: 0;
  background: var(--bg-medium);
  border-radius: var(--border-radius-15);
  box-shadow: var(--shadow-solid);
  width: 100%;
  min-height: 20px;
  margin: 0;
  z-index: 1;
  white-space: nowrap;
  overflow-x: auto;
}

div.cd-extendable > div.box > div.uls {
  white-space: nowrap;
  overflow: hidden;
  max-height: 400px;
  overflow-y: auto;
}

div.cd-extendable.opened > div.dropdown {
  box-shadow: var(--shadow-solid);
}

div.cd-extendable.opened > div.box {
  display: block;
  z-index: 120;
}

div.cd-extendable > div.box ul {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

div.cd-extendable > div.box ul > li {
  padding: 10px 10px 10px 20px;
  background: var(--color-white-100);
  margin-bottom: 1px;
  position: relative;
}

div.cd-extendable > div.box ul > li > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-dark);
  -webkit-font-smoothing: antialiased;
  padding: 0 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}

div.cd-extendable > div.box > div.bc {
  cursor: pointer;
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 10px 10px 30px;
  background: var(--bg-light);
  margin-bottom: 1px;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}

div.cd-extendable > div.box > div.bc:before {
  content: '';
  width: 14px;
  height: 14px;
  background: url('../img/icons/icon-chevron-left.svg') 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 9px;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
}

div.cd-extendable > div.box ul > li > a:hover,
div.cd-extendable > div.box ul > li.selected > a {
  color: var(--color-black);
}

div.cd-extendable > div.box > div.bc:before:hover {
  opacity: 1;
}

div.cd-extendable > div.box ul > li.selected > a:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  background: url('../img/icons/icon-check.svg') 0 0 no-repeat;
}

div.cd-extendable > div.box ul > li > span {
  width: 20px;
  height: 21px;
  display: block;
  float: right;
  position: relative;
  cursor: pointer;
}

div.cd-extendable > div.box ul > li > span:after {
  content: '';
  width: 14px;
  height: 14px;
  background: url('../img/icons/icon-chevron-right.svg') 0 0 no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 10px;
  transition: all 0.3s ease-in-out;
  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;
}

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

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

  opacity: 0.7;
}

#loan_reset_form:hover {
  opacity: 1;
}

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

/* slider */
div.slider {
  overflow: hidden;
  position: relative;
  user-select: none;
}

/* horizontal mode */
div.slider > div.container {
  margin: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}

.form-inside,
.form-inside-item {
  display: flex;
  align-items: center;
  width: 100%;
}

.horizontal-search input.tags-autocomplete {
  margin-right: 1px;
  min-width: 200px;
}

@media (max-width: 991px) {
  /** @task OT-82 New banner **/
  .banners.top-banner {
    display: none;
  }

  .top-line-navigation {
    padding-top: 0;
    padding-bottom: 0;
  }

  #mf-location-selector .default img {
    width: 26px;
    height: 26px;
    margin:  0 5px 0 5px !important;
  }

  .horizontal-search input.tags-autocomplete {
    min-width: 150px;
  }

  .form-inside {
    flex-direction: column;
  }

  .form-inside-item:first-child {
    margin-bottom: 1px;
  }

  .horizontal-search input.tags-autocomplete {
    border-radius: 15px 0 0 15px !important;
  }

  .horizontal-search .form-inside .select2-selection--single {
    border-radius: 0 0 15px 0 !important;
  }

  div.cd-extendable {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  div.cd-extendable .dropdown {
    border-radius: 0 15px 15px 0 !important;
  }

  .horizontal-search input#location_header_search {
    border-radius: 0 0 0 15px !important;
  }

  .horizontal-search .btn {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .cd-form button[type=submit] {
    margin-left: 0;
    margin-top: 10px;
    justify-content: center;
  }

  .cd-form {
    flex-direction: column !important;
  }

  div.cd-extendable > div.dropdown, select.cd-dropdown {
    width: 280px;
  }

  ul.featured > li {
    -ms-flex: 0 0 33.333333333%;
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%;
  }
}

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 div.prev:before,
div.horizontal div.next:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 14px;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
  background: url('../img/gallery.png') -24px -366px no-repeat;
}

div.horizontal div.next:before {
  background-position: right -366px;
}

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

div.banner {
  display: inherit !important;
}

#recaptcha_response_field {
  height: 20px;
}

body > iframe[src='about:blank'] {
  display: none;
}

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

.mobile-apps {
  display: none !important;
}

/*** PLUGINS CUSTOM END ***/

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

.header-banner-cont {
  width: 100%;
  padding: 0 10px;
}

.header-banner-cont img:nth-child(2),
.header-banner-cont img:last-child {
  display: none;
}

/* sidebar block */
section.side_block > h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--color-black);
}

section.side_block > div {
  padding: 0 !important;
}

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

.grid_navbar {
  margin-bottom: 30px;
}

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

section.side_block:not(.no-style) {
  background: var(--bg-medium);
  padding: 30px;
  margin-bottom: 10px;
  border-radius: var(--border-radius-30);
}

section.side_block:not(.no-style).seller-short {
  background-color: var(--color-white-100);
  border-radius: var(--border-radius-30);
  box-shadow: var(--shadow-plate);
}

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

section.side_block:not(.no-style).seller-short.side_block.search_by_distance,
section.side_block:not(.no-style).seller-short.side_block.search_in_my_ads,
section.side_block:not(.no-style).seller-short.side_block_search.light-inputs,
.form-style {
  background: var(--bg-medium);
  padding: 30px;
  border-radius: var(--border-radius-30);
  box-shadow: none;
}

.form-style-white {
  background: var(--color-white-100);
  padding: 30px;
  border-radius: var(--border-radius-30);
}

.form-style-white input[type=checkbox]:not(.default) + label > span,
.form-style-white input[type=radio]:not(.default) + label > span {
  background: var(--bg-medium);
}

.form-style-white input[type=checkbox]:not(.default):checked + label > span,
.form-style-white input[type=radio]:not(.default):checked + label > span {
  background-color: var(--color-pink);
  border-color: transparent;
}

.form-style-white input,
.form-style-white select,
.form-style-white .select2-selection--single {
  height: 48px;
  background: var(--bg-medium);
}
.side_block select,
.form-style input,
.form-style select,
.form-style .select2-selection--single {
  height: 48px;
}

/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
  .categories__item {
    flex: 0 0 14.285% !important;
    max-width: 14.285% !important;
  }

  .left input[type=text],
  .left input[type=search],
  .left input[type=password],
  .left input[type=number],
  .left textarea,
  .left select,
  .left button[type="submit"],
  .left div.cd-extendable > div.dropdown,
  .left span.pills,
  .left .select2-selection--single,
  .left .select2-selection--multiple {
    padding: 0 30px 3px;
  }

  section#controller_area {
    padding-bottom: 30px;
  }

  .side_block input[type=text],
  .side_block input[type=password],
  .side_block input[type=number],
  .side_block textarea,
  .side_block select,
  .side_block div.cd-extendable > div.dropdown,
  .side_block span.pills,
  #search_area select,
  #search_area input[type=text] {
    background: #ffffff;
  }

  .side_block select[disabled=disabled],
  .side_block select[disabled],
  #search_area select[disabled],
  .side_block select.disabled {
    background-color: #dae0e8;
  }

  .side_block select,
  #search_area select {
    background: var(--color-white-100) url("../img/icons/icon-chevron-down.svg") right 20px center no-repeat;
    background-size: 16px 16px;
    padding-right: 38px;
  }

  .side_block .search-button input[type=submit] {
    width: 100%;
  }

  .side_block .search-button > a {
    margin: 10px 0 0;
    display: inline-block;
  }

  .main-menu .menu > div > a {
    color: var(--color-grey-100);
    margin: 0 12px;
    font-size: 14px;
    padding: 4px 0;
    transition: all 0.3s ease-in-out;
    display: inline-block;
  }

  .main-menu .menu > div > a.active {
    font-weight: 700;
  }

  .main-menu .menu > div > a.active,
  .main-menu .menu > div > a:hover {
    color: var(--color-black);
  }
}

/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
  .categories__link {
    font-size: 16px;
    line-height: 19px;
  }

  .point1 {
    max-width: 1140px;
  }

  .header-banner-cont {
    max-width: 500px;
  }

  .header-banner-cont img:first-child,
  .header-banner-cont img:last-child {
    display: none;
  }

  .header-banner-cont img:nth-child(2) {
    display: inline;
  }

  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 {
    flex-direction: row !important;
  }

  section.side_block ul.featured > li div.picture {
    float: left;
    width: 90px;
    height: 75px;
    margin-right: 10px;
    padding-bottom: 0;
    border: 1px #E8E8E8 solid;
  }

  section.side_block ul.featured div.picture img {
    background-size: 50% 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: -4px;
  }

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

/*** SUPER LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1440px) {
  .point1 {
    max-width: 1380px;
  }

  .header-banner-cont {
    max-width: 780px;
  }

  .header-banner-cont img:nth-child(2),
  .header-banner-cont img:last-child {
    display: none;
  }

  .header-banner-cont img:first-child {
    display: inline;
  }

  body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
    flex: 0 0 20%;
    max-width: 20%;
  }

  body.no-sidebar aside.two-middle .featured > li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  body:not(.no-sidebar) section.grid > article {
    flex: 0 0 25%;
    max-width: 25%;
  }

  body:not(.no-sidebar) aside:not(.two-middle) section:not(.side_block) .featured > li {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .categories__item {
    flex: 0 0 14.285% !important;
    max-width: 14.285% !important;
  }
}

/*** MIDDLE DESKTOP VIEW ***/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .point1 {
    max-width: 940px;
  }

  .header-banner-cont {
    max-width: 380px;
  }

  .header-banner-cont img:first-child,
  .header-banner-cont img:nth-child(2) {
    display: none;
  }

  .header-banner-cont img:last-child {
    display: inline;
  }

  .top-user-menu-right a.add-property {
    font-size: 14px;
  }

  body.home-page:not(.no-sidebar) section#content {
    float: left;
  }

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

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

  body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
    column-count: 3;
  }
}

.top-user-menu-right .menu-button {
  order: 3;
}

.top-user-menu-right .top-user-navigation {
  order: 1;
}

.top-user-menu-right .add-property {
  order: 2;
}

.top-user-menu-right a.add-property {
  background: var(--color-gradient);
  color: var(--color-white-100);
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}

.top-user-menu-right a.add-property:hover {
  opacity: 0.8;
  color: var(--color-white-100);
  background: var(--color-gradient);
}

/*** ALL TABLET/DESKTOP VIEWS ***/
@media screen and (min-width: 768px) {

  /*** CATEGORIES TREE BLOCK ***/
  section.content_block ul.cat-tree li span.toggle {
    display: none;
  }

  /*** CATEGORIES TREE BLOCK END ***/
  section#listings.list > article div.navigation-column {
    width: 180px;
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 7px;
    font-size: 0.813rem;
  }

  .middle-boxes > div > .row > div > *:last-of-type {
    margin-bottom: 0;
  }

  .horizontal-search input.tags-autocomplete {
    border-radius: 15px 0 0 15px;
  }

  body:not(.search-on-map-page) .horizontal-search select option {
    background: var(--bg-medium);
    border: 0;
  }

  .horizontal-search input#location_header_search,
  div.cd-extendable > div.dropdown {
    border-radius: 0 15px 15px 0;
  }
}

/*** ALL TABLET/MOBILE VIEWS ***/
@media screen and (max-width: 991px) {
  section#controller_area:not(:empty) + aside {
    margin-top: 22px;
  }

  .top-user-menu-right span.menu-button {
    height: 44px;
    margin-left: 24px;
    cursor: pointer;
    font-size: 0.813em;
    font-weight: 600;
    color: var(--color-grey-100);
  }

  .top-user-menu-right span.menu-button > svg {
    width: 20px;
    height: 14px;

    transition: background 0.3s ease;
  }

  .top-user-menu-right 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: fixed;
    z-index: 300;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 320px;
    min-height: 100vh;
    background: var(--bg-light);
    box-shadow: var(--shadow-modal);
  }

  .mobile-menu-bg:before {
    content: "";
    position: fixed;
    z-index: 299;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--bg-modal);
  }

  .mobile-menu .mobile-menu-header {
    display: flex !important;
    height: 60px;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    background: var(--bg-medium);
    padding: 0 25px;
    margin-bottom: 10px;
  }

  .mobile-menu a {
    display: block;
    padding: 10px 25px;
    color: var(--color-dark);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
  }

  .mobile-menu a:hover {
    color: var(--color-black);
  }

  .mobile-menu .add-property {
    display: flex !important;
    text-transform: none;
    background: var(--color-gradient);
    color: var(--color-white-100);
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    margin: 20px;
  }

  .mobile-menu .add-property:hover {
    background: var(--color-gradient) !important;
    color: var(--color-white-100) !important;
    opacity: .7;
  }

  span.mobile-menu-header svg {
    width: 44px;
    height: 44px;
    fill: var(--color-dark);
    padding: 16px;
    margin-right: -16px;
    cursor: pointer;
  }

  span.mobile-menu-header > span:last-child:hover:before {
    opacity: 1;
  }

  .cd-form input[type="submit"] {
    padding: 0 20px;
  }

  section#main_container aside.left {
    display: block;
    width: auto;
    vertical-align: top;
    float: 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;
  }

  .sub-categories-exist div.categoty-column {
    column-count: 3 !important;
  }

  section.side_block:not(.no-style) a.category {
    background-color: #ffffff;
  }

  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) {
  .main-menu nav.menu ul.menu {
    right: 0;
  }
}

/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .point1 {
    max-width: 720px;
  }

  .header-banner-cont {
    display: none !important;
  }

  .header-nav {
    min-height: 100px;
  }

  .horizontal-search input#location_header_search {
    width: 24%;
  }

  .horizontal-search input.tags-autocomplete {
    width: 27%;
  }

  section.content_block {
    margin-bottom: 10px;
  }

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

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

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

  body.search-on-map-page .top-user-menu-right span.menu-button {
    margin: 0 24px;
  }

  body.search-on-map-page .user-favorites > a:before {
    margin: 0 1rem 0 0;
  }
}

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
  h1 {
    padding: 0 20px;
  }

  .h1-nav nav > a.post_ad {
    margin-right: 10px;
  }

  .h1-nav nav > a:not(.button) {
    width: 34px;
    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 {
    max-width: 480px;
    min-width: 320px;
  }

  .header-banner-cont {
    display: none !important;
  }

  #mf-location-selector .default img {
    margin: 0 10px 0 5px !important;
  }

  .header-nav {
    padding: 15px 0;
  }

  .header-nav:before {
    height: 100%;
  }

  .user-navbar {
    margin-right: 0;
  }

  .user-navbar .circle .default > span {
    width: 0;
    text-indent: -1000px;
    margin: 0 !important;
  }

  .user-navbar .circle .default:before {
    margin: 0 !important;
  }

  .user-messages {
    margin: 0;
  }

  .cd-form input[type="submit"] {
    margin-left: 0;
    margin-top: 15px;
  }

  .cd-extendable,
  select.cd-dropdown {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 5px;
  }

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

  .grid_navbar .current,
  .grid_navbar ul.fields > li {
    padding: 0 10px;
  }

  /* listing list view */
  section#listings > article div.navigation-column {
    position: absolute;
    width: auto;
    bottom: 8px;
    right: 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 .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: 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: 300px;
    height: 200px;
    float: none;
    margin: 0;
  }

  section#listings.list div.picture img {
    width: 100%;
    position: static;
  }

  section#listings.list ul.ad-info {
    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: 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;
    column-gap: 0;
  }

  .listing-header h1 {
    margin: 0 10px 10px;
  }

  .listing-header div.icons {
    text-align: center;
  }

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

  div.listing-details .top-navigation {
    padding: 0 10px;
  }

  div.listing-details .content-section {
    padding: 10px 10px 0;
  }

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

  div.listing-details h1 {
    margin-bottom: 15px;
    padding: 0;
  }

  div.listing-details div.price-tag {
    float: none;
    margin-bottom: 15px;
  }

  .price-line {
    margin-bottom: 15px;
  }

  .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.form-style {
    padding: 20px;
  }

  .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;
    word-wrap: break-word;
    font-size: 0.929em;
    color: var(--color-grey-100);
    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 {
    margin-left: auto;
    margin-right: auto;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  section.side_block table.table td.name {
    width: 45%;
  }

  .middle-boxes {
    padding: 20px 0 0 0;
  }

  .middle-boxes section.content_block > h3 {
    display: block;
    text-align: center;
    padding-bottom: 5px;
  }

  .newsletter {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .newsletter .subscribe {
    flex-direction: column;
  }

  .newsletter__text {
    margin-bottom: 20px;
  }

  .newsletter .button {
    margin: 10px 0 0 0;
  }

  .top-user-navigation {
    display: flex;
    flex-direction: row;
  }

  header.page-header:not(.main-menu-hidden) .top-user-navigation {
    padding: 0;
  }

  .top-user-menu-right span.menu-button {
    margin-left: 10px;
  }
}

@media screen and (max-width: 575px) {
  .login-page-form {
    max-width: 240px;
  }

  .horizontal-search input.tags-autocomplete {
    margin-right: 0;
    margin-bottom: 1px;
    border-radius: 15px 15px 0 0 !important;
  }

  div.cd-extendable .dropdown {
    border-radius: 0 !important;
  }

  .form-inside, .form-inside-item:first-child {
    flex-direction: column;
  }

  div.cd-extendable > div.dropdown, select.cd-dropdown {
    width: 100%;
    border-radius: 0 0 15px 15px !important;
  }

  div.submit-cell > div.field.two-inline {
    flex-direction: column;
  }

  .two-inline > *:first-child {
    flex: 0 0 100%;
    width: 100%;
  }

  .two-inline > *:first-child input {
    width: 100% !important;
  }

  .two-inline > *:last-child {
    width: 100% !important;
  }

  div.password_strength {
    padding: 10px 0 20px 0;
  }

  div.password_strength div.scale {
    width: 100%;
  }

}

@media screen and (max-width: 440px) {
  .circle_mobile-full-width {
    position: static !important;
  }

  .circle_mobile-full-width .content {
    top: 102px;
  }

  div#logo img {
    width: 140px;
  }

  header.page-header div.top-navigation {
    height: 70px;
  }

  .categories__block {
    padding: 20px 0;
  }

  ul.featured {
    margin-right: -5px;
    margin-left: -5px;
  }

  ul.featured > li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 395px) {
  .user-messages {
    display: none;
  }
}

@media screen and (max-width: 383px) {
  section.seller-short > div > div.picture {
    margin: 0 0 15px 0;
    float: none;
  }

  section.seller-short > div > div.picture img {
    max-width: 150px;
    height: auto;
  }

  section.seller-short ul.seller-info {
    overflow: auto;
  }

  div.table-cell ul.checkboxes > li {
    float: none;
    width: 100%;
    margin: 0;
  }

  section#listings.my-listings .item > div.navigation > ul > li select {
    width: 130px;
  }

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

/*** 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: var(--color-pink);
  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;
}

.add-listing-page #wrapper {
  background: var(--bg-medium);
}

.statistics-box a {
  background: var(--color-white-100);
  border-radius: var(--border-radius-30);
  padding: 15px 25px;
  width: 100%;
}

.copyright {
  color: var(--color-grey-100);
}

/*** CUSTOM SCROLLBAR END ***/

.popover {
  background: transparent !important;
  padding: 0 !important;
}

.popover > div {
  background: var(--bg-light) !important;
  padding: 30px !important;
  border-radius: var(--border-radius-30) !important;
  box-shadow: var(--shadow-solid);
}

.popover nav {
  display: flex;
}

.popover .body {
  font-size: 14px;
}

.qtip-contentWrapper,
.qtip-content {
  background: var(--color-pink) !important;
  border-color: var(--color-pink) !important;
}

.qtip-tip {
  position: relative;
}

.qtip-tip canvas {
  display: none;
}

.qtip-tip:before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  width: 0px;
  height: 0px;
  border-right: 14px solid transparent;
  border-top: 14px solid var(--color-pink);
}

.upload-zone {
  background: var(--bg-medium) !important;
  border: 1px dashed var(--color-grey-100) !important;
  border-radius: var(--border-radius-15) !important;
}

.upload-zone > span {
  color: var(--color-grey-100) !important;
}

.upload-zone > span mark {
  color: var(--color-dark) !important;
}

.upload-files > div span.item,
.upload-files > div span.item > img {
  border-radius: var(--border-radius-15);
}

.leaflet-bar > a {
  background: var(--color-pink) !important;
  border-radius: var(--border-radius-15);
}

.leaflet-bar > a:hover {
  opacity: .8;
}

.marker-label > span {
  background: var(--color-pink) !important;
}

.marker-cluster div {
  box-shadow: inset 0 0 0 30px var(--color-pink), 0 0 0 4px rgb(0 0 0 / 20%) !important;
}

#lf_map,
#sbd_map {
  border-radius: var(--border-radius-30) !important;
}