/* FixDate.eu Style v1.0 Release 01.09.2022 */
/* LAST UPDATE | V2.0 | Last update @ 17.04.2023 // 01:43 | TeRmiMCD  */
/* Basic Style use the DYNAMIC CSS [light.css/dark.css] < Last Update 30.09.2022 // 02:45 */
/* Basic CSS Style version 1.0*/
.font-size-xs {
    font-size: 0.813em;
}
.font-weight-semibold {
    font-weight: 400;
}
.icon-opacity .icon-opacity__icon {
    transition: filter 0.3s ease;
}
.icon-opacity:hover .icon-opacity__icon {
    filter: brightness(1.2);
}
.shrink-fix {
    min-width: 0;
}
.show {
    display: block !important;
}
/*** COMMON STYLES ***/
body, html {
    height: 100%;
}
body {
    --duration: 0.5s;
    --timing: ease;
    transition: background var(--duration) var(--timing);
    margin: 0px auto;
    background: var(--body-background-color);
    font-size: 16px;
    color: var(--body-font-color);
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}
input, select, option, p, form, ul, li, ol, h1, h2, h3, h4, h5, h6, td, img, table {
    margin: 0;
    padding: 0;
    border: 0;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
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;
    border-padding: 0;
    width: 100%;
}
table.fixed {
    table-layout: fixed;
}
img {
    vertical-align: middle;
}
label {
    -moz-user-select: none;
    -webkit-user-select: none;
}
strong {
    font-weight: 600;
}
.grid-icon-fill, .details-icon-fill {
    fill: var(--listing-card-icon-fill-color) !important;
}
.header-usernav-icon-fill, .header-contacts svg {
    fill: var(--top-navigation-icon-color) !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;
}
.text-dark {
    color: var(--black)
}
.text-light {
    color: var(--light)
}
.text-white {
    color: var(--white)
}
.text-red {
    color: var(--link-color)
}
.text-warning {
    color: var(--warning)
}
/* links */
a:link, a:visited, .link {
    color: var(--link-color);
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s ease-in;
}
a:hover, a:active, .link:hover {
    color: var(--link-color-hover);
}
a.color-gray {
    color: #111;
}
a.color-gray:hover {
    color: #666;
}
/* links end */
/* fonts */
a.font1:hover, a.active.font1, .active .font1, a.font2.active {
    color: var(--body-font-color);
}
a.font2.active::before {
    content: "\f340";
    font-family: "Font Awesome 5 Pro";
    color: var(--black);
}
.link-large {
    font-size: 1.143em !important;
    font-weight: 400 !important;
}
.tabs ~ .text-notice {
    background: var(--content-background-color);
    padding: 30px;
    transition: background var(--duration) var(--timing);
}
.close, .red {
    color: var(--link-color) !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: var(--warning);
    font-size: 0.929em;
}
.notice_message {
    padding-top: 5px;
}
/* fonts end */
/* h1 */
h1 {
    font-size: 2.3em;
    font-weight: 700;
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden; /* to allow two items inline */
}
h1.text-center {
    margin: 0 0 28px 0;
}
.h1-nav h1 {
    overflow: hidden;
    margin-top: 0;
}
.h1-nav nav {
    float: right;
    vertical-align: top;
}
.h1-nav nav > a.icon {
    display: none !important;
}
/* h1 end */
/* global style items */
.hlight {
    background: var(--content-background-color);
}
.hborder {
    border-color: var(--highlight-border-color);
}
/* global style items end */
/* inputs */
input[type="text"], input[type="search"], input[type="password"], input[type="number"], textarea, select, span.pills, .select2-selection--single, .select2-selection--multiple, .select2-dropdown {
    height: 40px;
    border: none;
    background-color: var(--form-background-color);
    border: 1px solid var(--form-field-line-color);
    color: var(--form-text-color);
    font-size: 0.875em;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    border-radius: 3px;
    padding: 0 10px 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: background-color var(--duration) var(--timing), border-color 0.3s ease;
}
.search__input-group
.select2-dropdown {
    color: var(--form-text-color);
}
.select2-search--dropdown {
    padding: 0px !important;
}
.select2-results__option {
    background: var(--inverted) !important;
}
.select2-results__option--highlighted {
    background: var(--success) !important;
}
.select2-results__option--selected {
    background: var(--dark) !important;
    color: var(--inverted) !important;
}
input[type="text"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, select:hover, span.pills input[type="radio"]:not(:checked) + label:hover {
    border: 1px solid var(--form-field-line-color-hover);
}
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus, span.pills:focus, .select2-selection--single:focus, .select2-selection--multiple:focus, .select2-dropdown:focus {
    box-shadow: inset 0px -2px var(--form-field-line-color-focus);
}
.home-page .horizontal-search input[type="text"], .home-page .horizontal-search input[type="number"], .home-page .horizontal-search input[type="button"], .home-page .horizontal-search select, .home-page .horizontal-search select:focus, .home-page .horizontal-search span.pills, .home-page .horizontal-search .select2-selection--single {
    font-size: 1em;
    height: 40px;
    border-radius: 5px;
}
.auth input[type="text"], .auth input[type="password"] {
    background: var(--form-background-color);
}
input:hover, select:not(:disabled):hover, .select2-container:not(.select2-container--disabled) .select2-selection--single:hover {
    border-color: var(--form-field-line-color-hover);
}
input:focus {
    border-color: #222222;
}
select:focus, .select2-container:not(.select2-container--disabled) .select2-selection--single:focus, .select2-container--open .select2-selection--single {
    border-color: var(--select-focus);
}
textarea {
    line-height: normal;
    height: auto;
    padding: 8px 10px 8px;
    width: 100%;
}
select, .select2-selection--single {
    background: url("../img/dropdown-arrow.svg") right center no-repeat var(--form-background-color);
    background-size: 18px 5px;
    padding-right: 28px;
    transition: background-color var(--duration) var(--timing);
}
select:focus {
    background-color: var(--form-background-color);
}
select.disabled, select[disabled="disabled"], input[disabled="disabled"], .select2-container--disabled .select2-selection--single {
    cursor: not-allowed;
    color: #8a8a8a;
    background-color: var(--form-disabled-background-color);
    background-image: none;
}
select.disabled:hover, select[disabled="disabled"]:hover, input[disabled="disabled"]:hover, .select2-container--disabled .select2-selection--single:hover {
    box-shadow: inset 0px -2px var(--form-field-line-color);
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
    margin: 0;
}
option {
    padding: 2px 0;
}
input[type="submit"], input[type="button"], .file-input span, a.button, .btn {
    height: 40px;
    padding: 0 20px 0;
    color: var(--btn-color);
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--duration) var(--timing) ease-in;
    border-radius: 5px;
    border-width: 1px;
    border-color: var(--border-color);
    box-shadow: 0 3px 0 var(--light);
    border-style: solid;
}
.login-form input[type="text"], .login-form input[type="password"] {
    background: transparent;
}
input[type="submit"]:hover, input[type="button"]:hover, a.button:not(.disabled):hover, .file-input span:hover, .btn:hover {
    border-bottom-color: var(--lighter);
    background: var(--btn-background-color-hover);
    color: var(--white);
    box-shadow: 0px 2px 0px 0px var(--btn-background-darker);
}
input[type="submit"]:active, input[type="button"]:active, a.button:not(.disabled):active, .file-input span:active, .btn:active {
    background: var(--btn-background-color);
    /*box-shadow: inset 0 0 0 2px var(--btn-background-color), inset 0 0 0 3px var(--content-background-color);*/
}
input[type="button"].cancel:hover, button.cancel:hover {
    box-shadow: 0px 8px 16px -4px rgba(171, 171, 171, 0.65);
    border: none !important;
}
input[type="button"].cancel:active, button.cancel:active {
    box-shadow: inset 0 0 0 2px #ababab, inset 0 0 0 3px var(--content-background-color);
}
a.button.disabled, input[type="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.75em;
    padding: 0 10px 0px;
    white-space: nowrap;
}
.side_block input[type="submit"], .side_block input[type="button"], .side_block .file-input span, .side_block a.button, .contact-owner-navbar input[type="button"], .side_block .btn {
    background: transparent;
    border: 2px solid var(--top-navigation-selector-color);
    color: var(--link-color);
    border-radius: 5px !important;
}
.contact-owner-navbar input[type="button"].call-owner {
    border-color: #45b150;
    color: #45b150;
    background: transparent;
}
.contact-owner-navbar {
    z-index: 10 !important;
}
.side_block input[type="submit"]:hover, .side_block input[type="button"]:hover, .side_block .file-input span:hover, .side_block a.button:hover, .side_block .btn:hover {
    background: transparent;
    border: 2px solid var(--link-color);
}
.side_block input[type="submit"]:active, .side_block input[type="button"]:active, .side_block .file-input span:active, .side_block a.button:active, .side_block .btn:active, .side_block.seller-short input[type=button].call-owner:active {
    border: 2px solid var(--side-block-button-border-color);
    box-shadow: inset 0 0 0 1px var(--content-background-color), inset 0 0 0 2px var(--side-block-button-border-color);
}
.side_block a.button.low {
    height: 32px;
}
.button.warning:not(.disabled) {
    background: #c51c1c;
    border: none;
    color: #fff;
}
.button.warning:not(.disabled):hover {
    background: #d62c2c !important;
    box-shadow: 0px 8px 16px -4px rgba(214, 44, 44, 0.65);
    border: none !important;
    color: var(--dark);
}
.button.warning:not(.disabled):active {
    box-shadow: inset 0 0 0 2px #c51c1c, inset 0 0 0 3px var(--content-background-color);
}
input[type="checkbox"]:not(.default), input[type="radio"]:not(.default) {
    opacity: 0;
    position: absolute;
    width: 22px;
    height: 22px;
}
input[type="checkbox"]:not(.default) + label, input[type="radio"]:not(.default) + label {
    max-width: 100%;
    padding-top: 2px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0.938em;
    display: inline-flex;
}
input[type="checkbox"]:not(.default) + label > span, input[type="radio"]:not(.default) + label > span {
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    background: var(--form-background-color);
    vertical-align: top;
    margin: -2px 5px 0 0;
    border: 2px solid var(--form-field-line-color);
    position: relative;
    border-radius: 2px;
    transition: all ease-in-out 0.2s;
}
input[type="checkbox"]:not(.default):hover + label > span, input[type="radio"]:not(.default):hover + label > span {
    border: 2px solid var(--form-field-line-color-hover);
}
input[type="checkbox"]:not(.default):active + label > span, input[type="radio"]:not(.default):active + label > span {
    border: 2px solid var(--form-checked-background-color-active);
    box-shadow: inset 0 0 0 1px var(--content-background-color), inset 0 0 0 2px var(--form-checked-background-color-active);
}
input[type="radio"]:not(.default) + label > span {
    border-radius: 50%;
}
input[type="checkbox"]:not(.default) + label > span:before {
    content: "";
    position: absolute;
    -webkit-font-smoothing: antialiased;
    display: none;
    left: 2px;
    top: 7px;
    background: #263343;
    width: 4px;
    height: 3px;
    box-shadow: 2px 0 0 #263343, 4px 0 0 #263343, 4px -2px 0 #263343, 4px -4px 0 #263343, 4px -6px 0 #263343, 4px -8px 0 #263343;
    transform: rotate(45deg);
}
input[type="checkbox"]:not(.default):active + label > span:before {
    left: 5px;
    top: 9px;
}
input[type="radio"]:not(.default) + label > span:before {
    content: "";
    display: none;
    vertical-align: top;
    width: 10px;
    height: 10px;
    background: var(--dark);
    border-radius: 50%;
    margin: 3px;
}
input[type="radio"]:not(.default):active + label > span:before {
    margin: 5px 1px 1px 5px;
}
input[type="checkbox"]:not(.default):checked + label > span, input[type="radio"]:not(.default):checked + label > span {
    background-color: var(--success);
    border-color: transparent;
}
input[type="checkbox"]:not(.default):checked:hover + label > span, input[type="radio"]:not(.default):checked:hover + label > span {
    background-color: var(--form-checked-background-color-hover);
}
input[type="checkbox"]:not(.default):checked:active + label > span, input[type="radio"]:not(.default):checked:active + label > span {
    background: var(--form-checked-background-color);
    border: none;
    box-shadow: inset 0 0 0 1px var(--form-checked-background-color), inset 0 0 0 2px var(--content-background-color);
}
input[type="radio"]:not(.default):checked + label > span:before {
    display: inline-block;
    background-color: var(--form-checked-text-color);
}
input[type="checkbox"]:not(.default):checked + label > span:before {
    display: inline-block;
    background-color: var(--form-checked-text-color);
    box-shadow: 2px 0 0 var(--form-checked-text-color), 4px 0 0 var(--form-checked-text-color), 4px -2px 0 var(--form-checked-text-color), 4px -4px 0 var(--form-checked-text-color), 4px -6px 0 var(--form-checked-text-color), 4px -8px 0 var(--form-checked-text-color);
}
input[type="radio"].multiline + label, input[type="checkbox"].multiline + label {
    height: auto;
    text-align: left;
    color: var(--link-color);
    font-size: 0.929em;
}
input[type="radio"].multiline:checked + label, input[type="checkbox"].multiline:checked + label {
    color: var(--body-font-color);
}
input[type="checkbox"].multiline:not(.default) + label > span, input[type="radio"].multiline:not(.default) + label > span {
    display: block;
}
input[type="radio"][disabled="disabled"] + label > span {
    opacity: 0.5;
}
input[type="radio"][disabled="disabled"] + label {
    color: #888888;
}
input[type="checkbox"].inline + label {
    display: inline;
}
input[type="checkbox"].inline + label > span {
    margin: 0;
}
input.search, input.search:hover {
    background-image: url("../img/gallery.png");
    background-position: 12px -430px;
    width: 0;
}
/* Switcher */
label.switcher input[type="checkbox"] {
    display: none;
}
label.switcher > input[type="checkbox"] + span:not(.status) {
    margin-top: -1px;
    display: inline-block;
    width: 34px;
    height: 18px;
    background: #969696;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    transition: background-color 0.4s, opacity 0.4s;
    opacity: 0.7;
}
label.switcher > input[type="checkbox"] + span:not(.status):after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: var(--form-background-color);
    transition: transform 0.4s;
    z-index: 2;
}
label.switcher > input[type="checkbox"] + span:not(.status):before {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background: url(../img/gallery.png) -8px -699px no-repeat;
    transition: transform 0.4s;
    z-index: 3;
}
label.switcher:hover > input[type="checkbox"] + span:not(.status) {
    opacity: 1;
}
label.switcher > input[type="checkbox"]:checked + span:not(.status) {
    background: #52b600;
    transition: background-color 0.4s;
}
label.switcher > input[type="checkbox"]:checked + span:not(.status):after {
    transform: translateX(-16px);
}
label.switcher > input[type="checkbox"]:checked + span:not(.status):before {
    transform: translateX(-16px);
    background-position: 0 -699px;
}
label.switcher > input[type="checkbox"] ~ .status {
    margin-left: 10px;
}
label.switcher > input[type="checkbox"] ~ .status:before {
    content: attr(data-enabled);
}
label.switcher > input[type="checkbox"]:checked ~ .status:before {
    content: attr(data-disabled);
}
::-webkit-input-placeholder {
    color: #535353;
    font-weight: 300;
}
:-moz-placeholder {
    color: #535353;
    font-weight: 300;
}
::-moz-placeholder {
    color: #535353;
    font-weight: 300;
}
:-ms-input-placeholder {
    color: #535353;
    font-weight: 300;
}
*:focus {
    outline: none;
}
input[type="text"].error, input[type="password"].error, textarea.error {
    background: var(--form-error-background-color);
    color: var(--form-error-text-color);
    box-shadow: inset 0px -2px var(--form-error-shadow);
}
div.field.error label {
    color: var(--form-error-text-color);
}
select.error, select.error + .select2-container .select2-selection--single {
    background-color: var(--form-error-background-color);
    color: var(--form-error-text-color);
    box-shadow: inset 0px -2px var(--form-error-shadow);
}
.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;
    cursor: pointer;
}
.file-input input.file-name {
    width: 200px;
    position: relative;
}
.file-input span {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    margin-left: 3px;
    color: var(--success) !important;
    border-color: var(--success) !important;
    box-shadow: none !important;
}
.file-input span::before {
    content: "\f03e";
    font-family: "Font Awesome 5 Pro";
    margin-right: 10px;
}
.file-input + em {
    margin: 0 10px;
}
span.pills {
    white-space: nowrap;
    display: flex;
    vertical-align: top;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
span.pills > label > span {
    display: none !important;
}
span.pills > label {
    padding: 0 15px !important;
    height: 40px !important;
    line-height: 40px;
    border-right: 1px var(--form-field-line-color) solid;
    flex: 1;
    justify-content: center;
    transition: border-color var(--duration) var(--timing);
}
.home-page span.pills > label {
    height: 56px !important;
    line-height: 56px;
}
span.pills > label:last-child {
    border: 0;
}
span.pills input[type="radio"]:checked + label {
    background: var(--form-checked-background-color);
    color: var(--form-checked-text-color);
    text-decoration: none;
    cursor: default;
    transition: background var(--duration) var(--timing);
}
span.pills > label:not(.active) {
    cursor: pointer;
}
span.pills > label:not(.active):hover {
    text-decoration: none;
}
/* inputs end */
/*** COMMON STYLES END ***/
/*** PAGE HEADER ***/
div#logo > a {
    display: flex;
}
div#logo img {
    vertical-align: initial;
    filter: var(--logo-filter);
}
body.home-page header.page-header {
    transition: background var(--duration) var(--timing);
    /*background: var(--tab-background);*/
}
body.home-page header.page-header .header-nav {
    margin-top: -184px;
}
body.home-page header.page-header.no-slides .header-nav {
    margin-top: 0;
}
header.page-header > div.point1 {
    max-width: 100%;
}
header.page-header div.top-navigation {
    display: flex;
    min-height: 184px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
    transition: background var(--duration) var(--timing);
}
header.page-header.no-slides div.top-navigation {
    /*  background: var(--header-background-color);
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.36); */
}
header.page-header div.top-navigation > div > span.circle:first-of-type {
    margin-left: -12px;
}
header.page-header div.top-navigation .circle_opened > .content {
    background: var(--top-user-navigation-background);
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px var(--top-navigation-selector-box-shadow-color);
}
header.page-header div.top-navigation .circle_opened > .content a.active {
    font-weight: bold;
}
a.button:not(.enter) {
    background: var(--link-color-hover);
    border: 2px solid var(--top-navigation-background-color);
    border-radius: 5px;
    color: var(--top-navigation-background-color);
    font-size: 0.75em;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0.8px;
    align-items: center;
}
a.button:not(.enter):hover {
    background: transparent;
    border: 2px solid var(--link-color);
    color: var(--link-color);
}
a.button:not(.enter):active {
    border: 2px solid var(--top-navigation-button-border-color);
    box-shadow: inset 0 0 0 1px var(--content-background-color), inset 0 0 0 2px var(--top-navigation-button-border-color);
}
div#header-banner {
    width: 728px;
    height: 90px;
}
div#header-banner div.bmb10 {
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}
div#header-banner img {
    width: 100%;
}
div#header-banner div.banner {
    width: 100%;
}
div#header-banner tr.banner-here {
    border: 0;
}
div#header-banner tr.banner-here > td {
    box-shadow: inset 0 0 0 1px #aed0c4;
    color: #92bfaf;
    background: #d5f1e7;
}
div.banner-space {
    box-shadow: inset 0 0 60px var(--header-banner-color);
    color: var(--header-banner-color);
    font-size: 1.125em;
    min-height: 300px;
    min-width: 495px;
}
div.banner-space {
    min-height: 235px !important;
    min-width: 395px !important;
}
div.banner-in-grid + div.banner-in-grid {
    display: none;
}
div.banner-in-grid > div.banner-space {
    height: 245px;
    margin: 10px 0;
    max-width: 500px;
    border-radius: 5px;
}
#listings.list div.banner-space, #listings.list div.banner-in-grid > .content_block {
    /*margin-bottom: 8px;
    NEW */
    /*margin:0;*/
}
/* top navigation */
.circle {
    position: relative;
    user-select: none;
    /*margin-left: 6px;*/
    display: flex;
    height: 40px;
    z-index: 103;
}
.circle > .default {
    line-height: 40px;
    font-size: 0.875em;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    padding: 0 10px;
    align-items: center;
    color: var(--top-navigation-selector-color);
}
.circle > .default:after {
    content: "";
    width: 10px;
    height: 6px;
    margin-left: 10px;
    background: var(--dropdown-arrow-icon) 0 -4px no-repeat;
    background-size: 22px 14px;
}
.circle_opened > .default:after {
    transform: scaleY(-1);
}
.circle_opened .header-usernav-icon-fill {
    /* fill: white !important; */
}
.circle_opened > .default, .circle_opened > .default .button {
    /* color: white; */
}
.circle_opened > .content {
    display: flex;
    background: white;
    padding: 10px 15px;
    min-width: 100%;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 100%;
    margin-top: 4px;
    box-shadow: inset 0 0 0 1px #b4c9e1, 0 6px 12px -4px rgba(21, 126, 210, 0.4);
    border-radius: 5px;
}
.circle_content-padding > .content {
    padding: 15px;
}
.circle_opened {
    border-radius: 0;
}
.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 > .default > svg {
    width: 22px;
    height: 22px;
    fill: var(--top-navigation-icon-color);
}
.circle:not(.circle_opened) > .default:hover > svg, .circle:not(.circle_opened):hover > .default:after {
    filter: brightness(1.2) contrast(1.3);
    opacity: 1 !important;
}
.user-navbar .circle > .default > svg.cart-navbar-icon {
    width: 20px;
}
.user-navbar .circle.logged-in > .default > span {
    display: inline-block;
    margin-left: 10px;
    white-space: nowrap;
}
.user-navbar .circle.logged-in.circle_opened > .default > span {
    color: white;
}
.user-navbar .circle_opened > .content {
    left: auto;
    right: 0;
}
#user-navbar.notify:not(.circle_opened) > span.default:before {
    -webkit-animation: blinker 2s infinite ease-in-out;
    animation: blinker 2s infinite ease-in-out;
}
@-webkit-keyframes blinker {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.2;
    }
}
@keyframes blinker {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.2;
    }
}
.user-navbar-container {
    padding: 10px 0;
    min-width: 240px;
    font-size: 0.875em;
}
.user-navbar-container input[name="username"], .user-navbar-container input[name="password"] {
    background-color: var(--form-background-color);
}
.user-navbar-container input[name="username"] {
    padding-left: 15px;
}
.user-navbar-container input[name="username"]:focus {
    background-position: 10px -958px;
}
.user-navbar-container input[name="password"] {
    padding-left: 15px;
}
.user-navbar-container input[name="password"]:focus {
    background-position: 10px -1501px;
}
#user-navbar span.content.a-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    right: 13px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 8px solid var(--link-color-hover);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
#user-navbar span.content.a-menu {
    padding: 0;
    min-width: 300px;
    flex-direction: column;
    margin-top: 4px;
    border-top: 1px solid var(--link-color-hover);
}
#user-navbar span.content.a-menu .account-name {
    background: var(--link-color-hover);
    padding: 13px 20px;
    font-size: 1.2em;
    white-space: nowrap;
    margin: 0 1px;
    color: var(--top-navigation-menu-active-color);
    text-transform: uppercase;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5)
}
#user-navbar span.content.a-menu .account-menu-content {
    padding: 10px 20px 13px 20px;
}
#user-navbar ul > li {
    padding-right: 25px;
    position: relative;
}
#user-navbar ul > li > a {
    white-space: nowrap;
}
.account-menu-content {
    width: 100%;
}
.account-menu-content a:hover {
    margin-left: 5px;
}
ul.account-menu-content > li > a.logout {
    color: var(--black);
}
ul.account-menu-content > li > a.logout::before {
    content: "\f52b";
    font-family: "Font Awesome 5 Pro";
}
ul.account-menu-content > li > a.logout:hover {
    color: var(--body-font-color);
}
.account-menu-content span.counter {
    border-radius: 5px;
    color: var(--success) !important;
    padding: 0;
    display: inline-block;
    line-height: 32px;
    position: absolute;
    right: 11px;
    top: 4px;
    min-width: 32px;
    min-height: 32px;
    text-align: center;
    background: rgba(100, 100, 100, .1);
}
#user-navbar {
    order: 2;
}
#theme-switcher {
    order: 1;
    margin-top: -1px;
}
.menu a {
    color: var(--top-navigation-menu-color);
    font-size: 0.875em;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 1;
}
.menu a.active, .menu a:hover {
    color: var(--top-navigation-menu-active-color);
    position: relative;
}
.menu a.active:hover {
    opacity: 1;
}
.menu a.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--top-navigation-menu-active-color);
    position: absolute;
    top: 0;
    left: 0;
}
/* top navigation end */
/* home slider */
.header-tabs__tabs-exists {
    margin-top: -154px !important;
}
.no-slides .header-tabs {
    margin-top: 0 !important;
}
.carousel .carousel-item {
    height: 666px;
    background: var(--header-slider-background-color);
}
.carousel .carousel-picture {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--header-slider-background-picture-color);
    background-blend-mode: hard-light;
    opacity: var(--header-slider-opacity);
}
.carousel .carousel-indicators {
    bottom: 190px;
}
.carousel .carousel-indicators li {
    width: 48px;
    height: 2px;
    margin-right: 4px;
    margin-left: 4px;
}
.carousel .carousel-caption {
    top: 184px;
    bottom: 205px;
    display: flex;
    color: var(--body-font-color);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1070px;
    margin: 0 auto;
    left: 30px;
    right: 30px;
}
.carousel .carousel-slide-heading {
    font-size: 2.25em;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.carousel .carousel-slide-description {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 28px;
    margin: 28px auto 0 auto;
    max-width: 600px;
}
.carousel .carousel-control-prev-icon {
    background-image: url("../img/prev.svg");
}
.carousel .carousel-control-next-icon {
    background-image: url("../img/next.svg");
}
.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    width: 40px;
    height: 40px;
}
.carousel .carousel-control-prev, .carousel .carousel-control-next {
    opacity: 0.15;
    width: auto;
    padding: 0 32px;
}
.header-nav:not(.search-form-exists) .carousel-caption {
    bottom: auto;
}
.header-nav:not(.search-form-exists) .carousel .carousel-item {
    height: 500px;
}
/* home slider end*/
/* popup */
.popup > div > div > nav > * {
    margin-left: 0 !important;
}
.popup > div > div > nav > .cancel {
    float: right;
}
.popup > div {
    padding: 0 !important;
    background: none !important;
}
.popup > div > div {
    border-radius: 0 !important;
}
.popup > div > div div.caption {
    color: var(--body-font-color) !important;
}
.popover > div {
    color: var(--body-font-color);
}
.border-1 {
    border: 1px solid var(--border_box_color);
}
.border-2 {
    border: 2px solid var(--border_box_color);
}
.border-5 {
    border: 5px solid var(--border_box_color);
}
.border-r-5 {
    border-radius: 5px;
}
.border-negativ {
    border-color: var(--negativ) !important;
}
.border-warning {
    border-color: var(--warning) !important;
}
.font-1 {
    font-size: 1.0rem;
}
/* popup end */
/*** PAGE HEADER END ***/
/*** PAGE CONTENT ***/
body > div.main-wrapper {
    /*overflow: hidden;*/
    min-height: 100%;
    position: relative;
    margin: 0 auto;
    width: 100%;
}
div#wrapper {
    min-height: 100%;
    margin: 0 auto;
    /*overflow: hidden;*/
}
section#controller_area:empty {
    padding-bottom: 0 !important;
}
section#main_container {
    position: relative;
    /*overflow: hidden;*/
    /*box-shadow: inset 0 17px 20px -25px #000;*/
}
section#main_container > div.inside-container {
    margin: 0 auto;
    position: relative;
}
body.bc-exists section#main_container > div.inside-container {
    padding-top: 0 !important;
}
section#content {
    vertical-align: top;
}
.no-sidebar aside.top section.content_block, .no-sidebar aside.bottom section.content_block {
    margin-bottom: 25px;
}
.no-sidebar aside.middle {
    position: relative;
    background: var(--middle-no-sidebar-background-color);
    padding: 30px 0 10px 0;
}
.no-sidebar aside.middle:before {
    content: "";
    background: var(--middle-no-sidebar-background-color);
    width: 9000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -9000px;
    z-index: -1;
}
.no-sidebar aside.middle:after {
    content: "";
    background: var(--middle-no-sidebar-background-color);
    width: 9000px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -9000px;
    z-index: -1;
}
.no-sidebar aside.middle section.content_block:not(.no-style) > div {
    /*background-color: var(--middle-no-sidebar-background-color);*/
}
aside.middle section.content_block:last-child {
    margin-bottom: 0;
}
aside.bottom {
    margin-top: 30px;
}
.no-sidebar aside.bottom {
    position: relative;
    background-color: var(--bottom-no-sidebar-background-color);
    margin-top: 0;
    padding: 5px 0 0 0;
}
.no-sidebar aside.bottom:before {
    content: "";
    background-color: var(--bottom-no-sidebar-background-color);
    width: 9000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -9000px;
    z-index: -1;
}
.no-sidebar aside.bottom:after {
    content: "";
    background-color: var(--bottom-no-sidebar-background-color);
    width: 9000px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -9000px;
    z-index: -1;
}
aside.two-middle .sub-categories-exist div.categoty-column, body:not(.no-sidebar) aside.two-middle .sub-categories-exist div.categoty-column {
    column-count: 2;
}
/* bread crubmbs */
#bread_crumbs {
    font-size: 0.813em;
}
#bread_crumbs > ul {
    margin: 0 auto;
    padding: 15px 0 10px;
}
#bread_crumbs > ul li {
    margin-bottom: 10px;
}
#bread_crumbs > ul > * {
    display: inline-block;
}
#bread_crumbs > ul a {
    color: var(--link-color);
}
#bread_crumbs > ul > *:not(:last-child):after {
    content: attr(accesskey);
    padding: 0 8px;
    color: var(--link-color);
    font-size: 12px;
}
/* bread crubmbs end */
/* content/side blocks */
section.content_block {
    position: relative;
    /* NEW
    margin-bottom: 30px;*/
}
section.side_block {
    margin-bottom: 8px;
}
section.side_block:not(.no-style) {
    background: var(--box-background-color);
    padding: 20px;
    /*margin: 15px;*/
    transition: background var(--duration) var(--timing);
    border: 1px solid var(--border_box_color);
}
body.home-page section.content_block > h3 {
    font-size: 2em;
    font-weight: 300;
    vertical-align: top;
}
body.home-page.no-sidebar section.content_block > h3 {
    text-align: center;
}
body.home-page aside.two-middle section.content_block > h3 {
    text-align: left;
}
section.content_block > div, section.side_block > div {
    position: relative;
}
section.content_block > div h3, section.side_block > div h3 {
    font-size: 1.357em;
    margin-top: -5px;
    margin-bottom: 25px;
}
section.content_block:not(.no-header) > div, section.side_block:not(.no-header) > div {
    margin: 15px 0 0 0;
}
body.home-page section.content_block:not(.no-header) > div {
    margin: 28px 0 0 0;
    height: 100%;
}
section.content_block:not(.no-style) > div {
    padding: 30px;
    /*background: var(--content-background-color);*/
    transition: background var(--duration) var(--timing);
}
body.home-page section.content_block.categories-box-nav:not(.no-style) > div {
    background: none;
}
body.home-page section.content_block:not(.no-style) > div {
    padding: 0;
}
section.contact-seller-bottom {
    margin-top: 30px;
    padding-bottom: 0 !important;
}
section.contact-seller-bottom > div {
    background: #f5f5f5 !important;
}
/* content/sidebar block end */
/* sidebar search block */
.search-item .field {
    font-size: 0.813rem;
}
section.side_block_search div.search-item {
    padding-bottom: 15px;
}
section.side_block_search div.field {
    padding: 0 0 4px 0;
    min-height: 8px;
}
.search-button {
    position: relative;
    /* OLD
    padding: 15px 0 25px 15px;
    left: -15px;
    margin-bottom: -25px;
    */
}
.search-button > a {
    margin-left: 10px;
    white-space: nowrap;
    font-size: 0.875em;
}
/* Availability */
.availability-field-container {
    max-width: 550px;
}
ul.availability-chart > li > div {
    padding: 6px 0;
}
ul.availability-chart > li:not(:last-child) {
    border-bottom: 1px var(--top-navigation-menu-border-color) solid;
}
ul.availability-chart > li > div:first-child {
    width: 130px;
    float: left;
    color: var(--info-field-color);
    border-right: 1px var(--top-navigation-menu-border-color) solid;
}
ul.escort-rates-chart > li > div:first-child {
    width: 60%;
}
ul.availability-chart > li > div:last-child {
    overflow: hidden;
    padding-left: 10px;
}
/* Rates */
.esf-div-rates {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}
.esf-select-rates {
    width: 100%;
}
.esf-input-custom-rate {
    width: 160px !important;
}
.esf-input-price {
    width: 80px !important;
    margin: 0 10px;
}
.esf-select-currency {
    width: 80px;
}
/* Tours */
ul.availability-chart.escort-tours-chart > li > div:first-child {
    width: 100%;
    float: none;
    border: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
ul.availability-chart.escort-tours-chart > li > div > span {
    display: block;
    font-weight: 400;
}
.esf-tours-field-container div.field {
    max-width: 600px;
}
.esf-input-location {
    width: 100%;
}
.esf-input-from, .esf-input-to {
    margin-left: 15px;
}
/* single */
.search-item.single-field > select, .search-item.single-field > input[type="text"], .search-item.single-field .two-inline input[type="text"] {
    width: 100%;
}
/* two */
.search-item.two-fields > select, .search-item.two-fields > input[type="text"] {
    width: 48%;
    margin-right: 4%;
}
.search-item.two-fields > select:last-child, .search-item.two-fields > input[type="text"]:last-child {
    margin-right: 0;
}
.search-item.two-fields > .custom-input, .search-item.couple-field > .custom-input {
    width: 50%;
    display: inline-block;
}
/* three */
.search-item.three-field > select, .search-item.three-field > span {
    width: 24%;
    margin-right: 4%;
}
.search-item.three-field > input {
    width: 34%;
    margin-right: 4%;
}
.search-item.three-field > span, .search-form-cell.three-field > div > div > span {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    padding-top: 9px;
    vertical-align: top;
}
.three-field > select.multicat {
    width: 31%;
    margin-right: 3.5%;
}
.search-item.three-field > *:last-child {
    margin-right: 0;
}
/* checkbox */
.search-item.checkbox-field {
    margin-bottom: -10px;
}
.search-item.checkbox-field > .custom-input {
    display: inline-block;
    width: 50%;
}
.search-item.checkbox-field > .custom-input {
    padding: 0 0 10px 0;
}
.search-item.checkbox-field > .custom-input > label {
    padding-right: 5px;
}
.search-item.checkbox-field div.field, .search-item.couple-field div.field {
    padding-bottom: 8px;
}
.search-item span.divider {
    padding: 0 10px;
}
/* sidebar search block end */
/* search form elements */
.search-form-cell {
    display: inline-block;
    vertical-align: top;
}
.search-form-cell > div {
    margin: 10px 15px;
}
.search-form-cell > div > span {
    color: var(--header-search-form-title-color);
    font-size: 0.875em;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px;
    height: 24px;
    white-space: nowrap;
}
.search-form-cell.vertical-middle > div > div {
    padding-top: 8px;
}
.search-form-cell.numeric-field > div > span {
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.search-form-cell > div > div input[type="text"], .search-form-cell > div > div input[type="number"], .search-form-cell > div > div select, .search-form-cell > div > div span.pills {
    width: 100%;
}
.search-form-cell.three-field > div > div input[type="text"], .search-form-cell.three-field > div > div input[type="number"] {
    width: 30%;
    vertical-align: top;
}
.search-form-cell.three-field > div > div select {
    width: 34%;
    vertical-align: top;
}
.search-form-cell.three-field > div > div > *:not(:last-child) {
    margin-right: 3%;
}
.search-form-cell.two-fields > div > div select {
    width: 48.5%;
    margin-right: 3%;
}
.search-form-cell.two-fields > div > div select:last-of-type {
    margin-right: 0;
}
.search-form-cell .two-inline input.wauto {
    width: 100% !important;
}
.search-form-cell.submit > div input[type="submit"] {
    width: 100%;
    font-size: 1.0rem !important;
}
input[type="submit"]::before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    content: "\f002" !important;
    font-family: "Font Awesome 5 Pro" !important;
}
.home-page .search-form-cell.submit > div input[type="submit"], .home-page .search-form-cell.submit > div input[type="button"] {
    font-size: 0.875em;
    height: 40px;
    border-radius: 5px;
}
/* search form elements end */
/*** PAGE CONTENT END ***/
/*** PAGE FOOTER ***/
.page-footer {
    background: var(--footer-background-color);
    color: var(--footer-text-color);
}
.page-footer > div {
    padding: 56px 0 60px 0;
    min-height: 162px;
    margin: 0 auto;
    position: relative;
}
.page-footer .footer-menu ul li a {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1em;
    padding: 4px 0;
    display: inline-block;
    color: var(--footer-menu-link-color);
}
.page-footer .footer-menu ul li a:hover {
    color: var(--footer-menu-link-hover-color);
}
.page-footer .footer-menu ul li a.active {
    color: var(--footer-menu-link-active-color);
    font-weight: bold;
}
.page-footer .footer-menu-title {
    margin-bottom: 18px;
    text-transform: uppercase;
    color: var(--footer-menu-title-color);
    font-size: 0.875em;
    font-weight: 700;
    letter-spacing: 1px;
}
.newsletter .subscribe {
    display: flex;
}
.newsletter .subscribe div:first-of-type {
    display: none !important;
}
.newsletter .subscribe div:last-of-type {
    flex: 1;
}
.newsletter input[type="text"] {
    width: 100%;
    max-width: 100%;
}
.newsletter #newsletter_email {
    border: 0;
}
.newsletter__text {
    margin-bottom: 20px;
    font-size: 0.813em;
}
.footer-data {
    font-size: 0.875em;
}
.footer-data a {
    color: var(--footer-text-color) !important;
    text-decoration: underline;
}
.footer-data a:hover {
    text-decoration: none;
}
.footer-data .icons a {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    vertical-align: top;
    opacity: 1;
}
.footer-data .icons a.rss {
    width: 33px;
}
.footer-data .icons a:hover {
    opacity: 0.8;
}
.footer-data .icons a:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}
.footer-data .icons a.facebook:before {
    background: var(--footer-icon) no-repeat;
}
.footer-data .icons a.twitter:before {
    background: var(--footer-icon) no-repeat;
    background-position: -56px 0;
}
.footer-data .icons a.rss:before {
    width: 33px;
    background: var(--footer-icon-rss) no-repeat;
}
/*** PAGE FOOTER END ***/
/*** PAGINATION ***/
ul.pagination {
    margin: 30px 0;
    height: 38px;
    text-align: center;
}
ul.pagination .bgnone{
    background: 0;
    border:0;
    padding: 0;
    margin: 0 !important;
    min-width: 5px !important;
    font-size: 1.0rem;
}
ul.pagination .numbers{
    padding: 5px 15px; 
    border:1px solid var(--border_box_color);
    border-radius: 3px;
}
ul.pagination .maxsites{
    padding:  0 10px 0 0;
    font-size: 1.0rem;
}
ul.pagination > li {
    display: inline-block;
    height: 38px;
    vertical-align: top;
    font-size: 0.929em;
}
ul.pagination > li.transit {
    padding: 0 20px;
    color: var(--info-field-color);
}
ul.pagination > li.transit input {
    min-width: 44px;
    width: auto;
    margin: 0 5px;
    text-align: center;
}
ul.pagination > li.navigator a {
    padding:5px;
    font-size: 28px;
    line-height: 33px;
    background: transparent;
    color: var(--black);
    font-weight: 300;
    align-items: baseline;
    border-radius: 50%;
    border: 0;
    height: 48px;
    width: 48px;
    box-shadow: 0 2px 10px var(--box-shadow-color);
}
ul.pagination > li.navigator a:hover {
    background: transparent;
    border:0;
    box-shadow: 0 5px 10px var(--box-shadow-color); 
}
ul.pagination > li.navigator a:active {
    /*border: 0px solid var(--side-block-button-border-color);
    box-shadow: inset 0 0 0 1px var(--body-background-color), inset 0 0 0 2px var(--side-block-button-border-color);*/
}
/*** 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;
}
.qtip-tip {
    bottom: 3px !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;
}
.notice_warning {
    border-radius: 5px;
    display: block;
    color: #D39530;
    border: 1px solid #D39530;
    padding: 10px;
    font-size: 0.8em;
}
/* enlarge media */
span.media-enlarge {
    width: 46px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
}
span.media-enlarge:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("../img/gallery.png") 0 -389px no-repeat;
    position: absolute;
    left: 14px;
    top: 14px;
    opacity: 0.7;
}
span.media-enlarge:hover:after {
    opacity: 1;
}
/* enlarge media end */
/* keyword search in box */
.submit-cell .kws-block {
    padding-bottom: 10px;
}
.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: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
div.close-black:before, 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: #000;
    opacity: 1;
}
div.close-black:before {
    transform: rotate(45deg);
}
div.close-black:after {
    transform: rotate(-45deg);
}
div.close-black:hover:before {
    opacity: 0.7;
}
.close-red {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background: url("../img/gallery.png") -3px -11px no-repeat;
    opacity: 0.5;
}
.close-red:hover {
    opacity: 0.8;
}
img.remove {
    cursor: pointer;
    width: 10px;
    height: 12px;
    margin: 0 0 0 8px;
    background: url("../img/gallery.png") 0 -1460px no-repeat;
    opacity: 0.7;
}
img.remove:hover {
    opacity: 1;
}
/* close bars end */
#save_search {
    margin: 20px 0 0;
    display: inline-block;
}
.h1-nav nav > a:not(.button) {
    display: inline-block;
    height: 38px;
    margin-left: 5px;
    opacity: 0.7;
}
.h1-nav nav > a:not(.button):not(.post_ad) {
    margin-top: 13px;
}
.h1-nav nav > a:hover {
    opacity: 1;
}
.h1-nav nav > a.post_ad {
    width: 38px;
    background: var(--link-color);
    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 {
    filter: brightness(1.3);
}
/* 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 */
.geo-autocomplete {
    background: var(--body-background-color) !important;
    border-color: var(--plans-border-color) !important;
}
/* search on map */
body.search-on-map-page #map_listings, body.search-on-map-page #search_area {
    background: var(--top-navigation-background-color);
}
body.search-on-map-page .point1 {
    margin-top: 0;
}
body.search-on-map-page header.page-header.fixed-menu {
    height: auto !important;
}
body.search-on-map-page header.page-header.fixed-menu div#logo {
    margin-left: 13px !important;
    padding: 0 !important;
    height: auto !important;
}
body.search-on-map-page header.page-header.fixed-menu a.button.add-property {
    margin-right: 15px;
}
body.search-on-map-page header.page-header div.top-navigation {
    height: auto !important;
    min-height: 60px;
    float: none !important;
    margin-right: 0 !important;
}
body.search-on-map-page section#main_container {
    top: 60px !important;
}
body.search-on-map-page .header-contacts {
    display: none !important;
}
body.search-on-map-page .header-nav {
    min-height: 62px !important;
}
body.search-on-map-page .search-map-container #map_listings > div section {
    background: var(--body-background-color);
}
body.search-on-map-page .search-map-container #listings_cont section#listings ul.ad-info {
    background: transparent;
    width: auto;
}
.map-listing__info {
    background: var(--content-background-color);
}
body.search-on-map-page .favorite > .icon {
    background-image: url('../img/heart.svg');
    width: 14px;
    height: 12px;
    display: block;
    opacity: .5;
}
body.search-on-map-page .favorite.remove > .icon {
    opacity: 1;
}
body.search-on-map-page .footer-data a {
    margin-left: 5px;
}
.search-map-container #listings_cont > header {
    border-bottom: 1px var(--plans-border-color) solid !important;
}
/*Google Map Buttons [+/-]*/
.leaflet-top, .leaflet-bottom {
    /* GoogleMap [+/- nav], important unter der MOBILE NAV not change*/
    z-index: 19 !important;
}
.leaflet-bar > a {
    background: rgba(64, 64, 64, 0.8) !important;
}
.leaflet-bar > a:not(.leaflet-disabled):hover {
    background: #000 !important;
}
/*\ END Map Buttons*/
@media screen and (min-width: 768px) {
    body.search-on-map-page .header-nav {
        box-shadow: none !important;
    }
    body.search-on-map-page .header-nav div.row > div:not(:first-child) {
        display: none !important;
    }
    body.search-on-map-page .main-menu span.menu-button {
        height: 62px;
    }
    body.search-on-map-page .main-menu {
        display: none !important;
    }
    #map_listings footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
        background: var(--footer-background-color) !important;
    }
    #map_listings .footer-data {
        margin-top: 0 !important;
        color: var(--footer-text-color);
    }
    #map_listings .search-block-content form div.search-form-cell {
        width: 50%;
    }
    form[name="map-search-form"] {
        margin: 0 -15px;
    }
    .search-map-container #search_area ul.tabs {
        margin-top: 15px !important;
    }
    body.search-on-map-page header.page-header.fixed-menu div.top-navigation {
        z-index: 100 !important;
    }
}
@media screen and (max-width: 767px) {
    .search-map-container.search #map_listings {
        background: transparent;
    }
    body.search-on-map-page .search-map-container #search_area, .search-map-container #listings_cont > header {
        background: var(--top-navigation-background-color) !important;
    }
    body.search-on-map-page header.page-header.fixed-menu {
        height: 44px !important;
        z-index: 500 !important;
    }
    body.search-on-map-page .search-map-container #search_area {
        background: var(--content-background-color);
    }
    body.search-on-map-page .header-nav div.row > div:nth-child(2) {
        display: none !important;
    }
    body.search-on-map-page .header-nav {
        box-shadow: inset 0 -1px 0 #e6e6e6;
        padding-bottom: 8px !important;
    }
    body.search-on-map-page .search-form-cell > div {
        margin-left: 0;
        margin-right: 0;
    }
    body.search-on-map-page .search-map-container div.mobile-navigation {
        z-index: 300;
    }
    body.search-on-map-page .search-map-container #map_listings {
        max-width: none;
        z-index: 298;
    }
    body.search-on-map-page .search-map-container div.mobile-navigation {
        background-color: var(--content-background-color) !important;
    }
    body.search-on-map-page .search-map-container div.mobile-navigation > div.map:after {
        background-position: 0 -65px;
        margin-top: 11px;
        width: 20px;
        height: 22px;
    }
    body.search-on-map-page .search-map-container div.mobile-navigation > div.map.active:after {
        background-position: right -65px !important;
        margin-top: 11px;
        width: 20px;
        height: 22px;
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
        body.search-on-map-page .search-map-container div.mobile-navigation > div.map:after {
            background-position: 0 -449px;
            margin-top: 13px;
            width: 14px;
            height: 18px;
        }
        body.search-on-map-page .search-map-container div.mobile-navigation > div.map.active:after {
            background-position: -14px -449px !important;
            margin-top: 13px;
            width: 14px;
            height: 18px;
        }
    }
}
/* search on map end */
/*** MISCELLANEOUS END ***/
/*** TABS ***/
ul.tabs {
    position: relative;
    height: 48px;
    margin-bottom: 20px;
    white-space: nowrap;
    border-bottom: 1px var(--plans-border-color) solid;
}
.my-profile-page #controller_area ul.tabs, .my-profile-page #sf_field_name ul.tabs {
    top:20px;
}
#controller_area ul.tabs, #sf_field_name ul.tabs {
    height: 35px;
    margin-bottom: -3px;
    border-bottom: 2px solid var(--link-color);
}
.side_block ul.tabs, section.content_block > div > ul.tabs {
    border-bottom: 1px var(--tabs-side-block-border-color) solid;
}
ul.tabs > li {
    display: inline-block;
    -moz-user-select: none;
    -webkit-user-select: none;
    height: 48px;
    white-space: nowrap;
}
#controller_area ul.tabs > li, #sf_field_name ul.tabs > li {
    height: 30px;
}
/*#controller_area .content-padding div{
    border-radius: 5px;
}*/
#controller_area .content-padding > .tab_area form.kws-block{
    border-radius: 5px;
    min-height: 200px;
}
/* ul.tabs:not(.tabs-hash) > li, */
ul.tabs > li > a {
    display: flex;
    align-items: center;
    padding: 0 15px 0;
    height: 48px;
    font-size: 0.9rem;
    cursor: pointer;
    position: relative;
    color: var(--link-color);
    vertical-align: top;
    text-transform: uppercase;
}
#controller_area ul.tabs > li > a, #sf_field_name ul.tabs > li > a {
    height: 35px;
    padding: 0 20px 0;
}
ul.tabs:not(.tabs-hash) > li:hover, ul.tabs > li a:hover {
    color: var(--body-font-color);
}
/*
ul.tabs:not(.tabs-hash) > li.active, ul.tabs > li.active > a::after{
    content: '';
    position: absolute;
    bottom: -0px;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -10px;
    vertical-align: middle;
    border-bottom: 8px solid #f2f2f2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;    
}
*/
ul.tabs:not(.tabs-hash) > li.active, ul.tabs > li.active > a {
    background: var(--tabs-active-background-color);
    cursor: default;
    pointer-events: none;
    color: white !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    border-radius: 3px 5px 0 0;
    border-right: 3px solid var(--negativ);
}
ul.tabs > li.more {
    padding: 0;
    margin: 0 !important;
    width: 40px;
    height: 48px;
    text-align: center;
    position: absolute;
    right: 0;
    z-index: 15;
}
ul.tabs > li.more.opened {
    background: var(--content-background-color);
    box-shadow: inset 0 1px 0 0px var(--top-navigation-selector-box-shadow-color), inset 1px 0 0 0px var(--top-navigation-selector-box-shadow-color), inset -1px 0 0 0px var(--top-navigation-selector-box-shadow-color);
    z-index: 42;
}
ul.tabs > li.more > span {
    width: 4px;
    height: 4px;
    background: var(--link-color);
    display: inline-block;
    margin: 20px 2px 0 0;
    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: var(--content-background-color);
    padding: 3px 0 5px;
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px #656565;
}
ul.tabs > li.overflowed > ul > li {
    padding: 0 18px;
    white-space: nowrap;
    line-height: 40px;
}
ul.tabs > li.overflowed > ul > li.active a {
    color: var(--link-hover);
}
ul.tabs.search_tabs > li {
    margin: 0 10px;
}
ul.plans > li > div.frame > span.price {
    color: var(--darker) !important;
}
ul.plans > li > div.frame > span.name, ul.plans > li > div.frame > span.count {
    color: var(--body-font-color) !important;
}
.side_block ul.tabs.search_tabs > li {
    margin: 0;
}
.my-profile-page ul.tabs, .search-page ul.tabs {
    margin-bottom: 0;
}
.tab_area .text-notice {
    padding-top: 10px;
}
.home-page .header-tabs {
    margin: -120px auto 0;
    z-index: 10;
}
.home-page .header-tabs__tabs-exists {
    margin-top: -154px;
}
.no-slides .header-tabs {
    margin-top: 0 !important;
}
.home-page .header-tabs .tabs {
    display: flex;
    justify-content: center;
    height: auto;
    border: none;
    margin-bottom: 0;
}
.home-page .header-tabs .tabs li {
    height: auto;
    margin: 0 0.5px;
    background: var(--header-tabs-no-slides-background-color);
}
.home-page .header-tabs .tabs li:first-child {
    margin-left: 0;
    border-radius: 8px 0 0 0;
    overflow: hidden;
}
.home-page .header-tabs .tabs li:last-child {
    margin-right: 0;
    border-radius: 0 8px 0 0;
    overflow: hidden;
}
.home-page .header-tabs .tabs li a {
    width: 100%;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--table-list-border-color);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    padding: 0 15px;
    letter-spacing: 1px;
    transition: all var(--duration) var(--timing);
}
.home-page .header-tabs .tabs li a .tab-icon {
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin-right: 16px;
}
.home-page .header-tabs .tabs li a .tab-icon svg > * {
    stroke-width: 1.2px;
    stroke: white;
}
.home-page .header-tabs .tabs li:hover a .tab-icon svg > *, .home-page .header-tabs .tabs li.active a .tab-icon svg > * {
    stroke: var(--body-font-color) !important;
}
.home-page .header-tabs .tabs li.active a .tab-icon {
    filter: var(--header-tabs-icon-active-filter);
}
.home-page .header-tabs .tabs li.more {
    position: relative;
    min-width: 40px;
    max-width: 40px;
    background: var(--content-background-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-page .header-tabs .tabs > li.more.opened {
    box-shadow: none;
}
.home-page .header-tabs .tabs > li.more > span {
    background: var(--body-font-color);
}
.home-page .header-tabs .tabs li.more span {
    margin: 0 2px 0 0;
}
.home-page .header-tabs .tabs li.overflowed {
    margin-top: 40px;
}
.home-page .header-tabs .tabs li.overflowed ul {
    padding: 0;
    border: none;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.36);
}
.home-page .header-tabs .tabs li.overflowed li {
    padding: 0;
    margin-bottom: 2px;
    background: #263443;
}
.home-page .header-tabs .tabs li.overflowed li a {
    justify-content: flex-start;
    padding-left: 20px;
}
.home-page .header-tabs .tabs li.active a, .home-page .header-tabs .tabs li:hover a, .home-page .header-tabs .tabs li.overflowed li.active a {
    background-color: var(--header-tabs-background-color) !important;
    font-weight: 700;
}
.home-page .header-tabs .horizontal-search {
    background: var(--content-background-color);
    box-shadow: 0px 20px 40px var(--listing-card-shadow-color);
    transition: background var(--duration) var(--timing);
}
/*** 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 var(--content-box-table-cell-border-color) solid;
    display: inline-block;
    text-align: center;
    margin: -1px 0 0 -1px;
    line-height: 38px;
}
div.alphabetic-saerch > div > a.wide {
    width: 81px;
}
div.alphabetic-saerch > div > a:hover, div.alphabetic-saerch > div > a.active {
    background: var(--content-box-table-cell-border-color);
    color: var(--content-box-table-cell-active-text-color);
}
/*** ALPHABETIC SEARCH END ***/
/*** SUBMIT FORM ELEMENTS ***/
#area_tell_friend div.submit-cell {
    padding-bottom: 5px;
    display: grid;
}
#area_tell_friend input[type="text"] {
    width: 100% !important;
}
div.submit-cell {
    padding-bottom: 5px;
}
div.submit-cell:after {
    clear: both;
    content: "";
    display: table;
}
div.submit-cell.selected-category, .category-selection {
    padding: 20px;
    border-radius: 5px;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing);
}
div.submit-cell.selected-category ~ div.submit-cell {
    padding: 0 30px 30px 30px;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing);
}
div.category-selection li {
    /*border:1px solid var(--link-color);
    padding: 8px 25px 8px 15px;*/
    border-radius: 5px;
}
form > div.submit-cell:last-of-type {
    padding-bottom: 0;
}
div.submit-cell > div.name {
    float: left;
    width: 170px;
   /* padding: 8px 10px 8px 0;*/
    font-size: 0.875em;
}
div.submit-cell > div.field {
    min-height: 42px;
    overflow: hidden;
}
div.submit-cell.buttons > div.field {
    overflow: inherit;
}
div.submit-cell > div.field #security_img {
    margin-right: 5px;
}
div.submit-cell > div.field #security_img + #security_code {
    margin-right: 5px !important;
    height: 40px;
}
div.submit-cell > div.field.checkbox-field, div.submit-cell > div.field.inline-fields {
    padding-top: 10px;
    min-height: 28px;
}
div.submit-cell.custom-padding {
    padding: 5px 0 10px 0;
}
div.submit-cell.custom-padding > div {
    min-height: 25px;
}
div.submit-cell ul.tabs {
    border: none;
    margin-bottom: 0;
}
div.submit-cell.buttons {
    padding: 10px 0 0 0;
}
div.submit-cell .upload-files nav {
    filter: var(--icon-filter);
}
#modal_block div.submit-cell div.name {
    width: 120px;
}
#modal_block div.submit-cell div.field input[type="text"], #modal_block div.submit-cell div.field input[type="password"] {
    width: 100%;
}
/* single */
.field.single-field > select {
    width: 250px;
}
.field.single-field > input[type="text"] {
    width: 250px;
    min-width: 80px;
}
.field.single-field > textarea {
    /* abgeschaltet für 100% breite 
    max-width: 600px;*/
    display: block;
}
/* inline */
.field.inline-fields > span.custom-input {
    display: inline-block;
    padding: 0 30px 0 0;
}
/* two */
.field.two-fields > select, .field.two-fields > input[type="text"] {
    margin-right: 10px;
    min-width: 80px !important;
}
.field.two-fields > select:last-child, .field.two-fields > input[type="text"]:nth-child(2n) {
    margin-right: 0;
}
.field.two-fields > .custom-input, .field.couple-field > .custom-input {
    display: inline-block;
    padding-top: 10px;
}
/* combo */
.field.combo-field > input {
    width: 150px;
    margin-right: 20px;
}
.field.combo-field > select {
    width: 80px;
}
/* three */
.field.three-field > select {
    width: 90px;
}
.field.three-field > input {
    margin-right: 10px;
}
.field.three-field > *:last-child {
    margin-right: 0;
}
/* checkbox */
.field.checkbox-field .custom-input {
    padding-bottom: 10px;
}
span.phone-field > select {
    width: 80px;
}
.field.two-fields input.date {
    width: 140px !important;
}
.field span.divider, .search-form-cell span.divider {
    padding: 0 10px;
}
.form-buttons {
    display: block;
}
.form-buttons:not(.no-top-padding) {
    padding-top: 20px !important;
}
.form-buttons.no-top-padding > #btn-checkout {
    margin-top: 20px !important;
}
.form-buttons:not(.no-top-padding) .name {
    /*float: none;
    padding: 0; disabled*/
    /*New*/
    float: left;
    padding: 10px 0;
}
.form-buttons a:not(.button) {
    padding: 0 30px 0 0;
}
.wauto {
    width: auto !important;
    max-width: 100%;
}
.w120 {
    width: 120px !important;
}
.w210 {
    width: 210px !important;
}
/* qtip */
img.qtip {
    width: 18px !important;
    height: 18px !important;
    background: url("../img/gallery.png") 0 -467px no-repeat rgba(181, 5, 52, 0.7);
    margin: -3px 0 0 10px;
    border-radius: 2px;
}
img.qtip:hover {
    background-color: rgba(181, 5, 52, 1);
}
div.qtip_cont {
    display: none;
}
div.qtip-defaults {
    max-width: 300px;
}
/* qtip end */
/* multilingual tabs */
div.ml_tabs_content {
    padding-bottom: 10px;
}
div.ml_tabs_content input[type="text"] {
    width: 100%;
    max-width: 600px;
}
/* multilingual tabs end */
/*** SUBMIT FORM ELEMENTS END ***/
/*** MESSAGES ***/
img.account-picture {
    width: 200px;
    height: 100px;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/no-account.png");
    object-fit: contain;
}
table.contacts-list {
    table-layout: auto !important;
}
table.contacts-list td.info {
    vertical-align: top;
}
table.contacts-list td.info .name {
    color: var(--body-font-color);
}
table.contacts-list td.info .name > span:not(.new) {
    font-size: 0.929em;
    color: var(--body-font-color);
}
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 {
    margin-bottom: 20px;
}
div#messages_cont .mCSB_container {
    margin-right: 10px;
}
ul#messages_area {
    margin-left: 13px;
}
ul#messages_area > li {
    border: 2px var(--table-list-border-color) solid;
    padding: 15px 24px 15px 20px;
    margin: 0 40px 20px 0;
    position: relative;
}
ul#messages_area > li > div {
    padding: 0 0 10px 0;
}
ul#messages_area > li:last-child {
    margin-bottom: 0;
}
ul#messages_area > li.me {
    border-color: var(--table-list-me-border-color);
    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 var(--table-list-border-color) transparent;
}
ul#messages_area > li:after {
    left: -10px;
    bottom: 0;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent var(--table-list-border-color) transparent;
}
ul#messages_area > li.me:after {
    display: none;
}
ul#messages_area > li.me:before {
    left: auto;
    right: -15px;
    border-width: 0 14px 14px 0;
    border-color: transparent transparent var(--table-list-me-border-color) transparent;
}
ul#messages_area > li > span {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: url("../img/gallery.png") right -469px no-repeat;
    cursor: pointer;
    display: none;
    opacity: 0.5;
    filter: var(--icon-filter);
}
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 {
    margin-right: -10px;
    margin-left: 0px;
}
ul.featured > li {
    margin-bottom: 20px;
    padding-left: 3px;
    padding-right: 3px;
    transition: box-shadow 0.3s linear;
}
ul.featured > li:hover:before {
    content: '';
    position: absolute;
    left: 11px;
    right: 11px;
    height: 100%;
    box-shadow: var(--box-hover-shadow);
}
ul.featured.accounts > li {
    display: flex;
    flex-wrap: wrap;
}
section.side_block ul.featured > li:hover {
    box-shadow: none;
}
ul.featured:not(.row) {
    margin-left: -11px;
    margin-right: -11px;
}
section ul.featured:last-child {
    margin-bottom: -18px;
}
article .inner {
    height: 100%;
}
.featured li > .inner:hover, article .inner:hover {
    box-shadow: 0 6px 20px -4px rgba(0, 146, 227, 0.4);
}
ul.featured > li > .picture {
    position: relative;
    width: 100%;
    padding-bottom: 130%;
    border-bottom: 0;
}
ul.featured.accounts > li > .picture {
    padding-bottom: 71%;
}
ul.featured > li img {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    background: url("../img/no-picture.svg") top center no-repeat var(--listing-thumbnail-background-color);
}
ul.featured > li > ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 0 3px 3px;
    width: calc(100% - 6px);
    padding: 10px;
    background: var(--featured-background-color);
    border-top: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: 8px;
}
/*todo remove*/
/*.no-sidebar aside.bottom ul.featured:not(.lb-box-grid) > li > ul,
.no-sidebar aside.middle ul.featured:not(.lb-box-grid) > li > ul {
    background: var(--featured-no-sidebar-background-color);
}*/
ul.featured.accounts > li > ul {
    padding: 20px;
    width: 100%;
    background: var(--featured-accounts-background-color);
}
.icon-nobg {
    background: transparent !important;
}
.listing-icons > * > .icon {
    width: 16px;
    height: 16px;
}
.listing-icons > * {
    background: var(--white);
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    line-height: 0;
    opacity: 0.6;
    transition: all ease-in-out .3s;
}
.featured .listing-icons > * {
    background: var(--black);
    opacity: 0.6;
    transition: all ease-in-out .3s;
} 
.listing-icons > *:hover {
    filter: brightness(1.5);
    opacity: 1;
}
.listing-icons > *.active, .listing-icons > *.remove {
    background: var(--listing-card-active-icon-color);
    /*PULSE*/
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse-red 2s infinite;
}
@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}
.listing-icons > *.active .icon, .listing-icons > *.remove .icon {
    fill: var(--listing-card-icon-color-active) !important;
}
.listing-icons > *.active.compare-grid-icon .icon {
    background: var(--listing-card-icon-color);
    fill: var(--listing-card-active-icon-color) !important;
}
ul.featured .icons {
    display: flex;
    align-self: center;
    align-items: center;
    order: 3;
}
ul.featured .icons .icon {
    display: block;
}
ul.featured.list > li {
    position: relative;
}
ul.featured.list > li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #707070;
    border-radius: 4px;
    top: 8px;
}
ul.featured.list > li {
    display: block !important;
}
ul.featured.list > li > ul > li {
    padding: 0 0 5px 15px;
    position: relative;
    white-space: normal;
}
article.item:not(.no-image) ul.ad-info > li.title, article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields, ul.featured.with-pictures ul.ad-info > li.title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.9em;
    min-width: 150px;
}
ul.featured ul.ad-info > li.title, section#listings.grid ul.ad-info > li.title {
    order: 1;
    line-height: 22px;
    margin-bottom: 0 !important;
}
ul.featured ul.ad-info > li.fields, section#listings.grid ul.ad-info > li.fields {
    order: 1;
    color: rgba(255, 255, 255, 0.7);
    flex: 0 0 100%;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-width: 156px;
}
ul.featured ul.ad-info > li.price_tag {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 28px;
    height: 28px;
}
ul.featured.with-pictures ul.ad-info > li.title a, section#listings.grid ul.ad-info > li.title a {
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
}
ul.featured.with-pictures.accounts ul.ad-info > li.title a {
    text-align: center;
}
/*todo*/
/*article.item:not(.no-image) ul.ad-info:not(.with-names) > li.fields {
    -webkit-line-clamp: 1;
    height: 20px;
}*/
article.item:not(.no-image) ul.ad-info > li.fields:empty {
    display: none;
}
ul.ad-info > li.fields > span:not(:last-of-type) {
    margin-right: 5px;
}
ul.ad-info > li.fields > span:not(:last-of-type):after {
    content: ",";
}
ul.ad-info > li.fields {
    color: #8E817A;
    font-size: 0.75em;
}
ul.ad-info > li.price_tag > div > span, ul.ad-info .price-tag > span, ul.ad-info > li.system .type {
    font-weight: 700;
    font-size: 1.5em;
}
ul.ad-info > li.price_tag {
    flex-wrap: wrap-reverse;
    margin-top: auto;
}
ul.ad-info > li.price_tag > *:last-child {
    min-width: unset;
    overflow: visible;
    white-space: nowrap;
}
ul.ad-info .converted-price {
    font-size: 1.375em !important;
}
/*** FEATURED LISTINGS BOX END ***/
/*** FEATURED ACCOUNTS BOX ***/
.featured.accounts > li:not(.no-picture) img {
    object-fit: contain;
    background: var(--featured-accounts-background-color);
    padding: 20px 20px 0 20px;
}
/*** FEATURED ACCOUNTS BOX END ***/
/*** GRID NAVIGATION BAR ***/
.grid_navbar {
    height: 40px;
    margin: 20px 0;
    font-size: 0.875em;
}
.grid_navbar .switcher {
    float: right;
    line-height: normal;
    height: 40px;
    background: var(--content-background-color);
    border-radius: 5px;
}
.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;
    right: 7px;
    line-height: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.grid_navbar .buttons > div > div > span {
    display: inline-block;
    border: 2px var(--btn-background-color) solid;
    border-radius: 2px;
    vertical-align: top;
}
.tabs + .tab_area .grid_navbar {
    margin-top: -8px;
}
#controller_area .content-padding > .tab_area form.kws-block {
    margin-bottom: 20px;
}
/* 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: var(--body-font-color);
}
.grid_navbar .buttons div:not(.active):hover div > span {
    border-color: var(--body-font-color);
}
/* map view */
.grid_navbar div.map > div > span {
    width: 28px;
    height: 28px;
    margin-top: -3px;
    margin-left: -4px;
    border: 0;
    background: var(--map-icon) no-repeat;
}
.grid_navbar div.map:hover span, .grid_navbar div.map.active span {
    filter: var(--icon-filter-img-background);
}
/* sorting */
.grid_navbar .sorting {
    display: inline-block;
    position: absolute;
    line-height: 40px;
}
.grid_navbar .sorting > div.current.disabled {
    cursor: default;
}
.grid_navbar .sorting > div.current.disabled span.link {
    color: inherit;
}
.grid_navbar .current {
    height: 40px;
    padding: 0 20px 0 0;
    cursor: pointer;
    color: var(--body-font-color);
    -moz-user-select: none;
    -webkit-user-select: none;
}
.grid_navbar .current.active {
    z-index: 11;
    position: relative;
    border-bottom: 0;
}
.grid_navbar .current .link {
    color: var(--body-font-color);
    font-size: 0.875em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.grid_navbar .sorting span.arrow {
    width: 10px;
    height: 6px;
    display: inline-block;
    margin: 0 0 2px 2px;
    background: var(--dropdown-arrow-icon) 0 -4px no-repeat;
    background-size: 22px 14px;
}
.grid_navbar .sorting .active span.arrow {
    transform: scaleY(-1);
}
.grid_navbar ul.fields {
    z-index: 10;
    border-radius: 5px;
    background: var(--content-background-color);
    position: absolute;
    top: 38px;
    left: 0;
    display: none;
    padding: 3px 0 5px;
    min-width: 100%;
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px #656565;
}
.grid_navbar ul.fields > li {
    padding: 0 18px;
    white-space: nowrap;
}
.grid_navbar ul.fields > li a.active {
    color: var(--body-font-color);
}
/*** 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 2px;
}
.listing-picture-slider__navbar > span:after {
    content: "";
    display: block;
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.9);
    height: calc(100% - -4px);
    position: relative;
    opacity: 0;
    transition: all 0.5s ease;
}
.listing-picture-slider__navbar > span:hover:after {
    box-shadow: inset 0 -5px 0 var(--link-color);
}
section#listings.list .listing-picture-slider__navbar > span:after {
    height: 100%;
}
.listing-picture-slider__navbar > span img, .listing-picture-slider__navbar > span span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
}
.listing-picture-slider_loaded .listing-picture-slider__navbar:hover > span:after {
    opacity: 1;
}
.listing-picture-slider_loaded .listing-picture-slider__navbar > span:hover img, .listing-picture-slider_loaded .listing-picture-slider__navbar > span:hover span {
    display: flex !important;
}
.listing-picture-slider__navbar > span > span {
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: -1;
    color: white;
}
.listing-picture-slider__navbar > span svg {
    width: 50px;
    fill: white;
    margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
    .listing-picture-slider__navbar > span:not(:first-child), .listing-picture-slider__navbar > span:after {
        display: none !important;
    }
}
/* grid view */
#listings .banner-item {
    width: 47%;
}
.statuses .active {
    font-size: 1.3em !important;
}
section#listings > article {
    position: relative;
    /*NEW*/
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    margin: 10px;
    box-shadow: var(--box-shadow);
    transition: all 0.4s;
    background: var(--box-background-color);
    border: 1px solid var(--border_box_color);
}
section#listings > article:hover {
    box-shadow: var(--box-hover-shadow);
}
section#listings .main-column {
    transition: background var(--duration) var(--timing), box-shadow 0.1s linear;
}
section#listings.list .item.featured .main-column {
    box-shadow: 0;
}
section#listings.list .item.featured:hover .main-column {
    border-shadow: inset -3px 0px var(--link-color), 16px 2px 26px var(--listing-card-shadow-color), 0px 3px 5px rgba(0, 0, 0, 0.12);
}
section#listings.grid .item.featured .main-column {
    box-shadow: inset 0px -3px 0px var(--side-block-button-border-color);
}
section#listings.grid .item.featured:hover .main-column {
    box-shadow: inset 0px -3px 0px var(--side-block-button-border-color), 0px 16px 26px var(--listing-card-shadow-color), 0px 3px 5px rgba(0, 0, 0, 0.12);
}
section#listings .link-large {
    font-size: 15px !important;
    font-weight: 700;
    color: var(--link-color);
}
section#listings div.picture {
    position: relative;
    width: 100%;
    /*padding-bottom: 130%;*/
    height: 319px
}
section#listings div.picture img {
    border-radius: 5px;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url("../img/no-picture.svg") center 40% no-repeat var(--listing-thumbnail-background-color);
}
.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;
}
.upload-files div span.item, .upload-files .ui-sortable-placeholder:after {
    padding-bottom: 130% !important;
}
.upload-zone > span {
    font-size: 1.2em !important;
    padding-left: 15px;
}
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.png") 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 #fff164 !important;
    background-color: #fff164 !important;
    color: #3e3e3e;
}
article.featured div.picture > span {
    border-color: #fff164 !important;
}
article.featured div.picture a > div.label, article.featured div.picture > div.label, div.label {
    position: absolute;
    left: 8px;
    top: 8px;
    height: 16px;
    line-height: 17px;
    padding: 0 3px;
    background: var(--link-color);
    font-size: 0.688em;
    color: var(--black);
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
section.my-listings article.featured div.picture > div.label {
    top: 0;
}
/* featured end */
/* list view */
section#listings:not(.list):not(.grid) {
    display: none;
}
section.list > article {
    margin: 5px;
    min-height: 170px;
    flex: 0 0 47.5%;
    max-width: calc(47.5% - 2px);
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}
section#listings.list div.picture {
    width: 190px;
    height: 100%;
    padding-bottom: 0;
    display: inline-block;
    vertical-align: top;
    float: left;
    border: 0;
   /* min-height: 245px*/
}
section#listings.list ul.ad-info {
    overflow: hidden;
    /*padding: 16px 210px 16px 16px;*/
    padding: 16px 45px 16px 16px;
    ;
    border-radius: 0;
}
section#listings ul.ad-info > li.system > span:not(:last-child) {
    margin-right: 30px;
}
section#listings ul.ad-info span.favorite {
    display: inline-block;
    vertical-align: middle;
}
section#listings.list ul.ad-info > li.fields > div.table-cell:last-child > div {
    padding-bottom: 0;
}
/* list view end */
/* grid view */
section.grid article.item {
    margin-bottom: 22px;
    padding-left: 11px;
    padding-right: 11px;
    transition: box-shadow 0.1s linear;
}
section#listings.grid ul.ad-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    border-radius: 8px;
    margin: auto;
    width: calc(100% - 0px); /*NEW 22 > 0px*/
    padding: 15px 15px 10px 15px;
    background: var(--featured-no-sidebar-background-color);
    display: -webkit-box;
    flex-wrap: wrap;
}
section#listings .fields {
    color: var(--featured-title-color);
    font-size: 0.75em;
    margin-bottom: 10px;
}
section#listings.grid ul.ad-info > ol {
    display: none;
}
section#listings.grid.row {
    margin-right: -10px;
    margin-left: -10px;
}
section#listings.grid > article {
    display: flex;
    flex-direction: column;
}
section#listings.grid > article ul.nav-column {
    justify-content: flex-start;
}
section#listings.grid > article div.navigation-column div.before-nav {
    display: none;
}
section#listings.grid ul.nav-column > li span.icon {
    top: 0;
}
section#listings.grid ul.nav-column > li > a > span.link, section#listings.grid ul.nav-column > li > span.link {
    display: none;
}
/* grid view end */
/* no image grid view */
section#listings.list.no-image {
    margin: 0;
    padding: 0;
}
section#listings.list.no-image > article {
    display: block;
    padding: 0 0 10px;
}
section#listings.list.no-image a.link-large {
    font-size: 1.125em !important;
}
section#listings.list.no-image ul.ad-info > li.title {
    padding-bottom: 0;
}
/* no image grid view end */
/* map view */
#listings_map, #accounts_map {
    height: 65vh;
    border-radius: 8px;
}
/* map view end */
.category-description {
    padding: 0;
    margin: 0 0 20px;
}
.category-description ~ .grid_navbar {
    margin-top: 0;
}
/*** LISTINGS GRID END ***/
/*** LISTING DETAILS ***/
div.listing-details {
    position: relative;
}
div.listing-details:not(.single-profile-type) .content-section {
    margin-top: 30px;
}
div.listing-details h1 {
    margin: 0 0 18px 0;
}
.profile-header {
    padding-bottom: 20px;
}
.header-banner .profile-header {
    margin-top: 5px !important;
    clear: both;
}
.profile-header h1 {
    margin: 0;
    font-size: 2em;
}
.profile-header .fields {
    opacity: .6;
    padding-top: 2px;
    font-size: 0.875em;
}
/* top navigation */
.listing-header > .col-md-2 {
    height: 42px;
    padding: 0 15px;
    position: relative;
}
.listing-header div.icons {
    height: 42px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.listing-header div.icons a.button {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: left;
}
.listing-header div.icons > *:not(.button) {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 0 0 4px;
    position: static;
    padding: 0;
    background: transparent;
    opacity: 1;
}
.listing-header div.icons > *:not(.button):hover {
    opacity: 0.7;
}
.listing-header div.icons > a.button {
    margin: 7px 0;
}
.listing-header div.icons > * > span {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
}
/* top navigation end */
/* gallery */
div.gallery {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
div.gallery > div#media {
    position: relative;
    height: 487px;
    background-color: var(--listing-gallery-media-background-color);
}
div.gallery div#media.map .map-container {
    position: absolute !important;
}
div.gallery div.preview, div.gallery div.map-container, div.gallery video#player {
    width: 100%;
    height: 100%;
}
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.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.video .nav-buttons {
    display: none !important;
}
div.gallery div#media > .nav-buttons {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: -8px;
}
div.gallery div#media > .nav-buttons span.nav-button {
    margin: 0 1px;
    height: 28px;
    padding: 0 12px;
    color: #111;
    background: #fff;
    font-weight: 700;
    font-size: 0.75em;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
}
div.gallery div#media > .nav-buttons span.nav-button:hover {
    color: #fff;
    background: #111;
}
div.gallery div#media > .nav-buttons > span.map-group {
    margin: 0 1px;
    z-index: 9;
}
div.gallery div#media > .nav-buttons > span.map-group span {
    position: static;
}
div.gallery div#media.map .map-container {
    display: block;
}
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;
    object-fit: contain;
}
/* 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: var(--content-background-color);
}
div#picture_locked > div {
    height: 100%;
    text-align: center;
    display: flex;
}
div#picture_locked > div > div {
    width: 100%;
    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, .wide-gallery li.picture-slide p.picture-hint {
    display: block;
}
#media.fake-video #picture_locked p.video-hint, .wide-gallery li.video-slide p.video-hint {
    display: block;
}
/* locked gallery end */
/* gallery thumbnains bar */
div.gallery > div.thumbs {
    height: 66px;
    position: relative;
    margin-top: 4px;
}
div.gallery > div.thumbs > div.prev, div.gallery > div.thumbs > div.next {
    width: 48px;
    height: 66px;
    border: 2px solid rgba(236, 142, 23, 0.3);
    background: rgba(113, 145, 255, 0);
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    position: relative;
}
div.gallery > div.thumbs > div.next {
    left: auto;
    right: 0;
}
div.gallery > div.thumbs > div.disabled {
    cursor: default;
    border: none;
}
div.gallery > div.thumbs > div.prev:before, div.gallery > div.thumbs > div.next:before {
    content: "";
    width: 6px;
    height: 10px;
    background: url("../img/gallery.png") -24px -368px no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.7;
}
div.gallery > div.thumbs > div.next:before {
    background-position: -34px -368px;
}
div.gallery > div.thumbs > div.prev:not(.disabled):hover, div.gallery > div.thumbs > div.next:not(.disabled):hover {
    background-color: #fbf3e3;
}
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, 0.2);
    left: 0px;
    top: 0;
    right: 2px;
    bottom: 0px;
    cursor: pointer;
}
div.gallery > div.thumbs > div.slider > ul > li img {
    width: 66px;
    height: 66px;
    background: #f2f2f2;
    cursor: pointer;
    margin-right: 4px;
    object-fit: cover;
}
div.gallery > div.thumbs > div.slider > ul > li:hover:after, div.gallery > div.thumbs > div.slider > ul > li.active:after {
    content: "";
    box-shadow: inset 0px 64px rgba(255, 255, 255, 0.5), inset 0px -2px var(--body-font-color);
    position: absolute;
    left: 0;
    right: 4px;
    top: 0;
    bottom: 0;
    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;
}
/* gallery thumbnains bar end */
/* gallery end */
/* wide gallery */
div.wide-gallery {
    padding: 0 0 45px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
div.wide-gallery > ul {
    white-space: nowrap;
    width: 100%;
    height: 70vh;
    text-align: center;
}
div.wide-gallery > ul > li {
    display: inline-block;
    /*border: 1px black solid; NEW*/
    height: 100%;
    vertical-align: top;
    position: relative;
}
div.wide-gallery > ul > li.video-slide {
    max-width: 92vw;
}
div.wide-gallery > ul > li > img {
    height: 100%;
    vertical-align: top;
}
div.wide-gallery > ul > li > video, div.wide-gallery > ul > li > div, div.wide-gallery > ul > li iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    top: 0;
    left: 0;
}
div.wide-gallery > ul > li:not(:first-child) {
    border-left: 0;
}
div.wide-gallery > div.swiper-scrollbar {
    position: absolute;
    left: 0.5%;
    bottom: 28px;
    z-index: 50;
    height: 7px;
    width: 99%;
    background-color: #e0e0e0;
    border-radius: 5px;
    opacity: 0.5;
}
div.wide-gallery > div.swiper-scrollbar > div {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--link-color);
    border-radius: 5px;
    left: 0;
    top: 0;
}
/* wide gallery end */
div.listing-details #area_listing > div.two-inline {
    margin: 20px 0;
}
div.listing-details #area_listing > div.two-inline div.price-tag:first-child:last-child {
    float: left;
}
div.listing-details div.price-tag > span {
    font-size: 1.714em;
    font-weight: 400;
    color: var(--body-font-color);
}
#area_listing div.listing-fields > div.row {
    margin: 0 0 25px 0;
    background: var(--content-background-color);
    padding: 30px 15px;
    transition: background var(--duration) var(--timing);
}
/* main info section end */
/* icons */
.listing-header a.print > span {
    background-image: var(--listing-print-icon);
    background-repeat: no-repeat;
}
.listing-header span.favorite > span {
    background-image: var(--listing-favorite-icon);
    background-repeat: no-repeat;
}
.listing-header .favorite.remove span.icon {
    background-image: var(--listing-favorite-icon-active);
    background-repeat: no-repeat;
}
.listing-header span.compare-icon .icon {
    background-image: var(--listing-compare-icon);
    background-repeat: no-repeat;
    fill: transparent !important;
}
.listing-header span.compare-icon.active .icon {
    background-image: var(--listing-compare-icon-active);
    background-repeat: no-repeat;
}
.listing-header span.favorite {
    order: 1;
}
.listing-header a.print {
    order: 2;
}
/* 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 */
.seller-short div.picture {
    margin: 0 0 15px 0;
}
.seller-short div.picture img {
    width: 100%;
}
.seller-short ul.seller-info {
    overflow: hidden;
}
.seller-short div.button-exists ul.seller-info {
    padding-bottom: 45px;
}
.seller-short ul.seller-info > li.name a {
    font-weight: 400;
}
.seller-short ul.seller-info .type {
    font-weight: 400;
    color: #8E817A;
    font-size: 0.75em;
    padding-top: 3px;
}
.seller-short ul.seller-info > li.about {
    font-size: 0.929em;
    padding: 10px 0 0;
}
.seller-short:not(.no-pucture) a.low {
    position: absolute;
    bottom: 0;
}
.seller-short div.form {
    margin-top: 25px;
}
.seller-short form div.field {
    position: relative;
}
.seller-short form div.field > input[type="text"]:not([name="security_code"]) {
    padding-left: 37px;
}
.seller-short form div.field > input + span {
    position: absolute;
    left: 11px;
    top: 12px;
    width: 18px;
    height: 18px;
    background: url("../img/gallery.png") right -141px no-repeat;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}
.seller-short form div.field > input[name="contact_email"] + span {
    background-position: right -159px;
    height: 16px;
    top: 13px;
}
.seller-short form div.field > input[name="contact_phone"] + span {
    background-position: right -175px;
}
.seller-short form div.field > input:focus + span {
    opacity: 1;
}
.seller-short .file-input {
    display: block;
}
.seller-short .file-input div {
    overflow: hidden;
    width: auto;
}
.seller-short .file-input input.file-name {
    width: 100%;
}
.seller-short .file-input span {
    float: right;
}
.seller-short div.info-table:not(.no-top-gap), .seller-short div.owner-details {
    margin-top: 25px;
}
/* masked fields */
h3.cd-caption {
    margin: 0 !important;
    padding-bottom: 10px;
}
h3.cd-caption + div.info-table:not(.no-top-gap) {
    margin-top: 0 !important;
}
.masked > h3 {
    font-size: 1.286em;
    margin-top: 0;
    margin-bottom: 10px;
}
.masked {
    position: relative;
    min-height: 90px;
}
.masked > *:not(.login-mask):not(h3) {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px);
}
.masked div.login-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: var(--listing-mask-background-color);
    text-align: center;
    box-shadow: 0 0 6px 6px var(--listing-mask-background-color);
    display: flex;
}
.masked div.login-mask > div {
    width: 100%;
    -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 */
/* Recaptcha*/
#rc-anchor-container .rc-anchor-dark {
    background: var(--inverted) !important;
}
/* map capture */
.map-capture {
    cursor: pointer;
    position: relative;
}
.map-capture > img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background-color: var(--inverted);
    border-radius: 5px;
}
.search-on-map-box {
    display: block;
}
.search-on-map-box img {
    height: 110px;
}
.search-on-map-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(246, 246, 246, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
}
.search-on-map-box:after {
    content: attr(data-caption);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    color: white;
    padding: 0 0 10px;
    font-size: 1.25em;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.map-listing a, .map-listing {
    color: var(--body-font-color);
}
.map-listing__picture.no-picture img {
    background-image: url("../img/no-picture.svg") !important;
    background-size: 50%;
    background-color: var(--listing-thumbnail-background-color);
}
.map-listing .favorite {
    padding-left: 8px !important;
    left: 15px;
    right: auto;
}
.leaflet-custom-popup_group-style .map-listing .favorite {
    position: static;
}
.leaflet-custom-popup_group-style .leaflet-popup-content header, .leaflet-custom-popup_group-style .map-listing:not(:last-child) {
    background-color: var(--listing-thumbnail-background-color);
    border-color: var(--plans-border-color) !important;
}
/* map capture end */
/* statistics section */
div.listing-details section.statistics {
    /* OLD 
    margin: 10px;
    margin: 5px;*/
    background: var(--listing-thumbnail-background-color);
    border-radius: 5px;
    padding: 10px;
}
div.listing-details section.statistics ul.counters {
    overflow: hidden;
}
div.listing-details section.statistics ul.counters > li {
    padding: 5px 0;
    color: var(--body-font-color);
    min-height: 30px;
    line-height: 30px;
    font-size: 0.929em;
}
div.listing-details section.statistics ul.counters > li span.count {
    font-size: 2.714em;
    margin-right: 5px;
    color: var(--black);
}
div.listing-details section.statistics ul.controls {
    float: right;
    width: 70%;
}
div.listing-details section.statistics ul.controls > li:first-child {
    padding: 4px 0 10px;
}
div.listing-details section.statistics ul.controls > li {
    padding: 7px 0 12px;
    min-height: 20px;
}
/* statistics section end */
/*** LISTING DETAILS END ***/
/*** ACCOUNTS GRID ***/
section#accounts > article div.picture {
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
    width: 100% !important;
    max-width: 100%;
    position: relative;
    background-color: var(--listing-thumbnail-background-color);
    text-align: center;
}
section#accounts > article div.no-picture div.picture > a, section#accounts > article div.picture > a > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
section#accounts > article div.no-picture div.picture {
    background-repeat: no-repeat;
    background-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%;
    width: 100% !important;
}
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 {
    bottom: 5px;
    position: absolute;
    background: rgba(27, 31, 38, 0.8);
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    color: white;
    pointer-events: revert;
    right: 0px;
}
section#accounts .landscape div.statistics > div.counter span:first-child {
    display: inline;
    font-size: 0.829em;
    font-weight: 400;
    right: 5px;
}
/*** ACCOUNTS GRID END ***/
/*** ACCOUNT DETAILS PAGE ***/
section.seller-short li.counter {
    padding: 15px 0 0 0;
}
section.seller-short li.counter span:first-child {
    font-size: 1.286em;
    font-weight: 600;
}
section.seller-short li.counter span:last-child {
    font-size: 0.929em;
}
.account-location .map-capture {
    border: 1px #f8f8f8 solid;
    margin: 15px -18px -18px;
}
/*** ACCOUNT DETAILS PAGE END ***/
/*** ACCOUNT AREA ***/
.fb-connect {
    display: inline-block;
    width: 100%;
    line-height: 36px;
    height: 40px;
    padding: 3px 10px 0;
    color: white !important;
    font-size: 0.813em;
    background-color: #295ab4;
    position: relative;
    vertical-align: top;
    border-radius: 4px;
    text-transform: uppercase;
    padding-left: 40px;
    margin-top: 1rem;
}
.fb-connect:hover {
    background-color: #184597;
    transition: background-color 0.3s ease;
}
.button .fb-connect {
    width: auto;
    margin-top: 0;
    font-size: 0.813em !important;
}
#controller_area .content-padding .welcome {
    padding-bottom: 15px;
}
ul.account-menu-content {
    display: inline-block;
    /*background: var(--top-user-navigation-background);*/
}
ul.account-menu-content > li {
    padding: 10px 30px 10px 0;
    position: relative;
    height: auto;
    line-height: 1;
}
ul.account-menu-content > li > a:hover::before {
    color: var(--black);
}
ul.account-menu-content > li > a::before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    margin-right: 10px;
}
div.attention:not(:empty) {
    padding: 0 0 15px;
}
div.attention span.red {
    padding: 0;
}
.login-page-form {
    max-width: 450px;
    background: var(--content-background-color);
    padding: 30px;
    transition: background var(--duration) var(--timing);
}
/*** ACCOUNT AREA END ***/
/*** MY PACKAGES ***/
ul.packages > li {
    display: flex;
    margin-bottom: 30px;
}
ul.packages > li div.frame {
    width: 364px;
    border: 2px var(--plans-border-color) solid;
    padding: 15px 18px;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
ul.packages > li div.plan-info {
    width: 45%;
    float: left;
    margin-top: -3px;
}
.highlight {
    color: var(--black) !important;
}
ul.packages > li .highlight {
    color: var(--body-font-color);
}
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: var(--body-font-color);
    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: var(--body-font-color);
    font-size: 2.429em;
    font-weight: normal;
    padding: 0 0 15px;
}
ul.packages .plan-info span.price {
    font-size: 1.75em;
}
ul.packages span.count {
    color: var(--info-field-color);
    font-weight: 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 .renew {
    margin-top: 12px;
}
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 {
    line-height: 26px;
    vertical-align: top;
}
div.table-cell:not(.wide-field) > div {
    font-size: 0.929em;
}
div.table-cell > div.name {
    width: 160px;
    color: var(--info-field-color);
    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 {
    padding-right: 7px;
}
div.table-cell > div.name > div > span:after {
    content: ":";
}
div.table-cell div.value {
    font-size: 0.875em;
    word-wrap: break-word;
    /*overflow: hidden;*/
}
div.table-cell > div.name + div.value {
    padding-left: 10px;
}
div.table-cell.wide-field {
    padding: 10px;
    margin-top: 20px;
    border: 2px solid var(--success);
}
div:not(.body) > div > div.table-cell.wide-field {
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--content-background-color);
    /*padding: 30px; NEW*/
    transition: background var(--duration) var(--timing);
}
#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;
    /* NEW */
    display: flex !important;
    font-size: 1.2rem;
    color: var(--success)
}
div.table-cell.wide-field div.name::before {
    content: "\f4a6";
    font-family: "Font Awesome 5 Pro";
    padding-right: 10px;
}
div.table-cell.wide-field div.name > div {
    background: none;
}
div.table-cell.wide-field > div.name + div.value {
    padding-left: 0px;
}
div.table-cell ul.checkboxes {
    margin-bottom: 15px;
}
div.table-cell ul.checkboxes > li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.table-cell ul.checkboxes > li img {
    width: 17px;
    height: 12px;
    vertical-align: baseline;
    margin-right: 8px;
    margin-left: 2px;
}
div.table-cell ul.checkboxes > li.active img {
    background: url("../img/gallery.png") 0 -147px no-repeat;
}
div.table-cell ul.checkboxes > li:not(.active) {
    color: #9e9e9e;
    text-decoration: line-through;
    display: none !important;
}
/* 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 span: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: var(--body-font-color);
    word-wrap: break-word;
}
/* table view table end */
/* list table */
table.list {
    width: 100%;
    table-layout: fixed;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing);
    border-radius: 5px;
}
table.list span.text {
    color: #515151;
    font-size: 0.857em;
}
table.list > tbody > tr.header {
    color: var(--dark);
    border-bottom: 2px var(--dark) solid;
    transition: border-color var(--duration) var(--timing);
}
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: 1px var(--table-list-border-color) solid;
    transition: border-color var(--duration) var(--timing);
}
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%;
}
#controller_area > div.list-table, #controller_area > .content-padding > div.list-table {
    background: var(--content-background-color);
    padding: 20px;
    border-radius: 5px;
    transition: background var(--duration) var(--timing);
}
/* TODO remove */
/*#controller_area > .content-padding > div.list-table {
    margin: 0 -15px;
    width: auto;
}*/
div.list-table > div {
    display: table-row;
    position: relative;
    margin: 0;
}
div.list-table > div:not(.header):hover {
    background: rgba(0, 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: var(--info-field-color);
    border-bottom: 1px var(--plans-border-color) solid;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
}
section.content_block > div .list-table > div.header > div {
    border-bottom: 1px var(--tabs-side-block-border-color) solid;
}
div.list-table > div > div.center {
    padding-right: 0 !important;
}
div.list-table > div.row > div {
    vertical-align: top;
    padding-top: 11px;
    padding-bottom: 11px;
    color: var(--body-font-color);
}
div.list-table > div.row > div > 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: var(--info-field-color);
    font-size: 0.857em;
}
div.list-table span.title {
    display: none;
}
.transactions div.table-cell.small > div.name {
    width: 95px;
}
.mass-actions {
    padding: 15px 0 0 14px;
}
.mass-actions > a:not(:last-child):after {
    content: "|";
    padding: 0 10px;
    color: #5c5c5c;
    font-size: 0.929em;
}
.statuses .paid, .statuses .unpaid, .statuses .active, .statuses .approval, .statuses .incomplete, .statuses .pending, .statuses .expired {
    color: #63b53b;
    font-size: 0.929em;
}
.statuses .approval {
    color: #666666;
}
.statuses .incomplete {
    color: #2767b5;
}
.statuses .pending {
    color: #e88d22;
}
.statuses .expired {
    color: #fb0000;
    text-shadow: 2px 2px 8px #FF5174;
}
.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 ***/
/*** FIELDSET ***/
div.fieldset > header {
    color: var(--head-text-color);
    padding: 7px 20px;
    background: var(--fieldset-header-background-color);
    display: block;
    text-transform: uppercase;
    text-shadow: var(--text-shadow);
    font-size: 0.9em;
    font-weight: 700;
    letter-spacing: 0.8px;
    transition: background var(--duration) var(--timing);
    /*margin-bottom: 1px;*/
    margin: 0 0 -1px 0;
}
div.submit-cell div.fieldset {
    margin: 20px -30px 0;
}
.side_block div.fieldset > header {
    background: none;
    padding: 7px 0;
}
div.fieldset > header > span.arrow {
    display: none;
}
div.fieldset > div.body > div {
    padding: 15px 0;
}
div.fieldset > header b{
    position: absolute;
    /*margin: -20px 0 0 40px;*/
    z-index: 1;
}
#controller_area div.fieldset > header > span.arrow {
    width: 35px;
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 4px;
    cursor: pointer;
    position: relative;
    transform: scaleY(1);
    color: var(--white);
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2rem;
    transition: all ease-in 0.2s;
    z-index: 2;
}
#controller_area div.fieldset > header > span.arrow::before {
    content: "\f068";
    color: var(--link-color) !important;
}
#controller_area div.fieldset > header:hover > span.arrow.up::before{
    color: var(--link-color) !important;
}
#controller_area div.fieldset > header > span.arrow.up::before {
    content: "\f067";
    color: var(--head-text-color) !important;
}
#controller_area div.fieldset > header > span.arrow:hover {
    opacity: 1;
}


#controller_area div.fieldset > div.body > div, .dynamic-content div.listing-form .form-media, .dynamic-content div.listing-form .form-auth {
    padding: 30px 30px 10px 10px;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing);
}
#controller_area #area_membership div.fieldset > div.body > div {
    padding: 30px 0 20px 0;
}
#controller_area #bankWireTransfer-form div.fieldset + .table-cell {
    margin-top: 20px;
}
#controller_area #listing_form > .submit-cell {
    padding: 20px 30px 30px 30px;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing);
}
#controller_area .content-padding > .tab_area:not(#area_keyword), #controller_area .content-padding > .tab_area form.kws-block, #controller_area .content-padding > .step_area, #controller_area .content-padding > .submit-cell, #controller_area .content-padding > .advanced-search-form > .submit-cell, #controller_area .content-padding > .account-menu-content, .contact-us-page .content-padding > form, #controller_area .plans-container, .add-banner-page .plans {
    background: var(--content-background-color);
    padding: 10px;
    transition: background var(--duration) var(--timing);
}
.bumpup-page-page #controller_area .plans-container {
    padding: 0;
}
#controller_area .content-padding > .submit-cell div.ml_tabs_content {
    padding-bottom: 0;
}
#controller_area #area_profile div.fieldset {
    margin-left: -10px;
    margin-right: -10px;
}
#controller_area .content-padding > .submit-cell ~ .submit-cell {
    padding-top: 10px;
    padding-bottom: 10px;
}
#controller_area .content-padding > .submit-cell:first-of-type {
    padding-top: 20px;
    border-radius: 5px;
}
#controller_area .content-padding > .submit-cell:last-of-type {
    padding-bottom: 20px;
    border-radius: 5px;
}
.my-profile-page ul.tabs {
    margin-bottom: 0;
}
.my-profile-sidebar .image-preview-wrapper .image-preview {
    width: 100% !important;
}
.row > div.fieldset.divider {
    padding-left: 15px;
    padding-right: 15px;
    flex: 1 1 100%;
}
div.fieldset.divider {
    margin: 0 0 10px;
    padding: 0;
}
div.fieldset.divider > header {
    margin: 0;
}
.listing-details div.fieldset.divider > header {
    margin: 0 0 20px 0;
    padding-left: 24px;
    padding-right: 24px;
}
/*** FIELDSET END ***/
/*** CATEGORIES BLOCK ***/
div.categories {
    width: auto;
    overflow: hidden;
    padding-top: 14px;
}
body.home-page div.categories {
    padding-top: 20px;
    padding-bottom: 20px;
    background: var(--content-background-color);
}
body.home-page div.categories ul > li {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
div.categories ul > li {}
div.categories ul div.item div.parent-cateory {
    padding: 0 0 20px;
    white-space: nowrap;
}
div.categories div.category-name {
    background: url("../img/gallery.png") 0 19px repeat-x;
    text-overflow: ellipsis;
}
div.categories.sub-categories-exist div.category-name, div.categories.sub-categories-exist div.category-counter {
    display: inline-block;
}
div.categories:not(.sub-categories-exist) div.category-counter {
    float: right;
}
div.categories:not(.sub-categories-exist) div.category-name {
    overflow: hidden;
}
a.category {
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
a.category > img {
    margin-bottom: 15px;
    margin-top: 5px;
}
a.category span.category-counter {
    font-size: 16px;
    font-weight: 400 !important;
    color: var(--body-font-color)
}
.empty-category a.category > img {
    filter: var(--empty-category-filter);
}
.empty-category a.category span.category-counter {
    color: var(--empty-category-color);
}
div.categories div.category-counter > span {
    color: var(--body-font-color);
    display: inline-block;
    padding: 0 0 0 8px;
    font-size: 1em;
}
.content_block div.category-slider-bar span.navigation > span:not(.active) {
    background: var(--content-background-color);
}
.empty-category a, .empty-category a:hover, .empty-category div.category-counter > span, .empty-category div.sub_categories {
    color: var(--empty-category-color) !important;
}
div.fieldset div.category-slider-bar {
    position: static !important;
    top: auto;
    right: auto;
    text-align: center;
    padding-top: 3px;
}
div.category-slider-bar > span.arrow {
    width: 19px;
    height: 24px;
    cursor: pointer;
}
div.category-slider-bar span.prev, div.category-slider-bar span.next {
    width: 7px;
    height: 12px;
    display: inline-block;
    background: url("../img/gallery.png") 0px -583px no-repeat;
    margin: 6px;
    -moz-user-select: none;
    -webkit-user-select: none;
}
div.category-slider-bar span.next {
    background-position: right -583px;
}
div.category-slider-bar > span.navigation {
    width: 80px;
    margin: 0 5px;
    height: 4px;
    background: #e2e2e2;
}
div.category-slider-bar > span.navigation > span.active {
    background: var(--link-color);
}
section.categories-box ul.cat-tree > li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
section.categories-box div.cat-tree-cont.limit-height {
    overflow: hidden;
}
.sub-categories-exist div.item.banners-box {
    display: block;
    margin-bottom: 30px;
}
.sub-categories-exist div.categoty-column {
    column-count: 5;
    column-gap: 30px;
}
body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
    column-count: 4;
}
.sub-categories-exist div.parent-cateory {
    padding-bottom: 26px !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 40px 0;
}
.categories .sub_categories > span:not(:last-child), .other_categories_tmp > div > span:not(:last-child) {
    padding: 0 0 13px 0;
    display: block;
}
.categories .sub_categories > span > a {
    font-size: 1em;
}
.categories .sub_categories span.more {
    cursor: pointer;
    font-size: 0.929em;
    display: inline-block;
}
div.other_categories_tmp {
    position: absolute;
    z-index: 3;
}
div.other_categories_tmp div {
    background: white;
    border: 2px #f8f8f8 solid;
    padding: 13px 25px 15px 17px;
    margin: 25px 0 0 45px;
    max-width: 200px;
    position: relative;
}
div.other_categories_tmp div img.close {
    display: block;
    cursor: pointer;
    top: 0;
    right: 0;
    position: absolute;
    width: 12px;
    height: 12px;
    margin: 4px;
    background: url("../img/gallery.png") -27px -470px no-repeat;
    opacity: 0.7;
}
div.other_categories_tmp div img.close:hover {
    opacity: 1;
}
/*** CATEGORIES BLOCK END ***/
/*** CATEGORIES TREE BLOCK ***/
ul.cat-tree li {
    padding-top: 4px;
    padding-bottom: 6px;
}
ul.cat-tree > li.rest {
    display: none;
}
ul.cat-tree span.counter {
    display: inline-block;
    color: var(--info-field-color);
    font-size: 0.875em;
}
ul.cat-tree li ul {
    display: none;
}
ul.cat-tree li ul > li {
    padding-left: 40px !important;
}
ul.cat-tree li span.toggle {
    width: 32px;
    display: inline-block;
    cursor: pointer;
    font-size: 1.125em;
    padding: 0 10px;
    margin: 0 3px 0 -5px;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.cat-toggle {
    background: var(--form-background-color);
    height: 10px;
    margin-top: 3px;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    line-height: 2px;
    text-align: center;
}
/*
section.side_block > span.expander {
    width: 18px;
    height: 18px;
    background: url("../img/gallery.png") right -119px no-repeat;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 10px;
    float: inline-end; 
}
section.side_block > span.expander.active {
    background-position: 0 -119px;
}

*/
section.side_block > span.expander::before {
    width: 24px;
    height: 24px;
    content: '\f056 ';
    font-family: "Font Awesome 5 Pro";
    font-size: 1.4em;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    margin-left: 10px;
    float: right;
    color: var(--link-color);
}
section.side_block > span.expander.active::before {
    content: '\f1de ';
    font-family: "Font Awesome 5 Pro";
    font-size: 1.8rem;
    font-weight: 300;
}
div.filter-area ul > li, div.other_filters_tmp ul > li {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*** CATEGORIES TREE BLOCK END ***/
/*** STATISTICS BLOCK ***/
table.stats {
    margin-bottom: 0 !important;
    border-spacing: 2px;
    border-collapse: separate;
    margin: 0 0 5px;
    table-layout: fixed;
    font-size: 0.875em;
}
table.stats td.column, table.stats td.counter {
    white-space: nowrap;
    text-align: center;
    border-radius: 2px;
}
table.stats td.counter {
    background: white;
}
table.stats td.divider {
    width: 5px;
    text-align: center;
    padding: 0 5px;
}
table.stats td.dotted {
    background: white;
    padding: 2px 5px 4px;
}
table.stats td.dotted a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
section > div > table.stats:last-child {
    margin-bottom: 0;
}
/*** STATISTICS BLOCK END ***/
/*** STEPS ***/
ul.steps {
    box-shadow: inset 0 0 0 2px var(--steps-background-color);
    height: 40px;
    margin: 0 0 25px 0;
    white-space: nowrap;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
   
}
ul.steps > li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    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 {
    background: var(--steps-background-color);
}
ul.steps > li.current {
    background: var(--success) !important;
}
ul.steps > li.current::before {
    border-left-color: var(--success) !important;
}
ul.steps > li.current a {
    color: #fff !important;
}
ul.steps > li:not(.past) a {
    color: var(--dark);
}
ul.steps > li:not(:last-child):not(.past):after, ul.steps > li:not(:last-child):not(.past):before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
ul.steps > li:not(:last-child):not(.past):after {
    border-color: transparent;
    border-left-color: var(--steps-background-color-back);
    border-width: 20px 0 20px 10px;
    margin-top: -20px;
}
ul.steps > li:not(:last-child):not(.past):before {
    border-color: transparent;
    border-left-color: var(--steps-background-color);
    border-width: 24px 0 24px 13px;
    margin-top: -24px;
}
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 5px 0;
}
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.area_done {
    background: var(--content-background-color);
    padding: 30px;
    transition: background var(--duration) var(--timing);
}
div.area_profile div.notice {
    padding: 7px 0 10px;
}
div.area_profile div.options {
    padding-top: 10px;
}
div.area_profile div.field img.qtip {
    margin-top: 2px;
}
/* password strange control end */
span.fail_field, span.success_field {
    display: none;
}
/*** REGISTRATION END ***/
/*** MODAL WINDOW ***/
#modal_mask {
    background: var(--popup-mask-background-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1005;
}
.modal_block {
    position: absolute;
    left: 50%;
    margin-left: -176px;
    width: 340px;
    height: 230px;
    background: var(--content-background-color);
    border-radius: 10px;
}
.modal_block.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
}
.modal_block.fullscreen .gmnoprint {
    margin-right: 60px !important;
}
.modal_block div.inner div.close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.modal_block div.inner div.close > div {
    width: 14px;
    height: 14px;
    margin: 8px;
    background: url("../img/gallery.png") right -469px no-repeat;
    opacity: 0.7;
    filter: var(--icon-filter);
}
.modal_block div.inner div.close:hover > div {
    opacity: 1;
}
.modal_block div.inner div.modal_content {
    padding: 25px 50px 25px 30px;
    position: relative;
}
.modal_block.fullscreen div.inner, .modal_block.fullscreen div.inner > .modal_content {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.modal_block.fill-edge div.inner div.modal_content {
    padding: 0;
}
#map_fullscreen {
    width: 100%;
    height: 100%;
}
#map_fullscreen + .close {
    filter: none;
    background: white;
}
.modal_block div.inner div.caption, .modal_block div.inner div.caption_padding {
    color: var(--body-font-color);
    font-size: 1.143em;
    padding: 0 0 20px;
    font-weight: bold;
    margin-top: -7px;
}
.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: 0px !important;
    width: 576px;
    left: 50%;
    margin-left: -288px;
    z-index: 1000;
    display: block;
}
div.notification > div {
    background: rgba(0, 0, 0, 0.3);
    min-height: 46px;
    color: #111;
    position: relative;
    font-size: 1em;
    font-weight: 400;
}
div.notification.fixed {
    position: fixed;
}
div.notification.done {
    top: 0;
    transition: top 0.3s ease;
}
div.notification.top {
    z-index: 1200;
    position: fixed;
    top: 0;
}
div.notification > div > div.message {
    padding: 14px 45px 14px 18px;
    word-wrap: break-word;
    line-height: 1.64em;
    background: #70e987;
    box-shadow: 0px 9px 20px -4px rgba(0, 127, 24, 0.36);
}
/*
div.notification > div > div.message > a {
    color: #61CE70;
}*/
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: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
/*** NOTIFICATIONS END ***/
/*** MY LISTINGS ***/
.my-listings > article div.picture {
    margin: 0 !important;
}
.my-listings > article {
    /*margin: 0 0 15px 0 !important;*/
    padding: 15px;
    min-height: 95px;
    background: var(--content-background-color);
    transition: background var(--duration) var(--timing);
    display: inline-grid;
}
.my-listings > article:last-child {
    margin-bottom: 0;
}
.my-listings > article .title a {
    color: var(--body-font-color);
    padding: 10px;
}
.my-listings > article > div.nav > div {
    display: block;
    vertical-align: top;
    padding: 15px;
    /*margin-right: 20px;*/
    /*NEW*/
    /*display: block;
    vertical-align: top;
    margin: 0;
    padding: 15px; */ /*NEW padding:15 > org: 10*/
}
.my-listings > article > div:last-child {
    margin-right: 0;
}
.my-listings div.title {
    font-size: 1.143em !important;
    font-weight: 500 !important;
    padding: 20px 5px 0 5px; /*NEW padding bottom 0> org: padding-bottom 10*/
}
.my-listings div.navigation ul > li {
    padding: 0 0 12px 0;
}
.my-listings div.navigation ul > li:last-child {
    padding: 0;
}
.my-listings div.navigation ul > li select {
    width: 100%;
}
.my-listings div.navigation ul > li a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 25px;
}
.my-listings div.navigation ul li.nav-icon > a:before {
    content: "";
    background-image: url("../img/gallery.png");
    background-repeat: no-repeat;
    background-position: right -535px;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    position: absolute;
    opacity: 0.5;
    filter: var(--icon-filter);
}
.my-listings div.navigation ul li.nav-icon > a.add-video:before {
    background-position: right -513px;
}
.my-listings div.navigation ul li.nav-icon > a.edit:before {
    background-position: 0 -488px;
}
.my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
    background-position: right -621px;
}
.my-listings div.navigation ul li.nav-icon > a.delete:before {
    background-position: right -489px;
}
.my-listings div.navigation ul li.nav-icon > a:hover:before {
    opacity: 0.8;
}
.my-listings div.stat ul > li {
    padding: 0 0 8px 0;
    color: var(--black);
}
.my-listings div.stat ul > li.switcher-controll {
    padding-bottom: 12px;
}
.my-listings div.stat ul > li span.name {
    color: var(--info-field-color);
}
.my-listings div.stat ul > li span.name:after {
    content: ":";
}
.delete.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/gallery.png") right -489px no-repeat;
    cursor: pointer;
}
section#listings ul.nav-column > li .delete.icon {
    filter: var(--icon-filter-background);
}
.icon.delete, .icon.cancel, .icon.manage, .icon.crop, .icon.rotate {
    filter: var(--icon-filter);
}
/*** MY LISTINGS END ***/
/*** MY BANNERS ***/
body.my-banners-page .my-listings > article > div {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    margin-right: 30px;
}
body.my-banners-page .my-listings div.title {
    padding-top: 5px;
}
/*** MY BANNERS END ***/
/*** PLUGINS CUSTOM ***/
.mf-autocomplete-dropdown {
    background: var(--top-navigation-background-color) !important;
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px var(--top-navigation-selector-box-shadow-color) !important;
}
.mf-autocomplete-dropdown > a:hover, .mf-autocomplete-dropdown > a.active {
    background-color: var(--top-navigation-menu-border-color) !important;
}
a.reportBroken {
    color: #d04525;
}
/*
#lnp_container li.nav a:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    left: 0;
    top: 7px;
    background: url("../img/gallery.png") -24px -368px no-repeat;

    opacity: 0.7;
}
NEW -- Disable by Fa Fa-Arrows Left Right*/
#lnp_container {
    display: inline-flex;
    padding-bottom: 5px;
    position: relative;
    text-align: end;
}
#lnp_container > li {
    border-radius: 50%;
    margin: 0 5px;
    background: var(--dark-primary);
    width: 40px;
    height: 40px;
    text-align: center;
}
#lnp_container > li.link {
    display: none;
}
#lnp_container > li.list{
    font-size: 0.4rem;
    padding: 13px 0 0 0;
    font-weight: 400 !important;
}
#lnp_container > li.prev, #lnp_container > li.next{
    font-size: 0.7rem;
    padding: 7px 0 0 0;
}
#lnp_container li.nav a {
    display: inline-block;
    font-size: 2.0em;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    transition: all 0.2s;
    color: var(--white);
}
#lnp_container li.nav a:hover {
    color: var(--link-color);
}
#search_bottom #lnp_container li.nav a {
    display: inline-block;
    font-size: 1.3em;
    font-weight: 400;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    transition: all 0.2s;
    color: var(--black);
    border: 1px var(--black) solid;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    box-shadow: 0 9px 7px -1px rgba(0, 0, 0, .3);
}
#search_bottom #lnp_container li.nav a:hover {
    color: var(--link-color);
    box-shadow: 0 5px 7px -5px rgba(0, 0, 0, .3);
    margin-top: -3px;
}
li#listing_rating_dom {
    padding: 7px 0 12px !important;
}
#loan_reset_form {
    content: "";
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url("../img/gallery.png") 0 -621px no-repeat;
    margin-left: 20px;
    cursor: pointer;
    opacity: 0.7;
}
#loan_reset_form:hover {
    opacity: 1;
}
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;
}
.add-banner-page ul.plans > li > div.frame {
    background-color: var(--negativ) !important;
    border-color: var(--plans-border-color) !important;
    transform: background-color 0.3s inline;
}
ul.plans > li:hover > div.frame, ul.plans > li:hover > div.frame > span.name {
    background-color: var(--inverted) !important;
    color: var(--link-color) !important;
    border-color: var(--link-color) !important;
    ;
}
ul.plans > li > div.frame {
    border: 1px var(--plans-border-color) solid;
}
ul.plans > li > div.frame > span.price, ul.plans > li > div.frame > span.name, ul.plans > li > div.frame > span.type, ul.plans > li > div.frame > span.count {
    color: var(--body-font-color);
}
div.plans-container:not(.mCustomScrollbar) {
    border-bottom: none !important;
}
.jslider .jslider-bg .v {
    background-color: #09396e !important;
}
/* slider */
div.slider {
    overflow: hidden;
    position: relative;
    -moz-user-select: none;
    -webkit-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: 0.7;
    transition: all 0.3s ease;
}
div.horizontal div.next {
    left: auto;
    right: 0;
}
div.horizontal:hover div.prev {
    color: var(--link-color) !important;
    ;
}
div.horizontal:hover div.next {
    color: var(--link-color) !important;
}
div.horizontal div.prev:before, div.horizontal div.next:before {
    position: absolute;
    width: 8px;
    height: 14px;
    top: 13px;
    left: 14px;
    /*background: url("../img/gallery.png") -24px -366px no-repeat;*/
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2rem;
    font-weight: 700;
}
div.horizontal div.next:before {
    content: "\f054";
    left: auto;
    right: 14px;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.2rem;
    font-weight: 700;
}
div.horizontal div.prev:hover, div.horizontal div.next:hover {
    opacity: 1;
}
/* vertical mode */
div.vertical {
    padding: 25px 0 !important;
}
div.vertical div.prev, div.vertical div.next {
    width: 40px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
}
div.vertical div.next {
    background-position: 0 -1525px;
    top: auto;
    bottom: 0;
}
div.vertical div.prev:before, div.vertical div.next:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 10px;
    top: 2px;
    left: 11px;
    background: url("../img/gallery.png") 0 -663px no-repeat;
}
div.vertical div.next:before {
    background-position: right -663px;
    top: 4px;
}
/* slider end */
div.banner {
    display: inherit !important;
}
#recaptcha_response_field {
    height: 20px;
}
body > iframe[src="about:blank"] {
    display: none;
}
.testimonials .side_block .header {
    height: 34px;
}
.testimonials .side_block > div:last-child {
    margin-top: 21px;
}
.testimonials .side_block .header > p {
    color: #484848;
    font-size: 1.786em;
    font-weight: 300;
}
.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.png") 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.png) !important;
    background-position: 0 -710px !important;
}
body a.removeBroken img {
    background-position: 0 -728px !important;
}
body #listings a.reportBroken img, body #listings a.removeBroken img {
    margin-top: -1px;
}
#rv_listings {
    margin-bottom: 30px !important;
    font-size: 0.813rem;
}
body:not(.home-page) #rv_listings {
    margin-bottom: 0 !important;
}
body.view-details-page #content + .col-md-12.col-sm-12 {
    order: 3;
}
.compare-ad-list {
    background: var(--content-background-color) !important;
}
.compare-ad-list ul > li > a img {
    background-color: var(--listing-thumbnail-background-color) !important;
}
.fields-column .item, .fields-content .in.hover .item, .fields-content .same {
    color: #111111 !important;
}
.close.small {
    filter: var(--icon-filter);
}
.statistics-box .statistics-box__count {
    color: var(--body-font-color) !important;
}
div.auth div.caption {
    color: var(--body-font-color) !important;
}
div.auth {
    border-radius: 0 !important;
    background: none !important;
    padding: 0 !important;
}
.ui-widget-header {
    background: var(--fieldset-header-background-color) !important;
    color: var(--body-font-color) !important;
    border: none !important;
}
.ui-widget-content {
    background: var(--content-background-color) !important;
    color: var(--body-font-color) !important;
}
.ui-widget.ui-widget-content {
    border: none !important;
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px #656565;
    z-index: 10 !important;
}
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    filter: var(--icon-filter);
}
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover {
    background: transparent !important;
    border-color: var(--form-field-line-color-hover) !important;
}
#events-calendar .item:not(.has-event) > a {
    color: var(--body-font-color) !important;
}
div.other_filters_tmp div {
    box-shadow: inset 0 0 0 1px var(--top-navigation-selector-box-shadow-color), 0 6px 12px -4px #656565 !important;
}
table.import tr:not(.no_hover):hover td {
    background: var(--fieldset-header-background-color) !important;
}
table.import tr.disabled td, table.import tr td.disabled {
    background: none !important;
}
.eil-field.scroll:hover > div {
    background: var(--fieldset-header-background-color) !important;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.delete-item-from-cart {
    filter: var(--icon-filter);
}
.testimonials-form div.fieldset > div.body > div, .form_add_comment div.fieldset > div.body > div {
    padding: 15px 20px !important;
}
.testimonials-form div.fieldset > div.body .submit-cell {
    padding: 0 0 10px 0 !important;
}
.side_block.testimonials, .side_block.comment {
    padding-top: 12px;
}
.grid-nav-comment svg {
    opacity: .45 !important;
    fill: var(--info-field-color);
}
.register-form-affiliate .name.accept_checkbox label {
    display: inline-block;
}
.ct-label {
    color: var(--info-field-color) !important;
}
.rssfeed ul > li > a > img {
    filter: var(--icon-filter);
}
ul.lb-box-grid > li div.picture.no-picture img {
    background-size: 50% !important;
}
#rv_listings div.item img {
    background-color: var(--listing-thumbnail-background-color) !important;
}
/* Fetisch Box */
.box-item {
    position: relative;
}
#fetish p strong, #fetish p b {
    color: var(--blue); /*Title Article if <strong> or <b> tag*/
}
.fetish {
    background: var(--box-background-color);
    border: 1px solid var(--blue);
    padding: 15px;
    border-radius: 5px;
}
.fetish-lupe {
    transition: all 0.3s;
    text-shadow: 0 3px 4px rgba(0, 0, 0, .5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--blue) !important;
}
.fetish-lupe:hover {
    color: var(--white) !important;
    text-shadow: 0 8px 6px rgba(0, 0, 0, .9);
    font-size: 1.5rem;
}
.blocker {
    background: rgba(0, 0, 0, .93) !important;
    z-index: 15 !important;
    padding: 0px !important;
}
.modal {
    background: var(--negativ) !important;
    padding: 5px !important;
    max-width: fit-content !important;
}
.modal img {
    width: 100% !important;
    border-radius: 5px !important;
}
.modal a.close-modal {
    border: 1px solid var(--white);
    border-radius: 50%;
}
#fetish_files img {
    border-radius: 5px;
    box-shadow: var(--box-shadow);
    transition: all 0.3s;
}
#fetish_files img:hover {
    box-shadow: var(--box-hover-shadow);
}
#fetish_files .thumbnail {
    width: 100% !important;
    min-height: 130px;
    max-height: 130px;
    object-fit: cover;
}
#fetish_foto_1_file .thumbnail, #fetish_foto_2_file .thumbnail, #fetish_foto_3_file .thumbnail {
    width: 200px !important;
}
/*\ END Fetisch Box */
/*** PLUGINS CUSTOM END ***/
/*** RESPONSIVE ***/
@-ms-viewport {
    width: device-width;
}
.point1 {
    width: 100%;
}
/*** 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) {
    span.mobile-menu-header > span:last-child:before {
        background: url("../img/@2x/gallery2.png") right -50px no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type="checkbox"] + span:not(.status):before {
        background-image: url("../img/@2x/gallery2.png");
        background-position: -8px -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    label.switcher > input[type="checkbox"]:checked + span:not(.status):before {
        background-image: url("../img/@2x/gallery2.png");
        background-position: 0 -972px;
        background-repeat: no-repeat;
        background-size: 40px auto;
    }
    .testimonials .area > div.quotes {
        background: url("../img/@2x/gallery2.png") -22px -212px no-repeat !important;
        background-size: 40px auto !important;
    }
    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.png") -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 img.rss, .footer-data img.facebook, .footer-data img.twitter {
        background: url("../img/@2x/gallery2.png") 0 -288px no-repeat;
        background-size: 40px auto;
    }
    .footer-data img.facebook {
        background-position: 0 -329px;
    }
    .footer-data img.twitter {
        background-position: 0 -370px;
    }
    ul.menu-mobile:before {
        background: url("../img/@2x/gallery2.png") right -409px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar .sorting span.arrow {
        background: url("../img/@2x/gallery2.png") -21px -115px no-repeat;
        background-size: 40px auto;
    }
    .grid_navbar .sorting .active span.arrow {
        background-position: -22px -102px;
    }
    span.media-enlarge:after {
        background: url("../img/@2x/gallery2.png") 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.png") 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.png") right -426px no-repeat;
        background-size: 40px auto;
    }
    .seller-short form div.field > input + span {
        background: url("../img/@2x/gallery2.png") right -373px no-repeat;
        background-size: 40px auto;
    }
    .seller-short form div.field > input[name="contact_email"] + span {
        background-position: right -391px;
    }
    .seller-short form div.field > input[name="contact_phone"] + span {
        background-position: right -407px;
    }
    div.gallery > div.preview a > span > span {
        background: url("../img/@2x/gallery2.png") right -604px no-repeat;
        background-size: 40px auto;
    }
    .modal_block div.inner div.close > div {
        background: url("../img/@2x/gallery2.png") right -326px no-repeat;
        background-size: 40px auto;
    }
    div.table-cell ul.checkboxes > li.active img {
        background: url("../img/@2x/gallery2.png") 0 -625px no-repeat;
        background-size: 40px auto;
    }
    div.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.png") 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.png") 0 -589px no-repeat;*/
        background-size: 40px auto;
    }
    div.horizontal div.next:before {
        background-position: -8px -589px;
    }
    div.vertical div.prev:before {
        background-position: 0 -839px;
    }
    div.vertical div.next:before {
        background-position: right -839px;
    }
    section#accounts > article div.no-picture div.picture img, div.no-picture img.account-picture {
        background-image: url("../img/@2x/no-account.png");
        background-size: contain;
    }
    /*
    MOBILE ANSICHT > Symbol [+]/[-] für Erweitertesuche < disable da Fonts ICON enable ist
    section.side_block > span.expander {
        background: url("../img/@2x/gallery2.png") right -502px no-repeat;
        background-size: 40px auto;
    }
    section.side_block > span.expander.active {
        background-position: 0 -502px;
    }
*/
    input.search:hover {
        height: 37px;
        background: url("../img/gallery.png") 12px -431px no-repeat #fec04f;
    }
    div.gallery > div.thumbs > div.slider > ul > li span.play {
        background: url("../img/@2x/play.png") center center no-repeat rgba(0, 0, 0, 0.2);
        background-size: 100% auto;
    }
    div.close-black > div {
        background: url("../img/@2x/gallery2.png") right -675px no-repeat;
        background-size: 40px auto;
    }
    .close-red {
        background: url("../img/@2x/gallery2.png") -25px -53px no-repeat;
        background-size: 40px auto;
    }
    div.close-black:hover > div, .close-red:hover {
        opacity: 0.8;
    }
    img.remove {
        background: url("../img/@2x/gallery2.png") 0 -857px no-repeat;
        background-size: 40px auto;
    }
    ul#messages_area > li > span {
        background: url("../img/@2x/gallery2.png") right -326px no-repeat;
        background-size: 40px auto;
    }
    img.qtip {
        background-image: url("../img/@2x/gallery2.png");
        background-position: 6px -325px;
        background-size: 40px auto;
    }
    .my-listings div.navigation ul li.nav-icon > a:before {
        background: url("../img/@2x/gallery2.png") 0 -775px no-repeat;
        background-size: 40px auto;
    }
    .my-listings div.navigation ul li.nav-icon > a.add-video:before {
        background-position: 0 -821px;
    }
    .my-listings div.navigation ul li.nav-icon > a.edit:before {
        background-position: 0 -755px;
    }
    .my-listings div.navigation ul li.nav-icon > a.unsubscription:before {
        background-position: left -933px;
    }
    .my-listings div.navigation ul li.nav-icon > a.delete:before, .delete.icon {
        background: url("../img/@2x/gallery2.png") right -755px no-repeat;
        background-size: 40px auto;
    }
    span.media-enlarge > span {
        background: url("../img/@2x/gallery2.png") right -604px no-repeat;
        background-size: 40px auto;
    }
    div.map-capture > img {
        background-size: auto 100%;
    }
    div.controls a#advanced_search:after {
        background: url("../img/@2x/gallery2.png") right -449px no-repeat;
        background-size: 40px auto;
    }
    #search_area #advanced_search:after {
        background: url("../img/@2x/gallery2.png") -34px -449px no-repeat;
        background-size: 40px auto;
    }
    body a.reportBroken img {
        background: url(../img/@2x/gallery2.png) 100% -964px no-repeat !important;
        background-size: 40px auto !important;
    }
    body a.removeBroken img {
        background: url(../img/@2x/gallery2.png) 100% -982px no-repeat !important;
        background-size: 40px auto !important;
    }
}
/*** 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: var(--top-navigation-button-border-color);
    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 ***/
/* V2 CUSTOM for all @MEDIA LastUpdate 31.07.2022 by TeRmi | 4eSport Development */
/* SELECT */
.select2-dropdown {
    background: var(--select-background);
}
.text-left {
    text-align: left !important;
}
.small-labs {
    background: #d2d2d2;
    color: #000;
    border-radius: 5px;
    margin-top: -10px;
    margin-right: -10px;
    float: right;
    font-size: 9px;
    font-weight: 600;
    padding: 10px;
}
.small-details {
    min-width: 62px;
    text-align: center;
    margin: -39px 4px 0 0;
    font-size: 11px !important;
    transition: 0.3s;
}
.small-details:hover {
    background: var(--inverted);
    color: var(--inverted-text);
}
.small-fav {
    min-width: 62px;
    text-align: center;
    margin: -34px 4px 0 0;
    font-size: 11px !important;
    transition: 0.3s;
    position: absolute;
    right: 11px;
    padding: 12px 10px;
}
.small-fav:hover {
    background: var(--inverted);
    color: var(--inverted-text);
}
/* ICONS SEARCH QUICKS TABS _________________________________*/
.icon-pos-left {
    /* position icons inserat carte - links*/
    bottom: 10px;
    links: 10px;
    position: absolute;
}
.icon-pos-right {
    /* position icons inserat carte - rechts*/
    bottom: 10px;
    right: 10px;
    position: absolute;
}
.icon-left {
    margin-top: -16px;
    margin-left: -18px;
    margin-right: 10px;
    padding-top: 8px;
    float: left;
    background: rgba(0, 0, 0, .1);
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 3px;
}
.sms-1::before {
    content: '\f058';
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-size: 1.2em;
    color: var(--success);
}
.sms-0::before {
    content: '\f05e';
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-size: 1.2em;
    color: var(-error);
}
#tab_comments a::before {
    content: '\f4a3 ';
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-size: 1.4em;
    padding-right: 5px;
}
#tab_listing a::before {
    content: '\f2c1 ';
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-size: 1.4em;
    padding-right: 5px;
}
/* BTNS*/
.btn {
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 1.125rem 1.25rem;
    line-height: 0.2rem;
    border-radius: .2rem;
    transition: all .2s ease-in-out;
}
.btn-block {
    display: block;
    width: 100%;
    margin: 2px 0;
}
.btn-outline {
    background: transparent !important;
    border-style: solid;
    border-width: 1px;
}
.btn-outline-secondary {
    border-color: var(--border-color);
}
.btn-text-left {
    text-align: left;
}
.btn-primary {
    background: var(--lighter);
}
.btn-primary:hover {
    color: var(--black) !important;
}
.btn-blue {
    background: var(--blue);
    color: #EFEFEF !important;
}
.btn-blue:hover {
    background-color: var(--blue-lighter) !important;
    border-bottom-color: var(--white);
    box-shadow: 0px 2px 0px 0px var(--blue-darker);
    color: var(--darker) !important;
}
.btn-secondary {
    background: var(--secondary);
    color: #EFEFEF !important;
}
.btn-secondary:hover {
    background: #77C52F;
}
.btn-success {
    background: var(--success);
    color: #FFF !important;
}
.btn-success:hover {
    background: var(--success);
    filter: grayscale(1);
}
.btn-warning {
    background: var(--warning);
    color: #000000;
}
.btn-warning:hover {
    background: var(--warning);
    filter: grayscale(1);
}
.btn-sm {
    height: 25px;
    padding: 5px 10px;
    font-size: 0.9rem !important;
}
.text-success {
    color: var(--success);
}
.text-blue {
    color: var(--blue);
}
.contact-btn {
    text-align: left;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}
.contact-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.contact-text--pfone {
    font-weight: 600;
    color: var(--black);
    text-align: center;
    font-size: 1.8rem;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.contact-btn--checked::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    position: absolute;
    top: 25px;
    right: 25px;
    color: var(--success) !important;
}
.contact-name {
    font-weight: 600;
    color: var(--dark);
    text-align: left;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.home-page .header-tabs .tabs li a {
    color: var(--tab-font-color);
}
.home-page .header-tabs .tabs li a:hover {
    color: var(--tab-font-color-hover);
}
.home-page .header-tabs .tabs li.active a {
    color: var(--tab-active) !important;
}
/*\ END */
div#logo img {
    width: 280px;
}
.side_block {
    margin: 0 10px;
    /* box-shadow: 0 .5rem 1.25rem rgba(15,15,62,.2);*/
    margin: 0px;
    /*background: transparent !important;*/
    border-radius: 5px;
}
.side_block h3 {
    font-size: 1.0rem !important;
    color: var(--black);
}
.seller-short {
    /* margin: 0 5px !important;*/
    border-radius: 5px;
}
.seller-short h3 {
    font-size: 1.3rem !important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: var(--black);
    margin-bottom: 10px;
}
.seller-info .name a {
    font-size: 2.0rem;
}
.no-style, .contact-buttons-personal {
    margin-top: 6px;
    margin-left: 0;
    box-shadow: none !important;
}
.item-text {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    margin: 0 20px 0 0;
    bottom: 45px !important
}
.no-slides {
    background: var(--liniar-dark);
}
.home-page .header-tabs .horizontal-search {
    background: var(--tab-background) !important;
    box-shadow: none !important;
    border-radius: 10px 10px 0 0;
    padding-bottom: 10px;
}
.header-tabs .search-block-content {
    padding: 0 10px !important;
}
#theme-switcher-sun {
    display: none;
}
.grid_navbar div.map > div > span {
    filter: var(--icon-filter-img-background);
}
ul.featured > li > .picture {
    border-radius: 8px;
    overflow: hidden;
}
.banners-box .banner {
    overflow: hidden !important;
    display: inline-table !important;
    border-radius: 10px !important;
    height: auto !important;
    width: 100%;
    /*margin-bottom: 15px !important;*/
}
#area_services .content-padding li, #area_about .content-padding li {
    padding: 2px 0;
    margin: 3px 0;
}
ul.featured {
    margin-right: -10px;
    margin-left: 0px;
}
.featured {}
.select2-search--dropdown input {
    display: none !important;
}
/* CONTENT */
.content-padding {
    /*Padding Content ITEM BOX for DESKTOP TABS and > als 574px*/
    padding: 20px 0px;
    border-radius: 5px;
}
.monetize-block article {
    flex: auto !important;
    max-width: 190px !important;
    max-height: 580px;
}
.monetize .ad-info .listing-icons {
    position: absolute;
    top: -140px;
}
.m-statistic {
    border-bottom: 2px solid var(--success) !important;
}
/* SUPPORT*/
.support {
    background: rgba(100, 100, 100, .2);
    border-radius: 10px;
    padding: 10px 20px !important;
}
/* UI */
.btn-outline {
    border: 2px solid var(--top-navigation-selector-color);
    padding: 5px;
    width: 100% !important;
    border-radius: 5px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}
.btn-outline:hover {
    border-color: var(--link-color)
}
.grid-nav-comment {
    position: absolute;
    bottom: -29px;
}
ul.featured {
    margin-right: 0px; /* minus muss weg > soll = 0*/
    margin-left: 0px;
}
.qtip, .qtip .qtip-defaults {
    z-index: 10000 !important;
}
.qtip canvas {
    border-color: var(--link-color-hover) !important
}
.qtip-contentWrapper {
    border-width: 3px !important;
    border-radius: 5px;
}
.qtip-content {
    padding: 15px !important;
    background: #000 !important;
}
#accounts article {
    box-shadow: var(--box-shadow);
    border: 1px solid var(--negativ);
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
    transition: all 0.5s;
}
#accounts article:hover {
    box-shadow: var(--box-hover-shadow);
}
/* EFFECTS*/
.content-box {
    box-shadow: var(--box-shadow);
    padding: 0px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid var(--border_box_color);
    background: var(--content-background-color)
}
/*TOP AD FRONTEND*/
.top .featured .picture {
    overflow: hidden;
}
.top .featured .picture::before {
    content: "\ TOP AD";
    background: #f03;
    color: #fff;
    text-align: center;
    left: -21px;
    top: 13px;
    width: 92px;
    height: 18px;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5)
}
option disabled {
    background: rgba(243, 70, 73, 0.39)
}
.welcome {
    background: var(--selection-background);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}
/* Rubric*/
#df_field_rubric .name {
    /*item title do not show*/
    display: none;
}
/* Plugins Styles Rewrites*/
#rv_listings div.item {
    padding: 0px !important;
    margin: 0 2px;
}
.contact-owner-navbar {
    z-index: 10;
}
/*Modal*/
.popup > div > div {
    border-radius: 10px !important;
}
/*schnellzugriff*/
.schnellzugriff-wrapper {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    width: 16rem;
    top: 45%;
    top: 500px;
    bottom: auto;
    left: -13rem;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 1200;
}
.schnellzugriff-wrapper div {
    background-color: #2b2b3d;
}
.schnellzugriff-wrapper div {
    display: flex;
    justify-content: center;
    background-color: #4878b7;
    position: relative;
    left: 0;
    flex-wrap: nowrap;
    width: 16rem;
    height: 3rem;
    padding: 0;
    margin-bottom: 2px;
    align-items: center;
    transition: left .5s;
}
.schnellzugriff-wrapper a.kdz__social__icon {
    order: 2;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}
.schnellzugriff-wrapper a.kdz__social__text {
    order: 1;
    width: 13rem;
    padding: 5px;
    padding-right: 5px;
    padding-right: 0;
    margin: 0;
    word-break: break-word;
    word-wrap: break-word;
}
.schnellzugriff-wrapper a {
    width: 100%;
    color: white;
    margin-left: 10px;
    text-align: right;
    font-size: 1rem;
}
/* FLAGS */
.flag-de {
    background: url(../img/flags/de.png);
    width: 20px;
    height: 20px;
}
.flag-en {
    background: url(../img/flags/en.png);
    width: 20px;
    height: 20px;
}
/*FLOAT*/
.float-left {
    float: left;
}
.float-right {
    float: right;
}
/*LABELS*/
.label-images {
    width: auto;
    text-align: center;
    height: auto;
    border-radius: 3px;
    line-height: 20px;
    padding: 5px 10px;
    background: var(--light);
    font-size: 0.8em;
    color: var(--black);
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px var(--negativ);
    -webkit-font-smoothing: antialiased;
    margin: 2px;
}
.label-big {
    width: auto;
    text-align: center;
    height: auto;
    border-radius: 3px;
    line-height: 20px;
    padding: 5px 10px;
    background: var(--link-color);
    font-size: 0.8em;
    color: var(--black);
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px var(--negativ);
    -webkit-font-smoothing: antialiased;
    margin: 2px;
}
.label-high {
    width: auto;
    text-align: center;
    height: auto;
    border-radius: 3px;
    line-height: 20px;
    padding: 5px 10px;
    background: var(--warning);
    font-size: 0.8em;
    color: var(--black);
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px var(--negativ);
    -webkit-font-smoothing: antialiased;
    margin: 2px;
}
.label-status {
    width: auto;
    text-align: center;
    height: auto;
    border-radius: 3px;
    line-height: 20px;
    padding: 5px 10px;
    background: var(--success);
    font-size: 0.8em;
    color: var(--black);
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px var(--negativ);
    -webkit-font-smoothing: antialiased;
    margin: 2px;
}
.label-fetish {
    width: auto;
    text-align: center;
    height: auto;
    border-radius: 3px;
    line-height: 20px;
    padding: 5px 10px;
    background: var(--blue);
    font-size: 0.8em;
    color: var(--black);
    font-weight: 600;
    z-index: 1;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px var(--negativ);
    -webkit-font-smoothing: antialiased;
    margin: 2px;
}
.label-fetish a {
    color: var(--black);
}
.label-fetish a:hover {
    text-shadow: 1px 1px 2px var(--blue-darker);
}
.verifiziert {
    color: var(--listing-card-icon-fill-color);
    font-weight: 700;
}
.favorite {
    color: var(--listing-card-icon-fill-color);
    font-weight: 700;
}
/* LISTINGS PICUTRE NUMBERS */
#listings div.picture > span::before {
    content: attr(accesskey);
    width: 100%;
    height: 100%;
    top: -4px;
    right: -4px;
    position: absolute;
    border-radius: 3px;
    background: white;
}
#listings div.picture > span {
    min-width: 24px;
    height: 24px;
    padding: 0 4px;
    position: absolute;
    bottom: 4px;
    left: 4px;
    color: var(--link-color);
    box-shadow: inset 0 0 0 2px white;
    border-radius: 3px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}
/* BUIT */
#paygc_credits div {
    margin-left: 30px;
}
.list .ad-info .icons {
    float: left;
    bottom: 5px;
    left: 10px;
    right: auto !important;
    position: absolute;
}
.credit_item::before {
    /*
    background: -webkit-linear-gradient(var(--negativ) 0%, rgba(0,0,0,0) 80%) !important;
    background: -o-linear-gradient(var(--negativ) 0%, rgba(0,0,0,0) 80%) !important;
    background: linear-gradient(var(--negativ) 0%, rgba(0,0,0,0) 80%) !important;
    */
    background: var(--negativ) !important;
    margin-top: -45px !important;
    border-radius: 5px !important;
}
/*\--END*/
.monetize ol {
    display: none;
}
/*Price V1.0*/
.inside-container .container {
    border: 5px solid var(--box-background-color);
    border-radius: 5px;
}
div .prices {
    padding: 10px;
    background: var(--box-background-color);
    border-radius: 5px;
}
div .prices ul li {
    padding: 10px;
}
div .prices ul li i {
    color: var(--success);
    font-size: 1.2rem;
    float: left;
}
div .prices ul li p {}
div .prices ul li spann {
    color: var(--link-color);
}
/* .prices ul li::before{
        content: "\f058";
        font-family: "Font Awesome 5 Pro";
        color: var(--success);
        font-size: 1.2rem;
        margin-right: 10px;
        float: left;
    }*/
.list-group-item {
    font-size: 1.2rem;
    padding: 5px;
}
.list-group-item strong {
    font-weight: 600;
    color: var(--link-color);
}
small.warning {
    background: var(--warning);
    color: var(--white);
    padding: 2px 8px;
    border-radius: 3px;
    text-align: center;
}
.header {
    background: rgba(0, 0, 0, .05);
    line-height: 30px;
}
.bi {
    color: var(--link-color);
}
.currentColor {
    fill: #000;
}
div .price {
    font-size: 50px;
    font-weight: 800;
    padding-top: -80% !important;
}
/* Der Flip-Card-Container - Stellen Sie Breite und Höhe nach Ihren Wünschen ein. Wir haben die Border-Eigenschaft hinzugefügt, um zu demonstrieren, dass der Flip selbst beim Schweben aus dem Feld herausgeht (entfernen Sie die Perspektive, wenn Sie den 3D-Effekt nicht möchten*/
.flip-card {
    overflow: hidden;
    background-color: transparent;
    width: auto;
    height: auto;
    min-height: 200px;
    border-radius: 5px;
    perspective: 1000px; /* Entfernen Sie dies, wenn Sie den 3D-Effekt nicht möchten */
    box-shadow: 0 .5rem 1.25rem rgba(15, 15, 62, .2);
}
/* Dieser Behälter wird zum Positionieren der Vorder- und Rückseite benötigt */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.3s;
    transform-style: preserve-3d;
}
/* Machen Sie einen horizontalen Flip, wenn Sie die Maus über den Flip-Box-Container bewegen */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}
/* Frontseite gestalten (Fallback falls Bild fehlt) */
.flip-card-front {
    background-color: var(--link-color);
    color: white;
    height: auto;
    padding: 50px 0px;
}
/* Stylen Sie die Rückseite */
.flip-card-back {
    background-color: var(--inverted);
    color: var(--inverted-text);
    transform: rotateY(180deg);
    padding: 50px 0px;
}
/*\ END Price*/
/* FAQ ACCORDION */
.accordion {
    margin: auto;
    width: 100%
}
.accordion input {
    display: none;
}
.box {
    position: relative;
    /*background: var(--inverted);*/
    min-height: 55px;
    padding: 10px 0 0 0;
    transition: all .15s ease-in-out;
}
.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    box-shadow: 0 4px 7px -8px var(--darker)
}
header.box {
    background: var(--link-color);
    z-index: 100;
    cursor: initial;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px -2px rgba(0, 0, 0, .12), 0 2px 10px -10px rgba(0, 0, 0, .24);
}
header .box-title {
    margin: 0;
    font-weight: normal;
    font-size: 1.6rem;
    color: var(--white);
    cursor: initial;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.box-title i {
    padding: 5px 10px;
}
.box-title {
    width: calc(100% - 40px);
    min-height: 45px;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.box-content {
    width: calc(100% - 40px);
    padding: 30px 20px;
    font-size: 11pt;
    color: var(--dark);
    display: none;
}
.box-close {
    position: absolute;
    height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
input:checked + .box {
    height: auto;
    margin: 16px 0;
    background: var(--transparent-1);
    box-shadow: var(--box-shadow);
    border: 1px solid var(--border-color);
}
input:checked + .box .box-title {
    border-bottom: 1px solid var(--negativ);
    color: var(--link-color) !important;
    text-shadow: var(--text-shadow);
    font-size: 1.2rem;
}
input:checked + .box .box-content, input:checked + .box .box-close {
    display: inline-block;
}
.arrows section .box-title {
    padding-left: 54px;
    width: calc(100% - 0px);
}
.arrows section .box-title:hover {
    color: var(--black);
}
.arrows section .box-title:before {
    position: absolute;
    display: block;
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    font-size: 18pt;
    left: 20px;
    top: 15px;
    transition: transform .20s ease-in-out;
    color: var(--dark);
}
input:checked + section.box .box-title:before {
    content: '\f068';
    color: var(--link-color);
    top: 18px;
}
.shadow {
    box-shadow: 0 .5rem 1.25rem rgba(15, 15, 62, .2);
}
.text-underline {
    text-decoration: underline !important;
}
/*\ END FAQ ACCORDION*/
/* Scroll Top v1.0 */
.scroll-up {
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 2px var(--negativ);
    box-shadow: inset 0 0 0 2px var(--negativ);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: 40px;
    width: 40px;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.scroll-up::after {
    position: absolute;
    font-family: 'Font Awesome 5 Pro';
    content: "\f176";
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color: var(--link-color);
    left: 0;
    top: 0;
    font-size: 20px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.scroll-up.active-scroll {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.scroll-up svg path {
    fill: none;
}
.scroll-up svg.scroll-circle path {
    stroke: var(--link-color);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.scroll-one {
    -webkit-box-shadow: inset 0 0 0 2px var(--light);
    box-shadow: inset 0 0 0 2px var(--light);
}
.scroll-one::after {
    color: var(--light);
}
.scroll-one svg.scroll-circle path {
    stroke: var(--light);
}
/*IFRAME */
iframe .cke_editable {
    background: #000 !important;
}
/*RECAPTCHA*/
.rc-anchor-light {
    background: var(--inverted) !important;
    color: var(--text-inverted) !important;
}
/* POPUPS*/
.popover {
    background: rgba(0, 0, 0, 0.0) !important;
}
.popover > div {
    background: var(--black) !important;
}
.popover::before {
    content: '';
    position: absolute;
    top: -3px !important;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px !important;
    border-color: transparent transparent var(--black) transparent !important;
}
.popup > div > div > * {
    display: block !important;
}
.il {
    left: 32px;
    position: absolute;
}
/* MONETISE PLUGIN */
article.highlight a.link-large, article.highlight ul.ad-info > li.title > a {
    color: #F18E00 !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
}
/*.highlight::before {
    content: '\f521' !important;
}*/
/* if USE ORF. CAPTCHA non ReCaptcha-GOOGLE */
#contact_code_1_security_img, contact_code_2_security_img, contact_code_3_security_img {
    height: 39px !important;
    border-radius: 3px !important;
}
/*FEATURE LISTING ICONS VERTICAL UPDATE @25.03.2032 by TeRmi | 4eSport DEV
  TPL > featured.tpl > Line90
*/
.listing-group {
    position: absolute;
    display: grid;
    left: auto;
    top: 5%;
    right: 3px;
    /*width: 30px;*/
    padding: 0px;
    height: auto;
}
ul.featured .icons {
    display: grid;
    /*background: rgba(0, 0, 0, .5);*/
    border-radius: 8px 0 0 8px;
}
.listing-icons > :not(:last-child) {
    margin-bottom: 1px;
}
/* GRID + LIST Box anischt | nur für Grupen (girls/man/shmales/clubs) nicht für Features ansicht von der Frontpage */
.list .order-5 {
    top: auto;
    bottom: 5%;
}
.order-5 {
    position: absolute;
    display: grid;
    left: -2px;
    top: 10%;
    right: auto;
    width: 30px;
    padding: 2px;
    height: auto;
}
.order-5 ul {
    /*background: rgba(0, 0, 0, .6);
    border-top: 1px solid rgba(255, 255, 255, .3);*/
    padding: 5px 0 5px 5px;
    border-radius: 0 5px 5px 0;
}
.order-5 li {
    display: grid;
}
.order-5 .tooltip .tooltiptext {
    left: 140%;
    right: auto;
}
.order-5 .tooltip .tooltiptext::after {
    left: -10px;
    transform: rotate(180deg)
}
/*CLIENT PAGE > VOTEUP / TOPAD / usw... SIDE BLOCK*/
.side_block .icons.order-5 {
    top: -5px !important;
    height: 30% !important;
}
/*CLIENT IF FEATURED*/
.featured .order-5 ul {
    border: none;
    background-color: transparent;
}
/*GRID + LIST END*/
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 80px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 0.7rem;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    padding: 2px;
    position: absolute;
    vertical-align: middle;
    z-index: 1;
    top: 0px;
    right: 129%;
    line-height: 15px;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/*BANNER MODAL V1*/
/* The Modal (background) */
.bannermodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
    backdrop-filter: blur(10px);
}
/* Modal Content */
.modal-content {
    margin: 0 auto;
    min-height: auto;
    padding: 0px;
    width: 750px;
    border-radius: 8px;
    text-align: center;
}
/* The Close Button */
.modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--link-color);
    float: right;
    font-size: 30px;
    font-weight: bold;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: var(--white);
    text-align: center;
    padding: 5px;
}
.modal-close:hover, .close:focus {
    background: var(--primary);
    color: var(--white);
    text-decoration: none;
    cursor: pointer;
}
/* UPDATE-3 03.2023 by TeRmi*/
.showcase-gradient {
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(180deg, #3c3f46 0, #212327);
    background-repeat: repeat-x;
}
.ad-regional {
    border: 1px solid rgba(20, 20, 20, .5);
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*Search Group*/
.search {
    top: -50px;
    flex: 0 0 100%;
    max-height: 0;
    position: relative;
    display: none;
    transition: all .2s ease-in-out;
    overflow: hidden;
}
.search--visible {
    display: block;
    max-height: 75px;
    top: 10px;
}
.search__input-group {
    margin: 15px 0 0 0;
    border-radius: .3rem;
    margin-bottom: 15px;
    border: 1px solid var(--top-navigation-selector-color)
}
.search__input::placeholder {
    color: var(--white);
}
.search--desktop .search__input-group {
    margin-bottom: 0;
}
.search__input-group-mobile{
    border: 1px solid;
    border-radius: 5px;
}
.search__input-group input[type="text"], .search__input-group-mobile input[type="text"]{
    background-color: transparent !important;
    color: var(--white);
}
.search__search-btn {
    border: none;
    display: flex;
    align-items: center;
    padding: 0 8px !important;
    border-radius: 0 3px 3px 0;
    background-color: transparent !important;
    cursor: pointer;
    margin-left: -40px
}
.search__search-btn-mobile {
    border: none;
    display: flex;
    align-items: center;
    padding: 0 8px !important;
    border-radius: 0 3px 3px 0;
    background-color: transparent;
    cursor: pointer;
}
.search__input, .search__input-mobile, .search__input:active, .search__input:focus, .search__input:hover {
    color: var(--link-color);
    border: none !important;
    box-shadow: 0 !important;
}
.search__search-icon {
    transition: background .1s ease-in-out;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNy4zNzYnIGhlaWdodD0nMTcuMzgnPjxwYXRoIGRhdGEtbmFtZT0nSWNvbiBpb25pYy1pb3Mtc2VhcmNoJyBkPSdNMTcuMTcyIDE2LjEyMmwtNC44MzItNC44NzhhNi44ODcgNi44ODcgMCAxMC0xLjA0NSAxLjA1OWw0LjggNC44NDZhLjc0NC43NDQgMCAwMDEuMDUuMDI3Ljc0OS43NDkgMCAwMC4wMjctMS4wNTR6bS0xMC4yNDQtMy43NmE1LjQzOCA1LjQzOCAwIDExMy44NDYtMS41OTMgNS40IDUuNCAwIDAxLTMuODQ2IDEuNTkzeicgZmlsbD0ncmdiYSgyNTUsMjU1LDI1NSwwLjUpJy8+PC9zdmc+);
}
button:focus:not(:focus-visible) {
    outline: 0;
}
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
.header-main-mobile__search-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: none;
    margin-right: -15px;
}
.header-main-mobile__search-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: -10%;
    font-size: 1.2rem;
    font-weight: 300;
    color: var(--link-color);
    cursor: pointer;
    font-weight: 400 !important;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: flex;
}
.input-group-append {
    margin-left: -1px;
    display: flex;
}
.input-group-prepend .btn {
    position: relative;
    z-index: 2;
}
.input-group-append .btn {
    position: relative;
    z-index: 2;
}
.input-group:not(.has-validation) > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group > .form-control, .input-group > .form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control, .input-group > .form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
    margin-bottom: 0;
}
/* NOT SHOW | LU-250423 @ TeRmi*/
.registration-page .top-navigation nav, .login-page .top-navigation nav, .banner-preise-page .top-navigation nav , .inseratprices-page .top-navigation nav, .view-details-page  .top-navigation nav, .contact-us-page .top-navigation nav{
    display: none !important;
}
/*TODo V2
.popup > div > div{
    width:  100% !important;
}
.popup > div > div div.body {
    margin: 0 auto;
}
*/
/* COLS - DEBUG
section#main_container {
    background: #d2d2d2;
    color:#000;
}
section.content_block {
    background: #757575;
    color:#AAE8FF;
}
section.content_block::before{
    content: '\ section block-content';
    color:#fff;
}
.col-lg-3{
    border:1px solid #AAE8FF;
}
.col-lg-3::before{
    content: '\ col-lg-3'
}
.col-lg-4:before{
    content: '\ col-lg-4'
}
.col-lg-9{
    background:#F5D471;
}
.col-lg-8::before{
    content: '\ col-lg-8'
}
.col-lg-9::before{
    content: '\ col-lg-9'
}
.col-md-6{
     content: '\ col-md-6'
}
.col-md-12::before{
    content: '\ col-md-12'
}
.col-sm-12::before{
    content: '\ col-sm-12'
}
*/