.font-weight-semibold,
.seller-short ul.seller-info>li.name a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
section#accounts ul.info>li.tel a {
    font-weight: 400
}

ul.tabs>li.overflowed>ul>li>a,
ul.tabs>li>a {
    padding: 0 16px;
    background-color: var(--content-background-color)
}

.circle,
.grid_navbar .current,
.listing-header div.icons,
label,
ul.tabs>li {
    user-select: none
}

#bread_crumbs,
.font-size-xs {
    font-size: .813em
}

.icon-opacity .icon-opacity__icon {
    transition: filter .3s
}

.icon-opacity:hover .icon-opacity__icon {
    filter: brightness(1.2)
}

.shrink-fix {
    min-width: 0
}

section.side_block>h3 svg {
    display: none
}

.show {
    display: block !important
}

article .inner,
body,
html {
    height: 100%
}

body {
    --duration: 0.5s;
    --timing: ease;
    transition: background var(--duration) var(--timing);
    margin: 0 auto;
    background: var(--body-background-color);
    font-size: 16px;
    color: var(--body-font-color);
    font-family: "Roboto", sans-serif
}

b,
h1,
strong {
    font-weight: 500
}

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

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

.clear,
.clearfix:after {
    clear: both
}

ul li {
    list-style: none
}

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

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

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

table.fixed,
table.info,
table.submit,
table.table {
    table-layout: fixed
}

img {
    vertical-align: middle
}

.details-icon-fill,
.grid-icon-fill {
    fill: var(--listing-card-icon-color) !important
}

.header-contacts svg,
.header-usernav-icon-fill {
    fill: var(--header-icon-fill) !important
}

.hide,
.user-navbar .circle>.default:after,
div.banner-in-grid+div.banner-in-grid,
label.switcher input[type=checkbox] {
    display: none
}

.hidden {
    visibility: hidden
}

.invisble {
    opacity: 0
}

.fleft {
    float: left
}

.fright,
.h1-nav nav,
.seller-short .file-input span {
    float: right
}

.ralign {
    text-align: right !important
}

.lalign {
    text-align: left !important
}

.align-center {
    text-align: center
}

.relative,
.seller-short form div.field,
div.listing-details,
section#listings>article,
section#main_container,
section.content_block>div,
section.side_block>div {
    position: relative
}

#user-navbar ul>li>a,
.nowrap,
ul.card-info>li.price_tag>div>span {
    white-space: nowrap
}

.link,
a:link,
a:visited {
    color: var(--link-color);
    text-decoration: none;
    font-size: 1em;
    cursor: pointer
}

.grid_navbar ul.fields>li a.active,
.leaflet-custom-popup_group-style .leaflet-popup-content header,
.link:hover,
.map-listing,
.menu a,
.menu a.active,
.my-listings>article .title a,
.popover>div,
a.active,
a:active,
a:hover,
input[type=checkbox].multiline:checked+label,
input[type=radio].multiline:checked+label,
table.contacts-list td.info .name,
ul.packages>li .highlight,
ul.steps>li:not(.past) a {
    color: var(--body-font-color)
}

a.color-gray {
    color: #111
}

.statuses .approval,
a.color-gray:hover {
    color: #666
}

.link-large {
    font-size: 1.143em !important;
    font-weight: 400 !important
}

#controller_area .content-padding>.account-menu-content,
#controller_area .content-padding>.advanced-search-form>.submit-cell,
#controller_area .content-padding>.step_area,
#controller_area .content-padding>.submit-cell,
#controller_area .content-padding>.tab_area form.kws-block,
#controller_area .content-padding>.tab_area:not(#area_keyword),
#controller_area .plans-container,
#controller_area>.content-padding>div.list-table,
#controller_area>div.list-table,
.add-banner-page .plans,
.contact-us-page .content-padding>form,
.tabs~.text-notice,
div.area_done,
div.area_profile {
    background: var(--content-background-color);
    padding: 30px;
    transition: background var(--duration) var(--timing)
}

.close,
.red {
    color: #e44848 !important
}

.close:hover,
.red:hover {
    color: #ff5d5d !important
}

.red.margin {
    padding-left: 10px !important;
    cursor: pointer
}

.date {
    margin-bottom: 5px;
    font-size: .857em;
    color: var(--info-field-color)
}

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

.notice_message,
body.my-banners-page .my-listings div.title,
div.table-cell.small>div.image,
section#accounts .landscape div.statistics>ul>li.name,
table.info td.image {
    padding-top: 5px
}

h1 {
    font-size: 2em;
    padding: 0;
    margin-bottom: 30px;
    color: #1d4d80;
    overflow: hidden
}

h1.text-center {
    margin: 0 0 35px
}

.home-page h1 {
    margin-top: 35px;
    color: #da6721
}

.h1-nav h1 {
    overflow: hidden;
    margin-top: 0
}

.grid_navbar .hook,
.h1-nav nav,
section#content,
table.contacts-list td.info {
    vertical-align: top
}

#mobile-left-usernav .popover,
.h1-nav nav>a.icon,
.newsletter .subscribe div:first-of-type,
.top-header .popover,
body.search-on-map-page .header-contacts,
span.pills>label>span {
    display: none !important
}

#area_listing div.listing-fields>div.row,
#controller_area #listing_form>.submit-cell,
.grid_navbar ul.fields,
.hlight,
.modal_block,
.my-listings>article,
body div.auth,
body.home-page .header-tabs .tabs li.more,
div.submit-cell.selected-category,
div.submit-cell.selected-category~div.submit-cell,
ul.tabs>li.overflowed>ul {
    background: var(--content-background-color)
}

.hborder {
    border-color: var(--highlight-border-color)
}

.select2-dropdown,
.select2-selection--multiple,
.select2-selection--single,
input[type=number],
input[type=password],
input[type=search],
input[type=text],
select,
span.pills,
textarea {
    height: 40px;
    border: none;
    background-color: var(--form-background-color);
    border: 2px solid var(--form-field-line-color);
    color: var(--body-font-color);
    font-size: .9375em;
    font-family: "Roboto", sans-serif;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: background-color var(--duration) var(--timing), border-color var(--duration) var(--timing)
}

input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=text]:hover,
select:hover,
textarea:hover {
    border-color: var(--form-field-line-color-hover)
}

.select2-container--open .select2-selection--single,
.select2-container:not(.select2-container--disabled) .select2-selection--single:focus,
.select2-dropdown,
.select2-dropdown:focus,
.select2-selection--multiple:focus,
.select2-selection--single:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
select:focus,
span.pills:focus,
textarea:focus {
    border-color: var(--form-field-line-color-focus)
}

.auth input[type=password],
.auth input[type=text] {
    background: var(--form-background-color)
}

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

.select2-selection--single,
select {
    position: relative;
    background: var(--dropdown-arrow) right center no-repeat var(--form-background-color);
    background-size: 18px 5px;
    padding-right: 28px;
    transition: background-color var(--duration) var(--timing), border-color var(--duration) var(--timing)
}

.user-navbar-container input[name=password],
.user-navbar-container input[name=username],
select:focus {
    background-color: var(--form-background-color)
}

.select2-container--disabled .select2-selection--single,
input[disabled=disabled],
select.disabled,
select[disabled=disabled] {
    cursor: not-allowed;
    color: #8a8a8a;
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    background-image: none
}

.select2-dropdown {
    background: var(--top-navigation-background-color)
}

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

input[type=number] {
    -moz-appearance: textfield;
    margin: 0
}

.btn,
.file-input span,
a.button,
input[type=button],
input[type=submit] {
    background-color: var(--button-color);
    height: 40px;
    padding: 0 20px;
    color: var(--button-text-color);
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn:hover,
.file-input span:hover,
a.button.default:hover,
img.qtip:hover,
input[type=button]:hover,
input[type=submit]:hover {
    background-color: var(--button-hover-color)
}

.btn:active,
.file-input span:active,
a.button:not(.disabled):active,
input[type=button]:active,
input[type=submit]:active {
    background-color: var(--button-color);
    box-shadow: 0 8px 16px -4px var(--button-hover-color)
}

button.cancel:hover,
input[type=button].cancel:hover {
    box-shadow: 0 8px 16px -4px rgba(171, 171, 171, .65);
    border: none !important
}

button.cancel:active,
input[type=button].cancel:active {
    box-shadow: inset 0 0 0 2px #ababab, inset 0 0 0 3px var(--content-background-color)
}

a.button.disabled,
input[type=button].disabled,
input[type=button][disabled=disabled],
input[type=submit].disabled,
input[type=submit][disabled=disabled] {
    cursor: not-allowed;
    background-color: #b1b1b1 !important;
    color: #e6e6e6;
    box-shadow: none
}

a.button.low,
input[type=button].low,
input[type=submit].low {
    height: 28px;
    line-height: 28px;
    font-size: .75em;
    padding: 0 10px;
    white-space: nowrap
}

.contact-owner-navbar input[type=button],
.side_block .btn,
.side_block .file-input span,
a.button:not(.default):not(.disabled) {
    background-color: transparent;
    border: 2px solid var(--button-color);
    color: var(--body-font-color)
}

.contact-owner-navbar input[type=button].call-owner {
    border-color: #45b150;
    color: #45b150;
    background-color: transparent
}

.side_block .btn:hover,
.side_block .file-input span:hover,
a.button:not(.default):hover {
    background-color: transparent;
    border: 2px solid var(--button-hover-color);
    box-shadow: 0 4px 10px rgba(17, 17, 17, .13)
}

.side_block .btn:active,
.side_block .file-input span:active,
a.button:active,
ul.pagination>li.navigator a:active {
    border: 2px solid var(--button-color);
    box-shadow: inset 0 0 0 1px var(--content-background-color), inset 0 0 0 2px var(--button-color)
}

.two-inline,
div.submit-cell:not(.hide):not(.disabled) {
    display: flex
}

a.button.low,
body.home-page .header-tabs .tabs li.overflowed li a .tab-icon {
    height: 32px
}

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: 2px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: .9375em;
    display: inline-block
}

input[type=checkbox]:not(.default)+label>span,
input[type=radio]:not(.default)+label>span {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    background: var(--form-background-color);
    vertical-align: top;
    margin: -2px 5px 0 0;
    border: 2px solid var(--form-field-line-color);
    position: relative
}

input[type=checkbox]:not(.default):hover+label>span,
input[type=radio]:not(.default):hover+label>span {
    border: 2px solid var(--form-field-line-color-hover)
}

input[type=checkbox]:not(.default):active+label>span,
input[type=radio]:not(.default):active+label>span {
    border: 2px solid var(--form-checked-background-color-active);
    box-shadow: inset 0 0 0 1px var(--content-background-color), inset 0 0 0 2px var(--form-checked-background-color-active)
}

input[type=checkbox]:not(.default)+label>span:before {
    content: "";
    position: absolute;
    -webkit-font-smoothing: antialiased;
    display: none;
    left: 3px;
    top: 7px;
    background: #263343;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #263343, 4px 0 0 #263343, 4px -2px 0 #263343, 4px -4px 0 #263343, 4px -6px 0 #263343, 4px -8px 0 #263343;
    transform: rotate(45deg)
}

input[type=checkbox]:not(.default):active+label>span:before {
    left: 5px;
    top: 9px
}

input[type=radio]:not(.default)+label>span:before {
    content: "";
    display: none;
    vertical-align: top;
    width: 10px;
    height: 10px;
    background: #263343;
    margin: 3px
}

input[type=radio]:not(.default):active+label>span:before {
    margin: 5px 1px 1px 5px
}

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

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

input[type=checkbox]:not(.default):checked:active+label>span,
input[type=radio]:not(.default):checked:active+label>span {
    background: var(--form-checked-background-color);
    border: none;
    box-shadow: inset 0 0 0 1px var(--form-checked-background-color), inset 0 0 0 2px var(--content-background-color)
}

input[type=radio]:not(.default):checked+label>span:before {
    display: inline-block;
    background-color: #fff
}

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

input[type=checkbox].multiline+label,
input[type=radio].multiline+label {
    height: auto;
    text-align: left;
    color: var(--link-color);
    font-size: .929em
}

input[type=checkbox].multiline:not(.default)+label>span,
input[type=radio].multiline:not(.default)+label>span {
    display: block;
    margin: 0 auto 5px
}

input[type=radio][disabled=disabled]+label>span,
ul#messages_area>li.removed {
    opacity: .5
}

#bread_crumbs>ul a,
input[type=radio][disabled=disabled]+label {
    color: #888
}

div.list-table>div.row>div>div.inline,
input[type=checkbox].inline+label {
    display: inline
}

.side_block ul.tabs.search_tabs>li,
div.fieldset.divider>header,
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
}

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 .4s, opacity .4s;
    opacity: .7
}

#area_listing div.listing-fields>div.row,
body.home-page header.page-header,
section.side_block:not(.no-style),
span.pills input[type=radio]:checked+label,
ul.tabs>li.active>a {
    transition: background var(--duration) var(--timing)
}

span.pills>label,
table.list>tbody>tr.body,
table.list>tbody>tr.header {
    transition: border-color var(--duration) var(--timing)
}

label.switcher>input[type=checkbox]+span:not(.status):after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: var(--form-background-color);
    transition: transform .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 .4s;
    z-index: 3
}

.h1-nav nav>a:hover,
.menu a,
.smart-search__close:hover,
img.remove:hover,
label.switcher:hover>input[type=checkbox]+span:not(.status),
span.media-enlarge:hover:after {
    opacity: 1
}

label.switcher>input[type=checkbox]:checked+span:not(.status) {
    background: #52b600;
    transition: background-color .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: var(--placeholder-color);
    font-weight: 400
}

:-moz-placeholder {
    color: var(--placeholder-color);
    font-weight: 400
}

::-moz-placeholder {
    color: var(--placeholder-color);
    font-weight: 400
}

:-ms-input-placeholder {
    color: var(--placeholder-color);
    font-weight: 400
}

:focus {
    outline: 0
}

input[type=password].error,
input[type=text].error,
textarea.error {
    background: var(--form-error-background-color);
    color: var(--form-error-text-color)
}

div.field.error label {
    color: var(--form-error-text-color)
}

select.error,
select.error+.select2-container .select2-selection--single {
    background-color: var(--form-error-background-color);
    color: var(--form-error-text-color)
}

#bread_crumbs>ul li,
.image-field-preview,
textarea#message_text {
    margin-bottom: 10px
}

#modal_block div.submit-cell div.field input[type=password],
#modal_block div.submit-cell div.field input[type=text],
.grid div.table-cell.small>div,
.image-field-preview>div.relative,
.kws-block input[type=text],
.my-listings div.navigation ul>li select,
.point1,
.search-form-cell.submit>div input[type=submit],
.search-form-cell>div>div input[type=number],
.search-form-cell>div>div input[type=text],
.search-form-cell>div>div select,
.search-form-cell>div>div span.pills,
.search-item.single-field .two-inline input[type=text],
.search-item.single-field>input[type=text],
.search-item.single-field>select,
.seller-short .file-input input.file-name,
div#header-banner div.banner,
div#header-banner img,
table.submit td.field input[type=text],
table.submit textarea {
    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: 40px;
    margin-left: 3px
}

.file-input+em,
ul.tabs.search_tabs>li {
    margin: 0 10px
}

span.pills {
    white-space: nowrap;
    display: flex;
    padding: 0;
    justify-content: space-between
}

span.pills>label {
    padding: 0 15px !important;
    height: 36px !important;
    line-height: 36px;
    display: inline-block !important;
    text-align: center
}

.home-page span.pills>label {
    height: 36px !important;
    line-height: 36px;
    border-right: none
}

.newsletter #newsletter_email,
div#header-banner tr.banner-here,
span.pills>label:last-child,
table.list tr.body td.divider {
    border: 0
}

span.pills input[type=radio]:checked+label {
    background: var(--form-checked-background-color);
    color: #fff;
    text-decoration: none;
    cursor: default
}

span.pills>label:not(.active) {
    cursor: pointer;
    color: var(--body-font-color)
}

span.pills>label:not(.active):hover {
    text-decoration: none
}

body.home-page header.page-header {
    background: var(--header-background-color)
}

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

header.page-header div.top-navigation {
    display: flex;
    margin: 0 auto
}

body.home-page header.page-header.main-menu-hidden div.top-navigation {
    min-height: 112px;
    padding-top: 0;
    align-items: center
}

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

header.page-header div.top-navigation .circle_opened>.content {
    background: var(--top-navigation-background-color);
    box-shadow: var(--menu-shadow)
}

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

div#header-banner div.bmb10 {
    margin: 0 !important;
    width: auto !important;
    height: auto !important
}

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

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

#listings.list div.banner-in-grid>.content_block,
#listings.list div.banner-space,
section#listings ul.card-info>li:not(:last-of-type),
section#listings.grid ul.card-info>li:not(:first-of-type):not(:last-of-type),
section.side_block,
ul.featured>li>ul>li:not(:first-child):not(:last-child) {
    margin-bottom: 8px
}

.circle {
    position: relative;
    margin-left: 6px;
    display: flex;
    height: 36px;
    z-index: 103
}

#user-navbar>.default,
.circle:last-child>.default,
div.list-table>div>div:last-child {
    padding-right: 0
}

.circle>.default {
    line-height: 36px;
    font-size: .75em;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    padding: 0 10px;
    align-items: center;
    color: var(--top-navigation-selector-color)
}

.circle:not(#theme-switcher)>.default:after {
    content: "";
    width: 10px;
    height: 6px;
    margin-left: 10px;
    background: url("../img/dropdown-arrow.svg") 0 -4px/18px 13px no-repeat;
    opacity: 1;
    filter: var(--top-navigation-arrow-filter)
}

.circle:not(.circle_opened):hover>.default:after,
.listing-header div.icons>:not(.button):hover,
.menu .menu-content a:not(.btn):hover,
.user-navbar .circle:not(.circle_opened)>.default:hover>svg,
div.close-black:hover:before {
    opacity: .7
}

#controller_area div.fieldset>header>span.arrow.up,
.circle_opened>.default:after,
.grid_navbar .sorting .active span.arrow {
    transform: scaleY(-1)
}

.circle_opened>.content {
    display: flex;
    padding: 10px 15px;
    min-width: 100%;
    position: absolute;
    z-index: 20;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: var(--top-navigation-background-color);
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px rgba(17, 17, 17, .3)
}

.circle_content-padding>.content {
    padding: 15px
}

.circle ul>li {
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    font-size: .875em
}

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

.fb-connect,
.grid_navbar .current .link,
div.fieldset>header,
table.list span.name {
    text-transform: uppercase
}

.user-navbar .circle>.default>svg {
    width: 24px;
    height: 24px;
    opacity: 1
}

.user-navbar .circle.logged-in>.default>span {
    display: inline-block;
    margin-left: 10px;
    white-space: nowrap
}

.user-navbar .circle.logged-in.circle_opened>.default>span {
    color: #fff
}

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

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

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

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

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

.user-navbar-container input[name=password],
.user-navbar-container input[name=username] {
    padding-left: 15px
}

.user-navbar-container input[name=username]:focus {
    background-position: 10px -958px
}

.user-navbar-container input[name=password]:focus {
    background-position: 10px -1501px
}

#user-navbar span.content.a-menu {
    padding: 0;
    min-width: 300px;
    flex-direction: column;
    margin-top: 4px;
    box-shadow: var(--menu-shadow)
}

section#listings.grid .main-column,
ul.featured>li:before {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .02), 0 5px 10px rgba(0, 0, 0, .04), 0 17px 22px rgba(0, 0, 0, .06)
}

#user-navbar span.content.a-menu .account-name {
    border-bottom: 1px solid var(--border-color);
    padding: 0 20px;
    font-size: .875em;
    white-space: nowrap;
    height: 44px
}

#user-navbar span.content.a-menu .account-name img {
    width: 26px;
    height: 26px;
    object-fit: cover
}

#user-navbar span.content.a-menu .account-menu-content {
    padding: 10px 20px 13px
}

ul.account-menu-content>li>a.logout {
    color: #f97777
}

#events-calendar .item:not(.has-event)>a,
.popup>div>div div.caption,
.smart-search__results-item,
.statistics-box .statistics-box__count,
.ui-widget-content,
.ui-widget-header,
div.auth div.caption,
ul.plans>li>div.frame>span.count,
ul.plans>li>div.frame>span.name,
ul.plans>li>div.frame>span.price,
ul.plans>li>div.frame>span.type {
    color: var(--body-font-color) !important
}

ul.account-menu-content>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
}

.menu a {
    font-size: .9375em;
    line-height: 26px
}

.menu a.active {
    position: relative;
    cursor: default;
    pointer-events: none
}

.mobile-menu .menu-content a.active {
    color: var(--button-color)
}

.smart-search__input {
    border: 2px solid var(--form-field-line-color);
    border-right-width: 0 !important;
    background-color: transparent !important
}

.smart-search__input:focus {
    border-color: var(--form-field-line-color-focus)
}

.smart-search__submit {
    background: #d73030 !important;
    transition: box-shadow var(--duration) var(--timing)
}

.smart-search_opened .smart-search__form {
    position: relative;
    z-index: 111
}

.smart-search_opened .smart-search__input {
    padding-right: 40px
}

.smart-search__close {
    display: flex;
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 112;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: .7
}

.smart-search__close svg {
    width: 8px;
    height: 8px
}

#area_coliving_quick .search-form-cell:not(.custom_Category_ID):not(.custom_city_level1):not(.custom_city_level2):not(.submit):not(.submit-cell):not(.custom_city),
#area_listing div.listing-fields>div:first-child>div.table-cell.wide-field:first-child div.name,
#area_roommates_quick .search-form-cell:not(.custom_Category_ID):not(.custom_city_level1):not(.custom_city_level2):not(.submit):not(.custom_city),
#lf_container .qtip,
.custom-post-button,
.fromDive,
.grid_navbar div.list>div>span:nth-child(odd),
.leaflet-bar.leaflet-control.leaflet-control-location,
.searchBox .submit-cell:not(.custom_Category_ID):not(.custom_available_starting_from):not(.custom_city_level1):not(.custom_city_level2):not(.submit),
.side_block_search .search-item:not(.Category_ID):not(.city_level1):not(.city_level2):not(.available_starting_from),
.smart-search:not(.smart-search_opened) .smart-search__close,
.smart-search:not(.smart-search_opened) .smart-search__results-wrapper,
article.item:not(.no-image) ul.card-info>li.fields:empty,
body>iframe[src="about:blank"],
div.fieldset>header>span.arrow,
div.list-table span.title,
div.qtip_cont,
form.leaflet-control,
section#listings ul.nav-column>li .link,
section#listings.grid ul.card-info>ol,
section#listings.grid ul.nav-column>li>a>span.link,
section#listings.grid ul.nav-column>li>span.link,
section#listings:not(.list):not(.grid),
span.fail_field,
span.success_field,
ul#messages_area>li.me:after,
ul.steps>li.current:after {
    display: none
}

.smart-search__results-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    background: var(--smart-search-cont-bg-color);
    box-shadow: 0 47px 80px rgba(17, 17, 17, .2), 0 9.60239px 28.7201px rgba(17, 17, 17, .1), 0 4.5859px 17.3649px rgba(17, 17, 17, .1);
    padding: 12px;
    margin: -12px;
    z-index: 110
}

.smart-search__results-cont {
    margin-top: 52px
}

.smart-search__results-item {
    padding: 0 14px;
    cursor: pointer;
    overflow: hidden;
    height: 40px
}

.smart-search__results-item.smart-search__results-item_active,
.smart-search__results-item:hover {
    background: var(--smart-search-item-bg-color-hover)
}

.smart-search__results-item-icon_keyword {
    height: 22px;
    width: 22px;
    margin-right: 12px;
    stroke: var(--smart-search-icon-stroke);
    stroke-width: 2px
}

.smart-search__results-item-icon_category {
    width: 23px;
    height: 20px;
    margin-right: 10px;
    fill: var(--smart-search-icon-stroke)
}

.smart-search__results-item-text {
    flex-wrap: wrap;
    justify-content: normal;
    height: 40px;
    align-content: end
}

.smart-search__results-item-text>span {
    font-size: .9375em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: center;
    height: 40px;
    line-height: 39px
}

.smart-search__results-item-text>span:not(:last-of-type):after {
    content: '→';
    color: var(--smart-search-icon-stroke);
    padding: 0 8px;
    font-size: .9375em
}

#controller_area #bankWireTransfer-form div.fieldset+.table-cell,
.smart-search__results-item_keyword+.smart-search__results-item_category,
div.submit-cell.selected-category~div.submit-cell,
div.table-cell+div.fieldset {
    margin-top: 20px
}

.smart-search__results-item_keyword+.smart-search__results-item_category:before {
    content: '';
    height: 1px;
    left: 26px;
    right: 26px;
    position: absolute;
    margin-top: -59px;
    background: var(--smart-search-item-bg-color-hover)
}

.categories-box__item_empty .categories-box__parent-counter,
div.table-cell.wide-field div.name>div {
    background: 0 0
}

@media screen and (min-width:768px) {
    body.search-on-map-page .header-nav {
        box-shadow: none !important
    }
    body.search-on-map-page .header-nav div.row>div:not(:first-child),
    body.search-on-map-page .main-menu {
        display: none !important
    }
    body.search-on-map-page .main-menu span.menu-button {
        height: 62px
    }
    #map_listings footer {
        background: var(--footer-background-color) !important
    }
    #map_listings .footer-data {
        color: var(--footer-text-color)
    }
    #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 ul.tabs {
        margin-top: 15px !important
    }
    body.search-on-map-page header.page-header.fixed-menu .circle>.default {
        padding: 0 15px !important
    }
    .main-menu,
    header.page-header div.top-header {
        transition: background var(--duration) var(--timing)
    }
    header.page-header div.top-header {
        position: relative;
        height: 36px;
        margin-bottom: 24px;
        background-color: var(--content-background-color);
        z-index: 150
    }
    header.page-header div.top-navigation {
        margin-bottom: 82px
    }
    body.home-page .main-wrapper:not(.no-slides) header.page-header div.top-navigation {
        margin-bottom: 60px
    }
    .main-menu {
        width: 100%;
        padding: 12px;
        display: flex;
        justify-content: space-between;
        background: var(--top-navigation-background-color);
        box-shadow: var(--menu-shadow);
        position: absolute;
        top: 80px;
        z-index: 100
    }
    .main-menu .menu .menu-content {
        display: flex;
        align-items: center;
        max-height: 40px;
        overflow: hidden
    }
    .main-menu .menu .menu-content a {
        white-space: nowrap;
        align-items: center;
        display: inline-flex;
        height: 40px;
        padding: 14px
    }
    .menu a.active {
        box-shadow: 0 2px 0 var(--button-color) inset;
        background: var(--menu-active-bg)
    }
    section#listings.list ul.card-info>li.fields {
        flex-direction: column
    }
    section#listings.list li.system {
        position: absolute;
        width: 190px;
        right: 15px;
        flex-direction: column-reverse;
        gap: 10px;
        align-content: flex-end
    }
}

.categories-box__parent-counter {
    color: #222;
    background: var(--button-color);
    font-size: .75em;
    padding: 2px 4px;
    line-height: 20px;
    vertical-align: bottom;
    white-space: nowrap;
    line-height: normal
}

.search-item .field {
    font-size: .9375em
}

a.view-more-button {
    background: var(--content-background-color);
    padding: 0 12px;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    color: var(--button-text-color);
    font-size: .9375em;
    color: var(--body-font-color)
}

a.view-more-button:hover {
    filter: brightness(.9)
}

a.view-more-button svg {
    stroke: var(--body-font-color);
    display: inline-block;
    width: 17px;
    height: 10px;
    margin-left: 10px
}

.main-wrapper .header-tabs__tabs-exists {
    margin-top: 56px !important
}

.carousel .carousel-item,
.carousel.no-search-tabs .carousel-item {
    height: 364px
}

.carousel .carousel-item:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 20px rgb(0 0 0 / 50%)
}

.carousel .carousel-item:not(.carousel-item_no-text):before {
    background: rgba(122, 98, 0, .3)
}

.carousel .carousel-item img {
    object-fit: cover
}

.carousel .carousel-indicators {
    bottom: 16px
}

.carousel .carousel-indicators li {
    background: 0 0;
    position: relative;
    text-indent: 0
}

.carousel .carousel-indicators li:after {
    content: '';
    background: #fff;
    position: absolute;
    height: 3px;
    width: 100%
}

.carousel .carousel-caption {
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1070px;
    margin: 0 auto;
    left: 30px;
    right: 30px
}

.carousel .carousel-slide-heading {
    color: #fff;
    font-size: 2.25em;
    line-height: 40px;
    letter-spacing: 1.2px;
    text-shadow: 0 1px rgba(0, 0, 0, .5)
}

.carousel .carousel-slide-description {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 28px;
    margin: 28px auto 0;
    max-width: 600px;
    text-shadow: 0 2px rgba(0, 0, 0, .5)
}

.carousel .carousel-control-prev-icon {
    background-image: url("../img/prev.svg")
}

.field-bound-box-text {
    padding: 0 !important;
    list-style: none;
}

.customD {
    display: flex;
    align-items: center;
    flex-direction: column
}

.customD p {
    margin-bottom: 10px;
    text-decoration: underline;
}

.carousel .carousel-control-next-icon {
    background-image: url("../img/next.svg")
}

.carousel .carousel-control-next-icon,
.carousel .carousel-control-prev-icon {
    width: 40px;
    height: 40px
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
    opacity: .15;
    width: auto;
    padding: 0 32px
}

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

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>div.inside-container {
    margin: 0 auto;
    position: relative
}

section#main_container aside.left {
    margin-bottom: 22px
}

body.bc-exists section#main_container>div.inside-container,
div#lf_container {
    padding-top: 0 !important
}

.no-sidebar section.content_block {
    padding-top: 36px;
    padding-bottom: 28px;
    margin-bottom: 0px
}

.advanced-search-form>.submit-cell:last-child,
.my-listings>article:last-child,
.my-profile-page ul.tabs,
.no-sidebar section.content_block:last-child,
.search-page ul.tabs,
body.search-on-map-page header.page-header div.top-header,
ul#messages_area>li:last-child {
    margin-bottom: 0
}

aside.two-middle section.content_block {
    padding-top: 48px;
    padding-bottom: 30px
}

.no-sidebar section.content_block.listings_box ul.featured+div {
    margin-top: 6px
}

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

#bread_crumbs>ul>*,
.register-form-affiliate .name.accept_checkbox label,
ul.account-menu-content {
    display: inline-block
}

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

section.content_block {
    position: relative;
    margin-bottom: 30px
}

section.side_block:not(.no-style) {
    background: var(--content-background-color);
    padding: 20px;
    margin-bottom: 8px
}

body.home-page section.content_block>h2,
body.home-page section.content_block>h3 {
    font-size: 1.7em;
    font-weight: 500;
    text-align: center;
    vertical-align: top;
    color: #235c99
}

body.home-page aside.two-middle section.content_block>h3,
body.home-page.no-sidebar section.content_block>h3 {
    text-align: left
}

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: 15px 0 0
}

body.home-page section.content_block:not(.no-header)>div {
    margin: 28px 0 0
}

section.content_block:not(.no-style)>div {
    padding: 0 0 28px
}

section.contact-seller-bottom {
    margin-top: 30px;
    padding-bottom: 0 !important
}

section.contact-seller-bottom>div {
    background: #f5f5f5 !important
}

section.side_block_search div.search-item {
    padding-bottom: 15px
}

section.side_block_search div.field {
    padding: 0 0 4px;
    min-height: 8px
}

.search-button {
    padding-top: 15px
}

.search-button>a {
    margin-left: 10px;
    white-space: nowrap;
    font-size: .875em
}

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

.my-listings>article>div:last-child,
.search-item.three-field>:last-child,
.search-item.two-fields>input[type=text]:last-child,
.search-item.two-fields>select:last-child,
section#listings ul.nav-column>li:last-child,
ul.card-info>li.services>span:last-child,
ul.tabs>li.more>span:last-child,
ul.tabs>li:last-child {
    margin-right: 0
}

.search-item.couple-field>.custom-input,
.search-item.two-fields>.custom-input {
    width: 50%;
    display: inline-block
}

.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-form-cell.three-field>div>div>span,
.search-item.three-field>span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding-top: 9px;
    vertical-align: top
}

.three-field>select.multicat {
    width: 31%;
    margin-right: 3.5%
}

.search-item.checkbox-field {
    margin-bottom: -10px
}

.search-item.checkbox-field>.custom-input {
    display: inline-block;
    width: 50%;
    padding: 0 0 10px
}

.search-item.checkbox-field>.custom-input>label {
    padding-right: 5px
}

.search-item.checkbox-field div.field,
.search-item.couple-field div.field,
ul.packages div.listing-info>span.count:not(:last-child) {
    padding-bottom: 8px
}

.field span.divider,
.restricted-content>span>span,
.search-form-cell span.divider,
.search-item span.divider {
    padding: 0 10px
}

.search-form-cell {
    display: inline-block;
    vertical-align: top
}

.search-form-cell>div {
    margin: 16px 15px 0
}

.search-form-cell>div>span {
    color: var(--header-search-form-title-color);
    font-size: .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 {
    text-overflow: ellipsis;
    overflow: hidden
}

.search-form-cell .two-inline input.wauto,
[name="f[available_starting_from][from]"],
[name="f[available_starting_from][to]"] {
    width: 100% !important
}

.page-footer {
    background: #235c98;
    color: var(--footer-text-color)
}

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

.field.checkbox-field .custom-input,
.submit-cell .kws-block,
div.ml_tabs_content,
div.submit-cell {
    padding-bottom: 10px
}

.page-footer .footer-menu ul li a {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .938rem;
    font-weight: 400;
    padding: 3px 0;
    display: inline-block;
    color: #fff
}

.footer-menu ul li a:hover {
    color: #da6721
}

.page-footer .footer-menu-title {
    margin-bottom: 15px;
    color: #fff;
    font-size: .938rem;
    font-weight: 500;
    letter-spacing: 1px
}

.newsletter .subscribe {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.newsletter .subscribe div:last-of-type {
    flex: 1
}

.newsletter input[type=text] {
    width: 100%;
    max-width: 100%
}

.newsletter__text {
    margin-bottom: 20px;
    font-size: .813em
}

.footer-data {
    font-size: .75rem
}

.footer-data a {
    color: var(--footer-text-color) !important;
    text-decoration: underline
}

.footer-data .icons a svg {
    width: 24px;
    height: 24px;
    fill: var(--footer-icon-color);
    transition: fill .2s
}

.footer-data .icons a:hover svg {
    fill: #da6721
}

ul.pagination {
    margin: 30px 0;
    height: 38px;
    text-align: right
}

ul.pagination>li {
    display: inline-block;
    height: 38px;
    vertical-align: top;
    font-size: .929em
}

ul.pagination>li.transit {
    padding: 0 20px;
    color: var(--info-field-color)
}

ul.pagination>li.transit input {
    min-width: 44px;
    width: auto;
    margin: 0 5px;
    text-align: center
}

ul.pagination>li.navigator a {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 28px;
    line-height: 33px;
    background: 0 0;
    border: 2px solid var(--button-color);
    color: var(--link-color);
    font-weight: 400;
    align-items: baseline
}

ul.pagination>li.navigator a:hover {
    background: 0 0;
    border: 2px solid var(--button-hover-color)
}

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

.two-inline>:last-child {
    flex: 1;
    min-width: 0;
    overflow: hidden
}

.two-inline:not(.left) {
    flex-direction: row-reverse
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.qtip-content {
    font-weight: 400 !important
}

div.textarea_counter_default,
div.textarea_counter_warning {
    font-size: .857em;
    text-align: right;
    display: inline-block
}

div.textarea_counter_warning {
    color: #a81818
}

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

.kws-block>div:last-of-type,
ul#messages_area>li div.date {
    margin-top: 5px
}

.kws-block .options ul {
    padding: 10px 0 5px
}

.kws-block .options ul>li {
    padding: 0 0 7px
}

.bumpup-page-page #controller_area .plans-container,
.kws-block .options ul>li:last-child,
.modal_block.fill-edge div.inner div.modal_content,
.my-listings div.navigation ul>li:last-child,
body.home-page .header-tabs .tabs li.overflowed li,
div.attention span.red,
section#listings.list ul.nav-column.stick-top,
ul.packages>li div.listing-info>span.count:last-child {
    padding: 0
}

.kws-block a {
    margin-top: 10px;
    display: inline-block
}

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

div.close-black {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

div.close-black:after,
div.close-black:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7px;
    margin: auto;
    height: 15px;
    width: 2px;
    background: #000;
    opacity: 1
}

div.close-black:before {
    transform: rotate(45deg)
}

div.close-black:after {
    transform: rotate(-45deg)
}

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

.close-red:hover,
.my-listings div.navigation ul li.nav-icon>a:hover:before {
    opacity: .8
}

img.remove {
    cursor: pointer;
    width: 10px;
    height: 12px;
    margin: 0 0 0 8px;
    background: url("../img/gallery.png") 0 -1460px no-repeat;
    opacity: .7
}

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

.h1-nav nav>a:not(.button) {
    display: inline-block;
    height: 38px;
    margin-left: 5px;
    opacity: .7
}

.h1-nav nav>a:not(.button):not(.post_ad) {
    margin-top: 13px
}

.h1-nav nav>a.post_ad {
    width: 38px;
    background: #177eec;
    position: relative;
    opacity: 1
}

.h1-nav nav>a.post_ad:after,
.h1-nav nav>a.post_ad:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 18px;
    left: 9px;
    background: #fff
}

.h1-nav nav>a.post_ad:after {
    width: 2px;
    height: 20px;
    top: 9px;
    left: 18px
}

.h1-nav nav>a.post_ad:hover {
    box-shadow: 0 8px 16px -4px rgb(23 126 236 / 65%)
}

img.cvc {
    width: 45px;
    height: 26px;
    background: url("../img/cc.png") 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
}

.geo-autocomplete {
    background: var(--body-background-color) !important;
    border-color: var(--plans-border-color) !important
}

body.search-on-map-page #map_listings,
body.search-on-map-page #search_area {
    background: var(--body-background-color);
    box-shadow: inset 0 -1px 0 var(--category-menu-item-bg-color), inset 0 1px 0 var(--category-menu-item-bg-color)
}

#df_field_occupants_de_la_maison,
.category-description~.grid_navbar,
body.search-on-map-page .point1 {
    margin-top: 0
}

body.search-on-map-page header.page-header div.top-navigation {
    height: auto !important;
    min-height: 60px;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 0
}

body.search-on-map-page section#main_container {
    top: 96px !important
}

body.search-on-map-page .header-nav {
    min-height: 62px !important
}

.map-listing__info,
body.search-on-map-page .search-map-container #listings_cont section#listings ul.card-info,
body.search-on-map-page .search-map-container #map_listings>div section {
    background: var(--body-background-color)
}

.favorite,
.favorite:hover {
    background: var(--favorite-background-color)
}

.map-listing .favorite>.icon,
body.search-on-map-page .favorite>.icon {
    background-image: url('../img/heart.svg');
    width: 14px;
    height: 12px;
    display: block;
    filter: var(--icon-filter-background)
}

.grid_navbar div.map.active span,
.grid_navbar div.map:hover span,
.map-listing .favorite.remove>.icon,
body.search-on-map-page .favorite.remove>.icon {
    filter: var(--icon-filter-img-background)
}

body.search-on-map-page .footer-data a {
    margin-left: 5px
}

.search-map-container #listings_cont>header {
    border-bottom: 1px var(--body-background-color) solid !important
}

body.search-on-map-page header.page-header.fixed-menu div#logo {
    margin-left: 15px !important
}

body.search-on-map-page .leaflet-autocomplete {
    background-color: var(--body-background-color)
}

div.submit-cell.selected-category,
div.submit-cell.selected-category~div.submit-cell {
    padding: 30px;
    transition: background var(--duration) var(--timing)
}

ul.tabs {
    position: relative;
    height: 50px;
    margin-bottom: 20px;
    white-space: nowrap
}

ul.tabs>li {
    display: inline-block;
    height: 40px;
    white-space: nowrap;
    margin-right: 12px
}

ul.tabs>li>a {
    display: flex;
    align-items: center;
    height: 40px;
    font-size: .938rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    color: var(--body-font-color)
}

.grid_navbar .sorting>div.current.disabled,
ul.steps>li a {
    cursor: default
}

ul.tabs>li a:hover {
    box-shadow: 0 4px 10px rgba(17, 17, 17, .13)
}

ul.tabs>li.active>a {
    background: var(--tabs-active-background-color);
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    color: var(--body-font-color);
    box-shadow: 0 4px 10px rgba(17, 17, 17, .18), 0 2px 0 var(--button-color) inset
}

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

ul.tabs>li.more.opened {
    background: var(--content-background-color);
    box-shadow: inset 0 1px 0 0 var(--top-navigation-selector-box-shadow-color), inset 1px 0 0 0 var(--top-navigation-selector-box-shadow-color), inset -1px 0 0 0 var(--top-navigation-selector-box-shadow-color);
    z-index: 42
}

ul.tabs>li.more>span {
    width: 4px;
    height: 4px;
    background: var(--link-color);
    display: inline-block;
    margin: 20px 2px 0 0;
    vertical-align: top
}

ul.tabs>li.overflowed {
    position: absolute;
    right: 0;
    padding: 0;
    display: none;
    z-index: 41;
    margin-top: -1px
}

.form-buttons,
.seller-short .file-input,
ul#messages_area>li:hover>span,
ul.featured .icons .icon,
ul.packages li>div>div>span,
ul.tabs>li.overflowed.opened {
    display: block
}

ul.tabs>li.overflowed>ul {
    overflow: hidden;
    padding: 6px 0;
    box-shadow: 0 4px 10px rgba(17, 17, 17, .18)
}

ul.tabs>li.overflowed>ul>li>a {
    white-space: nowrap;
    display: block;
    line-height: 40px;
    height: 40px;
    font-size: .875rem;
    font-weight: 500;
    color: var(--body-font-color)
}

ul.tabs>li.overflowed>ul>li.active a {
    color: var(--link-hover);
    box-shadow: inset -3px 0 0 var(--button-color)
}

.tab_area .text-notice,
div.area_profile div.options {
    padding-top: 10px
}

body.home-page .header-tabs {
    margin: 0 auto;
    z-index: 10
}

body.home-page .header-tabs .tabs {
    display: flex;
    justify-content: center;
    height: auto;
    border: none;
    margin-bottom: 0
}

body.home-page .header-tabs .tabs li a .tab-icon {
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px
}

body.home-page .header-tabs .tabs li a .tab-icon svg>* {
    stroke-width: 1.1px;
    stroke: var(--body-font-color)
}

body.home-page .header-tabs .tabs li.active a .tab-icon svg>* {
    stroke: var(--body-font-color) !important
}

body.home-page .header-tabs .tabs li.active a .tab-icon {
    filter: var(--header-tabs-icon-active-filter)
}

body.home-page .header-tabs .tabs li.more {
    position: relative;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

body.home-page .header-tabs .tabs>li.more.opened,
section.side_block ul.featured>li:hover {
    box-shadow: none
}

body.home-page .header-tabs .tabs>li.more>span {
    background: var(--body-font-color)
}

body.home-page .header-tabs .tabs li.more span {
    margin: 0 2px 0 0
}

body.home-page .header-tabs .tabs li.overflowed {
    margin-top: 53px
}

body.home-page .header-tabs .tabs li.overflowed li a {
    justify-content: flex-start;
    padding-left: 20px;
    display: flex;
    align-items: center
}

div.alphabetic-saerch {
    margin: 0 auto
}

#area_listing>div.content-padding>div.table-cell:last-of-type,
.grid_navbar,
div#messages_cont,
div.submit-cell {
    margin-bottom: 20px
}

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

div.alphabetic-saerch>div>a {
    width: 41px;
    height: 41px;
    border: 1px var(--content-box-table-cell-border-color) 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.active,
div.alphabetic-saerch>div>a:hover {
    background: var(--content-box-table-cell-border-color);
    color: var(--content-box-table-cell-active-text-color)
}

.fieldset div.submit-cell {
    margin-bottom: inherit
}

#controller_area .content-padding>.submit-cell div.ml_tabs_content,
form>div.submit-cell:last-of-type,
section#listings.list.no-image ul.card-info>li.title {
    padding-bottom: 0
}

div.submit-cell>div.name {
    max-width: 260px;
    flex: 1 0 260px;
    padding: 10px 10px 10px 0;
    font-size: .875em;
    display: flex
}

div.submit-cell>div.field {
    min-height: 38px;
    flex: 1;
    min-width: 0
}

div.submit-cell.buttons>div.field {
    overflow: inherit
}

div.submit-cell>div.field #security_img,
ul.card-info>li.fields>div>span:not(:last-of-type) {
    margin-right: 5px
}

div.submit-cell>div.field #security_img+#security_code {
    margin-right: 5px !important
}

div.submit-cell>div.field.checkbox-field,
div.submit-cell>div.field.inline-fields {
    padding-top: 8px;
    min-height: 28px
}

div.submit-cell.custom-padding {
    padding: 5px 0 10px
}

div.submit-cell.custom-padding>div {
    min-height: 25px
}

div.submit-cell ul.tabs {
    max-width: 100%;
    overflow: hidden;
    border: none;
    margin-bottom: 0
}

div.submit-cell ul.tabs.tabs-ready {
    overflow: unset
}

div.submit-cell.buttons,
table.submit td.button {
    padding: 10px 0 0
}

.close.small,
.delete-item-from-cart,
.icon.cancel,
.icon.crop,
.icon.delete,
.icon.manage,
.icon.rotate,
.rssfeed ul>li>a>img,
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span,
div.submit-cell .upload-files nav,
section#listings ul.nav-column>li .delete.icon {
    filter: var(--icon-filter)
}

#modal_block div.submit-cell div.name {
    width: 120px
}

.field.single-field>select {
    width: 250px
}

.field.single-field>input[type=text] {
    width: 400px;
    min-width: 80px
}

.field.single-field>textarea {
    max-width: 600px;
    display: block
}

.field.inline-fields>span.custom-input {
    display: inline-block;
    padding: 0 30px 0 0
}

span.phone-field>select {
    width: 80px
}

.search-form-cell.three-field>div>div,
.search-form-cell.two-fields>div>div {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.field.two-fields input.date {
    width: 140px !important
}

.form-buttons:not(.no-top-padding) {
    padding-top: 20px !important
}

.form-buttons.no-top-padding>#btn-checkout {
    margin-top: 20px !important
}

.form-buttons:not(.no-top-padding) .name {
    float: none;
    padding: 0
}

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

img.qtip {
    width: 18px;
    height: 18px;
    background: url("../img/gallery.png") 0 -467px no-repeat var(--button-color);
    margin: -3px 0 0 10px
}

img.account-picture,
section#accounts>article div.no-picture div.picture {
    background-position: center center;
    background-image: url("../img/no-account.png")
}

div.qtip-defaults {
    max-width: 300px
}

div.ml_tabs_content input[type=text] {
    width: 100%;
    max-width: 600px
}

img.account-picture {
    width: 200px;
    height: 100px;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    object-fit: contain
}

table.contacts-list {
    table-layout: auto !important
}

table.contacts-list td.info .name>span:not(.new) {
    font-size: .929em;
    color: var(--body-font-color)
}

table.contacts-list td.info .date {
    color: #949494;
    font-size: .929em;
    padding: 0 0 10px
}

table.contacts-list div.picture {
    position: relative;
    display: inline-block
}

table.contacts-list div.picture span {
    width: 10px;
    height: 10px;
    background: #60d400;
    position: absolute;
    top: -5px;
    right: -5px
}

table.contacts-list div.name span.new {
    width: 10px;
    height: 10px;
    background: #60d400;
    border: 2px solid #fff;
    display: none
}

table.contacts-list tr.header td.user {
    width: 5%
}

div#messages_cont {
    max-height: 600px
}

ul#messages_area {
    margin-left: 13px
}

ul#messages_area>li {
    border: 2px var(--table-list-border-color) solid;
    padding: 15px 24px 15px 20px;
    margin: 0 40px 20px 0;
    position: relative
}

ul#messages_area>li>div {
    padding: 0 0 10px
}

ul#messages_area>li.me {
    border-color: var(--table-list-me-border-color);
    margin: 0 13px 20px 20px
}

ul#messages_area>li:after,
ul#messages_area>li:before {
    border-color: transparent transparent var(--table-list-border-color) transparent;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -15px;
    bottom: -2px;
    border-style: solid;
    border-width: 0 0 14px 14px
}

ul#messages_area>li:after {
    left: -10px;
    bottom: 0;
    border-width: 0 0 10px 10px
}

ul#messages_area>li.me:before {
    left: auto;
    right: -15px;
    border-width: 0 14px 14px 0;
    border-color: transparent transparent var(--table-list-me-border-color) 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: .5;
    filter: var(--icon-filter)
}

ul#messages_area>li>span:hover {
    opacity: .9
}

div.send-controls {
    margin: 0 0 0 33px;
    text-align: right
}

div.send-controls>div {
    display: inline-block;
    margin: 0 0 0 20px
}

ul.featured>li {
    margin-bottom: 28px;
    transition: box-shadow .1s linear
}

ul.featured>li:before {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    height: 100%
}

section#listings.grid .item:hover .main-column,
ul.featured>li:hover:before {
    box-shadow: 0 17px 31px rgba(17, 17, 17, .1), 0 47px 50px rgba(17, 17, 17, .1)
}

ul.featured.accounts>li {
    display: flex;
    flex-wrap: wrap
}

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

.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: 70%;
    border-bottom: 0;
    background: var(--featured-no-sidebar-background-color)
}

section#listings div.picture img,
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 var(--listing-thumbnail-background-color)
}

ul.featured>li>ul {
    position: relative;
    padding: 16px 20px 20px;
    background: var(--featured-background-color);
    border-top: 0;
    display: flex;
    flex-direction: column
}

ul.featured.accounts>li>ul {
    padding: 20px;
    width: 100%;
    background: var(--featured-accounts-background-color)
}

ul.featured .icons {
    display: flex;
    align-self: center;
    align-items: center;
    margin-top: 10px;
    margin-right: auto
}

section#listings ul.nav-column>li,
ul.featured .icons>span {
    background: var(--listing-card-icon-color);
    padding: 6px;
    cursor: pointer
}

section#listings ul.nav-column>li:hover,
ul.featured .icons>span:hover {
    filter: brightness(1.1)
}

section#listings ul.nav-column>li.active,
ul.featured .icons>span.active {
    background: var(--listing-card-active-icon-color)
}

section#listings ul.nav-column>li.active .icon,
ul.featured .icons>span.active .icon {
    background: var(--content-background-color);
    fill: var(--listing-card-active-icon-color) !important
}

section#listings ul.nav-column .icon,
ul.featured .icons .icon {
    width: 12px;
    height: 12px;
    fill: var(--content-background-color) !important
}

ul.featured .icons>:not(:last-child) {
    margin-right: 10px
}

.favorite {
    position: absolute;
    padding: 8px 7px;
    top: 0;
    right: 0;
    cursor: pointer
}

.picture .favorite:after {
    top: auto;
    left: auto;
    bottom: -8px;
    right: 0
}

.favorite svg {
    width: 14px;
    height: 12px;
    display: block;
    fill: var(--icon-favorite-fill)
}

article.item .favorite.remove svg,
ul.featured>li .favorite.remove svg {
    fill: var(--icon-favorite-fill-active)
}

ul.featured.list>li {
    position: relative;
    display: block !important
}

ul.featured.list>li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #707070;
    top: 8px
}

ul.featured.list>li>ul>li {
    padding: 0 0 5px 15px;
    position: relative;
    white-space: normal
}

article.item:not(.no-image) ul.card-info>li.title,
ul.featured.with-pictures ul.card-info>li.title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 45px
}

ul.featured.with-pictures ul.card-info>li.title a {
    color: var(--featured-title-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: 1.125em
}

ul.card-info>li.services>span {
    display: inline-block;
    margin-right: 20px;
    color: var(--body-font-color);
    position: relative;
    padding-left: 25px;
    font-size: .813em
}

ul.card-info>li.services>span:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 13px;
    left: 0;
    top: 1px;
    background: url("../img/gallery.png") right -299px no-repeat
}

ul.card-info>li.services>span.bathrooms:before {
    top: 0;
    height: 15px;
    background-position: right -283px
}

ul.card-info>li.services>span.square_feet:before {
    top: 2px;
    height: 15px;
    background-position: right -194px
}

section#accounts ul.info>li.fields>span:not(:last-child):after,
ul.card-info>li.fields>div>span:not(:last-of-type):after {
    content: ","
}

ul.card-info>li.fields {
    color: #000;
    font-size: .8em;
    font-style: italic
}

ul.card-info .price-tag>span,
ul.card-info>li.price_tag>div>span,
ul.card-info>li.system .type {
    font-weight: 500;
    font-size: 1.25em
}

ul.card-info>li.price_tag {
    flex-wrap: wrap-reverse;
    margin-top: auto
}

ul.card-info>li.price_tag>:last-child {
    min-width: unset;
    overflow: visible;
    line-height: 28px;
    margin-top: 15px
}

ul.card-info li.useful {
    font-size: .75em;
    color: var(--link-color);
    gap: 8px
}

ul.card-info li.useful svg {
    width: 16px;
    height: 16px;
    fill: var(--icon-favorite-fill)
}

ul.featured.accounts>li {
    flex-wrap: nowrap
}

ul.featured.accounts>li img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    position: static
}

ul.featured.accounts>li.no-picture img {
    background-size: 50%
}

ul.featured.accounts>li>.picture {
    width: auto;
    padding: 20px 0 20px 20px
}

ul.featured.with-pictures.accounts ul.card-info>li.title a {
    font-size: 1.25rem;
    font-weight: 500
}

ul.featured.with-pictures.accounts ul.card-info>li.fields {
    font-size: .938rem
}

@media screen and (min-width:1200px) {
    ul.featured.accounts>li {
        flex: 0 0 33.33333% !important;
        max-width: 33.33333% !important
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    ul.featured.accounts>li {
        flex: 0 0 50% !important;
        max-width: 50% !important
    }
}

.grid_navbar {
    height: 40px;
    margin-top: -20px;
    font-size: .875em
}

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

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

.grid_navbar .buttons>div {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

.grid_navbar .buttons>div>div {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: 9px;
    line-height: 0;
    user-select: none
}

.grid_navbar .buttons>div>div>span {
    display: inline-block;
    border: 2px var(--body-font-color) solid;
    vertical-align: top
}

.tabs+.tab_area .grid_navbar {
    margin-top: -8px
}

#controller_area .content-padding>.tab_area form.kws-block {
    margin-bottom: 34px
}

.grid_navbar div.list>div>span {
    width: 22px;
    height: 6px;
    margin: 0 0 2px
}

.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 .buttons div:not(.active):hover div>span,
.grid_navbar div.active div>span {
    border-color: var(--button-color)
}

.grid_navbar div.map>div {
    width: 20px
}

.grid_navbar div.map>div>span {
    width: 20px;
    border: 0;
    height: 22px;
    filter: var(--icon-filter);
    background: url("../img/gallery.png") 0 -65px no-repeat
}

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

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

.grid_navbar .current {
    height: 40px;
    padding: 0 20px 0 0;
    cursor: pointer;
    color: var(--info-field-color)
}

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

.grid_navbar .current .link {
    color: var(--body-font-color);
    font-size: .875em;
    font-weight: 500;
    letter-spacing: 1px
}

.grid_navbar .sorting span.arrow {
    width: 10px;
    height: 6px;
    display: inline-block;
    margin: 0 0 2px 2px;
    background: url("../img/dropdown-arrow.svg") 0 -4px/22px 14px no-repeat
}

.grid_navbar ul.fields {
    z-index: 10;
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
    padding: 3px 0 5px;
    min-width: 100%;
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px var(--top-navigation-selector-box-shadow-color)
}

.grid_navbar ul.fields>li {
    padding: 0 18px;
    white-space: nowrap
}

.listing-picture-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.listing-picture-slider__navbar {
    padding: 5px 7px;
    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, .7);
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity var(--duration) var(--timing)
}

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

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

#loan_reset_form:hover,
.listing-picture-slider_loaded .listing-picture-slider__navbar:hover>span:after,
.modal_block div.inner div.close:hover>div,
.seller-short form div.field>input:focus+span {
    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: #fff
}

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

section#listings.grid .main-column {
    background-color: var(--listing-background-color);
    transition: background var(--duration) var(--timing), box-shadow .1s linear
}

section#listings .link-large {
    font-size: 1.0625em !important;
    color: var(--body-font-color)
}

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

.listing-fit-contain div.picture img {
    object-fit: cover !important
}

#accounts div.picture>img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}

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

article.featured div.picture a>div.label,
article.featured div.picture>div.label {
    position: absolute;
    left: 8px;
    top: 8px;
    padding: 2px 8px;
    background: #ffcf00;
    font-size: .6875em;
    color: #111;
    z-index: 1;
    -webkit-font-smoothing: antialiased
}

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

section#listings.list div.picture {
    width: 300px;
    height: 100%;
    padding-bottom: 0;
    display: inline-block;
    vertical-align: top;
    float: left;
    border: 0
}

section#listings.list .main-column {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

section#listings.list ul.card-info {
    overflow: hidden;
    padding: 16px 50px 16px 15px
}

section#listings ul.card-info>li.fields {
    gap: 8px
}

section#listings ul.card-info span.favorite {
    display: inline-block;
    vertical-align: middle
}

section#listings ul.nav-column>li {
    display: inline-flex;
    margin-right: 8px;
    position: relative
}

section.grid>article {
    padding-bottom: 30px
}

section#listings.grid ul.card-info {
    padding: 20px
}

section#listings .fields {
    color: var(--info-field-color);
    font-size: .813em
}

section#listings.grid>article:not(.no-image) ul.card-info>li.title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

section#listings.grid ul.card-info>li.system {
    padding-top: 10px;
    gap: 10px
}

section#listings.grid>article {
    display: flex;
    flex-direction: column
}

section#listings.grid>article ul.nav-column {
    justify-content: flex-start
}

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

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
}

#accounts_map,
#listings_map {
    height: 65vh
}

.category-description {
    padding: 0;
    margin: 0 0 20px
}

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

.listing-header>.col-md-2 {
    padding: 0 15px;
    position: relative
}

.listing-header div.icons {
    height: 42px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.listing-header div.icons a.button {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: left
}

.listing-header div.icons>:not(.button) {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 0 0 4px;
    position: static;
    padding: 0;
    background: 0 0;
    opacity: 1
}

.listing-header div.icons>a.button {
    margin: 7px 0
}

.listing-header div.icons>*>span {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top
}

div.listing-details div.price-tag>span {
    font-size: 1.714em;
    font-weight: 400;
    color: var(--body-font-color)
}

#area_listing div.listing-fields>div.row {
    padding: 30px 15px
}

#area_listing div.listing-fields>div {
    margin: 0 0 20px;
    overflow: hidden
}

#area_listing div.listing-fields div.fieldset>header {
    padding: 14px 15px 17px
}

.listing-header a.print>span {
    background-image: var(--listing-print-icon);
    background-repeat: no-repeat
}

.listing-header span.favorite>span {
    background-image: var(--listing-favorite-icon);
    background-repeat: no-repeat
}

.listing-header .favorite.remove span.icon {
    background-image: var(--listing-favorite-icon-active);
    background-repeat: no-repeat
}

.listing-header span.compare-icon .icon {
    background-image: var(--listing-compare-icon);
    background-repeat: no-repeat;
    fill: transparent !important
}

.listing-header span.compare-icon.active .icon {
    background-image: var(--listing-compare-icon-active);
    background-repeat: no-repeat
}

.listing-header span.favorite {
    order: 1
}

.listing-header a.print {
    order: 2
}

div.listing-details .content-section {
    margin-top: 30px
}

.seller-short ul.seller-info,
div.listing-details .content-section div.details,
div.listing-details section.statistics ul.counters {
    overflow: hidden
}

.seller-short div.form,
.seller-short div.info-table:not(.no-top-gap),
.seller-short div.owner-details,
div.listing-details div.tab_area div.no-group+div:not(.no-group),
div.listing-details section.statistics {
    margin-top: 25px
}

.seller-short div.picture {
    margin: 0 20px 10px 0
}

.seller-short div.button-exists ul.seller-info {
    padding-bottom: 45px
}

.seller-short ul.seller-info .type {
    font-weight: 400;
    color: #8e8e8e;
    font-size: .75em;
    padding-top: 3px
}

.seller-short ul.seller-info>li.about {
    font-size: .929em;
    padding: 10px 0 0
}

.seller-short:not(.no-pucture) a.low {
    position: absolute;
    bottom: 0
}

.seller-short form div.field>input[type=text]:not([name=security_code]) {
    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: .7;
    transition: opacity var(--duration) var(--timing)
}

.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 .file-input div {
    overflow: hidden;
    width: auto
}

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: var(--listing-mask-background-color);
    text-align: center;
    box-shadow: 0 0 6px 6px var(--listing-mask-background-color);
    display: flex
}

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

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

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

.map-capture>img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background-color: #f8f8f8
}

.map-listing__picture.no-picture img {
    background-image: url("../img/no-picture.svg") !important;
    background-size: 50%;
    background-color: var(--listing-thumbnail-background-color)
}

.map-listing .favorite {
    left: 0;
    right: auto;
    background: 0 0
}

.leaflet-custom-popup_group-style .map-listing .favorite {
    position: static
}

.leaflet-custom-popup_group-style .leaflet-popup-content header,
.leaflet-custom-popup_group-style .map-listing:not(:last-child) {
    background-color: var(--listing-thumbnail-background-color);
    border-color: var(--plans-border-color) !important
}

div.listing-details section.statistics ul.counters>li {
    padding: 5px 0;
    color: var(--body-font-color);
    min-height: 26px;
    line-height: 26px;
    font-size: .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
}

section#accounts>article div.picture {
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: var(--listing-thumbnail-background-color);
    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-size: auto
}

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: 500
}

div.table-cell:not(.wide-field)>div,
section#accounts div.statistics div.counter span:last-child,
section.seller-short li.counter span:last-child {
    font-size: .929em
}

section#accounts ul.info>li {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

section#accounts ul.info>li.fields {
    font-size: .929em;
    line-height: 18px
}

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>div.counter {
    top: 0;
    position: absolute;
    background: rgba(27, 31, 38, .8);
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    color: #fff;
    pointer-events: none
}

section#accounts .landscape div.statistics>div.counter span:first-child {
    display: inline;
    font-size: .929em;
    font-weight: 400
}

section.seller-short li.counter {
    padding: 15px 0 0
}

section.seller-short li.counter span:first-child {
    font-size: 1.286em;
    font-weight: 500
}

.account-location .map-capture {
    border: 1px solid #f8f8f8;
    margin: 15px -18px -18px
}

.login-page-form,
div:not(.body)>div>div.table-cell.wide-field,
table.list {
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing)
}

.button .fb-connect {
    width: auto;
    margin-top: 0;
    font-size: .813em !important
}

.login-page-form,
div:not(.body)>div>div.table-cell.wide-field {
    padding: 30px
}

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

.login-page-form {
    max-width: 370px
}

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

ul.packages>li div.frame {
    width: 364px;
    border: 2px var(--plans-border-color) solid;
    padding: 15px 18px;
    flex: none
}

ul.packages>li div.plan-info {
    width: 45%;
    float: left;
    margin-top: -3px
}

ul.packages>li div.listing-info {
    overflow: hidden;
    padding: 3px 0 0 20px
}

ul.packages h3 {
    color: var(--body-font-color);
    font-size: 1.286em;
    font-weight: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -5px 0 10px
}

ul.packages span.price {
    color: var(--body-font-color);
    font-size: 2.429em;
    font-weight: 400;
    padding: 0 0 15px
}

ul.packages .plan-info span.price {
    font-size: 1.75em
}

ul.packages span.count {
    color: var(--info-field-color);
    font-weight: 400
}

ul.packages>li div.status {
    margin: auto auto auto 30px
}

ul.packages>li div.status .renew {
    margin-top: 12px
}

ul.packages .expired,
ul.packages .overdue {
    color: #a52323
}

.statuses .paid,
ul.packages .active {
    color: #63b53b
}

form[name=payment] div.nav-buttons {
    padding-top: 20px
}

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
}

table.submit a.close {
    padding-left: 20px
}

div.table-cell>div {
    line-height: 26px;
    vertical-align: top
}

div.table-cell>div.name {
    text-align: left;
    width: 248px;
    color: #235c99;
    font-size: 13px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

div.table-cell>div.name>div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 24px
}

div.table-cell>div.name>div>span {
    padding-right: 7px
}

.my-listings div.stat ul>li span.name:after,
div.table-cell.small>div.name:after,
div.table-cell>div.name>div>span:after,
table.info td.name:after {
    content: ":"
}

div.table-cell div.value {
    font-size: 13px
}

.fromDive,
div:not(.body)>div>div.table-cell.wide-field {
    margin-top: 10px
}

div.table-cell.wide-field div.name:not(#df_field_occupants_de_la_maison .name) {
    float: none;
    width: 100% !important
}

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
}

table.info td {
    vertical-align: top;
    padding-bottom: 5px;
    font-weight: 400 !important;
    line-height: normal;
    min-height: inherit
}

div.table-cell.small>div.value,
table.list>tbody>tr.body>td.info>a {
    white-space: normal
}

.field-bound-box-text-pic,
body:not(.home-page) #rv_listings,
div.info-table>div.table-cell:last-of-type {
    margin-bottom: 0 !important
}

table.table td {
    min-height: 30px;
    padding: 5px 0;
    vertical-align: top
}

table.table td.name {
    width: 215px;
    color: #888;
    padding-right: 10px
}

table.table td.value {
    color: var(--body-font-color);
    word-wrap: break-word
}

table.list {
    width: 100%;
    table-layout: fixed
}

table.list span.text {
    color: #515151;
    font-size: .857em
}

table.list>tbody>tr.header {
    border-bottom: 2px var(--table-list-border-color) solid
}

table.list>tbody>tr.header>td {
    font-size: .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-top: 1px var(--table-list-border-color) solid
}

table.list>tbody>tr.body>td {
    padding: 20px 0 20px 30px;
    white-space: nowrap;
    text-overflow: ellipsis
}

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 td.price div {
    width: 50px;
    background: red;
    color: #000;
    font-size: 16px;
    line-height: 17px;
    padding: 5px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    overflow: hidden
}

.my-listings div.stat ul>li span.name,
div.list-table .text,
div.list-table>div.header>div {
    color: var(--info-field-color)
}

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:after,
div.list-table>div:before {
    content: none
}

div.list-table>div.header {
    height: 28px
}

div.list-table>div>div {
    display: table-cell;
    padding-right: 15px
}

div.list-table>div.header>div {
    vertical-align: top;
    font-size: .929em;
    border-bottom: 1px var(--plans-border-color) solid;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap
}

section.content_block>div .list-table>div.header>div {
    border-bottom: 1px var(--tabs-side-block-border-color) solid
}

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: var(--body-font-color)
}

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 {
    font-size: .857em
}

.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: .929em
}

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

.statuses .incomplete {
    color: #facb05
}

.statuses .pending {
    color: #e88d22
}

.statuses .expired,
.statuses .unpaid {
    color: #fb0000
}

.statuses .active:before,
.statuses .approval:before,
.statuses .expired:before,
.statuses .incomplete:before,
.statuses .pending:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #63b53b;
    margin-right: 8px
}

.statuses .approval:before {
    background: #666
}

.statuses .incomplete:before {
    background: #facb05
}

.statuses .pending:before {
    background: #e88d22
}

.statuses .expired:before {
    background: #fb0000
}

div.fieldset>header {
    padding: 7px 15px;
    background: var(--fieldset-header-background-color);
    display: block;
    font-size: .75em;
    font-weight: 500;
    letter-spacing: .8px;
    transition: background var(--duration) var(--timing)
}

div.submit-cell div.fieldset {
    margin: 20px -30px 0
}

.side_block div.fieldset>header {
    background: 0 0;
    padding: 7px 0
}

div.fieldset>div.body>div {
    padding: 15px 0
}

#controller_area div.fieldset>header>span.arrow {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 4px;
    cursor: pointer;
    position: relative;
    background: url("../img/gallery.png") -29px -344px no-repeat;
    filter: var(--top-navigation-arrow-filter)
}

#controller_area div.fieldset>div.body>div,
.dynamic-content div.listing-form .form-auth,
.dynamic-content div.listing-form .form-media {
    padding: 0 30px 20px 20px;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing)
}

#controller_area #area_membership div.fieldset>div.body>div {
    padding: 30px 0 20px
}

#controller_area #listing_form>.submit-cell {
    padding: 20px 30px 30px;
    transition: background var(--duration) var(--timing)
}

#controller_area #area_profile div.fieldset {
    margin-left: -30px;
    margin-right: -30px
}

#controller_area .content-padding>.submit-cell~.submit-cell {
    padding-top: 10px;
    padding-bottom: 10px
}

#controller_area .content-padding>.submit-cell:first-of-type {
    padding-top: 30px
}

.advanced-search-form>div.fieldset {
    overflow: hidden;
    margin-bottom: 24px
}

.advanced-search-form>div.fieldset>header {
    padding-top: 24px
}

.advanced-search-form>.submit-cell {
    margin-bottom: 24px
}

.row>div.fieldset.divider {
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 1 100%
}

div.fieldset.divider {
    margin: 0 0 10px;
    padding: 0
}

.listing-details div.fieldset.divider>header {
    margin: 0 0 20px;
    padding-left: 24px;
    padding-right: 24px
}

.add-listing-page div.fieldset,
.edit-listing-page div.fieldset {
    margin-bottom: 20px;
    overflow: hidden
}

ul.steps {
    box-shadow: inset 0 0 0 2px var(--steps-background-color);
    height: 40px;
    margin: 0 0 25px;
    white-space: nowrap;
    overflow: hidden;
    display: flex
}

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

ul.steps>li a {
    padding: 0 0 0 15px
}

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

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

ul.steps>li.current a {
    color: var(--button-text-color)
}

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: var(--body-background-color);
    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(--steps-background-color);
    border-width: 24px 0 24px 13px;
    margin-top: -24px
}

.add-property,
.ui-widget-header {
    border: none !important
}

ul#payment_gateways li {
    display: inline-block;
    width: 120px;
    height: 85px;
    text-align: center;
    padding: 15px 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
}

ul#payment_gateways li input {
    opacity: 1;
    position: relative;
    width: auto;
    height: auto
}

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

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

div.password_strength div.scale div.color {
    height: 7px;
    width: 0
}

div.password_strength div.scale div.red {
    background: #ed2f0b
}

div.password_strength div.scale div.green {
    background: #23a50c
}

div.password_strength div.scale div.yellow {
    background: #ebcc00
}

div.password_strength div.scale div.shine {
    width: 0;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0
}

div.area_profile div.notice {
    padding: 7px 0 10px
}

div.area_profile div.field img.qtip {
    margin-top: 2px
}

#modal_mask {
    background: var(--popup-mask-background-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1005
}

.modal_block {
    position: absolute;
    left: 50%;
    margin-left: -176px;
    width: 340px;
    height: 230px
}

.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: .7;
    filter: var(--icon-filter)
}

.modal_block div.inner div.modal_content {
    padding: 25px 50px 25px 30px;
    position: relative
}

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

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

#map_fullscreen+.close {
    filter: none;
    background: #fff
}

.modal_block div.inner div.caption,
.modal_block div.inner div.caption_padding {
    color: var(--body-font-color);
    font-size: 1.143em;
    padding: 0 0 20px;
    font-weight: 700;
    margin-top: -7px
}

.modal_block div.prompt {
    padding: 20px 0 0
}

.modal_block div.prompt input {
    margin: 0 15px 0 0
}

.modal_block div.submit-cell div.name {
    width: 80px !important;
    padding-right: 10px
}

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

div.notification>div {
    background: rgba(0, 0, 0, .3);
    min-height: 46px;
    color: #111;
    position: relative;
    font-size: 1em;
    font-weight: 400
}

div.notification.fixed {
    position: fixed
}

div.notification.done {
    top: 0;
    transition: top var(--duration) var(--timing)
}

div.notification.top {
    z-index: 1200;
    position: fixed;
    top: 0
}

div.notification>div>div.message {
    padding: 14px 45px 14px 18px;
    word-wrap: break-word;
    line-height: 1.64em;
    background: #70e987;
    box-shadow: 0 9px 20px -4px rgba(0, 127, 24, .36)
}

div.notification>div>div.message>a {
    color: #177eec
}

div.notification.error>div>div.message {
    background: #f2695e;
    box-shadow: 0 9px 20px -4px rgba(242, 105, 94, .36)
}

div.notification.warning>div>div.message {
    background: #dab500;
    box-shadow: 0 9px 20px -4px rgba(218, 181, 0, .36)
}

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
}

div.notification div.close-black {
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto
}

.listing-fields .no-group #df_field_description,
.listing-fields .no-group:first-child,
.my-listings>article div.picture {
    margin: 0 !important
}

.my-listings>article {
    margin: 0 0 15px !important;
    padding: 15px;
    min-height: 95px;
    transition: background var(--duration) var(--timing)
}

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

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

.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: .5;
    filter: var(--icon-filter)
}

.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.stat ul>li {
    padding: 0 0 8px;
    color: var(--body-font-color)
}

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

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

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

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

#recaptcha_response_field,
.counterDiv {
    height: 20px
}

.add-banner-page ul.plans>li>div.frame {
    background-color: transparent !important;
    border-color: var(--plans-border-color) !important
}

ul.plans>li>div.frame {
    border: 1px var(--plans-border-color) solid
}

div.plans-container:not(.mCustomScrollbar) {
    border-bottom: none !important
}

div.banner {
    display: inherit !important
}

#rv_listings {
    margin-bottom: 30px !important;
    font-size: .813rem
}

body.view-details-page #content+.col-md-12.col-sm-12 {
    order: 3
}

.compare-ad-list,
.ui-widget-content {
    background: var(--content-background-color) !important
}

.eil-field.scroll:hover>div,
.ui-widget-header,
table.import tr:not(.no_hover):hover td {
    background: var(--fieldset-header-background-color) !important
}

#rv_listings div.item img,
.compare-ad-list ul>li>a img {
    background-color: var(--listing-thumbnail-background-color) !important
}

.fields-column .item,
.fields-content .in.hover .item,
.fields-content .same {
    color: #111 !important
}

div.listing-form div.auth {
    background: 0 0 !important;
    padding: 0 !important
}

.ui-widget.ui-widget-content {
    border: none !important;
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px rgba(21, 126, 210, .4);
    z-index: 10 !important
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
    background: 0 0 !important;
    border-color: var(--form-field-line-color-hover) !important
}

div.other_filters_tmp div {
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px rgba(21, 126, 210, .4) !important
}

table.import tr td.disabled,
table.import tr.disabled td {
    background: 0 0 !important
}

.eil-field.scroll:hover>div {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1) !important
}

.form_add_comment div.fieldset>div.body>div,
.testimonials-form div.fieldset>div.body>div {
    padding: 15px 20px !important
}

.testimonials-form div.fieldset>div.body .submit-cell {
    padding: 0 0 10px !important
}

.side_block.comment,
.side_block.testimonials {
    padding-top: 12px
}

.grid-nav-comment svg {
    opacity: .45 !important;
    fill: var(--info-field-color)
}

.ct-label {
    color: var(--info-field-color) !important
}

ul.lb-box-grid>li div.picture.no-picture img {
    background-size: 50% !important
}

.add-property {
    background: #107c41 !important;
    color: #fff !important
}

.add-property:hover {
    background: #235c99 !important
}

.grid div.table-cell>div.name+div.value,
.listings_box li div.table-cell>div.name+div.value {
    padding-left: 0;
    width: 100%;
    text-align: left
}

.grid div.table-cell.small>div.name:after {
    content: ''
}

@media screen and (min-width:992px) {
    p.contentData {
        min-height: 100px;
        overflow: hidden;
    }
    .section#controller_area {
        padding-bottom: 30px
    }
    body:not(.no-sidebar) aside:not(.two-middle).top section:not(.side_block).content_block,
    section.side_block ul.card-info>li.price_tag {
        padding-top: 0
    }
    #search_area input[type=text],
    #search_area select,
    .side_block input[type=number],
    .side_block input[type=password],
    .side_block input[type=text],
    .side_block select,
    .side_block span.pills,
    .side_block textarea {
        background-color: var(--form-background-color);
        transition: background-color var(--duration) var(--timing)
    }
    #search_area select[disabled],
    .side_block select.disabled,
    .side_block select[disabled=disabled],
    .side_block select[disabled] {
        background-color: var(--form-disabled-background-color)
    }
    .side_block .search-button input[type=submit] {
        width: 100%
    }
    .side_block .search-button>a {
        margin: 10px 0 0;
        display: inline-block
    }
    section.side_block>h3 {
        font-size: .75em;
        text-transform: uppercase;
        letter-spacing: .8px;
        font-weight: 700;
        color: #1d4d80
    }
    section.side_block>div {
        padding: 0 !important
    }
    section.side_block:not(.no-style).seller-short {
        background-color: var(--content-background-color);
        transition: background var(--duration) var(--timing)
    }
    body.no-sidebar .advanced-search-form {
        width: 60%
    }
    section.side_block ul.featured {
        margin: 0
    }
    section.side_block ul.featured:last-child,
    section.side_block ul.featured>li:last-child,
    section.side_block ul.featured>li>ul>li {
        margin-bottom: 0
    }
    section.side_block ul.featured .icons {
        margin-right: auto;
        margin-top: 6px
    }
    section.side_block ul.featured>li {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 0 10px
    }
    section.side_block ul.card-info>li.title a {
        font-size: .875em
    }
    section.side_block ul.card-info>li.price_tag>div {
        margin-top: 6px
    }
    section.side_block ul.card-info>li.price_tag>div>span {
        font-size: 1.125em
    }
    section.side_block_search div.name:empty {
        min-height: 0;
        padding: 0
    }
    div.submit-cell>div.field.inline-fields {
        max-width: 600px
    }
    .seller-short div.landscape ul.seller-info,
    .side_block_search .search-block-content {
        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
    }
    section.side_block table.table td.name {
        width: 45%
    }
    .header-tabs .search-block-content {
        padding: 6px 0 8px
    }
    .search-block-content form div.search-form-cell {
        width: 25%
    }
}

@media screen and (min-width:1200px) {
    .point1 {
        max-width: 1110px
    }
    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:before,
    section.side_block ul.featured>li:hover:before {
        display: none
    }
    section.side_block ul.featured>li div.picture {
        float: left;
        width: 90px;
        min-width: 90px;
        height: 75px;
        margin-right: 10px;
        padding-bottom: 0
    }
    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: 0 0;
        border: 0
    }
    div.table-cell.small>div.name,
    table.info td.name {
        width: 200px;
        white-space: nowrap
    }
    .seller-short ul.seller-info {
        min-width: 170px
    }
}

@media screen and (min-width:1440px) {
    .point1 {
        max-width: 1380px
    }
    body.no-sidebar aside.two-middle .featured>li,
    body.no-sidebar.search-on-map-page section.grid>article {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured>li,
    body.no-sidebar section.grid>article,
    body:not(.no-sidebar) aside:not(.two-middle) section:not(.side_block) .featured>li {
        flex: 0 0 25%;
        max-width: 25%
    }
    body:not(.no-sidebar) section.grid>article {
        flex: 0 0 33%;
        max-width: 33%
    }
    .page-footer .mobile-apps {
        display: flex;
        flex-direction: column
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .point1 {
        max-width: 940px
    }
    body.home-page:not(.no-sidebar) section#content {
        float: left
    }
    div.table-cell>div.name {
        width: 250px
    }
    table.info td.name {
        width: 75px
    }
    .seller-short ul.seller-info {
        min-width: 110px
    }
    ul.featured .icons {
        width: 100%;
        margin-top: 20px
    }
    section.side_block ul.featured .icons {
        margin-top: 5px
    }
    section#listings.grid ul.card-info,
    ul.featured>li>ul {
        padding: 15px
    }
    section#listings.list div.picture {
        width: 260px;
        height: 100%
    }
    section#listings ul.card-info>li {
        margin-bottom: 4px
    }
    aside.top section.content_block {
        padding-bottom: 48px
    }
    aside.bottom section.content_block {
        padding-top: 40px
    }
    .no-sidebar aside.middle {
        padding-top: 40px;
        padding-bottom: 40px
    }
    aside.middle {
        padding-top: 10px
    }
    aside.two-middle section.content_block {
        padding-top: 40px;
        padding-bottom: 20px
    }
    .grid_navbar {
        margin-bottom: 15px
    }
    .page-footer>div {
        padding: 40px 0 48px
    }
}

@media screen and (max-width:991px) {
    .listing-picture-slider__navbar>span:after,
    .listing-picture-slider__navbar>span:not(:first-child) {
        display: none !important
    }
    section.content_block:not(.no-header)>div,
    section.side_block:not(.no-header)>div,
    ul.featured .icons {
        width: 100%;
        margin-top: 20px
    }
    .home-page input[type=number],
    .home-page input[type=text],
    .home-page select,
    .home-page select:focus,
    .home-page span.pills {
        height: 40px;
        font-size: .875em
    }
    .home-page span.pills>label {
        height: 38px !important;
        line-height: 38px
    }
    .page-footer .mobile-apps a,
    section#controller_area:not(:empty)+aside {
        margin-top: 0
    }
    body.home-page header.page-header.main-menu-hidden div.top-navigation {
        min-height: 88px
    }
    .carousel.carousel-fade {
        min-height: 56px
    }
    .carousel .carousel-caption {
        max-width: 620px;
        bottom: 16px
    }
    .carousel .carousel-slide-heading {
        font-size: 32px;
        line-height: 36px
    }
    .carousel .carousel-slide-description {
        font-size: 18px;
        line-height: 24px;
        max-width: 450px
    }
    .carousel .carousel-item {
        height: 200px !important
    }
    .home-page .main-wrapper .header-tabs__tabs-exists {
        margin-top: 28px !important
    }
    .home-page .header-tabs .tabs li.overflowed {
        margin-top: 56px
    }
    .home-page .search-block-content .select2-selection--single,
    .home-page .search-block-content input[type=button],
    .home-page .search-block-content input[type=number],
    .home-page .search-block-content input[type=text],
    .home-page .search-block-content select,
    .home-page .search-block-content select:focus,
    .home-page .search-block-content span.pills,
    .home-page .search-form-cell.submit>div input[type=button],
    .home-page .search-form-cell.submit>div input[type=submit] {
        height: 40px
    }
    .search-block-content {
        padding: 14px 0 0
    }
    .search-block-content.no-tabs {
        background: var(--content-background-color)
    }
    body.home-page section.content_block>h2,
    body.home-page section.content_block>h3 {
        font-size: 1.75em
    }
    aside.bottom section.content_block {
        padding-top: 20px
    }
    aside.two-middle section.content_block {
        padding-top: 32px;
        padding-bottom: 0
    }
    .no-sidebar aside.middle {
        padding-top: 32px;
        padding-bottom: 32px
    }
    aside.middle {
        padding-top: 10px
    }
    .bumpup-page-page section.side_block,
    .home-page section#main_container aside.left section.side_block,
    section#main_container aside.left.second-copy {
        margin-top: 20px
    }
    section.side_block.similarListings {
        margin-top: 15px;
        padding: 30px
    }
    section.side_block>h3 {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    section.side_block>h3 svg {
        display: block
    }
    section#listings.grid ul.card-info>li.system {
        padding-top: 8px
    }
    .home-page section#main_container aside.left {
        margin-bottom: 0
    }
    body.view-details-page.get-details-box section#main_container section.seller-short {
        display: none
    }
    section.side_block_search>h3 {
        color: var(--body-font-color)
    }
    div.search-footer div.align-button {
        text-align: right
    }
    ul#messages_area>li>span {
        display: block
    }
    .search-block-content form div.search-form-cell {
        width: 50%
    }
    .grid_navbar {
        margin-bottom: 15px
    }
    ul.plans {
        white-space: normal !important;
        display: block !important
    }
    ul.plans>li {
        max-width: none !important
    }
    ul.plans>li>div.frame {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important
    }
    ul.plans>li>div.frame div.selector {
        padding-top: 20px !important
    }
    ul.plans>li>div.frame div.selector,
    ul.plans>li>div.frame span.description {
        position: static !important
    }
    .page-footer>div {
        padding: 40px 0 48px
    }
}

@media screen and (width:768px) {
    .main-menu nav.menu ul.menu {
        right: 0
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    body.search-on-map-page div#logo {
        padding: 0 !important;
        height: auto !important
    }
    .point1 {
        max-width: 720px
    }
    .header-nav {
        min-height: 100px
    }
    section.content_block {
        margin-bottom: 20px
    }
    aside.middle section.content_block:last-child {
        margin-bottom: 0
    }
    section.side_block div.subscribe input {
        width: 100% !important
    }
    div.row>div.form {
        margin-top: 0 !important
    }
    aside.bottom {
        margin-top: 20px
    }
    section.seller-short>div>div.picture img {
        height: 92px
    }
    section.side_block_search div.search-item {
        width: 100%;
        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,
    .search-item.couple-field>.custom-input {
        width: 33.33%
    }
    section#listings.grid ul.info {
        padding-top: 8px
    }
    section#listings.list ul.info {
        max-width: 320px
    }
    .link-large {
        font-size: 1.286em
    }
    div.table-cell>div.name {
        width: 223px
    }
    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%
    }
}

@media screen and (max-width:767px) {
    .smart-search__form,
    section.seller-short div.picture>div:first-child {
        margin-top: 10px
    }
    section.seller-short ul.seller-info {
        overflow: hidden
    }
    .search-map-container.search #map_listings {
        background: 0 0
    }
    body.search-on-map-page section#main_container {
        top: 60px !important
    }
    .search-map-container #listings_cont>header,
    body.search-on-map-page .search-map-container #search_area {
        background: var(--top-navigation-background-color) !important
    }
    body.search-on-map-page header.page-header.fixed-menu {
        height: 44px !important;
        z-index: 500 !important
    }
    body.search-on-map-page .search-map-container #search_area {
        background: var(--content-background-color)
    }
    body.search-on-map-page .header-nav div.row>div:nth-child(2),
    body>svg.hide,
    ul.steps.mobile>li.prev+li+li+li {
        display: none !important
    }
    body.search-on-map-page .header-nav {
        box-shadow: inset 0 -1px 0 #e6e6e6;
        padding-bottom: 8px !important
    }
    body.search-on-map-page .search-form-cell>div {
        margin-left: 0;
        margin-right: 0
    }
    body.search-on-map-page .search-map-container div.mobile-navigation {
        z-index: 300;
        background-color: var(--content-background-color) !important
    }
    body.search-on-map-page .search-map-container #map_listings {
        max-width: none;
        z-index: 298
    }
    .search-map-container div.mobile-navigation,
    .search-map-container div.mobile-navigation>div:nth-child(2n) {
        border-color: var(--plans-border-color) !important
    }
    .search-map-container div.mobile-navigation>div:after {
        filter: var(--icon-filter)
    }
    body.search-on-map-page .cart-icon-container>.default {
        padding-right: 15px
    }
    body.search-on-map-page ul.tabs>li.more.opened {
        background: 0 0;
        box-shadow: none
    }
    body.search-on-map-page ul.tabs>li.overflowed {
        top: 44px;
        z-index: 100
    }
    body.search-on-map-page .search-map-container div.mobile-navigation>div.map:after {
        background-position: 0 -65px;
        margin-top: 11px;
        width: 20px;
        height: 22px
    }
    body.search-on-map-page .search-map-container div.mobile-navigation>div.map.active:after {
        background-position: right -65px !important;
        margin-top: 11px;
        width: 20px;
        height: 22px
    }
    @media only screen and (-webkit-min-device-pixel-ratio:1.5),
    only screen and (min--moz-device-pixel-ratio:1.5),
    only screen and (min-device-pixel-ratio:1.5),
    only screen and (min-resolution:144dpi) {
        body.search-on-map-page .search-map-container div.mobile-navigation>div.map:after {
            background-position: 0 -449px;
            margin-top: 13px;
            width: 14px;
            height: 18px
        }
        body.search-on-map-page .search-map-container div.mobile-navigation>div.map.active:after {
            background-position: -14px -449px !important;
            margin-top: 13px;
            width: 14px;
            height: 18px
        }
    }
    ul.featured.accounts>li {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
    .custom-post-button {
        display: flex
    }
    .custom-post-button .button {
        height: 33px !important;
        padding: 0 10px !important;
        font-size: 14px
    }
    .mobile-menu .account-menu-content a,
    .mobile-menu .user-navbar-container a {
        font-weight: 400;
        text-transform: capitalize
    }
    .main-menu span.menu-button>svg,
    .mobile-menu {
        transition: background var(--duration) var(--timing)
    }
    .menu,
    section.seller-short ul.seller-info>li:first-child {
        margin-top: 0
    }
    body.home-page section#main_container>div.inside-container {
        padding-left: 0;
        padding-right: 0
    }
    .grid_navbar.listings-area .buttons>div.grid,
    .mobile-menu a.active:after,
    .search-form-cell.submit>div>span,
    div.list-table>div.header,
    div.submit-cell>div.name:empty,
    div.top-header,
    section#listings ul.nav-column>li>a>span.link,
    section#listings ul.nav-column>li>span.link,
    section#listings.list ul.card-info>ol,
    section#listings.my-listings .item div.navigation>ul>li a>span,
    section#listings.my-listings div.picture>div.label,
    table.contacts-list tr>td:nth-child(2n),
    ul.steps.mobile>li {
        display: none
    }
    div.top-header>div.point1 {
        min-width: auto
    }
    h1 {
        font-size: 1.714em;
        margin-bottom: 20px;
        padding: 0 15px
    }
    .h1-nav nav>a.post_ad {
        margin-right: 10px;
        width: 34px
    }
    .h1-nav nav>a:not(.button) {
        height: 34px
    }
    .h1-nav nav>a.post_ad:after,
    .h1-nav nav>a.post_ad:before {
        content: "";
        position: absolute;
        width: 16px;
        top: 16px;
        left: 9px
    }
    .h1-nav nav>a.post_ad:after {
        width: 2px;
        height: 16px;
        top: 9px;
        left: 16px
    }
    #bread_crumbs>ul,
    .content-padding,
    .text-notice {
        padding-left: 15px;
        padding-right: 15px
    }
    .point1 {
        max-width: 540px;
        min-width: 320px
    }
    div#header-banner,
    section.list {
        padding: 0 15px
    }
    .user-navbar,
    section#listings.my-listings .item div.stat ul>li:nth-child(2n) {
        margin-right: 0
    }
    .top-navigation svg.cart-navbar-icon,
    .user-navbar .circle .default:before {
        margin: 0 !important
    }
    div#logo {
        margin-left: 14px;
        padding: 0
    }
    div#logo img {
        width: auto;
        height: 32px
    }
    .main-menu {
        align-items: center
    }
    .steps.mobile~form>div.plans-container,
    .user-navbar .circle {
        margin: 0
    }
    .user-navbar .circle .default>span {
        width: 0;
        text-indent: -1000px
    }
    header.page-header div.top-navigation {
        min-height: 88px;
        padding-top: 13px;
        padding-bottom: 16px
    }
    header.page-header div.top-navigation .mobile-menu a.button.add-property {
        align-items: center;
        justify-content: center;
        background: var(--top-navigation-background-color);
        box-shadow: 0 0 0 15px var(--top-navigation-background-color);
        text-transform: none;
        line-height: inherit;
        font-size: .75em;
        font-weight: 500;
        letter-spacing: .6px;
        text-transform: uppercase;
        margin: 15px 15px 0
    }
    .menu {
        border-top: none;
        padding-top: 0
    }
    .menu a:last-child {
        margin-right: auto
    }
    .mobile-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        z-index: 300;
        top: 0;
        right: 0;
        max-width: 100%;
        width: 100%;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        box-shadow: 0 0 0 5000px rgba(17, 17, 17, .4)
    }
    .mobile-menu .mobile-menu-header {
        display: flex !important;
        width: 100%;
        min-height: 40px;
        padding: 0 15px;
        background: #235c99
    }
    .mobile-menu .welcome {
        padding: 10px 15px
    }
    .mobile-menu .mobile-menu-header>.mobile-menu-header-title {
        font-size: 18px;
        font-weight: 700;
        color: #fff
    }
    .mobile-menu .menu-content {
        background: var(--top-navigation-background-color);
        width: 100%;
        height: auto
    }
    .mobile-menu .menu-content a {
        display: block;
        padding: 4px 15px
    }
    .mobile-menu .menu-content .account-menu-content a {
        padding-top: 0;
        padding-bottom: 0
    }
    .mobile-menu a:hover,
    span.mobile-menu-header>span:last-child:hover:before {
        opacity: 1
    }
    .mobile-menu a.active {
        color: var(--body-font-color)
    }
    .mobile-menu ul.account-menu-content,
    div.list-table,
    section.seller-short div.counter,
    ul.packages>li {
        display: block
    }
    .listing-picture-slider__navbar,
    .listing-picture-slider__navbar>span,
    .mobile-menu ul.account-menu-content>li {
        padding: 0
    }
    .mobile-menu ul.account-menu-content>li a {
        font-size: .875em;
        display: flex;
        align-items: center
    }
    .mobile-menu ul.account-menu-content>li a:not(.logout) {
        color: var(--link-color)
    }
    .mobile-menu .lang-selector a {
        font-weight: 400;
        padding: 0
    }
    .mobile-menu .user-navbar-container {
        display: block;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
    .mobile-menu .user-navbar-container a {
        color: var(--link-color);
        margin-top: 12px;
        padding: 0;
        height: auto !important
    }
    span.mobile-menu-header svg.mobile-close-icon {
        width: 44px;
        height: 44px;
        fill: #fff;
        padding: 16px;
        margin-right: -16px;
        margin-left: auto
    }
    .main-menu span.menu-button {
        height: 34px;
        cursor: pointer;
        font-size: .813em;
        font-weight: 500;
        color: var(--body-font-color);
        padding: 0 0 0 10px
    }
    .main-menu span.menu-button>svg {
        width: 20px;
        height: 14px;
        filter: var(--icon-filter);
        fill: var(--header-icon-fill)
    }
    .main-menu span.menu-button:hover>span {
        background: #040e03
    }
    .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: #fff
    }
    .carousel .carousel-caption {
        left: 80px;
        right: 80px
    }
    .carousel.no-search-tabs .carousel-item {
        height: 258px
    }
    .carousel .carousel-slide-heading {
        font-size: 24px;
        line-height: 28px
    }
    .carousel .carousel-slide-description {
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px
    }
    .carousel a.button {
        margin-top: 12px
    }
    .carousel .carousel-control-next,
    .carousel .carousel-control-prev {
        padding: 0 20px
    }
    .carousel .carousel-indicators {
        bottom: 0
    }
    .home-page .header-tabs.point1 {
        max-width: none
    }
    .home-page .header-tabs .horizontal-search {
        max-width: 540px;
        margin: 0 auto
    }
    ul.featured .icons {
        width: auto;
        margin-top: 10px
    }
    #area_keyword form.kws-block .two-inline,
    .field.single-field>input[type=text],
    .field.single-field>select,
    .search-block-content form div.search-form-cell,
    .search-form-cell,
    ul.tabs.search_tabs,
    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.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>li>a {
        padding: 0 10px;
        font-size: 1em
    }
    .listing-header h1,
    .my-profile-page ul.tabs,
    .search-page ul.tabs {
        margin: 0 15px
    }
    .search-form-cell>div span.pills,
    .search-form-cell>div>div {
        width: 100% !important
    }
    .search-form-cell.numeric-field {
        width: 50%
    }
    .search-form-cell.submit>div {
        margin-top: 15px
    }
    .booking-availability,
    div.subscribe input[type=text] {
        max-width: none !important
    }
    .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 14px 55px 22px
    }
    section.content_block,
    section.side_block,
    ul.steps.mobile {
        margin-left: 15px;
        margin-right: 15px
    }
    .grid_navbar {
        margin: -15px 15px 10px
    }
    section.home-content {
        margin: 0 0 20px
    }
    aside.bottom {
        margin-top: 20px
    }
    #controller_area div.fieldset.divider>header,
    section.list {
        margin: 0 -5px
    }
    div.notification.done,
    section#listings ul.nav-column>li .icon {
        top: 0
    }
    section#listings .item:hover .main-column,
    section#listings.list .main-column {
        box-shadow: none
    }
    body.search-on-map-page .search-map-container #map_listings>div section {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap
    }
    body.search-on-map-page .search-map-container #map_listings>div section.list>article {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px !important;
        margin: 0
    }
    body.search-on-map-page section#listings.list ul.card-info>li.title div.favorite {
        top: 0;
        right: 0;
        bottom: auto
    }
    .my-all-ads-page section.list>article {
        margin-left: auto !important;
        margin-right: auto !important
    }
    section.list:not(.my-listings)>article {
        flex: 0 0 50%;
        max-width: calc(50% - 10px);
        margin: 5px;
        padding: 0 0 20px
    }
    section#listings.list div.picture {
        width: 100%;
        height: auto;
        padding-bottom: 100%
    }
    section#listings .link-large {
        font-size: 1em !important
    }
    section#listings.list ul.card-info {
        padding: 10px 0 0;
        width: 100%
    }
    section#listings.list ul.card-info .system {
        gap: 10px
    }
    section#listings ul.card-info span.favorite {
        display: inline-block;
        vertical-align: middle
    }
    section#listings.list ul.card-info span.favorite {
        float: right;
        margin-top: 5px
    }
    section#listings.list ul.card-info>li:last-child {
        padding-bottom: 0;
        justify-content: space-between;
        align-items: center
    }
    .listing-header div.icons {
        justify-content: center;
        margin: 8px 0
    }
    div.listing-details.loc-exists .content-section {
        margin-top: 30px;
        padding: 0 15px
    }
    div.listing-details h1 {
        margin-bottom: 15px;
        padding: 0
    }
    div.listing-details .top-navigation,
    section#listings.my-listings .item div.stat>ul {
        padding: 0 10px
    }
    .seller-short.landscape div.picture,
    section#listings.my-listings .item div.stat .two-inline>:first-child {
        float: none
    }
    div.listing-details section.statistics ul.controls {
        float: none;
        width: 100%
    }
    div.submit-cell {
        flex-direction: column
    }
    div.submit-cell>div.name {
        padding: 0;
        min-height: 26px;
        line-height: 26px;
        flex-basis: auto
    }
    #modal_block div.submit-cell div.name {
        width: 120px
    }
    div.submit-cell.buttons div.name {
        min-height: inherit;
        height: 0
    }
    .form-buttons.form a {
        width: auto
    }
    section#accounts.grid {
        display: flex;
        justify-content: center
    }
    section#accounts>article>div,
    section#accounts>article>ul {
        width: auto !important
    }
    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.account-location div.name,
    section.seller-short div.picture+div div.name {
        width: 120px !important
    }
    .account-location .map-capture {
        margin: 15px -10px 0
    }
    ul.steps.mobile>li.current,
    ul.steps.mobile>li.current+li,
    ul.steps.mobile>li.current+li+li,
    ul.steps.mobile>li.prev {
        display: inline-block;
        width: 33.33333% !important
    }
    .form-buttons {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center
    }
    div.list-table>div.row>div>div.inline,
    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: 540px;
        margin: 0 auto
    }
    .content-padding .content-padding,
    .content-padding .text-notice,
    div.fieldset.light>header,
    div.listing-details .content-section .content-padding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    div.list-table>div.row {
        display: block;
        border-bottom: 2px solid #f8f8f8;
        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: .929em;
        color: #949494;
        position: absolute;
        left: 0;
        top: 5px;
        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.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
    }
    section#listings.my-listings .item div.info {
        width: 100%;
        padding: 0 0 10px;
        margin: 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: #fff;
        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: 0 10px;
        margin-bottom: 15px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }
    section#listings.my-listings .item.featured div.info .title {
        background: #fb6a5c;
        color: #010101
    }
    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.stat {
        display: block;
        width: 100%;
        position: relative
    }
    section#listings.my-listings .item div.stat ul>li {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        margin-right: 4%
    }
    div.plans-container {
        margin: 0 15px;
        width: auto !important
    }
    .add-listing-page .selected-plan,
    .edit-listing-page .selected-plan {
        padding-top: 0 !important
    }
    .add-listing-page div.fieldset#fs_shipping_details,
    .edit-listing-page div.fieldset#fs_shipping_details {
        margin: 0 -15px
    }
    .advanced-search-form div.fieldset.light>header {
        padding-left: 15px !important
    }
    .bumpup-page-page div.fieldset.light>header {
        padding: 7px 30px !important
    }
    ul.pagination {
        padding-left: 20px;
        padding-right: 20px
    }
    ul.packages>li div.frame {
        width: auto;
        display: block
    }
    ul.packages>li div.status {
        margin: 15px 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
    }
    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
    }
    section.side_block table.table td.name {
        width: 45%
    }
}

@media screen and (max-width:575px) {
    .home-page .header-tabs .tabs li {
        width: 60%;
        margin-right: 0;
        min-width: auto;
        scroll-snap-align: start
    }
    #controller_area #listing_form>.submit-cell,
    #controller_area .content-padding>.account-menu-content,
    #controller_area .content-padding>.advanced-search-form>.submit-cell,
    #controller_area .content-padding>.step_area,
    #controller_area .content-padding>.submit-cell,
    #controller_area .content-padding>.tab_area form.kws-block,
    #controller_area .content-padding>.tab_area:not(#area_keyword),
    #controller_area .plans-container,
    #controller_area div.fieldset>div.body>div,
    .contact-us-page .content-padding>form,
    .dynamic-content div.listing-form .form-media,
    .login-page-form,
    .tabs~.text-notice,
    div.area_done,
    div.area_profile,
    div.list-table.transactions,
    div.submit-cell.selected-category,
    div.submit-cell.selected-category~div.submit-cell,
    div:not(.body)>div>div.table-cell.wide-field,
    section.content_block.highlighted:not(.no-style)>div,
    section.side_block.similarListings {
        padding: 15px
    }
    .my-all-ads-page section.list {
        margin: 0
    }
    .carousel .carousel-control-next,
    .carousel .carousel-control-prev {
        display: none !important
    }
    section.side_block .search-block-content.no-tabs {
        padding: 0
    }
    div.password_strength {
        padding: 5px 0 0
    }
    .carousel .carousel-caption {
        left: 15px;
        right: 15px
    }
    .carousel .carousel-slide-heading {
        font-size: 20px;
        line-height: 24px
    }
    .carousel .carousel-slide-description {
        margin-top: 10px
    }
    .carousel a.button {
        margin-top: 14px
    }
    .home-page .header-tabs .tabs {
        scroll-snap-type: x mandatory;
        margin-left: 15px;
        margin-right: 15px
    }
    ul.tabs>li>a {
        font-size: .875rem
    }
    .search-block-content,
    section#listings.list ul.card-info {
        padding: 10px 0 0
    }
    ul.featured {
        margin-left: -5px;
        margin-right: -5px
    }
    ul.featured>li {
        padding-left: 5px;
        padding-right: 5px
    }
    ul.featured>li:before {
        left: 5px;
        right: 5px
    }
    ul.featured>li>ul {
        padding: 6px 10px 10px
    }
    section#listings.list .item:hover .main-column,
    ul.featured>li:hover {
        box-shadow: none
    }
    body.home-page aside.middle section.content_block.listings_box,
    body.home-page aside.top section.content_block.listings_box {
        padding-left: 0;
        padding-right: 0
    }
    .seller-short .button-exists~div {
        margin-top: 30px
    }
    .compare-ad-tab svg.compare-close {
        fill: var(--body-font-color) !important
    }
    .page-footer>div {
        padding: 20px 0 28px
    }
}

@media screen and (max-width:440px) {
    .carousel .carousel-slide-heading {
        font-size: 18px;
        line-height: 22px
    }
    .circle_mobile-full-width {
        position: static !important
    }
    .circle_mobile-full-width .content {
        top: 64px
    }
    ul.card-info .price-tag>span,
    ul.card-info>li.price_tag>div>span,
    ul.card-info>li.system .type {
        font-size: 1.125em
    }
}

@media screen and (max-width:383px) {
    section.seller-short>div>div.picture {
        margin: 0 0 15px;
        float: none
    }
    section.seller-short>div>div.picture img {
        max-width: 150px;
        height: auto
    }
    section.seller-short ul.seller-info {
        overflow: auto
    }
    div.table-cell ul.checkboxes>li {
        float: none;
        width: 100%;
        margin: 0
    }
    section#listings.my-listings .item>div.navigation>ul>li select {
        width: 130px
    }
    .gptwdg {
        transform: scale(.96);
        transform-origin: 0 0
    }
    .field.inline-fields>span.custom-input {
        padding: 0 20px 0 0
    }
}

@media screen and (min-width:767px) {
    .menu {
        justify-content: space-between
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
    span.mobile-menu-header>span:last-child:before {
        background: url("../img/@2x/gallery2.png") right -50px/40px auto no-repeat
    }
    ul.card-info>li.services>span:before {
        background: url("../img/@2x/gallery2.png") right -148px/40px auto no-repeat
    }
    ul.card-info>li.services>span.bathrooms:before {
        background-position: right -132px
    }
    ul.card-info>li.services>span.square_feet:before {
        background-position: right -162px
    }
    label.switcher>input[type=checkbox]+span:not(.status):before {
        background-image: url("../img/@2x/gallery2.png");
        background-position: -8px -972px;
        background-repeat: no-repeat;
        background-size: 40px auto
    }
    label.switcher>input[type=checkbox]:checked+span:not(.status):before {
        background-image: url("../img/@2x/gallery2.png");
        background-position: 0 -972px;
        background-repeat: no-repeat;
        background-size: 40px auto
    }
    ul.menu-mobile:before {
        background: url("../img/@2x/gallery2.png") right -409px/40px auto no-repeat
    }
    .grid_navbar div.map>div>span {
        background: url("../img/@2x/gallery2.png") 0 -546px/40px auto no-repeat
    }
    .grid_navbar div.map.active span,
    .grid_navbar div.map:hover span {
        background: url("../img/@2x/gallery2.png") right -546px/40px auto no-repeat
    }
    span.media-enlarge:after {
        background: url("../img/@2x/gallery2.png") left -345px/40px auto no-repeat
    }
    #loan_reset_form {
        background: url("../img/@2x/gallery2.png") right -426px/40px auto no-repeat
    }
    .seller-short form div.field>input+span {
        background: url("../img/@2x/gallery2.png") right -373px/40px auto no-repeat
    }
    .seller-short form div.field>input[name=contact_email]+span {
        background-position: right -391px
    }
    .seller-short form div.field>input[name=contact_phone]+span {
        background-position: right -407px
    }
    .modal_block div.inner div.close>div,
    ul#messages_area>li>span {
        background: url("../img/@2x/gallery2.png") right -326px/40px auto no-repeat
    }
    div.table-cell ul.checkboxes>li.active img {
        background: url("../img/@2x/gallery2.png") 0 -625px/40px auto no-repeat
    }
    div.no-picture img.account-picture,
    section#accounts>article div.no-picture div.picture img {
        background-image: url("../img/@2x/no-account.png");
        background-size: contain
    }
    section.side_block>span.expander {
        background: url("../img/@2x/gallery2.png") right -502px/40px auto no-repeat
    }
    section.side_block>span.expander.active {
        background-position: 0 -502px
    }
    input.search:hover {
        height: 37px;
        background: url("../img/gallery.png") 12px -431px no-repeat #fec04f
    }
    div.close-black>div {
        background: url("../img/@2x/gallery2.png") right -675px/40px auto no-repeat
    }
    .close-red {
        background: url("../img/@2x/gallery2.png") -25px -53px/40px auto no-repeat
    }
    .close-red:hover,
    div.close-black:hover>div {
        opacity: .8
    }
    img.remove {
        background: url("../img/@2x/gallery2.png") 0 -857px/40px auto no-repeat
    }
    img.qtip {
        background-image: url("../img/@2x/gallery2.png");
        background-position: 6px -325px;
        background-size: 40px auto
    }
    #controller_area div.fieldset>header>span.arrow {
        background: url("../img/@2x/gallery2.png") -20px -77px/40px auto no-repeat
    }
    .my-listings div.navigation ul li.nav-icon>a:before {
        background: url("../img/@2x/gallery2.png") 0 -775px/40px auto no-repeat
    }
    .my-listings div.navigation ul li.nav-icon>a.add-video:before {
        background-position: 0 -821px
    }
    .my-listings div.navigation ul li.nav-icon>a.edit:before {
        background-position: 0 -755px
    }
    .my-listings div.navigation ul li.nav-icon>a.unsubscription:before {
        background-position: left -933px
    }
    .delete.icon,
    .my-listings div.navigation ul li.nav-icon>a.delete:before {
        background: url("../img/@2x/gallery2.png") right -755px/40px auto no-repeat
    }
    span.media-enlarge>span {
        background: url("../img/@2x/gallery2.png") right -604px/40px auto no-repeat
    }
    div.map-capture>img {
        background-size: auto 100%
    }
    div.controls a#advanced_search:after {
        background: url("../img/@2x/gallery2.png") right -449px/40px auto no-repeat
    }
    #search_area #advanced_search:after {
        background: url("../img/@2x/gallery2.png") -34px -449px/40px auto no-repeat
    }
}

@media(max-width:400px) {
    .col-auto {
        padding-left: 7px
    }
}

.listings_box li div.table-cell.small>div.name:after {
    content: ""
}

@media(max-width:768px) {
    .category-description,
    .info {
        padding: 0 15px;
    }
    span.ddhide {
        margin-top: 5px !important;
        display: block;
    }
    input#date_available_starting_from_from_coliving_quick {
        margin-bottom: 15px
    }
    .list div.table-cell>div.name+div.value {
        padding-left: 0;
        width: 100%
    }
    .list div.table-cell.small>div.name:after {
        content: ''
    }
    .categories-box_subcategory-exists a.categories-box__parent-link {
        font-size: 15px !important
    }
    body.home-page section.content_block:not(.no-header)>div {
        margin: 18px 0 0
    }
    body.home-page section.content_block>h2 {
        font-size: 1.5em
    }
    .no-sidebar section.content_block {
        margin-bottom: 20px
    }
}

@media(max-width:554px) {
    body.home-page .header-tabs .tabs {
        flex-wrap: wrap
    }
    .home-page .header-tabs .tabs li:first-child {
        margin-bottom: 10px
    }
}

@media(max-width:454px) {
    .circle>.default {
        padding: 0
    }
    .main-menu {
        padding-left: 5px
    }
    .custom-post-button {
        padding-left: 0
    }
    div.table-cell div.value,
    div.table-cell>div.name,
    ul.card-info>li.fields {
        font-size: 12px
    }
    ul.featured.with-pictures ul.card-info>li.title a {
        font-size: 15px;
        font-weight: 500
    }
    div.table-cell>div.name {
        width: 146px
    }
}

div#sf_field_available_starting_from {
    display: flex;
    align-items: center
}

.services .table-cell {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 4px;
    padding-top: 4px
}

.custom_wifi span.custom-input {
    margin-right: 11px
}

#sf_field_bathroom .custom-input,
#sf_field_bathroom2 .custom-input,
#sf_field_bed_size .custom-input,
#sf_field_tvs .custom-input,
#sf_field_wifi .custom-input,
#sf_field_working_desktop .custom-input {
    width: 122px
}

.notice-fields {
    font-size: 12px;
    color: red
}

.grid div.table-cell.small>div.name {
    width: 190px
}

.my-listings#listings.list div.picture {
    width: 235px;
    height: 184px
}

.priceData {
    position: absolute;
    background: #00000094;
    padding: 4px 9px;
    font-weight: 500;
    color: #fff
}

.faqs li.page {
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.faqs li.page h4 {
    margin-bottom: 5px
}

.counterDiv {
    background: #da6721;
    color: #fff;
    width: 20px
}

.faqBtn {
    border: none !important;
    color: #fff !important;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.title-why {
    font-size: 20px;
    color: #525252
}

.why-us-box {
    height: 100%;
    padding: 30px 19px;
    box-shadow: 1px 3px 6px 0 #cbcbcb
}

.hero {
    width: 100%;
    position: relative;
    padding: 120px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--default-color);
    backgorund: #000
}

.hero .container {
    position: relative;
    z-index: 3
}

.hero img,
.hero:before {
    position: absolute;
    inset: 0
}

.carousel-slide-heading {
    font-size: 37px;
    font-weight: 700;
    color: #fff
}

.carousel-slide-description {
    font-size: 19px;
    color: #fff;
    margin-top: 10px
}

.hero:before {
    content: "";
    background: color-mix(in srgb, #060606, transparent 60%);
    z-index: 2
}

.hero img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.catName a {
    color: #000;
    font-size: 1.1em;
}

@media(max-width:576px) {
    .hero {
        padding: 60px 0
    }
    .carousel-slide-heading {
        font-size: 25px
    }
    .hero .container {
        padding: 0 10px
    }
    .customD {
        flex-direction: row;
        justify-content: space-between;
    }
    .customD p {
        margin-bottom: 0px
    }
}

.pourquoi_utiliser_appartager .row,
.view_all_listing_by_district .row {
    display: flex;
    justify-content: center;
}

.listings_box div {
    text-align: center
}

.customD .dropdown-menu {
    display: none;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #efefef;
    padding: 10px 17px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    z-index: 1000;
    top: 31px
}

.customD.active .dropdown-menu,
.customD:hover .dropdown-menu {
    display: block
}

.customD {
    cursor: pointer
}

.customD .dropdown-menu ul {
    padding: 0 !important;
    margin: 0;
    list-style: none;
}

.customD .dropdown-menu ul li {
    line-height: 29px;
    font-size: 15px;
}

.customD .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: translateX(-50%);
    left: 50%;
    border-bottom: 10px solid #efefef
}

.field-bound-box-text__wrapper {
    position: relative;
}

@media(max-width:576px) {
    .customD .dropdown-menu:before {
        left: 44px;
    }
    .dropdown-menu ul li a {
        font-size: 14px
    }
}

section.content_block.view_all_listing_of_roommates.html-block {
    padding-top: 0;
}

.dropdown-menu ul li a:hover {
    color: #da6721
}

.welcome {
    margin-bottom: 10px;
}

.popup .submit-cell {
    display: flex;
    flex-direction: column
}