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

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

/*** COMMON STYLES ***/
body, html {
    height: 100%;
}
body {
    margin: 0px auto;
    background: #ffffff;
    font-size: 16px;
    color: #222222;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

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

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

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

ul li {
    list-style: none;
}

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

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

.grid-icon-fill,
.details-icon-fill {
    fill: #222222 !important;
    width: 17px;
    vertical-align: baseline;
    margin-right: 8px;
    margin-left: 2px;
}

/*.grid-icon-fill, .details-icon-fill {*/
/*    width: 17px;*/
/*    fill: #008b8b !important;*/
/*    transform-origin: center;*/

/*    animation:*/
/*            popIn 0.3s ease-out forwards,*/
/*            glowPulse 1.5s ease-in-out infinite 0.3s; !* starts after pop *!*/
/*}*/

/*@keyframes popIn {*/
/*    0% { transform: scale(0.3); opacity: 0; }*/
/*    60% { transform: scale(1.2); opacity: 1; }*/
/*    100% { transform: scale(1); }*/
/*}*/

/*@keyframes glowPulse {*/
/*    0%, 100% { filter: drop-shadow(0 0 0px #008b8b); }*/
/*    50% { filter: drop-shadow(0 0 6px #008b8b); }*/
/*}*/



.header-usernav-icon-fill {
    fill: #f1cb00 !important;
}

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

/* links */
a:link,
a:visited,
.link {
    color: #222222;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
}
a:hover,
a:active,
a.active,
.link:hover {
    color: #00152f;
}
a.color-light {
    color: rgba(255,255,255,.9);
}
a.color-light:hover {
    color: white;
}

a.add-listing-word, a.add_rate_range, .login-page-form a {
    color: red;
}



/* links end */

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

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

.h1-nav h1 {
    overflow: hidden;
    margin-top: 0;
}
.h1-nav nav {
    float: right;
    vertical-align: top;
}
.h1-nav nav > a.icon {
    display: none!important;
}
body.home-page #content h1 {
    text-align: center;
}
/* h1 end */

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

/* inputs */
input[type=text],
input[type=search],
input[type=password],
input[type=number],
textarea,
select,
span.pills,
.select2-selection--single,
.select2-selection--multiple,
.select2-dropdown {
    height: 44px;
    background: white;
    border: 1px #E6E6E6 solid;
    color: #111111;
    font-size: 0.875em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0 10px 3px;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color 0.3s ease;
}
input:hover,
select:hover,
.select2-container:not(.select2-container--disabled) .select2-selection--single:hover {
    border-color: #999999;
}
input:focus {
    border-color: #222222;
}
select:focus,
.select2-container:not(.select2-container--disabled) .select2-selection--single:focus,
.select2-container--open .select2-selection--single {
    background-color: #f5f6f9;
    border-color: #9fa5b7;
}
textarea {
    line-height: normal;
    height: auto;
    padding: 8px 10px 8px;
    width: 100%;
}
select,
.select2-selection--single .select2-selection__arrow {
    background: url('../img/dropdown-arrow.svg') right 18px no-repeat white;
    background-size: 18px 5px;
    padding-right: 28px;
}
select.disabled,
select[disabled=disabled],
input[disabled=disabled],
.select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    color: #acacac;
    background-color: #F2F2F2;
    background-image: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
    margin: 0;
}
option {
    padding: 2px 0;
    color: inherit !important;
}
input[type=submit],
input[type=button],
.file-input span,
a.button,
.btn {
    background: #ECC600;
    height: 44px;
    padding: 0 20px 2px;
    color: #001E47;
    font-size: 0.813em;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    transition: background 0.3s ease;
}
input[type=submit]:hover,
input[type=button]:hover,
a.button:not(.disabled):hover,
.file-input span:hover,
.btn:hover {
    background: #FFE24A;
}
a.button {
    display: inline-block;
    line-height: 42px;
}
a.button.disabled,
input[type=submit][disabled=disabled],
input[type=button][disabled=disabled],
input[type=submit].disabled,
input[type=button].disabled {
    cursor: not-allowed;
    background: #b1b1b1 !important;
    color: #e6e6e6;
    box-shadow: none;
}
input[type=submit].low,
input[type=button].low,
a.button.low {
    height: 28px;
    line-height: 28px;
    font-size: 0.750em;
    padding: 0 11px 3px;
    white-space: nowrap;
}
.button.warning:not(.disabled) {
    background: #c51c1c;
    border: none;
}
.button.warning:not(.disabled):hover {
    background: #d62c2c !important;
}

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

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

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

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

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

::-webkit-input-placeholder {
    color: #999999;
    font-weight: 300;
}
:-moz-placeholder {
    color: #999999;
    font-weight: 300;
}
::-moz-placeholder {
    color: #999999;
    font-weight: 300;
}
:-ms-input-placeholder {
    color: #999999;
    font-weight: 300;
}
*:focus {
    outline: none;
}

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

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

/*** PAGE HEADER ***/
header.page-header {
    position: relative;
    padding-bottom: 15px;
    z-index: 100;
}
.page-header-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 10px), 50% 100%, 0% calc(100% - 10px));
    backface-visibility: hidden;
}
body:not(.search-on-map-page) .page-header .page-header-mask {
    background: url('../img/bg3.webp') no-repeat center center #9e9da2;
    background-size: cover;
}

/*body.home-page .page-header-mask {*/

/*    clip-path: polygon(*/
/*            0 0,*/
/*            100% 0,*/
/*            100% 85%,*/
/*            85% 92%,*/
/*            70% 88%,*/
/*            55% 95%,*/
/*            40% 87%,*/
/*            25% 92%,*/
/*            0 85%*/
/*    );*/

/*    animation: waveMorph 8s ease-in-out infinite;*/
/*    transition: clip-path 1s ease;*/

/*}*/

/*@keyframes waveMorph {*/
/*    0% {*/
/*        clip-path: polygon(*/
/*                0 0, 100% 0,*/
/*                100% 85%, 85% 92%, 70% 88%, 55% 95%, 40% 87%, 25% 92%, 0 85%*/
/*        );*/
/*    }*/
/*    50% {*/
/*        clip-path: polygon(*/
/*                0 0, 100% 0,*/
/*                100% 82%, 88% 95%, 72% 90%, 55% 98%, 38% 90%, 22% 95%, 0 82%*/
/*        );*/
/*    }*/
/*    100% {*/
/*        clip-path: polygon(*/
/*                0 0, 100% 0,*/
/*                100% 85%, 85% 92%, 70% 88%, 55% 95%, 40% 87%, 25% 92%, 0 85%*/
/*        );*/
/*    }*/
/*}*/




body.home-page .page-header-mask {
    clip-path: polygon(
            0 0,
            100% 0,
            100% 85%,
            85% 92%,
            70% 88%,
            55% 95%,
            40% 87%,
            25% 92%,
            0 85%
    );

    animation: waveMorph 4s ease-in-out infinite;
    transition: clip-path 0.6s ease;
}

@keyframes waveMorph {
    0% {
        transform: translateY(0px);
        clip-path: polygon(
                0 0, 100% 0,
                100% 85%, 85% 92%, 70% 88%, 55% 95%, 40% 87%, 25% 92%, 0 85%
        );
    }
    50% {
        transform: translateY(3px);
        clip-path: polygon(
                0 0, 100% 0,
                100% 80%, 88% 96%, 72% 90%, 55% 100%, 38% 90%, 22% 96%, 0 80%
        );
    }
    100% {
        transform: translateY(0px);
        clip-path: polygon(
                0 0, 100% 0,
                100% 85%, 85% 92%, 70% 88%, 55% 95%, 40% 87%, 25% 92%, 0 85%
        );
    }
}





/* Make the header the bounding box */


/* SNOW LAYERS */
.snow, .snow2, .snow3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-repeat: repeat;
    background-size: 200px 200px;
    animation: snowFall 15s linear infinite;
    opacity: .7;
    z-index: 2; /* stays above image but below content */
}

/* SVG snow pattern */
.snow {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="10" cy="20" r="1.5" fill="white"/><circle cx="40" cy="10" r="1.2" fill="white"/><circle cx="70" cy="30" r="1.4" fill="white"/><circle cx="20" cy="60" r="1.1" fill="white"/><circle cx="80" cy="80" r="1.3" fill="white"/><circle cx="55" cy="50" r="1.6" fill="white"/><circle cx="30" cy="90" r="1.4" fill="white"/></svg>');
}

/* Middle layer */
.snow2 {
    opacity: .5;
    animation-duration: 25s;
    background-size: 250px 250px;
}

/* Back layer */
.snow3 {
    opacity: .3;
    animation-duration: 35s;
    background-size: 300px 300px;
}

/* Falling animation */
@keyframes snowFall {
    0%   { transform: translateY(-10%); }
    100% { transform: translateY(100%); }
}






body.home-page header.page-header {
    padding-bottom: 145px;
}



.page-header-mask:before {
    content: '';
    background: rgba(24, 46, 75, 0.60);
    /*mix-blend-mode: multiply;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.page-header-mask:after {
    content: '';
    background: rgb(24,46,75);
    background: linear-gradient(180deg, rgba(24,46,75,0.65) 0%, rgba(24,46,75,0) 100%);
    /*mix-blend-mode: multiply;*/
    position: absolute;
    height: 200px;
    top: 0;
    right: 0;
    left: 0;
}
header.page-header > div.point1 {
    max-width: 100%;
    position: relative;
    z-index: 1;
}
header.page-header div.top-navigation {
    height: 44px;
    margin: 0 auto;
    position: relative;
    /*border-bottom: 1px rgba(255,255,255,.15) solid;*/
}
div.top-navigation > div > span.circle:first-of-type {
    margin-left: -12px;
}
header.page-header > div > * > * {
    margin: 0 auto;
}
.header-contacts {
    white-space: nowrap;
}
.header-contacts svg {
    width: 12px;
    height: 10px;
    opacity: .6;
    fill: #ffffff;
    fill-opacity: .45;
    stroke-opacity: .45;
}
.contacts__handset svg {
    height: 12px;
    margin-bottom: -2px;
}
.header-contacts a:hover svg {
    opacity: 1;
}

#logo {
    margin-bottom: 10px;
}
.header-nav {
    min-height: 96px;
}

div#header-banner {
    width: 728px;
    height: 90px;
}
div#header-banner div.bmb10 {
    margin: 0!important;
    width: auto!important;
    height: auto!important;
}
div#header-banner img {
    width: 100%;
}
div#header-banner div.banner {
    width: 100%;
}
div#header-banner tr.banner-here {
    border: 0;
}
div#header-banner tr.banner-here > td {
    box-shadow: inset 0 0 0 1px #aed0c4;
    color: #92bfaf;
    background: #d5f1e7;
}

div.banner-space {
    box-shadow: inset 0 0 0 1px #9e9da2;
    color: #6d6c73;
    font-size: 1.125em;
}
div.banner-in-grid + div.banner-in-grid {
    display: none;
}
div.banner-in-grid > div.banner-space {
    height: 90px !important;
    margin-bottom: 30px;
    max-width: 780px;
}
#listings.list div.banner-space,
#listings.list div.banner-in-grid > .content_block {
    margin-bottom: 8px;
}

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

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

#user-navbar > span.default > span {
    max-width: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#user-navbar > span.default:before {
    content: '';
    display: inline-block;
    background: url('../img/gallery.png') 0 -242px no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.circle_opened > span.default:before {
    filter: brightness(0.2);
}
.circle_opened > span.default svg {
    fill: #372c00 !important;
}
#user-navbar > span.default > span.logged-in {
    background-position: -19px -255px;
    width: 14px;
    height: 20px;
    margin: 8px 0 0 0;
}

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

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

.user-navbar-container {
    padding: 10px 0;
    min-width: 240px;
    font-size: 0.875em;
}
#user-navbar span.content.a-menu {
    padding: 13px 20px;
}
#user-navbar ul > li {
    padding-right: 25px;
    position: relative;
}
#user-navbar ul > li > a {
    white-space: nowrap;
}
#user-navbar ul > li > a.logout {
    color: #f97777;
}
#user-navbar ul > li > a.logout:hover {
    color: #fe8f8f;
}
#user-navbar a.counter,
.account-menu-content a.counter {
    color: #fb6a5c;
    padding: 0;
    display: inline-block;
    line-height: initial;
    position: absolute;
    right: 0;
    top: 5px;
}
.user-navbar-container .remember-me {
    color: initial;
}
/* top navigation end */

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

.menu .add-property {
    display: flex;
    font-size: 0.813em;
    color: #FFD600 !important;
    font-weight: 400;
    align-items: center;
    white-space: nowrap;
}
.menu .add-property:hover {
    filter: brightness(1.1);
}
.menu .add-property span {
    display: block;
    width: 22px;
    height: 22px;
    background: #F1CA00;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
}
.menu .add-property span:before,
.menu .add-property span:after {
    content: '';
    position: absolute;
    background: #373346;
    width: 2px;
    height: 10px;
    left: 10px;
    top: 6px;
}
.menu .add-property span:after {
    width: 10px;
    height: 2px;
    left: 6px;
    top: 10px;
}
/*** PAGE HEADER END ***/

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

aside.two-middle > div,
aside.two-middle > div > div,
aside.two-middle .content_block {
    display: flex;
}
aside.two-middle .content_block,
aside.two-middle > div > div {
    flex-direction: column;
    flex: 1;
}
aside.two-middle .content_block > div {
    flex: 1;
}

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

/* bread crubmbs */
#bread_crumbs {
    margin: 0 auto;
    font-size: 0.813em;
}
#bread_crumbs > ul {
    margin: 0 auto;
    padding: 10px 0 20px;
}
#bread_crumbs > ul > * {
    display: inline-block;
    padding-top: 10px;
}
#bread_crumbs > ul a {
    color: #777777;
}
#bread_crumbs > ul > *:not(:last-child):after {
    content: attr(accesskey);
    padding: 0 8px;
    color: #B5B5B5;
    font-size: 12px;
}
/* bread crubmbs end */

/* content/side blocks */
section.content_block,
section.side_block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 4px;
}
section.content_block > h3,
section.side_block > h3 {
    font-size: 1.500em;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
}
section.content_block > div,
section.side_block > div {
    position: relative;
}
section.content_block:not(.no-style) > div {
    /*box-shadow: 0 0 0 1px #E8E8E8;*/
    /*padding: 20px;*/
    border-radius: 4px;
}
section.content_block > div h3,
section.side_block > div h3 {
    font-size: 1.357em;
    margin-top: -5px;
    margin-bottom: 25px;
}
section.content_block:not(.no-header) > div,
section.side_block:not(.no-header) > div {
    margin: 17px 0 0 0;
}
section.content_block.highlighted:not(.no-style) > div {
    padding: 20px;
    background: #F5F5F5;
    border-radius: 4px;
}
aside.middle {
    margin-bottom: 30px;
}
aside.middle section.content_block:last-child {
    margin-bottom: 0;
}
section.contact-seller-bottom {
    margin-top: 30px;
    padding-bottom: 0!important;
}
section.contact-seller-bottom > div {
    background: #f5f5f5!important;
}
/* content/sidebar block end */

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

/* checkbox */
.search-item.checkbox-field {
    margin-bottom: -10px;
}
.search-item.checkbox-field > .custom-input {
    display: inline-block;
    width: 50%;
}
.search-item.checkbox-field > .custom-input {
    padding: 0 0 10px 0;
}
.search-item.checkbox-field > .custom-input > label {
    padding-right: 5px;
}
.search-item.checkbox-field div.field,
.search-item.couple-field div.field {
    padding-bottom: 8px;
}

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

/* search form elements */
.horizontal-search h1 {
    font-size: 2.125em;
    line-height: 45px;
    font-weight: 700;
    color: white;
}
.horizontal-search h3 {
    font-size: 1.375em;
    font-weight: 600;
    color: white;
}
.search-form-cell {
    margin-bottom: 13px;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}
.h1-exists .search-form-cell,
.search-map-container .search-form-cell,
.map-search-mode .search-form-cell:not(.flex-column) {
    flex: 0 0 50%;
    max-width: 50%;
}
.h1-exists .search-form-cell.address,
.h1-exists .search-form-cell.tabs,
.map-search-mode .search-form-cell.flex-column,
.map-search-mode .search-form-cell.address {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.search-form-button {
    flex: 1 0 auto;
    /*max-width: 100%;*/
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 26px;
}
.search-form-cell > div > span {
    color: white;
    opacity: .8;
    font-size: 0.813em;
    display: inline-block;
    padding-bottom: 5px;
}
.search-form-cell > div > div input[type=text],
.search-form-cell > div > div input[type=number],
.search-form-cell > div > div select,
.search-form-cell > div > div span.pills,
.search-form-cell > div > div .select2-selection--single {
    width: 100%;
    background-color: rgba(255,255,255,.80);
    border-color: white;
}
.search-form-cell > div > div select,
.search-form-cell > div > div .select2-selection__arrow {
    background-image: url('../img/dropdown-arrow.svg')
}
.search-block-content .d-flex > div > div input[type=submit] {
    width: 100%;
}
.search-form-cell > div > div input:focus {
    border-color: #E6E6E6;
    background-color: rgba(255,255,255,0.9);
}
.search-form-cell > div > div select[disabled=disabled],
.search-form-cell > div > div .select2-container--disabled .select2-selection__arrow {
    border-color: transparent;
    background-image: url('../img/dropdown-arrow-white.svg')
}
.search-form-cell > div > div .select2-container--disabled .select2-selection--single {
    border-color: transparent;
}
.search-form-cell.two-fields > div > div,
.search-form-cell.three-field > div > div {
    display: flex;
}
.search-form-cell.three-field > div > div > * {
    display: flex;
}
.search-form-cell.three-field > div > div input[type=text],
.search-form-cell.three-field > div > div input[type=number] {
    flex: 1 1 35%;
    max-width: 35%;
}
.search-form-cell.three-field > div > div select {
    flex: 1;
}
.search-form-cell.two-fields > div > div > *:not(:last-child):not(.date),
.search-form-cell.three-field > div > div > *:not(:last-child) {
    margin-right: 4px;
}
/*** PAGE CONTENT END ***/

/*** PAGE FOOTER ***/
.page-footer {
    background: #40485b;
    color: #c3c3c3;
}
.page-footer > div {
    padding: 20px 0;
    min-height: 162px;
    margin: 0 auto;
    position: relative;
}
.page-footer .footer-menu ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.813em;
    padding: 4px 0;
    display: inline-block;
    color: #c3c3c3;
}
.page-footer .footer-menu ul li a:hover, .page-footer .footer-menu ul li a.active {
    color: #FFD600;
}
.page-footer .newsletter .subscribe {
    display: flex; }
.page-footer .newsletter .subscribe div:first-of-type {
    display: none !important; }
.page-footer .newsletter .subscribe div:last-of-type {
    flex: 1; }
.page-footer .newsletter input[type=text] {
    width: 100%;
    max-width: 100%;
    border-radius: 4px 0 0 4px; }
.page-footer .newsletter input.button {
    border-radius: 0 4px 4px 0;
    padding: 0 15px 2px !important;
    height: 44px; }
.page-footer .newsletter #newsletter_email {
    border: 0; }
.page-footer .newsletter__text {
    margin-bottom: 20px;
    color: #EEEDED;
    font-size: 0.813em; }

.footer__menu-title {
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #EDEDED;
    font-size: 0.938em;
    white-space: nowrap;
}

/*** PAGE FOOTER ***/
.page-footer {
    background: #40485b;
    color: #c3c3c3;
}
.page-footer > div {
    padding: 20px 0;
    min-height: 162px;
    margin: 0 auto;
    position: relative;
}
.page-footer .footer-menu ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.813em;
    padding: 4px 0;
    display: inline-block;
    color: #c3c3c3;
}
.page-footer .footer-menu ul li a:hover, .page-footer .footer-menu ul li a.active {
    color: #FFD600;
}
.page-footer .newsletter .subscribe {
    display: flex; }
.page-footer .newsletter .subscribe div:first-of-type {
    display: none !important; }
.page-footer .newsletter .subscribe div:last-of-type {
    flex: 1; }
.page-footer .newsletter input[type=text] {
    width: 100%;
    max-width: 100%;
    border-radius: 4px 0 0 4px; }
.page-footer .newsletter input.button {
    border-radius: 0 4px 4px 0;
    padding: 0 15px 2px !important;
    height: 44px; }
.page-footer .newsletter #newsletter_email {
    border: 0; }
.page-footer .newsletter__text {
    margin-bottom: 20px;
    color: #EEEDED;
    font-size: 0.813em; }

.footer__menu-title {
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #EDEDED;
    font-size: 0.938em;
    white-space: nowrap;
}

.footer-data {
    font-size: 0.929em;
}
.footer-data a {
    color: #999999 !important;
    text-decoration: underline;
}
.footer-data .icons a svg {
    width: 24px;
    height: 24px;
    fill: #8e8b97;
}
.footer-data .icons a:hover svg {
    fill: #cfced2;
}
/*** PAGE FOOTER END ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

/* seach on map */
body.search-on-map-page .page-header-mask {
    clip-path: none;
}
body.search-on-map-page .page-header-mask:after {
    content: none;
}
body.search-on-map-page .page-header-mask:before {
    background: #182e4b;
}
body.search-on-map-page .header-contacts {
    display: none !important;
}
body.search-on-map-page .header-nav {
    min-height: 62px !important;
}
body.search-on-map-page .main-menu .menu {
    padding-right: 30px;
}
body.search-on-map-page .search-map-container #search_area {
    background-color: #e4e6ea !important;
    padding-top: 10px;
}
.search-map-container .search-form-cell > div > span {
    color: inherit;
}
@media screen and (min-width: 768px) {
    body.search-on-map-page header.page-header.fixed-menu div#logo {
        margin-bottom: 0;
    }
    body.search-on-map-page .header-nav {
        box-shadow: none !important;
    }
    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        height: 62px !important;
        box-shadow: none !important;
    }
    body.search-on-map-page .header-nav div.row > div:not(:first-child) {
        display: none !important;
    }
    body.search-on-map-page .main-menu span.menu-button {
        height: 62px;
    }
    #map_listings footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
        background: #40485b !important;
        color: #c3c3c3;
    }
    #map_listings .footer-data {
        margin-top: 0 !important;
    }
    #map_listings .search-block-content form div.search-form-cell.number {
        max-width: 25%;
        flex: 0 0 25%;
    }
    form[name=map-search-form] {
        margin: 0 -15px;
    }
    .search-map-container #search_area {
        background-color: #f7f6f6 !important;
    }
    .search-map-container #search_area ul.tabs {
        margin-top: 20px !important;
    }

    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        z-index: 100 !important;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        margin-right: 20px !important;
    }
    body.search-on-map-page span.menu-button {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    body.search-on-map-page header.page-header.fixed-menu {
        height: 44px !important;
        z-index: 80;
    }
    body.search-on-map-page section#main_container {
        top: 106px !important;
    }
    body.search-on-map-page .header-nav div.row > div:nth-child(2) {
        display: none !important;
    }
    body.search-on-map-page .header-nav {
        background: #182e4b;
    }
    .search-map-container div.mobile-navigation > div.map:after {
        width: 20px !important;
        height: 22px;
        margin-top: 11px;
        background-position: 0 -65px !important;
    }
    .search-map-container div.mobile-navigation > div.map.active:after {
        background-position: right -65px !important;
    }
    body.search-on-map-page .search-form-cell > div {
        margin-left: 0;
        margin-right: 0;
    }
    .search-map-container div.mobile-navigation {
        background-color: white !important;
    }
}
/* seach on map end */
/*** MISCELLANEOUS END ***/

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

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

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

form > div.submit-cell:last-of-type {
    padding-bottom: 0;
}
div.submit-cell > div.name {
    float: left;
    width: 170px;
    padding: 8px 10px 8px 0;
    /*font-size: 0.875em;*/
    font-size: 15px;
    font-weight: bold;
}
/*div.submit-cell > div.field {*/
/*    overflow: hidden;*/
/*    min-height: 38px;*/
/*}*/

/*.account_table div.submit-cell > div.field {*/
/*    overflow: auto!important;*/
/*    min-height: 38px;*/
/*}*/


div.submit-cell > div.field.checkbox-field,
div.submit-cell > div.field.inline-fields {
    padding-top: 10px;
    min-height: 28px;
}
div.submit-cell.custom-padding {
    padding: 5px 0 10px 0;
}
div.submit-cell.custom-padding > div {
    min-height: 25px;
}
div.submit-cell.buttons {
    padding: 10px 0 0 0;
}

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

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

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

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

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

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

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

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

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

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

/*** FEATURED LISTINGS BOX ***/
ul.featured > li {
    margin-bottom: 30px;
}
ul.featured:not(.row) {
    margin-left: -15px;
    margin-right: -15px;
}
section ul.featured:last-child {
    margin-bottom: -30px;
}
ul.featured > li > .picture {
    position: relative;
    width: 100%;
    padding-bottom: 66%;
    /*border: 1px #E8E8E8 solid;*/
    /*border-bottom: 0;*/
    /*border-radius: 4px 4px 0 0;*/
}
ul.featured > li img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url('../img/no-picture.svg') center center no-repeat #F8F8F8;
    /*border-radius: 3px 3px 0 0;*/
    border-radius: 15px;
}
.listing-fit-contain ul.featured > li img {
    object-fit: cover !important;
}
.listing-fit-contain ul.featured > li:not(.no-picture) img {
    background: #F8F8F8 !important;
}
ul.featured > li > ul {
    position: relative;
    padding: 9px 13px;
    background: white;
    /*border-radius: 0 0 4px 4px;*/
    /*border: 1px #E8E8E8 solid;*/
    border-top: 0;
}
ul.featured > li > ul > li:not(:last-child) {
    margin-bottom: 8px;
}
ul.featured .icons {
    display: flex;
    align-self: center;
    align-items: center;
}
ul.featured .icons .icon {
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    opacity: .7;
}
ul.featured .icons .icon:hover {
    opacity: 1;
}
ul.featured .icons > *:not(:last-child) {
    margin-right: 10px;
}

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

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

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

/*** GRID NAVIGATION BAR ***/
.grid_navbar {
    height: 40px;
    margin-bottom: 20px;
    font-size: 0.813em;
}
.grid_navbar .switcher {
    float: right;
    line-height: normal;
    height: 40px;
}
.grid_navbar .switcher > div {
    display: inline-block;
    height: 40px;
    line-height: 40px;
}
.grid_navbar .hook {
    vertical-align: top;
}
.grid_navbar .buttons > div {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}
.grid_navbar .buttons > div > div {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 9px;
    left: 9px;
    line-height: 0;
    user-select: none;
}
.grid_navbar .buttons > div > div > span {
    display: inline-block;
    border: 2px #006cc0 solid;
    border-radius: 2px;
    vertical-align: top;
}

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

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

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

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

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

/*** LISTINGS GRID ***/
/* grid view */
section#listings > article {
    position: relative;
}
section#listings .main-column {
    /*box-shadow: 0 0 0 1px #E8E8E8;*/
    /*border-radius: 4px;*/
    height: 100%;
}
section#listings .link-large {
    color: #000000;
    font-size: 0.938em !important;
    font-weight: 700;
}
section#listings div.picture {
    position: relative;
    width: 100%;
    padding-bottom: 66%;
    /*border-bottom: 1px #E8E8E8 solid;*/

}



section#listings div.picture:before {

    content: "";
    opacity: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .75) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .75) 100%);
    z-index: 1;


}


section#listings div.picture > img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(../img/no-picture.svg) center center no-repeat #F8F8F8;
}
.listing-fit-contain div.picture > img {
    /*object-fit: contain !important;*/
    object-fit: cover !important;
    border-radius: 15px;
}
#accounts div.picture > img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.listing-fit-contain div.picture:not(.no-picture) > img {
    background: #f1f1f1 !important;
}
section#listings div.picture > span {
    min-width: 21px;
    height: 20px;
    position: absolute;
    bottom: 6px;
    left: 12px;
    border: 2px white solid;
    text-align: center;
    font-size: 0.857em;
    cursor: pointer;
    z-index: 2;
}
section#listings div.picture > span:after {
    content: attr(accesskey);
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    left: -4px;
    top: -4px;
    box-shadow: 0 0 0 2px white;
    line-height: 18px;
    font-size: 0.813em;
}
section#listings ul.nav-column > li .icon {
    opacity: 0.7;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 5px;
    cursor: pointer;
}
section#listings ul.nav-column > li:hover .icon {
    opacity: 1;
}
.favorite span.icon {
    background: url('../img/gallery.png') 0 -94px no-repeat;
    display: block;
    width: 18px;
    height: 16px!important;
    cursor: pointer;
    margin-top: 1px;
}
section#listings.grid .icon {
    top: 1px!important;
}
.favorite.remove span.icon {
    background-position: -22px -94px;
}

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

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

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

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

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

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

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

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

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

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

/* top navigation */
.listing-header > .col-md-2 {
    height: 42px;
    padding: 0 15px;
    position: relative;
}
.listing-header div.icons {
    height: 42px;
    overflow: hidden;
    display: block;
    text-align: right;
    user-select: none;
}
.listing-header div.icons a.button {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: left;
}
.listing-header div.icons > *:not(.button) {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 12px 10px 0;

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

div.listing-details {
    overflow: hidden;
}

div.listing-details #area_listing > div.two-inline {
    margin: 10px 0 15px;
}
div.listing-details #area_listing > div.two-inline div.price-tag:first-child:last-child {
    float: left;
}
div.listing-details div.price-tag {
    margin-top: -8px;
}
div.listing-details div.price-tag > span {
    font-size: 1.714em;
    font-weight: 700;
    color: #333333;
}
#area_listing  div.listing-fields > div.row {
    margin-bottom: 25px;
}
/* main info section end */

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

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

#df_field_sale_rent, #df_field_time_frame {
    display: none;
}

/* content section end */

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

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

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

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

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

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

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

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

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

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

/*** ACCOUNT AREA ***/
.fb-connect {
    display: inline-block;
    width: 100%;
    line-height: 36px;
    height: 44px;
    padding: 3px 10px 0;
    color: white !important;
    font-size: 0.813em;
    background-color: #295AB4;
    position: relative;
    vertical-align: top;
    border-radius: 4px;
    text-transform: uppercase;
    padding-left: 40px;
    margin-top: 1rem;
}
.fb-connect:hover {
    background-color: #4576d0;
    transition: background-color 0.3s ease;
}
.button .fb-connect {
    width: auto;
    margin-top: 0;
    font-size: 0.813em !important;
}

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

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

ul.packages > li div.status {
    margin: auto;
    margin-left: 30px;
}
ul.packages > li div.status div.renew {
    padding-top: 15px;
}
ul.packages .overdue,
ul.packages .expired {
    color: #a52323;
}
ul.packages .active {
    color: #63b53b;
}
form[name="payment"] div.nav-buttons {
    padding-top: 20px;
}
/*** MY PACKAGES END ***/

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

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

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

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

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

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

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

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

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

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

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

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

/*** FIELDSET ***/

/********************************************
 *   PREMIUM FIELDSET CARD (BOXES + BLUE TAB)
 ********************************************/

/*** CARD CONTAINER ***/
div.fieldset {
    margin: 0 0 24px 0;
    /*background: #ffffff;*/
    border-radius: 4px 4px 0 0;
    /*border: 1px solid #d8dee6;*/
    /*overflow: hidden;*/
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

/*** CARD HOVER ELEVATION ***/
/*div.fieldset:hover {*/
/*    box-shadow: 0 6px 22px rgba(0,0,0,0.10);*/
/*    border-color: #cdd4dc;*/
/*}*/

/*** HEADER TAB — premium Booking.com style ***/
div.fieldset > header {
    padding: 12px 16px;
    background: linear-gradient(180deg, #1d3557, #102133);
    color: #ffffff !important;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.4px;

    border: none;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
}

/*** BODY wrapper (animated height) ***/
div.fieldset > div.body, #df_field_additional_information {
    padding: 0 18px 18px;
    /*max-height: 1000px;*/
    opacity: 1;
    transition: max-height .35s ease, opacity .25s ease;
}

/*** COLLAPSED STATE ***/
div.fieldset.collapsed > div.body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 18px; /* keep width consistent */
}

/*** BODY rows ***/
div.fieldset > div.body > div {
    padding: 14px 0;
    border-top: 1px solid #e9e9e9;
}

div.fieldset > div.body > div:first-child {
    border-top: none;
}

/********************************************
 *   MODERN ARROW ICON (DOWN + ROTATE UP)
 ********************************************/
:root {
    --arrow-down: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
    <polyline points='6 9 12 15 18 9'></polyline>\
    </svg>");
}

div.fieldset > header > span.arrow {
    width: 20px;
    height: 20px;
    background: var(--arrow-down) no-repeat center!important;
    background-size: 20px;
    transition: transform .25s ease, opacity .01s ease;
    opacity: 0.9;
}

div.fieldset > header > span.arrow:hover {
    opacity: 1;
}

div.fieldset > header > span.arrow.up {
    transform: rotate(180deg);
}

/********************************************
 * SIDE BLOCK HEADERS
 ********************************************/
.side_block div.fieldset > header {
    background: none !important;
    padding: 8px 0 !important;
    /*color: #333 !important;*/
    color: #333;
    border: none !important;
}



/*** FIELDSET END ***/

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

.categoty-column .item {
    /*margin-bottom: 13px;*/
}
.parent-cateory {
    align-items: baseline;
}
.empty-category a,
.empty-category a:hover,
.empty-category .category-counter,
.empty-category .sub_categories {
    filter: grayscale(2);
    opacity: .5;
}
div.fieldset div.category-slider-bar {
    position: static!important;
    top: auto;
    right: auto;
    text-align: center;
    padding-top: 3px;
}
div.category-slider-bar > span.arrow {
    width: 19px;
    height: 24px;
    display: none;
    cursor: pointer;
}
div.category-slider-bar span.prev,
div.category-slider-bar span.next {
    width: 7px;
    height: 12px;
    display: inline-block;
    background: url('../img/gallery.png') 0px -583px no-repeat;
    margin: 6px;
    user-select: none;
}
div.category-slider-bar span.next {
    background-position: right -583px;
}
div.category-slider-bar > span.navigation {
    height: 24px;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    margin: 0 5px;
    height: 4px;
    background: white;
    margin-top: 10px;
}
div.category-slider-bar > span.navigation > span {
    height: 4px;
    display: inline-block;
    vertical-align: top;
}
div.category-slider-bar > span.navigation > span.active {
    background: #fb6a5c;
}
section.categories-box {
    box-shadow: none;
}
section.categories-box ul.cat-tree > li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
section.categories-box div.cat-tree-cont.limit-height {
    overflow: hidden;
}

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

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

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

/*** STATISTICS BLOCK ***/
table.stats {
    margin-bottom: 0!important;
    border-spacing: 2px;
    border-collapse: separate;
    margin: 0 0 5px;
    table-layout: fixed;
    font-size: 0.875em;
}
table.stats td.column,
table.stats td.counter {
    white-space: nowrap;
    text-align: center;
    border-radius: 2px;
}
table.stats td.counter {
    background: white;
}
table.stats td.divider {
    width: 5px;
    text-align: center;
    padding: 0 5px;
}
table.stats td.dotted {
    background: white;
    padding: 2px 5px 4px;
}
table.stats td.dotted a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
section > div > table.stats:last-child {
    margin-bottom: 0;
}
/*** STATISTICS BLOCK END ***/

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

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

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

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

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

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

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

/* =========================
   Inline notification wrapper
   ========================= */

div.notification {
    width: 100%;
    margin: 16px 0;
    z-index: 1;
}

/* Outer frame */
div.notification > div {
    background: #f4f6f8;
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Message body */
div.notification > div > div.message {
    background: #e7f6ed;
    color: #1d5e38;
    padding: 14px 18px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.6;
}

/* Status variants */
div.notification.error > div > div.message {
    background: #fdecea;
    color: #8a1f17;
}

div.notification.warning > div > div.message {
    background: #fff7d6;
    color: #6a5a00;
}

/* Lists inside messages */
div.notification ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

div.notification ul > li {
    list-style: disc;
    margin-top: 4px;
}

/* Close button */
div.notification div.close-black {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

div.notification div.close-black:hover {
    opacity: 1;
}

/* Optional subtle appear animation */
div.notification {
    animation: notification-fade-in 0.2s ease;
}

@keyframes notification-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}




/*** NOTIFICATIONS END ***/

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

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

/*** SEARCH ON MAP ON HOME ***/
.page-header-map #map_container {
    width: 100%;
    height: 100%;
}
.page-header-map .page-header-mask:before {
    background-color: #e1dfda;
}
.page-header-map .page-header-mask:after,
body.search-on-map-page .page-header-mask:after {
    background: linear-gradient(180deg, rgba(24,46,75,1) 44px, rgba(24,46,75,0) 100%);
    pointer-events: none;
}
.page-header-map .leaflet-control-container {
    pointer-events: none;
    height: 100%;
    padding-bottom: 90px;
}
.page-header-map .leaflet-top.leaflet-right {
    position: relative;
    margin: 0 auto;
    height: 100%;
    align-content: flex-end;
}
.page-header-map .leaflet-bottom {
    bottom: 30px;
}
.map-search-mode {
    margin: 0 0 20px;
}
.map-search-mode .point1 {
    position: relative;
}
.map-search-mode #search_area {
    flex:auto !important;
    max-width: 330px !important;
    margin-left: 0 !important;
}
.map-search-mode .search-block-content {
    padding: 20px;
    background: rgba(28,50,78,.74);
    border-radius: 4px;
    pointer-events: auto;
}
.page-header-map .page-header-mask + .point1 {
    pointer-events: none;
}
.page-header-map .page-header-mask + .point1 .top-navigation,
.page-header-map .page-header-mask + .point1 .header-nav {
    pointer-events: auto;
}

.map-search-mode .search-form-cell.checkbox-field,
.map-search-mode .search-form-cell.single-field,
.map-search-mode .search-form-cell.three-field,
.map-search-mode .search-form-cell.form-switcher {
    flex: 0 0 100%;
    max-width: 100%;
}
.map-listing__info {
    font-size: 0.875em;
}
/*** SEARCH ON MAP ON HOME END ***/

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

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

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

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

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

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

div.banner {
    display: inherit!important;
}

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

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


/*** By Jane ***/

.group_amenities div.table-cell > div.name {
    float: none;
    margin: 1em 0 0.3rem;
    font-size: 1.1em;
    font-weight: 700;
    color: #000000;
    width: 100%;
    overflow: unset;
}

.group_amenities div.table-cell > div.name > div {
    text-overflow: unset;
    overflow: unset;
}

.group_amenities div.table-cell ul.checkboxes > li {
    white-space: unset;
    overflow: unset;
    text-overflow: ellipsis;
    /*padding-left: 0;*/
}

ul.card-info a {
    color: #000000;
    font-size: 0.938em !important;
}

/*sidebar filters */
.gf-box .gf-container {
    max-height: unset!important;
}
/*sidebar filters end */

/*sidebar category icons*/

.categories__container .owl-carousel .owl-stage {
    display: flex;
    justify-content: center;
}

.categories__container .owl-carousel .owl-item {
    display: flex;
    justify-content: center;
}


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

.categories__item {
    padding: 0 !important;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .categories__item.col-4 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}


/* Default styling for the SVG icons */
.categories__block svg g {
    /*width: 50px; !* Adjust size as needed *!*/
    /*height: auto;*/
    margin: 10px auto;
    display: block;
    fill: #6a6a6a; /* Default fill color */
    transition: fill 0.3s ease; /* Smooth transition for color change */
}

/* Default styling for the text */
.categories__block .custom-category-name {
    color: #6a6a6a; /* Default text color */
    text-decoration: none; /* No underline by default */
    transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Default styling for the link */
.categories__block .categories__link {
    color: #6a6a6a; /* Default link color */
    text-decoration: none; /* No underline by default */
    transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Hover effect for the categories__item */
.categories__block .categories__item:hover svg g {
    fill: #000000; /* Change SVG icon color to black on hover */
}

/* Hover effect for the link */
.categories__block .categories__item:hover .categories__link {
    color: #000000; /* Change link color to black on hover */
}

/* Hover effect for the category name with underline */
.categories__block .categories__item:hover .custom-category-name {
    color: #000000; /* Change text color to black on hover */
    /*text-decoration: underline; !* Add underline on hover *!*/
    /*text-decoration-color: #6a6a6a; !* Underline color *!*/
    /*transition: color 0.3s ease; !* Smooth transition for color change *!*/
}


/* Default styling for the category name */
.categories__block .custom-category-name {
    color: #6a6a6a; /* Default text color */
    position: relative; /* Required for the pseudo-element */
    transition: color 0.3s ease; /* Smooth transition for color change */
}

/* Add the hover effect with a custom underline */
.categories__block .categories__item:hover .custom-category-name {
    color: #000000; /* Change text color to black on hover */
}

/* Pseudo-element for the underline */
.categories__block .custom-category-name::after {
    content: ''; /* Empty content to create the line */
    position: absolute;
    left: 5%; /* Centered with 80% width */
    width: 90%; /* Underline is 80% of the width */
    height: 2px; /* Thickness of the underline */
    background-color: rgba(106, 106, 106, 0.53); /* Underline color */
    bottom: -10px; /* Margin-top of 10px as per requirement */
    transform: scaleX(0); /* Initially hidden */
    transform-origin: center;
    transition: transform 0.01s ease; /* Smooth transition for underline appearance */
}

/* Show the underline on hover */
.categories__block .categories__item:hover .custom-category-name::after {
    transform: scaleX(1); /* Fully visible underline */
}

.categories__link {
    color: #343434 !important;
    display: block;
    padding: 50px 20px 0;
    height: 74px;
    font-size: 0.625rem !important;
    font-weight: bold;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
}


.categories__link svg {

    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 13px;
    display: block;
    fill: #6a6a6a; /* Default fill color */
    transition: fill 0.3s ease; /* Smooth transition for color change */

}

.categories__link svg>* {
    stroke-width: 1.8px;
}

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

@media screen and (max-width: 1199px) {
    .owl-carousel {
        margin: 0 40px;
    }
}

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

/*.owl-carousel .owl-stage .owl-item:first-child {*/
/*    display: none;*/
/*}*/

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    backface-visibility: hidden;
    min-width: 500px !important;
    max-width: 25000px !important;
}

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

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

.owl-carousel .owl-item {
    position: relative;
    float: left;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    width: auto !important;
    min-width: 90px !important;
    max-width: 200px !important;
    height: 75px;
}

.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 1.571em;
    width: 40px;
    height: 100%;
    right: 100%;
}

.owl-carousel .owl-prev::before,
.owl-carousel .owl-next::before {
    content: '';
    position: absolute;
    top: 28%;
    left: 50%;
    margin-top: 0px;
    margin-left: -5.5px;
    width: 14px;
    height: 19px;
    background: url("../img/gallery.png") 9px -574px no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    padding: 14px;
    border-radius: 30px;
    border: 1px solid #5c5c5c;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

    .owl-carousel .owl-prev:before,
    .owl-carousel .owl-next:before {
        background: url("../img/gallery.png") 9px -574px no-repeat;
    }
}

.owl-carousel .owl-next {
    right: auto;
    left: 100%;
    transform: scaleX(-1);
}

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

body[dir=rtl] .owl-next {
    left: auto;
    right: 100%;
    transform: none;
}

/* categories menu end */

/* home page */

.home-page nav.icons {
    display: none;
}

/* home page end  */



/* =================================================
   LANGUAGE SELECTOR – EMOJI FLAGS (FINAL)
   ================================================= */

/* =================================================
   LANGUAGE SELECTOR – EMOJI FLAGS (FULL FINAL)
   ================================================= */

/* ===============================
   BASE LAYOUT
   =============================== */
#lang-selector .default,
#lang-selector .lang-selector a {
    display: inline-flex !important;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
}

/* ===============================
   PSEUDO ELEMENT BASE
   =============================== */
#lang-selector .default::before,
#lang-selector .lang-selector a::before {
    display: inline-block;
    line-height: 1;
}

/* ===============================
   DROPDOWN FLAGS (by data-code)
   =============================== */
#lang-selector a[data-code="mk"]::before { content: "🇲🇰"; }
#lang-selector a[data-code="en"]::before { content: "🇬🇧"; }
#lang-selector a[data-code="sr"]::before { content: "🇷🇸"; }

/* ===============================
   DEFAULT FLAG (fallback)
   =============================== */
#lang-selector .default::before {
    content: "🏳️";
}

/* ===============================
   DEFAULT FLAG (by accesskey)
   =============================== */
#lang-selector .default[accesskey="Mk"]::before { content: "🇲🇰"; }
#lang-selector .default[accesskey="En"]::before { content: "🇬🇧"; }
#lang-selector .default[accesskey="Sr"]::before { content: "🇷🇸"; }

/* ===============================
   SELECTED LANGUAGE (FLAG ONLY)
   =============================== */
#lang-selector .default {
    font-size: 0;                /* hide text */
}

#lang-selector .default::before {
    font-size: 1.7rem;             /* BIG flag */
    margin-right: 0;
}

/* ===============================
   DROPDOWN LANGUAGES
   (FLAG + TEXT VISIBLE)
   =============================== */
#lang-selector .lang-selector a {
    font-size: 0.95rem;          /* text visible */
}

#lang-selector .lang-selector a::before {
    font-size: 1.1rem;           /* normal flag size */
    margin-right: 6px;
}

/* ===============================
   OPTIONAL HOVER POLISH
   =============================== */
#lang-selector .lang-selector a:hover {
    opacity: 0.85;
}

.circle_opened > span.default:before {
    filter: brightness(1);
}


/* language ends */


/* ==================================
   EMOTIONAL REGISTER BLOCK – PRO
   ================================== */

.register-emotional {
    max-width: 620px;
    padding: 24px 18px;
    animation: fadeUp .5s ease-out both;
}

/* TITLE */
.register-title {
    font-size: 30px;
    line-height: 1.15;
    margin-bottom: 8px;
    color: #0f172a;
    text-align: center;
}

.register-title span {
    display: inline-block;
    margin-top: 4px;
    font-size: 15px;
    color: #16a34a;
    font-weight: 700;
}

/* SUBTITLE */
.register-subtitle {
    font-size: 16px;
    color: #334155;
    margin-bottom: 18px;
    text-align: center;
}

/* POINTS */
.register-points {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.point {
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 14px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
    animation: slideIn .5s ease-out both;
}

.point strong {
    display: block;
    font-size: 15px;
    margin-bottom: 2px;
}

.point span {
    color: #475569;
}

/* NEGATIVE (COMPETITORS) */
.point.negative {
    background: #ffffff;
    border-left: 4px solid #ef4444;
}

.point.negative:nth-child(1) { animation-delay: .05s; }
.point.negative:nth-child(2) { animation-delay: .12s; }

/* POSITIVE (YOU) */
.point.positive {
    background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
    border-left: 4px solid #22c55e;
    animation-delay: .2s;
}

/* VALUE CHIPS */
.register-emotion {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.register-emotion div {
    background: #f8fafc;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    animation: pulseSoft 3s infinite;
}

/* WARNING */
.register-warning {
    font-size: 13px;
    color: #475569;
    margin-top: 4px;
}

/* ANIMATIONS */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulseSoft {
    0%, 100% {
        box-shadow: 0 0 0 rgba(34,197,94,0);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(34,197,94,0.08);
    }
}

/* MOBILE */
@media (max-width: 480px) {
    .register-title {
        font-size: 24px;
    }

    .register-subtitle {
        font-size: 15px;
    }
}





/* =========================================
   REGISTER HEADING WITH SIDE ARROWS (PRO)
   ========================================= */

.register-heading-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin: 32px 0 22px;
    text-align: center;
}

/* H1 */
.register-heading {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #0f172a;
    position: relative;
    white-space: nowrap;
    margin: 0;
}

/* ARROW CONTAINER */
.side-arrows {
    display: flex;
    flex-direction: column;
    gap: 6px;
    animation: floatY 1.8s ease-in-out infinite;
}

/* Stagger animation */
.side-arrows.left {
    animation-delay: 0s;
}

.side-arrows.right {
    animation-delay: .25s;
}

/* SINGLE ARROW (CSS CHEVRON) */
.side-arrows span {
    width: 14px;
    height: 14px;
    border-right: 3px solid #16a34a;
    border-bottom: 3px solid #16a34a;
    transform: rotate(45deg);
    opacity: .75;
}

/* FLOAT ANIMATION */
@keyframes floatY {
    0% {
        transform: translateY(0);
        opacity: .6;
    }
    50% {
        transform: translateY(8px);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: .6;
    }
}

/* MOBILE */
@media (max-width: 480px) {
    .register-heading {
        font-size: 26px;
    }

    .side-arrows span {
        width: 11px;
        height: 11px;
        border-width: 2px;
    }

    .register-heading-wrap {
        gap: 14px;
    }
}







/*** By Jane end ***/


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

/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
    section#controller_area {
        padding-bottom: 30px;
    }

    .main-menu .menu > div {
        padding-right: 30px;
    }
    .main-menu .menu {
        margin-left: 40px;
        height: 58px;
        padding-bottom: 4px;
    }
    .main-menu .menu a {
        display: flex;
        font-size: 0.813em;
        color: white;
        font-weight: 400;
        align-items: center;
        white-space: nowrap;
    }
    .main-menu .menu a:not(.add-property) {
        margin-right: 30px;
    }
    .main-menu .menu div {
        overflow: hidden;
        flex-wrap: wrap;
    }
    .main-menu .menu div > a:last-of-type {
        margin-right: 0;
    }
    .main-menu .menu a:not(.add-property):hover,
    .main-menu .menu a.active {
        box-shadow: inset 0 3px 0 #F1CA00;
    }
    .main-menu ul.menu > li.more > span {
        display: inline-block;
        margin: 4px 0 0 0;
        padding: 5px;
        cursor: pointer;
        user-select: none;
    }
    .main-menu ul.menu > li.more > span > span {
        width: 4px;
        height: 4px;
        background: #09396E;
        display: inline-block;
        margin: 8px 2px 0 0;
        border-radius: 2px;
        vertical-align: top;
    }
    .main-menu ul.menu > li.more_active > span > span {
        background: #ffffff;
    }
    ul#main_menu_more {
        display: none;
        position: absolute;
        top: 139px;
        padding: 5px 20px;
        background: #6ba162;
        z-index: 102;
        border-top: 0;
        text-align: left;
    }
    ul#main_menu_more > li > a {
        padding: 10px 0;
        box-shadow: none;
    }
    /* main menu end */

    /* sidebar block */
    section.side_block > h3 {
        font-size: 0.875em;
        font-weight: 600;
        margin-top: -3px;
        text-transform: uppercase;
    }
    section.side_block > div {
        padding: 0!important;
    }
    section.side_block:not(.no-style) {
        background: #f5f6f9;
        padding: 20px;
        margin-bottom: 20px;
    }
    section.side_block:not(.no-style).seller-short {
        background-color: #F5F5F5;
    }
    aside.left > section.side_block:not(.no-style):first-child table.stats td.dotted,
    aside.left > section.side_block:not(.no-style):first-child table.stats td.counter {
        background-color: white;
    }
    /* sidebar block end */

    section.side_block span.expander {
        display: none;
    }
    section.categories-box ul.cat-tree > li.rest {
        display: none;
    }
    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 360px;
    }

    .grid_navbar {
        margin-bottom: 30px;
    }

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

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

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

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

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

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

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

    section.side_block .sub-categories-exist div.categoty-column {
        column-count: 1;
    }
}
/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
    .point1 {
        max-width: 1140px;
    }

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

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

    section.side_block ul.featured > li div.picture {
        float: left;
        width: 90px;
        height: 75px;
        margin-right: 10px;
        padding-bottom: 0;
        /*border: 1px #E8E8E8 solid;*/
    }
    section.side_block ul.featured div.picture img {
        background-size: 50% auto;
    }
    section.side_block ul.featured > li > ul {
        padding: 0!important;
        overflow: hidden;
        width: auto!important;
        background: none;
        border: 0;
    }
    section.side_block ul.featured > li > ul > li:first-child {
        margin-top: -4px;
    }

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

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

    div.special-block section > div.clearfix {
        height: 230px;
    }
    div.special-block a.category {
        font-size: 1.214em;
    }

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

    body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        flex: 0 0 20%;
        max-width: 20%;
    }
    body.no-sidebar aside.two-middle .featured > li {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    body:not(.no-sidebar) aside:not(.two-middle) section:not(.side_block) .featured > li,
    body:not(.no-sidebar) section.grid > article {
        /*flex: 0 0 25%;*/
        /*max-width: 25%;*/

        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    body:not(.search-on-map-page) .horizontal-search .h1-container {
        margin-left: 8.333333%;
    }
    body:not(.search-on-map-page) .horizontal-search.h1-exists #search_area {
        margin-left: 16.666667%;
    }
    .horizontal-search .h1-container,
    .horizontal-search.h1-exists #search_area {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    body.no-sidebar .categoty-column .item {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
/*** LAPTOP VIEW ***/
@media screen and (width: 1280px) {
    body.search-on-map-page .search-form-cell.address > div > div {
        min-width: 195px;
    }
}
/*** MIDDLE DESKTOP VIEW ***/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .point1 {
        max-width: 940px;
    }
    body.home-page:not(.no-sidebar) section#content {
        float: left;
    }

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

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

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

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

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

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

    section#listings.list div.picture {
        width: 190px;
        height: 126px;
    }
    section#listings > article div.navigation-column {
        width: 150px;
    }
    section#listings ul.card-info > li {
        margin-bottom: 4px;
    }
    .sub-categories-exist div.categoty-column {
        column-count: 4;
    }
    body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
        column-count: 3;
    }

    .horizontal-search {
        margin: 0 0 20px;
    }
    .search-form-cell {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .horizontal-search h1 {
        font-size: 2.125em;
        line-height: 45px;
    }

    .map-search-mode #search_area {
        max-width: 290px !important;
    }
}
/*** ALL TABLET/DESKTOP VIEWS ***/
@media screen and (min-width: 768px) {
    /*** CATEGORIES TREE BLOCK ***/
    section.content_block ul.cat-tree li span.toggle {
        display: none;
    }
    /*** CATEGORIES TREE BLOCK END ***/

    section#listings.list > article div.navigation-column {
        width: 180px;
        position: absolute;
        z-index: 1;
        right: 30px;
        top: 7px;
        font-size: 0.813rem;
    }
}
/*** ALL TABLET/MOBILE VIEWS ***/
@media screen and (max-width: 991px) {
    div#logo {
        margin-top: 0;
    }
    div#logo img {
        max-width: 100%;
    }
    section#controller_area:not(:empty) + aside {
        margin-top: 22px;
    }

    span.menu-button {
        height: 44px;
        margin-left: 14px;
        cursor: pointer;
        font-size: 0.813em;
        font-weight: 600;
        color: white;
    }
    span.menu-button > svg {
        width: 20px;
        height: 14px;

        transition: background 0.3s ease;
    }
    span.menu-button:hover > span {
        background: #040e03;
    }
    .main-menu nav.menu ul.menu {
        display: none;
        background: #2b2b2b;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 105;
        min-width: 230px;
        max-width: 305px;
        bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 58px 22px 55px;
    }
    .main-menu nav.menu ul.menu li.more {
        margin-bottom: 30px;
    }
    .main-menu nav.menu ul.menu > li > a {
        padding: 8px 0;
        display: inline-block;
    }
    .main-menu nav.menu ul.menu > li > a:hover {
        color: #67cc85;
    }
    .main-menu nav.menu ul.menu > li.active > a {
        color: white;
    }

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

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

    section#main_container aside.left {
        display: block;
        /*width: auto;*/
        vertical-align: top;
        float: none;
    }
    body.view-details-page.get-details-box section#main_container section.seller-short {
        display: none;
    }

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

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

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

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

    section.side_block:not(.no-style) table.stats td.dotted,
    section.side_block:not(.no-style) table.stats td.counter {
        background-color: white;
    }

    .horizontal-search.map-search-mode {
        margin-top: calc(100vh - 320px);
    }
    .page-header.page-header-map {
        padding-bottom: 0 !important;
    }
    .page-header.page-header-map .page-header-mask {
        height: calc(100vh - 100px);
    }
    .page-header-map .leaflet-control-container > .point1 {
        display: none;
    }
    .map-search-mode #search_area {
        margin: 0 auto !important;
    }
}
/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {
    .main-menu nav.menu ul.menu {
        right: 0;
    }
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .point1 {
        max-width: 720px;
    }

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

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

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

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

    section.side_block_search div.search-item {
        width: 48%;
        margin-right: 4%;
        display: inline-block;
        vertical-align: top;
    }
    section.side_block_search div.search-item:nth-of-type(2n) {
        margin-right: 0;
    }
    .search-item.checkbox-field > .custom-input {
        width: 50%;
    }
    .field.search-item.checkbox-field > .custom-input {
        width: 33.33%;
    }
    .search-item.couple-field > .custom-input {
        width: 33.33%;
    }

    section#listings.grid ul.info {
        padding-top: 8px;
    }
    section#listings.list > article div.navigation-column {
        width: 170px;
    }
    section#listings.list ul.info {
        max-width: 320px;
    }
    .link-large {
        font-size: 1.286em;
    }

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

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

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

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

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

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

    ul.packages > li div.frame {
        width: 420px;
    }
    body.no-sidebar .advanced-search-form {
        width: 80%;
    }

    .search-form-cell {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .horizontal-search h1 {
        font-size: 2.125em;
        line-height: 45px;
    }
    .horizontal-search h3 {
        font-size: 1.125em;
        font-weight: 500;
    }
    .search-form-cell {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
    h1 {
        font-size: 1.714em;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .h1-nav nav > a.post_ad {
        margin-right: 10px;
    }

    .h1-nav nav > a:not(.button) {
        width: 34px;
        height: 34px;
    }
    .h1-nav nav > a.post_ad:before,
    .h1-nav nav > a.post_ad:after {
        content: '';
        position: absolute;
        width: 16px;
        top: 16px;
        left: 9px;
    }
    .h1-nav nav > a.post_ad:after {
        width: 2px;
        height: 16px;
        top: 9px;
        left: 16px;
    }
    div#logo {
        margin-bottom: 5px;
    }
    .page-header-mask {
        clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 10px), 50% 100%, 0% calc(100% - 10px));
    }

    .point1 {
        max-width: 480px;
        min-width: 320px;
    }
    .header-nav > div > div {
        margin: 0 10px;
    }
    .page-header .top-navigation > div {
        padding: 0 10px;
    }
    .user-navbar .circle .default > span {
        width: 0;
        text-indent: -1000px;
    }
    .user-navbar .circle .default:before {
        margin: 0 !important;
    }

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


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

    .search-form-cell,
    #search_area .search-form-cell {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .h1-exists .search-form-cell:not(.numeric-field),
    .map-search-mode .search-form-cell:not(.numeric-field) {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /*.search-form-cell > div {
		margin-left: 10px;
		margin-right: 10px;
	}*/
    /*.search-form-cell > div > div,
	.search-form-cell > div span.pills {
		width: 100%!important;
	}
	.search-form-cell.numeric-field {
		width: 50%;
	}*/
    /*.search-form-cell.numeric-field > div {
		margin-right: 10px;
	}
	.search-form-cell.numeric-field + .search-form-cell.numeric-field > div {
		margin-right: 0;
		margin-left: 10px;
	}*/
    .search-form-cell.submit > div {
        margin-top: 15px;
    }
    .search-form-cell.submit > div > span {
        display: none;
    }
    .search-form-cell.submit > div input[type=submit] {
        width: 100%;
    }

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

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

    section.content_block > h3,
    section.side_block > h3 {
        font-size: 1.429em;
    }
    section.content_block,
    section.side_block {
        margin-left: 10px;
        margin-right: 10px;
    }

    section.content_block:not(.no-header) > div,
    section.side_block:not(.no-header) > div {
        margin-top: 10px;
    }

    section.side_block > span.expander {
        margin-top: 6px;
    }
    section.content_block div.category-slider-bar {
        top: -34px;
    }

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

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

    #bread_crumbs > ul {
        padding-left: 10px;
        padding-right: 10px;
    }

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

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

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

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

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

    .listing-header h1 {
        margin: 0 10px 0;
    }
    .listing-header div.icons {
        text-align: center;
    }
    div.listing-details.loc-exists .content-section {
        margin-top: 42px;
    }
    div.listing-details .content-section {
        padding: 10px 10px 0;
    }
    div.listing-details .top-navigation {
        padding: 0 10px;
    }

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

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

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

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

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

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

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

    .form-buttons.form a {
        width: auto;
    }
    section#accounts.grid {
        display: flex;
        justify-content: center;
    }
    section#accounts.grid > article {
        width: auto;
    }
    section#accounts > article > div,
    section#accounts > article > ul {
        width: auto !important;
    }
    section#accounts div.statistics {
        width: 155px;
    }
    section#accounts .landscape div.statistics {
        width: 260px;
    }
    section#accounts ul.info {
        width: 290px;
    }

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

    section.seller-short div.picture + div div.name,
    section.account-location div.name {
        width: 120px!important;
    }
    section.seller-short div.picture > div:first-child {
        /*margin-top: 10px;*/
        padding: 20px;
        text-align: center;
    }
    section.seller-short div.counter {
        display: block;
    }
    .account-location .map-capture {
        margin: 15px -10px 0;
    }

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

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

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

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

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

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

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

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

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

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

    #controller_area div.fieldset.divider > header {
        margin: 0 10px;
    }
    ul.pagination {
        padding-left: 20px;
        padding-right: 20px;
    }

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

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

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

    ul.featured > li  {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

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

    header.page-header {
        padding-bottom: 20px;
    }
    .horizontal-search > .point1 {
        padding: 0 10px;
    }
    .horizontal-search h1 {
        font-size: 1.3em;
        line-height: 28px;
        text-align: center;
    }
    .horizontal-search h3 {
        font-size: 1.000em;
        font-weight: 400;
        text-align: center;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 575px) {
    .login-page-form {
        max-width: 290px;
    }
}
@media screen and (max-width: 440px) {
    .header-nav > .point1 > .row {
        position: relative;
    }
    .user-navbar {
        position: static;
    }
    .circle_mobile-full-width {
        position: static !important;
    }
    .circle_mobile-full-width .content {
        top: 43px;
    }
}
@media screen and (max-width: 383px) {
    section.seller-short > div > div.picture {
        margin: 0 0 15px 0;
        float: none;
    }
    section.seller-short > div > div.picture img {
        max-width: 150px;
        height: auto;
    }
    section.seller-short ul.seller-info {
        overflow: auto;
    }
    div.table-cell ul.checkboxes > li {
        float: none;
        width: 100%;
        margin: 0;
    }
    section#listings.my-listings .item > div.navigation > ul > li select {
        width: 130px;
    }
    section.categories-box ul.cat-tree > li {
        display: inline-block;
        width: 100%;
        margin-right: 0;
    }
    .gptwdg {
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}
/*** RESPONCIVE END ***/

/*** PIXEL RATIO 1.5 ***/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    #user-navbar > span.default:before {
        background: url('../img/@2x/gallery2.png') left -10px no-repeat;
        background-size: 40px auto;
    }

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

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

    div.close-black:before {
        background: url('../img/@2x/gallery2.png') right -857px no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type=checkbox] + span:not(.status):before {
        background-image: url('../img/@2x/gallery2.png');
        background-position: -8px -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type=checkbox]:checked + span:not(.status):before {
        background-image: url('../img/@2x/gallery2.png');
        background-position: 0 -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }

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

    input[type=checkbox]:not(.default) + label > span,
    input[type=radio]:not(.default) + label > span {
        background: url('../img/@2x/gallery2.png') 0 -224px no-repeat;
        background-size: 40px auto;
    }
    input[type=radio]:not(.default) + label > span {
        background-position: 0 -132px;
    }
    input[type=checkbox]:not(.default):hover + label > span {
        background-position: 0 -201px;
    }
    input[type=checkbox]:not(.default):checked + label > span {
        background-position: 0 -246px;
    }
    input[type=radio]:not(.default):hover + label > span {
        background-position: 0 -155px;
    }
    input[type=radio]:not(.default):checked + label > span {
        background-position: 0 -178px;
    }
    div.category-slider-bar span.prev,
    div.category-slider-bar span.next {
        background: url('../img/@2x/gallery2.png') -0px -467px no-repeat;
        background-size: 40px auto;
    }
    div.category-slider-bar span.next {
        background-position: -7px -467px;
    }
    .footer-data img.rss,
    .footer-data img.facebook,
    .footer-data img.twitter {
        background: url('../img/@2x/gallery2.png') 0 -288px no-repeat;
        background-size: 40px auto;
    }
    .footer-data img.facebook {
        background-position: 0 -329px;
    }
    .footer-data img.twitter {
        background-position: 0 -370px;
    }
    ul.menu-mobile:before {
        background: url('../img/@2x/gallery2.png') right -409px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar div.map > div > span {
        background: url('../img/@2x/gallery2.png') 0 -546px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar div.map:hover span,
    .grid_navbar div.map.active span {
        background: url('../img/@2x/gallery2.png') right -546px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar .sorting span.arrow {
        background: url('../img/@2x/gallery2.png') -21px -115px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar .sorting .active span.arrow {
        background-position: -22px -102px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    body a.reportBroken img {
        background: url(../img/@2x/gallery2.png) 100% -964px no-repeat !important;
        background-size: 40px auto !important;
    }
    body a.removeBroken img {
        background: url(../img/@2x/gallery2.png) 100% -982px no-repeat !important;
        background-size: 40px auto !important;
    }
    .search-map-container div.mobile-navigation > div.map:after {
        background-position: 0 -546px !important;
    }
    .search-map-container div.mobile-navigation > div.map.active:after {
        background-position: right -546px !important;
    }
}
/*** PIXEL RETIO 1.5 END ***/

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

/** social login custom **/

.hookUserNavbar {
    width: 100%;
    display: block;
}

.ha-or {
    display: flex;
    text-align: center;
    padding: 15px 0;
}
.ha-or > span {
    margin: 0 10px;
}
.ha-or:before,
.ha-or:after {
    content: '';
    flex: 1;
    height: 2px;
    background: rgba(255, 255, 255, .25);
    align-self: center;
    margin-top: 2px;
}

.ha-social-icons {
    display: flex;
    justify-content: center;
}
.ha-social-icon > a {
    display: inline-block;
    line-height: 0;
}
.ha-social-icon > a.loading {
    animation-name: ha-opacity;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.ha-social-icon > a.ha-disabled {
    animation-name: ha-disabled;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}
.ha-social-icon-svg {
    width: 34px;
    height: 34px;
    background: white;
    margin: 0 6px;
    transition: filter 0.25s ease;
}

.ha-social-icon-svg:hover {
    filter: brightness(1.15);
}
.ha-social-icons > *:first-child .ha-social-icon-svg {
    margin-left: 0;
}
.ha-social-icons > *:last-child .ha-social-icon-svg {
    margin-right: 0;
}

.ha-icons-container.in-registration {
    display: flex;
    flex-direction: column-reverse;
    max-width: 560px;
}
.ha-icons-container.in-registration .ha-or {
    padding: 20px 0;
}
.ha-icons-container.in-registration .ha-or:before,
.ha-icons-container.in-registration .ha-or:after {
    background: rgba(0, 0, 0, .1);
}

.ha-width-100 {
    width: 100%;
}
.ha-agreements-container .ag_fields {
    padding: 5px 0;
}

.ha-modal-notice {
    margin-bottom: 10px;
}

.ha-disabled:hover {
    cursor: not-allowed;
}

@keyframes ha-opacity {
    50% {opacity: 0.30}
}
@keyframes ha-disabled {
    100% {opacity: 0.30}
}

body[dir="rtl"] .ha-social-icon-svg {
    margin-right: 6px !important;
    margin-left: 0;
}

.social-login-text {
    background: #32982c;
    height: 44px;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 0.813em;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    transition: background 0.3s ease;
}

/** social login ends **/

/** sidebar filters **/

.side_block div.fieldset > header {
    color: #000!important;
    font-weight: bold;
}

.categories-box-nav, .categoryFilter {

    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    background: #fff;
}

.categoryFilter h3 {
    margin-left: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
    /*margin-bottom: 20px;*/
}

.categoryFilter .expander {
    margin-top: 27px!important;
}


/*.categoryFilter h3, .categoryFilter header span,*/
/*.categoryFilter .cat-tree-cont a,*/
/*.categoryFilter .gf-has-levels a {*/

/*    color: #ffffff!important;*/

/*}*/



div.cf-apply {
    display: block;
    background: #ECC600;
    text-align: center;
    margin-top: 10px;
    padding: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #001E47;
    font-size: 0.813em;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    transition: background 0.3s ease;
}


/** sidebar filters ends **/


/** share listing **/


._1txhb6p {
    -webkit-box-align: center !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 12px !important;
    margin-bottom: 15px !important;
}

.shareListingThumb {
    max-width: 100% !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    margin-right: 12px !important;
}

.shareListingTitle{
    font-size: 14px !important;
    line-height: 18px !important;
    color: rgb(34, 34, 34) !important;
}

._12fatjk {
    font-size: 16px !important;
    line-height: 20px !important;
    color: rgb(34, 34, 34) !important;
    font-weight: 800 !important;
}

._ag8e6m:first-child {
    margin-bottom: 12px !important;
    border-radius: 8px !important;
}

._ag8e6m {
    padding-right: 16px !important;
    width: 100% !important;
    border: 1px solid rgb(235, 235, 235) !important;
    cursor: pointer !important;
    background: rgb(255, 255, 255) !important;
}

._koyt9le {
    cursor: pointer !important;
    position: relative !important;
    touch-action: manipulation !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    border-radius: 0px !important;
    outline: none !important;
    transition: box-shadow 0.2s ease 0s, -ms-transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s, transform 0.1s ease 0s !important;
    -webkit-tap-highlight-color: transparent !important;
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    display: block !important;
    margin: 0px !important;
    padding: 0px !important;
    text-align: inherit !important;
    text-decoration: none !important;
    height: 100% !important;
    width: 100% !important;
}

._1qbrhv4 {
    -webkit-box-pack: justify !important;
    -webkit-box-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

._jnu5ai {
    font-size: 14px !important;
    line-height: 18px !important;
    color: rgb(34, 34, 34) !important;
    padding: 16px 0px 16px 16px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

._1ohhyhl {
    border-radius: 4px !important;
    overflow: hidden !important;
}

._ag8e6m:nth-child(n+2):nth-child(-n+6) {
    border-bottom: none !important;
}

._ag8e6m:nth-child(2) {
    border-radius: 8px 8px 0px 0px !important;
}

._ag8e6m:nth-last-child(2) {
    border-radius: 0px 0px 8px 8px !important;
    border-top: none!important;
}


/** share listing end **/



/* internal forms */

#listing_form .checkbox_bar {
    margin-top: 15px;
    font-size: 15px;
}

#listing_form div.submit-cell {
    padding: 25px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid rgb(233, 233, 233);
}

/* internal forms end */


/* home page */
.multiField {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 992px) {
    .mobile-sidebar-menu {
        display: none;
    }
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 991px) {
    .home-page .multiField, .home-page .categories-box-nav, .home-page .categoryFilter {
        padding: 20px;
        background: #f5f6f9;
    }
    .home-page .search-form-button {
        max-width: 100%;
    }

    /* =========================
       Mobile sidebar container
       ========================= */

    .mobile-sidebar-menu {
        padding: 12px 0;
    }

    /* =========================
       Welcome block
       ========================= */

    .mobile-sidebar-menu .welcome {
        margin: 16px 12px;
        padding: 14px 16px;
        background: #f4f6f8;
        border-left: 4px solid #31c26b;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: 500;
        color: #2d2d2d;
    }

    /* =========================
       Account menu container
       ========================= */

    .mobile-sidebar-menu ul.account-menu-content {
        list-style: none;
        margin: 12px;
        padding: 6px 0;
        background: #ffffff;
        border-radius: 8px;
        border: 1px solid #e6e6e6;
    }

    /* =========================
       Menu items
       ========================= */

    .mobile-sidebar-menu ul.account-menu-content > li {
        padding: 4px 12px;
    }

    /* Links */
    .mobile-sidebar-menu ul.account-menu-content > li > a {
        display: block;
        width: 100%;
        padding: 10px 12px;
        border-radius: 6px;
        text-decoration: none;
        font-size: 0.95rem;
        font-weight: 500;
        color: #2d2d2d;
        transition: background 0.2s ease, color 0.2s ease;
    }

    /* Hover / tap feedback */
    .mobile-sidebar-menu ul.account-menu-content > li > a:hover,
    .mobile-sidebar-menu ul.account-menu-content > li > a:active {
        background: #f4f6f8;
        color: #000;
    }

    /* =========================
       Logout item (special)
       ========================= */

    .mobile-sidebar-menu ul.account-menu-content > li > a.logout {
        color: #b02a2a;
        font-weight: 600;
    }

    .mobile-sidebar-menu ul.account-menu-content > li > a.logout:hover,
    .mobile-sidebar-menu ul.account-menu-content > li > a.logout:active {
        background: #fdecea;
        color: #8a1f17;
    }

    /* =========================
       Separators
       ========================= */

    .mobile-sidebar-menu ul.account-menu-content > li:not(:last-child) {
        border-bottom: 1px solid #f1f1f1;
    }

    /* =========================
       Active / current page
       ========================= */

    .mobile-sidebar-menu ul.account-menu-content > li.active > a {
        background: #e7f6ed;
        color: #1d5e38;
        font-weight: 600;
    }


    /* mobile menu sidebar login */
    .mobile-sidebar-menu .login-form {
        padding: 20px;

    }

    .mobile-sidebar-menu .ha-social-icons {
        margin-top: 30px;
    }

    .mobile-sidebar-menu .ha-or {
        display: flex;
        text-align: center;
        padding: 15px 0;
    }

    /* =========================
   Small link labels block
   ========================= */

    .sm-linklabels {
        font-size: 0.85rem;
        line-height: 1.5;
        color: #555;
        text-align: center;
    }

    /* Text labels */
    .sm-linklabels span {
        margin-right: 4px;
        color: #666;
    }

    /* Links */
    .sm-linklabels a {
        font-weight: 500;
        text-decoration: none;
        white-space: nowrap;
    }

    /* Hover (subtle, not aggressive) */
    .sm-linklabels a:hover {
        text-decoration: underline;
    }

    /* Second line (new user) */
    .sm-linklabels .mt-1 {
        margin-top: 6px;
    }

    /* Improve tap area slightly (mobile friendly) */
    .sm-linklabels a {
        padding: 2px 0;
    }





    /* mobile menu sidebar login end */

}

.grid-nav-comment {
    display: none;
}

/* home page end */


section.side_block:not(.no-style) {
    border: 0px solid rgb(221, 221, 221);
    border-radius: 12px;
    /*box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;*/
    margin-bottom: 20px;
    background-color: #fff;
}
section.side_block:not(.no-style).seller-short {
    border: 0px solid rgb(221, 221, 221);
    border-radius: 12px;
    padding: 24px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    background-color: #fff;
}







/** listing gallery starts **/
.brk-cover {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.brk--images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 28vh);
    gap: 8px;
}

/* MAIN IMAGE */
.brk--images[data-size="1"] .brk--image {
    grid-column: 1 / 5;
    grid-row: 1 / 3;
}

.brk--images[data-size="2"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 56vh;
}

.brk--images[data-size="3"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 28vh);
}

.brk--images[data-size="3"] .brk--image:first-child {
    grid-row: 1 / 3;
}

.brk--images[data-size="4"],
.brk--images[data-size="5"] {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 28vh);
}

.brk--images[data-size="4"] .brk--image:first-child,
.brk--images[data-size="5"] .brk--image:first-child {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

/* IMAGE */
.brk--image {
    display: block;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
}

/* HOVER */
.brk--image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity .2s ease;
}

.brk--image:hover::after {
    opacity: 1;
}

/* ACTION BUTTON */
.brk-gallery-actions {
    position: absolute;
    right: 12px;
    bottom: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.brk-gallery-actions a {
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/* MOBILE */
@media (max-width: 991px) {
    .brk--images {
        grid-template-columns: repeat(4, 1fr) !important;
        grid-template-rows: auto !important;
    }

    .brk--image {
        padding-bottom: 100%;
    }

    .brk--image:first-child {
        grid-column: 1 / 5 !important;
    }
}


/* Default: keep legacy behavior for map */
div.gallery > #media.map {
    padding-bottom: 66%!important;
}

/* NEW: disable padding when gallery is active */
div.gallery > #media {
    padding-bottom: 0!important;
}


.open-gallery {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;

    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
}

/* SVG styling */
.open-gallery svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    display: block;
}


/** Listing gallery ends **/


/* =====================================================
   GROUP AMENITIES — AIRBNB STYLE + COLLAPSE + FADE-IN
   CSS FROM SCRATCH (SAFE)
   ===================================================== */

/* -------- Root container -------- */
.group_amenities {
    margin-top: 32px;
}

/* Fade-in is ONLY enabled when JS adds .fade-ready */
.group_amenities.fade-ready {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.group_amenities.fade-ready.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* -------- Remove legacy fieldset visuals -------- */
.group_amenities .fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.group_amenities .fieldset > header {
    display: none;
}

/* -------- Category block -------- */
.group_amenities .table-cell {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #ebebeb;
}
.group_amenities .table-cell:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* -------- Category title -------- */
.group_amenities .table-cell .name {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 14px;
    letter-spacing: -0.2px;
}

/* -------- Amenities container (collapsed by default ONLY when JS adds .can-collapse) -------- */
.group_amenities .table-cell .value.can-collapse {
    position: relative;
    max-height: 220px; /* default collapsed height */
    overflow: hidden;
    transition: max-height 0.35s ease;
}

/* Gradient fade mask when collapsed */
.group_amenities .table-cell .value.can-collapse::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
}

/* Expanded state */
.group_amenities .table-cell .value.can-collapse.is-expanded {
    max-height: 3000px;
}
.group_amenities .table-cell .value.can-collapse.is-expanded::after {
    display: none;
}

/* -------- List reset -------- */
.group_amenities ul.checkboxes {
    list-style: none;
    padding: 0;
    margin: 0;
}
.group_amenities ul.checkboxes.row {
    margin-left: 0;
    margin-right: 0;
}

/* -------- Amenity item -------- */
.group_amenities ul.checkboxes li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 0;
    font-size: 15px;
    line-height: 1.4;
    color: #333;
}

/* Remove bootstrap column padding */
.group_amenities ul.checkboxes li[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* Tick icon */
.group_amenities ul.checkboxes li svg {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-top: 3px;
    fill: #222;
    opacity: 0.85;
}

/* -------- Toggle button -------- */
.amenities-toggle {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    cursor: pointer;
    user-select: none;
    display: inline-block;
}
.amenities-toggle:hover {
    text-decoration: underline;
}

/* -------- Mobile tweaks -------- */
@media (max-width: 768px) {
    .group_amenities {
        margin-top: 24px;
    }

    .group_amenities .table-cell {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .group_amenities .table-cell .name {
        font-size: 17px;
    }

    .group_amenities ul.checkboxes li {
        font-size: 14.5px;
    }

    /* Slightly smaller collapsed height on mobile */
    .group_amenities .table-cell .value.can-collapse {
        max-height: 200px;
    }
}

/* -------- Accessibility -------- */
@media (prefers-reduced-motion: reduce) {
    .group_amenities.fade-ready {
        opacity: 1;
        transform: none;
        transition: none;
    }
}