@import url('bootstrap.css');
@import url('fonts.css');

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

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

sub, sup {
    line-height: 0;
    font-size: 0.7em;
}

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

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

body:not([class*="static-page"]) ul, body:not([class*="static-page"]) li {
    list-style: none;
}

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

table.fixed {
    table-layout: fixed;
}

img {
    vertical-align: middle;
}

label {
    user-select: none;
}

b, strong {
    font-weight: 600;
}

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

.header-usernav-icon-fill {
    fill: #dc2d13 !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: #004290; */
    color: #505050;
    font-weight: bold;
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
}

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

a.color-light {
    color: rgba(255, 255, 255, .9);
    font-weight: 400;
}

a.color-light:hover {
    color: white;
}

/* links end */

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

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

/* h1 end */

/* global style items */
.hlight {
    background: #f4f4f4;
}

.hborder {
    border-color: #d4d4d4;
}

/* global style items end */

/* inputs */
input[type=date],
input[type=text],
input[type=password],
input[type=number],
textarea,
select,
span.pills {
    height: 44px;
    background: white;
    border: 1px #E6E6E6 solid;
    color: #111111;
    font-size: 0.875em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;

    padding: 0 10px 0;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: border-color 0.3s ease;
}

input:hover,
select:hover {
    border-color: #999999;
}

input:focus {
    border-color: #222222;
}

select:focus {
    background-color: #FFF;
    border-color: #c1c1c1;
}

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

select {
    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],
input[disabled] {
    cursor: not-allowed;
    color: #acacac;
    background-color: #F2F2F2;
    background-image: none;
}

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

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

option {
    padding: 2px;
    color: #111111 !important;
}

input[type=submit],
input[type=button],
.file-input span,
a.button,
.btn {
    background: #d91919;
    height: 44px;
    padding: 0 20px 2px;
    color: white;
    font-size: 0.95em;
    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: #F52C2C;
}

a.button {
    display: inline-block;
    line-height: 42px;
}

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

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

.button.warning:not(.disabled) {
    background: #c51c1c;
    border: none;
}

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

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

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

input[type=checkbox]:not(.default) + label > span,
input[type=radio]:not(.default) + label > span {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url('../img/gallery.webp') 0 -1177px no-repeat;
    vertical-align: top;
    margin: -1px 5px 0 0;
}

input[type=radio]:not(.default) + label > span {
    background-position: 0 -1098px;
}

input[type=checkbox]:not(.default):hover + label > span {
    background-position: 0 -1153px;
}

input[type=radio]:not(.default):hover + label > span {
    background-position: 0 -1072px;
}

input[type=checkbox]:not(.default):checked + label > span,
input[type=radio]:not(.default):checked + label > span {
    background-position: 0 -1201px;
}

input[type=radio]:not(.default):checked + label > span {
    background-position: 0 -1124px;
}

input[type=radio].multiline + label,
input[type=checkbox].multiline + label {
    height: auto;
    text-align: center;
    color: #006EC7;
    font-size: 0.929em;
}

input[type=radio].multiline:checked + label,
input[type=checkbox].multiline:checked + label {
    color: #010101;
}

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

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

input[type=radio][disabled=disabled] + label {
    color: #888888;
}

input[type=checkbox].inline + label {
    display: inline;
}

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

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

input[value="white"] + label > span,
input[value="black"] + label > span,
input[value="gray"] + label > span,
input[value="blue"] + label > span,
input[value="green"] + label > span,
input[value="red"] + label > span,
input[value="yellow"] + label > span,
input[value="silver"] + label > span,
input[value="brown"] + label > span {
    position: relative;
    margin-right: 29px !important;
}

input[value="white"] + label > span:after,
input[value="black"] + label > span:after,
input[value="gray"] + label > span:after,
input[value="blue"] + label > span:after,
input[value="green"] + label > span:after,
input[value="red"] + label > span:after,
input[value="yellow"] + label > span:after,
input[value="silver"] + label > span:after,
input[value="brown"] + label > span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 29px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

input[value="white"] + label > span:after {
    background: linear-gradient(#F4F4F4, #F1F1F1 50%, #D3D3D3 50%, #EDEDED);
}

input[value="black"] + label > span:after {
    background: linear-gradient(#5A5A5A, #252525 50%, #000000 50%);
}

input[value="gray"] + label > span:after {
    background: linear-gradient(#A1A1A1, #888888 50%, #676767 50%, #767676);
}

input[value="blue"] + label > span:after {
    background: linear-gradient(#BDD0DE, #A8C1D3 50%, #99B3C6 50%, #9BB8CD);
}

input[value="green"] + label > span:after {
    background: linear-gradient(#6AB690, #44A373 50%, #218351 50%, #28945D);
}

input[value="red"] + label > span:after {
    background: linear-gradient(#FEC4BF, #FEB1AB 50%, #F1A29C 50%, #FDA59E);
}

input[value="yellow"] + label > span:after {
    background: linear-gradient(#FFF1B9, #FFEDA8 50%, #F3E199 50%, #FFEB9B);
}

input[value="silver"] + label > span:after {
    background: linear-gradient(#F2F2F2, #EDEDED 50%, #E1E1E1 50%, #EBEBEB);
}

input[value="brown"] + label > span:after {
    background: linear-gradient(#B0988C, #967667 50%, #755545 50%, #866150);
}

/* 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.webp) -8px -699px no-repeat;
    transition: transform 0.4s;
    z-index: 3;
}

label.switcher:hover > input[type=checkbox] + span:not(.status) {
    opacity: 1;
}

label.switcher > input[type=checkbox]:checked + span:not(.status) {
    background: #52b600;
    transition: background-color 0.4s;
}

label.switcher > input[type=checkbox]:checked + span:not(.status):after {
    transform: translateX(-16px);
}

label.switcher > input[type=checkbox]:checked + span:not(.status):before {
    transform: translateX(-16px);
    background-position: 0 -699px;
}

label.switcher > input[type=checkbox] ~ .status {
    margin-left: 10px
}

label.switcher > input[type=checkbox] ~ .status:before {
    content: attr(data-enabled);
}

label.switcher > input[type=checkbox]:checked ~ .status:before {
    content: attr(data-disabled);
}

::-webkit-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}

:-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}

::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}

:-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300;
}

*:focus {
    outline: none;
}

input[type=text].error,
input[type=password].error,
textarea.error {
    background: #fff2f4;
    color: #c92a44;
    border-color: #f79d9d;
}

div.field.error label {
    color: #c92a44;
}

select.error {
    background-color: #fff3f5;
    border-color: #ffccd4;
    color: #c92a44;
}

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

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

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

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

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

.file-input span {
    display: inline-block;
    vertical-align: top;
    line-height: 44px;
    margin-left: 3px;
}

.file-input + em {
    margin: 0 10px;
}

span.pills {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border-radius: 4px;
}

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

span.pills > label {
    padding: 0 15px !important;
    height: 42px !important;
    line-height: 40px;
    border-right: 1px #999999 solid;
    display: inline-block;
    text-align: center;
}

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

span.pills input[type=radio]:checked + label {
    background: rgba(255, 255, 255, .2);
    text-decoration: none;
    cursor: default;
    color: white;
}

span.pills > label:not(.active) {
    cursor: pointer;
    color: rgba(255, 255, 255, .6);
}

span.pills > label:not(.active):hover {
    color: white;
}

/* inputs end */
/*** COMMON STYLES END ***/

/*** DAVIT ***/
@media screen and (max-width: 767px) {
    .filedshelper div.table-cell > div.name {
        width: 61% !important;
    }
}

ul.controls li {
}

ul.controls li a {
}

ul.controls li a img {
}

/*** DAIT END ***/

/*** PAGE HEADER ***/
header.page-header {
    position: relative;
    padding-bottom: 30px;
    z-index: 9999;
}

.page-header-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../img/header-bg.webp') no-repeat center center #373346;
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% calc(100% - 30px), 0% 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.page-header-mask:before {
    content: '';
    background: rgb(36 36 36 / 75%);
    /*mix-blend-mode: multiply;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

header.page-header > div.point1 {
    max-width: 100%;
    position: relative;
    z-index: 1;
}

header.page-header div.top-navigation {
    height: 44px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px rgba(255, 255, 255, .15) solid;
}

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

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

.header-contacts {
    white-space: nowrap;
}

.header-contacts svg {
    width: 12px;
    height: 10px;
    opacity: .6;
    fill: #ffffff;
    fill-opacity: .45;
    stroke-opacity: .45;
}

.contacts__handset svg {
    height: 12px;
    margin-bottom: -2px;
}

.header-contacts a:hover svg {
    opacity: 1;
}

#logo {
    width: 100%;
    max-width: 404px;
}

#logo > a,
#logo img {
    width: inherit;
    height: auto;
}

.header-nav {
    position: relative;
    min-height: 96px;
    padding-top: 20px;
    padding-bottom: 25px;
}

.horizontal-search {
    width: 100%;
    max-width: 748px;
}

.horizontal-search .tags-autocomplete {
    margin-right: -4px;
    padding-right: 14px;
}

.horizontal-search .tags-autocomplete:focus,
.horizontal-search .tags-autocomplete:hover {
    border: 1px #E6E6E6 solid;
}

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

body.bc-exists div.header-banner-cont {
    padding: 0 0 30px 0;
}

div.header-banner-cont > div {
    margin: 0 auto;
    height: 100%;
}

div#header-banner {
    width: 728px;
    height: 90px;
    margin: auto;
    overflow: hidden;
}

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 #373346;
    width: 100%;
    height: 100%;
    color: #373346;
    font-size: 1.125em;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

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

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

#listings.list div.banner-space {
    margin-bottom: 8px;
}

/* top navigation */
.circle {
    position: relative;
    user-select: none;
    display: flex;
    height: 100%;
    z-index: 103;
}

.circle > .default {
    line-height: 44px;
    font-size: 0.750em;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    padding: 0 12px;
    align-items: center;
    color: white;
}

.circle > .default:after {
    content: '';
    width: 8px;
    height: 5px;
    margin-left: 10px;
    background: url('../img/dropdown-arrow.svg') 0 -4px no-repeat;
    background-size: 18px 13px;
    opacity: 0.7;
    filter: invert(1);
}

.circle:not(.circle_opened):hover > .default:after {
    opacity: 1;
}

.circle_opened > .default:after {
    transform: scaleY(-1);
    filter: none;
}

.circle_opened > .content {
    display: flex;
    background: white;
    padding: 10px 15px;
    min-width: 100%;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 100%;
    margin-top: 2px;
    box-shadow: 0 0 12px -4px rgba(55, 51, 70, .8);
    border-radius: 4px;
}

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

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

.circle_opened {
    background-color: white;
    border-radius: 4px;
}

.circle_opened > .default {
    color: #111111;
}

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

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

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

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

.user-navbar > span.circle:last-of-type {
    margin-right: -10px;
}

#user-navbar > span.default:before {
    content: '';
    display: inline-block;
    background: url('../img/gallery.webp') 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 {
    -webkit-animation: blinker 2.0s infinite ease-in-out;
    animation: blinker 2.0s infinite ease-in-out;
}

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

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

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

.user-navbar-container input[name=username],
.user-navbar-container input[name=password] {
    width: 100%;
    margin: 0 0 12px;
}

.user-navbar-container input[type=submit] {
    width: 100%;
}

.user-navbar-container .links {
    padding: 20px 0 0 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.user-navbar-container .links > span {
    padding: 0 0 10px 0;
    display: inline-block;
    width: 100%;
}

.hookUserNavbar {
    display: block;
    vertical-align: top;
    font-size: 0.813em;
}

#user-navbar span.content.a-menu {
    padding: 10px;
}

ul.account-menu-content {
    display: inline-block;
    margin-top: -10px;
    font-size: 14px;
}

#user-navbar ul > li,
ul.account-menu-content > li {
    position: relative;
    height: auto;
    line-height: normal;
}

#user-navbar ul > li > a,
ul.account-menu-content > li > a {
    position: relative;
    display: block;
    padding: 8px 25px 8px 34px;
}

ul.account-menu-content > li > a.active {
    color: #111111;
}

#user-navbar ul > li > a:hover,
ul.account-menu-content > li > a:hover {
    background: #e1edfb;
    border-radius: 4px;
}
#user-navbar ul > li > a:hover:before,
ul.account-menu-content > li > a:hover:before,
#user-navbar ul > li > a.active,
ul.account-menu-content > li > a.active,
#user-navbar ul > li > a.active:before,
ul.account-menu-content > li > a.active:before {
    color: #3271bc;
}

#user-navbar ul > li > a:before,
ul.account-menu-content > li > a:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    color: #9e9e9e;
    width: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#user-navbar ul > li.user-menu-icon-add_listing a:before,
ul.account-menu-content > li.user-menu-icon-add_listing a:before {
    content: "\e4a3";
}

#user-navbar ul > li.user-menu-icon-my_messages a:before,
ul.account-menu-content > li.user-menu-icon-my_messages a:before {
    content: "\f4b6";
}

#user-navbar ul > li.user-menu-icon-my_profile a:before,
ul.account-menu-content > li.user-menu-icon-my_profile a:before {
    content: "\f007";
}

#user-navbar ul > li.user-menu-icon-my_favorites a:before,
ul.account-menu-content > li.user-menu-icon-my_favorites a:before {
    content: "\f005";
}

#user-navbar ul > li.user-menu-icon-saved_search a:before,
ul.account-menu-content > li.user-menu-icon-saved_search a:before {
    content: "\e029";
}

#user-navbar ul > li.user-menu-icon-my_all_ads a:before,
ul.account-menu-content > li.user-menu-icon-my_all_ads a:before {
    content: "\e4a2";
}

#user-navbar ul > li.user-menu-icon-my_packages a:before,
ul.account-menu-content > li.user-menu-icon-my_packages a:before {
    content: "\f187";
}

#user-navbar ul > li.user-menu-icon-payment_history a:before,
ul.account-menu-content > li.user-menu-icon-payment_history a:before {
    content: "\e1cf";
}

#user-navbar ul > li.user-menu-icon-my_credits a:before,
ul.account-menu-content > li.user-menu-icon-my_credits a:before {
    content: "\f09d";
}

#user-navbar ul > li.user-menu-icon-my_banners a:before,
ul.account-menu-content > li.user-menu-icon-my_banners a:before {
    content: "\f53c";
}

#user-navbar ul > li.user-menu-icon-invoices a:before,
ul.account-menu-content > li.user-menu-icon-invoices a:before {
    content: "\f15c";
}

#user-navbar ul > li.user-menu-icon-compare_listings a:before,
ul.account-menu-content > li.user-menu-icon-compare_listings a:before {
    content: "\f0ce";
}

#user-navbar ul > li.user-menu-icon-rv_listings a:before,
ul.account-menu-content > li.user-menu-icon-rv_listings a:before {
    content: "\e237";
}

#user-navbar ul > li.user-menu-icon-aff_general_stats a:before,
ul.account-menu-content > li.user-menu-icon-aff_general_stats a:before {
    content: "\f0c0";
}

#user-navbar ul > li > a.logout:before,
ul.account-menu-content > li > a.logout:before {
    content: "\f2f5";
}

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

#user-navbar ul > li > a.logout:hover,
ul.account-menu-content > li > a.logout:hover {
    color: #fe8f8f;
}

#user-navbar ul > li > a.logout:hover:before,
ul.account-menu-content > li > a.logout:hover:before {
    color: #f97777;
}

#user-navbar a.counter,
.account-menu-content a.counter {
    color: #fb6a5c;
    padding: 0;
    display: inline-block;
    line-height: initial;
    position: absolute;
    right: 0;
    top: 5px;
}

.remember-me {
    padding: 10px 0 15px;
}

.user-navbar-container .remember-me {
    padding: 20px 0 0;
    color: initial;
}

/* top navigation end */

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

.popup > div > div {
    border: 1px #B4C9E1 solid !important;
    border-radius: 4px !important;
}

/* popup end */

.header-nav .add-property {
    display: flex;
    font-size: 0.813em;
    color: #FFDC00 !important;
    font-weight: 400;
    align-items: center;
    white-space: nowrap;
}

.header-nav .add-property:hover {
    filter: brightness(1.2);
}

.header-nav .add-property span {
    display: block;
    width: 22px;
    height: 22px;
    background: #FFDC00;
    border-radius: 50%;
    margin-right: 8px;
    position: relative;
}

.header-nav .add-property span:before,
.header-nav .add-property span:after {
    content: '';
    position: absolute;
    background: #373346;
    width: 2px;
    height: 10px;
    left: 10px;
    top: 6px;
}

.header-nav .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;
    overflow: hidden;

}

.full-interior div#wrapper {
    z-index: 1000;
}

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

section#main_container {
    position: relative;
    overflow: hidden;
}

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

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

section#content {
    vertical-align: top;
}

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

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

aside.two-middle .content_block > div {
    flex: 1;
}

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

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

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

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

#bread_crumbs > ul a {
    color: #777777;
}

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

/* bread crubmbs end */

/* content/side blocks */
section.content_block,
section.side_block {
    position: relative;
    margin-bottom: 30px;
    border-radius: 4px;
}

section.content_block > h3,
section.side_block > h3 {
    font-size: 1.500em;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
}

section.content_block > div,
section.side_block > div {
    position: relative;
}

section.content_block:not(.no-style) > div {
    box-shadow: 0 0 0 1px #E8E8E8;
    padding: 20px;
    border-radius: 4px;
}

section.content_block > div h3,
section.side_block > div h3 {
    font-size: 1.357em;
    margin-top: -5px;
    margin-bottom: 25px;
}

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

section.content_block.highlighted:not(.no-style) > div {
    padding: 20px;
    background: #fbfbfb;
    border-radius: 4px;
    -webkit-box-shadow: 1px 2px 5px 1px #cccccc;
    -moz-box-shadow: 1px 2px 5px 1px #cccccc;
    box-shadow: 1px 2px 5px 1px #cccccc;
}

aside.middle {
    margin-bottom: 30px;
}

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

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

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

/* content/sidebar block end */

/* sidebar search block */
.search-item .field {
    font-size: 0.813rem;
}

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

section.side_block_search div.search-item:last-child {
    padding-bottom: 0;
}

section.side_block_search div.search-footer .search_field_item {
    width: 100%;
}

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

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

.search-button > a {
    margin-left: 20px;
    white-space: nowrap;
}

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

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

.search-item.two-fields > select:last-child,
.search-item.two-fields > input[type=text]:last-child {
    margin-right: 0;
}

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

/* three */
.search-item.three-field > select,
.search-item.three-field > span {
    width: 24%;
    margin-right: 4%;
}

.search-item.three-field > input {
    width: 34%;
    margin-right: 4%;
}

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

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

.search-item.three-field > *:last-child {
    margin-right: 0;
}

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

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

.search-item.checkbox-field > .custom-input {
    padding: 0 0 10px 0;
}

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

.search-item.checkbox-field div.field,
.search-item.couple-field div.field {
    padding-bottom: 8px;
}

.search-item span.divider {
    padding: 0 10px;
}

/* sidebar search block end */

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

.search-form-cell {
    margin-bottom: 13px;

    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.search-form-cell > div > span {
    color: white;
    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 {
    width: 100%;
    background-color: rgba(255, 255, 255, .2);
    border-color: #999999;
    color: rgba(255, 255, 255, .6);
}

.search-form-cell > div > div select {
    background-image: url('../img/dropdown-arrow-white.svg')
}

.search-form-cell > div > div input[type=submit] {
    width: 100%;
}

.search-form-cell > div > div span.pills {
    background-color: transparent;
}

.search-form-cell > div > div > *:hover {
    border-color: #E6E6E6;
}

.search-form-cell > div > div select[disabled=disabled] {
    background-color: transparent;
    border-color: rgba(230, 230, 230, .31);
}

.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),
.search-form-cell.three-field > div > div > *:not(:last-child) {
    margin-right: 4px;
}

/*** PAGE CONTENT END ***/

/* custom calculator */
.custom_calculator {
    width: 100%;
    position: relative;
}

.custom_calculator > div {
    border: 1px #ccc solid;
    border-radius: 5px;
    padding: 15px;
}

@media screen and (max-width: 768px) {
    .custom_calculator > div,
    .custom_calculator > div > div.selectors,
    .custom_calculator > div > div.counting_results {
        padding: 5px;
    }
}

.custom_calculator > div > div div.field {
    padding: 10px 5px;
}

.custom_calculator > div > div.selectors div.field .name {
    display: block;
    color: #888888;
    font-size: 14px;
    padding-bottom: 5px;
}

.custom_calculator > div > div.counting_results div.field:nth-child(2n) {
    background: #f1f1f1;
}

.custom_calculator > div > div.counting_results div.field .name {
    display: inline-block;
    color: #888888;
    font-size: 14px;
    padding-bottom: 5px;
}

.custom_calculator > div > div.counting_results div.field .value {
    color: black;
    font-size: 15px;
    float: right;
}

.custom_calculator > div > div div.field select {
    width: 100%;
}

.custom_calculator div.total {
    text-align: center;
    width: 100%;
}

.custom_calculator .load_form {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url('../img/load_flag.gif') center no-repeat white;
    opacity: 0.7;
    z-index: 100;
}

.custom_calculator .switch {
    height: 24px;
    width: 50px;
    margin: auto;
    position: relative;
    display: inline-block;
}

.custom_calculator .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom_calculator .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a7a7a7;
    -webkit-transition: .4s;
    transition: .4s;
}

.custom_calculator .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.custom_calculator input:checked + .slider {
    background-color: #56bd11;
}

.custom_calculator input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.custom_calculator input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.custom_calculator .slider.round {
    border-radius: 24px;
}

.custom_calculator .slider.round:before {
    border-radius: 50%;
}

#insurance_tax .text,
#customs_fee .text {
    padding: 2px 0 0 10px;
    vertical-align: top;
    display: inline-block;
}

.custom_calculator .total .name {
    font-size: 26px !important;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;
}

.custom_calculator .total .value {
    font-size: 22px;
    font-weight: bold;
    line-height: 35px;
    width: 100%;
    display: block;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .custom_calculator .total .value {
        font-size: 17px;
        padding: 0;
    }

    .custom_calculator > div > div.counting_results div.field span.value.stock_car_price > .custom-conversion-separator,
    .custom_calculator > div > div.counting_results div.field .value.stock_car_price > .custom-conversion {
        display: none;
    }

    .custom_calculator > div > div.counting_results div.field span.value.stock_car_price {
        color: #3271bc;
        text-decoration: underline dotted;
    }

    .qtip-content div.table-cell > div.name {
        width: 55% !important;
    }
}

.custom-calc .text-field input[type=text],
.custom-calc .submit-field input {
    width: 100%;
}

.custom-calc .submit-cell .name {
    padding: 0 0 5px;
    display: block;
}

.custom-calc div.table-cell > div.name {
    width: 200px;
}

.custom-calc {
    box-shadow: 0 0 0 1px #e8e8e8;
    background: #fbfbfb;
    border-radius: 4px;
    padding: 15px;
}

.custom-calc,
.custom-calc select,
.custom-calc input {
    font-size: 0.875rem;
}

.custom-calc div.table-cell > div.name > div > span {
    background: none;
}

.custom-calc div.table-cell > div {
    min-height: 24px;
    line-height: 22px;
    padding: 0;
}

.custom-calc div.table-cell.total div.name {
    font-size: 1rem;
    font-weight: 600;
    width: auto;
}

.custom-calc div.table-cell.total div.name span {
    color: #111111;
}

.custom-calc div.table-cell.total div.value {
    font-size: 1.125rem;
}

.custom-calc div.table-cell.total div.value > div {
    font-size: 11px;
}

#calc-table {
    background: none;
    box-shadow: none;
    margin: 1.5rem 0 0 0;
}

#calc-table > h3 {
    background-color: #373346;
    color: #fff;
    height: 46px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    font-weight: 600;
    margin-left: -15px;
    margin-right: -15px;
}

#calc-table > h3 + div > div {
    display: table;
    border-collapse: collapse;
}

#calc-table > h3 + div > div .table-cell {
    display: table-row;
}

#calc-table > h3 + div > div .table-cell > div {
    display: table-cell;
    border: 1px solid #E6E6E6;
    float: none;
    padding: 0 15px;
    color: #111111;
    font-size: 14px;
    line-height: 1.2;
    vertical-align: middle;
    height: 46px;
}

#calc-table > h3 + div > div .table-cell div.name {
    font-weight: 600;
    background-color: #f7f7f7;
}

#calc-table > h3 + div > div .table-cell div.name > div {
    height: auto;
    background: none;
}

#calc-table > h3 + div > div .table-cell div.name > div > span {
    color: #111111;
}

#calc-table > h3 + div > div .table-cell div.name > div > span:after {
    content: "";
}

#calc-table .total {
    border: 1px solid #E6E6E6;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

#calc-table .total > div:first-child {
    border-right: 1px solid #E6E6E6;
}

#calc-table .total .total-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f7f7f7;
    margin-right: 0;
    padding: 10px 15px;
}

#calc-table .total .total-title .name {
    font-size: 1rem;
    font-weight: 600;
}

#calc-table .total .total-data > div > div {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-right: 1px solid #E6E6E6;
}

#calc-table .total .total-data > div > div:last-child {
    border-right: none;
}

#calc-table .total .total-data-title,
#calc-table .total .total-data-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
}

#calc-table .total .total-data-title {
    background-color: #373346;
    border-bottom: 1px solid #E6E6E6;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

#calc-table .total .total-hint {
    font-size: 12px;
    margin-top: 2px;
}

/* custom calculator end */

/*** PAGE FOOTER ***/
.page-footer {
    background: #2a2a2a;
    color: #949494;
    min-height: 162px;
    padding: 30px;
}
.page-footer .full-version-site {
    display: none;
    font-size: 13px;
    font-weight: 400;
    color: #EDEDED;
    background: #3a3a3a;
    border-radius: 4px;
    border: none;
    padding: 10px;
    margin: 28px auto 0 auto;
    cursor: pointer;
}
.page-footer .logo {
    margin-top: 0;
    margin-bottom: 22px;
}

.page-footer .logo img {
    width: 100%;
    max-width: 200px;
    height: auto;
}

.page-footer .circle {
    display: flex;
    height: auto;
    font-size: 1em;
    font-weight: bold;
    color: #EDEDED;
    background: #3a3a3a;
    border-radius: 4px;
    width: 100%;
    max-width: 200px;
}

.page-footer .circle {
    margin-bottom: 10px;
    z-index: auto;
}

.page-footer .circle:last-child {
    margin-bottom: 0;
}

.page-footer .circle > .default {
    font-size: 1em;
    line-height: 40px;
    width: 100%;
    color: #EDEDED;
}

.page-footer .circle > .default:after {
    margin-left: auto;
}

.page-footer .circle_opened > .content {
    background: #3a3a3a;
}

.page-footer .circle_opened > .default:after {
    filter: invert(1);
}

.page-footer .circle_opened > .content > ul {
    width: 100%;
}

.page-footer .circle_opened > .content > ul a {
    width: 100%;
}

.page-footer .circle .lang-selector li,
.page-footer .circle.currency-selector li {
    text-align: left;
    display: flex;
    align-items: center;
}

.page-footer .circle .lang-selector li a:hover,
.page-footer .circle.currency-selector li a:hover,
.page-footer .circle.currency-selector li a.active {
    color: #EDEDED;
}

.page-footer .circle.currency-selector li a {
    padding: 0;
    width: 100%;
}

.page-footer .circle.currency-selector span.content {
    min-width: 100% !important;
}

.page-footer .circle.currency-selector span.content > div {
    width: 100%;
}

.page-footer .footer-menu {
    padding-bottom: 30px;
}

.page-footer .footer-menu ul li a {
    font-size: 0.813em;
    padding: 4px 0;
    display: inline-block;
    color: #949494;
    font-weight: 400;
}

.page-footer .footer-menu ul li a:hover, .page-footer .footer-menu ul li a.active {
    color: white;
}

.page-footer .mobile-apps a img {
    width: 100%;
    max-width: 98px;
}

.page-footer .newsletter > div {
    max-width: 500px;
    margin-left: auto;
}

.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;
    height: 40px;
}

.page-footer .newsletter input.button {
    border-radius: 0 4px 4px 0;
    padding: 0 15px 2px !important;
    height: 40px;
}

.page-footer .newsletter #newsletter_email {
    border: 0;
}

.page-footer .newsletter__text {
    margin-bottom: 16px;
    color: #EEEDED;
    font-size: 0.938em;
    text-transform: uppercase;
}

.page-footer .footer-address {
    font-size: 0.875rem;
    font-weight: 700;
    margin-top: 26px;
    margin-bottom: 22px;
    text-align: center;
    max-width: 200px;
    text-transform: uppercase;
    line-height: 1;
}

.footer__menu-title,
.footer__menu-title-apps {
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #EDEDED;
    font-size: 15px;
    /* white-space: nowrap; */
}

.footer__menu-title-apps {
    letter-spacing: -0.4px;
}

.footer-data {
    font-size: 0.75em;
}

.footer-data a {
    width: 24px;
    height: 24px;
    color: #e0e0e0 !important;
    transition: color 0.3s ease;
}

.footer-data a:hover {
    text-decoration: none;
    color: #bbbbbb !important;
}

.footer-data .icons {
    text-align: right;
}

.footer-data .icons h4 {
    margin-bottom: 13px;
    text-align: right;
}

.footer-data .copyrights {
    align-self: flex-end;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .footer-data .icons,
    .footer-data .icons h4 {
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .footer-data .icons,
    .footer-data .copyrights {
        text-align: center;
    }
}

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

.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.webp') 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.webp') 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.webp') -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.webp') 0 -1460px no-repeat;
    opacity: 0.7;
}

img.remove:hover {
    opacity: 1;
}

/* close bars end */

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

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

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

.h1-nav nav > a:hover {
    opacity: 1;
}

.h1-nav nav > a.post_ad {
    width: 38px;
    background: #09396E;
    border-radius: 20px;
    position: relative;
    opacity: 1;
}

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

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

.h1-nav nav > a.post_ad:hover {
    background: #44773d;
}

/* credit card styles */
img.cvc {
    width: 45px;
    height: 26px;
    background: url('../img/cc.png') 0 0 no-repeat;
    margin: 0 0 0 5px;
}

img#card_icon {
    width: 38px;
    height: 24px;
    background: url('../img/cc.png') 0 150px no-repeat;
    margin: 0 0 4px 6px;
}

img#card_icon.visa,
img#card_icon.visa_electron {
    background-position: 0 -122px;
}

img#card_icon.mastercard {
    background-position: 0 -98px;
}

img#card_icon.discover {
    background-position: 0 -50px;
}

img#card_icon.maestro {
    background-position: 0 -74px;
}

img#card_icon.amex {
    background-position: 0 -26px;
}

/* credit card styles end */
/*** MISCELLANEOUS END ***/

/*** TABS ***/
ul.tabs {
    height: 48px;
    white-space: nowrap;
    border-bottom: 1px #D5E7FC solid;
    margin-bottom: 20px;
}

ul.tabs > li {
    display: inline-block;
    user-select: none;
    height: 48px;
    white-space: nowrap;
}

ul.tabs:not(.tabs-hash) > li,
ul.tabs.tabs-hash > li > a {
    padding: 14px 24px 0;
    height: 48px;
    font-size: 0.813rem;
    cursor: pointer;
    position: relative;
    color: #DC2D13;
    vertical-align: top;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
}

ul.tabs.tabs-hash > li > a {
    display: block;
}

ul.tabs:not(.tabs-hash) > li:hover,
ul.tabs.tabs-hash > li a:hover {
    color: #00569c;
}

ul.tabs:not(.tabs-hash) > li.active,
ul.tabs > li.active > a {
    background: #00203A;
    cursor: default;
    color: white !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
}

ul.tabs > li.more {
    padding: 0;
    margin: 0 !important;
    width: 40px;
    height: 49px;
    text-align: center;
    position: absolute;
    right: 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;
    margin-top: -1px;
}

ul.tabs > li.overflowed.opened {
    display: block;
}

ul.tabs > li.overflowed > ul {
    background: white;
    padding: 3px 0 5px;
    border: 1px #D5E7FC solid;
}

ul.tabs > li.overflowed > ul > li {
    padding: 0 18px;
    white-space: nowrap;
    line-height: 40px;
}

ul.tabs > li.overflowed > ul > li.active a {
    color: #2b2b2b;
}

/*** TABS END ***/

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

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

div.alphabetic-saerch > div > a {
    width: 41px;
    height: 41px;
    border: 1px #d0d0d0 solid;
    display: inline-block;
    text-align: center;
    margin: -1px 0 0 -1px;
    line-height: 38px;
}

div.alphabetic-saerch > div > a.wide {
    width: 81px;
}

div.alphabetic-saerch > div > a:hover {
    background: #d0d0d0;
    color: #010101;
}

div.alphabetic-saerch > div > a.active {
    background: #707070;
    color: white;
}

/*** ALPHABETIC SEARCH END ***/

/*** SUBMIT FORM ELEMENTS ***/
div.submit-cell {
    padding-bottom: 10px;
    *zoom: 1;
}

div.submit-cell:after {
    clear: both;
    content: '';
    display: table;
}

form > div.submit-cell:last-of-type {
    padding-bottom: 0;
}

div.submit-cell > div.name {
    float: left;
    width: 170px;
    padding: 8px 10px 8px 0;
    font-size: 0.92em;
    font-weight: bold;
}

div.submit-cell > div.field {
    overflow: hidden;
    min-height: 38px;
}

body.add-listing-page div.submit-cell > div.field {
    overflow: inherit;
}

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

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

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

div.submit-cell.buttons {
    padding: 10px 0 0 0;
}

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

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

/* single */
.field.single-field > select,
.selected-plan .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;
}

#fs_additional_information .field.single-field > textarea {
    max-width: none;
}

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

/* by Rudi */
#category_container .selected-category div.field.checkbox-field {
    padding-top: 7px;
}

#category_container .selected-category div.field.checkbox-field img.brand-icon {
    width: 34px;
    margin-right: 4px;
    vertical-align: sub;
}

.fields-content .checkbox.item span:not(.inactive) img {
    background: url(../img/gallery.webp) 0 -147px no-repeat;
}

.fields-content .checkbox.item span img {
    width: 19px;
    height: 12px;
    margin-right: 1px;
    vertical-align: baseline;
    background: url(../img/gallery.webp) 2px -1458px no-repeat;
}

/* qtip */
img.qtip {
    width: 18px;
    height: 18px;
    background: url('../img/gallery.webp') 0 -467px no-repeat rgba(21, 126, 210, .7);
    margin: -3px 0 0 10px;
    border-radius: 2px;
}

img.qtip:hover {
    background-color: rgba(21, 126, 210, 1);
}

div.qtip_cont {
    display: none;
}

div.qtip-defaults {
    max-width: 300px;
    display: none !important;
}

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

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

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

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

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

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

div#messages_cont {
    max-height: 600px;
    margin-bottom: 20px;
}

div#messages_cont .mCSB_container {
    margin-right: 10px;
}

ul#messages_area {
    margin-left: 13px;
}

ul#messages_area > li {
    border: 2px #e1e1e1 solid;
    padding: 15px 24px 15px 20px;
    margin: 0 40px 20px 0;
    position: relative;
}

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

ul#messages_area > li:last-child {
    margin-bottom: 0;
}

ul#messages_area > li.me {
    border-color: #fbfbfb;
    background: #fbfbfb;
    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 #fbfbfb transparent;
}

ul#messages_area > li > span {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: url('../img/gallery.webp') 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 {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

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

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

ul.featured > li > .picture {
    position: relative;
    width: 100%;
    padding-bottom: 66%;
    border: 2px #efefef solid;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

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

ul.featured > li .tint img:not(.accident)  {
    position: unset;
}

ul.featured > li figure {
    margin: 0;
}

ul.featured > li .tint {
    position: absolute;
}

ul.featured > li .tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: all 0.3s linear;
}

ul.featured > li .tint:hover:before {
    background: none;
}

.listing-fit-contain ul.featured > li img {
    object-fit: contain !important;
}

.listing-fit-contain ul.featured > li:not(.no-picture) img {
    background: #F8F8F8 !important;
}

ul.featured > li > ul {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 8px 10px;
    background: white;
    border-radius: 0 0 5px 5px;
    border: 2px #efefef solid;
    border-top: 0;
}

ul.featured > li > ul > li:not(:last-child) {
    margin-bottom: 8px;
}

ul.featured .icons {
    display: flex;
    align-self: center;
    align-items: center;
}

ul.featured .icons .icon {
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    opacity: .7;
}

ul.featured .icons .icon:hover {
    opacity: 1;
}

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

ul.featured.list > li {
    position: relative;
}

ul.featured.list > li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    background: #707070;
    border-radius: 4px;
    top: 8px;
}

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

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

article.item:not(.no-image) ul.listing-info > li.title,
article.item:not(.no-image) ul.listing-info:not(.with-names) > li.fields,
ul.featured.with-pictures ul.listing-info > li.title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.938em;
}

ul.listing-info > li.price_tag > div > span,
ul.listing-info .price-tag > span,
ul.listing-info > li.system .type {
    font-weight: 800;
    font-size: 1em;
}

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

ul.listing-info > li.price_tag > *:last-child {
    min-width: unset;
    overflow: visible;
    line-height: 28px;
    white-space: nowrap;
}

ul.listing-info .converted-price {
    font-size: 1rem !important;
}

.day-price .converted-price {
    white-space: nowrap;
    padding: 0 4px;
}

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

/* body[class*='lt-'] .grid_navbar,
body.my-all-ads-page .grid_navbar {
    height: auto;
    margin-bottom: 0;
} */

.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 #DC2D13 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.webp') 0 -65px no-repeat;
}

.grid_navbar div.map:hover span,
.grid_navbar div.map.active span {
    background-position: right -65px;
}

/* sorting */
.sorting {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    font-size: 14px;
}

.sorting > div.current.disabled {
    cursor: default;
    background: #e2e2e2;
}

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

.sorting .current {
    height: 40px;
    padding: 0 15px;
    cursor: pointer;
    user-select: none;
    background: #f2f2f2;
    border-radius: 4px;
}

.sorting .current.active {
    background: white;
    z-index: 11;
    position: relative;
    box-shadow: inset 0 1px 0 0px #cccccc, inset 1px 0 0 0px #cccccc, inset -1px 0 0 0px #cccccc;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    min-width: 220px;
}

.sorting span.arrow {
    width: 9px;
    height: 6px;
    display: inline-block;
    margin: 0 0 0 2px;
    background: url('../img/gallery.webp') -22px -1280px no-repeat;
}

.sorting .active span.arrow {
    background-position: -22px -1267px;
}

.sorting ul.fields {
    z-index: 10;
    background: white;
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
    padding: 3px 0 5px;
    min-width: 100%;
    border: 1px #cccccc solid;
    border-radius: 0 4px 4px 4px;
}

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

.sorting ul.fields > li a.active {
    color: #3271bc;
    pointer-events: none;
    cursor: default;
}
.sorting .link {
    color: #111;
}

/* filter btn */
.filter-btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #111;
    height: 40px;
    padding: 0 15px;
    cursor: pointer;
    user-select: none;
    background: #f2f2f2;
    border-radius: 4px;    
}

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

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

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

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

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

.listing-picture-slider__navbar > span:hover:after,
.listing-picture-slider__navbar > .touch-hover:after {
    box-shadow: inset 0 -3px 0 #DC2D13;
}

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

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

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

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

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

@media screen and (max-width: 991px) {
    .listing-picture-slider__navbar > span:after {
        opacity: 1;
    }

    .listing-picture-slider__navbar:not(.touch-hover-progress) > span:first-child:after {
        box-shadow: inset 0 -3px 0 #DC2D13;
    }
}

.listings-count {
    height: 39px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

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

section#listings .main-column {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 0 2px #efefef;
    border-radius: 5px;
    height: 100%;
}

section#listings .main-column > a {
    font-weight: 400;
}

section#listings .link-large {
    font-size: 0.938em !important;
    font-weight: 600 !important;
    color: #000;
}

section#listings div.picture {
    position: relative;
    width: 100%;
    padding-bottom: 66%;
    border-bottom: 1px #E8E8E8 solid;
}

section#listings div.picture img:not(.accident) {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url(../img/no-picture.svg) center center no-repeat #F8F8F8;
    /* by Rudi */
    object-position: bottom;
}

/* by Rudi */
img.accident {
    width: 40px;
    height: 17px;
    bottom: 6px;
    left: 6px;
    position: absolute;
    background: url(../img/accident.png) no-repeat;
}

section#listings div.picture img.photo360 {
    width: 50px;
    height: 25px;
    top: 4px;
    right: 6px;
    background: url(../img/360icon.png) no-repeat;
    background-size: 50px 25px;
}

/* */
.listing-fit-contain div.picture img {
    object-fit: contain !important;
}

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

.listing-fit-contain div.picture:not(.no-picture) img {
    background: #f1f1f1 !important;
}

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

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

.favorite span.icon {
    background: url('../img/gallery.webp') 0 -94px no-repeat;
    display: block;
    width: 18px;
    height: 16px !important;
    cursor: pointer;
}

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

.favorite.remove span.icon {
    background-position: -22px -94px;
}


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

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

section#listings span.price-tag + div.stat-line {
    position: static;
    display: inline-block;
}

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

section#listings div.stat-line > * > a,
section#listings div.stat-line > * > span {
    padding: 0 0 0 22px;
    position: relative;
}

section#listings div.stat-line > * > a:after,
section#listings div.stat-line > * > span:after {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url('../img/gallery.webp') left -675px no-repeat;

    opacity: 0.7;
}

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

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

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

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

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

article.featured div.picture > div.label,
ul.featured > li > .picture > div.label {
    position: absolute;
    left: 8px;
    top: 8px;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    background: #DC2D13;
    font-size: 0.688em;
    color: white;
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    pointer-events: none;
}

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

/* featured end */

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

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

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

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

section#listings.list ul.listing-info {
    overflow: hidden;
    height: 100%;
    padding: 10px 210px 10px 15px;
}

section#listings ul.listing-info > li.system > span:not(:last-child) {
    margin-right: 30px;
}

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

section#listings.list ul.nav-column.stick-top {
    padding: 0;
}

section#listings.list ul.nav-column > li {
    cursor: pointer;
    position: relative;
    padding: 3px 0 8px 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    user-select: none;
}

section#listings.list ul.listing-info > li.fields > div.table-cell:last-child > div {
    padding-bottom: 0;
}

/* list view end */

/* grid view */
section.grid > article {
    padding-bottom: 30px;
}

section#listings.grid ul.listing-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px 10px 5px 10px;
}

section#listings .fields,
ul.featured ul.listing-info > li.fields {
    color: #888888;
    font-size: 0.813em;
    display: flex;
    flex-wrap: wrap;
}

section#listings .fields > span,
ul.featured ul.listing-info > li.fields > span {
    position: relative;
    display: block;
    width: 50%;
    padding-left: 30px;
    margin-top: 8px;
    margin-bottom: 8px;
}

section#listings .fields > span:nth-child(even),
ul.featured ul.listing-info > li.fields > span:nth-child(even) {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
    width: 40%;
}

section#listings .fields > span:nth-child(odd),
ul.featured ul.listing-info > li.fields > span:nth-child(odd) {
    width: 60%;
}

section#listings .fields > span:before,
ul.featured ul.listing-info > li.fields > span:before {
    content: "";
    width: 24px;
    height: 24px;
    filter: grayscale(100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

section#listings .fields > span:after,
ul.featured ul.listing-info > li.fields > span:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: -3px;
    left: 0;
    border-radius: 50%;
    background: #f4f4f4;
    box-shadow: 0 0 3px #e6e6e6;
    z-index: 1;
}

section#listings .fields > span:nth-child(even):before,
ul.featured ul.listing-info > li.fields > span:nth-child(even):before,
section#listings .fields > span:nth-child(even):after,
ul.featured ul.listing-info > li.fields > span:nth-child(even):after {
    left: auto;
    right: 0;
}

section#listings .fields > span.field-icon-mileage:before,
ul.featured ul.listing-info > li.fields > span.field-icon-mileage:before {
    top: 1px;
    height: 16px;
    background: url("../img/listingIcons/mileage.svg") center no-repeat;
}

section#listings .fields > span.field-icon-fuel-typediesel:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typediesel:before,
section#listings .fields > span.field-icon-fuel-typegas:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typegas:before,
section#listings .fields > span.field-icon-fuel-typelgpgas:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typelgpgas:before,
section#listings .fields > span.field-icon-fuel-typelgp:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typelgp:before,
section#listings .fields > span.field-icon-fuel-typecnggas:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typecnggas:before,
section#listings .fields > span.field-icon-fuel-typecng:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typecng:before {
    top: 2px;
    height: 14px;
    background: url("../img/listingIcons/fuel.svg") center no-repeat
}

section#listings .fields > span.field-icon-fuel-typegash:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typegash:before,
section#listings .fields > span.field-icon-fuel-typedieselh:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typedieselh:before {
    height: 17px;
    background: url("../img/listingIcons/hybrid.svg") center no-repeat
}

section#listings .fields > span.field-icon-fuel-typegasph:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typegasph:before,
section#listings .fields > span.field-icon-fuel-typedieselph:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typedieselph:before {
    top: 1px;
    height: 17px;
    background: url("../img/listingIcons/plugin.svg") center no-repeat
}

section#listings .fields > span.field-icon-fuel-typeelectro:before,
ul.featured ul.listing-info > li.fields > span.field-icon-fuel-typeelectro:before {
    height: 16px;
    background: url("../img/listingIcons/ev.svg") center no-repeat
}

section#listings .fields > span.field-icon-transmission-automatic:before,
ul.featured ul.listing-info > li.fields > span.field-icon-transmission-automatic:before,
section#listings .fields > span.field-icon-transmission-variator:before,
ul.featured ul.listing-info > li.fields > span.field-icon-transmission-variator:before,
section#listings .fields > span.field-icon-transmission-robot:before,
ul.featured ul.listing-info > li.fields > span.field-icon-transmission-robot:before {
    height: 19px;
    background: url("../img/listingIcons/transmission-automatic.svg") center no-repeat;
}

section#listings .fields > span.field-icon-transmission-manual:before,
ul.featured ul.listing-info > li.fields > span.field-icon-transmission-manual:before {
    top: -1px;
    height: 20px;
    background: url("../img/listingIcons/transmission.svg") center no-repeat;
}

section#listings .fields > span.field-icon-engcap:before,
ul.featured ul.listing-info > li.fields > span.field-icon-engcap:before {
    top: 1px;
    height: 16px;
    background: url("../img/listingIcons/engine-capacity.svg") center no-repeat;
}

section#listings .fields > span.field-icon-drive_trainfd:before,
ul.featured ul.listing-info > li.fields > span.field-icon-drive_trainfd:before {
    top: 1px;
    height: 16px;
    background: url("../img/listingIcons/drive-train.svg") center no-repeat;
}

section#listings .system {
    margin-top: auto;
    margin-bottom: 2px;
}

section#listings.grid ul.listing-info > ol {
    display: none;
}

section#listings.grid ul.listing-info > li.title > a,
ul.featured ul.listing-info > li.title > a {
    display: flex;
    justify-content: space-between;
}

section#listings.grid ul.listing-info > li.title > a > span:first-child,
ul.featured ul.listing-info > li.title > a > span:first-child {
    padding-right: 10px;
}

section#listings.grid ul.listing-info > li:not(:last-of-type) {
    margin-top: 1px;
}

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

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

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

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

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

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

/* grid view end */

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

section#listings.list.no-image > article {
    display: block;
    padding: 0 0 10px;
}

section#listings.list.no-image a.link-large {
    font-size: 1.125em !important;
}

section#listings.list.no-image ul.listing-info > li.title {
    padding-bottom: 0;
}

/* no image grid view end */

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

/* map view end */

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

/*** LISTINGS GRID END ***/

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

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

div.listing-details .gallery_360,
div.listing-details .gallery_normal {
    position: absolute;
    z-index: 1001;
    box-shadow: 1px 2px 5px 1px #cccccc;
    right: 2px;
    top: -50px;
    padding: 10px;
    background: #F24E35;
    border-radius: 4px;
    cursor: pointer;
    color: white;
}

/* top navigation */
.listing-header > .col-md-2 {
    height: 42px;
    padding: 0 15px;
    position: relative;
}

.listing-header div.icons,
section.side_block.seller-short div.icons {
    height: 42px;
    overflow: hidden;
    display: block;
    text-align: right;
    user-select: none;
}

section.side_block.seller-short div.icons .text {
    width: auto;
    height: auto;
    font-size: 12px;
    color: #111111;
    line-height: 1;
    margin-top: 5px;
}

.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),
section.side_block.seller-short 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,
section.side_block.seller-short div.icons > * > span {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
}

.listing-header div.icons > span.favorite {
    margin-top: 13px;
}

/* top navigation end */

/* gallery */

div.gallery {
    margin-bottom: 0px;
    flex: 1 1 auto;
}

div.gallery > div#media {
    display: flex;
    height: 495px;
    position: relative;
}

div.gallery div.preview,
div.gallery div.map-container,
div.gallery video#player {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

div.gallery div.map-container {
    background-color: #F8F8F8;
}

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

div.gallery > div#media.hd,
div.gallery > div#media.exterior,
div.gallery > div#media.interior {
    /*height: auto!important;*/
    position: relative;
}

div.gallery div#media.exterior .full-screen-360 {
    top: 45px !important;
    right: 11px !important;
    width: 40px !important;
    height: 40px !important;
    background: url('../img/full_screen.png') 0 0 no-repeat !important;
}

div#exterior div.cloudimage-inner-box {
    height: 100% !important;
}

div#exterior canvas {
    height: 100% !important;
    object-fit: cover;
}

div.gallery div#media > .nav-buttons span.nav-button {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    background: rgba(17, 17, 17, .5);
    color: white;
    font-size: 0.813em;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    border-radius: 4px;
}

div.gallery div#media > .nav-buttons > span.map-group {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
}

div.gallery div#media > .nav-buttons > span.map-group span {
    position: static;
}

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

div.gallery div#media.map .map-container .leaflet-left {
    left: auto;
    right: 0;
}

div.gallery div#media.map .map-container .leaflet-left .leaflet-control {
    margin-left: 0;
    margin-right: 15px;
}

div.gallery div#media.exterior .exterior-container,
div.gallery div#media.interior .interior-container,
div.gallery div#media.hd div#hd {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

div.gallery div#media.hd div#hd > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

div.gallery div#media.exterior .exterior-container > div {
    width: 100%;
    height: 100%;
}

div.gallery #exterior iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

div.gallery div.preview iframe {
    width: 100%;
    height: 100%;
    display: none;
}

div.gallery div#media.video:not(.local) div.preview iframe {
    display: block;
}

div.gallery div#media.local div.preview video#player {
    display: block;
}

div.gallery div#media.video div.preview img {
    display: none;
}

div.gallery div.preview.video span.media-enlarge,
div.gallery div.preview.video img {
    display: none;
}

div.gallery div.preview img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F2F2F2;
    cursor: pointer;
    object-fit: contain; /* Changed from cover to contain by John */
    border-radius: 0px;
    /* by Rudi */
    /*object-position: bottom; By John */
}

/* locked gallery */
div.gallery div#media.locked div.preview > * {
    display: none;
}

div.gallery div#media.locked div.preview div#picture_locked {
    display: block;
}

div#picture_locked {
    height: 100%;
    background-color: #eeeeee;
}

div#picture_locked > div {
    height: 100%;
    text-align: center;
    display: flex;
}

div#picture_locked > div > div {
    width: 100%;

    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}

div#picture_locked img {
    width: 96px;
    height: 142px;
    background: url('../img/locked-large.png') center center no-repeat;
    text-align: center;
    margin-bottom: 20px;
}

#media.picture #picture_locked p.picture-hint {
    display: block;
}

#media.fake-video #picture_locked p.video-hint {
    display: block;
}

/* locked gallery end */

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

    padding-top: 7px;
    background: #fbfbfb;

}

div.gallery > div.thumbs > div.prev,
div.gallery > div.thumbs > div.next {
    width: 28px;
    height: 82px;
    background: #F2F2F2;
    cursor: pointer;
    user-select: none;
    border-radius: 4px;
    position: relative;
}

div.gallery > div.thumbs > div.next {
    left: auto;
    right: 0;
}

div.gallery > div.thumbs > div.disabled {
    cursor: default;
    opacity: 0.5;
}

div.gallery > div.thumbs > div.prev:before,
div.gallery > div.thumbs > div.next:before {
    content: '';
    width: 6px;
    height: 10px;
    background: url('../img/gallery.webp') -26px -8px no-repeat;
    position: absolute;
    top: 36px;
    left: 11px;
    opacity: 0.7;
}

div.gallery > div.thumbs > div.next:before {
    background-position: -20px -8px;
}

div.gallery > div.thumbs > div.prev:not(.disabled):hover,
div.gallery > div.thumbs > div.next:not(.disabled):hover {
    background-color: #fbc6be; /* by Rudi */
}

div.gallery > div.thumbs > div.slider {
    padding: 0 3px;
}

div.gallery > div.thumbs > div.slider > ul {
    white-space: nowrap;
}

div.gallery > div.thumbs > div.slider > ul > li {
    position: relative;
    transition: transform 0.3s ease;
}

div.gallery > div.thumbs > div.slider > ul > li span.play {
    position: absolute;
    background: url('../img/play.png') center center no-repeat rgba(0, 0, 0, .2);
    margin: 2px;
    left: 0px;
    top: 0;
    right: 2px;
    bottom: 0px;
    cursor: pointer;
}

div.gallery > div.thumbs > div.slider > ul > li img {
    width: 121px;
    height: 82px;
    background: #F2F2F2;
    cursor: pointer;
    margin-right: 3px;
    object-fit: cover;
    border-radius: 4px;
}

/*.listing-fit-contain div.thumbs > div.slider > ul > li img {
    object-fit: contain !important;
    }*/
div.gallery > div.thumbs > div.slider > ul > li:hover:after,
div.gallery > div.thumbs > div.slider > ul > li.active:after {
    content: '';
    box-shadow: inset 0 0 0 2px #111111, inset 0 0 0 4px white;
    position: absolute;
    left: 0;
    right: 3px;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    pointer-events: none;
}

div.gallery > div.thumbs > div.slider > ul > li.locked img {
    background-color: #eeeeee;
    background-image: url('../img/locked.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}

div.gallery span.img-loading {
    background: url('../img/img_loader.gif') center center no-repeat #444444;
    position: absolute;
    top: 0;
    left: 0;
    margin: 2px;
}

/* by Rudi */
div#media .nav-arrows {
    display: none;
}

div#media.gallery .nav-arrows {
    display: block;
}

div.gallery > div.thumbs > div.prev,
div.gallery > div.thumbs > div.next {
    width: 100%;
    flex: 0 0 28px;
}

/* by Rudi #CKE-623818 */
div.gallery .nav-arrow {
    position: absolute;
    width: calc(100% / 10);
    height: 100%;
    cursor: pointer;
}

div.gallery .nav-arrow.left,
div.gallery .nav-arrow.left span {
    left: 0;
}

div.gallery .nav-arrow.right,
div.gallery .nav-arrow.right span {
    right: 0;
    border-radius: 7px 0 0 7px;
}

div.gallery .nav-arrow span {
    height: 100px;
    width: 22px;
    user-select: none;
    border-radius: 0 7px 7px 0;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    background: rgba(17, 17, 17, .5);
}

div.gallery .nav-arrow:hover span {
    background: rgb(169, 169, 169, .7);
}

div.gallery .nav-arrow span:before {
    content: '';
    opacity: 0.9;
    position: absolute;
    width: 9px;
    height: 17px;
    top: 50%;
    left: 6px;
    margin-top: -8px;
    background: url(../img/gallery.webp) -24px -700px no-repeat;
}

div.gallery .nav-arrow.right span:before {
    right: 6px;
    left: auto;
    transform: rotate(180deg);
}

div#media:hover .nav-arrow span,
div#media:hover .nav-arrow span:before {
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
}

div#media:hover .nav-arrow span {
    width: 25px;
}

div#media:hover .nav-arrow.left span:before {
    left: 9px;
}

div#media:hover .nav-arrow.right span:before {
    left: auto;
    right: 9px;
}

/* * * * * * * * * * * */

/* gallery thumbnains bar end */
/* gallery end */

div.listing-details {
    /*  overflow: hidden;*/
}

div.listing-details #area_listing > div.two-inline {
    margin: 10px 0 15px;
}

div.listing-details #area_listing > div.two-inline div.price-tag-custom:first-child:last-child {
    float: left;
}

div.listing-details div.price-tag-custom {
    margin-top: -8px;
}

div.listing-details div.price-tag-custom > span:first-child {
    font-size: 1.714em;
    font-weight: 600;
    color: #333333;
}

div.listing-details div.price-tag-custom span.custom-conversion {
    color: #777777;
}

div.listing-details div.price-tag-custom span.custom-conversion-separator {
    margin: 0 5px;
}

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

#area_listing .filedshelper {
    margin-top: 20px;
    margin-bottom: 20px;
}

#area_listing .filedshelper div.table-cell {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 42px;
    text-align: center;
}

#area_listing .filedshelper div.table-cell:before,
#fs_common div.submit-cell > div.field:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
}

#area_listing .filedshelper div.table-cell > div {
    line-height: 20px;
    min-height: auto;
    margin: 0 auto;
}

#area_listing .filedshelper div.name {
    float: none;
    min-height: auto;
}

#area_listing .filedshelper div.name > div {
    height: 20px;
}

#area_listing .filedshelper div.name > div > span {
    font-size: 0.75em;
    font-weight: 400;
}

#area_listing .filedshelper div.name > div > span:after {
    display: none;
}

#area_listing .filedshelper div.name + div.value {
    padding-left: 0;
    font-size: 1em;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#area_listing .filedshelper #df_field_posted_date {
    display: none;
}

#area_listing .filedshelper #df_field_carstatef:before,
#fs_common div.submit-cell #sf_field_carstatef:before {
    background: url("../img/listingIcons/condition.svg") center no-repeat;
    width: 38px;
    height: 42px;
}

#area_listing .filedshelper #df_field_built:before,
#fs_common div.submit-cell #sf_field_built:before {
    background: url("../img/listingIcons/built.svg") center no-repeat;
    width: 42px;
    height: 43px;
}

#area_listing .filedshelper #df_field_mileage:before,
#fs_common div.submit-cell #sf_field_mileage:before {
    background: url("../img/listingIcons/mileage.svg") center no-repeat;
    top: 1px;
}

#area_listing .filedshelper #df_field_body_style:before,
#fs_common div.submit-cell #sf_field_body_style:before {
    background: url("../img/listingIcons/body-style.svg") center no-repeat;
    width: 50px;
    height: 44px;
}

#area_listing .filedshelper #df_field_fuel:before,
#fs_common div.submit-cell #sf_field_fuel:before {
    background: url("../img/listingIcons/fuel.svg") center no-repeat;
    height: 36px;
    top: 3px;
}

#area_listing .filedshelper #df_field_engcap:before,
#fs_common div.submit-cell #sf_field_engcap:before {
    background: url("../img/listingIcons/engine-capacity.svg") center no-repeat;
    height: 44px;
}

#area_listing .filedshelper #df_field_transmission:before,
#fs_common div.submit-cell #sf_field_transmission:before {
    background: url("../img/listingIcons/transmission.svg") center no-repeat;
    width: 44px;
    height: 44px;
}

#area_listing .filedshelper #df_field_drive_trainfd:before,
#fs_common div.submit-cell #sf_field_drive_trainfd:before {
    background: url("../img/listingIcons/drive-train.svg") center no-repeat;
    height: 38px;
    top: 2px;
}

#area_listing .additional_information #df_field_description_add div.value {
    text-align: left;
}

#area_listing .additional_information #df_field_description_add div.value > div {
    max-width: none;
    margin-left: 0;
    padding-left: 0;
}

#area_listing .additional_information #df_field_description_add div.value > div > div {
    border: none;
    line-height: inherit;
    min-height: auto;
    display: block;
    text-align: left;
    color: inherit;
}

#area_listing .additional_information #df_field_description_add div.value > div > div > span {
    display: none;
}

#area_listing .additional_information div.name,
#fs_additional_information div.name {
    width: 100% !important;
    text-align: center;
    font-size: 1em;
    margin-bottom: 15px;
    margin-top: 15px;
    float: none;
    padding: 0;
    font-weight: 700;
}

#area_listing .additional_information div.name > div > span {
    color: #020202;
    padding-right: 0;
}

#area_listing .additional_information div.name > div > span:after {
    display: none;
}

#area_listing .additional_information div.value {
    text-align: center;
    overflow: inherit;
    padding-left: 0;
}

#area_listing .additional_information div.value > ul {
    margin-bottom: 0;
}

#area_listing .additional_information div.value > ul > li,
#fs_additional_information .field.checkbox-field .custom-input {
    margin-bottom: 30px;
    padding-bottom: 0;
}

#area_listing .additional_information div.value > ul > li > div,
#area_listing .additional_information div.value > div > div,
#fs_additional_information div.field .custom-input > label {
    font-size: 14px;
    border: 1px solid #f0f1f3;
    border-radius: 5px;
    padding: 19px 4px 0 4px;
    line-height: 1.3;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    white-space: inherit;
}

#fs_additional_information div.field .custom-input > label {
    color: #707070;
}

#fs_additional_information div.field .custom-input > label:hover,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):hover + label {
    color: #111111;
}

#area_listing .additional_information div.value > ul > li > div:hover,
#area_listing .additional_information div.value > div > div:hover,
#fs_additional_information div.field .custom-input > label:hover,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):hover + label {
    border: 1px solid #dbdcdd;
}

#area_listing .additional_information div.value > ul > li > div:hover span:before,
#area_listing .additional_information div.value > ul > li > div:hover,
#area_listing .additional_information div.value > div > div:hover span:before,
#area_listing .additional_information div.value > div > div:hover,
#fs_additional_information div.field .custom-input input[type="checkbox"]:not(.default):checked + label > div,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):checked + label,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):checked + label > div {
    color: #DC2D12;
}

#fs_additional_information div.field .custom-input input[type="checkbox"]:not(.default):checked + label,
#fs_additional_information div.field .custom-input input[type="checkbox"]:not(.default):checked + label > div,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):checked + label,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):checked + label > div {
    filter: opacity(100%);
}

#area_listing .additional_information div.value > ul > li > div:hover img,
#area_listing .additional_information div.value > div > div:hover img,
#fs_additional_information div.field .custom-input input[type="checkbox"]:not(.default):checked + label > img,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):checked + label > img {
    filter: invert(27%) sepia(49%) saturate(3055%) hue-rotate(348deg) brightness(92%) contrast(108%);
}

#fs_additional_information div.field .custom-input input[type="radio"]:not(.default) {
    width: calc(100% - 30px);
    height: 100%;
    cursor: pointer;
    z-index: 10;
}

#area_listing .additional_information div.value > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc(25% - 5px);
    margin-bottom: 15px;
    margin-left: -15px;
    padding-left: 15px;
}

#area_listing .additional_information div.value span,
#area_listing .additional_information div.value img,
#fs_additional_information div.field .custom-input img.icon,
#fs_additional_information div.field .custom-input div.icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 6px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #111111;
}

#fs_additional_information div.field .custom-input img.icon,
#fs_additional_information div.field .custom-input div.icon {
    filter: opacity(60%);
}

#fs_additional_information div.field .custom-input label:hover img.icon,
#fs_additional_information div.field .custom-input label:hover div.icon,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):hover + label img.icon,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default):hover + label div.icon {
    filter: opacity(100%);
}

#area_listing .additional_information div.value span,
#fs_additional_information div.field .custom-input div.icon {
    font-size: 32px;
}

#fs_additional_information div.field .custom-input input[type="checkbox"]:not(.default) + label > span,
#fs_additional_information div.field .custom-input input[type="radio"]:not(.default) + label > span {
    display: none;
}

#fs_additional_information div.field .custom-input input[type=checkbox]:not(.default):checked + label,
#fs_additional_information div.field .custom-input input[type=checkbox]:not(.default):checked + label > div {
    color: #DC2D12;
}

#fs_additional_information div.field .custom-input input[type=checkbox]:not(.default):checked + label > img {
    filter: invert(27%) sepia(49%) saturate(3055%) hue-rotate(348deg) brightness(92%) contrast(108%);
}

/* main info section end */

/* icons */
a.print > span {
    background: url('../img/gallery.webp') 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;
}

div.table-cell + div.fieldset {
    margin-top: 20px;
}

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

/* content section end */

/* seller info section */
section.side_block.account-info.seller-short > h3 {
    display: none;
}

section.side_block.account-info.seller-short > div {
    margin: 0;
}

.seller-short div.picture {
    margin: 10px auto;
    max-width: 240px;
    background: #F1F1F1;
}

.seller-short div.picture + h3 {
    text-align: center;
    font-size: 0.875em;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.seller-short div.picture + h3 + ul.seller-info .type {
    padding-top: 5px;
}

.seller-short div.picture > a,
.seller-short div.picture > div {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-bottom: 100%;
    position: relative;
}

.seller-short div.picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
}

.seller-short .seller-info-date {
    font-weight: 400;
    color: #8e8e8e;
    font-size: 0.750em;
    padding-top: 8px;
    line-height: 1.2;
    text-align: center;
}

.seller-short ul.seller-info {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    line-height: 1.2;
}

.seller-short ul.seller-info > li.name {
    text-align: center;
}

.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;
    text-align: center;
}

.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 form div.field {
    position: relative;
}

.seller-short form div.submit-cell textarea {
    margin-top: 10px;
}

.seller-short form div.submit-cell .textarea_counter_default {
    display: none;
}

.seller-short form div.submit-cell.buttons {
    padding-top: 0;
}

.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.webp') 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 .navigation {
    width: 48%;
}

.seller-short .stat {
    width: 48%;
    margin-right: 4%;
}

.seller-short .controls {
    width: 48%;
    margin-left: auto;
}

.seller-short div.row > div.form + .account-info-form ul.controls {
    margin-top: 20px;
}

.seller-short .account-info-form ul.controls {
    margin-top: 10px;
}

.seller-short div.row > div.form .submit-cell input[type=submit] {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.seller-short ul.controls > li > a,
.seller-short div.navigation ul > li a,
.seller-short .stat {
    font-size: 0.875em;
}

body.view-details-page .seller-short .account-info ul.seller-info:first-child {
    grid-area: seller-info-name;
}

body.view-details-page .seller-short .account-info .seller-info-date {
    grid-area: seller-info-date;
}

body.view-details-page .seller-short .account-info .picture {
    grid-area: seller-info-picture;
    margin: 0 16px 0 0;
    background: transparent;
}

body.view-details-page .seller-short .account-info ul.seller-info:last-child {
    grid-area: seller-info-profile-create;
}

body.view-details-page .seller-short .account-info {
    padding-bottom: 8px;
    display: grid;
    grid-template-columns: 75px 1fr;
    grid-template-areas:
    'seller-info-picture seller-info-name'
    'seller-info-picture seller-info-date'
    'seller-info-picture seller-info-profile-create';
}

body.view-details-page .seller-short ul.seller-info > li.name,
body.view-details-page .seller-short .seller-info-date,
body.view-details-page .seller-short ul.seller-info .type {
    text-align: left;
    white-space: nowrap;
}

body.at-dealer-page #bread_crumbs {
    display: none;
}

body.at-dealer-page section#main_container > div.inside-container {
    padding-top: 30px;
}

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

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

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

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

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

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

.masked div.login-mask > div {
    width: 100%;

    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}

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

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

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

/* seller info section */

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

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

/* map capture end */

/* statistics section */
div.listing-details section.statistics ul.counters {
    overflow: hidden;
}

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

div.listing-details section.statistics ul.counters > li span.count {
    font-size: 1.714em;
    margin-right: 5px;
}

div.listing-details section.statistics ul.controls {
    float: right;
    width: 70%;
}

div.listing-details section.statistics ul.controls > li:first-child {
    padding: 4px 0 10px;
}

div.listing-details section.statistics ul.controls > li {
    padding: 7px 0;
    min-height: 20px;
}

/* statistics section end */
/*** LISTING DETAILS END ***/

/*** ACCOUNTS GRID ***/
section#accounts > article div.picture {
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-color: #f4f4f4;
    text-align: center;
}

section#accounts > article div.no-picture div.picture > a,
section#accounts > article div.picture > a > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

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

section#accounts div.statistics {
    overflow: hidden;
    position: relative;
    height: 105px;
}

section#accounts div.statistics > ul > li.name {
    padding-bottom: 5px;
    word-break: break-word;
}

section#accounts div.statistics div.counter span:first-child {
    display: block;
    font-size: 1.286em;
    font-weight: 600;
}

section#accounts div.statistics div.counter span:last-child {
    font-size: 0.929em;
}

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

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

section#accounts ul.info > li.fields > span:not(:last-child):after {
    content: ',';
}

section#accounts ul.info > li.tel a {
    font-weight: 400;
}

section#accounts .landscape {
    position: relative;
    max-width: 100%;
}

section#accounts .landscape div.picture {
    margin-right: 0;
    margin-left: 0;
    float: none;
}

section#accounts .landscape div.statistics {
    height: auto;
    position: static;
}

section#accounts .landscape div.statistics > ul > li.name {
    padding-top: 5px;
}

section#accounts .landscape div.statistics > div.counter {
    top: 0;
    position: absolute;
    background: rgba(27, 31, 38, .8);
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    color: white;
    pointer-events: none;
}

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

/*** ACCOUNTS GRID END ***/

/*** ACCOUNT DETAILS PAGE ***/
section.seller-short .my-listings.row {
    margin: 0;
}

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 {
    color: #8e8e8e;
    font-weight: 400;
    font-size: 0.750em;
    text-align: center;
    padding-top: 5px;
}

section.seller-short ul.controls > li > a,
section.seller-short ul.controls > li > a > img,
section.seller-short ul.controls > li > a > .icon {
    display: none;
}

section.seller-short ul.controls > li > a:first-child {
    position: relative;
    display: block;
    padding: 10px 10px 10px 40px;
}

section.seller-short ul.controls > li > a:hover,
section.seller-short .owner-details a:hover {
    background: #e1edfb;
    border-radius: 4px;
}

section.seller-short .owner-details div.table-cell.small > div.name {
    display: none;
}

section.seller-short .owner-details a {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 10px 10px 10px 40px;
}

section.seller-short .owner-details div.table-cell.small > div.value {
    padding: 0;
}

section.seller-short ul.controls > li > a:before,
section.seller-short .owner-details a:before {
    content: '';
    background-image: url("../img/gallery.webp");
    background-repeat: no-repeat;
    background-position: right -489px;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    bottom: 0;
    margin: auto;
    position: absolute;
    filter: grayscale(1);
    opacity: 0.65;
}

section.seller-short ul.controls > li > a:before {
    background: url('../img/listingIcons/pdf.svg') center no-repeat !important;
    background-size: contain !important;
    width: 17px;
    height: 17px;
    left: 10px;
    top: 0px;
}

section.seller-short ul.controls > li > a:hover:before,
section.seller-short .owner-details a:hover:before {
    opacity: 1;
    filter: grayscale(0);
}

section.seller-short .owner-details div.phone a:before {
    background: url('../img/listingIcons/fi-rr-phone-call.svg') center no-repeat !important;
    background-size: contain !important;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 0;
}

section.seller-short .owner-details div.email a:before {
    background: url('../img/listingIcons/email.svg') center no-repeat !important;
    background-size: contain !important;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 0;
}

section.seller-short .owner-details a.telegram:before {
    background: url('../img/listingIcons/telegram.svg') center no-repeat !important;
    background-size: contain !important;
    width: 19px;
    height: 19px;
    left: 8px;
    top: 0;
}

section.seller-short ul.controls > li > a.qrCodeModal:first-child:before {
    background: url('../img/listingIcons/scan-code.svg') center no-repeat !important;
    background-size: contain !important;
    width: 19px;
    height: 19px;
    left: 9px;
    top: 0;
}

section.seller-short ul.controls > li > a.reportBroken:first-child:before {
    background: url('../img/listingIcons/fi-rr-exclamation.svg') center no-repeat !important;
    background-size: contain !important;
    width: 17px;
    height: 17px;
    left: 10px;
    top: 0;
}

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

section.side_block.seller-short div.icons,
section.side_block.seller-short ul.controls {
    display: flex !important;
    height: auto;
    overflow: inherit;
}

section.side_block.seller-short div.icons {
    margin-top: 10px;
}

section.side_block.seller-short div.icons > *,
section.side_block.seller-short ul.controls > li > a:first-child {
    width: 100% !important;
    height: 56px !important;
    border: 1px solid #cccccc;
    background: #ffffff;
    border-radius: 4px;
    margin: 0px 5px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

section.side_block.seller-short ul.controls > li > a:first-child {
    margin: 0 !important;
    padding: 0 0 8px 0;
    font-size: 14px;
    line-height: 1;
    color: #111111;
    opacity: 0.7;
    justify-content: flex-end;
}

section.side_block.seller-short ul.controls > li > a:first-child:before {
    left: 0;
    right: 0;
    top: 9px;
    bottom: auto;
    filter: inherit;
    opacity: 1;
}

section.side_block.seller-short ul.controls > li > a:first-child > span {
    color: #111111;
}

section.side_block.seller-short ul.controls > li {
    margin: 0px 5px;
    width: 100%;
}

section.side_block.seller-short ul.controls > li:first-child {
    margin-left: 0;
}

section.side_block.seller-short ul.controls > li:last-child {
    margin-right: 0;
}

section.side_block.seller-short div.icons > *:hover {
    opacity: 1;
}

section.side_block.seller-short ul.controls > li > a:first-child:hover {
    opacity: 1;
}

section.side_block.seller-short div.icons .compare-grid-icon {
    margin-left: 0 !important;
}

section.side_block.seller-short div.icons .compare-grid-icon > .text {
    display: block !important;
}

section.side_block.seller-short div.icons .favorite {
    margin-right: 0 !important;
}

section.side_block.seller-short div.icons > * > * {
    width: 18px;
    height: 18px;
}

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

.seller-short .navigation {
    width: 100%;
    margin-right: 0;
}

.seller-short .navigation > ul {
    display: flex;
    flex-wrap: wrap;
}

.seller-short .navigation > ul > li.nav-icon {
    width: calc(50% - 5px);
    margin-bottom: 10px;
}

.seller-short .navigation > ul > li.single-inline,
.seller-short .navigation > ul > li.auto-bump-up {
    width: 100%;
}

.seller-short .navigation > ul > li.nav-icon-edit,
.seller-short .navigation > ul > li.bump-up,
.seller-short .navigation > ul > li.auto-bump-up + .nav-icon {
    margin-right: 5px;
}

.seller-short .navigation > ul > li.nav-icon-delete,
.seller-short .navigation > ul > li.higlight,
.seller-short .navigation > ul > li.auto-bump-up + .nav-icon + .nav-icon {
    margin-left: 5px;
}

.seller-short .navigation > ul > li.nav-icon > a {
    width: 100%;
    height: 56px;
    border: 1px solid #cccccc;
    background: #ffffff;
    padding: 0 0 8px 0;
    border-radius: 4px;
    color: #111111;
    opacity: 0.7;
    font-size: 0;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.seller-short .navigation > ul > li.nav-icon > a:hover {
    /* background: none; */
    opacity: 1;
}

.my-listing-items .my-listings div.navigation ul li.nav-icon > a:before {
    left: 0 !important;
    right: 0;
    top: 9px !important;
    bottom: auto;
    filter: inherit;
    opacity: 1;
}

.seller-short .navigation > ul > li.nav-icon > a > span {
    font-size: 14px;
}

.seller-short .stat {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.seller-short ul.controls {
    width: 100%;
    margin-left: 0;
}

.my-listing-items {
    display: flex;
    flex-direction: column;
}

.my-listing-items .my-listings {
    order: 2;
}

.my-listing-items .controls {
    order: 3;
}

.my-listing-items .owner-details {
    order: 1;
    margin-bottom: 8px;
}

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

/*** ACCOUNT AREA ***/
.login-form input[type=text],
.login-form input[type=password] {
    width: 250px;
    display: block;
    margin: 0 0 20px;
}

.login-form div.button {
    padding-bottom: 15px;
}

.login-form div.divider {
    padding-top: 5px;
}

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

.fb-connect:hover {
    background-color: #4576d0;
    transition: background-color 0.3s ease;
}

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

.welcome {
    padding: 0 0 10px;
    font-size: 1.071em;
}

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

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

/*** ACCOUNT AREA END ***/

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

ul.packages > li div.frame {
    width: 364px;
    border: 2px #F8F8F8 solid;
    padding: 15px 18px;
    flex: none;
}

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

ul.packages > li .highlight {
    color: #000;
}

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

ul.packages li > div > div > span {
    display: block;
}

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

ul.packages span.price {
    color: #3a3a3a;
    font-size: 2.429em;
    font-weight: normal;
    padding: 0 0 15px;
}

ul.packages span.count {
    color: #888;
    font-weight: 300;
}

ul.packages div.listing-info > span.count:not(:last-child) {
    padding-bottom: 8px;
}

ul.packages > li div.listing-info > span.count:last-child {
    padding: 0;
}

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

ul.packages > li div.status div.renew {
    padding-top: 15px;
}

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

ul.packages .active {
    color: #63b53b;
}

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

/*** MY PACKAGES END ***/

/*** TABLES ***/
/* submit table */
table.submit {
    table-layout: fixed;
}

table.submit td {
    height: 38px;
    padding: 0 0 10px;
}

table.submit td.name {
    width: 170px;
    padding-right: 10px;
}

table.submit td .name {
    padding: 5px 0 5px;
}

table.submit td.field input[type=text],
table.submit textarea {
    width: 100%;
}

table.submit td.button {
    padding: 10px 0 0 0;
}

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

/* submit table end */

/* details table */
div.table-cell > div {
    min-height: 28px;
    line-height: 26px;
    vertical-align: top;
}

div.table-cell:not(.wide-field) > div {
    font-size: 0.929em;
}

div.table-cell > div.name {
    width: 160px;
    color: #888888;
    font-size: 0.875em;
    float: left;

    overflow: hidden;
    text-overflow: ellipsis;
}

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

div.table-cell > div.name > div > span {
    background: white;
    font-weight: 700;
    color: #505050;
}

div.table-cell > div.name > div > span:after {
    content: ':';
}

div.table-cell div.value {
    font-size: 0.875em;
    word-wrap: break-word;
    overflow: hidden;
}

div.table-cell > div.name + div.value {
    padding-left: 10px;
    color: #020202;
}

div:not(.body) > div > div.table-cell.wide-field {
    margin-top: 10px;
    margin-bottom: 20px;
}

#area_listing div.listing-fields > div:first-child > div.table-cell.wide-field:first-child div.name {
    display: none;
}

div.table-cell.wide-field div.name {
    float: none;
    width: 100% !important;
}

div.table-cell.wide-field div.name > div {
    background: none;
}

div.table-cell.wide-field > div.name + div.value {
    padding-left: 0px;
}

div.table-cell ul.checkboxes {
    margin-bottom: 15px;
}

div.table-cell ul.checkboxes > li {
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

div.table-cell ul.checkboxes > li img {
    width: 17px;
    height: 12px;
    vertical-align: baseline;
    margin-right: 8px;
    margin-left: 2px;
}

/* div.table-cell ul.checkboxes > li.active img {
    background: url('../img/gallery.webp') 0 -147px no-repeat;
} */
div.table-cell ul.checkboxes > li:not(.active) {
    color: #9e9e9e;
    text-decoration: line-through;
}

/* details table end */

/* information table */
table.info {
    table-layout: fixed;
}

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

table.info td.name:after,
div.table-cell.small > div.name:after {
    content: ':';
}

div.table-cell.small > div.value {
    white-space: normal;
}

table.info td.image,
div.table-cell.small > div.image {
    padding-top: 5px;
}

div.info-table > div.table-cell:last-of-type {
    margin-bottom: 0 !important;
}

/* information table end */

/* table view table */
table.table {
    table-layout: fixed;
}

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

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

table.table td.value {
    color: #000000;
    word-wrap: break-word;
}

/* table view table end */

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

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

table.list > tbody > tr.header {
    border: 2px #F8F8F8 solid;
}

table.list > tbody > tr.header > td {
    font-size: 0.929em;
    padding: 0 0 0 30px;
    height: 40px;
}

table.list > tbody > tr.header > td:first-child {
    padding-left: 10px;
    width: 33px;
}

table.list tr.header td.divider {
    padding: 0;
    width: 5px;
    border: 0;
}

table.list > tbody > tr.body {
    border-bottom: 2px #F8F8F8 solid;
}

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

table.list > tbody > tr.body > td.info > a {
    white-space: normal;
}

table.list > tbody > tr.body > td:first-child {
    padding-left: 11px;
}

table.list > tbody td.no_padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

table.list tr.body td.divider {
    border: 0;
}

table.list td.price div {
    width: 50px;
    background: red;
    color: #000000;
    font-size: 16px;
    line-height: 17px;
    padding: 5px 5px;
    margin-right: 10px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    overflow: hidden;
}

table.list span.name {
    text-transform: uppercase;
}

/* list table end */

div.list-table {
    display: table;
    width: 100%;
}

div.list-table > div {
    display: table-row;
    position: relative;
    margin: 0;
}

div.list-table > div:not(.header):hover {
    background: rgba(0, 0, 0, .05)
}

div.list-table > div:before,
div.list-table > div:after {
    content: none;
}

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

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

div.list-table > div > div:last-child {
    padding-right: 0;
}

div.list-table > div.header > div {
    vertical-align: top;
    font-size: 0.929em;
    color: #8e8e8e;
    border-bottom: 2px #F8F8F8 solid;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

.statuses .approval {
    color: #666666;
}

.statuses .incomplete {
    color: #505050;
}

.statuses .incomplete:hover {
    color: #3271bc;
}

.statuses .pending {
    color: #e88d22;
}

.statuses .expired {
    color: #fb0000;
}

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

.statuses .unpaid {
    color: #fb0000;
}

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

.statuses .approval:before {
    background: #666666;
}

.statuses .incomplete:before {
    background: #2767b5;
}

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

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

/*** TABLES END ***/

/*** NEWS BLOCK ***/
ul.news > li {
    padding: 0 0 20px;
}

ul.news > li:last-child {
    padding: 0;
}

ul.news div.date {
    float: right;
    padding-top: 4px;
}

ul.news h4 {
    overflow: hidden;
    padding: 0 10px 0 0;
}

ul.news article {
    padding: 10px 0 0 0;
    font-size: 0.929em;
}

article.news {
    padding: 10px 0;
    line-height: 26px;
    font-size: 1.143em;
}

/*** NEWS BLOCK END ***/

/* view 360*/
body.view-360-page .view_360-buttons {
    position: absolute;
    top: 30px;
    z-index: 10;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}

body.view-360-page .view_360-buttons div {
    background: #DC2D13;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

body.view-360-page .view_360-buttons > * {
    margin: 10px 5px;
}

body.view-360-page.full_width_contant .point1,
body.view-360-page.full_width_contant #wrapper .point1 {
    max-width: 100%;
    padding: 0 !important;
}

/* body.view-360-page .header-nav,
body.view-360-page footer,
body.view-360-page .menu-button, */
body.view-360-page .compare-ad-container {
    display: none !important;
}

body.view-360-page section#controller_area {
    padding: 0;
}

body.view-360-page .view-content .interior-container,
body.view-360-page .view-content .exterior-container,
body.view-360-page .view-content .exterior-container > div {
    height: 100%;
}

body.view-360-page #view360Logo {
    position: absolute;
    left: 45%;
}

@media screen and (max-width: 767px) {
    body.view-360-page #view360Logo {
        position: relative;
        left: auto;
    }
}

body.view-360-page #view360Logo img {
    height: 50px;
}

/*body.view-360-page header.page-header{
    padding: 0;
}
body.view-360-page header.page-header{
    padding: 0;
}*/

/*body.view-360-page .page-header-mask{
    clip-path: none;
}*/
.view_360_manager > div {
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
}

/* view 360 end*/

/*** FIELDSET ***/
div.fieldset {
    margin: 0 0 20px 0;
}

div.fieldset > header {
    padding: 7px 12px;
    background: #fbfbfb;
    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.webp') -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;
}

#sf_field_vin > input[type=text] {
    width: 250px !important;
}

#fs_common > div.body > div {
    padding-bottom: 10px !important;
}

#fs_common div.submit-cell {
    text-align: center;
    position: relative;
    padding-top: 42px;
    margin-top: 30px;
}

#fs_common div.submit-cell > div.name {
    float: none;
    width: auto;
    font-size: 0.75em;
    font-weight: 400;
    color: #505050;
    padding: 4px 0 8px 0;

}

/*** FIELDSET END ***/

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

.categoty-column .item {
    margin-bottom: 13px;
}

.parent-cateory {
    align-items: baseline;
}

.empty-category a,
.empty-category a:hover,
.empty-category .category-counter,
.empty-category .sub_categories,
.special-bound-box > li.empty .fbb-greyscale {
    filter: grayscale(2);
    opacity: .5;
}

div.fieldset div.category-slider-bar {
    position: static !important;
    top: auto;
    right: auto;
    text-align: center;
    padding-top: 3px;
}

div.category-slider-bar > span.arrow {
    width: 19px;
    height: 24px;
    display: none;
    cursor: pointer;
}

div.category-slider-bar span.prev,
div.category-slider-bar span.next {
    width: 7px;
    height: 12px;
    display: inline-block;
    background: url('../img/gallery.webp') 0px -583px no-repeat;
    margin: 6px;
    user-select: none;
}

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

div.category-slider-bar > span.navigation {
    height: 24px;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    margin: 0 5px;
    height: 4px;
    background: white;
    margin-top: 10px;
}

div.category-slider-bar > span.navigation > span {
    height: 4px;
    display: inline-block;
    vertical-align: top;
}

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

section.categories-box {
    box-shadow: none;
}

section.categories-box ul.cat-tree > li > div a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

section.categories-box div.cat-tree-cont.limit-height {
    overflow: hidden;
}

.sub-categories-exist div.item.banners-box {
    display: block;
    margin-bottom: 30px;
}

.sub-categories-exist div.categoty-column {
    column-count: 5;
    -moz-column-count: 5;
    -webkit-column-count: 5;
    -ms-column-count: 5;

    column-gap: 30px;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    -ms-column-gap: 30px;
}

body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
    column-count: 4;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    -ms-column-count: 4;
}

.sub-categories-exist div.parent-cateory {
    padding-bottom: 10px !important;
    display: inline-block;
}

.sub-categories-exist div.category-name {
    background: none !important;
}

.sub-categories-exist div.category-name > a {
    padding: 0;
}

.categories .sub_categories {
    padding: 0 0 20px 0;
}

.categories .sub_categories > span:not(:last-child),
.other_categories_tmp > div > span:not(:last-child) {
    padding: 0 0 5px 0;
    display: block;
}

.categories .sub_categories > span > a {
    font-size: 1.000em;
}

.categories .sub_categories span.more {
    cursor: pointer;
    color: #15a700;
    font-size: 0.929em;
    display: inline-block;
}

div.other_categories_tmp {
    position: absolute;
    z-index: 3;
}

div.other_categories_tmp div {
    background: white;
    border: 2px #F8F8F8 solid;
    padding: 13px 25px 15px 17px;
    margin: 25px 0 0 45px;
    max-width: 200px;
    position: relative;
}

div.other_categories_tmp div img.close {
    display: block;
    cursor: pointer;
    top: 0;
    right: 0;
    position: absolute;
    width: 12px;
    height: 12px;
    margin: 4px;
    background: url('../img/gallery.webp') -27px -470px no-repeat;
    opacity: 0.7;
}

div.other_categories_tmp div img.close:hover {
    opacity: 1;
}

/*** CATEGORIES BLOCK END ***/

/*** CATEGORIES TREE BLOCK ***/
ul.cat-tree li {
    padding-bottom: 10px;
}

ul.cat-tree > li.rest {
    display: none;
}

ul.cat-tree span.counter {
    display: inline-block;
}

ul.cat-tree li ul {
    display: none;
    margin-top: 10px;
}

ul.cat-tree li ul > li {
    display: flex;
    padding-left: 22px !important;
}

ul.cat-tree li ul > li > a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

ul.cat-tree li span.toggle {
    display: inline-block;
    width: 12px;
    height: 22px;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    text-indent: -9999px;
    cursor: pointer;
}

ul.cat-tree li span.toggle:before,
ul.cat-tree li span.toggle:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #111111;
}

ul.cat-tree li span.toggle:before {
    height: 12px;
    width: 2px;
}

ul.cat-tree li span.toggle:after {
    height: 2px;
    width: 12px;
}

ul.cat-tree li span.toggle.opened:before {
    display: none;
}

.cat-toggle {
    background: #e2e2e2;
    height: 10px;
    margin-top: 3px;
    user-select: none;
    cursor: pointer;
    line-height: 2px;
    text-align: center;
}

section.side_block > span.expander {
    width: 18px;
    height: 18px;
    background: url('../img/gallery.webp') right -119px no-repeat;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 10px;
}

section.side_block > span.expander.active {
    background-position: 0 -119px;
}

/*** CATEGORIES TREE BLOCK END ***/

/*** STATISTICS BLOCK ***/
table.stats {
    margin-bottom: 0 !important;
    border-spacing: 2px;
    border-collapse: separate;
    margin: 0 0 5px;
    table-layout: fixed;
    font-size: 0.875em;
}

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

table.stats td.counter {
    background: #f4f4f4;
}

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

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

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

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

/*** STATISTICS BLOCK END ***/

/*** STEPS ***/
ul.steps {
    box-shadow: inset 0 0 0 2px #e1e1e1;
    height: 44px;
    margin: 0 0 25px 0;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
}

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

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

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

ul.steps > li.past,
ul.steps > li.current {
    background: #e1e1e1;
}

ul.steps > li:not(.past) a {
    color: #5c5c5c;
}

ul.steps > li:not(:last-child):not(.past):after,
ul.steps > li:not(:last-child):not(.past):before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.steps > li:not(:last-child):not(.past):after {
    border-color: transparent;
    border-left-color: white;
    border-width: 20px 0 20px 10px;
    margin-top: -20px;
}

ul.steps > li:not(:last-child):not(.past):before {
    border-color: transparent;
    border-left-color: #e1e1e1;
    border-width: 24px 0 24px 13px;
    margin-top: -24px;
}

ul.steps > li.current:after {
    display: none;
}

/*** STEPS END ***/

/*** PAYMENT GATEWAYS ***/
ul#payment_gateways li {
    display: inline-block;
    width: 120px;
    height: 85px;
    text-align: center;
    padding: 15px 0 0 0;
    margin: 0 10px 10px 0;
    box-shadow: inset 0 0 0 2px #F8F8F8;
}

ul#payment_gateways li.active,
ul#payment_gateways li:hover {
    background: #F8F8F8;
}

ul#payment_gateways li p {
    padding: 5px 0 0 0;
}

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

/* PAYMENT GATEWAYS END ***/

/*** REGISTRATION ***/
/* password strange control */
div.password_strength {
    padding: 0 0 0 10px;
}

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

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

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

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

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

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

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

div.area_profile div.options {
    padding-top: 10px;
}

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

/* password strange control end */

span.fail_field,
span.success_field {
    display: none;
}

.phones_content .exist_phones .phone_item {
    padding: 5px 0;
}

.phones_content .exist_phones .phone_item .phone {
    padding: 0 10px;
}

.phones_content .exist_phones .phone_item .delete {
    background: url(../img/gallery.webp) 0 -1088px no-repeat;
    background-size: 30px;
    padding-left: 11px;
    color: red;
    cursor: pointer;
}

.phones_content .add_a_phone {
    display: block;
    margin-top: 10px;
}

.phones_content .add_phone_line {
    margin: 10px 0;
}

.phones_content .add_phone_line .add_phone_button {
    display: inline-block;
    margin-left: 15px;
}

.phones_content .add_phone_line #phone {
    width: 250px;
}

span.fail_field,
span.success_field {
    display: none;
}

.valid-msg {
    color: green;
    margin-left: 10px;
}

.error-msg {
    color: red;
    margin-left: 10px;
}

/*** REGISTRATION END ***/

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

}

.modal_block {
    position: absolute;
    left: 50%;
    margin-left: -176px;
    width: 340px;
    height: 230px;
    background: #f1f1f1;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}

.modal_block.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
}

.modal_block.fullscreen .gmnoprint {
    margin-right: 60px !important;
}

.modal_block div.inner div.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.modal_block div.inner div.close > div {
    width: 14px;
    height: 14px;
    margin: 10px 0 0 6px;
    background: url('../img/gallery.webp') 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;
    position: relative;
}

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

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

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

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

.modal_block div.inner div.caption_padding {
    padding: 0 0 20px 70px;
}

.modal_block div.inner div.warning,
.modal_block div.inner div.notice {
    background: url('../img/gallery.webp') -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;
    border-radius: 4px;
}

div.notification.fixed {
    position: fixed;
}

div.notification.done {
    top: 0;
    transition: top 0.3s ease;
}

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

div.notification.error > div > div.message {
    background: #f2695e;
}

div.notification.warning > div > div.message {
    background: #dab500;
}

div.notification > div > div.message {
    padding: 14px 45px 14px 18px;
    word-wrap: break-word;
    line-height: 1.640em;
}

div.notification > div > div.message {
    padding: 14px 45px 14px 18px;
    word-wrap: break-word;
    line-height: 1.640em;
    border-radius: 4px;
    background: #31c26b;
    box-shadow: 0px 9px 20px -4px rgba(0, 127, 24, 0.36);
}

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

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

div.notification ul {
    padding: 0 0 0 20px;
}

div.notification ul > li {
    list-style: circle;
}

div.notification ul > li:not(:first-child) {
    list-style: circle;
    padding: 4px 0 0 0;
}

div.notification div.close-black {
    top: 18px;
    right: 16px;
    width: 15px;
    height: 15px;
    opacity: 0.85;
}

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

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

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

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

/*** NOTIFICATIONS END ***/

/*** MY LISTINGS ***/
.my-listings > article div.picture {
    margin: 0 !important;
    height: 136px !important;
    overflow: hidden;
    border-radius: 5px;
    border-right: none !important;
    box-shadow: 0 0 0 2px #efefef;
}

.my-listings > article div.picture img:not(.accident) {
    object-position: center !important;
}

.my-listings > article {
    margin: 0 0 15px 0 !important;
    padding: 0 0 15px 0;
    min-height: 95px;
    border-bottom: 1px #e6e6e6 solid;
}

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

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

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

.my-listings > article > div.nav > div.info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.my-listings > article > div.nav > div.info > ul > li {
    margin-top: 10px;
}

.my-listings > article > div.nav > div.info > ul select {
    width: 100%;
}

.my-listings > article > div.nav > div.info .listing-info {
    padding: 10px !important;
}

.my-listings > article > div.nav > div.info .title > a {
    display: flex;
    justify-content: space-between;
}

.my-listings > article > div.nav > div.info .title > a > span:first-child {
    padding-right: 10px;
}

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

.my-listings > article > div.nav > div.stat {
    width: 70%;
}

body.view-details-page .select2-container .select2-selection {
    width: 100%;
    height: 44px;
    background-color: transparent;
    border: 1px solid #cccccc;
    background: #ffffff;
    opacity: 0.8;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    position: relative;
}

.my-listings div.navigation ul > li select:hover,
body.view-details-page .select2-container .select2-selection:hover {
    cursor: pointer;
    opacity: 1;
}

body.view-details-page .select2-dropdown {
    margin-top: -10px;
    border-color: #cccccc;
}

body.view-details-page .select2-container .select2-selection .select2-selection__arrow {
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
}

body.view-details-page .select2-container .select2-selection .select2-selection__rendered {
    padding-left: 8px;
}

body.view-details-page .select2-container .select2-selection .select2-selection__rendered i,
body.view-details-page .select2-results__option i {
    color: #3271bc;
    width: 20px;
    text-align: center;
    margin-right: 3px;
    font-size: 14px !important;
}

body.view-details-page .select2-container .select2-selection .select2-selection__rendered span,
body.view-details-page .select2-results__option span {
    display: flex;
    align-items: center;
}

body.view-details-page .select2-results__option--highlighted i {
    filter: brightness(5);
}

body.view-details-page .select2-results__option {
    font-size: 0.875em;
    padding-left: 8px;
    display: flex;
    align-items: center;
}

.my-listings div.navigation ul {
    display: flex;
    flex-wrap: wrap;
}

.my-listings div.navigation ul > li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    padding: 0;
    font-size: 14px;
}

body.my-all-ads-page .my-listings div.navigation ul > li:nth-child(odd) {
    margin-right: 5px;
}

body.my-all-ads-page .my-listings div.navigation ul > li:nth-child(even) {
    margin-left: 5px;
}

.my-listings div.navigation ul > li select {
    width: 100%;
    margin-bottom: 10px;
    background-color: transparent;
    border: 1px solid #cccccc;
    opacity: 0.8;
    font-weight: 400;
    padding-top: 1px;
    font-size: 14px !important;
}

.my-listings div.navigation ul > li a {
    position: relative;
    width: 100%;
    height: 57px;
    border: 1px solid #cccccc;
    padding: 0 0 8px 0;
    border-radius: 4px;
    color: #111111;
    font-weight: 400;
    opacity: 0.7;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.my-listings div.navigation ul > li a:hover {
    opacity: 1;
}

.my-listings div.navigation ul li.nav-icon > a:before {
    content: '';
    background: url('../img/listingIcons/fi-rr-camera.svg') center no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    bottom: auto;
    margin: auto;
}

.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.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.bump-up > a:before {
    background: url('../img/listingIcons/fi-rr-angle-double-small-up.svg') center no-repeat !important;
    background-size: contain !important;
    width: 24px;
    height: 24px;
}

.my-listings div.navigation ul > li.nav-icon.higlight > a:before {
    background: url('../img/listingIcons/fi-rr-interactive.svg') center no-repeat !important;
    background-size: contain !important;
    width: 19px;
    height: 19px;
}

.my-listings div.navigation ul > li.nav-icon.auto-bump-up > a:before {
    background: url('../img/listingIcons/fi-rr-time-past.svg') center no-repeat !important;
    background-size: contain !important;
    width: 16px;
    height: 16px;
}

.my-listings div.navigation ul li.nav-icon > a.edit:before {
    background: url('../img/listingIcons/fi-rr-pencil.svg') center no-repeat !important;
    background-size: contain !important;
    width: 16px;
    height: 16px;
}

.my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
    background: url('../img/listingIcons/fi-rr-cross-circle.svg') center no-repeat !important;
    background-size: contain !important;
    width: 17px;
    height: 17px;
}

.my-listings div.navigation ul li.nav-icon > a.delete:before {
    background: url('../img/listingIcons/fi-rr-trash.svg') center no-repeat !important;
    background-size: contain !important;
    width: 19px;
    height: 19px;
}

.my-listings div.navigation ul li.nav-icon > a.reset:before {
    background: url('../img/listingIcons/fi-rr-refresh.svg') center no-repeat !important;
    background-size: contain !important;
    width: 16px;
    height: 16px;
}

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

.my-listings div.stat ul > li {
    padding: 0 0 12px 0;
    color: #333333;
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.my-listings div.stat ul > li .statuses {
    display: flex;
    justify-content: space-between;
    flex: 1;
}

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

.my-listings div.stat ul > li span.name {
    color: #505050;
    display: inline-block;
    width: 120px;
}

.my-listings div.stat ul > li:last-child span.name {
    width: 150px;
}

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

.my-listings div.stat ul > li.price span.value {
    text-align: right;
    width: 100%;
}

.delete.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/gallery.webp') 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 ***/

/*** RENT PAGE ***/
body.rent-page h1,
body.rent-page h2  {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.23;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
body.rent-page h2 {
    font-size: 30px;
}
body.rent-page p {
    margin-bottom: 20px;
    line-height: 26px;
}
body.rent-page section ul.featured {
    padding-left: 0;
}
body.rent-page h2 {
    padding-top: 10px;
    padding-bottom: 5px;
}
body.rent-page ul.featured ul.listing-info > li.title > a > span + span {
    display: none;
}
  

@media screen and (max-width: 768px) {
    body.rent-page h1 {
        font-size: 30px;
    }
    body.rent-page h2 {
        font-size: 24px;
    }
}
@media screen and (max-width:575px) {
    body.rent-page h1 {
        font-size: 28px;
    }
    body.rent-page h2 {
        font-size: 22px;
    }
}
/*** RENT PAGE END ***/

/*** BENEFITS ***/
.benefits-item {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
}
.benefits-title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    min-height: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.benefits-title i {
    font-size: 35px;
    margin-bottom: 16px;
    color: #DC2D13;
}
.benefits-text {
    margin-top: 12px;
    font-weight: 300;
}

@media screen and (max-width: 991px) {
    .benefits-item {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .benefits-title {
        height: auto;
    }

    .contacts {
        padding-top: 25px;
    }
}
@media screen and (max-width:575px) {
    .benefits {
        padding-top: 5px;
    }
    .benefits-item {
        margin-top: 15px;
        margin-bottom: 15px;  
    }
    .benefits-title i {
        font-size: 30px;
    }

    .contacts {
        padding-top: 15px;
    }
}
/*** BENEFITS END ***/

/*** RENT TERMS ***/
body.rent-page .rent-terms ul, 
body.rent-page .rent-terms li {
    list-style: disc;
}
body.rent-page .rent-terms ul {
    padding-left: 20px;
    margin-bottom: 10px;
}
body.rent-page .rent-terms li {
    padding-bottom: 10px;
    line-height: 26px;
}

.rent-terms .state{
    position: absolute;
    left: -10000px;
}
.rent-terms .flex-tabs{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}
.rent-terms .tab{
    flex-grow: 1;
    max-height: 40px;
}
.rent-terms .panel {
    background-color: #fff;
    padding-top: 40px;
    font-weight: 300;
    line-height: 1.55;
    display: none;
    width: 100%;
    flex-basis: auto;
}
.rent-terms .panel ul,
.rent-terms .panel ol  {
    padding-left: 20px;
    margin-bottom: 30px;
}
.rent-terms .panel ul:last-child,
.rent-terms .panel ol:last-child {
    margin-bottom: 0;
}
.rent-terms .panel ol li {
    list-style: decimal;
}
.rent-terms .panel ul,
.rent-terms .panel ul li {
    list-style: disc;
}
.rent-terms .panel ul li {
    padding-bottom: 0;    
}
.rent-terms .panel p {
    margin-bottom: 30px;
}
.rent-terms .tab {
    width: 25%;
    display: inline-block;
    padding: 0 10px 18px 10px;
    vertical-align: top;
    color: #999;
    cursor: hand;
    cursor: pointer;
    text-align: center;
    border-bottom: 2px solid #999;
}
.rent-terms .tab:hover{
    background-color: #fff;
}   

.rent-terms #tab-one:checked ~ .tabs #tab-one-label,
.rent-terms #tab-two:checked ~ .tabs #tab-two-label,
.rent-terms #tab-three:checked ~ .tabs #tab-three-label,
.rent-terms #tab-four:checked ~ .tabs #tab-four-label{
    background-color: #fff;
    cursor: default;
    font-weight: 600;
    color: #d91919;
    border-bottom-color: #d91919;
}

.rent-terms #tab-one:checked ~ .tabs #tab-one-panel,
.rent-terms #tab-two:checked ~ .tabs #tab-two-panel,
.rent-terms #tab-three:checked ~ .tabs #tab-three-panel,
.rent-terms #tab-four:checked ~ .tabs #tab-four-panel{
    display: block;
}

@media screen and (max-width: 991px) {
    .rent-terms .flex-tabs{
        flex-direction: column;
    }
    .rent-terms .tab{
        width: 100%;
        text-align: left;
        padding: 10px;
        background: #fff;
        border-bottom: 1px solid #dedede;
        border-left: 10px solid #dedede;
    }
    .rent-terms .tab:last-of-type{
        border-bottom: none;
    }
      
    .rent-terms #tab-one-label{order:1;}
    .rent-terms #tab-two-label{order: 3;}
    .rent-terms #tab-three-label{order: 5;}
    .rent-terms #tab-four-label{order: 7;}
    .rent-terms #tab-one-panel{order: 2;}
    .rent-terms #tab-two-panel{order: 4;}
    .rent-terms #tab-three-panel{order: 6;}
    .rent-terms #tab-four-panel{ order: 8;}
    
    .rent-terms #tab-one:checked ~ .tabs #tab-one-label,
    .rent-terms #tab-two:checked ~ .tabs #tab-two-label,
    .rent-terms #tab-three:checked ~ .tabs #tab-three-label,
    .rent-terms #tab-four:checked ~ .tabs #tab-four-label{
        border-bottom: none;
        border-left-color: #d91919;
    }

    .rent-terms #tab-one:checked ~ .tabs #tab-one-panel,
    .rent-terms #tab-two:checked ~ .tabs #tab-two-panel,
    .rent-terms #tab-three:checked ~ .tabs #tab-three-panel,
    .rent-terms #tab-four:checked ~ .tabs #tab-four-panel{
        border-bottom: 1px solid #dedede;
    }

    .rent-terms .panel {
        padding: 20px;
    }
}
/*** RENT TERMS END ***/


/*** CONTACTS ***/
.contacts > div {
    background-color: #fbfbfb;
    box-shadow: 0px 0px 0px 1px #dedede;
    overflow: hidden;
}
.contacts-text {
    padding: 25px 0 20px 65px;
    font-weight: 600;
}
.contacts-text ul,
.contacts-text li {
    list-style: none !important;
    padding-left: 0 !important;
}
.contacts-text li {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 0 !important;
    line-height: initial !important;
}
.contacts-tel {
    position: relative;
    font-weight: 600;
    padding-left: 40px;
}
.contacts-tel-icon {
    position: relative;
    top: 9px;
    display: inline-block;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}
.contacts-tel-whatsapp {
    background-image: url("../../../files/detailing/contacts-tel-whatsapp.svg");
}
.contacts-tel-telegram {
    background-image: url("../../../files/detailing/contacts-tel-telegram.svg");
}
.contacts-icon i {
    width: 20px;
    font-size: 20px;
    text-align: center;
    color: #f52c2c;
    margin-right: 20px;
}
.contacts-icon span {
    display: inline-flex;
}
.contacts-work-mode i {
    position: relative;
    top: 1px;
}
.contacts-tel:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../../../files/detailing/contacts-icon-tel.svg") no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.contacts-route > div {
    display: inline-block;
    padding: 20px 60px;
    border: 1px solid  #f52c2c;
    font-size: 12px;
}
.contacts-route > div > span {
    color: #f52c2c;
    text-transform: uppercase;
}
.contacts-route a {
    display: inline-block;
    margin-top: 10px;
    border-bottom: 1px solid #505050;
}
.contacts-social span {
    display: inline-flex;
    height: 30px;
    align-items: center;
}
.contacts-social a {
    display: inline-block;
    width: 30px;
    margin-left: 15px;
    font-size: 15px;
}
.contacts-social a:first-child {
    margin-left: 10px;
}
.contacts iframe {
    min-height: 400px;
    border-left: 1px solid #dedede;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .contacts-text {
        padding-left: 40px;
    }
}
@media screen and (max-width: 991px) {
    .contacts {
        padding-top: 25px;
    }
    .contacts iframe {
        border-left: none;
        border-top: 1px solid #dedede;
    }
}
@media screen and (max-width:575px) {
    .contacts {
        padding-top: 15px;
    }
    .contacts-text {
        padding-left: 40px;
    }
}
@media screen and (max-width: 475px) {
    .contacts-text {
        padding-left: 20px;
    }
    .contacts-route > div {
        padding-left: 40px;
        padding-right: 40px;
    }
    .contacts-social span {
        margin-top: 10px;
    }
    .contacts-social a {
        width: 24px;
        font-size: 12px;
    }
    .contacts-tel-icon {
        width: 24px;
        height: 24px;
        top: 6px;
    }
    .contacts-tel {
        padding-left: 36px;
    }
    .contacts-icon i {
        margin-right: 16px;
    }
}
/*** CONTACTS END ***/


/*** PAGES AUTO ***/
.static-page p,
.chip-tuning-auto p {
    margin-bottom: 20px;
    line-height: 26px;
}
.static-page h1,
.chip-tuning-auto h1 {
    text-align: center;
}
.static-page h2,
.chip-tuning-auto h2 {
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.static-page ul,
.chip-tuning-auto ul {
    padding-left: 20px;
    margin-bottom: 10px;
}
.static-page li,
.chip-tuning-auto li {
    padding-bottom: 10px;
    line-height: 26px;
}
.static-page ul,
.static-page li,
.chip-tuning-auto ul, 
.chip-tuning-auto li {
    list-style: disc !important;
}

.static-page ul.decimal,
.static-page ul.decimal li,
.chip-tuning-auto ul.decimal, 
.chip-tuning-auto ul.decimal li {
    list-style: decimal !important;
}
.static-page img,
.chip-tuning-auto img {
    border-radius: 20px;
}
.static-page img.no-border-radius,
.chip-tuning-auto img.no-border-radius {
    border-radius: 0;
}
/*** PAGES AUTO END ***/

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

#lnp_container {
    display: flex;
    padding-bottom: 15px;
    position: relative;
}

#lnp_container > li {
    flex: 1;
}

#lnp_container > li.link {
    display: none;
}

#lnp_container li.nav a {
    font-size: 0.929em;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 16px;
}

#lnp_container li.nav a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 10px;
    left: 0;
    top: 8px;
    background: url('../img/gallery.webp') -26px -8px no-repeat;

    opacity: 0.7;
}

#lnp_container li.next {
    display: flex;
    justify-content: flex-end;
}

#lnp_container li.next a {
    padding: 0 16px 0 0;
}

#lnp_container li.next a:before {
    left: auto;
    right: 0;
    background-position: -20px -8px;
}

#lnp_container li:hover a:before {
    opacity: 1;
}

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

/* field bound boxes */
.special-bound-box {
    margin-bottom: -1.5rem;
    padding: 3px 0;
}

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

/* field bound boxes */

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

    opacity: 0.7;
}

#loan_reset_form:hover {
    opacity: 1;
}

ul.comments li > div:after,
ul.comments li > div:before {
    content: '';
    bottom: -15px;
    left: 17px;
    height: 0;
    width: 0;
    position: absolute;

    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #f4f4f4 transparent transparent;
}

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

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

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

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

div.horizontal div.prev,
div.horizontal div.next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -38px;
    cursor: pointer;
    background: white;
    opacity: .7;

    transition: all 0.3s ease;
}

div.horizontal div.next {
    left: auto;
    right: 0;
}

div.horizontal:hover div.prev {
    left: -10px;
}

div.horizontal:hover div.next {
    right: -10px;
}

div.horizontal div.prev:before,
div.horizontal div.next:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 14px;
    top: 13px;
    left: 14px;
    background: url('../img/gallery.webp') -24px -366px no-repeat;
}

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

div.horizontal div.prev:hover,
div.horizontal div.next:hover {
    opacity: 1;
}

/* vertical mode */
div.vertical {
    padding: 25px 0 !important;
}

div.vertical div.prev,
div.vertical div.next {
    width: 40px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
}

div.vertical div.next {
    background-position: 0 -1525px;
    top: auto;
    bottom: 0;
}

div.vertical div.prev:before,
div.vertical div.next:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 10px;
    top: 2px;
    left: 11px;
    background: url('../img/gallery.webp') 0 -663px no-repeat;
}

div.vertical div.next:before {
    background-position: right -663px;
    top: 4px;
}

/* slider end */

#booking_calendar div.horizontal > div.prev {
    left: 0;
}

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

#booking_calendar div.horizontal > div.next {
    left: auto;
}

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

div.banner {
    display: inherit !important;
}

#recaptcha_response_field {
    height: 20px;
}

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

.testimonials .side_block .header {
    height: 34px;
}

.testimonials .side_block > div:last-child {
    margin-top: -34px;
}

.testimonials .side_block .header > p {
    color: #484848;
    font-size: 1.786em;
    font-weight: 300;
    display: none;
}

.testimonials .side_block .header > a.add-testimonial {
    top: 7px;
}

.testimonials .area {
    font-style: normal !important;
    font-size: 0.929em !important;
    padding: 25px 30px 25px 60px !important;
}

.testimonials .area > div.quotes {
    top: 30px !important;
    left: 20px !important;
    width: 19px !important;
    height: 12px !important;
    background: url('../img/gallery.webp') 0 -26px no-repeat !important;
}

.testimonials .bottom span.author {
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}

.testimonials .bottom {
    padding-left: 60px !important;
}

.testimonials .triangle {
    border-width: 0 25px 25px 0 !important;
    left: 20px !important;
}

section#listings div.stat-line .comments_icon {
    padding: 0;
    background: none !important;
}

section#listings div.stat-line li.bids > a:after {
    background-position: right -675px;
}

body a.reportBroken img,
body a.removeBroken img {
    background-image: url(../img/gallery.webp) !important;
    background-position: 0 -710px !important;
}

body a.removeBroken img {
    background-position: 0 -728px !important;
}

body #listings a.reportBroken img,
body #listings a.removeBroken img {
    margin-top: -1px;
}

#rv_listings {
    font-size: 0.813rem;
}

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

.jslider .jslider-bg .v {
    background-color: #e95656 !important;
    border-top: 1px solid #d34c4c;
    border-bottom: 1px solid #d34c4c;
    height: 8px !important;
}

.jslider .jslider-bg .v[style="left: 0%; width: 100%;"] {
    background-color: #b5b5b5 !important;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}

.jslider .jslider-bg i {
    height: 8px !important;
    background: #efefef !important;
    border: 1px solid #d2d2d2;
}

.jslider .jslider-bg .l {
    border-radius: 100px 0 0 100px;
    border-right: none;
}

.jslider .jslider-bg .r {
    border-radius: 0 100px 100px 0;
    border-left: none;
}

.jslider .jslider-pointer {
    background: #555;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -5px;
    display: block;
    border-radius: 100px;
    z-index: 10;
    background: linear-gradient(#777, #555) !important;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    box-shadow: inset -2px -2px 6px 2px rgba(0, 0, 0, 0.1);
    transition: width 0.1s;
}

.jslider .jslider-pointer.mouse-down {
    width: 13px;
}

.jslider .jslider-pointer:before,
.jslider .jslider-pointer:after {
    display: none;
}

.jslider .jslider-pointer:focus {
    outline: none;
}

.jslider .jslider-pointer:active {
    cursor: grabbing;
}

.filter-area .cat-toggle {
    font-size: 14px;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.filter-area .cat-toggle:hover {
    background: #d2d2d2;
}

.filter-area .cf-remove,
.filter-area .clear-filters a {
    display: block;
    border-radius: 4px;
    border: 1px solid #d91919;
    color: #d91919;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    margin-top: 20px !important;
    transition: all 0.2s ease;
}

.filter-area .cf-remove:hover,
.filter-area .clear-filters a:hover {
    border: 1px solid #F52C2C;
    background: #F52C2C;
    color: #ffffff;
}

.filter-area .cf-remove img.remove,
.filter-area .clear-filters a img.remove {
    display: none;
}

.filter-area header.down-arrow {
    display: flex;
    align-items: center;
}

.filter-area header.down-arrow span.arrow {
    width: 22px !important;
    height: 22px !important;
    margin-top: 0 !important;
    background: none !important;
}

.filter-area header.down-arrow span.arrow:before,
.filter-area header.down-arrow span.arrow:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #111111;
}

.filter-area header.down-arrow.up span.arrow:before {
    display: block;
    height: 12px;
    width: 2px;
}

.filter-area header.down-arrow span.arrow:after {
    height: 2px;
    width: 12px;
}

.filter-area header.down-arrow span.arrow:before {
    display: none;
}

.sub_status__img {
    position: absolute !important;
    width: 10% !important;
}

/*** PLUGINS CUSTOM END ***/

/*** JIVO SITE ***/
jdiv > jdiv > jdiv[class*="wrap"] {
    z-index: 2147483646 !important;
}
/*** JIVO SITE END ***/

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

/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
    section#main_container > div.inside-container {
        padding: 30px 0 50px;
    }

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

    #logo img {
        position: absolute;
        top: 0;
        bottom: 85px;
        margin: auto;
        max-width: 250px;
        /*max-width: 320px; snow logo*/
        /*bottom: 70px; snow logo*/
    }

    .header-nav .add-property {
        padding-left: 30px;
        padding-right: 30px;
    }

    .main-menu .menu {
        height: 60px;
        padding-bottom: 0;
        margin-top: 20px;
    }

    .main-menu .menu a {
        display: flex;
        font-size: 0.813em;
        color: white;
        font-weight: 400;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        border: 1px solid #fff;
        width: 100%;
        height: 56px;
        border-radius: 6px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu .menu a:not(.add-property) {
        margin-right: 30px;
    }

    .main-menu .menu a:not(.add-property):last-child {
        margin-right: 0;
    }

    .main-menu .menu a > span {
        margin-right: 10px;
        font-size: 20px;
    }

    .main-menu .menu a > img {
        width: 20px;
        margin-right: 10px;
        filter: brightness(20);
    }

    .main-menu .menu div {
        overflow: hidden;
    }

    .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 0px 1px 3px -1px #d91919;
        border-top: 1px solid #d91919;
    }

    .main-menu ul.menu > li.more > span {
        display: inline-block;
        margin: 4px 0 0 0;
        padding: 5px;
        cursor: pointer;
        user-select: none;
    }

    .main-menu ul.menu > li.more > span > span {
        width: 4px;
        height: 4px;
        background: #09396E;
        display: inline-block;
        margin: 8px 2px 0 0;
        border-radius: 2px;
        vertical-align: top;
    }

    .main-menu ul.menu > li.more_active > span > span {
        background: #ffffff;
    }

    ul#main_menu_more {
        display: none;
        position: absolute;
        top: 139px;
        padding: 5px 20px;
        background: #6ba162;
        z-index: 102;
        border-top: 0;
        text-align: left;
    }

    ul#main_menu_more > li > a {
        padding: 10px 0;
        box-shadow: none;
    }

    /* main menu end */
    /* sidebar block */
    section.side_block > h3 {
        font-size: 0.875em;
        font-weight: 600;
        margin-top: -3px;
        text-transform: uppercase;
    }

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

    section.side_block:not(.no-style) {
        background: #fbfbfb;
        padding: 20px;
        margin-bottom: 20px;
        -webkit-box-shadow: 1px 2px 5px 1px #cccccc;
        -moz-box-shadow: 1px 2px 5px 1px #cccccc;
        box-shadow: 1px 2px 5px 1px #cccccc;
    }

    section.side_block:not(.no-style).seller-short {
        background-color: #fbfbfb;
    }

    section.side_block.seller-short > h2 {
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1;
    }

    section.side_block.seller-short .price-tag-custom {
        line-height: 1.2;
    }

    section.side_block.seller-short .price-tag-custom > span:first-child {
        font-weight: 600;
        font-size: 1.25em;
        line-height: 1;
    }

    section.side_block.seller-short .price-tag-custom > .custom-conversion {
        font-size: 0.75em;
        display: block;
        margin-top: 8px;
    }

    #bread_crumbs .ref-number {
        font-size: 14px;
        font-weight: 600;
        float: right;
    }

    #bread_crumbs .ref-number > span {
        font-weight: 400;
    }

    #bread_crumbs .ref-number > span:after {
        content: ':';
    }

    /* sidebar block end */
    section.side_block span.expander {
        display: none;
    }

    section.categories-box ul.cat-tree > li.rest {
        display: none;
    }

    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 360px;
    }

    .grid_navbar {
        margin-bottom: 20px;
    }

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

    section.side_block ul.featured {
        margin: 0;
    }

    section.side_block ul.featured:not(.list) {
        text-align: center;
    }

    section.side_block ul.featured > li {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    section.side_block ul.featured > li:last-child {
        margin-bottom: 0;
    }

    section.side_block ul.featured:not(.list) > li ul {
        text-align: left;
    }

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

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

    .seller-short div.landscape ul.seller-info {
        padding: 0;
    }

    .seller-short div.landscape ul.seller-info > li.name {
        margin-top: 0;
    }

    .seller-short div.landscape ul.seller-info > li {
        padding-bottom: 5px;
    }

    .seller-short div.landscape ul.seller-info a.low {
        position: static;
        margin-top: 10px;
    }

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

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

    section.side_block .sub-categories-exist div.categoty-column {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -ms-column-count: 1;
    }

    div.listing-details #area_listing #df_field_ref_number {
        display: none;
    }
}

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

    div.special-block section.side_block h3 {
        font-size: 1.500em;
    }

    .sub-categories-exist a.category {
        font-size: 1.250em;
    }

    div.table-mode .search-form-cell {
        display: table-cell;
    }

    #search_area div.table-mode {
        display: table;
        width: 100%;
    }

    #search_area div.table-mode > form {
        display: table-row;
    }

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

    div.table-mode .search-form-cell.checkbox-field {
        width: 15%;
    }

    div.table-mode .search-form-cell.submit {
        width: 8%;
    }

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

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

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

    div.special-block a.category {
        font-size: 1.214em;
    }

    /* by Rudi #ITL-339345 */
    #fs_common div.submit-cell {
        width: 25%;
        display: inline-block;
    }
}

@media screen and (max-width: 1439px) {
    .my-listings > article > div.nav > div {
        margin-right: 30px;
    }

    .my-listings > article > div.nav > div.stat {
        width: 80%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    body.view-details-page section.side_block:not(.no-style) {
        padding: 18px;
    }

    .horizontal-search {
        max-width: 630px;
    }

    #logo img {
        max-width: 263px;
        /*max-width: 320px; snow logo*/
    }

    .main-menu .menu {
        margin-left: auto;
    }

    .main-menu .menu a:not(.add-property) {
        margin-right: 20px;
    }

    .seller-short .account-info {
        grid-template-columns: 68px 1fr;
    }

    .seller-short .account-info .picture {
        margin-right: 12px;
    }

    .seller-short .seller-info-date, .seller-short ul.seller-info .type {
        font-size: 11px;
    }

    section.side_block.seller-short ul.controls > li > a:first-child,
    section.side_block.seller-short div.icons .text {
        font-size: 11px;
    }

    .seller-short .navigation > ul > li.nav-icon > a,
    section.side_block.seller-short div.icons > *,
    section.side_block.seller-short ul.controls > li > a:first-child {
        height: 54px !important;
    }

    .seller-short .navigation > ul > li.nav-icon > a > span,
    .my-listings div.navigation ul > li select,
    section.side_block.seller-short ul.controls > li > a:first-child,
    body.view-details-page .select2-container .select2-selection,
    body.view-details-page .select2-results__option {
        font-size: 12px;
    }

    #fs_additional_information .field.checkbox-field .custom-input {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    ul.account-menu-content {
        margin-left: -6px;
        margin-right: -6px;
    }

    .my-listings div.title {
        width: 514px;
    }
}

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

    body.no-sidebar .featured > li,
    body.no-sidebar section#listings > article {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

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

    div.listing-details:not(.no-listing-photos) #lnp_container {
        margin-left: 118px;
    }

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

    /* by Rudi */
    div.gallery > div#media {
        width: 100%;
        height: 600px;
    }

    /*.listing-details div.gallery {
        display: flex;
        flex-direction: row-reverse !important;
    }

    div.gallery > div.thumbs > div.slider {
        padding: 3px 0;
    }
    div.gallery > div.thumbs > div.slider > ul {
        flex-direction: column !important;
    }

    div.gallery > div.thumbs > div.prev:before,
    div.gallery > div.thumbs > div.next:before {
        top: 9px;
        left: 42px;
        transform: rotate(90deg);
    }
    div.gallery > div.thumbs {
        height: 605px;
        width: 90px;
        display: flex;
        flex-direction: column;
        margin: 0;
        margin-right: 30px;
    }
    div.gallery > div.thumbs > div.slider > ul > li img {
        margin: 0 0 3px;
        height: 88px;
        width: 88px;
    }
    div.gallery > div.thumbs > div.slider > ul > li:hover:after,
    div.gallery > div.thumbs > div.slider > ul > li.active:after {
        right: 0;
        bottom: 3px;
        }*/
    /*** LISTING DETAILS END ***/
    body.no-sidebar .two-middle .special-bound-box > li {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .left .special-bound-box > li {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    /* by Rudi #ITL-339345 */
    #category_container .selected-category,
    #category_container .selected-plan {
        display: inline-block;
        width: 49%;
        vertical-align: middle;
    }

    #category_container .selected-plan {
        padding-bottom: 0;
    }

    ul.account-menu-content {
        width: 100%;
    }

    .my-listings div.title {
        width: 574px;
    }
}

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

    .menu a span {
        display: none;
    }

    #logo img {
        max-width: 263px;
        /*max-width: 320px; snow logo*/
    }

    .horizontal-search {
        width: 100%;
        max-width: 440px;
    }

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

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

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

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

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

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

    section#listings.list div.picture {
        width: 190px;
        height: 126px;
    }

    section#listings > article div.navigation-column {
        width: 150px;
    }

    section#listings ul.listing-info > li {
        margin-bottom: 4px;
    }

    .sub-categories-exist div.categoty-column {
        column-count: 4;
        -moz-column-count: 4;
        -webkit-column-count: 4;
        -ms-column-count: 4;
    }

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

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

    .page-footer .footer-address {
        font-size: 1.17vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .my-listings div.navigation ul > li,
    .my-listings > article > div.nav > div.info > ul select {
        font-size: 12px;
    }

    .my-listings > article > div.nav > div {
        margin-right: 21px;
    }

    .my-listings > article > div.nav > div.stat {
        width: 88%;
    }

    .my-listings > article div.picture {
        width: 190px !important;
    }

    .my-listings div.title {
        width: 449px;
    }
}

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

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

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

    .my-listings div.title {
        display: flex;
        justify-content: space-between;
    }

    .my-listings .price {
        white-space: nowrap;
    }

    .my-listings div.navigation {
        margin-top: -33px;
    }

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

    .my-listings div.navigation ul li.nav-icon > a:before {
        top: 12px;
    }

    .my-listings div.navigation ul li.nav-icon > a.reset:before {
        top: 14px;
    }

    body.view-details-page .my-listings div.navigation {
        margin-top: 0;
    }

    #calc-table > h3 + div > div:first-child .table-cell div.value {
        border-right: none;
    }

    body.add-listing-page div.listing-form div.submit-cell.selected-category > div.field,
    body.add-listing-page div.listing-form div.submit-cell.selected-plan > div.field,
    body.add-listing-page div.listing-form svg + div.submit-cell > div.field.checkbox-field {
        display: flex;
        align-items: center;
    }

    body.add-listing-page #fs_common div.submit-cell > div.field {
        display: block;
    }

    .footer__menu-title,
    .footer__menu-title-apps {
        pointer-events: none;
    }

    .footer__menu-title-apps {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1200px) {
    #area_listing .additional_information div.value > div {
        max-width: calc(33.333333% - 5px);
    }

    #area_listing .additional_information div.value > ul > li > div,
    #area_listing .additional_information div.value > div > div,
    #fs_additional_information div.field .custom-input > label {
        font-size: 13px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 20px;
    }

    .custom-calc div.table-cell > div.name {
        width: 172px;
    }

    .custom-calc div.table-cell.total div.name {
        font-size: 14px;
    }

    .custom-calc div.table-cell.total div.value {
        font-size: 1rem;
    }

    #fs_common div.submit-cell {
        display: inline-block;
        width: 50%;
    }
}

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

    .horizontal-search {
        width: 100%;
        max-width: 300px;
        margin-left: 30px;
    }

    .header-nav .add-property {
        margin-left: 30px;
    }

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

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

        transition: background 0.3s ease;
    }

    span.menu-button:hover > span {
        background: #040e03;
    }

    .main-menu nav.menu ul.menu {
        display: none;

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

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

        padding: 58px 22px 55px;
    }

    .main-menu nav.menu ul.menu li.more {
        margin-bottom: 30px;
    }

    .main-menu nav.menu ul.menu > li > a {
        padding: 8px 0;
        display: inline-block;
    }

    .main-menu nav.menu ul.menu > li > a:hover {
        color: #67cc85;
    }

    .main-menu nav.menu ul.menu > li.active > a {
        color: white;
    }

    .mobile-menu {
        position: fixed;
        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-y: auto;
        overflow-x: hidden;
    }

    .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: flex;
        align-items: center;
        height: 40px;
        padding: 10px 15px;
        color: #111111;
        font-size: 0.875em;
    }

    .mobile-menu a > span {
        margin-right: 10px;
        font-size: 15px;
        width: 15px;
    }

    .mobile-menu a > img {
        width: 15px;
        margin-right: 10px;
    }

    span.mobile-menu-header svg {
        width: 44px;
        height: 44px;
        fill: #DC2D13;
        padding: 16px;
        margin-right: -16px;
    }

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

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

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

    div.search-footer div.search-item {
        float: left;
    }

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

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

    a.category {
        font-size: 1.214em;
    }

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

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

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

    .seller-short div.row > div.form + .account-info-form ul.controls {
        margin-top: 20px;
    }

    .seller-short .owner-details {
        margin-top: 10px;
    }

    .seller-short .account-info-form ul.controls {
        margin-left: 0;
        width: 100%;
    }

    .seller-short form div.submit-cell textarea {
        margin-top: 0;
    }

    .my-listing-items {
        margin-top: 0 !important;
    }

    .my-listing-items .owner-details {
        max-width: calc(50% - 5px);
    }

    body.at-dealer-page h1 {
        display: none;
    }

    body.at-dealer-page section#content {
        order: 2;
    }

    body.at-dealer-page aside.right {
        order: 1;
    }

    .sorting .link:hover {
        color: #111;
    }

    .categoryFilter {
        display: none;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        padding: 15px;
        background: #fff;
        border-radius: 0 !important;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 2147483647;
    }
    .categoryFilter > .expander {
        display: none !important;
    }
    .categoryFilter .expander + div {
        display: block !important;
    }
    .categoryFilter .filter-close {
        text-align: right;
        z-index: 1;
    }
    .categoryFilter .filter-close i {
        font-size: 24px;
        padding: 0px 10px 0px 10px;
        cursor: pointer;
    }
    body.filter-open {
        overflow: hidden;
    }
    body.lt-listings-page .categories-box {
        display: none;
    }
    body.lt-listings-page .inside-container .right {
        position: static;
    }
    body.lt-listings-page .listings-count {
        position: absolute;
        top: 75px;
        left: 0;
        right: 0;
        justify-content: center;
        height: auto;
        margin-bottom: 0;
    }
    body.lt-listings-page #listings {
        padding-top: 28px;
    }
}

/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {
    .main-menu nav.menu ul.menu {
        right: 0;
    }
}

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

    .header-nav {
        padding-bottom: 0;
    }

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

    body.my-all-ads-page section.side_block_search div.search-item {
        width: 100%;
        margin-right: 0;
    }

    section.side_block_search div.search-item:nth-of-type(2n) {
        margin-right: 0;
    }

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

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

    .search-item.couple-field > .custom-input {
        width: 33.33%;
    }

    section#listings.grid ul.info {
        padding-top: 8px;
    }

    section#listings.list > article div.navigation-column {
        width: 170px;
    }

    section#listings.list ul.info {
        max-width: 320px;
    }

    .link-large {
        font-size: 1.286em;
    }

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

    section.categories-box div.cat-toggle {
        display: none;
    }

    /* listing details gallery */
    div.gallery > div#media {
        height: 420px;
    }

    div.gallery > div.thumbs > div.slider > ul > li img {
        /* by Rudi #QHO-387156 */
        /*width: 68px;
        height: 68px;*/
    }

    /* by Rudi */
    /*div.gallery > div.thumbs > div.prev,
    div.gallery > div.thumbs > div.next {
        width: 68px;
        height: 68px;   
       }*/
    div.gallery > div.thumbs > div.slider {
        /*margin: -23px 70px 0 70px;*/ /* by Rudi #QHO-387156 */
    }

    div.gallery > div.thumbs {
        height: 90px;
    }

    /* by Rudi */
    /*div.gallery > div.thumbs > div.prev:before {
        top: 23px;
        left: 27px; 
    }
    div.gallery > div.thumbs > div.next:before {
        top: 23px;
        left: 29px; 
       }*/
    /* listing details gallery end */
    div.table-cell > div.name {
        width: 142px;
    }

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

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

    section.account-location div.location-info {
        float: left;
        max-width: 300px;
    }

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

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

    div.notification.done {
        top: 0;
    }

    ul.packages > li div.frame {
        width: 420px;
    }

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

    .page-footer {
        padding: 20px 15px;
    }

    .custom-calc .submit-cell .name {
        font-size: 13px;
    }
}

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
    h1 {
        font-size: 1.714em;
        margin-bottom: 20px;
    }

    .h1-nav h1 {
        margin-bottom: 0;
    }

    .h1-nav > div {
        padding: 0 10px;
    }

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

    .h1-nav nav > a:not(.button) {
        height: 34px;
    }

    .h1-nav nav > a.post_ad:before,
    .h1-nav nav > a.post_ad:after {
        content: '';
        position: absolute;
        width: 16px;
        top: 16px;
        left: 9px;
    }

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

    .point1 {
        min-width: 320px;
    }

    .header-nav > div > div > div {
        margin: 0 10px;
    }

    .header-nav-inner {
        flex-wrap: wrap;
    }

    div#logo {
        max-width: 240px;
    }

    .horizontal-search {
        max-width: none;
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }

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

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

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

    ul.tabs.search_tabs {
        width: 100%;
    }

    ul.tabs.search_tabs.tabs_count_2 > li {
        width: 50%;
        padding-right: 10px;
    }

    ul.tabs.search_tabs.tabs_count_3 > li {
        width: 33.333%;
        padding-right: 10px;
    }

    ul.tabs.search_tabs.tabs_count_4 > li {
        width: 25%;
        padding-right: 10px;
    }

    ul.tabs.search_tabs.tabs_count_2 > li a,
    ul.tabs.search_tabs.tabs_count_3 > li a,
    ul.tabs.search_tabs.tabs_count_4 > li a {
        width: 100%;
    }

    ul.tabs.search_tabs > li > a {
        padding: 0 10px;
        font-size: 1em;
    }


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

    .search-form-cell {
        -ms-flex: 0 0 100%;
        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,
    section.side_block {
        margin-left: 15px;
        margin-right: 15px;
    }

    section#content {
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
    }

    section.side_block {
        margin-left: 15px;
        margin-right: 15px;
    }

    div.listing-details .gallery_360,
    div.listing-details .gallery_normal {
        padding: 3px 8px;
        top: 5px;
        right: 5px;
    }

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

    section.content_block div.category-slider-bar {
        top: -34px;
    }

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

    aside.bottom {
        margin-top: 20px;
    }

    /* home content block end */
    #controller_area > ul.tabs {
        margin-left: 10px;
        margin-right: 10px;
    }

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

    .grid_navbar.listings-area .buttons > div.grid {
        display: none;
    }

    body.at-dealer-page .grid_navbar .current {
        padding: 0;
    }

    /* listing list view */
    section#listings > article div.navigation-column {
        position: absolute;
        width: auto;
        bottom: 8px;
        right: 30px;
        z-index: 1;
    }

    section#listings.list.no-image > article div.navigation-column {
        bottom: 25px;
        right: 10px;
    }

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

    section#listings ul.nav-column > li {
        display: inline-block;
        height: 18px;
        margin-left: 5px;
    }

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

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

    section.list > article {
        width: 100%;
        max-width: 298px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0;
        padding-right: 0;
        display: block;
    }

    section#listings > article div.navigation-column {
        right: 10px;
    }

    section#listings.list div.picture {
        width: 100%;
        max-width: 300px;
        height: 200px !important;
        float: none;
        margin: 0;
    }

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

    section#listings.list ul.listing-info {
        background: #f4f4f4;
        padding: 10px;
    }

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

    section#listings.list ul.listing-info span.favorite {
        float: right;
        margin-top: 5px;
    }

    section#listings.list ul.listing-info > li:last-child {
        padding-bottom: 0;
    }

    section#listings.list ul.listing-info > ol {
        display: none;
    }

    /* listing list view end */
    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 185px;
    }

    section.categories-box div.cat-toggle {
        display: none;
    }

    section#listings div.picture img.photo360 {
        width: 80px;
        height: 40px;
        top: 4px;
        right: 10px;
        background: url(../img/360icon.png) no-repeat;
        background-size: 80px 40px;
    }

    section#listings div.picture img.accident {
        width: 50px;
        height: 23px;
        bottom: 13px;
        left: 13px;
        background: url(../img/accident.png) no-repeat;
        background-size: 50px 23px;
    }

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

        column-gap: 0;
        -moz-column-gap: 0;
        -webkit-column-gap: 0;
        -ms-column-gap: 0;
    }

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

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

    /*div.listing-details.loc-exists .content-section {*/
    /*margin-top: 42px;*/
    /*}*/
    #lnp_container {
        margin: 0 10px;
    }

    #area_listing .additional_information div.value > ul > li > div,
    #area_listing .additional_information div.value > div > div,
    #fs_additional_information div.field .custom-input > label {
        font-size: 12px;
        padding-left: 2px;
        padding-right: 2px;
        line-height: 1.2;
    }

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

    div.gallery {
        position: relative;
    }

    div.gallery > div#media {
        height: initial;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    div.gallery div#media.hd + div.thumbs,
    div.gallery div#media.exterior + div.thumbs,
    div.gallery div#media.interior + div.thumbs {
        display: none !important;
    }

    div.gallery > div#media.map,
    div.gallery > div#media.exterior {
        position: relative;
        padding-bottom: 66%;
    }

    div.gallery > div#media.map .map-container,
    div.gallery > div#media.exterior .exterior-container {
        position: absolute;
    }

    div.gallery > div#media .preview,
    div.gallery > div#media .map-container,
    div.gallery > div#media span.nav-button.zoom,
    div.gallery > div.thumbs > div.prev,
    div.gallery > div.thumbs > div.next {
        display: none;
    }

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

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

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

    div.gallery > div#media.map + div.thumbs {
        visibility: hidden;
    }

    div.gallery > div.thumbs {
        margin-top: 0;
        padding: 10px;
        height: inherit;
        display: block !important;
    }

    div.gallery > div.thumbs > div.slider {
        margin: 0;
        padding: 0;
        position: relative;
    }

    div.gallery > div.thumbs > div.slider > ul {
        width: 100%;
        display: block !important;
    }

    div.gallery > div.thumbs > div.slider > ul > li {
        display: inline-block;
        width: 100%;
        margin-top: 0 !important;
    }

    div.gallery > div.thumbs > div.slider > ul > li:after {
        display: none;
    }

    div.gallery > div.thumbs > div.slider > ul > li img {
        margin: 0 !important;
        width: 100%;
        height: auto;
        border: 0;
    }

    div.gallery > div.thumbs > div.slider > ul > li span.play {
        margin: 0;
        right: 0;
    }

    div.gallery > div.thumbs > div.slider > ul > li iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }

    div.gallery > div.thumbs > div.slider > ul > li iframe + div,
    div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40%;
        height: 65%;
    }

    div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
        left: auto;
        right: 0;
    }

    div.gallery > div.thumbs > div.slider > ul > li.locked > img {
        background-position: center 26%;
    }

    div.gallery > div.thumbs > div.slider > ul > li.locked > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        padding-top: 28%;
    }

    div.gallery div#media.exterior .full-screen-360 {
        top: 4px !important;
        right: 4px !important;
        width: 30px !important;
        height: 30px !important;
        background: url(../img/full_screen.png) 0 -40px no-repeat !important;
    }

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

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

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

    .seller-short div.account-info-form {
        margin-top: 0;
    }

    .seller-short.landscape div.picture {
        float: none;
    }

    div.table-cell > div.name {
        width: 35%;
    }

    div.listing-details section.statistics ul.controls {
        float: none;
        width: 100%;
    }

    div.submit-cell > div.name {
        float: none;
        width: auto;
        padding: 0;
        min-height: 26px;
        line-height: 26px;
    }

    div.submit-cell > div.name:empty {
        display: none;
    }

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

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

    .field.single-field > select {
        width: 100%;
    }

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

    #fs_common div.submit-cell .field.single-field > select {
        width: 230px;
    }

    #fs_common div.submit-cell .field.combo-field > input {
        width: 130px;
    }

    /* 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.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: 15px;
        padding-right: 15px;
    }

    div.listing-details .content-section,
    body.add-listing-page .content-padding {
        padding: 10px 10px 0;
    }

    .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 125px !important;
        overflow: hidden;
        position: relative;
    }

    div.list-table > div.row > div .table-cell {
        margin-left: -125px;
    }

    div.list-table > div.row > div .table-cell .value {
        padding-left: 5px;
    }

    div.list-table > div.row > div:not(.no-flex):before {
        content: attr(data-caption) ":";
        width: 85px;
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
        font-size: 0.929em;
        color: #949494;
        position: absolute;
        left: 0;
        top: 5px;

        /* it is the best solution for now */
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    div.list-table > div.row > div.iteration {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
        padding: 0 !important;
    }

    div.list-table > div.row > div.action {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px;
    }

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

    div.list-table > div.row > div.content {
        padding-top: 2px !important;
    }

    div.content div.table-cell > div.name {
        float: none;
        width: auto !important;
    }

    div.content div.table-cell > div.name + div.value {
        padding: 0;
        min-height: 18px;
        line-height: 18px;
    }

    div.content div.table-cell {
        margin-bottom: 10px;
    }

    /* tables content end */
    /* my listings */
    section#listings.my-listings .item div.info {
        display: block;
        width: 100%;
        padding: 0;
    }

    section#listings.my-listings .item div.picture > span {
        width: 34px;
        height: 24px;
        bottom: 20px;
        right: 20px;
        line-height: 22px;
        font-size: 1.071em;
    }

    section#listings.my-listings .item div.info .title {
        position: absolute;
        top: 10px;
        background: white;
        height: 38px;
        line-height: 36px;
        box-shadow: 0 4px 0 rgba(0, 0, 0, .1);
        max-width: 100%;
        white-space: nowrap;
    }

    section#listings.my-listings .item .title {
        padding: 5px 0 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 > 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%;
    }

    body.my-all-ads-page section#listings.my-listings .item div.navigation > ul > li a:hover {
        background: none;
    }

    section#listings.my-listings .item div.stat {
        display: block;
        width: 100%;
        position: relative;
    }

    section#listings.my-listings .item div.stat > ul {
        margin-top: 12px;
    }

    section#listings.my-listings .item div.stat .two-inline > *:first-child {
        float: none;
    }

    .my-listings > article > div.nav > div.info > ul > li {
        margin-top: 12px;
    }

    /* my listings end */
    #controller_area div.fieldset.divider > header {
        margin: 0 10px;
    }

    ul.pagination {
        padding-left: 20px;
        padding-right: 20px;
    }

    /*** MY PACKAGES ***/
    ul.packages > li {
        display: block;
    }

    ul.packages > li div.frame {
        width: auto;
        display: block;
    }

    ul.packages > li div.status {
        margin: 15px 0 0 0;
        padding: 0 20px;
    }

    ul.packages > li div.status div.renew {
        overflow: hidden;
        text-align: right;
        margin-top: 3px;
    }

    ul.packages > li div.status ul.package_info {
        float: left;
    }

    /*** MY PACKAGES END ***/
    ul.account-menu-content > li {
        padding: 2px 0 10px;
    }

    ul.account-menu-content > li a {
        font-size: 1.143em;
    }

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

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

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

    .page-footer .footer-menu {
        text-align: center;
        padding-bottom: 0;
    }

    .page-footer .footer-address {
        margin-bottom: 4px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer__menu-title + ul {
        display: none;
        margin-top: 10px;
    }

    .footer__menu-title,
    .footer__menu-title-apps {
        margin-top: 18px;
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: normal;
    }

    .footer__menu-title {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        padding-left: 18px;
    }

    .footer__menu-title:after {
        content: '';
        width: 8px;
        height: 5px;
        margin-left: 10px;
        background: url('../img/dropdown-arrow.svg') 0 -4px no-repeat;
        background-size: 18px 13px;
        opacity: 0.7;
        filter: invert(1);
        transform: rotate(0deg);
    }

    .footer__menu-title.active:after {
        transform: rotate(180deg);
    }

    .mobile-apps {
        text-align: center;
        margin-top: 12px;
    }

    .page-footer .newsletter {
        margin: 30px auto 0 auto;
        text-align: center;
    }

    .page-footer .newsletter > div {
        margin: 0 auto;
    }

    .page-footer .newsletter__text {
        margin-bottom: 18px;
        font-size: 0.875em;
        text-transform: uppercase;
    }

    .custom-calc div.table-cell > div.name {
        width: 40%;
    }

    .custom-calc div.table-cell.total div.name {
        width: auto;
    }

    #calc-table > h3 + div > div:first-child .table-cell:last-child > div {
        border-bottom: none;
    }

    #calc-table > h3 + div > div .table-cell > div {
        padding: 10px 15px;
    }

    #calc-table .total .total-data > div > div,
    #calc-table .total > div:first-child {
        border-right: none;
    }

    #calc-table .total .total-title {
        background-color: #373346;
        color: #ffffff;
    }

    #calc-table .total .total-data-title {
        border-top: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        border-bottom: none;
        background-color: #f7f7f7;
        color: #111111;
    }

    #calc-table .total .total-data-text {
        border-top: 1px solid #E6E6E6;
    }
}

@media screen and (max-width: 575px) {
    h1 {
        font-size: 1.5em;
    }

    .header-nav .add-property {
        margin-left: 0;
    }

    .horizontal-search .point1 {
        min-width: 300px;
    }

    section.seller-short .my-listings.row {
        display: block;
    }

    section.seller-short .my-listings .navigation {
        width: auto;
        margin-right: 0;
    }

    section.seller-short .my-listings .stat {
        width: auto;
        margin-bottom: 20px;
    }

    section.seller-short ul.controls {
        width: auto;
        margin-left: 0;
    }

    .seller-short form div.submit-cell textarea,
    .seller-short div.row > div.form + .account-info-form ul.controls {
        margin-top: 20px;
    }

    .my-listing-items .owner-details {
        max-width: none;
        margin-top: 0;
    }

    #area_listing .additional_information div.value > div {
        max-width: none;
        margin-left: 0;
        padding-left: 0;
    }

    #area_listing .additional_information div.value > div {
        max-width: calc(50% - 15px);
    }

    .custom-calc div.table-cell > div.name {
        width: 50% !important;
    }

    .custom-calc div.table-cell.total > div.name {
        width: 100% !important;
        float: none;
        margin-bottom: 5px;
    }

    .custom-calc div.table-cell.total > div.value {
        padding-left: 0;
        font-size: 14px;
    }

    #calc-table > h3 + div > div .table-cell > div {
        font-size: 12px;
    }

    #fs_common div.submit-cell {
        width: 100%;
    }

    #area_listing .filedshelper div.table-cell {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #controller_area div.fieldset > div.body > div.rent-group {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 475px) {
    div#logo {
        max-width: 44vw;
    }

    .custom-calc div.table-cell > div.name {
        width: 58% !important;
    }

    body.my-all-ads-page .grid_navbar {
        height: 40px;
    }

    .selected-plan .field.single-field > select {
        width: 100%;
    }

    .phones_content .add_phone_line .iti,
    .phones_content .add_phone_line #phone,
    #sf_field_vin > input[type=text] {
        width: 100% !important;
    }

    .phones_content .add_phone_line .add_phone_button {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

    body.add-listing-page .field.combo-field > input {
        width: calc(100% - 100px);
    }

    body.add-listing-page .selected-category div.field.checkbox-field {
        display: flex;
        align-items: center;
    }

}

@media screen and (max-width: 383px) {
    div#logo {
        max-width: 38vw;
    }

    section.seller-short > div > div.picture {
        margin: 0 0 15px 0;
        float: none;
    }

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

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

    .login-form input[type=text],
    .login-form input[type=password] {
        width: 100%;
    }

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

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

    section.categories-box ul.cat-tree > li {
        display: inline-block;
        width: 100%;
        margin-right: 0;
    }

    .gptwdg {
        transform: scale(0.96);
        transform-origin: 0 0;
    }

    #calc-table > h3 + div > div .table-cell div.name > div {
        overflow: initial;
        white-space: initial;
    }
}

/*** 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.webp') left -10px no-repeat;
        background-size: 40px auto;
    }

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

    div.close-black:before {
        background: url('../img/@2x/gallery2.webp') right -857px no-repeat;
        background-size: 40px auto;
    }

    input[type=number] {
        background-image: url('../img/@2x/gallery2.webp');
        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.webp');
        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.webp');
        background-position: 0 -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }

    .testimonials .area > div.quotes {
        background: url('../img/@2x/gallery2.webp') -22px -212px no-repeat !important;
        background-size: 40px auto !important;
    }

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

    input[type=checkbox]:not(.default) + label > span,
    input[type=radio]:not(.default) + label > span {
        background: url('../img/@2x/gallery2.webp') 0 -224px no-repeat;
        background-size: 40px auto;
    }

    input[type=radio]:not(.default) + label > span {
        background-position: 0 -132px;
    }

    input[type=checkbox]:not(.default):hover + label > span {
        background-position: 0 -201px;
    }

    input[type=checkbox]:not(.default):checked + label > span {
        background-position: 0 -246px;
    }

    input[type=radio]:not(.default):hover + label > span {
        background-position: 0 -155px;
    }

    input[type=radio]:not(.default):checked + label > span {
        background-position: 0 -178px;
    }

    div.category-slider-bar span.prev,
    div.category-slider-bar span.next,
    div.gallery > div.thumbs > div.prev > div,
    div.gallery > div.thumbs > div.next > div {
        background: url('../img/@2x/gallery2.webp') -0px -467px no-repeat;
        background-size: 40px auto;
    }

    div.category-slider-bar span.next,
    div.gallery > div.thumbs > div.next > div {
        background-position: -7px -467px;
    }

    .footer-data div.logo img {
        background: url('../img/@2x/logo_footer.png') 0 0 no-repeat;
        background-size: 100%;
    }

    ul.menu-mobile:before {
        background: url('../img/@2x/gallery2.webp') right -409px no-repeat;
        background-size: 40px auto;
    }

    .grid_navbar div.map > div > span {
        background: url('../img/@2x/gallery2.webp') 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.webp') right -546px no-repeat;
        background-size: 40px auto;
    }

    .grid_navbar .sorting span.arrow {
        background: url('../img/@2x/gallery2.webp') -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.webp') right -178px no-repeat;
        background-size: 40px auto;
    }

    .favorite.remove span.icon {
        background-position: right -195px;
    }

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

    div.gallery > div.thumbs > div.prev:before,
    div.gallery > div.thumbs > div.next:before {
        background: url('../img/@2x/gallery2.webp') right -872px no-repeat;
        background-size: 40px auto;
    }

    div.gallery > div.thumbs > div.next:before {
        background-position: -28px -872px;
    }

    div.gallery > div.thumbs > div.slider > ul > li.locked img {
        background-image: url('../img/@2x/locked.png');
        background-size: 25px auto;
    }

    div#picture_locked img {
        background-image: url('../img/@2x/locked-large.png');
        background-size: 96px auto;
    }

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

    .seller-short form div.field > input + span {
        background: url('../img/@2x/gallery2.webp') right -373px no-repeat;
        background-size: 40px auto;
    }

    .seller-short form div.field > input[name=contact_email] + span {
        background-position: right -391px;
    }

    .seller-short form div.field > input[name=contact_phone] + span {
        background-position: right -407px;
    }

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

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

    div.gallery > div.preview a > span > span {
        background: url('../img/@2x/gallery2.webp') right -604px no-repeat;
        background-size: 40px auto;
    }

    .modal_block div.inner div.close > div {
        background: url('../img/@2x/gallery2.webp') right -326px no-repeat;
        background-size: 40px auto;
    }

    a.print > span {
        background: url('../img/@2x/gallery2.webp') right -625px no-repeat;
        background-size: 40px auto;
    }

    /* div.table-cell ul.checkboxes > li.active img {
        background: url('../img/@2x/gallery2.webp') 0 -625px no-repeat;
        background-size: 40px auto;
    } */
    div.ps-toolbar div div.ps-toolbar-content {
        background-image: url('../img/@2x/photoswipe@2x.png');
        background-size: 176px 88px;
    }

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

    #lnp_container li.next a:before {
        background-position: -28px -362px;
    }

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

    div.horizontal div.next:before {
        background-position: -8px -589px;
    }

    div.vertical div.prev:before {
        background-position: 0 -839px;
    }

    div.vertical div.next:before {
        background-position: right -839px;
    }

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

    section.side_block > span.expander {
        background: url('../img/@2x/gallery2.webp') 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.webp') 12px -431px no-repeat #fec04f;
    }

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

    div.close-black > div {
        background: url('../img/@2x/gallery2.webp') right -675px no-repeat;
        background-size: 40px auto;
    }

    .close-red {
        background: url('../img/@2x/gallery2.webp') -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.webp') 0 -857px no-repeat;
        background-size: 40px auto;
    }

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

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

    #controller_area div.fieldset > header > span.arrow {
        background: url('../img/@2x/gallery2.webp') -20px -77px 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;
    }

    span.media-enlarge > span {
        background: url('../img/@2x/gallery2.webp') 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.webp') right -449px no-repeat;
        background-size: 40px auto;
    }

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

    body a.reportBroken img {
        background: url(../img/@2x/gallery2.webp) 100% -964px no-repeat !important;
        background-size: 40px auto !important;
    }

    body a.removeBroken img {
        background: url(../img/@2x/gallery2.webp) 100% -982px no-repeat !important;
        background-size: 40px auto !important;
    }
}

/*** PIXEL RETIO 1.5 END ***/

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

/*** CUSTOM SCROLLBAR ***/
.mCustomScrollbar {
    position: relative;
    display: block;
}

.mCustomScrollbar .mCustomScrollBox {
    overflow: hidden;
}

.mCustomScrollbar:not(.mCS_no_scrollbar) .mCSB_container {
    width: auto;
    overflow: hidden;
    margin-right: 20px;
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 4px;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.65;
}

.mCustomScrollbar:not(.mCS_no_scrollbar) .mCustomScrollBox.mCSB_vertical {
    margin-right: 3px;
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f1f1f1;
    background-color: rgba(153, 153, 153, 0.4);
    width: 3px;
    height: 100%;
    margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #09396E;
    width: 3px;
    height: 100%;
}

.mCSB_scrollTools_vertical .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_horizontal .mCSB_draggerContainer {
    width: 100%;
}

.mCSB_horizontal > .mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 3px;
    margin: 0;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: auto;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 3px;
    margin: 0 auto;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    width: 100%;
    height: 3px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

/*** CUSTOM SCROLLBAR END ***/


/*** IE fallback ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select {
        padding: 4px 5px;
    }

    input[type=text],
    input[type=password],
    input[type=number] {
        padding-bottom: 1px;
    }
}

/*** IE fallback end ***/

/*** IE rent table ***/
.rent-group {
    display: flex;
}

.rent-cell {
    width: 20%;
    min-width: 120px;
}

.rent-cell .name {
    color: #888888;
    font-size: 0.875em;
    text-overflow: ellipsis;
}

.rent-cell .value {
    color: #020202;
    font-size: 0.875em;
    word-wrap: break-word;
}

.rent-content {
    border: 1px solid #f0f1f3;
    border-radius: 5px;
    padding: 10px;
    margin: 0 10px 10px;
    text-align: center;
}

/*** IE rent table end ***/

.off {
    width: 130px;
    position: fixed;
    z-index: 10;
    float: right;
    bottom: 170px;
    right: 30px;
}