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

        .table-cell {
        display: flex; }
        .table-cell.wide-field {
            flex-direction: column; }
        .table-cell:not(.small) > * {
            line-height: 26px; }
        .table-cell > .name {
            color: #888888;
            font-size: 1em;
            word-wrap: break-word; }
            .table-cell > .name:after {
            content: ':'; }
            .table-cell > .name > div {
            display: inline; }
        .table-cell:not(.wide-field) > .name {
            min-width: 40%;
            flex-basis: 40%; }
            @media screen and (min-width: 768px) {
            .table-cell:not(.wide-field) > .name {
                min-width: 160px;
                flex-basis: 160px; } }
            @media screen and (min-width: 992px) and (max-width: 1199px) {
            .table-cell:not(.wide-field) > .name {
                min-width: 120px;
                flex-basis: 120px; } }
            .table-cell:not(.wide-field) > .name + .value {
            padding-left: 8px; }
        .table-cell.small {
            line-height: 22px; }
            @media screen and (min-width: 768px) {
            .table-cell.small:not(.wide-field) > .name {
                min-width: 110px;
                flex-basis: 110px; } }
            @media screen and (min-width: 992px) and (max-width: 1199px) {
            .table-cell.small:not(.wide-field) > .name {
                min-width: 85px;
                flex-basis: 85px; } }
        .table-cell > .value {
            font-size: 1em;
            word-wrap: break-word;
            overflow: hidden; }
        .table-cell .checkboxes > * {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .table-cell .checkboxes > *:not(.active) {
            color: #9e9e9e;
            text-decoration: line-through; }
            .table-cell .checkboxes > * svg {
            width: 17px;
            height: 12px; }
            .table-cell .checkboxes > *:not(.active) svg {
            visibility: hidden; }
            .table-cell .checkboxes > *.active svg {
            fill: red; }

        .listing-fields > div:not(.no-group) div.body > div > .table-cell.textarea:only-child > .name {
        display: none; }

        .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: #111111;
            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 {
            fill: #ffffff !important;
        }
        .details-icon-fill {
            fill: #000000 !important;
        }
        .header-usernav-icon-fill {
            fill: #c80268 !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: #E47400;
            text-decoration: none;
            font-size: 1em;
            cursor: pointer;
        }
        a:hover,
        a:active,
        a.active,
        .link:hover {
            color: #C80068;
        }
        a.color-light {
            color: #444444;
        }
        a.color-light:hover {
            color: #222222;
        }
        /* 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;
            overflow: hidden; /* to allow two items inline */
        }
        h1.text-center {
            margin: -10px 0 28px 0;
        }

        .h1-nav h1 {
            overflow: hidden;
            margin-top: 0;
        }
        .h1-nav nav {
            float: right;
            vertical-align: top;
        }
        .h1-nav nav > a.icon {
            display: none!important;
        }
        /* h1 end */

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

        /* inputs */
        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 #C5C5C5 solid;
            color: #111111;
            font-size: 1em;
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
            padding: 0 10px;
            border-radius: 4px;
            -webkit-appearance: none;
            -moz-appearance: none;
            transition: border-color 0.3s ease;
        }
        input:hover,
        select:hover,
        .select2-selection--single:hover {
            border-color: #777777;
        }
        input:focus {
            border-color: #222222 !important;
        }
        select:focus,
        .select2-selection--single:focus,
        .select2-container--open .select2-selection--single {
            background-color: #FBF8FD;
            border-color: #777777;
        }
        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: #C80068;
            height: 44px;
            padding: 0 20px 2px;
            color: white;
            font-size: 0.813em;
            text-transform: uppercase;
            font-weight: 300;
            font-family: 'Open Sans', sans-serif;
            cursor: pointer;
            -webkit-appearance: none;
            border-radius: 4px;
            -webkit-font-smoothing: antialiased;
            font-weight: 600;
            transition: background 0.3s ease;
        }
        input[type=submit]:hover,
        input[type=button]:hover,
        a.button:not(.disabled):hover,
        .file-input span:hover,
        .btn:hover {
            background: #9B0051;
        }
        a.button {
            display: inline-block;
            line-height: 42px;
            white-space: nowrap;
        }
        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: 24px;
            height: 24px;
        }
        input[type=checkbox]:not(.default) + label,
        input[type=radio]:not(.default) + label {
            max-width: 100%;
            display: inline-block;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: top;
        }
        input[type=checkbox]:not(.default) + label > span,
        input[type=radio]:not(.default) + label > span {
            width: 24px;
            height: 24px;
            display: inline-block;
            background: white;
            vertical-align: top;
            border: 1px #C5C5C5 solid;
            margin: 0 5px 0 0;
            border-radius: 3px;
            position: relative;
        }
        input[type=checkbox]:not(.default):checked + label > span,
        input[type=radio]:not(.default):checked + label > span {
            background-color: #777777;
            border-color: #777777;
        }
        input[type=checkbox]:not(.default):checked + label > span:after,
        input[type=checkbox]:not(.default):hover + label > span:after {
            content: '';
            position: absolute;
            left: 6px;
            top: 10px;
            background: #fff;
            width: 2px;
            height: 2px;
            box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
            transform: rotate(45deg);
            backface-visibility: hidden;
        }
        input[type=checkbox]:not(:checked):hover + label > span,
        input[type=radio]:not(:checked):hover + label > span {
            border-color: #777;
        }
        input[type=checkbox]:not(:checked):hover + label > span:after {
            background: #777;
            box-shadow: 2px 0 0 #777, 4px 0 0 #777, 4px -2px 0 #777, 4px -4px 0 #777, 4px -6px 0 #777, 4px -8px 0 #777;
        }
        input[type=radio]:not(.default) + label > span {
            border-radius: 50%;
        }
        input[type=radio]:not(.default):checked + label > span:after,
        input[type=radio]:not(.default):hover + label > span:after {
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            left: 6px;
            top: 6px;
            background: #fff;
            border-radius: 50%;
        }
        input[type=radio]:not(:checked):hover + label > span:after {
            background: #777;
        }

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

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

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

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

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

        input[type=text].error,
        input[type=password].error,
        textarea.error {
            background: #fff2f4;
            color: #c92a44;
            border-color: #f79d9d;
        }
        div.field.error label {
            color: #c92a44;
        }
        select.error,
        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;
        }
        span.pills > label > span {
            display: none!important;
        }
        span.pills > label {
            padding: 0 15px!important;
            height: 38px!important;
            line-height: 36px;
            display: inline-block;
            text-align: center;
            border-radius: 2px;
            margin: 2px;
        }
        span.pills > label:last-child {
            border: 0;
        }
        span.pills input[type=radio]:checked + label {
            background: #F6D3E5;
            text-decoration: none;
            cursor: default;
            color: #111111;
        }
        span.pills > label:not(.active) {
            cursor: pointer;
            color: #C80068;
        }
        span.pills > label:not(.active):hover {
            color: #111111;
        }
        /* inputs end */
        /*** COMMON STYLES END ***/

        /*** PAGE HEADER ***/
        header.page-header {
            position: relative;
            padding-bottom: 20px;
        }
        body.home-page header.page-header {
            padding-bottom: 30px;
        }
        .page-header-mask {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #FBF8FD;
            clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), 0% 100%);
            backface-visibility: hidden;
        }
        header.page-header > div.point1 {
            max-width: 100%;
            position: relative;
        }
        header.page-header div.top-navigation {
            height: 44px;
            margin: 0 auto;
            position: relative;
            background: #FAEFFF;
        }
        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: .45;
            fill: #000000;
        }
        .contacts__handset svg {
            height: 12px;
            margin-bottom: -2px;
        }
        .header-contacts a:hover svg {
            opacity: .7;
        }

        #logo {
            margin-bottom: 6px;
        }
        .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 #C5C5C5;
            color: #868686;
            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 {
            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;
        }
        .circle > .default:after {
            content: '';
            width: 8px;
            height: 5px;
            margin-left: 10px;
            background: url('../img/dropdown-arrow.svg') 0 -4px no-repeat;
            background-size: 18px 13px;
            opacity: 0.7;
        }
        .circle:not(.circle_opened):hover > .default:after {
            opacity: 1;
        }
        .circle_opened > .default:after {
            transform: scaleY(-1);
            filter: 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 5px 12px -4px rgba(55,51,70, .5);
            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 > .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;
            white-space: nowrap;
        }
        #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;
        }
        .user-navbar .circle_opened > span.default:before {
            filter: brightness(0);
        }
        #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: #C80068;
        }
        #user-navbar ul > li > a.logout:hover {
            color: #f21b8b;
        }
        #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;
        }
        /* top navigation end */

        .menu .add-property {
            display: flex;
            font-size: 0.813em;
            color: #444444;
            font-weight: 400;
            align-items: center;
            white-space: nowrap;
        }
        .menu .add-property:hover {
            filter: brightness(1.2);
        }
        .menu .add-property span {
            display: block;
            width: 22px;
            height: 22px;
            background: #C80068;
            border-radius: 50%;
            margin-right: 8px;
            position: relative;
        }
        .menu .add-property span:before,
        .menu .add-property span:after {
            content: '';
            position: absolute;
            background: #FBF8FD;
            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;
            padding: 20px 0 40px;
        }
        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;
            border-radius: 4px;
        }
        aside.middle {
            margin-bottom: 30px;
        }
        aside.middle section.content_block:last-child {
            margin-bottom: 0;
        }
        /* 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;
        }
        /* Availability */
        .availability-field-container {
            max-width: 550px;
        }
        ul.availability-chart > li > div {
            padding: 6px 0;
        }
        ul.availability-chart > li:not(:last-child) {
            border-bottom: 2px #d7cddb solid;
        }
        ul.availability-chart > li > div:first-child {
            width: 110px;
            float: left;
            color: #939393;
            border-right: 2px #d7cddb solid;
        }
        ul.escort-rates-chart > li > div:first-child {
            width: 60%;
        }
        ul.availability-chart > li > div:last-child {
            overflow: hidden;
            padding-left: 10px;
        }
        /* Rates */
        .esf-div-rates {
            display: inline-block;
            vertical-align: top;
            width: 200px;
        }
        .esf-select-rates {
            width: 100%;
        }
        .esf-input-custom-rate {
            width: 160px !important;
        }
        .esf-input-price {
            width: 80px !important;
            margin: 0 10px;
        }
        .esf-select-currency {
            width: 80px;
        }
        /* Tours */
        ul.availability-chart.escort-tours-chart > li > div:first-child {
            width: 100%;
            float: none;
            border: 0;
            padding-left: 0!important;
            padding-right: 0!important;
        }
        ul.availability-chart.escort-tours-chart > li > div > span {
            display: block;
            font-weight: 400;
        }
        .esf-tours-field-container div.field {
            max-width: 600px;
        }
        .esf-input-location {
            width: 100%;
        }
        .esf-input-from,
        .esf-input-to {
            margin-left: 15px;
        }
        /* 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 */
        a.advanced-search {
            white-space: nowrap;
            color: white;
            background-color: rgba(220,45,19,.4);
            text-transform: none;
            flex: 1 0 50%;
            text-align: center;
        }
        a.advanced-search:hover {
            background-color: rgba(220,45,19,.6) !important;
        }
        a.advanced-search:after {
            content: "\0203A";
            margin-left: 5px;
        }
        .horizontal-search {
            margin: 28px 0 40px;
        }
        .search-form-cell {
            margin-bottom: 13px;
            flex: 0 0 25%;
            max-width: 25%;
            padding-right: 15px;
            padding-left: 15px;
        }
        .search-form-cell > div > span {
            opacity: .6;
            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: white;
            border-color: #C5C5C5;
            color: #C80068;
        }
        .search-form-cell > div > div select,
        .search-form-cell > div > div .select2-selection__arrow {
            background-image: url('../img/dropdown-arrow-pink.svg')
        }
        .search-form-cell > div > div input[type=submit] {
            width: 100%;
        }
        .search-form-cell > div > div span.pills {
            background-color: white;
        }
        .search-form-cell > div > div > *:hover,
        .search-form-cell > div > div .select2-selection--single:hover {
            border-color: #7a7a7a;
        }
        .search-form-cell > div > div select[disabled=disabled],
        .search-form-cell > div > div .select2-container--disabled .select2-selection--single {
            background-color: #EDEDED;
            border-color: transparent;
            color: #888888;
            filter: grayscale(1);
        }
        .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: #FAEFFF;
        color: #444444;
        clip-path: polygon(0% 0, 100% 20px, 100% 100%, 0% 100%);
        }
        .page-footer > div {
            padding: 55px 0 25px;
            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: #949494;
        }
        .page-footer .footer-menu ul li a:hover,
        .page-footer .footer-menu ul li.active a {
            color: #C80068;
        }
        .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; }
        body.light-theme .page-footer .newsletter #newsletter_email {
            border: 0; }
        .page-footer .newsletter__text {
            margin-bottom: 20px;
            color: #333333;
            font-size: 0.813em; }

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

        .footer-data {
        font-size: 0.929em;
        }
        .footer-data a {
            color: #777777 !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: #C80068;
            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: #FF0096;
        }

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

        /*** TABS ***/
        ul.tabs {
            height: 48px;
            white-space: nowrap;
            border-bottom: 1px #d6dce0 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: #E47400;
            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: #C80068;
        }
        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: 0;
            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;
        }
        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-bottom: 10px;
        }
        div.submit-cell:not(.hide):not(.disabled) {
            display: flex;
        }
        form > div.submit-cell:last-of-type {
            padding-bottom: 0;
        }
        div.submit-cell > div.name {
            max-width: 170px;
            flex: 1 0 170px;
            padding: 10px 10px 10px 0;
            font-size: 0.875em;
            display: flex;
        }
        div.submit-cell > div.field {
            min-height: 38px;
            flex: 1;
            min-width: 0;
        }
        div.submit-cell > div.field.checkbox-field,
        div.submit-cell > div.field.inline-fields {
            padding-top: 10px;
            min-height: 28px;
        }
        div.submit-cell.custom-padding {
            padding: 5px 0 10px 0;
        }
        div.submit-cell.custom-padding > div {
            min-height: 25px;
        }
        div.submit-cell ul.tabs {
            border: none;
            margin-bottom: 0;
            max-width: 100%;
            overflow: hidden;
        }
        div.submit-cell ul.tabs.tabs-ready {
            overflow: unset;
        }
        div.submit-cell.buttons {
            padding: 10px 0 0 0;
        }

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

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

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

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

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

        /* qtip */
        img.qtip {
            width: 18px;
            height: 18px;
            background: url('../img/gallery.png') 0 -467px no-repeat rgba(200,0,104,.7);
            margin: 2px 0 0 10px;
            border-radius: 2px;
        }
        img.qtip:hover {
            background-color: rgba(200,0,104,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;
        }
        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: 122%;
            transition: box-shadow 0.5s ease;
        }
        ul.featured > li > .picture:hover {
            box-shadow: 0 11px 31px -12px rgba(200,0,104,.75);
        }
        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;
        }
        .listing-fit-contain ul.featured > li img {
            object-fit: contain !important;
        }
        .listing-fit-contain ul.featured > li:not(.no-picture) img {
            background: #F8F8F8 !important;
        }
        .upload-files div span.item,
        .upload-files .ui-sortable-placeholder:after {
            padding-bottom: 122% !important;
        }
        ul.featured ul.card-info {
            display: flex;
            flex-direction: column-reverse;
        }
        aside:not(.left) ul.featured ul.card-info {
            width: calc(100% - 30px);
        }

        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:not(.with-names) > li.fields,
        ul.card-info > li.title a {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            max-height: 53px;
            font-size: 1.250em;
            color: white;
        }
        ul.card-info .price-tag,
        ul.card-info .price_tag,
        ul.card-info .price_tag a,
        ul.card-info .price-tag a {
            color: white;
        }

        article.item:not(.no-image) ul.card-info > li.fields:empty {
            display: none;
        }
        ul.card-info {
            position: absolute;
            width: 100% !important;
            bottom: 0;
            background: linear-gradient(180deg, rgba(246,246,246,0) 0%, rgba(0,0,0,0.75) 100%);
            padding: 12px 16px; /* By John / Flynax */
        }
        ul.card-info .icons {
            position: absolute;
            display: flex;
            right: 16px;
            bottom: 14px;
            flex-direction: column;
        }
        ul.card-info .icons .icon {
            margin-top: 14px;
        }
        ul.card-info .icons .icon:hover {
            filter: drop-shadow(2px 4px 6px white);
        }
        ul.card-info .icons .icon {
            width: 22px;
            height: 22px;
            vertical-align: top;
            cursor: pointer;
            display: inline-block;
        }

        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: rgba(255,255,255,.75);
            font-size: 0.813em;
        }
        /*** 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 #C80068 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;
            position: absolute;
            line-height: 40px;
        }
        .grid_navbar .sorting > div.current.disabled {
            cursor: not-allowed;
            opacity: .5;
        }
        .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: #C80068;
        }
        /*** GRID NAVIGATION BAR END ***/

        /*** LISTINGS GRID ***/
        /* grid view */
        section#listings > article {
            position: relative;
        }
        section#listings .main-column {
            height: 100%;
            position: relative;
        }
        section#listings .link-large {
            font-size: 0.938em !important;
        }
        section#listings div.picture {
            position: relative;
            width: 100%;
            padding-bottom: 122%;
            transition: box-shadow 0.5s ease;
        }
        section#listings article:hover div.picture {
            box-shadow: 0 11px 31px -12px rgba(200,0,104,.75);
        }
        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;
        }
        #accounts div.picture img {
            position: absolute;
            width: 100%;
            height: 100%;
            display: block;
            object-fit: contain;
        }
        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;
        }
        .favorite span.icon {
            background: url('../img/gallery.png') left -771px no-repeat;
        }
        .favorite.remove span.icon {
            background-position: left -793px;
        }
        .map-listing .favorite span.icon {
            background: url('../img/gallery.png') 0 -94px no-repeat;
            display: block;
            width: 18px;
            height: 16px!important;
            cursor: pointer;
            margin-top: 1px;
        }
        .map-listing .favorite.remove span.icon {
            background-position: -22px -94px;
        }

        section#listings div.stat-line {
            position: absolute;
            bottom: 5px;
            font-size: 0.813rem;
        }
        section#listings div.stat-line > li,
        section#listings div.stat-line > span {
            display: inline-block;
            margin-right: 10px;
        }

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

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

        /* grid view */
        section.grid > article,
        section.grid .group > article {
            padding-bottom: 30px;
        }
        section#listings .fields {
            color: rgba(255,255,255,.75);
            font-size: 0.813em;
        }
        section#listings.grid ul.card-info > ol {
            display: none;
        }

        section#listings.grid > article div.navigation-column {
            position: absolute;
            width: auto;
            bottom: 38px;
            right: 28px;
            z-index: 1;
        }
        section#listings.grid > article div.navigation-column div.before-nav {
            display: none;
        }
        section#listings.grid ul.nav-column {
            display: flex;
            flex-direction: column;
        }
        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:not(.single-profile-type) .content-section {
            margin-top: 30px;
        }
        .profile-header {
            padding-bottom: 20px;
        }
        .header-banner .profile-header {
            margin-top: 20px !important;
        }
        .profile-header h1 {
            margin: 0;
            font-size: 2em;
        }
        .profile-header nav.icons {
            transform: translateY(2px);
        }
        .profile-header nav.icons > * {
            padding: 6px 8px;
            cursor: pointer;
        }
        .profile-header nav.icons .icon {
            width: 22px;
            height: 22px;
            display: inline-block;
        }
        body:not(.dark-theme) .profile-header nav.icons .favorite .icon {
            filter: invert(1);
        }
        .profile-header nav.icons > *:hover .icon {
            filter: drop-shadow(2px 4px 6px black);
        }
        body:not(.dark-theme) .profile-header nav.icons .favorite:hover .icon {
            filter: invert(1) drop-shadow(2px 4px 6px black);
        }
        .profile-header .fields {
            opacity: .6;
            padding-top: 2px;
            font-size: 0.875em;
        }

        /* 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;
        }
        .listing-header div.icons > span.favorite > span {
            background-position: 0 -94px;
        }
        .listing-header div.icons > span.favorite.remove > span {
            background-position: right -94px;
        }
        /* top navigation end */

        div.listing-details {
            overflow: hidden;
        }
        div.listing-details div.price-tag > span {
            font-size: 1.714em;
            font-weight: 400;
        }
        #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 div.details {
            overflow: hidden;
        }
        div.listing-details div.tab_area div.no-group + div:not(.no-group) {
            margin-top: 25px;
        }
        /* content section end */

        /* seller info section */
        .seller-short div.picture {
            margin: 0 20px 10px 0;
        }
        .seller-short ul.seller-info {
            overflow: hidden;
        }
        .seller-short div.button-exists ul.seller-info {
            padding-bottom: 45px;
        }
        .seller-short ul.seller-info > li.name 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: #e9e9e9;
        }
        /* map capture end */
        /*** LISTING DETAILS END ***/

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

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

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

        /*** ACCOUNT AREA ***/
        .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: #4576d0;
            position: relative;
            vertical-align: top;
            border-radius: 4px;
            text-transform: uppercase;
            padding-left: 40px;
            margin-top: 1rem;
        }
        .fb-connect:hover {
            background-color: #295AB4;
            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: 250px;
        }
        /*** ACCOUNT AREA END ***/

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

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

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

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

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

        /*** FIELDSET ***/
        div.fieldset {
            margin: 0 0 20px 0;
        }
        div.fieldset > header {
            padding: 7px 12px;
            background: #F5F5F5;
            display: inline-block;
            text-transform: uppercase;
            border-radius: 4px 4px 0 0;
            font-weight: 400;
            font-size: 0.813em;
        }
        .side_block div.fieldset > header {
            background: none;
            padding: 0 0 7px 0;
        }
        div.fieldset > header > span.arrow {
            display: none;
        }
        div.fieldset > div.body > div {
            padding: 15px 0 5px;
            border-top: 1px #E6E6E6 solid;
        }

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

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

        /*** STEPS ***/
        ul.steps {
            box-shadow: inset 0 0 0 2px #FAEFFF;
            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: #FAEFFF;
        }
        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: #FAEFFF;
            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: #FBF8FD;
            box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
            border-radius: 3px;
        }
        .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: 10px;
            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 30px 25px;
            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 > div > div.message > a {
            color: #C80068;
        }
        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.error > div > div.message > a {
            color: #840044;
        }
        div.notification.warning > div > div.message {
            background: #dab500;
        }
        div.notification.warning > div > div.message > a {
            color: #C80068;
        }
        div.notification > div > div.message > a:hover,
        div.notification.error > div > div.message > a:hover,
        div.notification.warning > div > div.message > a:hover {
            color: white;
        }
        div.notification > div > div.message {
            padding: 14px 45px 14px 18px;
            word-wrap: break-word;
            line-height: 1.640em;
        }
        div.notification ul {
            padding: 0 0 0 20px;
        }
        div.notification ul > li {
            list-style: circle;
        }
        div.notification ul > li:not(:first-child) {
            list-style: circle;
            padding: 4px 0 0 0;
        }
        div.notification div.close-black {
            top: 3px;
            right: 3px;
        }
        /*** NOTIFICATIONS END ***/

        /*** MY LISTINGS ***/
        .my-listings > article div.picture {
            margin: 0!important;
        }
        .my-listings > article {
            margin: 0 0 15px 0!important;
            padding: 0 0 15px 0;
            min-height: 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 ***/

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

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

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

        div.banner {
            display: inherit!important;
        }

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

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

        #rv_listings {
            font-size: 0.813rem;
        }
        body.view-details-page #content + .col-md-12.col-sm-12 {
            order: 3;
        }
        /*** PLUGINS CUSTOM END ***/

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

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

            .main-menu .add-property {
                padding-left: 30px;
            }
            .main-menu .menu {
                margin-left: 40px;
                height: 58px;
                padding-bottom: 4px;
            }
            .main-menu .menu a {
                display: flex;
                font-size: 0.813em;
                color: #444444;
                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 #C80068;
                color: #111111;
            }
            .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: #a50056;
                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: #FBF8FD;
                padding: 20px;
                margin-bottom: 20px;
            }
            section.side_block:not(.no-style).seller-short {
                background-color: #F5F5F5;
            }
            /* sidebar block end */

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

            .grid_navbar {
                margin-bottom: 30px;
            }

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

            section.side_block ul.featured {
                margin: 0;
            }
            section.side_block ul.featured:not(.list) {
                text-align: center;
            }
            section.side_block ul.featured > li {
                flex: 0 0 100%;
                max-width: 220px;
                padding-left: 0;
                padding-right: 0;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 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;
            }

            section.side_block table.table td.name {
                width: 45%;
            }
        }
        /*** LARGE DESKTOP VIEW ***/
        @media screen and (min-width: 1200px) {
            .point1 {
                max-width: 1140px;
            }

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

            .seller-short ul.seller-info {
                min-width: 170px;
            }
        }
        /*** 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,
            body:not(.no-sidebar) section.grid .group > article {
                flex: 0 0 25%;
                max-width: 25%;
            }
        }
        /*** 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;
            }

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

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

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

            .horizontal-search {
                margin: 0 0 20px;
            }
            .search-form-cell {
                flex: 0 0 33.33333%;
                max-width: 33.33333%;
            }
        }
        /*** ALL TABLET/DESKTOP VIEWS ***/
        @media screen and (min-width: 768px) {
            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;
            }
            span.menu-button > svg {
                width: 20px;
                height: 14px;
                fill: #C80068;

                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: #C80068;
                padding: 16px;
                margin-right: -16px;
            }
            span.mobile-menu-header > span:last-child:hover:before {
                opacity: 1;
            }

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

            .contact-buttons-personal {
                display: none !important;
            }

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

            ul#messages_area > li > span {
                display: block;
            }
            .horizontal-search {
                margin: 0 0 20px;
            }
        }
        /*** 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 ul.info {
                max-width: 320px;
            }
            .link-large {
                font-size: 1.286em;
            }

            ul.availability-chart.escort-tours-chart > li > div > span {
                display: inline-block;
                margin-left: 20px;
            }
            ul.availability-chart.folding-grid > li {
                float: left;
                width: 48%;
                margin-right: 4%;
            }
            ul.availability-chart.folding-grid > li:nth-child(2n) {
                margin-right: 0;
                border-bottom: 2px #d7cddb solid!important;
            }

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

            section.account-info div.relative {
                float: left;
                width: 50%;
            }
            section.account-info div.info-table {
                overflow: hidden;
                margin-top: 0;
            }

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

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

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

            .page-header-mask {
                clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 10px), 0% 100%);
            }

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

            .point1 {
                max-width: 480px;
                min-width: 320px;
            }
            header.page-header {
                padding-bottom: 10px;
            }
            .header-nav {
                min-height: 72px;
            }
            .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;
            }

            .page-footer {
                clip-path: polygon(0% 0, 100% 10px, 100% 100%, 0% 100%);
            }
            .page-footer > div {
                padding-top: 35px;
            }

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

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

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

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

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

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

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

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

            /* 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 .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 > 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;
            }
            /* By John / Flynax */
            ul.card-info {
                padding: 10px;
            }
            /*section#listings article.item,
            section#accounts article {
                max-width: 320px;
                margin: 0 auto;
            }*/
            /* By John / Flynax end */
            section#listings.list ul.card-info {
                background: #f4f4f4;
                padding: 10px;
            }
            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 */

            .profile-header {
                padding-left: 10px;
                padding-right: 10px;
            }
            .profile-header h1 {
                padding: 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;
            }
            .seller-short > div:last-child {
                margin-top: 20px;
            }
            .seller-short.landscape div.picture {
                float: none;
            }

            div.submit-cell {
                flex-direction: column;
            }
            div.submit-cell > div.name {
                padding: 0;
                min-height: 26px;
                line-height: 26px;
                flex-basis: auto;
            }
            div.submit-cell > div.name:empty {
                display: none;
            }
            #modal_block div.submit-cell div.name {
                width: 120px;
            }

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

            .field.single-field > select {
                width: 100%;
            }
            .field.single-field > select[name="profile[type]"] {
                max-width: 240px;
            }
            .field.single-field > input[type=text] {
                width: 100%;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            .modal_block div.inner div.close {
                right: 0;
            }

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

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

            /* Tours */
            .esf-tours-field-container div.field {
                position: relative;
                padding-top: 52px;
            }
            .esf-tours-field-container div.field > div:first-child {
                float: none;
            }
            .esf-tours-field-container div.field > div:last-child {
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
            }
            .esf-input-from,
            .esf-input-to {
                width: 120px!important;
            }
            .esf-input-from {
                margin-left: 0;
            }
            .esf-input-to {
                margin-left: 15px;
            }
        }
        @media screen and (max-width: 575px) {
            .login-page-form {
                max-width: 240px;
            }
        }
        @media screen and (max-width: 440px) {
            .circle_mobile-full-width {
                position: static !important;
            }
        }
        @media screen and (max-width: 383px) {
            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;
            }
            section#listings.my-listings .item > div.navigation > ul > li select {
                width: 130px;
            }
        }
        /*** 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;
            }

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

            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') left -1003px no-repeat;
                background-size: 40px auto;
            }
            .favorite.remove span.icon {
                background-position: left -1025px;
            }

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

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

            .compare-icon > span,
            section#listings ul.nav-column > li.add_to_compare span.icon {
                background: url('../img/@2x/gallery2.png') 0 -363px no-repeat!important;
                background-size: 40px auto!important;
            }
            .compare-icon.remove > span,
            section#listings ul.nav-column > li.remove_from_compare span.icon {
                background: url('../img/@2x/gallery2.png') 0 -381px no-repeat!important;
                background-size: 40px auto!important;
            }

            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;
            }
        }
        /*** PIXEL RETIO 1.5 END ***/

        /* CUSTON Styles by someone, moved from tpl/blocks/feature_item.tpl file by John (Flynax) */
        .vip-badge-container {
            position: absolute;
            top: 0;
            right: 0;
            width: 85px;
            height: 85px;
            overflow: hidden;
            z-index: 10;
            pointer-events: none;
        }

        .vip-badge {
            position: absolute;
            top: 4px;
            right: -28px;
            background: #3c7cbc;
            color: white;
            padding: 5px 30px;
            font-size: 15px;
            font-weight: bold;
            font-family: Arial, sans-serif;
            transform: rotate(45deg);
            text-align: center;
            box-shadow: 0 2px 6px rgba(0,0,0,0.4);
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        /* CUSTON Styles by someone... end */

        /* Fixed Left Sidebar Styles */
                                                                                
                                                .sidebar-header {
                                                    padding: 15px;
                                                        background: #151515;
                                                            font-size: 0.75rem;
                                                                text-transform: uppercase;
                                                                    color: #a0a0a0;
                                                                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                                                                        }
                                                                        
                                                                        .banner-item {
                                                                            position: relative;
                                                                                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                                                                                    aspect-ratio: 162/115;
                                                                                    }
                                                                                    .banner-overlay {
                                                                                        position: absolute;
                                                                                            top: 0; left: 0; width: 100%; height: 100%;
                                                                                                background: rgba(0, 0, 0, 0.4);
                                                                                                    display: flex;
                                                                                                        flex-direction: column;
                                                                                                            align-items: center;
                                                                                                                justify-content: center;
                                                                                                                    text-align: center;
                                                                                                                    }
                                                                                                                    
                                                                                                                    .banner-title {
                                                                                                                        font-size: 0.85rem;
                                                                                                                            font-weight: 700;
                                                                                                                                color: #fff;
                                                                                                                                    text-transform: uppercase;
                                                                                                                                        margin-bottom: 8px;
                                                                                                                                        }
                                                                                                                                        .banner-title .gold { color: #c5a059; }
                                                                                                                                        
                                                                                                                                        .apply-btn {
                                                                                                                                            padding: 4px 12px;
                                                                                                                                                border: 1px solid #c5a059;
                                                                                                                                                    color: #c5a059;
                                                                                                                                                        border-radius: 20px;
                                                                                                                                                            font-size: 0.65rem;
                                                                                                                                                                text-transform: uppercase;
                                                                                                                                                                }
                                                                                                                                                                
                                                                                                                                                                /* Hide on mobile */
                                                                                                                                                                @media (max-width: 992px) {
                                                                                                                                                                    body { padding-left: 0 !important; }
                                                                                                                                                                        .left-banner-sidebar { display: none; }
                                                                                                                                                                        }
                                                                                                                                                                        .banner-slot img {
        width: 300px;
        height: 150px;
        object-fit: cover; /* or "contain" */
        }
        @media (max-width: 992px) {
            .banner-slot img {
                width: 100%;
                height: auto;
            }
            section.content_block:not(.no-style) > div {
            padding: 0px !important;
        }
        ul.featured > li {
            margin-bottom: 0px !important;
            padding:2px!important;
        }
        }

        /* === Mobile: fit ~6 featured cards (2 cols x 3 rows) per screen ===
        All cards are still shown (scrollable). Each card's picture is sized to ~1/3 of
        the screen height so three rows fill one mobile viewport and no half card peeks.
        100dvh tracks the real visible height (address bar safe); 100vh is the fallback. */
        @media screen and (max-width: 767px) {
            ul.featured.row > li > .picture {
                padding-bottom: 0;
                height: calc((100vh - 12px) / 3);
                height: calc((100dvh - 12px) / 3);
            }
            section.grid > article,
        section.grid .group > article {
            padding-bottom: 2px !important; 
        }
        }

        /* === Hide the heart / favorite button on all listing cards (home, listing grid, map) ===
        Targets only cards (inside ul.card-info and map cards). The single listing DETAILS
        page keeps its favorite button (different markup, not a card). === */
        ul.card-info .favorite,
        .map-listing .favorite {
            display: none !important;
        }

        /* === Mobile: fit ~6 listing cards per screen on listing-grid pages (e.g. girls.html) ===
        Same idea as the featured grid: each card picture = ~1/3 of the screen height with a
        small row gap, so 2 cols x 3 rows fill one mobile viewport. All cards remain (scrollable). */
        @media screen and (max-width: 767px) {
            section#listings.grid > article {
                padding-bottom: 2px;
            }
            section#listings.grid > article div.picture {
                padding-bottom: 0;
                height: calc((100vh - 12px) / 3);
                height: calc((100dvh - 12px) / 3);
            }
            ul.featured > li img {
            height: auto;
        }
        


        }
        /* === Mobile footer: social icons shown next to "More Helpful Links" === */
        .footer-mobile-social .icons a svg {
            width: 24px;
            height: 24px;
            fill: #8e8b97;
        }
        .footer-mobile-social .icons a:hover svg {
            fill: #cfced2;
        }



/* === Slider/carousel mobile fix ===
   The grid "6 per screen" rules above also matched the carousel track
   (class "featured ... row flex-nowrap"), which cut the slider images and
   misaligned the VERIFIED badge. This resets ONLY the carousel back to its
   default sizing on mobile. The plain grids (no .flex-nowrap) are unaffected. */
@media screen and (max-width: 767px) {
    ul.featured.flex-nowrap > li > .picture {
        padding-bottom: 122% !important;
        height: auto !important;
    }
    ul.featured.flex-nowrap > li img {
        height: 100% !important;
    }
}

/* === Mobile fix: featured + slider images must FILL the card (object-fit: cover) ===
   An earlier "ul.featured > li img { height: auto }" made portrait images overflow the
   card box, which pushed the VERIFIED badge out of place and cut it (girls.html was fine
   because it uses section#listings, not ul.featured). Forcing height:100% restores the
   correct fill so the badge sits in its proper spot — same as girls.html and desktop. */
@media screen and (max-width: 767px) {
    ul.featured > li img {
        height: 100% !important;
    }
}

/* === Sliders ONLY (.flex-nowrap): VERIFIED badge + card-info text ===
   Badge is an IMAGE (.sub_status__img, 39x39 png). It sits bottom-LEFT.
   The name+location box is right-aligned (so it never overlaps the left badge) and
   ordered name-first so the name is not clipped at the bottom of the slide.
   Only the carousel is targeted; grid cards, girls.html and desktop stay as they are. */
@media screen and (max-width: 767px) {
    ul.featured.flex-nowrap > li > .picture {
        position: relative !important;
    }
    /* Verified badge — bottom-LEFT corner, real 39x39 size */
    ul.featured.flex-nowrap .picture .sub_status__img {
        position: absolute !important;
        left: 0px !important;
        right: auto !important;
        bottom: 28px !important;
        top: auto !important;
        width: 39px !important;
        height: 39px !important;
        z-index: 3 !important;
    }
    ul.featured.flex-nowrap .picture .sub_status__img > img {
        width: 39px !important;
        height: 39px !important;
    }
    /* Name + location — lifted up (the slide is taller than the image, so the default
       bottom:0 puts this box in the clipped empty area below the photo), right-aligned. */
    ul.featured.flex-nowrap > li > ul.card-info {
        bottom: 25px !important;
        flex-direction: column !important;
        text-align: right !important;
    }
    ul.featured.flex-nowrap > li > ul.card-info > li.title,
    ul.featured.flex-nowrap > li > ul.card-info > li.title a,
    ul.featured.flex-nowrap > li > ul.card-info > li.fields {
        text-align: right !important;
    }
    /* drop the empty price/favorite row so the name + location both stay visible */
    ul.featured.flex-nowrap > li > ul.card-info > li.two-inline.price_tag {
        display: none !important;
    }
}